@media (max-width: 2560px) and (min-width: 1320px) {
  .flip-container {
    margin-bottom: 40px;
  }
  .home_title {
    font-size: 5.25rem !important;
  }
  .f1_section {
    padding: 5rem 0;
  }
  .work_page h1.f1_section_title {
    font-size: 2.5rem;
  }
  h2 {
    font-size: 2.5rem !important;
  }
  h3 {
    font-size: 2rem;
  }
  .f1_section_lead {
    font-size: 20px !important;
  }
  .delhi-Ux-solutions .f1_section_title {
    margin-bottom: 0;
  }
  .ux-solution-content .ux-soultion-title {
    font-size: 24px;
  }
  .ux-solution-content p {
    font-size: 16px;
    line-height: 20px;
  }
  .choose-us-logo {
    width: 40px;
    height: 40px;
  }
  .design_story_cards .digital_experience_card_title {
    margin-bottom: 16px !important;
    height: 68px;
  }
  .digital_experience_card_title {
    height: auto !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 24px;
  }
  .digital_experience_card_thumb {
    padding-top: 390px !important;
  }
  .sets_apart_card {
    padding: 1.5rem;
  }
  .our_achievements_img.paris-design-award img,
  .our_achievements_img img {
    width: 220px;
  }
  .our_achievements_images {
    padding-bottom: 80px;
  }
  .client_feedback {
    height: 108px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-height: 38.4px;
    font-size: 20px;
  }
  .client_designation {
    font-size: 16px !important;
  }
  .form-floating {
    margin-bottom: 32px;
  }
  .digital_experience_card_content {
    padding: 1.5rem !important;
  }
  .build-future-img {
    width: 100%;
    height: 500px;
  }
  .build-future-img img {
    height: 100%;
  }
  .why-f1_card img {
    width: 74px;
    height: 74px;
  }
  .why-f1_card {
    height: auto;
  }
  .why_f1_over_other_card .why-f1_card {
    padding: 12px 12px 12px 24px;
    gap: 24px;
  }
  .accessibility_benefits_users .why_f1_cards_list .why-f1_card,
  .why_token_design_system .why_f1_cards_list .why-f1_card {
    height: 100% !important;
    padding: 12px 12px 12px 24px !important;
  }
  .aus_sets_apart_card {
    padding: 1.5rem;
  }
  .our_service_card {
    margin-bottom: 20px !important;
    padding: 1.75rem !important;
  }
  .our_service_card:last-child {
    margin-bottom: 0 !important;
  }
  .our_service_card_title {
    font-size: 28px !important;
  }
  .our_service_card_lead {
    font-size: 20px !important;
    line-height: 24px !important;
  }
  .india_challenge_card {
    padding: 1.2rem !important;
  }
  .india_challenge_card .sets_apart_card_title {
    font-size: 24px !important;
  }
  .india_challenge_card .sets_apart_card_lead {
    font-size: 18px !important;
  }
  .india_challenge_card .sets_apart_card_content img {
    height: 52px;
  }
  .ux-solution-content {
    margin-bottom: 0;
  }
  .product-coverage-section .product-coverage-item {
    padding: 24px !important;
  }
  .product-coverage-section .product-coverage-content {
    font-size: 18px;
  }
  .sets_apart_card_content img {
    height: 32px;
    margin-bottom: 4px;
  }
  .sets_apart_card_title {
    font-size: 24px;
  }
  .sets_apart_card_lead {
    font-size: 16px;
  }
  .why_f1_card_content h3 {
    font-size: 24px !important;
  }
  .why_f1_cards_list {
    row-gap: 16px;
  }
  .challenge_card {
    padding: 2rem;
  }
  .de_card_5,
  .de_card_2 {
    margin-top: 0;
  }
  .industires_list {
    margin-top: 32px;
    row-gap: 24px;
  }
  .work_case_study_card .description {
    margin-top: 16px;
  }
  .understand_ai_card_title {
    padding-top: 8px !important;
    font-size: 28px !important;
  }
  .understand_ai_card_lead {
    font-size: 18px !important;
  }
  .future_of_ai_card {
    padding: 44px 36px 44px 72px !important;
  }
  .we-see-the-future {
    margin-bottom: 16px !important;
  }
  .future-ai-title {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .future_ai_lead {
    font-size: 18px !important;
  }
  .book_image {
    height: 569px;
    width: max-content;
  }
  .accessiblity_page .challenge_card {
    height: 250px;
  }
  .accessibility_coverage_container {
    gap: 24px !important;
  }
  .accessibility_coverage .product-coverage-head {
    margin-bottom: 16px;
    height: 60px;
  }
  .product-coverage-section .product-coverage-h4 {
    font-size: 68px;
  }
  .ROI_accessibility_container {
    gap: 32px;
  }
  .accessibility_benefits_users .why-f1_card .why_f1_card_content p,
  .why_token_design_system .why-f1_card .why_f1_card_content p {
    font-size: 16px !important;
  }
  .accordion.accessibility .accordion-item .accordion-button {
    font-size: 28px;
  }
  .accessibility_services .accordion-body {
    padding-bottom: 24px;
  }
  .why_accessibility_services .why-f1_card {
    padding: 16px;
    gap: 24px;
  }
  .why_accessibility_services .why-f1_card .why_f1_card_content h3 {
    margin-bottom: 8px !important;
  }
  .why_accessibility_services .why-f1_card .why_f1_card_content p {
    font-size: 18px;
    margin-top: 4px;
  }
  .why_prime_card {
    padding: 20px 0;
  }
  .why_prime_path .f1_section_lead {
    font-size: 20px !important;
  }
  .why_prime_content {
    gap: 24px;
    margin-top: 16px;
  }
  .pin-panel {
    padding: 0 2rem;
  }
  .primepath-intro-section .body {
    gap: 24px;
  }
  .intro_primepath_carousel_item {
    max-height: 580px;
  }
  .intro_prime_img img {
    height: 500px;
  }
  .intro_footer {
    height: 8vh;
  }
  .prime_frameWork_card {
    padding: 16px;
  }
  .frameWork_title {
    font-size: 28px;
    line-height: 32px;
  }
  .frameWork_time {
    font-size: 20px;
    line-height: 24px;
  }
  .prime_card_title {
    font-size: 18px;
  }
  .prime-path-home {
    padding: 60px 0 80px 0 !important;
  }
  .prime_conversion {
    width: 330px;
    height: 200px;
  }
  .token-design-system-casestudy .digital_experience_carousel .swiper-slide {
    width: 410px !important;
  }
  .home-cards {
    padding-top: 60px;
  }
  .f1_section_text {
    font-size: 24px;
    line-height: 38.4px;
  }
  .f1_leaders_list {
    row-gap: 80px;
  }
  .F1_leaders .leader_img {
    max-width: 222px;
    height: 320px;
    width: 100%;
  }

  .special_business_card {
    max-width: 254px;
    padding: 32px 12px 32px 32px;
    height: 280px;
  }
  .careers .monda-career-section .career-section-title,
  .friday-funda-career-section .career-section-title,
  .friday_freshup_section .career-section-title {
    font-size: 184px !important;
    font-weight: 700 !important;
    line-height: 220.8px !important;
    text-align: left;
  }
  .careers .friday_freshup_section,
  .careers .monda-career-section {
    height: 720px;
  }
  .careers .friday_freshup_section .friday-freshup-img,
  .monda-career-section .monda-img {
    max-width: 780px;
  }
  .careers .funda-cards img {
    width: 258px;
    height: 360px;
  }
  .careers .being-f1atic-section .f1atic-card-title {
    margin-top: 32px !important;
    font-size: 28px !important;
    font-weight: 300 !important;
  }
  .f1atic-card-text {
    margin-top: 16px !important;
    font-size: 18px !important;
  }
  .careers .being-f1atic-section .f1atic-card {
    padding: 28px 20px !important;
    height: 436px !important;
  }
  .careers .career-search {
    padding: 20px 28px 20px 80px !important;
    margin-bottom: 28px !important;
  }
  .job-opening-card .job-title {
    font-size: 30px !important;
    margin-bottom: 20px !important;
  }
  .careers .job-opening-card {
    padding: 20px !important;
  }
  .careers .job-opening-card .job-role {
    font-size: 20px !important;
    margin-bottom: 8px !important;
  }
  .careers .job-opening-card .job-location {
    font-size: 18px !important ;
    font-weight: 400;
    line-height: 24px !important;
    color: #0e131f;
    margin-bottom: 8px !important;
    height: 112px;
  }
  .book_side {
    /* width: 50%; */
    justify-content: center;
    display: flex;
  }
}
@media (max-width: 1200) {
  .ux_for_ai_bg {
    background-size: 50%;
  }
}
@media (max-width: 768px) {
  .home_client,
  .home_client.delhi_client {
    padding: 8px 0 !important;
  }
  .home_client .client_logo_item img {
    height: 32px !important;
  }
}

.showreel_circle {
  width: 136px;
  height: 136px;
}
.showreel_play_icon {
  width: 60px;
  height: 60px;
  border-radius: 60vmax;
}
.showreel_text span {
  transform-origin: 0 68px;
}

.ux-solution-content .ux-soultion-title {
  margin-bottom: 8px;
}
.accordion.accessibility .accordion-item .accordion-button {
  color: #000;
}

@media (max-width: 767px) {
  .home_title {
    font-size: 48px !important;
    line-height: 60px !important;
  }
  .f1_section_title {
    margin-bottom: 0 !important;
    font-size: 30px !important;
  }
  .f1_section_lead {
    font-size: 16px !important;
  }
  .col-lg-auto.display_sm {
    padding-top: 8px;
    justify-content: center;
  }
  .ux-approach .f1_section_title {
    margin-bottom: 8px !important;
  }
  .ux-solution-content .ux-soultion-title {
    font-size: 20px;
  }
  .ux-solution-content p {
    font-size: 16px;
    line-height: 20px;
  }
  .ux-solution-content {
    margin-bottom: 0;
  }
  .ux-approach .choose-us-logo {
    width: 28px;
  }
  .sets_apart_card_title {
    font-size: 24px !important;
  }
  .f1_section {
    padding: 28px 0 !important;
  }
  .why_f1_cards_list {
    margin-top: 16px;
  }
  .why_f1_over_other_card .why-f1_card {
    gap: 16px;
  }
  .home_showreel {
    padding: 20px;
  }
  .achievement_slog {
    margin: 20px 12px;
  }
  .paris-award-mobile img {
    max-width: 140px !important;
  }
  .our_achievements_img img:first-child {
    max-width: 140px;
  }
  .our_achievements {
    height: 100vh;
  }
  .client_feedback {
    height: 70px;
    -webkit-line-clamp: 3;
  }
  .faq--container {
    margin-top: 0;
  }
  .work_page h1.f1_section_title {
    padding-top: 16px !important;
  }
  .design_story_cards .digital_experience_card_content {
    padding: 32px 20px !important;
  }
  .design_story_cards .digital_experience_card_title {
    margin-bottom: 8px;
  }
  .product-coverage-section .product-coverage-content {
    font-size: 16px;
  }
  .delhi-Ux-solutions img {
    width: 36px;
    margin-top: 0;
  }
  .sets_apart_card_content img {
    width: 40px;
    height: 40px;
    margin-bottom: 8px !important;
  }
  .why-f1_card {
    gap: 16px;
  }
  .scrollable-content {
    width: calc(100% - 32px) !important;
    margin-top: 8px !important;
  }
  .content_title .f1_section_title {
    margin-bottom: 0 !important;
  }
  .future_of_ai_card {
    padding: 20px !important;
  }
  .left_ai_card {
    padding: 0 !important;
  }
  .we-see-the-future {
    margin: 12px 0 !important;
  }
  .book_image {
    padding-top: 16px !important;
  }
  .future_of_ai_container {
    padding: 24px 16px !important;
  }
  .understand_ai_card_title {
    font-size: 24px;
    padding-top: 0px !important;
  }
  .accessiblity_page .why_accessibility .f1_section_lead {
    margin-top: 0 !important;
  }
  .ROI_accessibility_container {
    gap: 24px !important;
  }
  .accordion.accessibility {
    gap: 24px !important;
  }
  .why_prime_card {
    padding: 24px 0;
  }
  .pin-panel {
    padding-top: 0 !important;
  }
  .prime-path-home {
    padding-top: 100px !important;
  }
  .accessibility_benefits_users .why-f1_card .why_f1_card_content h3,
  .why_token_design_system .why-f1_card .why_f1_card_content h3 {
    font-size: 24px;
    line-height: 100%;
  }
  .accessibility_benefits_users .why-f1_card .why_f1_card_content p,
  .why_token_design_system .why-f1_card .why_f1_card_content p {
    font-size: 16px;
  }
  .careers .grow_career_section {
    padding: 48px 0 !important;
  }
  .careers .grow_career_quote {
    margin-bottom: 24px !important;
  }
  .careers .monda-career-section,
  .friday_freshup_section {
    height: 600px !important;
  }
  .careers .friday-funda-career-section {
    padding-top: 0 !important;
  }
  .careers .friday-funda-career-section {
    padding-bottom: 144px !important;
  }
  .careers .friday-funda-career-section .career-section-title.friday-funda-text {
    bottom: 40px !important;
  }
  .design_system_process .lightResponse_card .sets_apart_card_title {
    font-size: 16px;
  }
  .design_system_process .lightResponse_card .sets_apart_card_title span {
    font-size: 24px;
  }
  .aus_sets_apart_card {
    padding: 24px !important;
  }
  .know-more-tenet {
    margin-bottom: 16px !important;
  }
  .what_tenets_of_ux .f1_section_leadtitle {
    font-size: 20px !important;
  }
  .tenets_of_ux .lighting_head .f1_section_title {
    width: 80%;
  }
  .resource-pages .f1_resource_sub_title {
    font-size: 20px;
  }
  .designtalk-banner {
    max-width: 100% !important;
    height: 100% !important;
  }
}