.carousel-control-prev,
.carousel-control-next {
	display: none !important
}
.clients-section {
	border-bottom: 1px solid var(--bordercolor);
	padding: 33px 0
}

.clients-section .item {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 54px
}

.clients-section img {
	max-height: 54px;
	width: auto !important
}

.aboutus-section {
	padding: 100px 0 !important
}

.aboutus-section .title-wrap .sparkout-group {
	margin-bottom: 25px;
	border-radius: 0
}

.aboutus-section .title-wrap .sparkout-group:hover img,
.aboutus-section .title-wrap .sparkout-group:focus img {
	transform: scale(1)
}

.fact-section {
	padding-left: 105px
}

.fact {
	position: relative;
	margin-bottom: 42px
}

.fact h2 {
	font-size: 108px;
	font-family: Arial;
	font-weight: 700;
	line-height: 78px;
	letter-spacing: -.904px;
	text-align: right;
	margin: 0;
	top: 20px;
	position: relative
}

.fact h2.filled {
	--stroke: min(0.25vmin, 1px) #c84f00;
	color: #ffefe5;
	-webkit-text-stroke: var(--stroke);
	text-stroke: var(--stroke)
}

.fact h2:not(.filled) {
	--stroke: min(0.25vmin, 1px) #c84f00;
	color: #fff;
	-webkit-text-stroke: var(--stroke);
	text-stroke: var(--stroke);
	opacity: 1
}

.fact h3 {
	color: var(--secondrycolor);
	font-size: 24px;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: -.2px;
	padding-bottom: 14px
}

.fact h3 span {
	color: var(--primarycolor);
	display: block;
	font-family: var(--primaryfont)
}

.technology-card figure {
	margin-bottom: 35px
}

.technology-card h3 a,
.technology-card h3 {
	color: var(--secondrycolor);
	font-size: 20px;
	font-weight: 700;
	line-height: 150%;
	padding-bottom: 25px;
	transition: 0.3s ease-in-out
}

.technology-card:hover h3 a,
.technology-card:hover h3 {
	color: var(--primarycolor)
}

.technology-card:hover figure img {
	transform: scale(1.2)
}

.brands-section .btn-primary {
	font-size: 14px
}

.brands-section.text-center img,
.achievements-section.text-center img {
	margin-bottom: 0
}

.brands-section .title-wrap {
	margin-bottom: 60px
}

.partners-logo {
	flex-wrap: wrap
}

.partner-logo {
	height: 193px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff
}

.partner-4by-3 .partner-logo {
	width: 25%;
	height: 148px
}

.partner-4by-3 .partner-logo:nth-child(2),
.partner-4by-3 .partner-logo:nth-child(4),
.partner-4by-3 .partner-logo:nth-child(5),
.partner-4by-3 .partner-logo:nth-child(6),
.partner-4by-3 .partner-logo:nth-child(7),
.partner-4by-3 .partner-logo:nth-child(10),
.partner-4by-3 .partner-logo:nth-child(12) {
	background: #fff
}

.partner-4by-3 .partner-logo:nth-child(1),
.partner-4by-3 .partner-logo:nth-child(3),
.partner-4by-3 .partner-logo:nth-child(6),
.partner-4by-3 .partner-logo:nth-child(8),
.partner-4by-3 .partner-logo:nth-child(9),
.partner-4by-3 .partner-logo:nth-child(11) {
	background: #f9fafb
}

.partners-logo .partner-logo img {
	filter: grayscale(100%)
}

.partners-logo .partner-logo:hover img {
	filter: grayscale(0%)
}

.achievement-logo {
	margin-bottom: 20px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center
}

.achievement-logo img {
	max-width: 120px;
	margin: 0
}

.achievements-section .achievement .title,
.achievements-section .achievement h4 {
	color: var(--secondrycolor);
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
	padding-bottom: 8px
}

.achievements-section .achievement p {
	color: var(--secondrytextcolor);
	font-size: 14px;
	line-height: 162%;
	font-weight: 500
}

.achievements-section .achievement p a {
	color: var(--secondrytextcolor)
}

.achievements-section .achievement .title a,
.achievements-section .achievement h4 a {
	color: var(--secondrycolor);
	transition: 0.3s ease-in-out
}

.achievements-section .achievement:hover .title a,
.achievements-section .achievement:hover h4 a {
	color: #c84f00
}


.industries-card {
	position: relative;
	transition: 0.3s ease-in-out
}

.industries-card .content {
	position: absolute;
	bottom: 30px;
	left: 24px;
	right: 24px
}

.industries-card .content h3,
.industries-card .content h3 a {
	color: var(--bgwhite);
	font-size: 20px;
	font-weight: 700;
	line-height: 150%;
	padding-bottom: 10px;
	transition: 0.3s ease-in-out
}

.industries-card .content p,
.industries-card .content p a {
	color: var(--bgcolorsecondry);
	font-size: 14px;
	line-height: 162%;
	padding-bottom: 17px;
	font-weight: 400
}

.industries-card .content .btn-primary {
	display: flex;
	margin: 0;
	color: var(--bgwhite);
	gap: 7px
}

.industries-card .content .btn-primary img {
	width: auto
}

.industries-card .content .btn-primary:hover:before {
	background: rgb(230 232 234 / .19);
	z-index: 0
}

.industries-card:hover img {
	transform: scale(1.1)
}

.industries-card:hover .content h3,
.industries-card:hover .content h3 a {
	color: var(--primarycolor)
}

.content:hover~.industries-card figure>img {
	transform: scale(1.1)
}


.quick-contact .q-contact h4,
.quick-contact .q-contact .h4 {
	color: #c84f00;
	font-size: 20px;
	font-weight: 600;
	line-height: 150%;
	padding-bottom: 20px
}

.quick-contact .q-contact a {
	color: var(--secondrytextcolor);
	font-size: 16px;
	line-height: 168%;
	text-decoration: none;
	padding-bottom: 0;
	border-bottom: 1px solid #96a1b3
}

