@media screen and (min-width:1921px) {
    .case_investment_banner {
        max-height: 991px
    }
}

@media screen and (max-width:1920px) {
    .why_choose_army_section .container {
        max-width: 1798px;
        padding: 0;
        margin-right: 0
    }
}

@media screen and (max-width:1900px) {
    .why_choose_army_top .why_choose_army_left {
        margin-right: 40px
    }

    .why_choose_army_section .container {
        max-width: 100%;
        padding-left: 10rem
    }

    .fitai_application_section .fitai_left {
        padding: 5rem 5rem 5rem 24.6rem;
        width: 85rem
    }

    .case_likeus_banner .case_studies_main .case_studies_img {
        margin-right: -11.08%
    }
}

@media screen and (max-width:1800px) {
    .advantage_right_small_img {
        margin: -9.6rem 0 0 -7.5rem
    }

    .advantage_main {
        gap: 7rem
    }

    .advantage_content {
        width: 31%
    }

    .case_studies_content {
        width: 58%
    }

    .case_studies_img {
        margin-right: 0;
    }

    .fitai_application_section .fitai_left {
        padding: 5rem 5rem 5rem 18.6rem;
        width: 80rem
    }

    .case_likeus_banner .case_studies_main .case_studies_img {
        margin-right: -7%
    }
	
  /* new media */
	
	.zojo_banner .case_studies_content {
		width: 59%;
	}
}

@media screen and (max-width:1700px) {
    .why_choose_army_section .container {
        padding-left: 6rem
    }

    .why_choose_army_top {
        gap: 8rem
    }

    .why_choose_army_top .why_choose_army_left img {
        width: 100%
    }

    .why_choose_army_top .why_choose_army_left {
        margin-right: 0
    }

    .why_choose_army_right .image-3 {
        max-width: 285px
    }

    .process_btm {
        height: 235vh
    }

    .fitai_application_section .fitai_left {
        padding: 5rem 5rem 5rem 13.6rem;
        width: 73rem
    }

    .fitai_flow_section .fitai_flow_img {
        padding-right: 5rem
    }

    .case_likeus_banner .case_studies_main .case_studies_img {
        margin-right: -3%
    }

    .moonrise_center {
        left: 21.5%
    }

	.design_popup_main {
		max-height: 80vh;
	}
}

@media screen and (max-width:1600px) {
    .big_pad_both {
        padding: 12rem 0 15rem
    }

    .why_choose_army_center_heading .title_h2 {
        text-align: center
    }

    .why_choose_army_right {
        width: 30%
    }

    .why_choose_army_right .image-3 {
        max-width: 235px;
        margin-left: -50px
    }

    .case_studies_content {
        width: 50%
    }

    /* .case_studies_img {
        margin-right: -10%
    } */

    .case_studies_main {
        gap: 5rem
    }

    .fitai_application_section .fitai_left {
        padding: 5rem 5rem 5rem 5.5rem;
        width: 73rem
    }

    .fitai_typography_section {
        padding-top: 12rem
    }

    .case_likeus_banner .case_studies_main .case_studies_img {
        margin-right: 3rem;
        margin-top: -2.2%
    }

    .case_likeus_banner {
        padding-top: 12rem;
        padding-bottom: 5%
    }

    .case_likeus_banner .case_studies_main {
        gap: 5rem
    }

    .imed_banner {
        min-height: 750px
    }

    .investment_colors_section .case_cmn_img {
        margin-right: -20%
    }

    .imed_product .case_cmn_img {
        margin-right: -15%
    }

    .investment_colors_section .case_cmn_img {
        margin-right: -20%
    }

    .case_garage_banner {
        aspect-ratio: 1920/1010
    }

    .moonrise_banner::after {
        left: -93px
    }

    .moonrise_center {
        left: 17.1%
    }
}

@media screen and (max-width:1440px) {
    :root {
        --18-regular-font-size: 1.7rem
    }

    .big_pad_both {
        padding: 12rem 0
    }

    .why_choose_army_top {
        gap: 7rem
    }

    .why_choose_army_top .why_choose_army_left img {
        width: 100%
    }

    .why_choose_army_section .container {
        padding-left: 5rem
    }

    .why_choose_army_right .image-2 {
        width: 100%
    }

    .why_choose_army_right .image-3 {
        max-width: 240px;
        top: 200px;
        right: 205px
    }

    .health_tech_feature_adoption_btm {
        width: 97%
    }

    .process_btm {
        height: 250vh
    }

    .cmn_banner {
        padding-top: 21rem !important
    }

    .cmn_pad {
        padding: 10rem 0
    }

    .cmn_banner_description {
        padding: 2rem 0
    }

    .about_banner_main,
    .cmn_banner_title,
    .cmn_service_description,
    .focus_row,
    .leader_title,
    .our_core_title {
        margin-bottom: 5rem
    }

    .cmn_service_title {
        padding-bottom: 2rem
    }

    .faq_box {
        padding: 2.4rem 0
    }

    .proven_main_description {
        padding: 1.6rem 0 2.4rem
    }

    .proven_step {
        margin-bottom: 4rem
    }

    .faq_content {
        width: 90%
    }

    .advantage_main {
        gap: 5rem
    }

    .advantage_content {
        width: 35%
    }

    .advantage_right_small_img {
        margin: -6.5rem 0 0 -6.5rem
    }

    .focus_counter_box {
        padding: 2rem
    }

    .focus_counter {
        gap: 2rem
    }

    .contact_main .contact_left {
        width: 46rem
    }

    .health_tech_feature_adoption_btm img {
        width: 50%
    }

    .footer_left {
        width: 45.6rem
    }

    .fitai_application_section .fitai_left {
        width: 66rem
    }

    .fitai_application_section {
        aspect-ratio: 1920/1000
    }

    .fitai_application_section .fitai_bg_img {
        max-width: 57%
    }

    .fitai_logo {
        max-width: 25rem
    }

    .fitai_persona_main .fitai_persona_right .persona_box {
        min-height: unset
    }

    .myroomize_last:after {
        bottom: 10rem
    }

    .likeus_persona_img {
        height: 100%
    }

    .likeus_design_btm .likeus_persona_img img {
        height: 100%;
        object-fit: cover
    }

    .imed_journey_main {
        padding: 7rem 10rem
    }

    .investment_box_label::after {
        margin-left: 3.5rem
    }

    .casestudy_paws_banner .case_studies_main {
        gap: 11rem
    }

    .casestudy_paws_banner .case_studies_main .case_studies_content {
        width: 44%
    }

    .orange_overview {
        padding-top: 13rem
    }

    .orange_overview_main:before {
        width: 41rem;
        left: 0;
        height: 33rem
    }

    .orange_overview_main .orange_overview_left {
        width: 34%
    }

    .orange_overview_main .orange_overview_right {
        max-width: 68rem
    }

    .about_project_card {
        width: 21.742%
    }

    .moonrise_left img {
        width: 73%
    }

    .moonrise_left {
        width: 47%
    }

    .moonrise_center {
        left: 11%
    }

    .mmonrise_design_box {
        width: 31%
    }

    .solution_main_otr .solution_main_right .title_h3 {
        padding-top: 2rem;
    }
	
  /* new media */
	
	.zojo_banner .case_studies_content .case_studies_top {
		flex-wrap: wrap;
	}
}

@media screen and (max-width:1400px) {
    .fitai_feature_box::after {
        display: none;
    }
    .blog_details_title h1 br {
        display: none;
    }
}

@media screen and (max-width:1300px) {
    :root {
        --18-regular-font-size: 1.6rem
    }

    .pad_both {
        padding: 10rem 0
    }

    .pad_top {
        padding: 10rem 0 0 0
    }

    html {
        font-size: 58%
    }

    .hero_banner_main {
        padding-top: 20rem;
        gap: var(--spacing-spacing-900, 8rem);
        padding-bottom: 10rem
    }

    .health_tech_feature_adoption_btm {
        width: 100%
    }

    .design_capabilities_heading_content {
        width: 54.9rem
    }

    .design_capabilities_cards .design_cmn_box {
        padding: 2.5rem
    }

    .labels {
        gap: 1.2rem
    }

    .design_cmn_box .design_cmn_inr_btns {
        padding: var(--spacing-spacing, .6rem) var(--spacing-spacing-300, 1.4rem) var(--spacing-spacing, .6rem) var(--spacing-spacing-300, 1.4rem)
    }

    .featured_projects_heading_row_content {
        width: 55.9rem
    }

    .health_tech_feature_adoption_btm img {
        width: 48%
    }

    .cta_left_content {
        width: 62rem
    }

    .footer_left {
        width: 46.6rem
    }

    .our_proven_card {
        padding: 2.5rem
    }

    .why_choose_army_top {
        gap: 4rem
    }

    .navigation li a {
        font-size: 17px
    }

    .why_choose_army_center_heading p {
        max-width: 52rem
    }

    .why_choose_army_right .image-3 {
        max-width: 170px
    }

    .footer_logo {
        max-width: 220px
    }

    .footer_logo img {
        width: 100%
    }

    .process_btm_box .process_btm_left {
        width: 54rem
    }

    .process_btm {
        height: 246vh
    }

    .health_tech_feature_adoption_top .health_tech_feature_adoption_top_right .image_large {
        width: 265px
    }

    .health_tech_feature_adoption_top .fintech_health_right .feature_img_large {
        width: 190px
    }

    .health_tech_feature_adoption_top .health_tech_feature_adoption_top_left {
        width: 44.779%
    }

    .growth .fintech_health_right {
        max-width: 63.9rem
    }

    .health_tech_feature_adoption_top {
        gap: 2rem
    }

    .innovative .fintech_adoption_top .fintech_health_right {
        grid-template-columns: 61% 28%
    }

    .pharmatech .health_tech_feature_adoption_top_right {
        grid-template-columns: 54% 42%
    }

    .pharmatech .health_tech_feature_adoption_top_right .image_large {
        width: max-content
    }

    .autocare .fintech_adoption_top .fintech_health_right {
        max-width: 55.1rem;
        grid-template-columns: 46% 54%;
        align-items: stretch
    }

    .footer_left {
        width: 45.6rem
    }

    .footer_right {
        gap: 4rem
    }

    .footer {
        padding: 10rem 0 4rem
    }

    .case_cmn_content {
        padding-bottom: 6rem
    }

    .fitai_features_main .fitai_feature_img {
        max-width: 46.7rem
    }

    .fitai_typography_section {
        padding-top: 10rem
    }

    .big_pad_both {
        padding: 10rem 0
    }

    .case_roomize_banner .case_studies_img {
        margin-right: -16%
    }

    .goal_member_content p::before {
        width: 2.2rem;
        height: 2.2rem;
        top: 4px
    }

    .likeus_design_persona_info .likeus_design_info {
        width: 89%
    }

    .likeus_design_btm .likeus_persona_goals_orange .title_h2 {
        padding-top: 2rem
    }

    .likeus_design_btm .likeus_persona_goals_orange:before {
        width: 10rem;
        height: 10rem;
        background-size: 100%
    }

    .likeus_design_btm .likeus_persona_goals {
        padding: 5rem
    }

    .likeus_design_btm .likeus_persona_goals {
        border-radius: 0 60px
    }

    .likeus_design_btm .likeus_persona_goals:last-child {
        border-radius: 60px 0
    }

    .likeus_design_btm .likeus_persona_goals_orange {
        border-radius: 0 60px
    }

    .casestudy_paws_banner .case_studies_img {
        max-width: 45rem;
        margin: 0 auto
    }

    .casestudy_paws_banner .case_studies_content .case_studies_logo {
        max-width: 35rem
    }

    .design_fonts {
        margin-top: 10rem
    }

    .explore_products_btm .explore_products_left {
        width: 43.4%
    }

    .explore_products_btm .explore_products_right {
        flex: 1;
        max-width: 48rem
    }

    .design_work_last {
        margin-bottom: 10rem
    }

    .result_work_main_btm .result_work_main_left .result_work_left_box img {
        max-width: 20rem
    }

    .result_right_title {
        font-size: 5.5rem
    }

    .result_work_main_btm .result_work_center .number_text {
        font-size: 6.5rem
    }

    .investment_box_label::after {
        margin-left: 2.5rem
    }

    .orange_overview {
        padding-top: 10rem
    }

    .case_garage_banner {
        padding-bottom: 8rem;
        aspect-ratio: 1920/1150
    }

    .design_guideline_btm {
        margin-top: 6rem;
        gap: 6rem
    }

    .challange_btm {
        margin-top: 6rem
    }

    .user_info_section .cmn_orange_title {
        margin-bottom: 6rem
    }

    .case_investment_banner {
        aspect-ratio: unset
    }

    .moonrise_center {
        left: 7%
    }

    .about_project_description {
        max-width: 480px
    }


    .latest_blog_otr_main {
        padding: 10rem 0;
    }
    
    .latest_blogs {
        padding-bottom: 92px;
    }
    
    .blog_list_section .title_h3 {
        padding-bottom: 40px;
    }
}

