/*Responsive css Start*/
@media only screen and (max-width:1800px) {

	.grow-banner h1,
	.grow-banner h2 {
		font-size: 5rem;
		line-height: 7rem
	}

	.weOrchestrate-tab .content-blockscroll {
		margin-bottom: 0;
		height: auto;
		width: 100%;
		padding: 3rem 3rem
	}

	.weOrchestrate-tab .content-blockscroll p {
		padding: 0 2rem
	}

	#section7 .content-blockscroll img {
		max-width: 100% !important;
		margin-left: 0
	}
}

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

	.slide-track,
	.slide-track2,
	.slide-track3,
	.slide-track4 {
		gap: 24px
	}

	.dedicatedresources-main .slider .slide-track .slide,
	.dedicatedresources-main .slider .slide-track2 .slide,
	.dedicatedresources-main .slider .slide-track3 .slide,
	.dedicatedresources-main .slider .slide-track4 .slide {
		width: 180px;
		height: 180px
	}

	.dynamic-heading {
		max-height: 30rem;
		min-height: 30rem
	}

	.grow-banner h1,
	.grow-banner h2 {
		font-size: 4.8rem;
		line-height: 6.5rem
	}

	.increase-conversion ul li {
		padding-right: 0
	}

	#trafficConversion .content-blockscroll h3 {
		padding-right: 5rem
	}

	.pinkrec:before {
		top: 9rem
	}

	.carousel-banner-vertical {
		left: -6rem
	}

	.counter-main {
		padding: 3rem 0 0 11rem
	}

	.weOrchestrate-tab .content-blockscroll p {
		padding: 0 2rem
	}

	#section7 .content-blockscroll img {
		max-width: 100% !important;
		margin-left: 0;
		right: 0;
		top: 0
	}

	.ourclient-popup .modal-content {
		height: calc(70vh - 0px);
		border-radius: .8rem
	}

	.toggle {
		bottom: 4rem
	}

	.content-blockscroll h3 .bluenumbers {
		left: 0;
		width: 5rem;
		height: 5rem;
		font-size: 4rem
	}

	.pinkbox::after {
		width: 100%
	}

	.weworkcompanies ul li {
		margin-right: 4rem !important
	}

	.trust-logos ul li {
		margin: 0 3.8rem 0 0
	}

	.weworkcompanies ul {
		display: flex;
		align-items: center;
		justify-content: center
	}
}

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

	.dedicatedresources-main .slider .slide-track .slide,
	.dedicatedresources-main .slider .slide-track2 .slide,
	.dedicatedresources-main .slider .slide-track3 .slide,
	.dedicatedresources-main .slider .slide-track4 .slide {
		width: 150px;
		height: 150px
	}

	.slider-vertical-techstacks .slide img {
		max-height: 60px;
		max-width: 80px;
		min-height: 60px;
		min-width: 80px
	}

	.grow-banner figure {
		min-height: 500px;
		max-height: 500px;
		display: flex;
		align-items: flex-end
	}

	.grow-banner h1,
	.grow-banner h2 {
		font-size: 4.5rem;
		line-height: 6.5rem
	}

	.banner-women-bg {
		display: flex;
		align-items: flex-end
	}

	.weOrchestrate-tab .content-blockscroll {
		margin-bottom: 0;
		height: auto;
		width: 100%;
		padding: 3rem 3rem
	}

	.weOrchestrate-tab .content-blockscroll p {
		padding: 0 2rem
	}

	#section7 .content-blockscroll img {
		max-width: 100% !important;
		margin-left: 0
	}

	.mt-80 {
		margin-top: 62px !important
	}

	.toggle {
		bottom: 7rem
	}

	.carousel-banner-vertical {
		left: -4rem
	}

	.ourclient-popup .modal-content {
		height: calc(100vh - 63px)
	}

	.counter-main {
		padding: 3rem 0 0 10rem
	}

	.slogan {
		display: none
	}

	.carousel-banner-vertical {
		left: 0
	}

	.tab-inner-last {
		height: auto;
		padding: 5rem
	}

	.tab-inner-middle {
		padding: 3.5rem
	}

	.trust-logos ul li {
		margin: 0 3.8rem 0 0
	}

	.content-blockscroll h3 {
		padding-right: 0
	}

	.trust-logos ul li {
		margin: 0 3.4rem 0 0
	}

	.getstarted-block {
		align-items: flex-start;
		flex-direction: column
	}

	.vocso-main-hero-banner h1,
	.vocso-main-hero-banner h2 {
		margin-bottom: 4rem;
	}
}