.quick-contact .q-contact a:hover {
	color: var(--primarycolor);
	border-bottom: 1px solid var(--primarycolor)
}


.inside-card .content p {
	-webkit-line-clamp: 2;
	margin-bottom: 10px
}

.technology-card p a {
	color: var(--secondrytextcolor)
}

.technology-card p {
	margin-bottom: 25px
}

.reviews-section .review-card p {
	-webkit-line-clamp: 8;
	margin-bottom: 15px
}

.industries-card .content p {
	-webkit-line-clamp: 3;
	margin-bottom: 5px
}

.faq-section .accordion {
	margin-bottom: 0
}

.faq-section .accordion-item {
	border: 1px solid #c84f00;
	background-color: #fff;
	margin-bottom: 15px
}

.faq-section .accordion-item:first-of-type,
.faq-section .accordion-item:first-of-type .accordion-button,
.faq-section .accordion-item:last-of-type .accordion-button.collapsed,
.faq-section .accordion-item:last-of-type {
	border-radius: 0
}

.faq-section .accordion-button {
	line-height: 1.5;
	font-weight: 600;
	font-size: 20px
}

.faq-section .accordion-button:not(.collapsed) {
	color: #c84f00 !important;
	background-color: #fff !important;
	box-shadow: none
}

.faq-section .accordion-button:focus {
	border-color: #c84f00;
	box-shadow: none
}

.faq-section .accordion-body {
	padding: 0 20px !important
}

.what-we-do-app {
	padding: 15px 0;
	transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s
}

.what-we-do-app img {
	width: 60px;
	height: 60px;
	object-fit: contain;
	margin: 0 0 15px
}

.what-we-do-app h3 {
	font-size: 22px;
	line-height: 32px;
	margin: 0 0 15px;
	font-weight: 600;
	color: var(--secondrycolor)
}

.latest-technology {
	padding: 20px 25px !important
}

.latest-technology:hover {
	box-shadow: 0 0 6px #c84f00 inset !important
}

.latest-technology img {
	margin: 0 0 10px !important
}

.what-we-do-app h3 a {
	font-size: 20px;
	color: var(--secondrycolor)
}

.what-we-do-app h3 a:hover {
	color: #c84f00
}

.what-we-do-app:hover,
.what-we-do-app:focus {
	box-shadow: none
}

.bg-invest-ar {
	background: #192a44 !important
}

.bg-invest-ar .title-wrap h4,
.bg-invest-ar .title-wrap .h4,
.bg-invest-ar .title-wrap h2,
.bg-invest-ar .title-wrap p,
.bg-invest-ar .what-we-do-app h3,
.bg-invest-ar .what-we-do-app p {
	color: #fff
}

.sticky .what-we-do-app .process-num {
	left: 18%;
	top: 38px;
	font-size: 100px
}

.sticky .what-we-do-app {
	box-shadow: none;
	position: relative;
	padding: 15px 0
}

.text-left {
	text-align: left
}


.tab-content>.tab-pane {
	border: 0 !important
}

.hr-btm {
	border: 0;
	position: relative;
	margin: 0;
	height: 2px;
	padding: 0;
	background: #e6e8ea;
	opacity: 1;
	margin-bottom: 38px
}

.hr-btm:before,
.hr-btm:after {
	content: "";
	position: absolute;
	width: 35px;
	height: 2px;
	left: 0;
	bottom: 0;
	background: #c84f00;
	z-index: 9
}

.desc {
	padding: 15px 15px;
	background: #f7f7f7;
	border: 1px solid #ededed
}

.bg-park {
	background: #e6ecf3
}

.appfeatures p {
	padding-bottom: 0
}