@media screen and (max-width:1200px) {
    .container {
        padding: 0 4rem
    }

    :root {
        --paragraph-2-font-size: 1.6rem
    }

    .header_right .sub-menu {
        top: 61px
    }

    .design_capabilities_cards .design_cmn_box {
        padding: 2rem
    }

    .design_capabilities_cards {
        gap: 20px
    }

    .labels {
        gap: 1rem
    }

    .health_tech_feature_adoption_top .health_tech_feature_adoption_top_left {
        width: 100%;
        gap: 18px
    }

    .health_tech_feature_adoption_top .health_tech_feature_adoption_top_right {
        max-width: 60%;
        margin: 0 auto
    }

    .health_tech_feature_adoption_top {
        flex-direction: column;
        gap: 30px
    }

    .health_tech_feature_adoption {
        gap: 4rem;
        height: 82rem
    }

    .why_choose_army_top {
        gap: 2rem
    }

    .why_choose_army_center_heading p {
        max-width: 37rem
    }

    .why_choose_army_right {
        width: 28%
    }

    .why_choose_army_center_heading {
        max-width: 430px
    }

    .why_choose_army_right .image-3 {
        max-width: 150px;
        margin-left: -40px
    }

    .our_proven_card {
        padding: 2rem
    }

    .cta_left_content {
        width: 56rem
    }

    .footer_left_copyright {
        flex-wrap: wrap;
        row-gap: 15px
    }

    .footer_left_copyright a {
        margin-left: .8rem;
        padding-left: 0.8rem
    }

    .footer_menu {
        gap: 2rem
    }

    .footer_right {
        gap: 2rem
    }

    .our_proven_cards {
        gap: 2rem
    }

    .process_btm_box {
        top: 140px
    }

    .process_btm_left_heading {
        gap: 2rem
    }

    .process_btm_box .process_btm_left {
        width: 39rem
    }

    .process_btm_box:nth-child(2) {
        top: 210px
    }

    .process_btm_box:nth-child(3) {
        top: 280px
    }

    .about_banner_main {
        flex-direction: column
    }

    .about_banner_title {
        width: 100%
    }

    .advantage_main {
        gap: 3rem
    }

    .advantage_content {
        width: 40%
    }

    .advantage_right_small_img {
        width: 60%;
        margin: -5rem 0 0 -5rem
    }

    .focus_counter,
    .leader_otr {
        grid-template-columns: repeat(3, 1fr)
    }

    .contact_main {
        flex-direction: column
    }

    .contact_main .contact_left {
        width: 100%
    }

    .forminator-ui.forminator-custom-form[data-design=default] .forminator-error-message {
        line-height: normal
    }

    .cmn_banner {
        padding-top: 18rem !important
    }

    .growth .fintech_health_right {
        max-width: 69%
    }

    .footer_menu li {
        min-width: 123px
    }

    .footer_left {
        width: 38.6rem
    }

    .case_studies_img {
        margin: 0 auto;
        width: 60%
    }

    .case_studies_main {
        gap: 5rem;
        flex-direction: column;
        align-items: unset
    }

    .case_studies_content {
        width: 100%
    }

    .case_cmn_content,
    .case_project_main {
        padding-bottom: 6rem
    }

    .case_project_main {
        flex-direction: column
    }

    .case_project_left {
        width: 100%
    }

    .case_project_left {
        width: 100%
    }

    .case_agency_left {
        gap: 2.6rem;
        flex-direction: row;
        width: 30%;
        justify-content: space-between
    }

    .case_project_right {
        width: 100%;
        gap: 5rem
    }

    .case_agency_right .case_agency {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2.7rem
    }

    .case_agency_right .case_agency p {
        width: 100%
    }

    .case_studies_banner .container {
        padding: 0 4rem
    }

    .case_roomize_banner .case_studies_content {
        width: 100%
    }

    .case_roomize_banner .case_studies_img {
        margin: 0 auto
    }

    .fitai_logo {
        max-width: 20rem
    }

    .fitai_banner .fitai_main .fitai_content {
        max-width: 56rem
    }

    .fitai_project_main {
        margin-top: 6rem;
        gap: 4rem
    }

    .fitai_design_main .fitai_design_description {
        max-width: 56rem
    }

    .fitai_design_cards,
    .fitai_persona_main {
        margin-top: 7rem
    }

    .fitai_persona_main .fitai_persona_right {
        grid-template-columns: repeat(1, 1fr)
    }

    .persona_right_detail {
        grid-column: unset
    }

    .fitai_application_section {
        aspect-ratio: 1920/1100
    }

    .fitai_application_section .fitai_left {
        padding: 5rem 5rem 5rem 4rem;
        gap: 2rem;
        width: 60%
    }

    .fitai_features_main {
        flex-wrap: wrap;
        gap: 3rem;
        flex-direction: unset;
    }

    .fitai_features_main .fitai_feature_img {
        max-width: 50%;
        width: 100% !important;
        position: relative;
        inset: 0;
        transform: unset;
        margin: 0 auto;
        display: block !important;
        order: -1;
    }

    .fitai_features_main .fitai_feature_box {
        max-width: unset;
        width: 48%;
    }

    .fitai_features_main .fitai_feature_box:nth-child(odd) {
        margin: unset;
    }

    .fitai_features_main,
    .fitai_flow_section .fitai_flow_img,
    .fitai_full_img,
    .fitai_typography_img {
        margin-top: 6rem
    }

    .case_agency .title_h4:not(:last-child) {
        padding: 0;
        position: relative
    }

    .case_agency .title_h4:not(:last-child)::after {
        content: '';
        position: absolute;
        background: #000;
        width: 11px;
        height: 2px;
        top: 50%;
        transform: translateY(-50%);
        right: -17px
    }

    .case_likeus_banner .case_studies_content {
        width: 100%
    }

    .case_likeus_banner .case_studies_main .case_studies_img {
        margin: 0 auto;
        max-width: 60%
    }

    .likeus_about_top .likeus_about_right {
        max-width: 46rem
    }

    .likeus_design_persona_info .likeus_design_info {
        width: 87%
    }

    .likeus_design_main .likeus_persona_last_img {
        margin-top: 10rem
    }

    .likeus_design_top .likeus_cmn_description {
        max-width: 48rem
    }

    .likeus_alternet_last_img {
        margin-top: 10rem
    }

    .case_likeus_banner .case_studies_content .title_h1 span {
        display: block
    }

    .imed_process_box:nth-child(2),
    .imed_process_box:nth-child(3) {
        margin: 0
    }

    .imed_process_otr {
        gap: 2rem;
        align-items: stretch;
        margin-top: 6rem
    }

    .imed_process_box {
        padding: 2.6rem
    }

    .imed_banner .case_studies_img {
        width: 100%
    }

    .imed_banner .case_studies_content {
        width: 100%
    }

    .imed_banner {
        min-height: unset;
        aspect-ratio: 16/9;
        position: relative
    }

    .imed_banner::after {
        content: '';
        position: absolute;
        background: #01020794;
        inset: 0
    }

    .casestudy_paws_banner .case_studies_main .case_studies_content {
        width: 100%
    }

    .paws_banner_btm_top {
        margin: 9rem 0 9rem
    }

    .paws_banner_btm_top .paws_banner_btm_top_left {
        width: 36%
    }

    .solution_main_otr .solution_main_right .title_h3 {
        line-height: 4.8rem
    }

    .design_wireframe {
        aspect-ratio: 1920/1322
    }

    .explore_products_btm .explore_products_left {
        width: 50.5%
    }

    .design_userflow_top p {
        max-width: 50rem
    }

    .result_work_main_btm .result_work_main_left .result_work_left_box {
        padding: 4rem
    }

    .result_work_main_btm .result_work_center {
        padding: 2.5rem 3.5rem
    }

    .result_work_main_btm .result_work_center .number_text {
        font-size: 6rem
    }

    .result_work_main_btm .result_work_right {
        gap: 6rem
    }

    .result_right_title {
        font-size: 4.2rem
    }

    .investment_box_label::after {
        margin-left: 2rem;
        width: 100px
    }

    .case_garage_banner .case_studies_img {
        width: 100%
    }

    .case_garage_banner .case_studies_content {
        width: 85%
    }

    .orange_overview_main .orange_overview_right {
        max-width: 58rem
    }

    .challange_btm {
        margin-top: 4rem
    }

    .user_info_section .cmn_orange_title {
        margin-bottom: 4rem
    }

    .user_info_top_left {
        width: 36%
    }

    .user_info_top_right .user_info_right_btn {
        padding: 1.1rem 2rem;
        font-size: 1.4rem
    }

    .design_guideline_top .cmn_orange_title {
        width: 37%
    }

    .design_guideline_top p {
        max-width: 54rem
    }

    .case_investment_banner::after {
        content: '';
        position: absolute;
        background: #00000091;
        inset: 0
    }

    .case_investment_banner .case_studies_content {
        width: 100%
    }

    .case_investment_banner .case_studies_btn p {
        color: #fff
    }

    .case_investment_banner .case_studies_btn {
        border: 1px solid rgba(0, 132, 205);
        background: rgba(0, 132, 205, .6)
    }

    .case_investment_banner .case_studies_description p,
    .case_investment_banner .case_studies_title .title_h1 {
        color: #fff
    }

    .moonrise_banner .case_studies_content {
        width: 100%
    }

    .moonrise_banner .case_studies_img {
        width: 80%;
        margin-top: -13%
    }

    .moonrise_banner::after {
        display: none
    }

    .moonrise_left {
        width: 40%
    }

    .moonrise_center {
        left: -8%
    }

    .moonrise_user_inner_top {
        margin: 7rem 0 0 -13rem
    }

    .moonrise_user_img {
        width: 37.467%
    }

    .moonrise_user_content {
        gap: 5rem
    }

    .moonrise_user_main {
        gap: 3rem
    }
	.design_popup_main {
		max-height: 80vh;
		max-width: unset;
		width: 85%;
	}

	.design_popup_content {
		padding: 30px;
	}

	.design_popup_form form input {
		padding: 18px 22px !important;
	}

	.design_popup_form form {
		gap: 22px;
	}

	.design_popup_row {
		align-items: unset;
	}


/* Blog Detail */

    .blog_detail_inner_content {
        max-width: 100%;
        gap: 50px;
    }
    .blog_detail_content_main{
        gap:50px;
    }
    .blog_content_box {
        gap: 30px;
    }

    .our_blogs {
        grid-template-columns: repeat(2, 1fr);
    }
    .bolg_list_content p:last-child {font-size: 18px;line-height: 28px;}

    .bolg_list_content .blog_date {
        font-size: 20px !important;
    }
	
    /* new media */
	
	.zojo_banner .case_studies_content {
		width: 100%;
	}

}