@media only screen and (max-width:1440px) {
	.weworkcompanies picture {
		width: 18rem;
		height: 15rem
	}

	.popupscroll {
		width: 30% !important
	}

	.counter-section .counter-cover {
		font-size: 5.2rem;
		line-height: 3rem
	}

	.portfolioproject-name h2 {
		font-size: 5rem
	}

	.ourclient-popup .modal-content {
		height: calc(40vh - 0px);
		border-radius: .8rem
	}

	.grow-banner h1,
	.grow-banner h2 {
		font-size: 4.3rem !important;
		line-height: 5.5rem !important
	}

	.we-orchestrate .orches-left h3 a span {
		font-size: 2.5rem;
		margin-bottom: 1rem !important
	}

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

	.increase-conversion p {
		margin-bottom: 3rem
	}

	.increase-conversion .nav p {
		padding-right: 0
	}

	.scheduleCall-btn {
		margin-top: 2rem
	}

	.content-blockscroll h3 {
		padding-right: 0
	}

	.increase-conversion .nav li h3 a {
		font-size: 2rem
	}

	.play-btn img {
		width: 10%
	}

	.pinkrec:before {
		top: 9rem;
		height: 66%
	}

	.trust-logos ul li {
		margin: 0 3.3rem 0 0;
	}
}

@media only screen and (max-width:1400px) {
	.dedicatedresources-main .slider .slide h3 {
		font-size: 1.6rem
	}

	.grow-banner h1,
	.grow-banner h2 {
		font-size: 4.2rem !important;
		line-height: 6rem !important
	}

	body h2 {
		font-size: 3.8rem
	}

	.ceomsg-content h3 {
		font-size: 3.8rem;
		line-height: 5.5rem
	}

	.ceoimg {
		padding-right: 3rem
	}

	.we-orchestrate h2 {
		margin-bottom: 5rem
	}

	.trust-logos ul li {
		margin: 0 3.2rem 0 0
	}

	.ourclient-popup .modal-content {
		height: calc(100% - 63px)
	}

	.slider-main-cover::before {
		width: 100%;
		height: 100%
	}

	.increase-conversion ul li {
		padding-right: 4rem;
		margin-bottom: 2rem
	}

	.serviceTabBlock h2 {
		line-height: 5rem !important;
		font-size: 3.8rem
	}

	.increase-conversion .nav-pills {
		top: 8rem
	}

	.counter-main {
		padding: 3rem 0 0 7rem
	}

	.horizontalTab .tab-inner-middle ul li a {
		font-size: 1.8rem
	}
}

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

	.grow-banner h1,
	.grow-banner h2 {
		font-size: 3.6rem !important;
		line-height: 4.9rem !important
	}

	.hero-slide-subtitle {
		display: block;
		font-size: 1.8rem;
		line-height: 2.5rem
	}

	.dedicatedresources-main .slider .slide-track .slide,
	.dedicatedresources-main .slider .slide-track2 .slide,
	.dedicatedresources-main .slider .slide-track3 .slide,
	.dedicatedresources-main .slider .slide-track4 .slide {
		width: 140px;
		height: 140px
	}

	.software-sevices-main-block {
		column-count: 3;
		margin-bottom: 3rem
	}

	.pinkrec:before {
		top: 9rem;
		height: 63%
	}

	.trust-logos ul li {
		margin: 0 2.9rem 0 0
	}
}

