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

	/* modern service css start */
	.vocso-whychoose-head {
		position: relative;
		top: inherit;
	}

	.vocso-stack-card:nth-child(1) {
		top: 14rem;
	}

	.vocso-stack-card:nth-child(2) {
		top: 15rem;
	}

	.vocso-stack-card:nth-child(3) {
		top: 16rem;
	}

	.vocso-stack-card:nth-child(4) {
		top: 17rem;
	}

	.vocso-stack-card:nth-child(5) {
		top: 18rem;
	}

	.vocso-stack-card:nth-child(6) {
		top: 19rem;
	}

	.vocso-stack-card:nth-child(7) {
		top: 20rem;
	}

	.vocso-stack-card:nth-child(8) {
		top: 21rem;
	}

	/* modern service css end */

}


@media only screen and (max-width:1800px) {}

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

	/* modern service css start */

	.case-study-card .content {
		max-width: 55%;
	}

	.case-study-card .stats .stat {
		font-size: 4rem;
	}

	.case-study-card .stats {
		padding: 2rem;
	}

	.case-study-card .content h3 {
		font-size: 3.5rem;
	}

	.customdesign-main h1 {
		font-size: 6rem !important;
		line-height: 7rem;
	}

	.customdesign-main p {
		max-width: 60% !important;
	}

	.trust-badge {
		padding: 2.4rem 2.4rem !important;
	}

	/* modern service css end */

	.navbar {
		width: 100% !important;
		max-width: 100% !important
	}

	.dedicatedresources-main h2 {
		max-width: 65%
	}

}

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

	/* modern service css start */

	.cta-btn-mobile svg {
		position: absolute;
		bottom: 0;
		right: 0;
		height: 100%;
	}

	.trust-badges {
		margin: 2rem 0 0;
		position: relative;
		justify-content: start;
		width: 100%;
	}

	/* modern service css end */

	.customdesign-main {
		overflow: hidden
	}


	.dedicatedresources-main h2 {
		max-width: 80% !important
	}
}

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

	/* modern service css start */

	.case-study-section h2 {
		max-width: 75%;
	}

	/* modern service css end */


	.navbar-nav>li>a {
		margin-right: 15px !important
	}

	.container-fluid {
		padding-right: 40px;
		padding-left: 40px;
		margin-right: auto;
		margin-left: auto
	}
}

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

	/* modern service css start */

	.vocso-stack-card-visual {
		height: 39rem;
	}

	/* modern service css end */


	.websiteoptimize-main::after {
		display: none;
	}



	.engage-vocso-backend-projects p {
		max-width: 100% !important;
	}

	.vocso-stats-block-left .counter-main .counter-section h4 {
		font-size: 4rem
	}

	.vocso-stats-block-left .counter-main .counter-section .counter-title {
		font-size: 1.6rem
	}


	.faqs h2 {
		max-width: 60%
	}
}

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

	/* modern service css start */


	.engagemodalbox {
		padding: 4rem 4rem 8rem;
	}


	.ai-process-wrap {
		padding: 5rem;
	}

	.cta-card {
		margin: 50px 0 0 0;
		padding: 6rem 6rem;
	}

	.fullservice-box {
		padding: 2.5rem;
	}

	/* modern service css end */


}

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

	/* modern service css start */

	.vocso-compliance-grid {
		grid-template-columns: repeat(4, 1fr);
	}

	.case-study-card .stats .stat .icon img {
		height: 55px;
	}

	/* modern service css end */


	.ourbackendService-mainBanner:before {
		display: none;
	}

	.navbar .navbar-toggle {
		display: block !important;
		border: none
	}

	.navbar .navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		background-color: transparent;
		border: 0;
		box-shadow: none
	}

	.navbar .navbar-nav>li {
		float: none;
		margin-bottom: 0;
		border-bottom: 1px solid #4b4b4b;
		padding: 15px 0
	}

	.nav {
		display: block
	}

	.navbar-nav>li>a {
		color: var(--color-white-fixed) !important;
		padding: 10px 30px
	}

	.navbar-nav>li.raqblc a {
		background: #e11f49;
		padding: 0 13px !important
	}

	.navbar-nav>li {
		float: left
	}
}

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

	/* modern service css start */

	.vocso-compliance-header {
		max-width: 100%;
	}

	.vocso-stack-card-content {
		padding-bottom: 0;
	}


	h2 {
		font-size: 4.4rem;
		line-height: 7rem;
	}

	.stats-swiper .swiper-slide {
		width: 520px;
	}

	/* modern service css end */


}

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

	/* modern service css start */

	.case-study-card .content {
		max-width: 75%;
	}

	.tech-category ul {
		grid-template-columns: repeat(3, 1fr);
	}

	/* modern service css end */


	.nav,
	.navbar-nav {
		margin: 0 !important
	}

	.drop-main-menu,
	.navbar {
		margin-bottom: 0
	}

	.drop-main-menu:hover {
		background: 0 0 !important
	}

	.menu-align-sec a {
		padding: 0 !important
	}

	.menu-align-sec {
		padding-left: 0;
		width: 100%
	}

	.box-menu-drop {
		width: 100%;
		float: left
	}

	.drop-main-menu p {
		font-size: 14px
	}

	.drop-main-menu {
		background: 0 0;
		margin-Right: 0;
		padding: 15px;
		display: inline-block;
		min-height: inherit;
		width: 220px
	}

	.fullMenu {
		padding: 0;
		background: 0 0;
		position: inherit;
		height: auto;
		width: auto
	}

	.fullMenu .container {
		width: 100%
	}
}

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


	/* modern service css start */

	.vocso-related-services p {
		max-width: 100%;
	}

	.two-col-layout {
		grid-template-columns: 100%;
		gap: 30px;
	}

	.vocso-compliance-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.comp-cta {
		grid-column: span 3;
	}


	.home-expand-card-main {
		flex-shrink: 0;
	}

	/* modern service css end */


	.mobile-show .push-nav ul.nav.navbar-nav {
		width: 100%;
		margin-top: 25px;
	}

	.faqs .inner_block {
		padding-right: 1rem
	}
}



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



	/* modern service css start */

	.vocso-stats-block-left .counter-main .counter-section h3 {
		font-size: 4rem;
	}

	body .dedicatedresources-main h2 {
		margin-bottom: 2rem !important;
	}

	.comp-card img {
		height: 80px;
		width: 80px;
	}

	.hero-slider-logo {
		position: relative;
		top: 4rem;
	}


	.vocso-faq-question {
		padding: 0 22px;
		line-height: 1.3;
	}

	.vocso-faq-answer-inner {
		padding: 0 22px;
	}

	.vocso-faq-item.active .vocso-faq-answer-inner {
		padding-bottom: 28px;
	}

	.service-content {
		padding: 3rem 3rem;
	}



	.service-icon {
		width: 40px;
		height: 40px;
		min-width: 40px;
	}

	.service-icon img {
		width: 26px;
		height: 26px;
	}

	.case-study-section .slider {
		padding: 0;
	}

	.ai-process-section {
		padding-top: 0 !important;
	}

	.vocso-whychoose-head-left h2 img {
		width: 35px;
		top: -5rem;
		left: -2rem;
	}

	.increase-conversion h2 {
		margin: 0 0 1rem !important;
	}

	.customdesign-main p {
		margin: 2rem auto 3rem 0;
	}

	.ai-industries-header h2 {
		margin: 0 0 8px;
	}

	.main-counter-block p {
		font-size: 2.4rem;
		margin-bottom: 2rem;
	}

	.stat-icon {
		width: 50px;
		height: 50px;
		min-width: 50px;
	}

	.stat-icon img {
		height: 25px;
	}

	.ai-industries-showcase {
		padding-top: 0 !important;
	}


	.ai-tech-chip-wrap {
		grid-template-columns: repeat(3, 1fr);
	}

	.ai-process-wrap {
		padding: 3rem;
	}

	.cta-visual {
		min-height: auto;
		margin-top: 3rem;
	}

	.cta-card {
		padding: 4rem 4rem;
	}

	.cta-visual img {
		height: 190px;
	}


	.stack-rich-content {
		overflow-y: scroll;
		height: 40rem;
	}


	.demo-spacer {
		min-height: 35vh;
	}




	.ai-process-header {
		/* position: sticky;
        top: 0; */
		z-index: 100;

		margin-bottom: 24px;
		padding: 22px 0 22px;
	}



	.ai-process-eyebrow {
		margin-bottom: 10px;
		font-size: 11px;
	}

	.ai-process-card {
		position: relative;
		top: auto;
		z-index: auto;

		display: block;
		min-height: auto;
		margin-bottom: 0;
		padding: 24px;
		border: 1px solid rgba(20, 20, 20, 0.08);
		border-radius: 22px;
		background: var(--color-white-fixed);
		box-shadow: 0 14px 36px rgba(16, 76, 74, 0.08);
		transform: none;
	}

	.ai-process-card.is-active {
		padding: 24px;
		border-radius: 22px;
		box-shadow: 0 14px 36px rgba(16, 76, 74, 0.08);
		transform: none;
	}

	.process-number {
		margin-bottom: 10px;
		font-size: 3rem;
	}

	.process-content h3 {
		margin-bottom: 10px;
		font-size: 2.6rem;
		line-height: 1.2;
	}

	.cta-content h4 {
		font-size: 3rem;
	}

	.process-content p {
		font-size: 15.5px;
		line-height: 1.6;
	}

	.process-points {
		display: block;
		margin-top: 22px;
		grid-template-columns: none !important;
	}

	.process-points li {
		margin-bottom: 9px;
		font-size: 14px;
	}

	.ai-process-stack::after {
		display: none;
	}


	.vocso-client-marquee-section {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.vocso-client-marquee-layout {
		min-height: auto;
		gap: 42px;
	}

	.vocso-client-copy h2 {
		font-size: 40px;
		line-height: 1.18;
		letter-spacing: -1.2px;
	}

	.vocso-client-copy p {
		font-size: 16px;
		line-height: 1.55;
	}

	.vocso-marquee-area {
		height: auto;
		display: flex;
		flex-direction: column;
		gap: 18px;
		overflow: hidden;
		mask-image: none;
		-webkit-mask-image: none;
	}

	.vocso-marquee-col {
		width: 100%;
		overflow: hidden;
	}

	.vocso-marquee-track {
		width: max-content;
		display: flex;
		flex-direction: row;
		gap: 18px;
		will-change: transform;
	}

	.video-marquee-col .vocso-marquee-track {
		animation: vocsoMobileMarqueeLeft 28s linear infinite;
	}

	.text-marquee-col .vocso-marquee-track {
		animation: vocsoMobileMarqueeRight 32s linear infinite;
	}

	.vocso-marquee-area.is-paused .vocso-marquee-track,
	.vocso-marquee-col:hover .vocso-marquee-track {
		animation-play-state: paused;
	}

	.text-marquee-col {
		margin-top: 0;
	}

	.vocso-video-card {
		width: 290px;
		min-width: 290px;
		min-height: 360px;
	}

	.vocso-video-card video {
		width: 100%;
		/* min-height: 360px; */
		min-height: auto !important;
	}

	.vocso-text-card {
		width: 310px;
		min-width: 310px;
		min-height: 320px;
		padding: 28px;
	}

	.client-brand {
		margin-bottom: 28px;
	}

	.vocso-text-card p {
		margin-bottom: 30px;
		font-size: 17px !important;
	}


	.vocso-related-services {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.related-services-grid {
		grid-template-columns: 1fr;
	}

	.related-intro-card {
		padding: 34px 26px;
		border-radius: 16px;
	}

	.related-intro-card h2 {
		font-size: 38px;
	}

	.related-intro-card p {
		font-size: 16px;
	}

	.service-card,
	.service-card-featured {
		min-height: auto;
		/* padding: 28px 24px; */
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.service-card-small,
	.service-card-wide {
		grid-template-columns: 1fr;
	}

	.service-card p {
		max-width: 100%;
	}


	.stats-section {
		min-height: auto;
		padding: 28px 0 48px;
	}

	.stats-swiper {
		padding-left: 16px;
		padding-right: 16px;
		margin-top: 3rem;
		margin-bottom: 0;
	}

	.stat-card {
		/* height: 450px; */
		height: 400px !important;
		border-radius: 20px;
	}

	.stat-content {
		padding: 28px 24px 0;
	}

	.stat-top {
		gap: 15px;
		margin-bottom: 22px;
	}

	.stat-number {
		font-size: 56px;
		letter-spacing: -4px;
	}

	.stat-title {
		padding-top: 6px;
		font-size: 14px;
		line-height: 1.35;
	}

	.stat-desc {
		font-size: 15px;
		line-height: 1.45;
	}

	.team-image {
		height: 330px;
	}


	.logo-small {
		font-size: 15px;
	}


	.hand-image {
		width: 132%;
		/* height: 330px; */
		height: auto;
	}

	.star-glow {
		height: 310px;
	}

	.swiper-button-prev,
	.swiper-button-next {
		display: none;
	}

	.swiper-pagination {
		display: block;
	}

	.swiper-pagination-bullet {
		background: rgba(255, 255, 255, 0.5);
	}

	.swiper-pagination-bullet-active {
		background: var(--color-white-fixed);
	}


	.stats-swiper .swiper-slide {
		width: 80%;
	}


	#serviceSwiper .swiper-slide {
		width: 280px;
	}

	.vocso-stack-card {
		padding: 3rem;
	}

	.vocso-stack-card-content {
		padding: 2.4rem;
	}

	.vocso-stack-count {
		width: 4.4rem;
		height: 4.4rem;
		font-size: 1.5rem;
		margin-bottom: 1.8rem;
	}

	.vocso-stack-card h3 {
		font-size: 2.5rem;
	}


	.vocso-toggle-wrap {
		padding: 0 2.4rem 2.4rem;
	}


	.ai-guide-menu,
	.ai-guide-panel__inner {
		padding: 20px;
		border-radius: 18px;
	}

	.ai-guide-content-scroll {
		max-height: unset;
		overflow: visible;
		padding-right: 0;
	}

	.ai-guide-panel__title {
		font-size: 22px;
	}

	.ai-guide-panel h3 {
		font-size: 20px;
	}

	.ai-guide-menu__link {
		font-size: 15px;
		padding: 12px 14px;
	}

	.vocso-whychoose-head {
		gap: 2rem;
		margin-bottom: 2.6rem;
	}

	.vocso-whychoose-head-left h2 {
		font-size: 3rem;
		line-height: 1.15;
	}


	.vocso-whychoose-cta {
		width: 100%;
		text-align: center;
		padding: 1.3rem 2rem;
	}

	.vocso-why-card-content {
		padding: 2rem 1.8rem 1.8rem;
	}

	.vocso-why-card-number {
		font-size: 1.8rem;
	}

	.vocso-why-card h3 {
		font-size: 2.3rem;
	}

	.vocso-why-card p {
		font-size: 1.5rem;
		line-height: 1.75;
	}

	.vocso-why-card-visual {
		min-height: 15rem;
		padding: 2rem 1.8rem;
	}

	.vocso-why-card-visual img {
		max-width: 12rem;
		max-height: 12rem;
	}


	/* modern service css end */


	.main-counter-block h2,
	.main-counter-block p {
		max-width: 100% !important;
	}

	.massonary-container li:last-child {
		margin-bottom: 0 !important
	}



	.howitworks p {
		max-width: 100% !important
	}



	.observedmetrics-main {
		padding-top: 5rem !important
	}

	#trafficConversion .content-blockscroll h3,
	.whycustomWebdesign-block li.traffic-content p {
		padding-right: 0 !important
	}

	body .footer-contact-form {
		padding-top: 0 !important
	}


	.home-header ul.navbar-nav li a {
		font-size: 1.8rem
	}

	.scroll-to-top {
		display: none
	}

	.entypo-dot {
		display: inline-block !important
	}
}

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

	/* modern service css start */


	.ai-industries-header {
		margin-bottom: 30px;
	}


	.ai-industries-header p {
		font-size: 15px;
	}

	.ai-industries-card {
		gap: 18px;
	}

	.industry-visual-wrap {
		min-height: 300px !important;
		border-radius: 18px;
	}

	.industry-title {
		white-space: normal;
		text-align: left;
		font-size: 14px;
		line-height: 1.35;
	}

	.industry-detail.active {
		padding: 18px;
	}

	.industry-detail p {
		font-size: 14px;
	}

	.industry-floating-label {
		left: 14px;
		right: 14px;
		bottom: 14px;
		justify-content: flex-start;
		border-radius: 18px;
	}

	.industry-floating-label strong {
		white-space: normal;
		font-size: 13px;
	}

	.industry-floating-label span {
		width: 34px;
		height: 34px;
		font-size: 12px;
	}

	.tech-category ul {
		grid-template-columns: 1fr;
	}

	/* modern service css end */


	.menu-align-sec {
		padding-left: 0
	}
}

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



	.testimonial_box-name {
		background: var(--color-white-fixed);
		padding: 15 20px 30px
	}


	.redquoteimg img {
		width: 45px
	}
}

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

	/* modern service css start */

	.vocso-video-meta {
		left: 22px;
		right: 22px;
		bottom: 22px;
	}

	.vocso-compliance-grid {
		grid-template-columns: 1fr;
	}

	.comp-cta {
		grid-column: span 1;
	}

	/* modern service css end */


	.testimonial_box-name {
		padding: 0 20px 30px
	}


	.redquoteimg img {
		width: 45px
	}

	.videoIcon-Home {
		top: 10px;
		position: relative;
		vertical-align: bottom;
		height: 100%;
		display: inline-block
	}
}

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

	.container-fluid {
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto
	}

	footer {
		padding-bottom: 35px
	}
}

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


	.dedicatedresources-main h2 {
		max-width: 100% !important
	}
}

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

	/* modern service css start */

	.vocso-related-services h2 br {
		display: none;
	}

	body #section1,
	body #section2,
	body #section3,
	body #section4,
	body #section5,
	body #section6,
	body #section7,
	body #section8,
	body #section9,
	body #section10 {
		padding-top: 30px !important;
	}

	.overflowContent div {
		width: 100%;
	}

	.customdesign-main {
		justify-content: center;
	}

	.vocso-client-marquee-layout {
		grid-template-columns: 1fr;
		gap: 60px;
	}

	.vocso-client-copy {
		max-width: 760px;
	}

	.vocso-client-copy h2 {
		font-size: 54px;
	}

	.vocso-testimonial-btn {
		margin-top: 18px;
	}

	.vocso-marquee-area {
		height: 720px;
		grid-template-columns: 1fr 1fr;
	}

	.vocso-video-card,
	.vocso-video-card video {
		min-height: 400px;
	}

	.vocso-text-card {
		min-height: 340px;
		padding: 34px;
	}

	.vocso-text-card p {
		font-size: 19px;
	}

	.vocso-related-layout {
		grid-template-columns: 1fr;
	}

	.related-intro-card {
		min-height: auto;
		padding: 44px;
	}


	.related-intro-card h2 br {
		display: none;
	}

	.related-intro-card h2 {
		font-size: 46px;
	}

	.related-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.service-card-featured,
	.service-card-small,
	.service-card-wide {
		grid-column: span 1;
	}

	.service-card-featured {
		grid-template-columns: 82px 1fr;
	}


	.stat-card {
		height: 580px;
	}

	.stat-number {
		font-size: 72px;
		letter-spacing: -5px;
	}

	.stat-title {
		font-size: 17px;
	}

	#myScrollspy2 {
		margin-bottom: 5rem;
	}

	.vocso-whychoose-head-left h2 {
		font-size: 4.4rem;
	}

	.vocso-why-card-content {
		min-height: 35rem;
	}

	.ai-guide-menu {
		position: relative;
		top: 0;
	}

	.ai-guide-content-scroll {
		max-height: 700px;
	}


	/* modern service css end */



	.ourbackendService-mainBanner {
		padding-top: 5rem;
		padding-bottom: 5rem !important;
	}

	.ppc-stats-counter {
		overflow: hidden !important;
	}

	.ourbackendService-mainBanner figure {
		position: relative !important;
	}

	.hireangular-main p {
		max-width: 100% !important
	}



	.main-counter-block h2 {
		font-size: 2rem !important;
		line-height: 3rem !important
	}

	.ppc-stats-counter .counter-main .counter-mg {
		margin: 0 3rem 0 0 !important
	}

	.ppc-stats-counter .counter-main .counter-mg .counter-section h3 {
		font-size: 3rem !important;
	}

	.vocso-stats-block-left .counter-main .counter-mg {
		margin: 0 2rem 2rem 0 !important;
		padding: 3rem 1rem;
		width: 40%
	}

	.ppc-stats-counter .counter-main .counter-mg .counter-section h4 {
		font-size: 3rem !important
	}

	.whycustomWebdesign-block li.traffic-content p {
		padding-right: 0
	}

	body .faqs h2,
	body .hireangular-main p,
	body .ordertowork h2 {
		max-width: 100% !important
	}
}

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

	.testimonial_box-name {
		padding: 0 20px 30px
	}


	.padding-130 {
		padding: 6rem 0
	}


}

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



	/* modern service css start */


	.ai-tech-tabs-header {
		max-width: 100%;
	}


	/* modern service css end */

	.vocso-stats-block-right li img {
		margin-right: 1rem;
	}

	.ourbackendService-mainBanner {
		padding-top: 5rem;
		padding-bottom: 5rem !important;
	}

	.engage-vocso-backend-projects h2 br {
		display: none;
	}

	.engagementModals h2 {
		margin-bottom: 3rem;
	}


	.letsfindResources {
		margin-top: 6rem
	}

	.wordpressWebDesing-main .container {
		z-index: 1;
		position: relative
	}

	.letsfindResources {
		margin-top: 0;
		flex-direction: column;
	}

	.observedmetrics-main li.traffic-content h2 {
		font-weight: 600
	}

	.testimonial_box-name {
		padding: 0 20px 20px
	}


	.padding-130 {
		padding: 6rem 0
	}


	.redquoteimg img {
		width: 60px
	}



	.letsfindResources .angularSchedule-btn {
		margin: 2rem 0 0 !important
	}

	.faqs h2 {
		line-height: 5rem
	}


	.letsfindResources p {
		margin-bottom: 0 !important;
		width: 100% !important;
		text-align: center !important;
	}

	.content-blockscroll p {
		font-size: 2.2rem;
		line-height: 3.5rem;
		font-weight: 400
	}

	.animatedLoader-main {
		padding-bottom: 10rem
	}

	.observedmetrics-main .content-blockscroll ul li {
		margin-left: 8rem
	}

	.box-menu-drop {
		padding: 0 6px
	}

	.navbar-toggle {
		padding: 22px 0
	}

	.awwardsNominee {
		display: none
	}
}

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


	/* modern service css start */

	.vocso-video-card,
	.vocso-video-card video {
		min-height: auto;
	}

	.case-study-card .stats .stat:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border: 0;
	}

	.ai-tech-tabs-section {
		padding: 5rem 0;
	}

	.card-visual img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.slider .slide-track-logo .slide {
		height: 100px !important;
		width: 140px !important;
		margin: 0 1rem !important;
	}

	.hero-slider-logo .slider {
		padding: 0;
	}


	.vocso-stack-card-visual {
		height: 25rem;
	}

	.service-image {
		min-height: 200px;
		height: 200px;
	}

	.customdesign-main {
		height: calc(100vh - 0px);
	}

	.comp-card {
		padding: 1.2rem;
		height: 32rem;
	}

	h2.section-title br {
		display: none;
	}

	.stats-section p {
		max-width: 100%;
	}

	.stats-section .container {
		align-items: start;
		flex-direction: column;
		gap: 1rem;
	}

	.trust-badge {
		padding: 2.4rem 2rem 2.4rem 2rem !important;
		width: 100%;
		font-size: 1.6rem;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.customdesign-main h1 {
		max-width: 100% !important;
	}

	.vocso-compliance-header {
		max-width: 100% !important;
		margin-bottom: 30px !important;
	}

	.case-study-card .stats {
		padding: 2rem !important;
	}

	.case-study-card .stats .stat {
		font-size: 3rem !important;
	}

	.case-study-card .stats .stat {
		border-right: 0 !important;
		padding-right: 0 !important;
		margin-right: 0 !important;
		padding-bottom: 3rem;
		margin-bottom: 3rem;
		border-bottom: 1px solid rgb(255 255 255 / 13%);
	}


	.case-study-card .stats {
		flex-wrap: wrap !important;
		display: inline-flex;
		flex-direction: column;
	}

	.case-study-card .stats .stat .icon img {
		height: 32px;
	}

	.case-study-card .content h3 {
		font-size: 2.8rem !important;
	}

	.case-study-card .content {
		padding: 3rem !important;
	}


	.case-study-card {
		height: auto !important;
		padding: 2rem !important;
	}

	.noAnchor-slide {
		padding: 2rem 3rem !important;
	}

	.app_grid_aside {
		grid-template-columns: auto !important;
	}

	.genai-related-links {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}


	.ai-tech-chip-wrap span figure {
		height: 65px !important;
	}

	.ai-tech-chip-wrap {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.ai-tech-tab-btn {
		width: 69% !important;
		font-size: 15px !important;
	}

	.ai-tech-tabs-nav {
		overflow-x: auto;
	}

	.ai-tech-tabs-header {
		max-width: 100% !important;
	}

	.table-scroll {
		overflow-x: auto;
	}

	.vocso-stack-card .genai-rich ul li::before {
		left: 9px !important;
		top: 20px !important;
	}

	.vocso-stack-card.active .genai-rich {
		max-height: 100% !important;
	}

	.two-col-layout {
		grid-template-columns: 100% !important;
	}

	.vocso-toggle-wrap {
		position: relative !important;
		bottom: 0 !important;
		padding: 2rem 0 0 0 !important;
		width: max-content;
	}

	.vocso-stack-card-wrapper {
		grid-template-columns: auto !important;
	}

	.home-expand-card-main {
		flex-shrink: 0;
		width: calc(100% / 1.3) !important;
		min-height: 38rem !important;
	}


	.ourbackend-services-box .massonary-container {
		column-count: 1;
	}

	.btn-proposal.secondary-btn {
		margin-left: 0;
	}

	.trust-badges {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
	}

	/* modern service css end */

	.engagemodalbox {
		padding: 3rem 3rem 10rem;
	}

	.dedicatedresources-main .slider .slide-track2 .slide a,
	.dedicatedresources-main .slider .slide-track .slide a {
		padding: 2rem 2rem;
	}

	.ourtechnologystack-custom h2 br {
		display: none;
	}


	.content-blockscroll h3 .bluenumbers {
		width: 3.5rem !important;
		height: 3.5rem !important;
		font-size: 2rem !important;
		top: .5rem;
		position: relative;
		margin-bottom: 1rem;
	}

	.content-blockscroll h3 {
		font-size: 2.6rem !important;
		padding-left: 0 !important;
	}

	.content-blockscroll h4 {
		padding-left: 0;
		line-height: 3.5rem;
	}

	.engagemodalbox ul {
		margin-top: 3rem;
		margin-bottom: 0;
	}

	.allcategories-block ul {
		grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
		margin-top: 4rem;
	}

	.ourbackend-services-box .fullservice-box img {
		width: 40px;
	}

	body .hireangular-main h1 {
		line-height: 5rem !important;
	}

	.counter-title {
		font-size: 1.4rem !important;
	}

	.hireangular-main h1 {
		font-size: 4rem !important;
	}


	.goodcompany-logo {
		overflow: hidden
	}

	.mobile-navigation .navbar-toggle {
		padding: 22px 0 !important
	}

	.btn-proposal {
		margin-top: 0;
		margin-left: 0 !important;
		width: 100%;
		text-align: left;
		background-position: 91% center;
		margin-right: 0 !important;
	}

	.speed-banner-btns {
		display: flex;
		flex-direction: column;
		gap: 2rem;
	}

	.main-counter-block h2 {
		max-width: 100% !important;
		margin-bottom: 2rem !important
	}

	.ppc-stats-counter .counter-main {
		margin-left: 0 !important
	}

	.main-counter-block {
		flex-direction: column
	}

	.darkmode body .footer-contact-form,
	.ourbackend-services-box {
		padding-top: 5rem !important
	}

	.engage-vocso-backend-projects {
		padding-bottom: 0 !important
	}

	.ourbackend-services-box {
		padding-bottom: 5rem !important
	}

	.vocso-stats-block {
		clip-path: ellipse(200% 100% at 50% 100%)
	}

	.vocso-stats-block-left .counter-main {
		padding: 0 !important;
		justify-content: start;
		width: 100% !important;
		margin-bottom: 4rem
	}

	.vocso-stats-block-left .counter-main .counter-mg {
		width: 44% !important;
	}

	.confetti-icon img,
	.star-black-icon img {
		width: 30px
	}

	.ourbackend-services-box .fullservice-box .backendServices-box-tile h2 {
		font-size: 2.2rem !important;
		margin-right: 5rem !important;
	}

	.allcategories-block h2 br {
		display: none
	}

	li.appdevelopment-logo img,
	li.clutch-logo img,
	li.goodfirm-logo img {
		position: relative;
		top: -7px
	}

	.dedicatedresources-main .slider .slide-track .slide img,
	.dedicatedresources-main .slider .slide-track2 .slide img {
		width: 45% !important
	}

	.observedmetrics-main .content-blockscroll ul li {
		margin-left: 0;
		padding-left: 4rem
	}

	.observedmetrics-main #section7 .content-blockscroll img {
		max-width: 100%
	}

	.whycustomWebdesign-block #section8 .mb-0 {
		margin-bottom: 0 !important
	}

	.whycustomWebdesign-block {
		padding-bottom: 0
	}

	.redquoteimg img {
		width: 45px
	}

	.trust-logos li.appdevelopment-logo {
		margin-left: 0 !important;
		width: 27% !important
	}

	.trust-logos li.goodfirm-logo {
		width: 26%
	}

	.cookieadd .content1 {
		padding: 20px;
		font-size: 1.6rem;
		line-height: 1.9rem
	}

	#cookie_action_close_header {
		padding: 8px 10px 7px;
		margin: 9px 0 0;
		font-size: 12px
	}

	.dedicatedresources-main .slider .slide-track .slide,
	.dedicatedresources-main .slider .slide-track2 .slide {
		width: 110px !important;
		height: 110px
	}

	.ordertowork h2 {
		line-height: 5.4rem
	}

	.faqs .inner_block {
		padding-right: 0;
		text-align: center
	}

	.angularSchedule-btn {
		margin-top: 6rem !important
	}
}

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

	body .footer-contact-form {
		overflow: hidden !important
	}
}


