/* 1 Web app development section styles here
 		1.1 Top technologies section styles here
		1.2 Agile section responsive styles here
		1.3 mobile service agile section styles here
		1.4 faq section responsive styles here 
*/

.flex-wrap {
	flex-wrap: wrap;
}

@media all and (max-width: 1199px) {
	.other-services .services{
		flex-wrap: wrap;
	}
	.other-services .services .individual-service{
		margin-bottom: 1.5rem;
	}
	
	/* top technologies section styles here */
	.top-tech-container .individual-list .individual-tech {
		width: calc(33.33% - 1.5rem);
	}
}


@media all and (max-width: 992px){
	
	/* top technologies dropdown styles here */
	.top-tech-dropdown p {
		display: none;
	}
	.top-tech-dropdown div.wpforms-container-full {
		margin-bottom: 0;
	}
	.top-tech-dropdown div.wpforms-container-full .wpforms-form .wpforms-field {
		padding: 0;
		position: relative;
	}
	.top-tech-dropdown div.wpforms-container-full .wpforms-form input.wpforms-field-medium, .top-tech-dropdown div.wpforms-container-full .wpforms-form select.wpforms-field-medium, .top-tech-dropdown div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
		width: 100%;
		max-width: 100%;
		border: none;
		-webkit-appearance: none;
		border-radius: var(--border-radius-4);
		background-color: var(--primary-15);
		padding: 1.25rem 2.5rem 1.25rem 1rem;
		height: fit-content;
		font-size: 1rem;
		font-weight: bold;
		line-height: normal;
		letter-spacing: normal;
		color: var(--black-100);
	}
	.top-tech-dropdown div.wpforms-container-full .wpforms-form .wpforms-field::after {
		content: ' ';
		position: absolute;
		right: 0.75rem;
		top: 0;
		bottom: 0;
		margin: auto 0;
		width: 0; 
		height: 0; 
		border-radius: 0.125rem;
		border-left: 0.5rem solid transparent;
		border-right: 0.5rem solid transparent;

		border-top: 0.625rem solid var(--black-100);
	}
	.top-tech-dropdown .wpforms-submit-container {
		display: none;
	}
	
	.top-tech-container{
		display: block;
		height: auto;
		border-radius: var(--border-radius-10);
	}
	.top-tech-container .top-tech-list {
		background-color: transparent;
		padding: 1rem;
	}
	.top-tech-container .top-tech-content .individual-list .individual-tech{
		width: calc(50% - 0.75rem);
		max-width: unset;
		margin: 0.375rem;
	}
	.top-tech-container .individual-list {
		padding: 0.5rem 0.625rem 0.5rem;
	}
	
	
	
}


