@charset "utf-8";
/* CSS Document */

@media (min-width: 1024px) {
	.hero {
		background-attachment: fixed;
	}
}

@media (max-width: 1199px) {
	.testimonials .swiper-slide-active {
		opacity: 1;
	}

	.testimonials .swiper-pagination {
		margin-top: 0;
	}
}

@media (min-width: 1280px) {
	.testimonials .swiper-slide-next {
		opacity: 1;
		transform: scale(1.12);
	}

}
@media (max-width: 991px) {
	.exten-bg {
		display: none;
	}

	.plugins-bg {
		display: none;
	}
	.lg-map {
		margin-top: 0px;
	}
	.hero {
		height: auto;
		padding: 120px 0 60px 0;
	}

	.hero .hero-img {
		text-align: center;
		margin-top: 80px;
	}

	.hero .hero-img img {
		width: 80%;
	}

	header a.nav-link {
		padding: 10px 7px !important;
	}

}

@media (max-width: 768px) {
	.bx-1{background-color: #f7f7f7;}
	.bx-2{background-color: #f4f4f4;}
	.bg-line-v1{
		background-image: none!important;
	}
	.breadcrumb-bg {
		margin-top: 82px!important;
	}
	.header-bottom-bar {
		justify-content: space-between;
		flex-direction: column;
	}
	.header-bottom-bar-sec {
		width: 100%;
		text-align: LEFT;
		margin-bottom: 20px;
	}
	.header-bottom-bar-sec:last-child {
		margin-bottom: 0px;
	}
	.mob-map{width: 50%;}
	header .contact-btn button a {
		text-align: center;
		display: flex;
		justify-content: center;
	}
	.is-form-style.is-form-style-3 input.is-search-input {
		width: 100% !important;
	}
	.blog-box.blog-details {
		width: 100%;
	}
	.blog-search input {
		width: 100%;
	}
	.blog-button button {
		width: 50%;
	}
	.blog-head h2 {
		margin-bottom: 20px;
	}
	.blog-search {
		margin-bottom: 20px;
	}
	.what-can-you {
		display: flex;
		flex-direction: column;
	}
	.what-can-you .iot-bx {
		width: 100%;
	}
	.plugins-bg {
		height: 230px;
	}
	.plugins-txt {
		padding: 20px 0px;
	}
	.plugins {
		width: 100%;
	}
	.plugins-extensions {
		flex-direction: column;
	}
	.cus-eco-dev {
		display: flex;
		flex-direction: column;
	}
	.cus-eco-dev .iot-bx {
		width: 100%;
	}
	.flw-crt-bg {
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
	}
	.flw-crt {
		width: 100%;
		padding: 15px 0px;
	}
	.flw-crt-bg.flw-crt-bg-mob {
		display: flex;
		flex-direction: column-reverse;
	}
	.tech-stack-sec {
		border-top: 1px solid #e0e0e0;
	}
	.grah img {
		width: 100%;
	}
	.technologies .tab {
		height: auto;
		width: 100%;
	}
	.technologies .tabcontent-hiredeveloper {
		height: auto;
		width: 100%;
	}
	.technologies .software-details {
		display: flex;
		flex-direction: column;
	}
	.technologies .service-disc {
		width: 100%;
		margin-bottom: 40px;
	}
	.technologies .softwares {
		width: 100%;
	}
	.technologies .softwares ul li {
		line-height: unset;
		font-size: 13px;
		border: 1px solid #000;
		padding: 3px;
		display: inline-flex;
		margin-top: 10px;
	}
	.technologies .softwares ul {
		padding-left: 0px;
		margin-bottom: 0px;
	}
	.ps-solutions img {
		margin: 20px 0px;
	}
	.ps-solutions-row {
		margin-top: 30px;
	}
	.mob-only{
		display: block;
	}
	.web-only{
		display: none;
	}
	.steps-in {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.hiring {
		width: 48%;
	}
	.portfolio {
		flex-direction: column;
	}
	.our-work {
		width: 100%;
	}
	.client-says {
		width: 100%;
		padding: 20px 0px;
	}
	.our-in-ex{
		margin-top: 30px;
	}
	.home-cta-pic {
		display: block;
	}
	.hero img {
    width: 100%;
}
	.request {
		text-align: center;
		display: flex;
		flex-direction: column;
		padding: 20px;
	}
	.request h4 {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.request h3 {
		font-size: 20px;
	}
	.testimonial-txt {
		width: 100%;
	}
	.request button {
		float: unset;
	}
	.job-main tbody, tr, th, td {
		padding: 10px;
	}
	.coming-soon img {
		width: 100%;
		padding: 100px 0px;
	}
	.services {
		padding: 0px !important;
		margin-top: 20px;
		border: none;
		margin-bottom: 0px;
	}
	.our-ind {
		flex-direction: column;
		align-items: center;
		padding: 10px;
		margin-bottom: 0px;
	}
	.our-exper {
		margin: 10px 0px;
		border: 1px solid #dee2e6;
		width: 100%;
	}
	.mobile-app .service-box {
		padding: 0px !important;
		margin-top: 20px !important;
		border: none !important;
		margin-bottom: 0px !important;
	}
	.about-dtls .service-box.min-ht {
		padding: 0px !important;
		margin-top: 20px !important;
		border: none !important;
		margin-bottom: 0px !important;
	}
	.phone-mail-address-sec {
		padding: 30px 15px 30px;
	}
	.jobs {
		width: 100% !important;
	}
	.jobs-scroll {
		width: 100%;
		overflow-x: scroll;
	}

	.running-box .swiper-slide {
		margin-left: -3px!important;
	}
	.what-make .swiper-slide {
		margin-left:0px!important;
	}
	.ex-bg {
		grid-template-columns: auto !important;
	}

	.hire-flutter .service-box:hover {
		background: none !important;
	}

	.why-choose-ps .service-box:hover {
		background: none !important;
	}

	.build img {
		margin-top: 30px;
	}

	.build-flutter p {
		margin-bottom: 0px !important;
	}

	.why-choose-ps {
		border-bottom: 1px solid #ebebeb;
	}

	.hire-flutter {
		border-bottom: 1px solid #ebebeb;
	}

	.technology-stack {
		border-bottom: 1px solid #ebebeb;
	}

	.devops-service {
		border-bottom: 1px solid #ebebeb;
	}

	h2 {
		font-size: 35px !important;
	}

	p {
		line-height: 36px !important;
	}

	.footer-info .logo img {
		display: none;
	}

	section {
		padding: 30px 10px !important;
	}

	.dev-pro-txt p {
		line-height: 36px;
	}

	.min-ht p {
		min-height: 0px !important;
	}

	.why-choose {
		min-height: 0px !important;
	}

	.hire-flutter .service-box {
		padding: 0px !important;
		margin-top: 20px !important;
		border: none !important;
		margin-bottom: 0px !important;
	}

	.why-choose-ps .service-box {
		padding: 0px !important;
		margin-top: 20px !important;
		border: none !important;
		margin-bottom: 0px !important;
	}

	.devops-service .service-box {
		padding: 0px !important;
		margin-top: 20px;
		border: none;
		margin-bottom: 0px;
	}

	.faq-pic {
		display: none;
	}

	.faq-pic img {
		margin-top: 0px !important;
		margin-bottom: 20px !important;
	}

	.qursm {
		flex-direction: column !important;
	}

	.qursm input {
		width: 100% !important;
		margin: 10px 0px !important;
	}

	.qursm input[type="button"] {
		width: 100% !important;
		margin: 10px 0px !important;
	}

	.phone-mail p {
		border-top: none !important;
		padding-top: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

	.tech-stack {
		grid-template-columns: auto auto !important;
		grid-gap: 10px !important;
	}

	header .nav-link.dropdown-toggle::after {
		right: 5% !important;
		position: absolute;
	}

	.mobile-only {
		display: block !important;
	}

	.cta-pic img {
		width: 100% !important;
	}

	.mob-hide {
		display: none;
	}

	.social-links {
		margin-bottom: 20px;
	}

	.footer-contact p {
		font-size: 14px;
	}

	.footer-top ul li {
		font-size: 14px !important;
	}

	.footer-top {
		padding: 30px 10px 10px !important;
	}

	.service-box p {
		line-height: 36px !important;
	}

	.cpy {
		flex-direction: column;
	}

	.footer-menu ul li {
		line-height: 35px;
		font-size: 14px !important;
	}

	.copyright {
		text-align: left;
		margin-top: 25px;
		font-size: 14px !important;
	}

	.footer-top ul {
		margin-bottom: 0px !important;
		border-top: none;
		padding-top: unset;
		margin-top: unset;
	}

	.in-plus {
		margin: 5px !important;
		width: 150px;
	}

	.engage {
		display: flex;
		align-content: space-around;
		flex-wrap: wrap;
		justify-content: center;
	}

	h1 {
		font-size: 35px;
	}

	.career-img-mob {
		display: block !important;
	}

	.career-img-mob img {
		width: 100%;
		margin: 20px 0px 30px;
	}

	.career-text {
		padding-top: 0px !important;
	}

	.career-img {
		display: none;
	}

	.career-text h1 {
		font-size: 35px;
		padding-right: 50px;
	}

	.service-box img {}

	.welcome p {
		margin-bottom: 0px !important;
	}

	header a.nav-link {
		padding: 24px 0px !important;
		border-bottom: 1px solid #ebeff2;
	}

	header .contact-btn button {
		padding: 12px 30px;
		font-size: 18px;
		width: 100%;
		margin-top: 50px;
	}

	.service-box {
		padding: 20px !important;
		margin-top: 20px;
	}

	.service-sec .tab button {
		margin-left: 0px !important;
	}

	.cid-sMdiPZhbjm .img_container {

		width: 100vw !important;

	}


	.testimonial-bg {
		flex-direction: column;
	}

	.testimonial-user img {
		width: 100%;
	}

	.step img {
		width: 30%;
	}

	.process {
		background: none !important;
		flex-direction: column;
	}

	.Title h1 {
		font-size: 35px !important;
		padding: 0px 20px;
	}

	header .dropdown.mobile {
		display: block;
	}

	header .dropdown.desktop {
		display: none;
	}

	header .dropdown.mobile .dropdown-menu {
		width: auto;

		padding-right: 10px;
		border: none;
		box-shadow: unset;
		margin-top: unset !important;
	}

	header .dropdown.mobile .dropdown-menu ul {
		padding-left: 0px;
	}

	header .dropdown.mobile .dropdown-menu ul li {
		padding: 5px 5px;
		list-style-type: none;
		font-size: 18px;
	}

	header .dropdown.mobile .dropdown-menu ul li img {
		width: 20px;
		margin-right: 20px;
	}

	header .dropdown.mobile .dropdown-menu ul li a {}

	.hero .make-your-button {
		margin-bottom: 30px;
		padding-top: 25px;
	}

	.hero p {
		font-size: 18px;
	}

	.hero {
		text-align: center;
		margin-top: 80px;
	}

	.hero h1 {
		font-size: 35px;
	}

	.hero h2 {
		font-size: 24px;
	}

	.hero .hero-img img {
		width: 100%;
	}

	.welcome h1 {
		font-size: 35px !important;
	}

	.welcome p {
		font-size: 16px !important;
	}

	.explore-left {
		display: none;
	}

	.service-sec .tab {
		width: 100% !important;
	}

	.service-sec .tab button {
		width: 100% !important;
	}

	.explore {
		text-align: center;
	}

	.explore h2 {
		font-size: 35px !important;
	}

	.all-services-btn {
		justify-content: center;
		padding-left: 0px !important;
	}
	.what-make .trending-para {
		padding: 25px 0px 0px;
	}
	.qursm textarea {
		width: 100%;
	}
	.serv-over-flw {
    overflow-y: unset;
    height: auto;
}
	.serv-tech-stack {
    display: grid;
    grid-template-columns: auto auto;
}
	
}