@media only screen and (max-width:1200px) {
	.ceomsg-content h3 {
		font-size: 3.2rem;
		line-height: 4.2rem
	}

	.weorches-mobileContent h3 a p {
		margin-top: 2rem
	}

	.weOrchestrate-tab .content-blockscroll {
		width: 100%;
		margin-bottom: 0;
		padding: 7rem 7rem;
		height: auto
	}

	.weOrchestrate-tab .content-blockscroll p {
		padding: 0 0;
		text-align: center
	}

	.weorches-mobileContent h3 a {
		padding: 0
	}

	.weorches-mobileContent h3 a {
		padding: 0;
		font-size: 3.2rem;
		font-weight: 400;
		color: var(--color-text);
		position: relative;
		line-height: 5rem
	}

	.slider-vertical-techstacks .slide img {
		max-height: 50px;
		max-width: 80px;
		min-height: 50px;
		min-width: 80px
	}
}

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

	.dedicatedresources-main .slider .slide-track .slide,
	.dedicatedresources-main .slider .slide-track2 .slide,
	.dedicatedresources-main .slider .slide-track3 .slide,
	.dedicatedresources-main .slider .slide-track4 .slide {
		width: 130px;
		height: 130px
	}

	.dynamic-heading {
		max-height: 25rem;
		min-height: 25rem
	}

	.hero-main-tabs .tab p br {
		display: none
	}

	.trust-logos ul li {
		width: 15%
	}

	.ready-banner h2 br {
		display: none
	}

	.weOrchestrate-tab .nav li h3 a {
		font-size: 2.8rem !important
	}

	#section7 .content-blockscroll img {
		top: 0;
		right: 0
	}

	.btn-proposal {
		font-size: 2rem
	}

	.we-orchestrate .orches-left h3 a {
		padding-left: 0
	}

	.resp-tabs-list-tabblock li h3 {
		margin: 0 0 0 1rem;
		font-size: 2.1rem
	}

	.increase-conversion ul li {
		padding-right: 5rem
	}

	.grow-banner h1,
	.grow-banner h2 {
		font-size: 5.4rem;
		line-height: 6.8rem
	}

	.horizontalTab .tab-inner-middle ul li a {
		font-size: 1.7rem
	}

	.content-blockscroll h3 {
		padding-right: 0rem
	}

	.pinkrec:before {
		top: 12rem;
		height: 45%;
		left: 0
	}
}

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

	.dedicatedresources-main .slider .slide-track .slide,
	.dedicatedresources-main .slider .slide-track2 .slide,
	.dedicatedresources-main .slider .slide-track3 .slide,
	.dedicatedresources-main .slider .slide-track4 .slide {
		width: 120px;
		height: 120px
	}

	.hero-main-tabs .tab svg {
		width: 30px;
		height: 30px
	}

	.hero-main-tabs .tab {
		padding: 2rem 2rem
	}

	.dynamic-heading {
		min-height: auto;
		max-height: max-content;
		flex-direction: column;
		margin-bottom: 3rem
	}

	.hero-slide-subtitle {
		font-size: 1.8rem;
		line-height: 2.7rem;
		margin-top: 2rem
	}

	.vocso-main-hero-banner .row {
		flex-wrap: wrap
	}

	.hero-main-tabs {
		margin-top: 0
	}

	.popupscroll {
		width: 60% !important
	}

	.webscreen-imgslideup .frameupdown-slide {
		height: 400px
	}

	.pinkrec:before {
		width: 100%;
		height: 100%;
		top: 6rem
	}

	.ceoimg {
		padding-right: 3rem
	}

	#section1,
	#section2,
	#section3,
	#section4,
	#section5,
	#section6 {
		padding-top: 0
	}

	#trafficConversion {
		top: 0
	}

	.weorches-mobileContent {
		display: block !important;
		margin-top: 0 !important;
		padding-top: 0 !important
	}

	.weOrchestrate-tab .nav-pills {
		display: none
	}

	#myScrollspy1 {
		margin-bottom: 5rem
	}

	.toggle {
		bottom: -6rem
	}

	.counter-main {
		padding: 15rem 0 0 10rem
	}

	.serviceTabBlock {
		padding-bottom: 5rem
	}

	.weworkcompanies ul li {
		margin-right: 0rem !important
	}

	.weworkcompanies ul li:nth-child(5),
	.weworkcompanies ul li:nth-child(10),
	.weworkcompanies ul li:nth-child(15) {
		margin-right: 0rem !important
	}

	.weworkcompanies picture {
		width: 17rem
	}

	.we-orchestrate {
		padding-top: 10rem
	}

	#reveal-wrap {
		right: 0
	}

	.man-laughing-img {
		display: none
	}

	.blog .card {
		padding: 3.2rem;
		margin-bottom: 3rem
	}

	.content-blockscroll h3 {
		padding-left: 8rem;
		padding-right: 0
	}

	.content-blockscroll p {
		padding-left: 8rem
	}

	.banner-women-bg {
		position: relative;
		width: 100%;
		margin-top: 3rem
	}

	.grow-banner figure {
		position: relative;
		text-align: center;
		min-height: auto;
		max-height: max-content
	}

	.grow-banner h1,
	.grow-banner p,
	.grow-banner h2 {
		max-width: 100%
	}

	.carousel-banner-vertical {
		left: 0 !important;
		right: 0;
		margin: 0 auto
	}

	.readytogrow-cover {
		position: relative;
		bottom: 0;
		text-align: center
	}

	.tab-inner-middle {
		margin-bottom: 2rem
	}

	.resp-tabs-list-tabblock li h3 {
		margin: 0 0 0 1rem;
		font-size: 1.9rem
	}

	.overflowContent div {
		float: none
	}

	.increase-conversion .nav p {
		padding-right: 0;
		margin-bottom: 0
	}

	#myScrollspy1 ul li.nav-item {
		display: none
	}

	.web-part .mobile-screen,
	.web-part .web-screen {
		left: 0;
		margin: 0 auto;
		right: 0
	}

	.portfolioproject-name h2 {
		font-size: 5rem;
		margin-bottom: 0
	}

	.counter-mg {
		margin-bottom: 0;
		display: inline-block;
		margin: 2rem 0 0 6rem
	}

	.pinkbox::after {
		width: 100%
	}

	.testimonial-avtar-block {
		margin-bottom: 6rem
	}

	.vocso-main-hero-banner h1 br,
	.vocso-main-hero-banner h2 br {
		display: none
	}

	.getstarted-block a {
		width: 100%
	}

	.software-sevices-main-block {
		column-count: 2
	}

	.servicetabblock-new .tab-inner-first {
		padding-left: 2rem
	}

	.servicetabblock-new h2 br {
		display: none
	}

	.vocso-main-hero-banner h1,
	.vocso-main-hero-banner h2 {
		margin-bottom: 2rem
	}

	.vocso-main-hero-banner h1,
	.vocso-main-hero-banner h2 {
		margin-top: 1rem !important
	}

	.clutchrated-block {
		margin-bottom: 1rem
	}

	.dynamic-heading .heading {
		display: none;
		position: relative
	}

	.dynamic-heading .heading.active {
		display: block
	}

	.slider-vertical-techstacks {
		gap: 14px
	}

	.ourtechnologystack-custom h2 br {
		display: none
	}

	.dedicatedresources-main .slider .slide h3 {
		font-size: 1.6rem
	}
}


