.content {
    padding-top: calc(4vw + 3rem) !important;
    margin-top: 0vw;
}

.arrow-btn {
	display: none;
	border-radius: 50%;
}
.carousel-control-next, 
.carousel-control-prev {
	opacity: 0;
	width: 4rem;
}


@media (width: 1280px) {
	.f-s14 {
	    font-size: 17px !important;
	}
	p.mt-5 {
	    margin-top: 2rem!important;
	}
}
@media (min-width: 1400px) {
	.content {
	    padding-top: calc(4vw + 3.6rem) !important;
	}
}

@media (min-width: 1600px) {
	.content {
	    padding-top: calc(4vw + 4.6rem) !important;
	}
}

@media (min-width: 1900px) {
	.content {
	    padding-top: calc(4vw + 5.6rem) !important;
	}
}

@media (min-width: 4000px) {
	.content {
	    padding-top: calc(4vw + 6.6rem) !important;
	}
	.f-s14, .scroll-label {
	    font-size: 60px !important;
	}
	.intro-panel ul {
	    margin-top: 4rem;
	}
	.client-panel {
	    margin-right: -18rem !important;
	}
}

@media (min-width: 5000px) {
	.content {
	    padding-top: calc(4vw + 10.6rem) !important;
	}
	.f-s14, .scroll-label {
	    font-size: 78px !important;
	}
	.client-panel {
	    margin-right: -30rem !important;
	}
}

@media (width: 1024px) and (height: 1366px) {
	.content {
	    padding-top: calc(4vw + 3rem) !important;
	}
}
@media (max-width: 900px) {
	.content {
	    padding-top: calc(4vw + 9rem) !important;
	}
	.arrow-btn {
		display: block;
	}
	.carousel-control-next, 
	.carousel-control-prev {
		height: 100vh;
		opacity: 1;
	}
	.carousel-control-next-icon, 
	.carousel-control-prev-icon {
		width: 35px;
    	height: 35px;
	}
	.client-img {
		height: auto !important;
	}

	.intro-panel .client-details p {
		margin-bottom: 1rem;
	}
	.intro-panel .client-details ul {
		margin-bottom: 5rem;
	}
}
@media (max-width: 600px) {
	.carousel-control-next-icon, 
	.carousel-control-prev-icon {
		width: 20px;
    	height: 20px;
	}
}
@media (max-width: 500px) {
	.content {
	    padding-top: calc(4vw + 5rem) !important;
	}
	.carousel-control-next, 
	.carousel-control-prev {
		height: 80vh;
	}
}