@media only screen and (min-width:300px) and (max-width:767px) {
    .container {
        width: 100%;
        max-width: unset;
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
    }

    .gallerySwiper {
        width: 100%;
        overflow: hidden;
    }

    .navbar-collapse {
        background: #fff;
    }

    .navbar-toggler {
        border-radius: 100px !important;
        border: 1px solid #030712 !important;
        padding: 5px 14px !important;
    }

    .navbar-toggler-icon {
        background: url(../img/nav_icon.png);
        width: 20px;
        height: 20px;
        background-size: cover;
    }
    
  
    
    .navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon
 {
        background: url(../img/cross.svg);
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
    }

    .home_banner h1 {
        color: #030712;
        font-size: clamp(50px, 15vw, 85vw);
        line-height: 65px;
        margin-top: 20px;
    }

    .home_banner .home_banner_intro {
        font-size: 20px;
        margin-top: 0px;
    }

    .bnr_description {
        margin-top: 15px;
    }

    .home_banner .bnr_description p {
        font-size: 30px;
        font-weight: 500;
        font-style: normal;
        line-height: 44px;
                display: contents;
    }
    
    .home_banner .banner_name_img {
        margin-top: 20px;
           margin-bottom: 20px;
}

    .hide_mobile {
        display: none;
    }

    .hide_desktop {
        display: block;
    }

    .hide-desktop-img{
        display: block;
    }
    .hide-phone-img{
        display: none;
    }
    .home_banner {
        height: 100%;
        padding-top: 6rem !important;
        padding: 30px 0px;
    }

    .home_banner .bnr_btn a {
        padding: 16px 30px;
        font-size: 18px;
        margin-top: 24px;
    }

    .home_banner .bnr_btn {
        text-align: start;
    }

    .bnr_btn {
        margin: 30px 0;
    }

    .bnr_btn a {
        border-radius: 100px;
        background: #030712;
        padding: 12px 20px;
        min-width: 100%;
        text-align: center;
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: 0.32px;
        display: block;
    }

    .client_section {
        padding: 24px 0;
    }

    .client_section .client_item img {
        max-width: 150px;
        max-height: 55px;
    }

    .about_us_sec {
        padding: 0px 0 0px 0;
    }

    .selected_work_sec .section_title h2 {
        /*text-align: center;*/
    }

    .virtual_playground_sec::before,
    .virtual_playground_sec::after {
        display: none;
    }

    .testimonials_sec .section_title {
        padding-right: 15px;
    }
    
    
.testimonials_sec .swiper-nav-buttons
 {
    display: none;
}

.testimonials_sec .section_title
 {
    margin-bottom: 10px;
 }

    .section_title h2 {
        font-size: 36px;
        margin-bottom: 10px;
        line-height: 50px;
    }

    .about_description p {
        font-size: 16px;
        line-height: 24px;
    }

    .about_description {
        margin-top: 24px;
    }

    .outline_btn a {
        font-size: 14px;
        margin-top: 20px;
        padding: 12px 20px;
        width: 100%;
    }

    .key_metrics_sec .key_metrics h2 {
        font-size: 36px;
        line-height: 40px;
    }

    .key_metrics_sec {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .key_metrics_sec .key_metrics h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .key_metrics_sec .key_metrics h4 {
        font-size: 22px;
        line-height: 33.4px;
        margin-bottom: 10px;
    }

    .key_metrics_sec .key_metrics p {
        font-size: 16px;
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .selected_work_sec {
        padding: 30px 0;
    }

    .selected_work_btn {
        text-align: center;
    }

    .selected_work_sec .selected_work_sec_card .selected_work_sec_content img {
        min-width: 35px;
        min-height: 35px;
    }

    .selected_work_sec .selected_work_sec_card .selected_work_sec_content {
        gap: 24px;
    }

    .selected_work_sec .selected_work_sec_card .selected_work_sec_content h3 {
        font-size: 20px;
        line-height: 32px;
    }

    .playgroundSwiper .swiper-slide {
        height: 300px;
    }

    .virtual_playground_sec {
        padding-bottom: 30px;
    }

    .testimonials_sec {
        padding: 30px 0;
    }

    .gallery_section {
        padding: 0px 0;
        margin-bottom: 40px;
    }

    .gallerySwiper img {
        height: 400px !important;
    }

    .footer_desc h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .footer_desc p {
        font-size: 15px;
    }

    .footer_desc .ft_img img {
        width: 85px;
        height: 85px;
        margin-top: 5px;
    }

    .ft_email {
        padding: 14px 22px;
        margin-top: 30px;
    }

    .ft_email a {
        font-size: 14px;
    }

    .ft_copyright {
        padding: 15px 0px;
    }

    ul.ft_links li a {
        font-size: 14px;
    }

    ul.ft_links {
        flex-wrap: wrap;
        column-gap: 24px;
        row-gap: 14px;
        justify-content: center;
    }

    ul.ft_social_links {
        gap: 24px;
        justify-content: center;
        margin-top: 22px;
        margin-bottom: 10px;
    }

    ul.ft_social_links li a i {
        font-size: 17px;
    }

    .footer_desc h2::after {
        margin: 20px auto 30px auto;
    }

    .navbar-toggler {
        padding: 0px;
        border: none;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar .navbar-brand {
        font-size: 20px;
    }

    #about_sticky {
        display: none;
    }

    .scroll_spy_sec {
        padding-top: 6rem;
        padding-bottom: 10px;
    }

    .about_card img {
        margin-bottom: 18px;
    }

    .scroll_spy_sec h2 {
        font-size: 32px;
        line-height: 48px;
        margin-bottom: 20px;
    }

    .mb_32 {
        margin-bottom: 15px !important;
    }

    .about_card h3 {
        font-size: 16px;
    }

    .about_card p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .about_exp_container .about_exp_card {
        padding-bottom: 20px;
        position: relative;
        padding-left: 20px;
    }

    .about_exp_container .about_exp_card h3 {
        font-size: 18px;
    }

    .about_exp_container .about_exp_card p {
        font-size: 15px;
        line-height: 23px;
    }

    .about_exp_container .about_exp_card img {
        width: 74px;
        height: 75px;
        padding: 5px;
    }

    .about_list ul li {
        font-size: 16px;
        padding-bottom: 15px;
        margin-top: 15px;
    }

    .mb_72 {
        margin-bottom: 30px;
    }

    .tool_used_card .tool_used {
        margin-top: 24px;
        padding-bottom: 24px;
    }

    .tool_used {
        gap: 15px;
    }

    .tool_used img {
        width: 40px;
        height: 40px;
    }

    .tool_used h3 {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 0px;
    }

    .selected_work_banner h1 {
        font-size: 65px;
        line-height: 72px;
    }

    .selected_work_banner h1 span {
        font-size: 65px;
        line-height: 72px;
    }

    .selected_work_banner {
        padding: 80px 0px 20px 0px;
        background: #F9F9F9;
    }

    .news_bytes_banner h1 {
        font-size: 44px;
        line-height: 42px;
        margin-bottom: 8px;
    }

    .news_bytes_banner p {
        font-size: 17px;
        margin-bottom: 26px;
    }

    .news_bytes_content h2 {
        font-size: 30px;
        line-height: 45px;
        margin: 32px 0 12px 0;
    }
    .news_bytes_content2 h2{
        padding-bottom: 0px;
        margin-top: 0px;
    }
    .news_bytes_content p {
        font-size: 17px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .milkshala-banner {
    margin-top: 15px;
}
.milkshala-banner.mb-62{
    margin-bottom: 8px !important;
}
.news_bytes_content2 ul{
    padding-left: 20px;
}
.news_bytes_content2.mb-62.mb-20 {
    margin-bottom: 20px !important;
}
.news_bytes_content2 ul li{
font-weight: 500;
font-size: 16px;
line-height: 22px;
margin-bottom: 18px;
}
.news_bytes_content2.mt-62.mt-20{
    margin-top: 20px !important;
}
.news_bytes_content2 h2{
            font-size: 30px;
        line-height: 45px;
}
.news_bytes_content2 p{
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 15px;
}
#statement-back {
    background-color: #F6F6F6;
    padding: 32px 0px;
}
.stages-card{
    display: block;
}
.stage-img-mob{
    width: 100%;
    background: #fff;
    border-radius: 10px;
    margin-top: 15px;
}
.stage-img-mob img{
    margin: auto;
}
.stages-card p{
    font-weight: 450;
}
.stage-text{
    width: 100%;
    margin-left: 0px;
}
.prototyping_card span{
    font-size: 16px;
    line-height: 24px;
}
.user-interview {
    margin-top: 42px;
}
.discovery_phase {
    margin-top: 40px;
    margin-bottom: 42px;
}
.design_process_card {
    margin-bottom: 42px;
}
.define_phase_sec{
    margin-top: 42px;
}
    .news_bytes_content h3 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .process_highlight {
        background: #fff;
        padding: 0px 0px 0px 0px;
    }

    .process_highlight_card {
        padding: 18px 15px;
        height: auto;
        margin-bottom: 15px;
    }

    .process_highlight .process_highlight_card h3 {
        font-size: 16px;
        margin-top: 0px !important;
    }

    .process_highlight .process_highlight_card p {
        font-size: 16px;
    }

    .discovery_phase .discovery_phase_card p {
        font-size: 15px;
        line-height: 26px;
        padding-left: 0px;
        padding-top: 32px;
    }

    .discovery_phase .discovery_phase_card {
        padding: 20px 20px 24px 15px;
    }

    .methodology h3{
        font-size: 32px !important;
        margin-top: 30px !important;
    }

    .analysis_table img,
    .analysis_rating img,
    .evaluation img {
        min-width: 100%;
        margin-top: 32px;
        margin-bottom: 24px;
    }

    .analysis_rating img{
        margin-top: 12px !important;
    }
    .define_phase_sec h2 {
        font-size: 32px;
        line-height: 45px;
        margin-bottom: 15px;
    }

    .define_phase_sec p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.2px;
    }

    .define_phase_sec h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 16px;
        font-weight: 600;
    }

    .define_phase_img {
        width: 100%;
        height: 300px;
    }

    .define_phase_img img {
        object-fit: cover;
        height: 100% !important;
        width: 100% !important;
        object-position: top;
        border-radius: 10px;
    }

    .define_phase_card_content h4 {
        font-size: 20px;
        margin-top: 20px;
    }

    ul.list_1 li {
        font-size: 14px;
    }

    .participants_sec h3{
        font-size: 32px !important;
        margin-top: 40px;
    }
    .define_phase_sec .define_phase_card_content p {
        text-align: left;
        font-size: 14px;
        margin-bottom: 0;
    }

    .df_list p:first-child::after {
        top: 0;
        right: auto;
        font-size: 22px;
        left: 30px;
    }

    .df_list {
        margin-top: 15px;
    }

    .define_phase_sec .define_phase_gb {
        padding: 15px;
    }

    .hide-phone{
        display: none;
    }
    ul.list_3 li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 17px;
    }

    .findings_insights {
        padding: 20px;
        margin-top: 22px;
        border-radius: 0px;
    }