@media only screen and (max-width:1024px) {
	.darkmode #horizontalTab1 svg g rect {
		stroke: #fff
	}

	.darkmode #horizontalTab1 svg g rect.software-icon-color-red {
		stroke: #fd3a30
	}

	.tab-sprite-img h3 {
		margin-left: 2rem !important
	}

	.horizontalTab .resp-tabs-list-tabblock {
		display: none
	}

	.weworkcompanies picture {
		width: 15rem
	}

	.weworkcompanies ul li {
		margin-right: 0rem !important
	}

	.weworkcompanies ul li:nth-child(5),
	.weworkcompanies ul li:nth-child(10),
	.weworkcompanies ul li:nth-child(15) {
		margin-right: 0rem !important
	}

	.ourclient-popup .modal-content {
		height: calc(100% - 63px)
	}

	.ourtechnologystack-custom h2 {
		max-width: 100% !important
	}
}

@media only screen and (max-width:1024px) and (min-width:768px) {
	.ourclient-popup .modal-content {
		height: calc(100% - 63px)
	}

	.social-icons a {
		padding: 0 .6rem
	}

	.weworkcompanies ul li {
		margin-right: 0 !important
	}

	.weworkcompanies ul li:nth-child(5),
	.weworkcompanies ul li:nth-child(10),
	.weworkcompanies ul li:nth-child(15) {
		margin-right: 0 !important
	}

	.resp-tabs-container-tabblock h2.resp-tab-active span.resp-arrow {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 8px solid #e7e1e0
	}

	.resp-tabs-container-tabblock h2.resp-tab-active {
		background: var(--color-secondary) !important;
		color: #fff
	}

	.resp-tabs-container-tabblock h2.resp-accordion {
		display: flex;
		width: 100%;
		max-width: 100%;
		position: relative;
		margin-top: -1px
	}

	.resp-tabs-container-tabblock .resp-arrow {
		position: absolute;
		right: 6%;
		top: 45%;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 8px solid #e7e1e0
	}

	.horizontalTab .resp-tabs-container-tabblock .resp-tab-content-active {
		padding: 15px;
		border: 1px solid var(--color-secondary);
		border-top: none
	}

	.resp-tabs-container-tabblock h2.resp-accordion:first-child {
		border-top: 1px solid var(--color-secondary) !important;
		border-top-left-radius: .5rem;
		border-top-right-radius: .5rem
	}

	.resp-tabs-container-tabblock h2.resp-accordion {
		border: 1px solid var(--color-secondary)
	}

	.serviceTabBlock {
		padding-bottom: 5rem
	}
}