@media screen and (max-width:1024px) {
    .mobileIcon {
        display: block
    }

    .mobileIcon {
        height: auto;
        cursor: pointer;
        z-index: 99999;
        position: relative;
        display: flex;
        align-items: center;
        min-width: 30px;
        padding: 8px
    }

    .mobileIcon span {
        width: 55px;
        height: 7px;
        border-radius: 0;
        display: inline-block;
        background: #000;
        position: relative;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s
    }

    .mobileIcon span:before {
        position: absolute;
        content: "";
        width: 54px;
        height: 7px;
        border-radius: 0;
        background: #000;
        top: -12px;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s
    }

    .mobileIcon span:after {
        position: absolute;
        content: "";
        width: 54px;
        height: 7px;
        border-radius: 0;
        background: #000;
        bottom: -8px;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s
    }

    .menu-open .mobileIcon span {
        background: #fff0
    }

    .menu-open .mobileIcon span:before {
        transform: rotate(45deg);
        top: -1px;
        background: #000;
        height: 2px
    }

    .menu-open .mobileIcon span:after {
        transform: rotate(-45deg);
        top: -1px;
        background: #000;
        height: 2px
    }

    .mobileIcon span:before {
        width: 25px;
        height: 2px;
        border-radius: 3px;
        background: #000;
        left: 0;
        top: -8px
    }

    .mobileIcon span,
    .mobileIcon span:after {
        width: 25px;
        height: 2px;
        border-radius: 3px;
        background: #000;
        left: 0
    }

    .right_menu {
        position: fixed;
        top: 0;
        right: auto;
        left: 0;
        bottom: 0;
        z-index: 999;
        width: 100%;
        transition: transform .3s ease, opacity .3s ease;
        transform: translate3d(-100%, 0, 0);
        transition: transform .3s ease, opacity .3s ease;
        padding: 50px 30px 30px;
        box-shadow: 0 10px 10px 0 rgb(0 0 0 / 23%);
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
        max-width: 100%;
        border-radius: 0;
        background: #fff;
        gap: 30px
    }

    .menu-open .header_links {
        flex-direction: column
    }

    .menu-open .header_left {
        position: relative;
        z-index: 9999
    }

    .menu-open .right_menu {
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        backface-visibility: hidden;
        transition: transform .3s ease, opacity .3s ease;
        display: flex;
        overflow: auto;
        flex-direction: column;
        justify-content: center
    }

    .menu-open {
        overflow: hidden
    }

    .menu-open ul.header_menu {
        justify-content: center;
        flex-direction: column;
        padding-top: 40px;
        gap: 0;
        width: 100%
    }

    .menu-open .right_menu_btn {
        justify-content: center;
        padding-top: 30px
    }

    .menu-open .header_logo {
        position: relative;
        z-index: 9999;
        justify-content: flex-start
    }

    .navigation {
        flex-direction: column;
        gap: 4rem;
        width: 100%;
        align-items: flex-start
    }

    .navigation li a {
        font-size: 22px;
        padding: 0;
        width: 100% !important;
        display: block;
        text-align: left
    }

    .navigation li.menu-item-has-children>a {
        margin-right: auto;
        width: max-content !important
    }

    .button {
        height: auto;
        padding: 1.2rem 1.8rem 1.2rem .9rem
    }

    .button_text {
        font-size: 16px
    }

    .button_arrow {
        width: 32px;
        height: 32px
    }

    html {
        font-size: 50%
    }

    .hero_banner_main {
        padding-top: 18rem;
        gap: 6rem;
        padding-bottom: 8rem
    }

    .design_capabilities_heading_content_row {
        flex-direction: column;
        gap: 2rem
    }

    .design_capabilities_heading_content_row .title_h2 br {
        display: none
    }

    .design_capabilities_heading_content {
        width: 100%
    }

    .design_capabilities {
        gap: 5rem
    }

    .icon {
        height: 6rem
    }

    .featured_projects_heading_row {
        flex-direction: column;
        gap: 2rem
    }

    .featured_projects_heading_row_content {
        width: 100%
    }

    .featured_projects_otr {
        gap: 5rem
    }

    .health_tech_feature_adoption {
        padding: 4rem;
        height: auto
    }

    .health_tech_feature_adoption_btm {
        gap: 30px
    }

    .why_choose_army_top {
        flex-direction: column-reverse;
        height: 100%;
        gap: 4rem;
        margin-bottom: 9rem
    }

    .why_choose_army_top .why_choose_army_left {
        width: 70%;
        order: 1;
        top: 0;
        position: relative;
        padding-top: 55%;
        display: none
    }

    .why_choose_army_right {
        width: 70%;
        right: 0;
        margin-top: 0
    }

    .why_choose_army_center {
        flex-shrink: unset;
        width: 100%;
        align-items: flex-start;
        top: 0
    }

    .why_choose_army_right .image-2 {
        border-radius: 20px
    }

    .why_choose_army_right .image-3 {
        top: 240px;
        right: auto;
        left: -80px
    }

    .why_choose_army_center_heading .title_h2 {
        text-align: left
    }

    .why_choose_army_center_heading {
        align-items: flex-start;
        max-width: 100%
    }

    .why_choose_army_right .image-3 {
        display: none
    }

    .why_choose_army_right .image-2 {
        margin: 0
    }

    .why_choose_army_section .container {
        max-width: 1428px;
        margin: 0 auto;
        width: 100%;
        padding: 0 4rem
    }

    .why_choose_army_center_heading p {
        max-width: 100%;
        text-align: left
    }

    .why_choose_army_top .why_choose_army_left img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 15px
    }

    .footer_logo {
        max-width: 170px
    }

    .footer_left_top {
        gap: 2rem
    }

    .footer_left {
        width: 100%
    }

    .footer_menu_list li a {
        font-size: 16px
    }

    .footer_right_links ul li a {
        font-size: 16px
    }

    .footer_right {
        max-width: 100%
    }

    .footer_left_copyright {
        display: none
    }

    .footer_left_copyright {
        display: none
    }

    .mobile_copyright_text {
        display: flex;
        justify-content: center
    }

    .mobile_copyright_text .footer_left_copyright {
        display: flex
    }

    .process_top {
        padding-bottom: 8rem
    }

    .process_right_box_btm .process_list p::before {
        top: 3px
    }

    .process_btm {
        height: 200vh
    }

    .process_btm_box:nth-child(2) {
        top: 200px
    }

    .process_btm_box:nth-child(3) {
        top: 260px
    }

    .cmn_pad,
    .cmn_pad.investment_new_cmn {
        padding: 8rem 0
    }

    .who_its_description p::before {
        top: 5px
    }

    .who_its_description p::before {
        top: 5px
    }

    .get_otr {
        gap: 2.6rem
    }

    .advantage_main {
        flex-direction: column;
        padding: 0 4rem 6.5rem
    }

    .advantage_content {
        width: 100%;
        order: -1
    }

    .advantage_left_image img,
    .advantage_right_image img {
        border-radius: 1.6rem
    }

    .advantage_image {
        flex: unset;
        width: 70%;
        margin: 0 auto
    }

    .advantage_right_small_img {
        display: none
    }

    .header_right .sub-menu {
        display: none;
        padding: 30px 0 0 0;
        transform: unset !important;
        width: 100%;
        visibility: visible;
        min-width: 400px;
        position: relative;
        box-shadow: unset;
        top: 0;
        transition: unset
    }

    .navigation li.menu-item-has-children.active>.sub-menu {
        display: flex;
        opacity: 1
    }

    .navigation li:hover .sub-menu::after {
        display: none
    }

    .header_right .sub-menu li {
        transform: translateY(0) !important
    }

    .navigation li.menu-item-has-children {
        flex-wrap: wrap;
        width: 100%;
        align-items: flex-start;
        justify-content: space-between
    }

    .navigation li {
        width: 100%
    }

    .header_right .sub-menu li a {
        font-size: 20px
    }

    .industries_crousel_item {
        margin: 0 40px
    }

    .drop_menu_open .black_bg {
        display: none;
        opacity: 0;
        visibility: hidden
    }

    .nutrition .health_tech_feature_adoption_top .health_tech_feature_adoption_top_right {
        max-width: 63%
    }

    .growth .fintech_health_right {
        max-width: 77%
    }

    .advantage_right_image {
        display: none
    }

    .advantage_section.cmn_pad {
        padding-top: 0 !important
    }

    .header:after {
        content: "";
        border-style: dashed;
        border-color: var(--opacity-black-opacity-40, rgba(0, 0, 0, .4));
        border-width: 0 0 .05rem 0;
        position: absolute;
        width: 100%;
        height: 1px;
        bottom: -2px;
        left: 0;
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        transition: all .3s linear;
        width: 0
    }

    .menu-open .header::after {
        opacity: 1;
        visibility: visible;
        width: 100%
    }

    .footer_main {
        flex-direction: column;
        gap: 4rem
    }

    .footer_left_copyright p {
        font-size: 16px
    }

    .header_right .sub-menu:after {
        display: none
    }

    .navigation li.menu-item-has-children.active p {
        transform: rotate(180deg)
    }

    .title_h1,
    h1 {
        font-size: 5.6rem
    }

    .health_tech_feature_adoption_top .health_tech_feature_adoption_top_right {
        display: none
    }

    .header_right .menu-item-has-children p {
        width: 30px
    }

    .cmn_pad.myroomize_last {
        padding-bottom: 8rem;
    }


    .myroomize_last:after {
        bottom: 8rem
    }

    .fitai_banner {
        aspect-ratio: 1920/1250
    }

    .fitai_design_cards {
        grid-template-columns: repeat(3, 1fr)
    }

    .likeus_design_btm .likeus_persona_goals {
        padding: 4rem
    }

    .likeus_design_btm .likeus_persona_goals p:before {
        width: 28px;
        height: 28px
    }

    .likeus_design_persona_info .likeus_design_info {
        width: 85%;
        border-radius: 3rem 0 8rem 0
    }

    .case_likeus_banner .case_studies_content .title_h1 span:after {
        width: 37rem
    }

    .imed_journey_main {
        padding: 6rem 8rem
    }

    .imed_research {
        position: relative;
        min-height: unset;
        aspect-ratio: 16/9
    }

    .imed_research::after {
        content: '';
        position: absolute;
        background: #0c0c0c70;
        inset: 0
    }

    .research_main {
        width: 100%;
        position: relative;
        z-index: 2
    }

    .imed_journey_description {
        padding: 2.4rem 0 4.6rem
    }

    .case_cmn_content {
        flex-direction: column
    }

    .case_cmn_description {
        width: 100%
    }

    .investment_colors_section .case_cmn_img {
        margin-right: -10%
    }

    .investment_colors_section .case_cmn_img img {
        border-radius: 0
    }

    .imed_goal_name {
        padding: 3rem
    }

    .imed_product .case_cmn_img {
        margin-right: -10%
    }

    .investment_project_main {
        flex-direction: column;
        gap: 5rem
    }

    .casestudy_paws_banner .case_studies_main {
        gap: 8rem
    }

    .paws_banner_btm_top {
        margin: 7rem 0 7rem
    }

    .paws_banner_btm_top .paws_banner_btm_top_left {
        width: 39%
    }

    .paws_banner_btm_top .paws_banner_btm_top_right {
        max-width: 55rem
    }

    .design_icons .title_h2 {
        padding-bottom: 6rem
    }

    .explore_products_btm .explore_products_left {
        width: 43.1%
    }

    .design_work_last {
        margin-bottom: 8rem
    }

    .case_garage_banner {
        aspect-ratio: 1920/1250
    }

    .orange_overview_main {
        flex-direction: column;
        gap: 0
    }

    .orange_overview_main .orange_overview_left {
        width: 42%
    }

    .orange_overview_main .orange_overview_right {
        max-width: 100%
    }

    .orange_overview_main:before {
        left: 50%;
        top: 68%;
        transform: translate(-50%, -50%);
        width: 50rem
    }

    .orange_overview {
        padding-bottom: 10rem
    }

    .challange_btm_box ul li {
        font-size: 2rem
    }

    .user_info_mobile_content {
        width: 60%
    }

    .moonrise_banner .case_studies_img {
        width: 90%;
        margin-top: -17%
    }

    .about_project_card {
        width: 47%
    }

    .moonrise_otr_main {
        flex-direction: column
    }

    .moonrise_left {
        width: 100%;
        padding: 9rem;
        justify-content: center
    }

    .moonrise_left:before {
        transform: unset
    }

    .moonrise_center {
        display: none
    }

    .moonrise_right img {
        margin-left: 0
    }

    .mmonrise_design_box {
        width: 48.2%
    }

    .empty_design_box {
        display: none
    }

    .moonrise_right {
        margin-left: 0;
        padding: 0 4rem
    }

    .about_project_main {
        gap: 40px
    }

    .about_project_btm.investment_row {
        grid-template-columns: repeat(2, 1fr);
    }

	.design_popup_form form input {
		padding: 16px 20px !important;
		font-size: 16px !important;
		line-height: 24px !important;
	}

	.design_popup_form form {
		gap: 20px;
	}

	.design_popup_description p {
		font-size: 16px;
		line-height: normal;
	}