ul.list_3 {
    padding-left: 20px;
    margin-top: 10px;
}
    .visual_guidline {
        padding: 0px;
        border-radius: 10px;
        background: transparent;
    }

    .visual_guidline img {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .visual_design .visual_bg {
        padding: 20px 15px;
    }

    .visual_design_data .visual_label {
        font-size: 16px;
        text-align: left;
        margin-bottom: 2px;
    }
    .visual_image h3{
font-weight: 700;
font-size: 22px;
line-height: 32px;
text-align: left;
    }
    .visual_image p{
        text-align: left;
        margin-top: 16px;
    }
    ul.visual_list{
        margin-top: 16px;
    }
    ul.visual_list li {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 22px;
        text-align: left;
    }

    .visual_image {
        margin-bottom: 20px;
    }

    .mt_52 {
        margin-top: 30px !important;
    }

    .prototyping_img {
        margin: 25px 0;
    }

    .prototyping_img img {
        height: 160px;
    }

    .participants_sec.process_highlight {
        padding: 15px !important;
    }

    ul.methodology_list li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 23px;
    }

    ul.methodology_list li b {
        color: #030712;
        font-family: "Montserrat", sans-serif;
        font-size: 16px;
    }

    .participate_bg {
        border-radius: 10px;
        background: #FFEDF0;
        padding: 20px 15px;
    }

    ul.participate_list li {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .user_feedback_bg {
        padding: 24px 15px;
        border-radius: 0px;
    }

    .tank_you_bg {
        background: #D0071A;
        padding: 24px 0;
    }

    .tank_you_bg p {
        font-size: 22px;
        line-height: 28px;
    }

    .contact_sec .contact_sec_inner {
        padding: 20px 15px;
    }

    .contact_sec .contact_sec_inner h2 {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 20px;
    }

    .contact_us_content {
        padding-right: 0px;
    }

    .contact_detail a {
        font-size: 15px;
    }

    .contact_detail .contact_icon img {
        width: 30px;
    }

    .testmonial-info {
        justify-content: flex-start;
        gap: 5px;
        margin-top: 15px;
        flex-direction: column;
    }

    .testmonial-info h3 {
        font-size: 14px;
        margin-bottom: 0;
    }

    .testmonial-caption p {
        font-size: 14px;
        line-height: 22px;
    }

    .testmonial-caption {
        padding: 16px 14px 16px 14px;
        margin: 8px;
    }

    .testmonial-info span {
        text-align: start;
    }

    .popup-info h3 {
        font-size: 22px;
        line-height: 20px;
        padding: 16px 0px 16px;
    }

    .popup-info p {
        font-size: 14px;
        margin: 0px 0px;
    }

    .popup-info {
        padding: 0px;
    }

    .popup-info .outline_btn a {
        margin: 20px 0px;
        display: inline-block;
        width: auto;
    }

    .popup-info img.popupImg {
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 768px) and (max-width: 991.99px) {
    .container {
        width: 100%;
        max-width: unset;
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
    }

    .gallerySwiper {
        width: 100%;
        overflow: hidden;
    }

    .navbar-collapse {
        background: #fff;
    }

    .navbar-toggler {
        border-radius: 100px !important;
        border: 1px solid #030712 !important;
        padding: 5px 14px !important;
    }

    .navbar-toggler-icon {
        background: url(../img/nav_icon.png);
        width: 20px;
        height: 20px;
        background-size: cover;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
    }

    .home_banner h1 {
        color: #030712;
        font-size: clamp(50px, 15vw, 85vw);
        line-height: 95px;
        margin-top: 20px;
    }

    .home_banner .home_banner_intro {
        font-size: 20px;
        margin-top: 0px;
    }

    .bnr_description {
        margin-top: 15px;
    }

    .home_banner .bnr_description p {
        font-size: 28px;
        line-height: 46px;
    }

    .home_banner {
        height: 100%;
        padding-top: 6rem !important;
        padding: 30px 0px;
    }

    .home_banner .bnr_btn a {
        padding: 16px 30px;
        font-size: 18px;
        margin-top: 24px;
    }

    .home_banner .bnr_btn {
        text-align: end;
    }

    .client_section {
        padding: 24px 0;
    }

    .client_section .client_item img {
        max-width: 150px;
        max-height: 55px;
    }

    .about_us_sec {
        padding: 30px 0 30px 0;
    }

    .section_title h2 {
        font-size: 32px;
        margin-bottom: 10px;
        line-height: 50px;
    }

    .about_description p {
        font-size: 15px;
    }

    .about_description {
        margin-top: 0px;
    }

    .about_us_sec .about_img {
        position: sticky;
        top: 65px;
    }

    .outline_btn a {
        font-size: 14px;
        margin-top: 0px;
        padding: 12px 20px;
    }

    .key_metrics_sec .key_metrics h2 {
        font-size: 36px;
        line-height: 40px;
    }

    .key_metrics_sec {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .key_metrics_sec .key_metrics h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .key_metrics_sec .key_metrics h4 {
        font-size: 20px;
        line-height: 28.4px;
        margin-bottom: 10px;
    }

    .key_metrics_sec .key_metrics p {
        font-size: 15px;
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .selected_work_sec {
        padding: 30px 0;
    }

    .selected_work_btn {
        text-align: start;
    }

    .selected_work_sec .selected_work_sec_card .selected_work_sec_content img {
        min-width: 35px;
        min-height: 35px;
    }

    .selected_work_sec .selected_work_sec_card .selected_work_sec_content {
        gap: 24px;
    }

    .selected_work_sec .selected_work_sec_card .selected_work_sec_content h3 {
        font-size: 18px;
        line-height: 32px;
    }

    .playgroundSwiper .swiper-slide {
        height: 200px;
    }

    .virtual_playground_sec {
        padding-bottom: 30px;
    }

    .testimonials_sec {
        padding: 30px 0;
    }

    .gallery_section {
        padding: 0px 0;
        margin-bottom: 40px;
    }

    .gallerySwiper img {
        height: 400px !important;
        width: 100%;
    }

    .footer_desc h2 {
        font-size: 32px;
        line-height: 46px;
    }

    .footer_desc p {
        font-size: 15px;
    }

    .footer_desc .ft_img img {
        width: 85px;
        height: 85px;
        margin-top: 5px;
    }

    .ft_email {
        padding: 14px 22px;
        margin-top: 30px;
    }

    .ft_email a {
        font-size: 14px;
    }

    .ft_copyright {
        padding: 15px 0px;
    }

    ul.ft_links li a {
        font-size: 14px;
    }

    ul.ft_links {
        gap: 20px;
    }

    ul.ft_social_links {
        gap: 24px;
    }

    ul.ft_social_links li a i {
        font-size: 17px;
    }

    .footer_desc h2::after {
        margin: 20px auto 30px auto;
    }

    .navbar-toggler {
        padding: 0px;
        border: none;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar .navbar-brand {
        font-size: 20px;
    }

    .scroll_spy_sec {
        padding-top: 6rem;
        padding-bottom: 10px;
    }

    .about_card img {
        margin-bottom: 30px;
    }

    .scroll_spy_sec h2 {
        font-size: 32px;
        line-height: 48px;
        margin-bottom: 5px;
    }

    .mb_32 {
        margin-bottom: 15px !important;
    }

    .about_card h3 {
        font-size: 16px;
    }

    .about_card p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .about_exp_container .about_exp_card {
        padding-bottom: 20px;
        position: relative;
        padding-left: 20px;
    }

    .about_exp_container .about_exp_card h3 {
        font-size: 16px;
    }

    .about_exp_container .about_exp_card p {
        font-size: 14px;
        line-height: 25px;
    }

    .about_exp_container .about_exp_card img {
        width: 74px;
        height: 75px;
        padding: 5px;
    }

    .about_list ul li {
        font-size: 15px;
        padding-bottom: 15px;
        margin-top: 15px;
    }

    .mb_72 {
        margin-bottom: 30px;
    }

    .tool_used_card .tool_used {
        margin-top: 24px;
        padding-bottom: 24px;
    }

    .tool_used {
        gap: 15px;
    }

    .tool_used img {
        width: 40px;
        height: 40px;
    }

    .tool_used h3 {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 0px;
    }

    .selected_work_banner h1 {
        font-size: 65px;
        line-height: 72px;
    }

    .selected_work_banner h1 span {
        font-size: 65px;
        line-height: 72px;
    }

    .selected_work_banner {
        padding: 80px 0px 20px 0px;
        background: #F9F9F9;
    }

    .news_bytes_banner h1 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 8px;
    }

    .news_bytes_banner p {
        font-size: 17px;
    }

    .news_bytes_content h2 {
        font-size: 32px;
        line-height: 45px;
        margin: 30px 0 20px 0;
    }

    .news_bytes_content p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .news_bytes_content h3 {
        font-size: 24px;
        line-height: 38px;
        margin-bottom: 10px;
    }

    .process_highlight {
        background: #fff;
        padding: 0px 24px 0 0;
    }

    .process_highlight_card {
        padding: 18px 15px;
        height: auto;
        margin-bottom: 15px;
    }

    .process_highlight .process_highlight_card h3 {
        font-size: 16px;
    }

    .process_highlight .process_highlight_card p {
        font-size: 16px;
    }

    .discovery_phase .discovery_phase_card p {
        font-size: 15px;
        line-height: 26px;
        padding-left: 33px;
    }

    .discovery_phase .discovery_phase_card {
        padding: 20px 20px 24px 15px;
    }

    .analysis_table img,
    .analysis_rating img,
    .evaluation img {
        min-width: 100%;
        margin-top: 32px;
        margin-bottom: 24px;
    }

    .define_phase_sec h2 {
        font-size: 32px;
        line-height: 45px;
    }

    .define_phase_sec p {
        font-size: 16px;
        line-height: 26px;
    }

    .define_phase_sec h3 {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 16px;
    }

    .define_phase_img {
        width: 100%;
        height: 100%;
        position: sticky;
        top: 0;
        z-index: 99;
    }

    .define_phase_img img {
        position: sticky;
        top: 70px;
        z-index: 99;
    }

    /* .define_phase_img img {
        object-fit: cover;
        height: 100% !important;
        width: 100% !important;
        object-position: top;
    } */

    .define_phase_card_content h4 {
        font-size: 20px;
        margin-top: 20px;
    }

    ul.list_1 li {
        font-size: 14px;
    }

    .define_phase_sec .define_phase_card_content p {
        text-align: left;
        font-size: 14px;
        margin-bottom: 0;
    }

    .df_list p:first-child::after {
        top: 0;
        right: auto;
        font-size: 22px;
        left: 30px;
    }

    .df_list {
        margin-top: 15px;
    }

    .define_phase_sec .define_phase_gb {
        padding: 15px;
    }

    ul.list_3 li {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 17px;
    }

    .findings_insights {
        padding: 20px;
    }

    .visual_guidline {
        padding: 0px 0px;
    }

    .visual_guidline img {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .visual_design .visual_bg {
        padding: 20px 15px;
    }

    .visual_design_data .visual_label {
        font-size: 18px;
    }

    ul.visual_list li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 22px;
    }

    .visual_image {
        margin-bottom: 20px;
    }

    .mt_52 {
        margin-top: 30px !important;
    }

    .prototyping_img {
        margin: 25px 0;
    }

    .prototyping_img img {
        height: 160px;
    }

    .participants_sec.process_highlight {
        padding: 15px !important;
    }

    ul.methodology_list li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 23px;
    }

    ul.methodology_list li b {
        color: #030712;
        font-family: "Montserrat", sans-serif;
        font-size: 16px;
    }

    .participate_bg {
        border-radius: 10px;
        background: #FFEDF0;
        padding: 20px 15px;
    }

    ul.participate_list li {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .user_feedback_bg {
        padding: 24px 15px;
    }

    .tank_you_bg {
        background: #D0071A;
        padding: 24px 0;
    }

    .tank_you_bg p {
        font-size: 22px;
        line-height: 28px;
    }

    .contact_sec .contact_sec_inner {
        padding: 24px 20px;
    }

    .contact_sec .contact_sec_inner h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 20px;
    }

    .contact_us_content {
        padding-right: 0px;
    }

    .contact_detail a {
        font-size: 15px;
    }

    .contact_detail .contact_icon img {
        width: 30px;
    }

    .testimonials_sec .testimonials-grid {
        grid-template-columns: 1fr 1fr;
    }

    .scroll_spy_sec .nav-pills .nav-link.active,
    .scroll_spy_sec .nav-pills .show>.nav-link {
        font-size: 16px;
        line-height: 24.8px;
        padding: 6px 0px;
    }

    .participate_img {
        text-align: end;
        position: sticky;
        top: 70px;
        z-index: 99;
    }

    .news_bytes_banner {
        padding-top: 6rem;
    }

    .testmonial-info {
        justify-content: flex-start;
        gap: 5px;
        margin-top: 20px;
        flex-direction: column;
    }

    .testmonial-info h3 {
        font-size: 14px;
        margin-bottom: 0;
    }

    .testmonial-caption p {
        font-size: 14px;
        line-height: 24px;
    }

    .testmonial-caption {
        padding: 16px 14px 16px 14px;
        margin: 8px;
    }

    .testmonial-info span {
        text-align: start;
    }

    .popup-info h3 {
        font-size: 22px;
        line-height: 20px;
        padding: 16px 0px 16px;
    }

    .popup-info p {
        font-size: 14px;
        margin: 0px 0px;
    }

    .modal-dialog {
        max-width: 430px;
    }

    .popup-info {
        padding: 10px 30px;
    }

    .popup-info .outline_btn a {
        margin: 20px 0px;
        display: inline-block;
        width: auto;
    }

    .popup-info img.popupImg {
        width: 60px;
    }
}

@media only screen and (min-width: 992px) and (max-width:1023.98px) {
    .container {
        width: 100%;
        max-width: unset;
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
    }

    .gallerySwiper {
        width: 100%;
        overflow: hidden;
    }

    .navbar-collapse {
        background: #fff;
    }

    .navbar-toggler {
        border-radius: 100px !important;
        border: 1px solid #030712 !important;
        padding: 5px 14px !important;
    }

    .navbar-toggler-icon {
        background: url(../img/nav_icon.png);
        width: 20px;
        height: 20px;
        background-size: cover;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
    }

    .home_banner h1 {
        color: #030712;
        font-size: clamp(50px, 15vw, 85vw);
        line-height: 95px;
        margin-top: 20px;
    }

    .home_banner .home_banner_intro {
        font-size: 20px;
        margin-top: 0px;
    }

    .bnr_description {
        margin-top: 15px;
    }

    .home_banner .bnr_description p {
        font-size: 28px;
        line-height: 46px;
    }

    .home_banner {
        height: 100%;
        padding-top: 6rem !important;
        padding: 30px 0px;
    }

    .home_banner .bnr_btn a {
        padding: 16px 30px;
        font-size: 18px;
        margin-top: 24px;
    }

    .home_banner .bnr_btn {
        text-align: end;
    }

    .client_section {
        padding: 24px 0;
    }

    .client_section .client_item img {
        max-width: 150px;
        max-height: 55px;
    }

    .about_us_sec {
        padding: 30px 0 30px 0;
    }

    .section_title h2 {
        font-size: 32px;
        margin-bottom: 10px;
        line-height: 50px;
    }

    .about_description p {
        font-size: 15px;
    }

    .about_description {
        margin-top: 0px;
    }




    .about_us_sec .about_img {
        position: sticky;
        top: 65px;
    }

    .outline_btn a {
        font-size: 14px;
        margin-top: 0px;
        padding: 12px 20px;
    }

    .key_metrics_sec .key_metrics h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .key_metrics_sec {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .key_metrics_sec .key_metrics h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .key_metrics_sec .key_metrics h4 {
        font-size: 20px;
        line-height: 28.4px;
        margin-bottom: 10px;
    }

    .key_metrics_sec .key_metrics p {
        font-size: 15px;
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .selected_work_sec {
        padding: 30px 0;
    }

    .selected_work_btn {
        text-align: start;
    }

    .selected_work_sec .selected_work_sec_card .selected_work_sec_content img {
        min-width: 35px;
        min-height: 35px;
    }

    .selected_work_sec .selected_work_sec_card .selected_work_sec_content {
        gap: 24px;
    }

    .selected_work_sec .selected_work_sec_card .selected_work_sec_content h3 {
        font-size: 18px;
        line-height: 32px;
    }

    .playgroundSwiper .swiper-slide {
        height: 200px;
    }

    .virtual_playground_sec {
        padding-bottom: 30px;
    }

    .testimonials_sec {
        padding: 30px 0;
    }

    .gallery_section {
        padding: 0px 0;
        margin-bottom: 40px;
    }

    .gallerySwiper img {
        height: 400px !important;
        width: 100%;
    }

    .footer_desc h2 {
        font-size: 32px;
        line-height: 46px;
    }

    .footer_desc p {
        font-size: 15px;
    }

    .footer_desc .ft_img img {
        width: 85px;
        height: 85px;
        margin-top: 5px;
    }

    .ft_email {
        padding: 14px 22px;
        margin-top: 30px;
    }

    .ft_email a {
        font-size: 14px;
    }

    .ft_copyright {
        padding: 15px 0px;
    }

    ul.ft_links li a {
        font-size: 14px;
    }

    ul.ft_links {
        gap: 20px;
    }

    ul.ft_social_links {
        gap: 24px;
    }

    ul.ft_social_links li a i {
        font-size: 17px;
    }

    .footer_desc h2::after {
        margin: 20px auto 30px auto;
    }

    .navbar-toggler {
        padding: 0px;
        border: none;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar .navbar-brand {
        font-size: 20px;
    }

    .scroll_spy_sec {
        padding-top: 6rem;
        padding-bottom: 10px;
    }

    .about_card img {
        margin-bottom: 30px;
    }

    .scroll_spy_sec h2 {
        font-size: 32px;
        line-height: 48px;
        margin-bottom: 5px;
    }

    .mb_32 {
        margin-bottom: 15px !important;
    }

    .about_card h3 {
        font-size: 16px;
    }

    .about_card p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .about_exp_container .about_exp_card {
        padding-bottom: 20px;
        position: relative;
        padding-left: 20px;
    }

    .about_exp_container .about_exp_card h3 {
        font-size: 16px;
    }

    .about_exp_container .about_exp_card p {
        font-size: 14px;
        line-height: 25px;
    }

    .about_exp_container .about_exp_card img {
        width: 74px;
        height: 75px;
        padding: 5px;
    }

    .about_list ul li {
        font-size: 15px;
        padding-bottom: 15px;
        margin-top: 15px;
    }

    .mb_72 {
        margin-bottom: 30px;
    }

    .tool_used_card .tool_used {
        margin-top: 24px;
        padding-bottom: 24px;
    }

    .tool_used {
        gap: 15px;
    }

    .tool_used img {
        width: 40px;
        height: 40px;
    }

    .tool_used h3 {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 0px;
    }

    .selected_work_banner h1 {
        font-size: 65px;
        line-height: 72px;
    }

    .selected_work_banner h1 span {
        font-size: 65px;
        line-height: 72px;
    }

    .selected_work_banner {
        padding: 80px 0px 20px 0px;
        background: #F9F9F9;
    }

    .news_bytes_banner h1 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 8px;
    }

    .news_bytes_banner p {
        font-size: 17px;
    }

    .news_bytes_content h2 {
        font-size: 32px;
        line-height: 45px;
        margin: 30px 0 20px 0;
    }

    .news_bytes_content p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .news_bytes_content h3 {
        font-size: 24px;
        line-height: 38px;
        margin-bottom: 10px;
    }

    .process_highlight {
        background: #fff;
        padding: 0px 24px 0 0;
    }

    .process_highlight_card {
        padding: 18px 15px;
        height: auto;
        margin-bottom: 15px;
    }

    .process_highlight .process_highlight_card h3 {
        font-size: 16px;
    }

    .process_highlight .process_highlight_card p {
        font-size: 16px;
    }

    .discovery_phase .discovery_phase_card p {
        font-size: 15px;
        line-height: 26px;
        padding-left: 33px;
    }

    .discovery_phase .discovery_phase_card {
        padding: 20px 20px 24px 15px;
    }

    .analysis_table img,
    .analysis_rating img,
    .evaluation img {
        min-width: 100%;
        margin-top: 32px;
        margin-bottom: 24px;
    }

    .define_phase_sec h2 {
        font-size: 32px;
        line-height: 45px;
    }

    .define_phase_sec p {
        font-size: 16px;
        line-height: 26px;
    }

    .define_phase_sec h3 {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 16px;
    }

    .define_phase_img {
        width: 100%;
        height: 100%;
        position: sticky;
        top: 0;
        z-index: 99;
    }

    .define_phase_img img {
        position: sticky;
        top: 70px;
        z-index: 99;
    }

    /* .define_phase_img img {
                object-fit: cover;
                height: 100% !important;
                width: 100% !important;
                object-position: top;
            } */

    .define_phase_card_content h4 {
        font-size: 20px;
        margin-top: 20px;
    }

    ul.list_1 li {
        font-size: 14px;
    }

    .define_phase_sec .define_phase_card_content p {
        text-align: left;
        font-size: 14px;
        margin-bottom: 0;
    }

    .df_list p:first-child::after {
        top: 0;
        right: auto;
        font-size: 22px;
        left: 30px;
    }

    .df_list {
        margin-top: 15px;
    }

    .define_phase_sec .define_phase_gb {
        padding: 15px;
    }

    ul.list_3 li {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 17px;
    }

    .findings_insights {
        padding: 20px;
    }

    .visual_guidline {
        padding: 0px 0px;
    }

    .visual_guidline img {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .visual_design .visual_bg {
        padding: 20px 15px;
    }

    .visual_design_data .visual_label {
        font-size: 18px;
    }

    ul.visual_list li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 22px;
    }

    .visual_image {
        margin-bottom: 20px;
    }

    .mt_52 {
        margin-top: 30px !important;
    }

    .prototyping_img {
        margin: 25px 0;
    }

    .prototyping_img img {
        height: 160px;
    }

    .participants_sec.process_highlight {
        padding: 15px !important;
    }

    ul.methodology_list li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 23px;
    }

    ul.methodology_list li b {
        color: #030712;
        font-family: "Montserrat", sans-serif;
        font-size: 16px;
    }

    .participate_bg {
        border-radius: 10px;
        background: #FFEDF0;
        padding: 20px 15px;
    }

    ul.participate_list li {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .user_feedback_bg {
        padding: 24px 15px;
    }

    .tank_you_bg {
        background: #D0071A;
        padding: 24px 0;
    }

    .tank_you_bg p {
        font-size: 22px;
        line-height: 28px;
    }

    .contact_sec .contact_sec_inner {
        padding: 24px 20px;
    }

    .contact_sec .contact_sec_inner h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 20px;
    }

    .contact_us_content {
        padding-right: 0px;
    }

    .contact_detail a {
        font-size: 15px;
    }

    .contact_detail .contact_icon img {
        width: 30px;
    }

    .testimonials_sec .testimonials-grid {
        grid-template-columns: 1fr 1fr;
    }

    .scroll_spy_sec .nav-pills .nav-link.active,
    .scroll_spy_sec .nav-pills .show>.nav-link {
        font-size: 16px;
        line-height: 24.8px;
        padding: 6px 0px;
    }

    .participate_img {
        text-align: end;
        position: sticky;
        top: 70px;
        z-index: 99;
    }

    .news_bytes_banner {
        padding-top: 6rem;
    }

    .testmonial-info {
        justify-content: flex-start;
        gap: 5px;
        margin-top: 20px;
        flex-direction: column;
    }

    .testmonial-info h3 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .testmonial-caption p {
        font-size: 14px;
        line-height: 24px;
    }

    .testmonial-caption {
        padding: 16px 14px 16px 14px;
        margin: 8px;
    }

    .testmonial-info span {
        text-align: start;
    }

    .popup-info h3 {
        font-size: 22px;
        line-height: 20px;
        padding: 16px 0px 16px;
    }

    .popup-info p {
        font-size: 14px;
        margin: 0px 0px;
    }

    .modal-dialog {
        max-width: 430px;
    }

    .popup-info {
        padding: 10px 30px;
    }

    .popup-info .outline_btn a {
        margin: 20px 0px;
        display: inline-block;
        width: auto;
    }

    .popup-info img.popupImg {
        width: 60px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1260px) {
    .container {
        width: 100%;
        max-width: unset;
        padding-right: 20px;
        padding-left: 20px;
    }

    .gallerySwiper {
        width: 100%;
        overflow: hidden;
    }

    .navbar-collapse {
        background: #fff;
    }

    .navbar-toggler {
        border-radius: 100px !important;
        border: 1px solid #030712 !important;
        padding: 5px 14px !important;
    }

    .navbar-toggler-icon {
        background: url(../img/nav_icon.png);
        width: 20px;
        height: 20px;
        background-size: cover;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
    }

    .home_banner h1 {
        color: #030712;
        font-size: clamp(50px, 15vw, 85vw);
        line-height: 145px;
        margin-top: 20px;
    }

    .home_banner .home_banner_intro {
        font-size: 20px;
        margin-top: 0px;
    }

    .bnr_description {
        margin-top: 15px;
    }

    .home_banner .bnr_description p {
        font-size: 28px;
        line-height: 46px;
    }

    .home_banner {
        height: 100%;
        padding-top: 6rem !important;
        padding: 30px 0px;
    }

    .home_banner .bnr_btn a {
        padding: 16px 30px;
        font-size: 18px;
        margin-top: 24px;
    }

    .home_banner .bnr_btn {
        text-align: end;
    }

    .client_section {
        padding: 24px 0;
    }

    .client_section .client_item img {
        max-width: 150px;
        max-height: 55px;
    }

    .about_us_sec {
        padding: 30px 0 30px 0;
    }

    .section_title h2 {
        font-size: 32px;
        margin-bottom: 10px;
        line-height: 50px;
    }

    .about_description p {
        font-size: 15px;
    }

    .about_description {
        margin-top: 0px;
    }

    .about_us_sec .about_img {
        position: sticky;
        top: 65px;
    }

    .outline_btn a {
        font-size: 14px;
        margin-top: 0px;
        padding: 12px 20px;
    }

    .key_metrics_sec .key_metrics h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .key_metrics_sec {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .key_metrics_sec .key_metrics h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .key_metrics_sec .key_metrics h4 {
        font-size: 20px;
        line-height: 28.4px;
        margin-bottom: 10px;
    }

    .key_metrics_sec .key_metrics p {
        font-size: 15px;
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .selected_work_sec {
        padding: 30px 0;
    }

    .visual_image img {
        width: 500px;
    }

    .selected_work_sec .selected_work_sec_card .selected_work_sec_content img {
        min-width: 35px;
        min-height: 35px;
    }

    .selected_work_sec .selected_work_sec_card .selected_work_sec_content {
        gap: 24px;
    }

    .selected_work_sec .selected_work_sec_card .selected_work_sec_content h3 {
        font-size: 18px;
        line-height: 32px;
    }

    .playgroundSwiper .swiper-slide {
        height: 200px;
    }

    .virtual_playground_sec {
        padding-bottom: 30px;
    }

    .testimonials_sec {
        padding: 30px 0;
    }

    .gallery_section {
        padding: 0px 0;
        margin-bottom: 40px;
    }

    .gallerySwiper img {
        height: 400px !important;
        width: 100%;
    }

    .footer_desc h2 {
        font-size: 32px;
        line-height: 46px;
    }

    .footer_desc p {
        font-size: 15px;
    }

    .footer_desc .ft_img img {
        width: 85px;
        height: 85px;
        margin-top: 5px;
    }

    .ft_email {
        padding: 14px 22px;
        margin-top: 30px;
    }

    .ft_email a {
        font-size: 14px;
    }

    .ft_copyright {
        padding: 15px 0px;
    }

    ul.ft_links li a {
        font-size: 14px;
    }

    ul.ft_links {
        gap: 20px;
    }

    ul.ft_social_links {
        gap: 24px;
    }

    ul.ft_social_links li a i {
        font-size: 17px;
    }

    .footer_desc h2::after {
        margin: 20px auto 30px auto;
    }

    .navbar-toggler {
        padding: 0px;
        border: none;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar .navbar-brand {
        font-size: 20px;
    }

    .scroll_spy_sec {
        padding-top: 6rem;
        padding-bottom: 10px;
    }

    .about_card img {
        margin-bottom: 30px;
    }

    .scroll_spy_sec h2 {
        font-size: 32px;
        line-height: 48px;
        margin-bottom: 5px;
    }

    .mb_32 {
        margin-bottom: 15px !important;
    }

    .about_card h3 {
        font-size: 16px;
    }

    .about_card p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .about_exp_container .about_exp_card {
        padding-bottom: 20px;
        position: relative;
        padding-left: 20px;
    }

    .about_exp_container .about_exp_card h3 {
        font-size: 16px;
    }

    .about_exp_container .about_exp_card p {
        font-size: 14px;
        line-height: 25px;
    }

    .about_exp_container .about_exp_card img {
        width: 74px;
        height: 75px;
        padding: 5px;
    }

    .about_list ul li {
        font-size: 15px;
        padding-bottom: 15px;
        margin-top: 15px;
    }

    .mb_72 {
        margin-bottom: 30px;
    }

    .tool_used_card .tool_used {
        margin-top: 24px;
        padding-bottom: 24px;
    }

    .tool_used {
        gap: 15px;
    }

    .tool_used img {
        width: 40px;
        height: 40px;
    }

    .tool_used h3 {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 0px;
    }

    .selected_work_banner h1 {
        font-size: 65px;
        line-height: 72px;
    }

    .selected_work_banner h1 span {
        font-size: 65px;
        line-height: 72px;
    }

    .selected_work_banner {
        padding: 80px 0px 20px 0px;
        background: #F9F9F9;
    }

    .news_bytes_banner h1 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 8px;
    }

    .news_bytes_banner p {
        font-size: 17px;
    }

    .news_bytes_content h2 {
        font-size: 32px;
        line-height: 45px;
        margin: 30px 0 20px 0;
    }

    .news_bytes_content p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .news_bytes_content h3 {
        font-size: 24px;
        line-height: 38px;
        margin-bottom: 10px;
    }

    .process_highlight {
        background: #fff;
        padding: 0px 24px 0 0;
    }

    .process_highlight_card {
        padding: 18px 15px;
        height: auto;
        margin-bottom: 15px;
    }

    .process_highlight .process_highlight_card h3 {
        font-size: 16px;
    }

    .process_highlight .process_highlight_card p {
        font-size: 16px;
    }

    .discovery_phase .discovery_phase_card p {
        font-size: 15px;
        line-height: 26px;
        padding-left: 33px;
    }

    .discovery_phase .discovery_phase_card {
        padding: 20px 20px 24px 15px;
    }

    .analysis_table img,
    .analysis_rating img,
    .evaluation img {
        min-width: 100%;
        margin-top: 32px;
        margin-bottom: 24px;
    }

    .define_phase_sec h2 {
        font-size: 32px;
        line-height: 45px;
    }

    .define_phase_sec p {
        font-size: 16px;
        line-height: 26px;
    }

    .define_phase_sec h3 {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 16px;
    }

    .define_phase_img {
        width: 100%;
        height: 100%;
        position: sticky;
        top: 0;
        z-index: 99;
    }

    .define_phase_img img {
        position: sticky;
        top: 70px;
        z-index: 99;
    }

    /* .define_phase_img img {
                object-fit: cover;
                height: 100% !important;
                width: 100% !important;
                object-position: top;
            } */

    .define_phase_card_content h4 {
        font-size: 20px;
        margin-top: 20px;
    }

    ul.list_1 li {
        font-size: 14px;
    }

    .define_phase_sec .define_phase_card_content p {
        text-align: left;
        font-size: 14px;
        margin-bottom: 0;
    }

    .df_list p:first-child::after {
        top: 0;
        right: auto;
        font-size: 22px;
        left: 30px;
    }

    .df_list {
        margin-top: 15px;
    }

    .define_phase_sec .define_phase_gb {
        padding: 15px;
    }

    ul.list_3 li {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 17px;
    }

    .findings_insights {
        padding: 20px;
    }

    .visual_guidline {
        padding: 0px 0px;
    }

    .visual_guidline img {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .visual_design .visual_bg {
        padding: 20px 15px;
    }

    .visual_design_data .visual_label {
        font-size: 18px;
    }

    ul.visual_list li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 22px;
    }

    .visual_image {
        margin-bottom: 20px;
    }

    .mt_52 {
        margin-top: 30px !important;
    }

    .prototyping_img {
        margin: 25px 0;
    }

    .participants_sec.process_highlight {
        padding: 15px !important;
    }

    ul.methodology_list li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 23px;
    }

    ul.methodology_list li b {
        color: #030712;
        font-family: "Montserrat", sans-serif;
        font-size: 16px;
    }

    .participate_bg {
        border-radius: 10px;
        background: #FFEDF0;
        padding: 20px 15px;
    }

    ul.participate_list li {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .user_feedback_bg {
        padding: 24px 15px;
    }

    .tank_you_bg {
        background: #D0071A;
        padding: 24px 0;
    }

    .tank_you_bg p {
        font-size: 22px;
        line-height: 28px;
    }

    .contact_sec .contact_sec_inner {
        padding: 24px 24px;
    }

    .contact_sec .contact_sec_inner h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 20px;
    }

    .contact_us_content {
        padding-right: 36px;
    }

    .contact_detail a {
        font-size: 15px;
    }

    .contact_detail .contact_icon img {
        width: 30px;
    }

    .testimonials_sec .testimonials-grid {
        grid-template-columns: 1fr 1fr;
    }

    .scroll_spy_sec .nav-pills .nav-link.active,
    .scroll_spy_sec .nav-pills .show>.nav-link {
        font-size: 16px;
        line-height: 24.8px;
        padding: 6px 0px;
    }

    .participate_img {
        text-align: end;
        position: sticky;
        top: 70px;
        z-index: 99;
    }

    .news_bytes_banner {
        padding-top: 6rem;
    }

    .testmonial-info {
        justify-content: flex-start;
        gap: 5px;
        margin-top: 24px;
        flex-direction: column;
    }

    .testmonial-info h3 {
        font-size: 14px;
        margin-bottom: 0;
    }

    .testmonial-caption p {
        font-size: 14px;
        line-height: 24px;
    }

    .testmonial-caption {
        padding: 16px 14px 16px 14px;
        margin: 8px;
    }

    .testmonial-info span {
        text-align: start;
    }

    .popup-info h3 {
        font-size: 22px;
        line-height: 20px;
        padding: 16px 0px 16px;
    }

    .popup-info p {
        font-size: 14px;
        margin: 0px 0px;
    }

    .modal-dialog {
        max-width: 430px;
    }

    .popup-info {
        padding: 10px 30px;
    }

    .popup-info .outline_btn a {
        margin: 20px 0px;
        display: inline-block;
        width: auto;
    }

    .popup-info img.popupImg {
        width: 60px;
    }
}

@media only screen and (min-width:1261px) and (max-width:1366px) {
    .container {
        width: 100%;
        max-width: unset;
        padding-right: 60px;
        padding-left: 60px;
    }

    .gallerySwiper {
        width: 100%;
        overflow: hidden;
    }

    .navbar-collapse {
        background: #fff;
    }

    .navbar-toggler {
        border-radius: 100px !important;
        border: 1px solid #030712 !important;
        padding: 5px 14px !important;
    }

    .navbar-toggler-icon {
        background: url(../img/nav_icon.png);
        width: 20px;
        height: 20px;
        background-size: cover;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
    }

    .home_banner h1 {
        color: #030712;
        font-size: clamp(50px, 15vw, 85vw);
        line-height: 185px;
        margin-top: 20px;
    }

    .home_banner .home_banner_intro {
        font-size: 24px;
        margin-top: 0px;
    }

    .bnr_description {
        margin-top: 15px;
    }

    .home_banner .bnr_description p {
        font-size: 40px;
        line-height: 52px;
    }

    .home_banner {
        height: 100%;
        padding-top: 6rem !important;
        padding: 30px 0px;
    }

    .home_banner .bnr_btn a {
        padding: 18px 38px;
        font-size: 22px;
        margin-top: 24px;
    }

    .home_banner .bnr_btn {
        text-align: end;
    }

    .client_section {
        padding: 40px 0;
    }

    .client_section .client_item img {
        max-width: 150px;
        max-height: 55px;
    }

    .about_us_sec {
        padding: 50px 0 50px 0;
    }

    .section_title h2 {
        font-size: 42px;
        margin-bottom: 10px;
        line-height: 50px;
    }

    .about_description {
        margin-top: 0px;
    }

    .about_us_sec .about_img {
        position: sticky;
        top: 65px;
    }

    .outline_btn a {
        font-size: 16px;
        margin-top: 20px;
    }

    .key_metrics_sec .key_metrics h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .key_metrics_sec {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .key_metrics_sec .key_metrics h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .key_metrics_sec .key_metrics h4 {
        font-size: 20px;
        line-height: 28.4px;
        margin-bottom: 10px;
    }

    .key_metrics_sec .key_metrics p {
        font-size: 15px;
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .selected_work_sec {
        padding: 50px 0;
    }

    .visual_image img {
        width: 500px;
    }

    .selected_work_sec .selected_work_sec_card .selected_work_sec_content img {
        min-width: 35px;
        min-height: 35px;
    }

    .selected_work_sec .selected_work_sec_card .selected_work_sec_content {
        gap: 24px;
    }

    .selected_work_sec .selected_work_sec_card .selected_work_sec_content h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .playgroundSwiper .swiper-slide {
        height: 200px;
    }

    .virtual_playground_sec {
        padding-bottom: 30px;
    }

    .testimonials_sec {
        padding: 30px 0;
    }

    .gallery_section {
        padding: 0px 0;
        margin-bottom: 40px;
    }

    .gallerySwiper img {
        height: 400px !important;
        width: 100%;
    }

    .footer_desc h2 {
        font-size: 32px;
        line-height: 46px;
    }

    .footer_desc p {
        font-size: 15px;
    }

    .footer_desc .ft_img img {
        width: 85px;
        height: 85px;
        margin-top: 5px;
    }

    .ft_email {
        padding: 14px 22px;
        margin-top: 30px;
    }

    .ft_email a {
        font-size: 14px;
    }

    .ft_copyright {
        padding: 15px 0px;
    }

    ul.ft_links li a {
        font-size: 14px;
    }

    ul.ft_links {
        gap: 20px;
    }

    ul.ft_social_links {
        gap: 24px;
    }

    ul.ft_social_links li a i {
        font-size: 17px;
    }

    .footer_desc h2::after {
        margin: 20px auto 30px auto;
    }

    .navbar-toggler {
        padding: 0px;
        border: none;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar .navbar-brand {
        font-size: 20px;
    }

    .scroll_spy_sec {
        padding-top: 6rem;
        padding-bottom: 10px;
    }

    .about_card img {
        margin-bottom: 30px;
    }

    .scroll_spy_sec h2 {
        font-size: 32px;
        line-height: 48px;
        margin-bottom: 5px;
    }

    .mb_32 {
        margin-bottom: 15px !important;
    }

    .about_card h3 {
        font-size: 16px;
    }

    .about_card p {
        margin-bottom: 15px;
    }


    .about_exp_container .about_exp_card h3 {
        font-size: 16px;
    }

    .about_exp_container .about_exp_card p {
        font-size: 14px;
        line-height: 25px;
    }

    .about_exp_container .about_exp_card img {
        width: 74px;
        height: 75px;
        padding: 5px;
    }

    .about_list ul li {
        font-size: 15px;
        padding-bottom: 15px;
        margin-top: 15px;
    }

    .mb_72 {
        margin-bottom: 30px;
    }

    .tool_used_card .tool_used {
        margin-top: 24px;
        padding-bottom: 24px;
    }

    .tool_used {
        gap: 15px;
    }

    .tool_used img {
        width: 40px;
        height: 40px;
    }

    .tool_used h3 {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 0px;
    }

    .selected_work_banner h1 {
        font-size: 75px;
        line-height: 92px;
    }

    .selected_work_banner h1 span {
        font-size: 75px;
        line-height: 92px;
    }

    .selected_work_banner {
        padding: 110px 0px 60px 0px;
        background: #F9F9F9;
    }

    .news_bytes_banner h1 {
        font-size: 60px;
        line-height: 72px;
        margin-bottom: 8px;
    }

    .news_bytes_banner p {
        font-size: 22px;
    }

    .news_bytes_content h2 {
        font-size: 32px;
        line-height: 45px;
        margin: 30px 0 20px 0;
    }

    .news_bytes_content p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .news_bytes_content h3 {
        font-size: 24px;
        line-height: 38px;
        margin-bottom: 10px;
    }

    .process_highlight {
        background: #fff;
        padding: 0px 24px 0 0;
    }

    .process_highlight_card {
        padding: 18px 15px;
        height: auto;
        margin-bottom: 15px;
    }

    .process_highlight .process_highlight_card h3 {
        font-size: 16px;
    }

    .process_highlight .process_highlight_card p {
        font-size: 16px;
    }

    .discovery_phase .discovery_phase_card p {
        font-size: 15px;
        line-height: 26px;
        padding-left: 33px;
    }

    .discovery_phase .discovery_phase_card {
        padding: 20px 20px 24px 15px;
    }

    .analysis_table img,
    .analysis_rating img,
    .evaluation img {
        min-width: 100%;
        margin-top: 32px;
        margin-bottom: 24px;
    }

    .define_phase_sec h2 {
        font-size: 32px;
        line-height: 45px;
    }

    .define_phase_sec p {
        font-size: 16px;
        line-height: 26px;
    }

    .define_phase_sec h3 {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 16px;
    }

    .define_phase_img {
        width: 100%;
        height: 100%;
        position: sticky;
        top: 0;
        z-index: 99;
    }

    .define_phase_img img {
        position: sticky;
        top: 70px;
        z-index: 99;
    }

    /* .define_phase_img img {
                    object-fit: cover;
                    height: 100% !important;
                    width: 100% !important;
                    object-position: top;
                } */

    .define_phase_card_content h4 {
        font-size: 20px;
        margin-top: 20px;
    }

    ul.list_1 li {
        font-size: 14px;
    }

    .define_phase_sec .define_phase_card_content p {
        text-align: left;
        font-size: 14px;
        margin-bottom: 0;
    }

    .df_list p:first-child::after {
        top: 0;
        right: auto;
        font-size: 22px;
        left: 30px;
    }

    .df_list {
        margin-top: 15px;
    }

    .define_phase_sec .define_phase_gb {
        padding: 15px;
    }

    ul.list_3 li {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 17px;
    }

    .findings_insights {
        padding: 20px;
    }

    .visual_guidline {
        padding: 0px 0px;
    }

    .visual_guidline img {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .visual_design .visual_bg {
        padding: 20px 15px;
    }

    .visual_design_data .visual_label {
        font-size: 18px;
    }

    ul.visual_list li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 22px;
    }

    .visual_image {
        margin-bottom: 20px;
    }

    .mt_52 {
        margin-top: 30px !important;
    }

    .prototyping_img {
        margin: 25px 0;
    }

    .participants_sec.process_highlight {
        padding: 15px !important;
    }

    ul.methodology_list li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 23px;
    }

    ul.methodology_list li b {
        color: #030712;
        font-family: "Montserrat", sans-serif;
        font-size: 16px;
    }

    .participate_bg {
        border-radius: 10px;
        background: #FFEDF0;
        padding: 20px 15px;
    }

    ul.participate_list li {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .user_feedback_bg {
        padding: 24px 15px;
    }

    .tank_you_bg {
        background: #D0071A;
        padding: 24px 0;
    }

    .tank_you_bg p {
        font-size: 22px;
        line-height: 28px;
    }

    .contact_sec .contact_sec_inner {
        padding: 35px 35px;
    }

    .contact_sec .contact_sec_inner h2 {
        font-size: 42px;
        line-height: 52px;
        margin-bottom: 20px;
    }

    .contact_us_content {
        padding-right: 36px;
    }

    .contact_detail a {
        font-size: 15px;
    }

    .contact_detail .contact_icon img {
        width: 30px;
    }

    .testimonials_sec .testimonials-grid {
        grid-template-columns: 1fr 1fr;
    }

    .scroll_spy_sec .nav-pills .nav-link.active,
    .scroll_spy_sec .nav-pills .show>.nav-link {
        font-size: 18px;
        line-height: 24.8px;
        padding: 6px 0px;
    }

    .participate_img {
        text-align: end;
        position: sticky;
        top: 70px;
        z-index: 99;
    }

    .news_bytes_banner {
        padding-top: 7rem;
    }

    .testmonial-info {
        justify-content: flex-start;
        gap: 5px;
        margin-top: 24px;
        flex-direction: column;
    }

    .testmonial-info h3 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .testmonial-caption p {
        font-size: 16px;
        line-height: 28px;
    }

    .testmonial-caption {
        padding: 16px 14px 16px 14px;
        margin: 8px;
    }

    .testmonial-info span {
        text-align: start;
    }

    .popup-info h3 {
        font-size: 22px;
        line-height: 20px;
        padding: 16px 0px 16px;
    }

    .popup-info p {
        font-size: 14px;
        margin: 0px 0px;
    }

    .modal-dialog {
        max-width: 430px;
    }

    .popup-info {
        padding: 10px 30px;
    }

    .popup-info .outline_btn a {
        margin: 20px 0px;
        display: inline-block;
        width: auto;
    }

    .popup-info img.popupImg {
        width: 60px;
    }
}