@media only screen and (max-width:990px) {
	:root {
		--items-visible: 2
	}

	.dedicatedresources-main .slider .slide-track .slide,
	.dedicatedresources-main .slider .slide-track2 .slide,
	.dedicatedresources-main .slider .slide-track3 .slide,
	.dedicatedresources-main .slider .slide-track4 .slide {
		width: 90px;
		height: 90px
	}

	.slider-vertical-techstacks .slide img {
		max-height: 35px;
		max-width: 80px;
		min-height: 35px;
		min-width: 80px
	}

	.dedicatedresources-main .slider .slide h3 {
		font-size: 1.4rem
	}

	.swiper-scrollbar-drag {
		width: 100% !important
	}

	.weOrchestrate-tab .overflowcc h2 {
		font-size: 3.8rem !important;
		line-height: 4rem !important
	}

	.pinkrec:before {
		width: 100%;
		height: 100%;
		top: 2rem
	}

	#horizontalTab-services .tab-inner-last:after {
		display: none
	}

	#horizontalTab-services .tab-inner-first .quote-red p {
		margin: 0
	}

	.somebrands .tab-inner-middle {
		padding-left: 0
	}

	.testimonial-avtar-block {
		margin-bottom: 4rem
	}

	.weOrchestrate-tab .content-blockscroll::before {
		display: none
	}

	.weOrchestrate-tab .content-blockscroll {
		padding: 4rem 4rem
	}

	.increase-conversion.weOrchestrate-tab h2 {
		max-width: 100% !important;
		margin: 0 auto 0rem !important
	}

	.weorches-mobileContent h3 a {
		font-size: 3.2rem;
		line-height: 4rem
	}

	#section7 .content-blockscroll img {
		margin-top: 0;
		max-width: 100%;
		margin-left: 0
	}

	.web-part .mobile-screen {
		width: calc(90% - 0rem);
		text-align: center;
		margin: 0 auto;
		align-items: center;
		display: flex
	}

	.web-part .web-screen {
		display: none
	}

	.content-blockscroll {
		margin-bottom: 0
	}

	.swiper-wrapper img {
		width: 25%
	}

	.ourclient-popup .modal-dialog {
		max-width: 90%;
		margin: 0 auto
	}

	.ourclient-popup .close {
		right: 0;
		top: -32px
	}

	.blog .swiper-container-horizontal>.swiper-scrollbar {
		width: 80%
	}

	#reveal-wrap {
		right: 0
	}

	#horizontalTab1 .resp-tabs-list-tabblock li h3 {
		margin: 0 0 0 0.4rem !important;
		font-size: 1.5rem
	}

	.counter-main {
		padding: 6rem 0 0 0
	}

	.resp-tabs-list-tabblock li {
		justify-content: center
	}

	.blog .card {
		min-height: auto
	}

	.portfolioproject-name {
		text-align: center
	}

	.tab-sprite-img h3 {
		margin-left: 2rem !important
	}

	.grow-banner p {
		max-width: 100%
	}

	.our-clients h2 {
		max-width: 100%
	}

	.we-orchestrate h2 {
		max-width: 100%
	}

	.readytogrow-cover {
		position: relative
	}

	.portfolioproject-name p {
		margin-left: 0rem !important;
		margin-top: 2rem;
		margin-bottom: 1rem;
		max-width: 100% !important
	}

	.portfolioproject-name {
		display: block
	}

	.projectabout {
		display: block
	}

	.slider-main-cover::before {
		width: 100%
	}

	.pinkbox::after {
		display: none
	}

	.we-orchestrate {
		padding-bottom: 5rem
	}

	.servicetabblock-new .tab-inner-first {
		padding-left: 0rem;
		margin-top: 3rem;
	}
}