/* Blog Details */

    .blog_detail_content_otr::after {
        min-height: 70vh;
    }

    .blog_detail_blog_main_content , .blog_detail_inner_content ,.blog_detail_content_main{
        gap: 40px;
    }
    .blog_inner_content_otr {
        gap: 16px;
    }


    .cmn_blog_description li:after {
        top: 6px;
    }


    /* blog list */
    
    .latest_blogs {
        padding-bottom: 80px;
    }
    
   

}

@media screen and (max-width:900px) {
    html {
        font-size: 43%
    }

    :root {
        --paragraph-1-font-size: 2.5rem;
        --paragraph-1-line-height: 4rem;
        --h4-font-size: 2.7rem;
        --18-regular-font-size: 1.9rem;
        --16-medium-font-size: 1.8rem;
        --paragraph-2-font-size: 2.2rem;
        --paragraph-2-line-height: 3.4rem;
        --20-regular-font-size: 2.5rem;
        --16-regular-font-size: 2.1rem;
        --paragraph-3-font-size: 2.1rem
    }

    .button {
        height: auto;
        padding: 1.2rem 1.8rem 1.2rem 1.2rem
    }

    .design_capabilities_cards {
        grid-template-columns: repeat(1, 1fr)
    }

    .design_capabilities_cards .design_cmn_box {
        padding: 3rem;
        gap: 2rem
    }

    .icon {
        height: 6.5rem
    }

    .button_arrow {
        padding: 1.2rem
    }

    .frame {
        width: 3.323rem
    }

    .health_tech_feature_adoption_top .health_tech_feature_adoption_top_right {
        max-width: 540px
    }

    .feature_tech_adoption .health_tech_feature_adoption_top_right {
        max-width: 510px
    }

    .health_tech_feature_adoption_btm {
        gap: 24px
    }

    .why_choose_army_right {
        width: 71%
    }

    .why_choose_army_center_heading p {
        text-align: left
    }

    .why_choose_army_btm {
        flex-direction: column;
        gap: 4rem
    }

    .why_choose_army_btm_left {
        width: 100%
    }

    .why_choose_army_btm_left .title_h2 br {
        display: none
    }

    .why_choose_army_btm_right {
        flex-direction: row;
        max-width: 100%;
        gap: 0;
        justify-content: space-between
    }

    .why_choose_army_top .why_choose_army_left {
        width: 85%
    }

    .why_choose_army_right {
        width: 85%
    }

    .why_choose_army_btm_right_item {
        width: 46%;
        border-bottom: unset !important;
        border-right: 1px solid rgb(0 0 0 / 10%)
    }

    .why_choose_army_btm_right_item:last-child {
        border-style: solid;
        border-color: var(--opacity-black-opacity-10, rgba(20, 21, 21, .1));
        border-width: 0 0 .1rem 0;
        padding-bottom: 1.6rem
    }

    .our_proven_heading {
        align-items: flex-start
    }

    .our_proven_cards {
        flex-wrap: wrap;
        justify-content: center;
        gap: 2rem
    }

    .our_proven_card {
        width: 49%;
        gap: 5rem;
        padding: 3rem;
        flex: unset
    }

    .cta_main {
        flex-direction: column;
        align-items: flex-start;
        gap: 4rem
    }

    .cta_left_content {
        width: 100%
    }

    .footer_main {
        flex-direction: column;
        gap: 6rem
    }

    .footer_left {
        width: 100%;
        gap: 2rem
    }

    .footer_menu {
        gap: 12rem
    }

    .footer_right {
        max-width: 90%;
        gap: 0;
        justify-content: space-between
    }

    .footer_menu_list li a,
    .footer_right_links ul li a {
        font-size: 16px
    }

    .footer_menu li {
        min-width: unset;
        width: max-content
    }

    .footer_left_copyright {
        display: none
    }

    .mobile_copyright_text {
        display: block
    }

    .mobile_copyright_text .footer_left_copyright {
        display: flex;
        justify-content: center
    }

    .header_main .header_left {
        width: 170px
    }

    .header_main .header_left a {
        display: block;
        width: 100%
    }

    .header_main .header_left a img {
        width: 100%
    }

    .process_btm_box {
        flex-direction: column;
        gap: 5rem;
        top: 120px
    }

    .process_btm_box:nth-child(2) {
        top: 180px
    }

    .process_btm_box:nth-child(3) {
        top: 240px
    }

    .process_btm_box .process_btm_left {
        width: 100%
    }

    .process_btm_left_heading p {
        max-width: 100%
    }

    .process_right_box_btm .process_list p {
        padding-left: 3rem
    }

    .process_right_box_btm .process_list p::before {
        top: 5px
    }

    .process_btm {
        height: 237vh
    }

    .who_its_description p::before {
        top: 7px
    }

    .cmn_service_title {
        padding-bottom: 2.4rem
    }

    .who_its_description p {
        padding-left: 3rem
    }

    .get_otr {
        grid-template-columns: repeat(2, 1fr)
    }

    .get_icon {
        padding-bottom: 1.2rem
    }

    .proven_main_description {
        padding: 2rem 0 3rem
    }

    .faq_icon svg {
        width: 24px;
        height: 24px
    }

    .eighteen_p p {
        font-size: 16px
    }

    .proven_box {
        display: flex;
        flex-direction: column
    }

    .proven_box_content {
        display: flex;
        flex-direction: column;
        flex: 1
    }

    .proven_box_btm {
        margin-top: auto
    }

    .focus_counter {
        grid-template-columns: repeat(2, 1fr)
    }

    .forminator-ui.forminator-custom-form[data-design=default] .forminator-button {
        width: max-content !important;
        margin: 0 !important
    }

    .forminator-button .button_arrow {
        width: 28px;
        height: 28px;
        display: block
    }

    .forminator-checkbox-label {
        font-size: 16px;
        line-height: normal !important
    }

    .contact_email a {
        font-size: 16px
    }

    .contact_right .forminator-row .forminator-field .select2-selection,
    .contact_right .forminator-row .forminator-field .select2-selection__rendered,
    .contact_right .forminator-row input,
    .contact_right .forminator-row option,
    .contact_right .forminator-row textarea {
        font-size: 16px !important;
        line-height: 24px !important
    }

    .cmn_banner {
        padding-top: 20rem !important
    }

    .autocare .fintech_adoption_top .fintech_health_right {
        max-width: 78%
    }

    .nutrition .health_tech_feature_adoption_top .health_tech_feature_adoption_top_right {
        max-width: 82%
    }

    .growth .fintech_health_right {
        max-width: 90%
    }

    .innovative .fintech_adoption_top .fintech_health_right {
        max-width: 83%
    }

    .proven_main_description p,
    .proven_title .title_h2 {
        text-align: left
    }

    .case_cmn_content {
        flex-direction: column
    }

    .case_cmn_description {
        width: 100%
    }

    .case_goal_main {
        grid-template-columns: repeat(1, 1fr)
    }

    .case_goal_men_content {
        grid-row: unset
    }

    .case_goal_women_img {
        grid-column-start: unset;
        grid-row-start: unset
    }

    .case_goal_women_content {
        grid-row: unset;
        grid-row-start: unset
    }

    .fitai_project_main {
        grid-template-columns: repeat(1, 1fr)
    }

    .fitai_project_main .fitai_project_box:last-child {
        grid-column: unset
    }

    .fitai_design_main {
        flex-direction: column;
        gap: 2rem
    }

    .fitai_cmn_title {
        width: 100%
    }

    .fitai_design_main .fitai_design_description {
        max-width: 100%
    }

    .fitai_design_cards {
        grid-template-columns: repeat(2, 1fr)
    }

    .fitai_persona_main {
        flex-direction: column
    }

    .fitai_persona_main .fitai_persona_left {
        width: 100%;
        position: relative
    }

    .fitai_persona_main .fitai_persona_left .persona_detail {
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: 94%
    }

    .fitai_persona_main .fitai_persona_left .fitai_persona_img {
        position: relative;
        padding-top: 68%
    }

    .fitai_persona_main .fitai_persona_left img {
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
        object-fit: cover;
        object-position: center
    }

    .fitai_persona_main .fitai_persona_right .persona_box .persona_box_top .persona_box_icon {
        width: 8rem
    }

    .fitai_persona_main .fitai_persona_right .persona_box .persona_box_btm p:before {
        background-size: cover;
        top: 2px
    }

    .fitai_persona_main .fitai_persona_right .persona_box:last-child .persona_box_btm p:before {
        background-size: cover
    }

    .fitai_persona_main .fitai_persona_right .persona_box .persona_box_btm {
        gap: 2rem
    }

    .fitai_application_section .fitai_bg_img {
        max-width: 100%;
        position: relative
    }

    .fitai_application_section .fitai_left {
        width: 100%;
        border-radius: 3rem 3rem 3rem 3rem;
        margin-top: 4rem
    }

    .fitai_application_section .container {
        padding: 0 4rem
    }

    .fitai_features_main .fitai_feature_img {
        position: relative;
        inset: 0;
        transform: unset;
        margin: 0 auto
    }

    .fitai_features_main {
        gap: 3rem
    }

    .fitai_features_main .fitai_feature_box {
        max-width: 100%
    }

    .fitai_application_section .fitai_left .fitai_application_box .application_box_icon {
        width: 28px;
        height: 28px
    }

    .fitai_application_section .fitai_left .fitai_application_box .application_box_icon svg {
        width: 100%;
        height: 100%
    }

    .fitai_application_section .fitai_left .fitai_application_box .application_box_content {
        flex: 1
    }

    .case_agency .title_h4:not(:last-child)::after {
        right: -15px
    }

    .likeus_about_top {
        flex-direction: column;
        gap: 4rem
    }

    .likeus_about_top .likeus_about_left {
        width: 100%;
        gap: 2rem
    }

    .likeus_about_top .likeus_about_right {
        max-width: 100%
    }

    .likeus_design_top {
        flex-direction: column;
        gap: 3rem
    }

    .likeus_design_top .likeus_cmn_description {
        max-width: 100%
    }

    .likeus_persona .likeus_design_btm {
        grid-template-columns: repeat(1, 1fr)
    }

    .likeus_design_btm .likeus_persona_img img {
        width: 100%;
        border-radius: 50px 0
    }

    .likeus_design_persona_info .likeus_design_info {
        width: 91%;
        border-radius: 3rem 0 4rem 0
    }

    .likeus_design_btm .likeus_persona_goals {
        border-radius: 0 50px
    }

    .likeus_design_btm .likeus_persona_goals_orange {
        border-radius: 0 50px
    }

    .likeus_design_btm .likeus_persona_goals_orange:before {
        width: 8rem;
        height: 8rem
    }

    .likeus_design_btm .likeus_persona_goals_orange .title_h2 {
        padding-top: 12rem
    }

    .imed_banner {
        padding-bottom: 6rem
    }

    .investment_box_label::after {
        width: 80px;
        margin-left: 1.4rem
    }

    .investment_goal_main {
        flex-direction: column
    }

    .investment_goal_img {
        width: 60%
    }

    .investment_goal_row {
        flex-direction: column
    }

    .investment_goal_row_description p::before {
        top: 3px
    }

    .imed_project_row {
        gap: 4rem
    }

    .result_work_main_btm {
        flex-wrap: wrap;
        row-gap: 6rem;
        justify-content: center
    }

    .result_work_main_btm .result_work_main_left {
        width: 48%
    }

    .result_work_main_btm .result_work_center {
        width: 48%;
        margin-top: 0;
        height: auto
    }

    .result_work_main_btm .result_work_right {
        width: 48%
    }

    .orange_overview_main:before {
        top: 63%
    }

    .challange_btm {
        flex-direction: column
    }

    .challange_btm_box {
        width: 100%
    }

    .challange_btm_box .title_h3:before {
        background-size: 100%;
        width: 5.5rem;
        top: -5px
    }

    .challange_btm_box .title_h3 {
        padding-left: 46px
    }

    .challange_btm_box ul li:before {
        top: 7px
    }

    .challange_btm_box ul li {
        font-size: 2.2rem
    }

    .user_info_box_top {
        flex-direction: column;
        align-items: flex-start;
        gap: 3rem
    }

    .user_info_top_right .user_info_right_btn {
        padding: 1.4rem 2.5rem;
        font-size: 1.8rem
    }

    .user_info_btm_box_row {
        flex-direction: column
    }

    .user_info_btm_box_row .user_info_btm_box {
        width: 100%
    }

    .user_info_btm_box_row .user_info_btm_box ul li:before {
        top: 10px
    }

    .user_info_top_left {
        width: 100%
    }

    .user_info_mobile_content {
        width: 65%
    }

    .design_guideline_top {
        flex-direction: column;
        gap: 3rem;
        align-items: flex-start
    }

    .design_guideline_top .cmn_orange_title {
        width: 100%
    }

    .design_guideline_top p {
        max-width: 100%
    }

    .about_project_main {
        gap: 40px
    }

    .moonrise_banner .case_studies_img {
        width: 100%
    }

    .about_project_top {
        flex-direction: column;
        gap: 20px
    }

    .about_project_btm {
        gap: 30px
    }

    .mmonrise_design_box {
        width: 100%;
        max-width: 100%;
        padding: 25px;
        border-radius: 20px
    }

    .moonrise_user_main {
        flex-direction: column
    }

    .moonrise_user_img {
        width: 70%;
        margin: 0 auto
    }

    .moonrise_user_inner_top {
        margin: -25rem 0 0 0;
        border-radius: 70px 20px 30px 20px
    }

    .about_project_description {
        max-width: 100%
    }

    .moonrise_box_btm {
        flex-wrap: wrap;
        flex-direction: unset
    }

    .about_project_top_main {
        gap: 15px
    }

    .moonrise_user_goal_box {
        border-radius: 20px
    }

    .only_banner_main img {
        border-radius: 20px
    }

	.design_popup_img {
		display: none;
	}

    /* blog list */

    .bolg_list_content p:last-child {
        font-size: 16px;
        line-height: 26px;
    }
    .postid-337 .blog_detail_content_otr:after {
        min-height: 90vh;
    }
    .postid-348 .blog_detail_content_otr:after {
        min-height: 85vh;
    }
}