@media (max-width: 575px) {

	/* modern service css start */

	.ai-tech-tabs-header {
		margin-bottom: 38px;
	}

	.ai-tech-tabs-header p {
		font-size: 15px;
	}

	.ai-tech-tabs-content {
		border-radius: 24px;
	}

	.ai-tech-chip-wrap {
		gap: 10px;
	}

	/* modern service css end */
}


@media (max-width: 991px) {

	/* modern service css start */

	.cta-card {
		display: block;
	}


	.ai-process-header {
		padding: 18px 0 18px;
		margin-bottom: 0;
		position: relative;
		top: 0;
	}

	.ai-process-card:nth-child(1) {
		top: 0rem;
	}

	.ai-process-card:nth-child(2) {
		top: 1rem;
	}

	.ai-process-card:nth-child(3) {
		top: 2rem;
	}

	.ai-process-card:nth-child(4) {
		top: 3rem;
	}

	.ai-process-card:nth-child(5) {
		top: 4rem;
	}

	.ai-process-card {
		top: calc(132px + (var(--i) * 18px));
		grid-template-columns: 86px minmax(0, 1fr);
		gap: 24px;
		min-height: 220px;
	}

	.process-points {
		grid-column: 2;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px 18px;
	}

	.process-points li {
		margin-bottom: 0;
	}

	.vocso-stack-card,
	.vocso-stack-card:nth-child(n),
	.vocso-stack-card.is-open {
		position: relative !important;
		top: auto !important;
		z-index: auto !important;
	}

	.ai-tech-tabs-layout {
		grid-template-columns: 1fr;
	}

	.ai-tech-tabs-nav {
		padding: 1rem 1rem;
		border: 1px solid rgba(31, 41, 51, 0.08);
		border-radius: 1rem;
		box-shadow: 0 20px 50px rgba(31, 41, 51, 0.08);
		display: flex;
		gap: 10px;
		background: var(--white-color);
		background-color: rgb(255 255 255 / 35%);
		-webkit-backdrop-filter: blur(30px);
		backdrop-filter: blur(30px);
		overflow: auto;
		order: 2;
	}

	.ai-tech-tabs-nav::-webkit-scrollbar {
		display: none;
	}

	.ai-tech-tab-btn {
		flex: 0 0 auto;
		white-space: nowrap;
		text-align: center;
		padding: 14px 18px;
		width: auto;
		border-radius: 1rem;
	}

	.ai-tech-tabs-content {
		min-height: auto;
	}

	.vocso-stack-card,
	.vocso-stack-card:nth-child(n) {
		position: relative;
		top: auto;
		grid-template-columns: 1fr;
		min-height: auto;
	}

	.vocso-stack-card-content {
		padding: 0 0 3rem 0;
	}

	.vocso-stack-card h3 {
		font-size: 2.8rem !important;
	}

	.vocso-stack-card,
	.vocso-stack-card:nth-child(n) {
		position: relative;
		top: auto !important;
		z-index: auto !important;
	}

	.vocso-stack-card-wrapper {
		grid-template-columns: 1fr;
	}

	.vocso-toggle-wrap {
		padding: 0 3rem 3rem;
	}


	.ai-guide-section {
		padding: 80px 0;
	}

	.ai-guide-grid {
		grid-template-columns: 1fr;
	}

	.ai-guide-panel__title {
		font-size: 24px;
	}

	.ai-guide-menu__title h2 {
		font-size: 26px;
	}

	.vocso-whychoose-head {
		flex-direction: column;
		align-items: flex-start;
	}

	.vocso-whychoose-head-left h2 {
		font-size: 3.6rem;
		max-width: 100%;
	}

	.vocso-whychoose-grid {
		grid-template-columns: 1fr;
	}

	.vocso-why-card {
		border-right: 0;
		border-bottom: 1px solid rgba(17, 17, 17, 0.10);
	}

	.vocso-why-card:last-child {
		border-bottom: 0;
	}

	.darkmode .vocso-why-card {
		border-bottom-color: rgba(255, 255, 255, 0.10);
	}

	.vocso-why-card-content {
		min-height: auto;
		padding: 2.4rem 2.4rem 2rem;
	}

	.vocso-why-card-visual {
		min-height: 18rem;
		padding: 2.4rem;
	}

	/* modern service css end */
}


