@media (max-width:767px) {

    .roadmap_box1 .roadmap_content,
    .roadmap_box3 .roadmap_content {
        padding-left: 10px;
        padding-right: 10px
    }

    #sec11:before,
    #sec5:before {
        top: 10%
    }

    #sec11:before,
    #sec13:before,
    #sec5:after,
    #sec5:before {
        box-shadow: 0 0 150px 50px #fff
    }

    .industries_slide,
    .success_stories_slide {
        margin-left: 0;
        margin-right: 20px
    }

    .hz-hamburger .hamburger {
        cursor: pointer
    }

    #comparison_slider .owl-nav,
    .hz-desktop-sec,
    .hz-hamburger .hamburger input,
    body main:before,
    canvas,
    h4.no_dealy_head.f-40 br {
        display: none
    }

    .hz-hamburger .hamburger svg {
        height: 3em;
        transition: transform .6s cubic-bezier(.4, 0, .2, 1)
    }

    .hz-hamburger .line {
        fill: none;
        stroke: black;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 3;
        transition: stroke-dasharray .6s cubic-bezier(.4, 0, .2, 1), stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1)
    }

    .hz-hamburger .line-top-bottom {
        stroke-dasharray: 12 63
    }

    .hz-hamburger .hamburger input:checked+svg {
        transform: rotate(-45deg)
    }

    .hz-hamburger .hamburger input:checked+svg .line-top-bottom {
        stroke-dasharray: 20 300;
        stroke-dashoffset: -32.42
    }

    .hz-hamburger {
        width: 36px;
        height: 36px;
        background-color: var(--hz-primary-color);
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .hz-hamburger label.hamburger {
        transform: scale(.7)
    }

    .container.hz-container {
        max-width: 370px;
        padding-inline: 0;
        width: 95%
    }

    #hero .row.hz-row.hz-row2,
    .hz_port_slides {
        max-width: 370px
    }

    .hz-hero-title>svg {
        max-width: 300px
    }

    .hz-hero-title {
        height: 30px
    }

    .hz-comparison-card-title.f-30,
    .step_head,
    h4.no_dealy_head.f-40,
    h4.success_head {
        font-size: 20px
    }

    .hz-hero-content .hz-hero-subtitle {
        font-size: 25px
    }

    a.hz-btn {
        min-width: 175px !important;
        font-size: 12px;
        height: 50px
    }

    section#hero:before {
        transform: translateY(-35%)
    }

    body.hz_mobile_version {
        background-size: auto;
        background-image: unset;
        background-repeat: no-repeat;
        overflow-x: hidden
    }

    .hz_port_slides .hz_port_slide img {
        object-position: center
    }

    #contactForm input,
    #contactForm textarea {
        min-height: unset
    }

    #sec2 {
        padding-top: 100px;
        padding-bottom: 60px
    }

    #sec10,
    #sec11,
    #sec12,
    #sec13,
    #sec3,
    #sec4,
    #sec5,
    #sec6,
    #sec7,
    #sec8 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    #sec2:before,
    #sec6:before {
        opacity: 0
    }

    #sec2 p.f-20,
    .industries_slide .industries_head,
    h2.f-24,
    h5.success_sub_head {
        font-size: 18px
    }

    #sec2 p.f-20>span {
        display: block
    }

    #sec2 .hz-row1>div>img {
        max-width: 102px
    }

    #sec2_logo_slider {
        pointer-events: none
    }

    #sec2_logo_slider .logo_wrapper img {
        height: auto;
        object-fit: contain;
        object-position: center;
        max-width: 100px
    }

    div#sec2_logo_slider.hz_slick_slider_reverse,
    div#sec2_logo_slider.hz_slick_slider_reverse .slick-slide {
        transform: scaleX(-1)
    }

    h2.f-55 {
        font-size: 30px
    }

    .hz_right_full_slider {
        right: calc((100% - 370px)/ -2) !important;
        padding: 0
    }

    #industries_slider .owl-stage,
    #partners_slider .owl-stage,
    #sec7_carousel .owl-stage,
    #success_stories_slider .owl-stage {
        padding-left: 0 !important
    }

    #partners_slider .partner_slide a.partner_image .hz-partner-content .hz_ratings,
    .success_stories_tags>.success_tag {
        font-size: 10px
    }

    #partners_slider .partner_slide a.partner_image .hz-partner-content .hz-partner-name {
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 0
    }

    #partners_slider .partner_slide a.partner_image .hz-partner-content .hz-partner-title {
        font-size: 14px
    }

    .active #partners_slider .partner_slide img {
        filter: saturate(1)
    }

    .partner-cursor {
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        font-weight: 500;
        width: 60px;
        height: 60px;
        font-size: 12px;
        background: var(--hz-primary-color) !important;
        box-shadow: 0 0 40px 0 rgba(252, 200, 12, .67)
    }

    #sec4_tags_slider .tag_wrapper {
        padding: 16px;
        font-size: 11px;
        border-radius: 13px
    }

    #sec5 {
        overflow: hidden
    }

    #sec5 .hz-row>div:nth-child(2) {
        transform: translateY(0)
    }

    html {
        overflow-x: hidden
    }

    .impact_card h4.f-30 {
        font-size: 20px;
        margin-bottom: 10px
    }

    p.f-20.hz-text2-color {
        font-size: 16px;
        margin-bottom: 5px;
        text-align: center
    }

    .impact_card .impact_img img {
        width: 30px;
        height: 30px;
        object-fit: contain
    }

    .impact_card .impact_img,
    .success_content_wrap>.mb-50px {
        margin-bottom: 20px
    }

    #testis_wrap .hz_test_card,
    .impact_card,
    .impact_card>div {
        height: auto !important
    }

    .impact_card {
        padding: 20px 24px
    }

    #sec5:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        bottom: 10%;
        right: 0
    }

    .impact_card.impact_card1 {
        transform: translate(-30%, 40%) rotate(-10deg)
    }

    .impact_card.impact_card2 {
        transform: translate(30%, 40%) rotate(10deg)
    }

    .impact_card.impact_card3 {
        transform: translate(-30%, 60%) rotate(-10deg)
    }

    .impact_card.impact_card4 {
        transform: translate(30%, 60%) rotate(10deg)
    }

    .impact_card.impact_card5 {
        transform: translate(-30%, 80%) rotate(-10deg)
    }

    .impact_card.impact_card6 {
        transform: translate(30%, 80%) rotate(10deg)
    }

    .blurred-wrap {
        backdrop-filter: blur(0px);
        -webkit-backdrop-filter: blur(0px);
        background: 0 0;
        border: 0 solid #2b2b2b
    }

    #comparison_slider .owl-dots {
        margin-top: 30px;
        display: flex;
        justify-content: center;
        gap: 5px
    }

    #comparison_slider,
    .hz_steps_card {
        display: flex;
        flex-direction: column
    }

    #comparison_slider .owl-dots button.owl-dot {
        width: 11px;
        height: 11px;
        border-radius: 100px;
        transition: .5s;
        background: rgb(21 21 21 / 50%);
        border: 1px solid #2b2b2b
    }

    #comparison_slider .owl-dots button.owl-dot.active {
        background: var(--hz-primary-color)
    }

    .hz-comparison-list>li {
        min-height: 100px
    }

    .step_sub_head,
    ul.hz-comparison-list.f-20,
    ul.steps_list {
        font-size: 16px
    }

    .comparison_card_main .hz-comparison-list>li:last-child {
        border-bottom: 0
    }

    .hz-comparison-card-body {
        padding-bottom: 0 !important
    }

    body.hz_mobile_version:before {
        content: '';
        background: url(../images/grid_mobile.webp);
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1
    }

    section#hero {
        background: linear-gradient(0deg, transparent, #000 40%)
    }

    section#hero:after {
        content: '';
        background-image: url(../images/hero_circle_mobile_bg.webp);
        position: absolute;
        width: 100%;
        height: 90%;
        top: 0;
        left: 0;
        z-index: -1;
        background-size: cover
    }

    .no_delay_card {
        padding: 24px !important;
        height: 225px !important
    }

    #hz_timeline:after,
    #hz_timeline:before {
        left: 0
    }

    #hz_timeline .row.hz-row:before {
        left: .75rem
    }

    .hz_steps_card .step_num {
        font-size: 150px
    }

    ul.steps_list {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    #sec8:before {
        box-shadow: 0 0 200px 70px #fff;
        top: 25%
    }

    .success_stories_slide>.success_image_wrap {
        filter: saturate(1);
        margin-bottom: 40px
    }

    .success_stories_slide>.success_image_wrap:before {
        opacity: 1
    }

    #accordionFaqs .accordion-item button.accordion-button {
        padding: 30px 60px 30px 0;
        font-size: 20px
    }

    #accordionFaqs .accordion-item button.accordion-button:after {
        width: 45px;
        height: 45px;
        right: 0;
        position: absolute
    }

    #accordionFaqs .accordion-item .accordion-body {
        max-width: 275px;
        padding: 0 0 30px
    }

    .industries_slide {
        width: 175px;
        height: 175px
    }

    .industries_slide svg {
        width: 48px;
        height: 48px
    }

    #hz_comaparison_table_mobile .hz_tab_contents_wrap>*,
    #sec13 .hz-row2>div>img {
        padding: 0
    }

    section#hero>.container.hz-container:first-child {
        height: 90%
    }

    .hz-btn[type=submit] {
        height: 38px;
        margin-top: 10px
    }

    section#sec13 {
        margin-bottom: 0
    }

    .hz_port_slides {
        transform: translate(-50%, -55%) scale(.4);
        height: 40vh;
        top: 70%
    }

    .plat_cert svg {
        width: 80px
    }

    #hz_comaparison_table_mobile .hz_tab_contents_wrap .hz_feat_ul li {
        min-height: 75px;
        display: flex;
        align-items: center;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5)
    }

    #hz_comaparison_table_mobile .hz_tab_contents_wrap {
        position: relative;
        border: 1px solid #404040;
        border-radius: 20px;
        background: #000;
        margin: 0 auto
    }

    #hz_comaparison_table_mobile .hz_tab_contents_wrap .hz_feat_ul li:not(:last-child) {
        border-bottom: 1px solid #404040
    }

    #hz_comaparison_table_mobile .hz_tab_contents_wrap:before {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #404040
    }

    #hz_comaparison_table_mobile li.nav-item>button.nav-link {
        outline: unset !important;
        box-shadow: unset !important;
        border: 0 solid #404040;
        background: #00000000;
        color: #fff;
        width: 100%;
        border-radius: 100px;
        font-weight: 500
    }

    #hz_comaparison_table_mobile li.nav-item {
        width: 50%;
        flex-grow: 1
    }

    #hz_comaparison_table_mobile .nav-tabs {
        border: 1px solid #404040;
        border-radius: 20px;
        overflow: hidden;
        margin-bottom: 20px;
        flex-wrap: wrap;
        background: #000
    }

    #hz_comaparison_table_mobile .hz_feat_ul.hz_dc_ul:after,
    #hz_comaparison_table_mobile .hz_feat_ul.hz_dc_ul:before {
        content: '';
        background: var(--hz-primary-color);
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        border-radius: 20px;
        top: 0;
        right: 0
    }

    #hz_comaparison_table_mobile li.nav-item>button.nav-link.active {
        background-color: #2f2f2f;
        color: #fff
    }

    #hz_comaparison_table_mobile li.nav-item>button.nav-link.active#dc_tab {
        background-color: var(--hz-primary-color);
        color: #000
    }

    #hz_comaparison_table_mobile .hz_feat_ul {
        position: relative;
        z-index: 0
    }

    #hz_comaparison_table_mobile .hz_feat_ul.hz_dc_ul:after {
        filter: blur(10px);
        opacity: .7
    }

    #testis_wrap>.hz_testi_row {
        transform: translate(65%, 0);
        align-items: center
    }

    .roadmap_box.roadmap_box1 {
        padding-top: 20px;
        gap: 20px
    }

    .hz_roadmap_boxes_wrap .hz-row3>div:first-child>div.roadmap_box3 {
        padding-bottom: 30px
    }

    .roadmap_box.roadmap_box6 .roadmap_content {
        padding: 0 20px 30px
    }

    .roadmap_box.roadmap_box5 .roadmap_content {
        padding: 30px 20px 0
    }

    header#hz_header .header_logo>.header_logo_text>svg {
        position: fixed;
        top: 38px;
        left: 50%;
        transform: translateX(-34vw)
    }

    p.f-20.hz-text2-color span {
        display: inline-block !important
    }

    section#sec14,
    section#sec15 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .hz_sec14_box_wrap {
        padding-top: 70px;
        padding-bottom: 70px
    }

    a.hz-btn.hz_big_btn {
        min-width: 250px !important
    }

    #sec6 a.hz-btn.hz_big_btn {
        min-width: 330px !important;
        font-size: 16px
    }

    .hz_roadmap_boxes_wrap .hz-row3>div:first-child>div.roadmap_box3 .roadmap_image {
        height: auto !important;
        margin-bottom: 20px
    }

    .hz_roadmap_boxes_wrap .hz-row3>div:last-child>.roadmap_box>div {
        padding: 20px;
        text-align: center
    }

    #sec10 p.f-20.hz-text2-color,
    #sec5 p.f-20.hz-text2-color {
        text-align: left
    }

    .roadmap_head {
        text-align: center
    }

    .roadmap_box1 .roadmap_content {
        padding-bottom: 20px
    }

    div#sec2_logo_slider.hz_slick_slider_reverse {
        margin-top: -50px
    }

    #we-build-container {
        height: 40px;
        overflow-y: hidden;
        font-size: 30px;
        font-weight: 700
    }

    #we-build {
        text-align: center !important
    }

    #hero .hz-hero-content .hz-hero-subtitle {
        font-size: 22px
    }

    .blogs_page #blog1 h1 {
        font-size: 30px;
    }

    .blogs_page #blog1 p {
        font-size: 14px;
    }

    .blogs_page #blog1 p br {
        display: none;
    }

    .blogs_page #blog2 .row.hz-row.hz-row2 {
        gap: 10px;
    }

    a.blog_article .post_content>p {
        text-align: left;
    }

    a.blog_article .post_feat_img img {
        height: 200px;
    }

    .blogs_page #blog3 .container.hz-container,
    .landing_page #blog3 .container.hz-container {
        max-width: unset;
    }

    .blogs_page #blog3 .hz-row1>.col-12 p br,
    .landing_page #blog3 .hz-row1>.col-12 p br {
        display: none;
    }

    .blogs_page #blog3 .hz-row1>.col-12 p,
    .landing_page #blog3 .hz-row1>.col-12 p {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .container.hz-container.hz-container-small {
        max-width: 370px;
    }

    .blogs_inner_page .post_main_feat_img {
        border-radius: 15px !important;
    }

    .blogs_inner_page #blog1 h1 {
        font-size: 30px;
    }

    .blogs_inner_page #blog1 p.posted_date {
        font-size: 14px;
    }

    .blog_tags {
        flex-wrap: wrap;
        gap: 10px !important;
    }

    .blogs_inner_page .blog_tag {
        padding: 10px 15px;
        border-radius: 10px;
    }

    .blogs_inner_page #blog2,
    .blogs_inner_page #blog3,
    .blogs_inner_page #blog4,
    .blogs_inner_page #blog5 {
        padding-top: 60px;
    }

    .blogs_inner_page #blog2 .hz-row1 .col-12 {
        padding: 20px 15px;
    }

    .blogs_inner_page #blog2 .hz-row1 .col-12 #accordionToc .accordion-item ul#table-of-contents {
        flex-direction: column;
    }

    .blogs_inner_page #blog2 .hz-row1 .col-12 #accordionToc .accordion-item ul#table-of-contents>li:not(:first-child) {
        width: 100% !important;
    }

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

    .blog_content_sec h2 {
        font-size: 25px;
    }

    .blog_content_sec h3 {
        font-size: 20px;
    }

    .table-wrapper {
        overflow: scroll;
    }

    th,
    td {
        font-size: 14px;
        padding: 10px;
    }

    .hz_read_more_blog {
        flex-direction: column;
    }

    .hz_read_more_blog>p {
        width: 100%;
        font-size: 30px;
        text-align: center;
    }

    .blogs_inner_page #blog1 {
        padding-top: 80px;
    }

    #lp1 {
        padding-top: 100px;
    }

    #lp1 h1 {
        font-size: 40px;
    }

    #lp1 h1 br {
        display: none;
    }

    .hz_slider-btns .hz-slider-btn {
        height: 30px;
        min-width: 30px;
    }

    .lp_form input.hz-field,
    .lp_form textarea.hz-field,
    .lp_form select.hz-field {
        font-size: 14px;
    }

    button.hz-btn[type=submit] {
        height: 40px;
    }

    #lp1,
    #lp2,
    #lp3,
    #lp4,
    #lp5,
    .landing_page #sec10 {
        padding-bottom: 0;
    }

    .landing_page .f-55 {
        font-size: 28px;
    }

    .landing_page .f-55 br {
        display: none;
    }

    .landing_page .f-24 {
        font-size: 14px;
    }

    .expertise_card .expertise_head {
        font-size: 20px;
    }

    .expertise_card .expertise_head br {
        display: none;
    }

    .expertise_card p {
        text-align: left !important;
        font-size: 14px !important;
    }

    #success_stories_slider {
        display: flex !important;
    }

    #success_stories_slider .owl-stage-outer {
        height: auto !important;
        padding-bottom: 15px;
    }

    #success_stories_slider .owl-stage-outer .owl-item {
        height: 100% !important;
    }

    #success_stories_slider .owl-stage-outer .owl-stage {
        height: 100% !important;
    }

    #success_stories_slider .owl-stage-outer .owl-item>a.success_stories_slide {
        height: 100% !important;
        margin-bottom: 0;
    }

    .clutch_reviews .hz-row-inner.hz-row-inner1>div:first-child {
        flex-direction: column !important;
        text-align: center;
    }

    #lp3 .hz-row-inner1 .f-30 {
        font-size: 20px;
    }

    #lp3 .hz-row-inner1 .ratings_stars {
        font-size: 10px;
    }

    #lp3 .hz-row-inner1 .f-20 {
        font-size: 14px;
    }

    #lp3 .hz-row-inner1 a.clutch_logo svg {
        width: 65px;
    }

    div#clutch_reviews_slider {
        width: 100% !important;
        margin: 0 auto !important;
    }

    div#clutch_reviews_slider .owl-stage-outer.owl-height {
        padding: 0 !important;
    }

    .clutch_review_slide .review_ratings {
        justify-content: center;
        font-size: 10px;
    }

    .clutch_review_slide .review_p {
        margin-bottom: 15px !important;
        font-size: 14px !important;
    }

    .landing_page #lp4 .hz-btn.hz-btn-grey {
        height: 40px !important;
        min-width: 150px !important;
    }

    #process_slider .slide_num {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .process_slide_content .process_slide_head {
        font-size: 20px !important;
    }

    .process_slide_content .process_p {
        font-size: 14px !important;
        text-align: left !important;
    }

    .process_slide_wrap {
        gap: 10px !important;
    }

    #lp4 .hz_right_full_slider {
        right: 0 !important;
        max-width: 370px;
        margin-inline: auto !important;
    }

    .expertise_cursor_wrap {
        display: none;
    }

    #lp5 .industries_slide .industries_head {
        font-size: 16px;
    }

    #lp5 .industries_slide svg {
        width: 45px;
        height: 45px;
    }

    #lp2:before,
    #sec10~#lp3:before,
    #lp5:before {
        box-shadow: rgb(255, 255, 255) 0px 0px 200px 70px;
    }

    .landing_page #blog3 .hz-row1>.col-12 h2 {
        font-size: 25px;
    }

    .process_slide_wrap .process_slide_content {
        padding: 15px !important;
    }

    .service-page .service-1 {
        padding-bottom: 0;
    }

    .service-page .service-1>.hz-container {
        padding-bottom: 0;
        width: 100% !important;
        max-width: unset !important;
    }

    .service-page .service-1>.hz-container img {
        position: relative !important;
        width: 95% !important;
        margin-left: auto;
    }

    .service-page .service-1>.hz-container>.hz-row1>div:first-child {
        max-width: 370px;
        margin: 0 auto 50px auto;
        padding: 0;
    }

    .service-page .service-1 .f-55 br {
        display: none;
    }

    .service-page .f-55 {
        font-size: 38px;
    }

    .service-page .service-2 .f-20,
    .service-page .service-5 .f-20 {
        text-align: left;
    }

    .service-page .service-2 .f-20.mb-50px,
    .service-page .service-5 .f-20.mb-50px {
        margin-bottom: 30px;
    }

    .service-page .service-2>.hz-container>.hz-row1>div:first-child,
    .service-page .service-5>.hz-container>.hz-row1>div:first-child {
        margin: 0 auto 50px auto;
    }

    .serv_form .row.form-row {
        gap: 20px;
    }

    .service-page .service-3 .impact_row {
        gap: 20px;
    }

    .service-page .idea_card .idea_head~p {
        text-align: left;
    }

    .service-page .idea_card .idea_head br {
        display: none;
    }

    .service-page .blog-3 .f-55 {
        font-size: 30px;
    }

    .service-page .blog-3 .col-12 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .service-page .blog-3 .f-55 br {
        display: none;
    }

    div#industry_inner_box4 {
        padding: 30px 10px;
    }

    .industries_inner_page .industry-inner-1 .f-28 br {
        display: none;
    }
}

@keyframes glowing {
    0% {
        text-shadow: 0 0 0 var(--hz-primary-color), 0 0 0 var(--hz-primary-color)
    }

    100% {
        text-shadow: 0 0 10px var(--hz-primary-color), 0 0 10px var(--hz-primary-color)
    }
}