@media screen and (max-width:767px) {
    :root {
        --h1-font-size: 5rem
    }

    .container {
        padding: 0 20px
    }

    .why_choose_army_section .container {
        padding: 0 20px
    }

    .pad_both {
        padding: 7rem 0
    }

    .pad_top {
        padding: 8rem 0 0 0
    }

    p , .cmn_blog_description li{
        font-size: 16px;
        line-height: 3rem
    }

    .health_tech_feature_adoption_btm {
        gap: 20px
    }

    .health_tech_feature_adoption {
        padding: 3rem
    }

    .feature_tech_adoption .health_tech_feature_adoption_top_right {
        max-width: 96%
    }

    .why_choose_army_right {
        width: 100%
    }

    .why_choose_army_top .why_choose_army_left {
        width: 100%;
        padding-top: 66%
    }

    .why_choose_army_top {
        margin-bottom: 7rem
    }

    .our_proven_process {
        gap: 4rem
    }

    .testimonial {
        padding: 0 7rem
    }

    .cta_main {
        padding: 3rem
    }

    .footer_menu {
        gap: 2rem
    }

    .header_main .header_left {
        width: 150px
    }

    .banner-slider .swiper-slide {
        width: 100% !important
    }

    .banner-slider .swiper-slide img {
        width: 100%
    }

    .right_menu {
        padding: 50px 20px 20px
    }

    .process_btm_box {
        top: 110px
    }

    .process_btm {
        height: 253vh
    }

    .process_btm_box:nth-child(2) {
        top: 166px
    }

    .process_btm_box:nth-child(3) {
        top: 220px
    }

    .faq_box {
        padding: 20px 0
    }

    .faq_box {
        padding: 20px 0
    }

    .proven_otr {
        grid-template-columns: repeat(1, 1fr)
    }

    .advantage_image {
        width: 100%
    }

    .focus_row {
        grid-template-columns: repeat(1, 1fr)
    }

    .leader_otr {
        grid-template-columns: repeat(2, 1fr)
    }

    .twenty_four_p p {
        font-size: 18px
    }

    .cmn_banner {
        padding-top: 16rem !important
    }

    .footer {
        padding: 7rem 0 4rem
    }

    .footer_right {
        flex-wrap: wrap;
        row-gap: 41px
    }

    .health_tech_feature_adoption_top .health_tech_feature_adoption_top_right {
        max-width: 520px
    }

    .pharmatech .health_tech_feature_adoption_top_right {
        grid-template-columns: 59% 42%
    }

    .autocare .fintech_adoption_top .fintech_health_right {
        max-width: 100%
    }

    .nutrition .health_tech_feature_adoption_top .health_tech_feature_adoption_top_right {
        max-width: 100%
    }

    .growth .fintech_health_right {
        grid-template-columns: repeat(2, 1fr);
        max-width: 80%
    }

    .growth {
        height: 120rem
    }

    .innovative .fintech_adoption_top .fintech_health_right {
        max-width: 100%
    }

    .contact_left_list p::before {
        top: 5px
    }

    .health_tech_feature_adoption_top .health_tech_feature_adoption_top_right .image_large {
        width: 278px
    }

    .case_agency_left {
        width: 45%
    }

    .case_project_right {
        flex-wrap: wrap;
        gap: 2rem
    }

    .case_studies_banner .container {
        padding: 0 20px
    }

    .health_tech_feature_adoption_top .health_tech_feature_adoption_top_right {
        display: none !important
    }

    .health_tech_feature_adoption_btm img:last-child {
        display: none
    }

    .health_tech_feature_adoption_btm img {
        width: 100%
    }

    .our_proven_card {
        width: 48%
    }

    .case_roomize_banner .case_studies_img {
        width: 100%
    }

    .myroomize_color .case_cmn_img img {
        border-radius: 0
    }

    .fitai_banner {
        aspect-ratio: 1920/1400
    }

    .fitai_banner .fitai_main .fitai_content {
        max-width: 45rem;
        padding-top: 8rem
    }

    .fitai_project_main {
        gap: 3rem;
        margin-top: 4rem
    }

    .fitai_design_cards,
    .fitai_persona_main {
        margin-top: 5rem
    }

    .big_pad_both {
        padding: 7rem 0
    }

    .fitai_persona_main .fitai_persona_right .persona_box .persona_box_top .persona_box_icon {
        width: 6rem
    }

    .fitai_application_section {
        aspect-ratio: unset
    }

    .fitai_typography_section {
        padding-top: 7rem
    }

    .fitai_persona_main .fitai_persona_left .persona_detail {
        bottom: 15px;
        left: 17px
    }

    .case_likeus_banner .case_studies_main .case_studies_img {
        max-width: 80%;
        width: 80%
    }

    .likeus_design_top {
        margin-bottom: 5rem
    }

    .likeus_design_persona_info .likeus_design_info {
        width: 89%
    }

    .likeus_design_btm .likeus_persona_goals {
        padding: 3rem;
        border-radius: 0 20px
    }

    .likeus_design_btm .likeus_persona_goals p:before {
        width: 22px;
        height: 22px
    }

    .likeus_design_btm .likeus_persona_goals_orange {
        padding: 3rem;
        border-radius: 0 30px
    }

    .likeus_design_btm .likeus_persona_goals_orange:before {
        width: 6rem;
        height: 6rem;
        left: 3rem
    }

    .likeus_persona .likeus_design_btm {
        gap: 3rem
    }

    .likeus_design_btm .likeus_persona_goals:last-child {
        border-radius: 30px 0
    }

    .likeus_design_main .likeus_persona_last_img {
        margin-top: 3rem
    }

    .likeus_alternet_last_img {
        margin-top: 5rem
    }

    .likeus_about_top {
        margin-bottom: 5rem
    }

    .likeus_design_btm .likeus_persona_img img {
        border-radius: 30px 0
    }

    .imed_process_otr {
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem
    }

    .imed_goal_row {
        gap: 5rem;
        flex-direction: column
    }

    .imed_goal_inner_description {
        padding-top: 3rem
    }

    .imed_banner {
        aspect-ratio: unset
    }

    .imed_project_row {
        gap: 4rem
    }

    .imed_journey_main {
        padding: 5rem
    }

    .imed_goal_content {
        flex: unset;
        width: 100%
    }

    .imed_goal_img {
        width: 50%
    }

    .imed_goal_inner_description {
        width: 100%;
        max-width: 100%
    }

    .imed_goal_name {
        width: 80%;
        margin: 0 auto
    }

    .imed_goal_otr {
        grid-template-columns: repeat(1, 1fr)
    }

    .investment_box_label::after {
        display: none
    }

    .investment_project_right {
        width: 75%
    }

    .investment_goal_row_description p::before {
        top: 0
    }

    .casestudy_paws_banner .case_studies_content .case_studies_logo {
        max-width: 30rem
    }

    .casestudy_paws_banner .case_studies_img {
        max-width: 50rem
    }

    .paws_banner_btm_top {
        flex-direction: column;
        gap: 4rem
    }

    .paws_banner_btm_top .paws_banner_btm_top_left {
        width: 100%
    }

    .paws_banner_btm_top_info .paws_banner_info_img {
        width: 9rem
    }

    .paws_banner_btm_top .paws_banner_btm_top_right {
        max-width: 100%
    }

    .paws_banner_btm_btm {
        flex-direction: column
    }

    .paws_banner_btm_btm .banner_btm_img_one img {
        width: 100%
    }

    .paws_banner_btm_btm .banner_btm_img_last_main img {
        width: 100%
    }

    .solution_main_otr {
        flex-direction: column;
        gap: 5rem
    }

    .solution_main_otr .solution_main_left {
        width: 100%
    }

    .solution_main_otr .solution_main_right {
        gap: 3rem
    }

    .design_process_section .title_h2 {
        padding-bottom: 6rem
    }

    .design_userflow_top {
        flex-direction: column;
        gap: 2rem;
        margin-bottom: 6rem
    }

    .design_userflow_top p {
        max-width: 100%
    }

    .design_fonts {
        margin-top: 8rem
    }

    .explore_products_btm:after {
        display: none
    }

    .explore_products_btm {
        flex-direction: column;
        gap: 3rem
    }

    .explore_products_btm .explore_products_left {
        width: 66%;
        margin: 0 auto
    }

    .explore_products_btm .explore_products_right {
        max-width: 70%;
        margin: 0 auto
    }

    .result_work_main_btm .result_work_main_left .result_work_left_box {
        border-radius: 2rem
    }

    .result_work_main_btm .result_work_main_left {
        width: 100%
    }

    .result_work_main_btm .result_work_center {
        width: 100%;
        padding: 3rem;
        border-radius: 2rem
    }

    .result_work_main_btm {
        gap: 3rem
    }

    .result_work_main_btm .result_work_right {
        width: 100%;
        border-radius: 2rem
    }

    .result_right_title {
        font-size: 5rem
    }

    .design_work_last {
        margin-bottom: 7rem
    }

    .case_garage_banner {
        aspect-ratio: 1920/1320
    }

    .case_garage_banner .case_studies_content {
        width: 100%
    }

    .orange_overview {
        padding-bottom: 7rem;
        padding-top: 7rem
    }

    .orange_overview_main .orange_overview_left {
        width: 52%
    }

    .user_info_img {
        width: 10rem
    }

    .user_info_btm_box_row .user_info_btm_box ul li {
        font-size: 16px
    }

    .user_info_btm_box_row .user_info_btm_box ul {
        padding-left: 3rem
    }

    .user_info_btm_box_row .user_info_btm_box ul li:before {
        left: -18px
    }

    .user_info_mobile_content {
        width: 100%
    }

    .user_info_mobile_content .title_h2 {
        padding-bottom: 2.5rem
    }

    .challange_btm_box ul li {
        font-size: 16px
    }

    .user_info_mobile .user_info_mobile_img:before {
        background: rgb(0 0 0 / 52%)
    }

    .orange_overview_main:before {
        display: none
    }

    .orange_overview_main {
        gap: 5rem
    }

    .moonrise_banner .case_studies_img {
        margin-top: -20%
    }

    .about_project_main {
        gap: 30px
    }

    .about_project_card {
        width: 100%
    }

    .about_project_btm {
        gap: 20px
    }

    .moonrise_right img {
        object-fit: contain
    }

    .moonrise_right {
        padding-bottom: 6rem;
        padding: 0 3rem 5rem
    }

    .moonrise_otr_main {
        min-height: unset
    }

    .moonrise_user_goal {
        gap: 3rem;
        grid-template-columns: repeat(1, 1fr)
    }

    .moonrise_user_icon svg {
        width: 50px
    }

    .moonrise_user_main {
        padding: 4rem 0 6rem
    }

    .moonrise_design_otr {
        gap: 20px
    }

    .solution_main_otr .solution_main_right .title_h3 {
        padding-top: 0;
    }

/* Blog Details */

    .blog_detail_blog_main_content, .blog_detail_inner_content, .blog_detail_content_main {
        gap: 30px;
    }
    .blog_detail_content {
        gap: 16px;
    }
    .cmn_blog_description ul {
        gap: 12px;
    }

     .cmn_blog_description li:after {
        top: 3px;
    }
    .blog_details_title h1 br {
        display: none;
    }


    /* blog list */

    .blog_list_section .title_h3 {
        padding-bottom: 25px;
    }

    .blog_banner_main {
        gap: 16px;
    }

    .latest_blogs {
        grid-template-columns: repeat(1, 1fr);
        padding-bottom: 50px;
    }

    .our_blogs {
        grid-template-columns: repeat(1, 1fr);
    }

    .latest_blog_otr_main {
        padding: 8rem 0;
    }
    .blog_banner {
        padding-bottom: 10rem;
    }
    .blog_banner_main p {
        max-width: 100%;
    }
    .blog_detail_content_otr::after {
        min-height: 52vh;
    }
    .postid-337 .blog_detail_content_otr:after {
        min-height: 80vh;
    }
    .postid-348 .blog_detail_content_otr:after {
        min-height: 74vh;
    }
    .postid-343 .blog_detail_content_otr:after {
        min-height: 68vh;
    }   
    .postid-329 .blog_detail_content_otr:after {
        min-height: 62vh;
    }
    .blog_detail_img img {
        border-radius: 12px;
    }

}

