/* --- Global style ----- */
.dual_tone span { color: #ffad00; }
.no-psuedo:after, .no-psuedo:before { display: none!important; }
.free_proposal_form { background: #fff; box-shadow: 0 3px 34px 0 #00000014; border-radius: 12px; padding: 35px 50px 40px; }
.free_proposal_form p { font-size: 15px; color: #736f6f; margin: 0; }
.p-bold { font-family: 'p-bold'!important; }
.free_proposal_form .wpforms-container .wpforms-field { padding: 10px 0!important; }
.free_proposal_form .wpforms-container .wpforms-field input { min-height: 46px; }
.free_proposal_form .free_proposal_form_submit { width: 100%!important; max-width: 250px; font-family: 'p-bold'!important; }
.free_proposal_form .wpforms-container .wpforms-field textarea { max-height: 100px; resize: none; }
.common_padding { padding: 60px 0 70px; }
.free_proposal_form .wpforms-container .wpforms-field em.wpforms-error { text-align: left; margin-top: 4px; }
.web_app_development_chicago h2 { font-size: clamp(26px, 3.6dvw, 46px); color: #1c2936; }
.web_app_development_chicago h3 { font-size: clamp(24px, 3.6dvw, 31px); color: #1c2936; }
.web_app_development_chicago h4 { font-size: clamp(22px, 3.4dvw, 26px); }
.web_app_development_chicago h2.dual_tone span { font-family: 'p-bold'; color: #ff8f08; }
/* ---- Page style ---- */
.hero_banner_wadc { background: url('/wp-content/uploads/2025/12/web_app_dev_chicago_hero.webp') center/cover no-repeat; padding: 200px 0 150px; position: relative; }
.web_app_development_chicago h1 { font-size: clamp(30px, 3.6dvw, 51px); line-height: 1.2; margin: 0 0 80px; position: relative; }
.web_app_development_chicago h1:after { content: ''; position: absolute; bottom: -30px; left: 0; width: 56%; height: 4px; background: #73a5ff; max-width: 490px; }
.hero_banner_wadc::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.19) 0, rgba(102, 102, 102, 0) 100%); }
.service_box_row .service_box { display: flex; align-items: center; gap: 24px; padding: 30px 25px; box-shadow: 0 3px 34px 0 #00000014; border-radius: 10px; }
.service_box_row .service_box .icon_side { flex: 1 0 20%; max-width: 110px; }
.service_box_row .service_box .icon_side img { margin: 0 auto; display: block; }
.service_box_row .service_box:not(:last-child) { margin: 0 0 30px; }
.service_box_row .service_box .content_side { flex: 1 0 80%; }
.service_box_row .service_box  h3 { font-family: 'p-bold'; font-size: 28px; }
.service_box_row .service_box p { font-size: 20px; line-height: 1.2; margin: 0; color: #000; }
.core_services_we_offer .full_width_colm { margin: 0 0 66px; }
.usp_zigzag .point { padding: 30px 22px 34px; border-radius: 15px; box-shadow: 0 0 17px 0 #00000021; max-width: 310px; text-align: center; }
.usp_zigzag { padding: 0 0 0 50px; }
.usp_zigzag .point:not(:last-child) { margin: 0 0 6px; }
.usp_zigzag .point:nth-child(even) { margin-left: auto; }
.usp_zigzag .point .point-heading { font-size: clamp(50px, 5dvw, 80px); line-height: 1; font-family: 'p-bold'; color: #20202b; }
.usp_zigzag .point .point-heading span { font-size: inherit; line-height: inherit; color: #ffad00; }
.usp_zigzag .point .point-text { font-size: 22px; color: #000; margin: 0; line-height: 1.3; }
.mobile_experience { background: url('/wp-content/uploads/2025/12/fountain_img-min-scaled.webp') center/cover no-repeat; position: relative; }
.mobile_experience::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #161e4c; opacity: 0.4; }
.mobile_experience .card_inner { background: #fff; border-radius: 50px; padding: 40px 20px; height: 100%; text-align: center; }
.mobile_experience .card_inner h3 { font-family: 'p-bold'; line-height: 1.3; margin: 32px 0 20px; color: #234; }
.mobile_experience .card_inner p { font-size: 16px; margin: 0; color: #000; }
.mobile_experience .card_row { margin-top: 50px; }
.domain_expertise .expertise_cards_col .img_wrapper { overflow: hidden; border-radius: 13px; }
.domain_expertise .expertise_cards_col .img_wrapper img { width: 100%; height: 100%; aspect-ratio: 550/396; object-fit: cover; }
.domain_expertise .expertise_cards_col .box_wrapper { background: #fff; border-radius: 13px; box-shadow: 0 3px 34px 0 #00000014; width: calc(100% - 70px); margin: -40px auto 0; position: relative; flex: 1 1 auto; text-align: center; padding: 25px 24px 35px; }
.domain_expertise .expertise_cards_col .card_inner { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.domain_expertise .expertise_cards_col .box_wrapper h3 { color: #000; font-family: 'p-bold'; margin: 0 0 15px; line-height: 1.3; }
.domain_expertise .expertise_cards_col .box_wrapper p { margin: 0; font-size: 16px; color: #000; }
.domain_expertise .expertise_cards_col { margin: 25px 0; }
.scattered_layout_section { background: #fafafa; }
.scattered_module { position: relative; margin: 50px 0 0; }
.scattered_module .scattered_row { display: flex; }
.scattered_module .scattered_row.first { justify-content: space-around; }
.scattered_module .scattered_row p { font-size: 16px; line-height: 1.4; margin: 0; }
.scattered_module .scattered_row .boxed { max-width: 400px; }
.scattered_module .scattered_row.second { justify-content: space-between; margin: 80px 0 50px; }
.scattered_module .scattered_row.third { justify-content: center; }
.scattered_module .scattered_center_img { position: absolute; left: 0; right: 0; margin: 0 auto; top: calc(50% - 40px); transform: translateY(-50%); max-width: 370px; }
.scattered_module .scattered_row.third .boxed { max-width: 600px; }
.business_row_stack .single{display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 3px 34px 0px #00000014; padding: 15px 0;border-radius: 13px;}
.business_row_stack .single:nth-child(even){flex-direction: row-reverse;}
.business_row_stack .single .left h3{font-size: 30px; font-family: 'p-bold'; line-height: 1.3;}
.business_row_stack .single .left p{font-size: 16px; line-height: 28px; margin: 0; }
.business_row_stack .single img{width: 100%;}
.laravel-and-full-stack{max-width: 1310px; margin: auto; background: #F8F8F8; border-radius: 16px; float: none; display: flex;}
.laravel-and-full-stack h2{font-size: 40px;}
.ecommerce_website_development_cards img{width: 100%}
.ecommerce_website_development_cards .single-card{background: #F9F9F9; border-radius: 13px; height: 100%;}
.ecommerce_website_development_cards .single-card h3{font-size: 19px; font-family: 'p-bold'; margin: 20px 0; padding: 0 15px;}
.ecommerce_website_development_cards .single-card p{font-size: 16px; padding: 0 15px 30px;}
.industry_our_web h2{font-size: 40px;}
.industry_our_web_card .single-card{border-radius: 10px;background: #fff;box-shadow: 0px 3px 34px 0px #00000014;border-left: 4px solid #06A6F3; padding: 20px;}
.industry_our_web_card .single-card h3{font-size: 25px; font-family: 'p-bold';}
.industry_our_web_card .single-card p{font-size: 16px;}
.get_the_perfect_estimate h2{font-size: 40px; text-transform: capitalize;}
.why_choose_supreme_card h3{font-size: 25px; font-family: 'p-bold'; margin-top: 15px;}
.why_choose_supreme_card p{font-size: 16px;}
.why_choose_supreme_card img{background: #06A6F3; box-shadow: 2px 3px 14px 0px #00000024; border-radius: 14px; padding: 13px; width: 70px;}
.tech_stack_card .single-card{box-shadow: 0px 0px 17px 0px #00000021; border-radius: 15px; padding: 20px;}
.tech_stack_card .single-card h3{font-size: 30px; font-family: 'p-bold'; position: relative; padding-bottom: 20px; margin-top: 15px;}
.tech_stack_card .single-card h3::after{content: ''; position: absolute; width: 80%; height: 5px; background: #06A6F3; bottom: 0; left: 10%;}
.tech_stack_card .single-card p{margin-bottom: 0;}
.our_proven_web_cards{background: url('/wp-content/uploads/2025/12/our-proven-dot-bg.png')center no-repeat; background-size: 3px 85%; background-position: top 30% center;}
.our_proven_web_cards .single-proven-card{display: flex;}
.our_proven_web_cards .single-proven-card:nth-child(even){display: flex; flex-direction: row-reverse;}
.our_proven_web_cards h3{font-size: 30px; font-family: 'p-bold';}
.our_proven_web_cards img{width: 100%;}
.number-col p{background: #FF8F08; border-radius: 50%; width: 40px; height: 40px; margin: auto; color: #fff; display: flex; justify-content: center; align-items: center;}
.our_articles_cards h3{font-size: 25px; font-family: 'p-bold'; padding: 0 15px; margin: 15px 0;}
.our_articles_cards p{padding: 0 15px; font-size: 16px; color: #000;}
.our_articles_cards img{width: 100%; height: 100%; max-height: 280px;}
.our_article_col{box-shadow: 0px 3px 34px 0px #00000014; border-radius: 13px; height: 100%}
.faq_items .accordion-item{border: none; margin-bottom: 10px;}
.faq_items .accordion-item .accordion-button{background: #F9FCFF; font-family: 'p-bold';}
.faq_items .accordion-item .accordion-button:hover{color: #000!important;}
.faq_items .accordion-button:not(.collapsed){color: #000; box-shadow: none;}
.faq_items .accordion-body{background: #F9FCFF; font-size: 16px;}
.faq_items .accordion-button::after{background: url('/wp-content/uploads/2025/12/plus-icon.svg')no-repeat center; width: 1rem; height: 1rem;}
.faq_items .accordion-button:not(.collapsed)::after{background: url('/wp-content/uploads/2025/12/minus-icon.svg')no-repeat center; transform: rotate(0deg);}
.serving_clients_img {max-height: 450px; object-fit: contain; margin-top: -130px;}
.serving_clients_inner{background: #0FA0E7; border-radius: 20px;}
.serving_clients_inner h2{font-size: 35px; font-family: 'p-bold'; color: #fff;}
.serving_clients_inner p{font-size: 16px; color: #fff;}
@media(max-width: 1023px){.scattered_module .scattered_center_img {position: initial; transform: translateY(-0%); display: flex; margin-bottom: 20px;}
	.our_articles_cards img {max-height: 125px; object-fit: cover;}
}
@media(max-width: 767px){.service_box_row .service_box .content_side {flex: 1;}
	.usp_zigzag {padding: 0;}
	.usp_zigzag .point:not(:last-child) {margin: 30px auto 20px;}
	.usp_zigzag .point:last-child {margin: 30px auto 20px;}
	.business_row_stack .single {flex-direction: column-reverse;}
	.business_row_stack .single:nth-child(even) {flex-direction: column-reverse;}
	.our_proven_web_cards .single-proven-card {flex-direction: column-reverse;}
	.our_proven_web_cards .single-proven-card:nth-child(even) {flex-direction: column-reverse;}
	.serving_clients_img {margin-top: 0;}
	.single-proven-card .num-wrap{order: 1; margin-bottom: 15px;}
	.our_proven_web_cards h3 {margin-top: 15px;}
	.our_proven_web_cards {background-position: top 15% center;}
	.business_row_stack .single .left h3 {margin-top: 12px;}
	.get_the_perfect_estimate .row{flex-direction: column-reverse;gap: 20px;}
	.free_proposal_form {padding: 35px 20px 40px;}
}