.appfeatures {
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.appfeatures p strong {
	font-weight: 500
}

.what-we-do-app.design-studio h3 {
	font-size: 18px
}

.what-we-do-app.design-studio p {
	font-size: 13px
}

.design-studio-img {
	padding-right: 50px
}

.why-choose-app {
	padding: 30px;
	background: #f3f6f9;
	height: 100%
}

.why-choose-app h3 {
	font-size: 22px;
	line-height: 32px;
	font-weight: 700;
	color: #192a44;
	margin: 0 0 15px
}

.why-choose-app img {
	width: 60px;
	height: 60px;
	object-fit: contain;
	margin: 0 0 15px
}

.vertical-tabs.core-services .tab-content {
	border: none !important
}

.vertical-tabs.core-services .accordion-body {
	padding: 0
}

.why-choose-app.tab-content {
	padding: 0px !important;
	border: none !important;
	background: none !important
}

.why-choose-app.tab-content h3 {
	margin-bottom: 10px !important
}

.why-choose-app.tab-content p {
	padding-bottom: 10px !important
}

.vertical-tabs.core-services .nav-pills {
	gap: 30px !important;
	padding: 0px !important
}

.vertical-tabs.core-services .nav-link,
.vertical-tabs.core-services .nav-link:hover,
.vertical-tabs.core-services .nav-pills .nav-link.active,
.vertical-tabs.core-services .nav-pills .show>.nav-link {
	border: none !important
}

.vertical-tabs.core-services .nav-pills .nav-link,
.vertical-tabs.core-services .nav-pills .nav-link.active {
	position: relative;
	padding-left: 42px;
	transition: 0.2s all ease-in-out;
	background: none
}

.vertical-tabs.core-services .nav-pills .nav-link.active:before {
	font-size: 35px;
	position: absolute;
	width: 29px;
	height: 20px;
	left: 0;
	top: 5px;
	color: #c84f00;
	z-index: 9;
	background: url(../images/arrow-r.svg) no-repeat left top
}

.vertical-tabs.core-services .nav-pills .nav-item:after,
.vertical-tabs.core-services .nav-pills .nav-item:before {
	width: 0;
	height: 0;
	background: none !important
}

.vertical-tabs.core-services .nav-pills {
	background: #fff !important
}

.core-services .why-choose-app.tab-content a h3 {
	transition: 0.3s ease-in-out
}

.core-services .why-choose-app.tab-content a:hover h3 {
	color: #c84f00
}

.register-block a {
	color: var(--secondrytextcolor);
	text-decoration: underline
}

.register-block a:hover {
	color: #c84f00
}

.register-para {
	display: flex;
	gap: 15px;
	flex-wrap: wrap
}
.goog-logo-link {
	display: none !important
}

.goog-te-gadget {
	color: transparent !important;
	font-size: 0
}

.VIpgJd-ZVi9od-l4eHX-hSRGPd,
.VIpgJd-ZVi9od-l4eHX-hSRGPd:link,
.VIpgJd-ZVi9od-l4eHX-hSRGPd:visited,
.VIpgJd-ZVi9od-l4eHX-hSRGPd:hover,
.VIpgJd-ZVi9od-l4eHX-hSRGPd:active {
	display: none
}

.goog-te-combo,
.VIpgJd-ZVi9od-ORHb *,
.VIpgJd-ZVi9od-SmfZ *,
.VIpgJd-ZVi9od-xl07Ob *,
.VIpgJd-ZVi9od-vH1Gmf *,
.VIpgJd-ZVi9od-l9xktf * {
	font-family: arial;
	font-size: 12px;
	font-weight: 400 !important;
	width: 130px
}

.goog-te-gadget .goog-te-combo {
	margin: 0 15px 0 0;
	padding: 5px 0;
	border: 1px solid #e5e7eb;
	color: #818a98 !important
}

.translated-ltr .navbar,
.translated-rtl .navbar {
	top: 38px
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
	border-bottom: 1px solid #fff0;
	box-shadow: none
}

.ct-language__dropdown {
	padding-top: 8px;
	max-height: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	width: fit-content;
	text-align: center;
	padding-top: 0;
	z-index: 200;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out
}

.ct-language__dropdown li {
	background: #ddd;
	padding: 5px
}

.ct-language__dropdown li a {
	display: block
}

.ct-language__dropdown li:first-child {
	padding-top: 10px;
	border-radius: 3px 3px 0 0
}

.ct-language__dropdown li:last-child {
	padding-bottom: 10px;
	border-radius: 0 0 3px 3px
}

.ct-language__dropdown li:hover {
	background: #fff
}

.ct-language {
	position: relative;
	color: #fff;
	padding: 10px 15px 10px 0
}

.ct-language:hover .ct-language__dropdown {
	max-height: 200px;
	padding-top: 8px
}

.list-unstyled {
	padding-left: 0;
	list-style: none
}

.features-left-2 {
	position: -webkit-sticky;
	position: sticky;
	top: 150px
}

.features-right-2 {
	width: 100%;
	position: relative
}

.features-card {
	background: #fff;
	border-radius: 15px;
	position: -webkit-sticky;
	position: sticky;
	top: 150px
}
section.banners-section {
	position: relative
}

.design-studio-title {
	display: flex;
	align-items: center;
	gap: 10px
}

.design-studio-title img {
	visibility: hidden;
	width: 21px !important;
	height: 21px !important;
}

.design-studio-title:hover .behance {
	color: #1769ff;
	transition: 0.3s ease-in-out
}

.design-studio-title:hover .linkedin {
	color: #0a66c2;
	transition: 0.3s ease-in-out
}

.design-studio-title:hover .instagram {
	color: #ed6945;
	transition: 0.3s ease-in-out
}

.design-studio-title:hover .dribbble {
	color: #ff87b5;
	transition: 0.3s ease-in-out
}

.design-studio-title:hover img {
	visibility: visible;
	transition: 0.3s ease-in-out
}

.what-we-do-app:hover .design-studio-title img {
	visibility: visible
}

.what-we-do-app.design-studio {
	padding: 22px 13px 22px 22px;
	border: 1px solid #e6e8ea
}

.casestudy-card {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%
}

.casestudy-card.l1x {
	background-image: url(../images/portfolio/l1x.webp)
}
.casestudy-card.farmsent {
	background-image: url(../images/portfolio/farmsent-bg.webp)
}

.casestudy-card.parkk {
	background-image: url(../images/portfolio/parkk-bg.webp)
}

.casestudy-card.real-world {
	background-image: url(../images/portfolio/real-world-bg.webp)
}

.casestudy-card.first-blastit {
	background-image: url(../images/portfolio/first-blastit-bg.webp)
}

.casestudy-card.first-trackit {
	background-image: url(../images/portfolio/first-trackit-bg.webp)
}

.casestudy-card {
	padding: 60px
}

.casestudy-section .casestudy-card {
	padding: 0
}

.casestudy-card h2 {
	position: relative;
	color: #FFF;
	font-size: 42px;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: -.5px;
	margin-bottom: 15px;
	padding: 0
}

.casestudy-card p {
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	line-height: 168%;
	padding-bottom: 40px
}

.casestudy-card img.logo {
	margin-bottom: 60px;
}

.details-main {
	border-radius: 11px;
	background: linear-gradient(127deg, rgb(255 255 255 / .3) 12.11%, rgb(255 255 255 / .1) 73.08%);
	backdrop-filter: blur(20px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 77px
}

.details-main h3 {
	color: #FFF;
	font-size: 33px;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: -.393px
}

.details-main p {
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
	line-height: 168%;
	padding: 0;
	margin: 0
}

.details-main.farmsent {
	background: transparent !important;
	backdrop-filter: blur(0);
	padding: 0px !important
}

.details-main.farmsent .details {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 15px
}

.details-main.farmsent .details p {
	padding-bottom: 0
}

.casestudy-card.real-world {
	padding: 60px 60px 96px
}

.casestudy-card.real-world h2 {
	margin-bottom: 20px
}

.casestudy-card.real-world p {
	padding-bottom: 50px
}

.casestudy-card.real-world .details-main p {
	font-weight: 600
}

.casestudy-card.real-world .devider {
	height: 97px
}

.devider {
	width: 2px;
	height: 97px;
	background: rgb(255 255 255 / .18)
}
.casestudy-card.first-trackit {
	padding: 60px 60px 106px
}

.casestudy-card.first-trackit h2 {
	margin-bottom: 20px
}

.casestudy-card.first-trackit p {
	padding-bottom: 60px
}

.casestudy-card.first-trackit img.logo {
	margin-bottom: 70px
}

.details-main.first-trackit {
	padding: 18px 30px 18px 50px
}

.casestudy-card.real-world .details-main {
	border-radius: 11px;
	border: 2px solid rgb(255 255 255 / .18);
	background: linear-gradient(127deg, rgb(255 255 255 / .02) 12.11%, rgb(255 255 255 / .01) 73.08%);
	backdrop-filter: blur(20px)
}
.casestudy-card.first-blastit h3 {
	color: #fff;
    font-size: 26px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -.5px;
}

/********************************* casestudy-slider ***************************************/
.casestudy-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: 2;
	/* How many items are to scroll */
	--scrolling-gallery-items-total: 4;
	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: 10s;
			}
			.casestudy-section .casestudy-scroller img {
				max-width: 180px;
			}
	}
	