@media all and (max-width: 768px) {
	#web_app_dev_company, #mobile_app_dev_company {
		padding: 3rem 0 1.75rem;
	}
	.other-services {
		display : none;
	}
	#web_app_dev_company .container, #mobile_app_dev_company .container {
		display: block;
	}
	#web_app_dev_company h2, #mobile_app_dev_company h2 {
		font-size: 1.5rem;
		margin-bottom: 1.25rem;
	}
	#web_top_technologies h2 {
		margin-bottom: 1.25rem;
	}
	#web_top_technologies, #mobile_top_technologies {
		padding: 2rem 0 3rem !important;
	}
	#web_app_dev_company .container .left-section, #mobile_app_dev_company .container .left-section {
		text-align: center;
		margin-bottom: 2rem;
		padding-right: 0;
	}
	#web_app_dev_company .container .right-section, #mobile_app_dev_company .container .right-section {
		padding-left: 0;
	}
	
	#web_dev_service {
		padding: 0 1rem;
	}
	#web_dev_service .container, .mobile-service .container .dev-service {
		display: block;
		padding: 3rem 1rem!important;
	}
	.mobile-service .container .dev-service {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		margin-bottom: 0;
		padding: 2.5rem 0 0 !important;
	}
	.mobile-service .container .services-list {
		padding-bottom: 4rem;
	}
	#web_dev_service .container .service-left, .mobile-service .container .left-section{
		text-align:center;
		padding-right: 0;
	}
	#web_dev_service .container .service-left, .mobile-service .container .left-section h5 {
		font-size: 1.5rem;
	}
	
	.mobile-service .container .service-image {
		padding-left: 0;
		margin-bottom: 2.5rem !important;
	}
	#web_dev_service .container .service-right {
		padding-left: 0;
	}
	#web_dev_service .container .service-right .wp-block-buttons {
		margin-top: 2.125rem;
	}
	/* top technologies styles here */
	#web_top_technologies, #mobile_top_technologies {
		padding: 2rem 0;
	}
	#web_top_technologies .container h2, #mobile_top_technologies .container h2{
		font-size: 1.5rem;
	}
	.top-tech-container{
		display: block;
		height: auto;
		border-radius: var(--border-radius-10);
	}
	.top-tech-container .top-tech-list {
		background-color: transparent;
		padding: 1rem;
	}
	.top-tech-container .top-tech-content .individual-list .individual-tech{
		width: calc(50% - 0.75rem);
		max-width: unset;
		margin: 0.375rem;
	}
	.top-tech-container .individual-list {
		padding: 0.5rem 0.625rem 0.5rem;
	}
	
	/* top technologies dropdown styles here */
	.top-tech-dropdown p {
		display: none;
	}
	.top-tech-dropdown div.wpforms-container-full {
		margin-bottom: 0;
	}
	.top-tech-dropdown div.wpforms-container-full .wpforms-form .wpforms-field {
		padding: 0;
		position: relative;
	}
	.top-tech-dropdown div.wpforms-container-full .wpforms-form input.wpforms-field-medium, .top-tech-dropdown div.wpforms-container-full .wpforms-form select.wpforms-field-medium, .top-tech-dropdown div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
		width: 100%;
		border: none;
		-webkit-appearance: none;
		border-radius: var(--border-radius-4);
		background-color: var(--primary-15);
		padding: 1.25rem 2.5rem 1.25rem 1rem;
		height: fit-content;
		font-size: 1rem;
		font-weight: bold;
		line-height: normal;
		letter-spacing: normal;
		color: var(--black-100);
	}
	.top-tech-dropdown div.wpforms-container-full .wpforms-form .wpforms-field::after {
		content: ' ';
		position: absolute;
		right: 0.75rem;
		top: 0;
		bottom: 0;
		margin: auto 0;
		width: 0; 
		height: 0; 
		border-radius: 0.125rem;
		border-left: 0.5rem solid transparent;
		border-right: 0.5rem solid transparent;

		border-top: 0.625rem solid var(--black-100);
	}
	.top-tech-dropdown .wpforms-submit-container {
		display: none;
	}
	
	/* Agile section responsive styles here */
	.agile-section {
		margin: 0;
	}
	.agile-sections {
		display: block;
		margin-bottom: 1rem;
	}
	.agile-section .sections:first-child {
		margin: 0 0 2.5rem;
	}
	.agile-section .sections .wp-block-columns {
		justify-content: space-between;
	}
	.agile-section .individual-section.wp-block-column {
		margin: 0 !important;
	}
	
	/* faq section responsive styles here */
	.faq-content .faq-section {
		margin: 0 -0.75rem;
	}
	.faq-content .faq-section .faq {
		width: 50%;
		padding: 0.75rem;
	}
	#web_faq {
		margin-bottom: 3.5rem;
	}
	
	/* mobile service agile section styles here */
	.mobile-service {
		padding: 0;
	}
	.mobile-service .dev-service p {
		font-size: 1rem;
	}
	.mobile-service .services-list .service h4 {
		font-size: 1rem;
	}
	.enterprise-section h2 {
		font-size: 1.5rem;
		margin-top: 4rem;
	}
	.enterprise-section {
		margin-bottom: 3rem;
	}
}

@media all and (max-width: 768px) {
	
	#web_dev_service h6 {
		margin-bottom: 1rem;
	}
	#web_dev_service h5 {
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
	#web_dev_service p {
		margin-bottom: 1.5rem;
	}
	.mobile-service .container .services-list {
		padding: 2.25rem 0 1.5rem;
	}
	.mobile-service .container .services-list .mobile-service {
		margin: 0 0 0.75rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.mobile-service .services-list .mobile-service {
		margin: 0 0 0.75rem !important;
		padding: 1.25rem 1rem;
	}
	.mobile-service .services-list .wp-block-columns {
		margin: 0;
		display: block;
	}
	
	.enterprise-list .wp-block-image img {
		margin-right: 0.35rem;
	}
	
	/* Agile section responsive styles here */
	.agile-section h2 {
		margin: 0;
		font-size: 1.5rem;
	}
	.agile-section .individual-section h5 {
		margin: 0.75rem 0 0.5rem;
	}
	.agile-section .sections:first-child {
		margin: 0;
	}
	.agile-section .individual-section.wp-block-column, .agile-section .individual-section.wp-block-column:last-child {
		margin-top: 2rem !important;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	/* faq section responsive styles here */
	.faq-content .faq-section {
		margin: 0;
	}
	.faq-content .faq-section .faq {
		width: 100%;
		padding: 0.625rem 0;
	}
	.faq-content h2 {
		font-size: 1.5rem;
		margin-bottom: 0.875rem;
	}
}

@media all and (max-width: 640px) {
	.mobile-service .services-list .mobile-service h4 {
		font-size: 1rem;
		margin-bottom: 0.5rem;
	}
}