@media screen and (max-width:600px) {
    :root {
        --h1-font-size: 4.3rem;
        --h2-font-size: 3.5rem;
        --h3-font-size: 2.8rem;
        --paragraph-1-font-size: 2.3rem
    }

    .health_tech_feature_adoption_top .health_tech_feature_adoption_top_right {
        grid-template-columns: repeat(1, 1fr);
        max-width: 100%;
        width: 100%
    }

    .health_tech_feature_adoption_top .health_tech_feature_adoption_top_right img {
        width: 100%
    }

    .health_tech_feature_adoption_top .health_tech_feature_adoption_top_right .image_large {
        width: 279px
    }

    .health_tech_feature_adoption {
        height: 100%
    }

    .health_tech_feature_adoption_btm {
        flex-direction: column
    }

    .health_tech_feature_adoption_btm img {
        width: 100%
    }

    .why_choose_army_right .image-3 {
        top: 200px;
        left: -82px;
        max-width: 170px
    }

    .why_choose_army_btm_right {
        flex-direction: row;
        gap: 0;
        justify-content: space-between
    }

    .why_choose_army_btm_right_item {
        width: 46%;
        flex-direction: column;
        align-items: flex-start;
        border: unset !important;
        height: auto
    }

    .why_choose_army_btm_right_item:last-child {
        padding: 0;
        padding-bottom: 1.6rem
    }

    .why_choose_army_btm_right_item .title_h4 {
        font-size: 16px
    }

    .why_choose_army_btm_right_item:first-child {
        border-right: 1px solid rgb(0 0 0 / 10%) !important
    }

    .footer_right {
        max-width: 100%;
        row-gap: 20px;
        flex-direction: row
    }

    .footer_menu {
        width: 100%;
        gap: 0;
        justify-content: space-between
    }

    .footer_logo {
        max-width: 150px
    }

    .testimonial_icon {
        width: 5rem;
        height: 5rem
    }

    .testimonial {
        gap: 2rem;
        padding: 0 0
    }

    .testimonials_arrow {
        top: 96%;
        width: 20%
    }

    .testimonial-slider {
        padding-bottom: 8rem !important
    }

    .testimonial_main {
        gap: 4rem
    }

    .navigation li a {
        font-size: 22px
    }

    .design_capabilities_cards {
        gap: 15px
    }

    .navigation {
        gap: 5rem
    }

    .why_choose_army_top {
        gap: 3rem
    }

    .why_choose_army_top .why_choose_army_left img {
        border-radius: 12px
    }

    .why_choose_army_right .image-2 {
        border-radius: 12px
    }

    .process_top {
        gap: 1.6rem;
        padding-bottom: 6rem
    }

    .process_btm_box {
        top: 0 !important;
        gap: 4rem;
        position: relative !important
    }

    .process_btm {
        height: auto !important
    }

    .process_btm_box:nth-child(2) {
        top: 165px
    }

    .process_btm_box:nth-child(3) {
        top: 220px
    }

    .who_its_description p::before {
        width: 12px;
        height: 12px;
        top: 7px
    }

    .get_otr {
        grid-template-columns: repeat(1, 1fr)
    }

    .advantage_main {
        padding: 0 20px 30px
    }

    .advantage_image {
        width: 100%
    }

    .our_core_otr {
        grid-template-columns: repeat(1, 1fr)
    }

    .twenty_four_p p {
        font-size: 16px
    }

    .about_banner_main,
    .cmn_banner_title,
    .cmn_service_description,
    .focus_row,
    .leader_title,
    .our_core_title {
        margin-bottom: 4rem
    }

    .our_core_title .title_h2,
    .our_story_description p:not(:last-child),
    .our_story_title {
        padding-bottom: 2rem
    }

    .about_banner_images {
        flex-direction: column
    }

    .about_banner_big_img {
        width: 100%
    }

    .header_right .sub-menu {
        gap: 18px !important;
        padding: 20px 0 0 0
    }

    .header_right .sub-menu li a {
        font-size: 18px
    }

    .forminator-checkbox-label {
        padding: 1rem 2rem
    }

    .health_tech_feature_adoption_top .health_tech_feature_adoption_top_right .image_large {
        width: 100%
    }

    .health_tech_feature_adoption_top .fintech_health_right .feature_img_large {
        width: 100%
    }

    .autocare .fintech_adoption_top .fintech_health_right {
        grid-template-columns: repeat(1, 1fr)
    }

    .autocare .fintech_adoption_top .fintech_health_right .feature_img_large {
        width: 100%
    }

    .nutrition .health_tech_feature_adoption_top .health_tech_feature_adoption_top_right {
        grid-template-columns: repeat(1, 1fr)
    }

    .nutrition .health_tech_feature_adoption_top .health_tech_feature_adoption_top_right .image_large {
        width: 100%
    }

    .growth .fintech_health_right img {
        height: auto
    }

    .growth .fintech_health_right img:last-child {
        width: 100%;
        height: auto
    }

    .innovative .fintech_adoption_top .fintech_health_right {
        grid-template-columns: repeat(1, 1fr)
    }

    .innovative .fintech_adoption_top .fintech_health_right img:last-child {
        width: 100%
    }

    .contact_left_list p::before {
        top: 6px
    }

    .case_cmn_content,
    .case_project_main {
        padding-bottom: 3rem
    }

    .case_studies_top {
        flex-wrap: wrap;
        gap: 1.6rem
    }

    .case_studies_title {
        padding: 2.4rem 0
    }

    .case_studies_img {
        width: 100%
    }

    .case_project_images {
        flex-direction: column
    }

    .case_project_left_img {
        width: 100%
    }

    .icon {
        width: 45px;
        height: 45px
    }

    .industries_crousel {
        gap: 3.5rem
    }

    .design_cmn_inr_btns .design_cmn_btn_text {
        font-size: 15px
    }

    .our_proven_card_content_list {
        gap: 1.2rem
    }

    .menu-footer-services-container {
        display: none
    }

    .header_right .menu-item-has-children p {
        width: 30px
    }

    .about_banner_small_img {
        display: none
    }

    .forminator-ui.forminator-custom-form[data-design=default] .forminator-button {
        padding: 1rem 1.8rem 1rem 1.2rem !important;
        height: auto !important
    }

    .forminator-button .button_arrow {
        width: 32px;
        height: 32px
    }

    .our_proven_cards {
        flex-direction: column
    }

    .our_proven_card {
        width: 100%
    }

    .roomize_project .case_project_left_img {
        width: 100%
    }

    .case_goal_content {
        padding: 20px
    }

    .goal_member_content p::before {
        width: 16px;
        height: 16px;
        top: 2.5px
    }

    .goal_member_content p {
        padding-left: 22px
    }

    .fitai_project_main .fitai_project_box {
        display: flex;
        flex-direction: column;
        gap: 1.6rem
    }

    .fitai_project_main {
        gap: 2.5rem
    }

    .fitai_project_main .fitai_project_box {
        border-radius: 2rem
    }

    .fitai_design_cards {
        grid-template-columns: repeat(1, 1fr);
        gap: 2.5rem
    }

    .fitai_design_cards .fitai_design_box .fitai_design_btn p {
        width: 4rem;
        height: 4rem
    }

    .fitai_persona_main .fitai_persona_right .persona_box .persona_box_btm p:before {
        top: 0
    }

    .fitai_application_section .container {
        padding: 0 3rem
    }

    .fitai_application_section .fitai_left {
        border-radius: 2rem 2rem 2rem 2rem;
        padding: 3rem 3rem 3rem 3rem
    }

    .fitai_application_section .fitai_left .fitai_application_box .application_box_icon {
        width: 24px;
        height: 24px
    }

    .fitai_logo {
        max-width: 16rem
    }

    .fitai_banner .fitai_bg_img:after {
        content: '';
        background: rgb(0 0 0 / 80%);
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%
    }

    .fitai_persona_main .fitai_persona_left .persona_detail {
        bottom: 11px;
        left: 15px;
        min-height: unset;
        width: 93%
    }

    .case_agency .title_h4:not(:last-child)::after {
        right: -14px
    }

    .case_project_inr_imgs {
        flex-direction: row
    }

    .likeus_about_btm {
        flex-direction: column
    }

    .likeus_design_btm .likeus_persona_img img {
        border-radius: 30px 0
    }

    .likeus_design_persona_info .likeus_design_info {
        left: 20px;
        bottom: 20px;
        width: 91%;
        border-radius: 3rem 0 3rem 0
    }

    .imed_project_row img {
        border-radius: 2rem
    }

    .investment_goal_img {
        width: 100%
    }

    .investment_project_right {
        width: 100%
    }

    .investment_row {
        flex-wrap: wrap-reverse;
        padding: 6rem 0
    }

    .investment_box {
        width: 45%;
        margin: 0 auto
    }

    .casestudy_paws_banner .case_studies_content .case_studies_logo {
        max-width: 22rem
    }

    .design_userflow_top {
        margin-bottom: 3rem
    }

    .design_fonts {
        margin-top: 6rem
    }

    .design_icons .title_h2 {
        padding-bottom: 4rem
    }

    .casestudy_paws_banner .case_studies_content .case_studies_logo {
        max-width: 22rem
    }

    .design_userflow_top {
        margin-bottom: 3rem
    }

    .design_fonts {
        margin-top: 6rem
    }

    .design_icons .title_h2 {
        padding-bottom: 4rem
    }

    .result_work_main_btm {
        margin-top: 4rem
    }

    .result_work_main_btm .result_work_main_left {
        gap: 2rem
    }

    .paws_banner_btm .title_h1 {
        font-size: 5rem
    }

    .case_garage_banner {
        aspect-ratio: unset;
        padding-bottom: 7rem
    }

    .orange_overview_main .orange_overview_left {
        width: 65%
    }

    .orange_overview_main:before {
        top: 57%
    }

    .orange_overview_main .orange_overview_right .title_h2 {
        padding-bottom: 2.2rem
    }

    .challange_btm_box {
        border-radius: 2rem;
        padding: 3rem
    }

    .challange_btm_box ul {
        padding-left: 3.5rem
    }

    .user_info_top_right {
        flex-wrap: wrap
    }

    .user_info_top_right .user_info_right_btn {
        font-size: 2rem
    }

    .user_info_btm_box_row .user_info_btm_box ul {
        gap: 1rem
    }

    .user_info_btm_box_row .user_info_btm_box {
        border-radius: 2rem
    }

    .user_info_mobile {
        aspect-ratio: unset;
        padding: 7rem 0 3rem
    }

    .user_info_mobile_content .title_h2 {
        padding-bottom: 2.2rem
    }

    .design_guideline_top {
        gap: 2.2rem
    }

    .about_project_card {
        padding: 20px;
        gap: 20px
    }

    .mmonrise_design_box {
        padding: 18px;
        gap: 20px
    }

    .moonrise_user_inner_top {
        padding: 3rem;
        margin: -17rem 0 0 0
    }

    .moonrise_user_content {
        gap: 3rem
    }

    .about_project_btm.investment_row {
        gap: 20px;
    }

    .fitai_features_main .fitai_feature_box {
        width: 100%;
    }

    .fitai_features_main .fitai_feature_img {
        max-width: 75%;
    }

    .fitai_feature_box .title_h4 {
        font-size: 18px;
    }

    .fitai_features_main .fitai_feature_box p {
        font-size: 16px;
        line-height: 22px;
    }

	.design_popup_content {
		padding: 24px;
	}

	.design_popup_row {
		border-radius: 16px;
	}

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

/* Blog Details */

    .blog_details_banner_otr{
        gap: 16px;
    }
    .blog_detail_content {
        gap: 12px;
    }
    .cmn_blog_description ul {
        gap: 10px;
    }
    .cmn_blog_description li:after {
        top: 5px;
    }
    .blog_inner_image.bor_rad img {
        border-radius: 12px;
    }

    /* blog */

    .category_main_div .span-ptn span {
        font-size: 14px;
    }

    .bolg_list_content .blog_date {
        font-size: 14px !important;
    }

    .bolg_list_content h5 {
        font-size: 24px;
    }

}