.casestudy-section .casestudy-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; */
}

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

}

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

.casestudy-section .casestudy-scroller img {
	display: block;
	height: auto;
	object-position: center;
	margin: auto;
	width: 100%;
}
@keyframes scrolling-gallery {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(var(--scrolling-gallery-items-total) * -100% / var(--scrolling-gallery-items-visible)));
	}
}
.casestudy-section .casestudy-scroller:hover,
.casestudy-section .casestudy-scroller:focus {
	animation-play-state: paused;
}
/***************************** casestudy-scroll-end ************************************/

/***************************** sneak-peek-scroll-end ************************************/
.sneakpeak-slider .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: 1;
	/* How many items are to scroll */
	--scrolling-gallery-items-total: 3;
	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: 10s;
			}
	}
	
.sneakpeak-slider .sneak-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; */
}

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

}

.sneakpeak-slider .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;
}

.sneakpeak-slider .sneak-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);
	}
}
.sneakpeak-slider .sneak-scroller:hover,
.sneakpeak-slider .sneak-scroller:focus {
	animation-play-state: paused;
}


.sneakpeak-slider-two .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: 1;
	/* How many items are to scroll */
	--scrolling-gallery-items-total: 3;
	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: 10s;
	}
}
	
.sneakpeak-slider-two .sneak-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-ltr;
	animation-iteration-count: infinite;
	display: flex;
}

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

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

.sneakpeak-slider-two .sneak-scroller img {
	display: block;
	height: auto;
	object-position: center;
	margin: auto;
	width: 100%;
}


/* Left to right scroll animation */
.left-to-right .scroller {
	animation-name: scrolling-gallery-ltr;
}
@keyframes scrolling-gallery-ltr {
	0% {
		transform: translateX(calc(var(--scrolling-gallery-items-total) * -100vw / var(--scrolling-gallery-items-visible)));
	}
	100% {
		transform: translateX(0);
	}
}

.sneakpeak-slider-two .sneak-scroller:hover,
.sneakpeak-slider-two .sneak-scroller:focus {
	animation-play-state: paused;
}


/***************************** sneak-peek-scroll-end ************************************/

/*************** 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) {
	.reviews-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) {
	.reviews-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;
	}
}
	
.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 **********************/