@media only screen and (max-width:767px) and (min-width:320px) {
	< !--techstacks css start-->.dedicatedresources-main .slider .slide h3 {
		margin-top: 0.5rem
	}

	:root {
		--items-visible: 2
	}

	.slide-track,
	.slide-track2,
	.slide-track3,
	.slide-track4 {
		gap: 15px
	}

	.dedicatedresources-main .slider .slide-track .slide,
	.dedicatedresources-main .slider .slide-track2 .slide,
	.dedicatedresources-main .slider .slide-track3 .slide,
	.dedicatedresources-main .slider .slide-track4 .slide {
		width: 76px;
		height: 86px
	}

	.desktop-version {
		display: none !important
	}

	.mobile-version {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr)
	}

	.homeGuidetopicBlock {
		padding-top: 5rem !important
	}

	.software-sevices-main-block li {
		min-height: 25rem;
		max-height: 25rem
	}

	.hover-div-service .seeportfolio-btn {
		padding: 0.9rem 3.8rem 0.9rem 2rem;
		font-size: 1.6rem
	}

	.software-sevices-main-block {
		margin-bottom: 1rem
	}

	.awwardsNominee {
		width: 15%
	}

	.clutchrated-block {
		margin-top: 0
	}

	.dynamic-heading {
		min-height: max-content;
		max-height: none;
		flex-direction: column;
		margin-bottom: 0
	}

	.getstarted-block {
		margin-bottom: 5rem
	}

	.banner-women-bg {
		margin-top: 4rem
	}

	.grow-banner figure {
		min-height: 37rem;
		max-height: 37rem
	}

	.homeGuidetopicBlock {
		padding-top: 5rem !important
	}

	.slide.rodic-logo img,
	.gsone-logo img {
		width: 60%
	}

	.ready-banner {
		padding-bottom: 0rem !important;
		padding-top: 0rem
	}

	.vocso-main-hero-banner {
		padding: 5rem 0 5rem 0
	}

	.progress-bar {
		height: 4px
	}

	.hero-main-tabs .tab:last-child svg {
		width: 40px;
		height: 40px
	}

	.hero-main-tabs .tab p {
		display: none
	}

	.hero-main-tabs .tab {
		justify-content: center;
		padding: 2rem 2rem
	}

	.hero-main-tabs .tab svg {
		margin-right: 0;
		width: 30px;
		height: 30px
	}

	.servicetabblock-new h2 {
		margin-bottom: 5rem
	}

	.servicetabblock-new h2 img {
		top: 0rem;
		width: 40px
	}

	.servicetabblock-new h2 {
		flex-direction: column;
	}

	li.wadline-logo {
		width: 30% !important;
	}

	.software-sevices-main-block {
		column-count: 1
	}

	.servicetabblock-new .tab-inner-first .quote-red p {
		margin-bottom: 2rem !important
	}

	.clutchrated-block img {
		width: 55px
	}

	.text-cycle {
		display: block
	}

	.meetour-images img {
		width: 100px
	}

	.blog h2 {
		margin-top: 0;
		margin-bottom: 3rem
	}

	.blog {
		padding-bottom: 5rem !important
	}

	.blog .swiper-container {
		padding-bottom: 0
	}

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

	.grow-banner h1,
	.grow-banner h2 {
		font-size: 3.6rem !important;
		line-height: 5rem !important
	}

	.hero-slide-subtitle {
		font-size: 1.7rem;
		line-height: 2.5rem;
		margin-top: 1.8rem
	}

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

	.ready-banner .slider {
		padding-bottom: 0 !important
	}

	li.goodfirm-logo {
		width: 26% !important
	}

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

	.fixphoto-logo-darkmode,
	.fixphoto-logo-lightmode {
		width: 14% !important;
		position: relative;
		left: 10px
	}

	li.appdevelopment-logo {
		width: 27% !important
	}

	.purpleblock {
		padding-bottom: 5rem
	}

	.seeportfolio-btn {
		background-size: 8%
	}

	.popupscroll {
		width: 94% !important;
		padding: 31px 35px 54px !important
	}

	.submit-box {
		margin: 54px -35px -88px !important
	}

	.popup#window h4 {
		font-size: 25px !important
	}

	#new_proposal_form .input-field {
		margin-bottom: 10px !important
	}

	.secondMobile-portfolio {
		margin: 2rem 0
	}

	.weworkcompanies picture.long-logo {
		width: 34%;
		height: auto
	}

	.darkmode .trust-logos ul li.gem-logo-darkmode,
	.trust-logos ul li.gem-logo-darkmode,
	.trust-logos ul li.gem-logo-lightmode {
		margin: 0 1.3rem 0 0 !important;
		width: 31%
	}

	.trust-logos ul li.gem-logo {
		width: 31% !important;
		margin: 0 0 0 0 !important
	}

	.trust-logos ul li img {
		width: 100%
	}

	.weOrchestrate-tab .content-blockscroll.mb-0 {
		margin-bottom: 0 !important
	}

	.trust-logos {
		padding: 4rem 0 5rem 0
	}

	.scroll-to-top {
		display: none !important
	}

	.moretraffic-btn {
		display: block
	}

	html {
		font-size: 45%
	}

	.ceomsg-content .quote-red p img {
		width: 29px;
		height: 23px
	}

	.home-vocso-intro img {
		width: 25%
	}

	#reveal-wrap {
		position: absolute;
		z-index: 99999;
		bottom: inherit
	}

	.tab-inner-first .quote-red p img {
		width: 35%
	}

	.horizontalTab .tab-inner-first br {
		display: none
	}

	#horizontalTab-services .tab-inner-first .quote-red {
		margin-bottom: 0
	}

	.ceomsg-content {
		margin-top: 4rem
	}

	.red-part {
		padding-bottom: 5rem
	}

	.web-part .web-screen {
		width: calc(100% - 0rem);
		top: 0
	}

	.web-part .firstMobile-portfolio .mobile-screen {
		display: block
	}

	.mb-0 {
		margin-bottom: 4rem !important
	}

	.ourclient-popup .modal-body {
		height: 100%
	}

	.overflowContent #section0:after {
		z-index: -1
	}

	.weworkcompanies {
		padding-top: 0 !important
	}

	.blog .swiper-container-horizontal>.swiper-scrollbar {
		width: 100%
	}

	.readarticle-btn svg {
		position: relative;
		top: .2rem
	}

	.blog .card {
		margin-right: 0
	}

	.we-orchestrate .orches-left h3 a {
		padding-left: 0
	}

	.we-orchestrate .swiper-container {
		padding-bottom: 4rem
	}

	.we-orchestrate .orches-left h3 a span {
		margin-bottom: 0;
		line-height: 4rem
	}

	.counter-main:after {
		display: none
	}

	.weworkcompanies ul li {
		margin-right: 0 !important;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		align-self: center
	}

	.weworkcompanies ul li:nth-child(5),
	.weworkcompanies ul li:nth-child(10),
	.weworkcompanies ul li:nth-child(15) {
		margin-right: 0rem !important
	}

	.trust-logos ul li {
		width: 24%;
		margin: 0 1.3rem !important
	}

	.blog .card:hover:before {
		border: .1rem solid #dbdbdb
	}

	.blog .card:hover {
		box-shadow: none
	}

	.weworkcompanies ul li:last-child {
		margin-bottom: 0
	}

	.orches-left p {
		margin-top: 1.2rem
	}

	.weworkcompanies ul {
		margin-left: 0;
		margin-bottom: 0
	}

	.weworkcompanies picture {
		height: 7rem;
		width: 12rem
	}

	#verticalTab h2.resp-tab-active {
		background: var(--color-secondary) !important
	}

	#verticalTab .resp-accordion .orches-left h3 a span {
		font-size: 2rem
	}

	#verticalTab h2.resp-accordion {
		border: 1px solid var(--color-secondary) !important
	}

	#verticalTab h2.resp-accordion:first-child {
		border-top: 1px solid var(--color-secondary) !important;
		border-top-right-radius: .5rem;
		border-top-left-radius: .5rem
	}

	#verticalTab h2.resp-accordion {
		text-align: left;
		position: relative;
		margin-top: -1px
	}

	#verticalTab .resp-tab-active .orches-left h3 a span {
		font-size: 2rem
	}

	#verticalTab h2.resp-accordion .orches-left h3 {
		margin-bottom: 0;
		line-height: 2rem
	}

	#verticalTab .resp-tab-content {
		padding: 3rem 12rem 3rem 5rem !important;
		border: 1px solid var(--color-secondary) !important
	}

	.orches-left h3 a {
		padding: 0;
		background: inherit
	}

	#verticalTab .resp-tab-active .orches-left h3 a {
		background: none;
		color: #fff;
		padding: 0
	}

	#verticalTab span.resp-arrow {
		position: absolute;
		right: 5%;
		top: 9%;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 8px solid #e7e1e0
	}

	#verticalTab h2.resp-tab-active span.resp-arrow {
		border: none;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 8px solid #e7e1e0
	}

	.we-orchestrate .resp-vtabs .resp-tabs-container {
		width: 100%
	}

	.readarticle-btn {
		position: relative;
		margin-top: 3rem;
		display: inline-block
	}

	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		bottom: 2rem !important;
		top: inherit !important
	}

	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		bottom: 2rem !important;
		top: inherit !important
	}

	#dark-mode-toggle svg,
	.darkmode #dark-mode-toggle svg {
		width: 28px;
		height: 28px
	}

	.overflowContent {
		padding-top: 0
	}

	#horizontalTab1 .resp-tab-content-active .quote-red {
		margin-top: 0
	}

	#horizontalTab .quote-red {
		margin-top: 2rem
	}

	.horizontalTab .tab-inner-middle ul li {
		line-height: 3rem
	}

	.horizontalTab .tab-inner-last h3 {
		font-size: 2.5rem;
		line-height: 3rem
	}

	.tab-inner-middle {
		padding: 2.5rem
	}

	.horizontalTab .resp-tabs-container-tabblock .resp-tab-content-active {
		padding: 15px;
		border: 1px solid var(--color-secondary);
		border-top: none
	}

	.horizontalTab .resp-tabs-container-tabblock .resp-tab-active h3 {
		color: #fff
	}

	.counter-title {
		font-size: 1.2rem;
		margin-top: 0rem
	}

	.counter-mg {
		margin: 1.5rem
	}

	.play-btn img {
		max-width: 20%
	}

	.play-btn {
		text-align: center
	}

	.web-part .mobile-screen,
	.web-part .web-screen {
		padding: .8rem;
		border-radius: 2rem
	}

	.portfolioproject-name p {
		margin: 1rem 0 0rem 0 !important
	}

	.portfolioproject-name h2 {
		font-size: 3.5rem
	}

	.content-blockscroll p {
		padding-left: 0 !important
	}

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

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

	.increase-conversion ul {
		padding-right: 0
	}

	.serviceTabBlock.weOrchestrate-tab {
		padding-top: 5rem !important
	}

	.slogan {
		display: none
	}

	.tab-inner-last h3 {
		margin-left: 0 !important
	}

	.close-button {
		height: 25px;
		width: 25px;
		border: 0;
		position: absolute;
		right: 0;
		z-index: 99999;
		margin: 0;
		top: -30px;
		-webkit-transition: -webkit-transform .3s cubic-bezier(.455, .03, 0, 1);
		-moz-transition: -moz-transform .3s cubic-bezier(.455, .03, 0, 1);
		-o-transition: -o-transform .3s cubic-bezier(.455, .03, 0, 1);
		transition: transform .3s cubic-bezier(.455, .03, 0, 1)
	}

	.close-button:hover,
	.close-button:focus {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		border: 0;
		outline: none
	}

	.btn-proposal {
		margin-top: .8rem;
		margin-left: 0;
		width: 100%;
		text-align: left;
		background-position: 96% center
	}

	.resp-tabs-container-tabblock h2.resp-accordion {
		display: flex;
		width: 100%;
		max-width: 100%;
		position: relative;
		margin-top: -1px
	}

	.resp-tabs-container-tabblock .resp-arrow {
		position: absolute;
		right: 6%;
		top: 45%;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 8px solid #e7e1e0
	}

	.resp-tabs-container-tabblock h3 {
		margin: 0 0 0 0;
		display: block;
		font-size: 2rem;
		font-weight: 300;
		vertical-align: middle;
		color: var(--color-text)
	}

	.horizontalTab .resp-tabs-container-tabblock {
		padding-top: 0;
		z-index: 1;
		position: relative
	}

	.counter-section .counter-cover {
		font-size: 4.5rem
	}

	.serviceTabBlock {
		padding-bottom: inherit
	}

	.ready-banner h2,
	.serviceTabBlock h2 {
		line-height: 5.4rem
	}

	.ready-left {
		padding-bottom: 7rem
	}

	.resp-tabs-container-tabblock h2.resp-accordion {
		border: 1px solid var(--color-secondary);
		margin-bottom: 0
	}

	.resp-tabs-container-tabblock h2.resp-accordion:first-child {
		border-top: 1px solid var(--color-secondary) !important;
		border-top-left-radius: .5rem;
		border-top-right-radius: .5rem
	}

	.resp-tabs-container-tabblock h2.resp-accordion:last-child {
		border-bottom-left-radius: .5rem;
		border-bottom-right-radius: .5rem
	}

	.resp-tabs-container-tabblock h2.resp-tab-active {
		background: var(--color-secondary) !important;
		color: #fff
	}

	.resp-tabs-container-tabblock h2.resp-tab-active span.resp-arrow {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 8px solid #e7e1e0
	}

	.horizontalTab .tab-inner-middle p {
		margin-top: 0
	}

	.tab-inner-last {
		padding: 3rem
	}

	.serviceTabBlock h2 {
		margin: 0 auto 4rem
	}

	.vocso-main-hero-banner h1 br,
	.vocso-main-hero-banner h2 br {
		display: inherit;
	}

	.dots-wave-effect {
		bottom: -100px;
	}
}