@media screen and (max-width:479px) {
    .footer_menu {
        flex-direction: column;
        gap: 20px
    }

    .cta_main {
        gap: 3rem
    }

    .why_choose_army_right .image-3 {
        top: 180px;
        left: -62px;
        max-width: 140px
    }

    .header_main .header_left {
        width: 140px
    }

    .labels .design_cmn_inr_btns {
        width: 100%;
        padding: 1rem
    }

    .footer_logo {
        max-width: 140px
    }

    .footer_left_copyright.sixteen_p {
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .footer_left_copyright a,
    .footer_left_copyright p {
        width: 100%;
        border: unset;
        padding: unset;
        margin: 0
    }

    .footer_left_copyright a {
        width: 41%
    }

    .pad_both {
        padding: 6rem 0
    }

    .footer_main {
        gap: 5rem
    }

    .process_btm_left_heading {
        gap: 1.5rem
    }

    .process_btm_box {
        gap: 3rem;
        padding: 2.5rem
    }

    .process_right_box_row {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem
    }

    .process_btm {
        height: 325vh
    }

    .cmn_pad,
    .cmn_pad.investment_new_cmn,
    .house_section.cmn_pad,
    .app_design_img.cmn_pad {
        padding: 50px 0
    }

    .faq_content {
        width: 100%
    }

    .cmn_banner_img {
        position: relative;
        width: 100%;
        padding-top: 60%
    }

    .cmn_banner_img img {
        position: absolute;
        inset: 0
    }

    .focus_counter,
    .leader_otr {
        grid-template-columns: repeat(1, 1fr)
    }

    .banner-slider .swiper-slide {
        width: 85% !important
    }

    .contact_main .contact_right form .forminator-row:nth-of-type(7) {
        position: relative;
        order: 1;
        margin-top: -10px !important
    }

    .contact_email {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 3rem
    }

    .contact_email a {
        padding-top: 0
    }

    .contact_right .forminator-row .forminator-field-checkbox .forminator-field {
        gap: 1.6rem
    }

    .forminator-checkbox-label {
        padding: 2rem 2.4rem !important
    }

    .forminator-button-submit.button.btn {
        padding: 1.4rem 2.2rem 1.4rem .8rem !important
    }

    .industries_crousel_item {
        margin: 0 25px
    }

    .contact_main .contact_left .title_h1 span {
        margin-top: 6px
    }

    .who_its_description.contact_left_list p:not(:last-child) {
        padding-bottom: 2rem
    }

    .header_right .sub-menu {
        min-width: unset;
        padding-left: 4rem
    }

    .footer {
        padding: 6rem 0 4rem
    }

    .case_cmn_content,
    .case_project_main {
        gap: 1.4rem;
        padding-bottom: 2.4rem
    }

    .case_agency_left {
        width: 75%
    }

    .case_project_main {
        gap: 2.4rem
    }

    .case_project_title {
        padding-bottom: 1.6rem
    }

    .testimonial-slider .swiper-slide {
        height: auto
    }

    .testimonial {
        height: 100%;
        justify-content: space-between
    }

    .title_h1,
    h1 {
        font-size: 4.5rem
    }

    .myroomize_last:after {
        bottom: 50px
    }

    .cmn_pad.myroomize_last {
    padding-bottom: 50px;
  }


    .case_agency .title_h4 {
        font-size: 16px
    }

    .case_cmn_label p {
        line-height: 22px
    }

    .fitai_banner {
        aspect-ratio: 1920/1900
    }

    .fitai_persona_main .fitai_persona_left .fitai_persona_img {
        padding-top: 90%
    }

    .fitai_persona_main .fitai_persona_left .persona_detail {
        left: 12px;
        padding: 2rem;
        bottom: 10px
    }

    .imed_process_otr {
        grid-template-columns: repeat(1, 1fr)
    }

    .imed_goal_name {
        width: 100%
    }

    .imed_project_row {
        flex-direction: column
    }

    .casestudy_paws_banner .case_studies_main {
        gap: 6rem
    }

    .casestudy_paws_banner .case_studies_img {
        max-width: 40rem
    }

    .paws_banner_btm .title_h1 {
        font-size: 4rem
    }

    .paws_banner_btm_top {
        gap: 3rem;
        margin: 5rem 0 5rem
    }

    .paws_banner_btm_top_info {
        margin-bottom: 3rem
    }

    .pad_top {
        padding: 6rem 0 0 0
    }

    .explore_products_btm .explore_products_left {
        width: 90%
    }

    .explore_products_btm .explore_products_right {
        max-width: 80%
    }

    .result_work_main_btm .result_work_center .number_text {
        font-size: 4.8rem
    }

    .result_work_rate_btm .rating_title {
        font-size: 4rem
    }

    .rating_content p {
        padding-left: 0.5rem
    }

    .result_right_title {
        font-size: 4.2rem
    }

    .orange_overview_main .orange_overview_left {
        width: 75%
    }

    .user_info_box {
        border-radius: 2rem
    }

    .user_info_img {
        width: 8rem
    }

    .user_info_content p {
        font-size: 14px
    }

    .moonrise_user_inner_btm {
        flex-wrap: wrap;
        gap: 2rem
    }

    .moonrise_user_box {
        width: 100%
    }

    .moonrise_user_inner_top {
        border-radius: 50px 20px 20px 20px;
        margin: -11rem 0 0 0
    }

    .moonrise_box_btm p {
        padding: 9px 12px;
        font-size: 13px
    }

    .moonrise_box_btm {
        gap: 12px
    }

    .moonrise_left img {
        width: 100%
    }

    .about_project_btm.investment_row {
        grid-template-columns: repeat(1, 1fr);
    }

    .goal_box {
        padding: 20px;
    }

    .fitai_features_main .fitai_feature_img {
        max-width: 100%;
    }

    .fitai_features_main {
        gap: 16px;
    }

    .imed_project_left_img {
         width: 100%;
    }

	.design_popup_content {
		padding: 20px;
	}

	.design_popup_form form input {
   		 padding: 12px 16px !important;
	}

    /* blog list */

    .latest_blog_otr_main {
        padding: 7rem 0;
    }
    .latest_blogs {
        padding-bottom: 45px;
    }
    .latest_blogs .bolg_list_image {
        border-radius: 12px;
    }

    .our_blogs .bolg_list_image {
        border-radius: 12px;
    }

    .bolg_box .bolg_list_image img {
        border-radius: 12px;
    }
    .blog_detail_content_otr::after {
        min-height: 45vh;
    }
}

@media screen and (max-width:374px) {
    .process_btm {
        height: 375vh
    }

    .process_btm_box:nth-child(3) {
        top: 220px
    }

    .footer_menu li {
        min-width: 290px;
        width: auto
    }

    .footer_menu_list li a,
    .footer_right_links ul li a {
        font-size: 15px
    }

    .footer_left_copyright a {
        width: 50%
    }

    .header_right .sub-menu li {
        width: auto
    }

    .header_right .sub-menu {
        min-width: unset
    }

    .header_right .sub-menu li a {
        width: 100% !important
    }

    .footer_right .menu-footer-menu-container {
        width: 37%
    }

    .why_choose_army_btm_right {
        gap: 10px
    }

    .why_choose_army_btm_right_item .title_h4 {
        font-size: 14px
    }

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

    .button_text {
        font-size: 14px
    }

    .button_arrow {
        padding: .8rem;
        width: 28px;
        height: 28px
    }

    .cta_main {
        padding: 1.8rem
    }

    .cta_main .button {
        width: 100%;
        padding: 1.2rem 1.2rem 1.2rem 1.2rem
    }

    .fitai_persona_main .fitai_persona_left .persona_detail {
        width: 91.5%
    }

    .fitai_persona_main .fitai_persona_left .fitai_persona_img {
        padding-top: 100%
    }

    .design_userflow_top .title_h2 {
        font-size: 3.3rem
    }
    .postid-337 .blog_detail_content_otr:after {
        min-height: 87vh;
    }
    .postid-348 .blog_detail_content_otr:after {
        min-height: 83vh;
    }
    .postid-343 .blog_detail_content_otr:after {
        min-height: 76vh;
    }
}