/******************** 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 (max-width:1920px) {
	
}

@media (max-width:1700px) {
	

}
@media (max-width:1500px) {
	.casestudy-card {
		padding: 50px;
	}
	.casestudy-card img.logo {
		margin-bottom: 30px;
        height: 70px;
		max-width: 150px;
	}
	.casestudy-card h2{
		font-size: 36px;
	}
	.casestudy-card p {
		padding-bottom: 30px;
	}
	.features-card {
		top: 50px;
	}
	.details-main h3 {
		font-size: 28px;
	}
	.details-main {
		padding: 14px 77px;
	}
	.casestudy-card.first-trackit {
		padding: 50px 50px 60px;
	}
	.casestudy-card.first-trackit img.logo {
		margin-bottom: 50px;
	}
	.casestudy-card.first-trackit p {
		padding-bottom: 40px;
	}
	.casestudy-card.real-world {
		padding: 50px 50px 80px;
	}
	.casestudy-card.real-world p {
		padding-bottom: 30px;
	}
	.casestudy-card.parkk .farmsent-details-image img {
		height: 400px;
		width: auto;
	}
	.casestudy-card.first-blastit .farmsent-details-image img {
		height: 400px;
		width: auto;
	}
}
@media (max-width:1440px) {
	.casestudy-card {
		padding: 40px;
	}
	.casestudy-card img.logo {
        height: 65px;
		max-width: 130px;
	}
	.casestudy-card h2 {
		font-size: 34px;
	}
	.details-main h3 {
		font-size: 26px;
	}
	.details-main{
		padding: 12px 77px;
	}
	.casestudy-card p {
		padding-bottom: 25px;
	}
	.casestudy-card.real-world {
		padding: 40px 40px 70px;
	}
	.casestudy-card.real-world p {
		padding-bottom: 40px;
	}
	.casestudy-card.first-trackit {
		padding: 40px 40px 70px;
	}
	.casestudy-card.first-trackit h2 {
        font-size: 38px;
    }
	.casestudy-card.first-trackit p {
		padding-bottom: 40px;
	}
}
@media (max-width:1360px) {
	.casestudy-card h2 {
		font-size: 32px
	}
	.casestudy-card p {
        padding-bottom: 20px;
    }

	.casestudy-card.first-trackit h2 {
		font-size: 32px
	}

	.casestudy-card img.logo {
		margin-bottom: 25px;
		max-width: 120px;
	}

	.casestudy-card.real-world img.logo {
		margin-bottom: 25px
	}

	.details-main h3 {
		font-size: 24px
	}

	.details-main {
		padding: 12px 40px
	}
	.casestudy-card.first-blastit h3 {
		font-size: 22px;
	}

	.devider {
		height: 80px
	}

	.casestudy-card {
		padding: 35px
	}
	.casestudy-card.real-world p {
		padding-bottom: 30px;
	}
	.casestudy-card.first-trackit img.logo {
		margin-bottom: 30px;
	}
	.casestudy-card.first-trackit p {
		padding-bottom: 30px;
	}
	.casestudy-card.l1x .logo {
		height: 60px;
		text-align: left;
		width: auto;
	}
}
@media (max-width:1300px) {

	

	.scroll-item-minheight .what-we-do-app {
		min-height: 280px
	}
}

@media (max-width:1280px) {

	.navbar-light .navbar-brand,
	.btn--hover {
		gap: 60px
	}

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

	.topbar-content h5 {
		font-size: 17px !important
	}

	.dropdown-menu[data-bs-popper] {
		width: 230px
	}

	.company-menu[data-bs-popper] {
		width: 200px
	}

	.solutions-menu[data-bs-popper] {
		width: 1000px;
		left: -150px
	}


	.dropdown-menu .nav-item:last-child .nav-link {
		padding-bottom: 0 !important
	}


	.dropdown-menu {
		left: -42px;
		padding: 32px 42px
	}
	.details-main.first-trackit {
		padding: 18px 20px 18px 20px;
	}
}
@media screen and (max-width:1199px) {
    

	.home-banner .banner-text .title-wrap h1,
	.home-banner .banner-text .title-wrap h2 {
		font-size: 42px;
		letter-spacing: -1.5px;
		padding-bottom: 16px
	}

	.fact h2 {
		font-size: 80px;
		line-height: 78px;
		letter-spacing: -.904px;
		top: 20px
	}

	.title-wrap h2,
	.title-wrap h1 {
		font-size: 28px;
		padding-bottom: 20px
	}


	p {
		font-size: 15px
	}

	.fact-section {
		padding-left: 60px
	}

	.fact {
		margin-bottom: 10px
	}

	.brands-section .title-wrap {
		margin-bottom: 35px
	}

	.partner-logo {
		padding: 0 20px
	}

	.partner-4by-3 .partner-logo {
		height: 130px;
		width: 33.33%
	}

	.partner-4by-3 .partner-logo:nth-child(6),
	.partner-4by-3 .partner-logo:nth-child(8) {
		background: #fff
	}

	.partner-4by-3 .partner-logo:nth-child(1),
	.partner-4by-3 .partner-logo:nth-child(3),
	.partner-4by-3 .partner-logo:nth-child(5),
	.partner-4by-3 .partner-logo:nth-child(7),
	.partner-4by-3 .partner-logo:nth-child(9),
	.partner-4by-3 .partner-logo:nth-child(11) {
		background: #f9fafb
	}

	.achievement-logo img {
		max-width: 110px
	}

	.achievement-logo {
		margin-bottom: 15px;
		height: 120px
	}

	.casestudy-section .casestudy-card h4 {
		font-size: 13px
	}

	.technology-card figure {
		margin-bottom: 25px
	}

	.technology-card h3 {
		font-size: 19px;
		padding-bottom: 15px
	}

	.casestudy-section .casestudy-card h3 {
		font-size: 19px;
		margin-bottom: 15px
	}

	.casestudy-section .casestudy-card figure {
		margin-bottom: 20px
	}

	.casestudy-section .casestudy-card h4>span {
		grid-gap: 5px;
		gap: 5px;
		padding-right: 5px;
		margin-right: 5px
	}

	.industries-card .content h3 {
		font-size: 18px;
		padding-bottom: 15px
	}

	.industries-card .content {
		bottom: 15px;
		left: 20px;
		right: 20px
	}

	.inside-card .content h2 {
		font-size: 36px;
		padding-bottom: 7px
	}

	.inside-card .content h3 {
		font-size: 18px;
		padding-bottom: 10px
	}

	.inside-card .content p {
		font-size: 13px;
		padding-bottom: 0;
		margin-bottom: 5px
	}

	.quick-contact .q-contact h4,
	.quick-contact .q-contact .h4 {
		font-size: 18px
	}

	.brands-section .title-wrap {
		margin-bottom: 35px
	}

	.hr-btm {
		margin-bottom: 30px
	}

	.why-choose-app.tab-content p {
		padding-bottom: 0px !important
	}

	.vertical-tabs .accordion-body li {
		font-size: 15px
	}

	.title-wrap.pr-50 {
		padding-right: 30px
	}
    .navbar-light .navbar-brand,
	.btn--hover {
		gap: 40px
	}

	.menu-title h2 {
		font-size: 20px
	}

	.topbar-content p {
		font-size: 14px
	}

	.topbar-content h5 {
		font-size: 16px !important;
		padding: 0 10px
	}

	.topbar-content h5 span {
		padding: 0 2px
	}

	.topbar img {
		width: 115px;
		height: auto
	}

	.topbar-content p br {
		display: none
	}

	.dropdown-menu[data-bs-popper] {
		width: 200px
	}

	.company-menu[data-bs-popper] {
		width: 180px
	}

	.solutions-menu[data-bs-popper] {
		width: 900px;
		left: -170px
	}


	.dropdown-menu .nav-item:last-child .nav-link {
		padding-bottom: 0 !important
	}

	.dropdown-menu {
		left: -25px;
		padding: 20px 25px
	}

	.solutions-menu {
		left: -100px
	}

	.casestudy-card h2 {
		font-size: 30px
	}

	.casestudy-card.l1x img.logo {
		width: 95px;
		height: auto
	}

	.casestudy-card p {
		font-size: 16px;
		padding-bottom: 30px
	}

	.details-main h3 {
		font-size: 24px
	}

	.casestudy-card {
		padding: 40px
	}

	.casestudy-card.farmsent img.logo {
		width: 250px;
		height: auto
	}

	.casestudy-card.farmsent {
		padding: 50px 40px 80px
	}

	.casestudy-card p {
		font-size: 15px
	}

	.casestudy-card.first-trackit h2 {
		font-size: 30px
	}

	.details-main.first-trackit {
		padding: 18px 30px 18px 30px
	}

	.casestudy-card.first-blastit .text-center img {
		width: 245px;
		height: auto
	}
	
}
@media screen and (max-width:991px) {

	.sticky .what-we-do-app .process-num {
		left: 18%;
		top: 38px;
		font-size: 80px
	}

	.home-banner .banner-text .title-wrap h1,
	.home-banner .banner-text .title-wrap h2 {
		font-size: 36px;
		letter-spacing: -1px;
		padding-bottom: 12px
	}

	.home-banner .banner-text .title-wrap p {
		font-size: 15px
	}

	.home-banner .banner-text .title-wrap .btn-primary {
		font-size: 15px
	}

	.casestudy-section .d-flex.justify-content-between {
		flex-direction: column !important;
		align-items: flex-start !important
	}

	.quick-contact {
		flex-wrap: wrap;
		row-gap: 20px
	}

	.q-contact {
		width: 50%
	}

	section.banners-section {
		margin-bottom: 0px !important
	}

	.aboutus-section {
		padding: 70px 0 !important
	}

	.sticky {
		top: 105px !important
	}

	.fact-section {
		padding-left: 20px
	}

	.fact h2 {
		font-size: 66px;
		line-height: 57px;
		letter-spacing: 0;
		top: 10px
	}

	.fact h3 {
		font-size: 19px;
		padding-bottom: 5px
	}

	.inside-card {
		margin-bottom: 25px
	}

	.quick-contact .q-contact a {
		font-size: 14px
	}

	.inside-card .content h2 {
		font-size: 30px
	}


	.technology-alt-card .industries-card .content h3 {
		font-size: 16px;
		padding-bottom: 10px
	}

	.what-we-do-app {
		padding: 10px 0
	}

	.what-we-do-app h3 {
		font-size: 17px;
		line-height: 25px;
		margin: 0 0 10px
	}

	.what-we-do-app img {
		width: 50px;
		height: 50px;
		margin: 0 0 8px
	}

	.faq-section .accordion-button {
		font-size: 19px
	}

	.hr-btm {
		margin-bottom: 20px
	}

	.vertical-tabs.core-services .accordion-button:not(.collapsed) {
		background: #c84f0014 !important;
		padding-left: 15px !important
	}

	.vertical-tabs.core-services .accordion-button:not(.collapsed):before {
		background: none
	}

	.vertical-tabs.core-services #myTabContent .bi-arrow-right {
		display: none
	}

	.vertical-tabs.core-services #myTabContent .accordion-button:not(.collapsed) .bi-arrow-right {
		display: block;
		font-size: 28px;
		padding-right: 10px
	}

	.register-para {
		display: flex;
		gap: 10px
	}
    .technology-card p {
		margin-bottom: 0
	}
    .farmsent-details-image {
		display: none
	}

	.casestudy-card.real-world {
		padding: 50px 40px 70px
	}

	.casestudy-card.first-trackit {
		padding: 50px 40px 50px
	}

	.casestudy-card.first-trackit h2 {
		font-size: 32px
	}
}

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

	.home-banner .banner-text .title-wrap h1,
	.home-banner .banner-text .title-wrap h2 {
		font-size: 30px;
		letter-spacing: -1px;
		padding-bottom: 10px
	}

	.home-banner .banner-text .title-wrap p {
		font-size: 14px;
		padding-bottom: 20px
	}

	.home-banner .banner-text .title-wrap p br {
		display: none
	}

	.home-banner .banner-text .title-wrap .btn-primary {
		font-size: 14px
	}

	.home-banner .banner-text .title-wrap .btn-primary:before {
		width: 35px;
		height: 35px;
		top: 6px
	}

	.home-banner .banner-text .title-wrap .btn-primary img {
		width: 20px !important;
		height: 20px !important
	}

	.home-banner .owl-theme .owl-dots .owl-dot span,
	.home-banner .carousel-indicators [data-bs-target] {
		width: 35px !important
	}

	.home-banner .carousel-indicators {
		bottom: 0 !important
	}

	.home-banner .banner-text .title-wrap h1,
	.home-banner .banner-text .title-wrap h2 {
		text-align: center !important
	}

	.text-center .title-wrap h1,
	.text-center .title-wrap h2,
	.text-center .title-wrap p,
	.text-center .title-wrap h4,
	.text-center .title-wrap .h4,
	.title-wrap.text-center h1,
	.title-wrap.text-center h2,
	.title-wrap.text-center p,
	.title-wrap.text-center h4,
	.title-wrap.text-center .h4,
	.home-banner .banner-text .title-wrap p,
	.brands-section.text-center .title-wrap h1,
	.brands-section.text-center .title-wrap h2 {
		text-align: center !important
	}

	.social-icons ul li a {
		margin: 0 0 10px 0 !important
	}

	.quick-contact {
		flex-wrap: wrap;
		row-gap: 20px
	}

	.quick-contact .flex-row {
		flex-direction: column !important;
		gap: 25px
	}

	.fact-section {
		padding-left: 0
	}

	p {
		font-size: 14px;
		padding-bottom: 15px
	}

	.technology-card {
		margin-bottom: 20px
	}

	.technology-card figure {
		margin-bottom: 15px
	}

	.aboutus-section .title-wrap .sparkout-group {
		margin-bottom: 15px
	}

	.fact h2 {
		font-size: 56px;
		line-height: 34px
	}

	.technology-card h3 {
		font-size: 18px;
		padding-bottom: 10px
	}

	.casestudy-section .casestudy-card h3 {
		font-size: 18px;
		margin-bottom: 10px
	}

	.reviews-section .review-card h4 {
		font-size: 12px
	}

	.reviews-section .review-card {
		padding: 20px;
		margin-bottom: 20px
	}

	.reviews-section .review-card p {
		font-size: 13px;
		padding-bottom: 10px;
		min-height: 120px
	}

	.news.d-flex {
		flex-direction: column !important
	}

	.partner-4by-3 .partner-logo {
		width: 33.33%;
		height: 140px
	}

	.partner-4by-3 .partner-logo:nth-child(6),
	.partner-4by-3 .partner-logo:nth-child(8) {
		background: #fff
	}

	.partner-4by-3 .partner-logo:nth-child(1),
	.partner-4by-3 .partner-logo:nth-child(3),
	.partner-4by-3 .partner-logo:nth-child(9),
	.partner-4by-3 .partner-logo:nth-child(11) {
		background: #f9fafb
	}

	.achievements-section.text-center .title-wrap h2,
	.achievements-section.text-center .title-wrap h1 {
		text-align: center !important
	}

	.technology-card p {
		margin-bottom: 15px
	}

	.casestudy-section .casestudy-card h4 {
		flex-wrap: wrap;
		justify-content: flex-start
	}

	.industries-card .content p {
		margin-bottom: 5px
	}

	.brands-section .title-wrap {
		margin-bottom: 0
	}

	.brands-section .title-wrap {
		margin-bottom: 0
	}

	.reviews-section .review-card p {
		padding-bottom: 0;
		min-height: inherit
	}

	.what-we-do-app img {
		width: 50px;
		height: 50px
	}

	.what-we-do-app {
		padding: 0
	}

	.faq-section .accordion-button {
		font-size: 18px;
		padding: 18px
	}

	.faq-section .accordion-body {
		padding: 0 18px !important
	}

	.spark-cta a.btn-style-one {
		min-width: 150px !important;
		padding: 5px 25px !important;
		font-size: 15px !important
	}

	.spark-cta a.btn-style-one:hover {
		padding: 5px 60px 5px 10px !important;
		font-size: 15px !important
	}

	.spark-cta a.btn-style-one .arrow {
		top: 8px !important
	}

	.hr-btm {
		margin-bottom: 15px
	}

	.vertical-tabs .accordion-body {
		padding: 30px
	}

	.sticky {
		top: 0px !important;
		position: relative
	}

	.title-wrap {
		margin-bottom: 10px
	}

	.partners-section,
	.common-section {
		padding: 50px 0
	}
    .topbar-content h5 {
		font-size: 14px !important;
		padding: 0 5px;
		text-align: right
	}

	.topbar img {
		width: 90px
	}


	.topbar-content h5 span {
		display: block;
		opacity: 0;
		height: 0;
		padding: 0
	}

	.topbar-content p br {
		display: inline
	}
    .casestudy-card img.logo {
		margin-bottom: 30px
	}

	.casestudy-card.l1x img.logo {
		width: 80px;
		height: auto
	}

	.casestudy-card.parkk .details-main,
	.details-main {
		padding: 18px 24px
	}

	.details-main h3 {
		font-size: 20px
	}

	.casestudy-card.parkk img.logo,
	.casestudy-card.farmsent img.logo {
		width: 200px;
		height: auto
	}

	.casestudy-card h2 {
		font-size: 24px
	}

	.casestudy-card.farmsent {
		padding: 40px 20px 60px
	}

	.casestudy-card p {
		font-size: 14px
	}

	.details-main.first-trackit {
		padding: 18px 18px 18px 18px
	}

	.details-main.first-trackit h2 {
		font-size: 26px
	}
	.casestudy-card {
        padding: 40px 20px;
    }
	.casestudy-card.real-world {
        padding: 40px 20px 40px;
    }
	.casestudy-card.first-trackit {
        padding: 40px 20px 40px;
    }
	.casestudy-card.first-trackit h2 {
        font-size: 24px;
    }
}
@media (max-width:640px) {

	.btn--hover.d-col-block {
		margin-right: 15px !important
	}
}
@media (max-width:576px) {

	.home-banner .banner-text .title-wrap h1,
	.home-banner .banner-text .title-wrap h2 {
		font-size: 26px;
		letter-spacing: -.5px
	}

	.home-banner .banner-text .title-wrap p {
		font-size: 13px;
		padding-bottom: 15px
	}

	.achievements-section .achievement .title,
	.achievements-section .achievement h4 {
		font-size: 16px;
		padding-bottom: 5px;
		text-align: center
	}

	.vertical-tabs {
		display: block !important
	}

	.vertical-tabs .nav-pills {
		margin-right: 0 !important
	}

	.vertical-tabs.core-services .tab-content {
		padding: 10px 10px 0 10px !important;
		margin-bottom: 0px !important
	}

	.what-we-do-app h3 {
		font-size: 16px
	}

	.what-we-do-app img {
		width: 40px;
		height: 40px
	}

	.glassdoor img {
		width: 130px;
		height: auto
	}

	.design-card-row {
		row-gap: 30px
	}

	.design-studio-img {
		padding-right: 0;
		padding-bottom: 20px
	}
    .features-right-2 {
		margin-top: 20px
	}

	.aboutus-section {
		padding: 40px 0 !important
	}
    .casestudy-card {
		padding: 40px 20px
	}

	.casestudy-card h2 {
		font-size: 22px
	}

	.casestudy-card.l1x img.logo {
		width: 60px;
		height: auto
	}

	.devider {
		height: 60px
	}

	.details-main h3 {
		font-size: 18px
	}

	.casestudy-card.real-world img.logo,
	.casestudy-card.parkk img.logo {
		width: 125px;
		height: auto
	}

	.casestudy-card.first-blastit img.logo,
	.casestudy-card.farmsent img.logo {
		width: 165px;
		height: auto
	}

	.casestudy-card.first-trackit img.logo {
		width: 180px;
		height: auto
	}

	.devider {
		display: none
	}

	.details-main {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px
	}

	.details-main.farmsent .details,
	.details.text-center {
		text-align: start !important;
		align-items: start;
	}

	.casestudy-card.real-world {
		padding: 40px 20px 50px
	}

	.casestudy-card.real-world img.logo {
		margin-bottom: 40px
	}

	.casestudy-card.first-trackit h2 {
		font-size: 22px
	}

	.casestudy-card.first-trackit {
		padding: 40px 20px 40px
	}
}

@media (max-width:480px) {


	.vertical-tabs.core-services .accordion-body {
		padding: 15px 0 0
	}

	.vertical-tabs.core-services #myTabContent .accordion-button:not(.collapsed) .bi-arrow-right {
		font-size: 26px
	}

	.home-banner .banner-text .title-wrap h1,
	.home-banner .banner-text .title-wrap h2 {
		font-size: 22px;
		letter-spacing: -.5px
	}

	.home-banner .banner-text .title-wrap {
		padding: 0 15px
	}

	.home-banner .banner-text .title-wrap p {
		padding-bottom: 10px;
		display: none !important
	}

	.home-banner .banner-text .title-wrap .btn-primary img {
		width: 20px !important;
		height: 20px !important
	}

	.spark-cta a.btn-style-one {
		min-width: 140px !important;
		padding: 6px 25px !important;
		font-size: 14px !important;
		height: 38px !important
	}

	.spark-cta a.btn-style-one:hover {
		padding: 6px 56px 6px 12px !important;
		font-size: 14px !important
	}

	.spark-cta a.btn-style-one .arrow {
		right: 20px !important;
		top: 8px !important
	}

	.spark-cta a.btn-style-one .arrow i span {
		font-size: 22px !important
	}

	.spark-cta a.btn-style-one .arrow,
	.spark-cta a.btn-style-one .arrow svg {
		width: 20px !important;
		height: 20px !important
	}

	.spark-cta:hover a.btn-style-one .arrow i {
		left: 11px !important;
		top: -2px !important
	}

	.q-contact {
		width: 100%
	}

	.btn-primary img {
		width: 18px !important;
		height: 18px !important
	}

	.btn-primary {
		padding: 8px 0
	}

	.btn-primary:hover,
	.btn-primary:focus {
		padding: 8px 0 8px 18px
	}

	.btn-primary:hover:before {
		width: 30px;
		height: 30px;
		left: 0;
		top: 4px
	}

	.achievement-logo {
		height: 90px
	}

	.achievement-logo img {
		max-width: 80px
	}

	.technology-section .col-lg-4:last-child .technology-card {
		margin-bottom: 0 !important
	}

	.aboutus-section {
		padding: 50px 0 !important
	}

	.partner-logo {
		height: 110px;
		width: 50%
	}

	.partner-4by-3 .partner-logo {
		width: 50%;
		height: 110px
	}

	.partner-4by-3 .partner-logo {
		background: #fff
	}

	.partner-4by-3 .partner-logo:nth-child(2),
	.partner-4by-3 .partner-logo:nth-child(3),
	.partner-4by-3 .partner-logo:nth-child(6),
	.partner-4by-3 .partner-logo:nth-child(7),
	.partner-4by-3 .partner-logo:nth-child(10),
	.partner-4by-3 .partner-logo:nth-child(11) {
		background: #fff
	}

	.partner-4by-3 .partner-logo:nth-child(1),
	.partner-4by-3 .partner-logo:nth-child(4),
	.partner-4by-3 .partner-logo:nth-child(5),
	.partner-4by-3 .partner-logo:nth-child(8),
	.partner-4by-3 .partner-logo:nth-child(9),
	.partner-4by-3 .partner-logo:nth-child(12) {
		background: #f9fafb
	}

	.achievements-section .achievement p {
		font-size: 12px
	}

	.technology-card p {
		margin-bottom: 10px
	}

	.inside-card .content h2 {
		font-size: 25px;
		text-align: center !important
	}

	.inside-card .content img {
		margin-bottom: 15px;
		width: 110px
	}

	.btn-primary {
		font-size: 13px
	}

	.fact h2 {
		font-size: 40px;
		line-height: 25px
	}

	.technology-card {
		margin-bottom: 5px
	}

	.reviews-section .review-card p {
		min-height: 120px;
		-webkit-line-clamp: inherit
	}

	.reviews-section .review-card img {
		height: 30px;
		width: auto
	}

	.what-we-do-app img {
		width: 40px;
		height: 40px
	}

	.what-we-do-app h3 {
		font-size: 15px
	}

	.faq-section .accordion-button {
		font-size: 16px;
		padding: 10px
	}

	.faq-section .accordion-body {
		padding: 0 10px !important
	}


	.navbar {
		padding: 10px 15px !important
	}

	.btn--hover.d-col-block {
		margin-right: 10px !important
	}

	.topbar-content p {
		font-size: 12px
	}

	.topbar-content h5 {
		font-size: 12px !important;
		padding: 0
	}

	.topbar-content {
		height: 65px
	}
}

@media (max-width:400px) {

	.partner-4by-3 .partner-logo {
		height: 80px
	}

	.home-banner .banner-text .title-wrap h1,
	.home-banner .banner-text .title-wrap h2 {
		font-size: 20px;
		letter-spacing: -.5px
	}

	.topbar-content p {
		font-size: 11px
	}

	.topbar-content h5 {
		font-size: 11px !important;
		padding: 0
	}
}

@media screen and (max-width:380px) {
	.vertical-tabs .accordion-button {
		font-size: 16px !important
	}

	.home-banner .banner-text .title-wrap h1,
	.home-banner .banner-text .title-wrap h2 {
		font-size: 18px
	}

	.home-banner .banner-text .title-wrap .btn-primary {
		font-size: 13px
	}

	.title-wrap h2,
	.title-wrap h1 {
		font-size: 19px;
		padding-bottom: 15px
	}

}

@media (max-width:330px) {

}