@media (max-width: 768px) {

	/* modern service css start */

	.case-study-container {
		padding: 10px;
	}

	.case-study-card {
		max-width: 100%;
	}

	.case-study-card .image-container {
		height: 200px;
	}

	.case-study-card .content {
		max-width: 100%;
	}

	.vocso-compliance-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.comp-cta {
		grid-column: span 2;
	}

	.vocso-compliance-header h2 {
		font-size: 32px;
	}

	/* modern service css end */
}


@media (max-width: 420px) {

	/* modern service css start */

	.ai-process-card,
	.ai-process-card.is-active {
		padding: 20px;
		border-radius: 18px;
	}

	.process-content p {
		font-size: 15px;
	}

	.process-points li {
		font-size: 13.5px;
	}

	.stat-number {
		font-size: 48px;
	}

	.stat-title {
		font-size: 13px;
	}

	.stat-desc {
		font-size: 14px;
	}

	/* modern service css end */
}


@media (max-width: 1100px) {

	/* modern service css start */

	.ai-industries-card {
		grid-template-columns: 360px 1fr;
		gap: 24px;
	}

	.industry-nav.active {
		min-width: 300px;
	}

	.industry-title {
		font-size: 14px;
	}

	/* modern service css end */
}


@media (max-width: 900px) {

	/* modern service css start */


	.ai-industries-card {
		grid-template-columns: 1fr;
		min-height: auto;
	}

	.industry-controls {
		max-width: 100%;
		order: 2;
		/* display: flex;
		overflow: scroll; */
	}

	.industry-visual-wrap {
		order: 1;
		min-height: 430px;
	}

	.industry-nav,
	.industry-nav.active {
		width: auto;
		min-width: max-content;
		justify-content: flex-start;
	}

	.industry-nav:hover {
		transform: none;
	}

	.industry-detail {
		max-width: 100%;
		border-radius: 18px;
	}

	/* modern service css end */

}