.enquire-btn {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    transition: color 0.3s ease;
    z-index: 1;
    text-transform: capitalize;
    font-family: Onest, sans-serif;
    font-size: 20px !important;
    padding-left: 30px !important;
    margin-top: 2rem !important;
}

.enquire-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #b3f52b;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
    z-index: -1;
}

.enquire-btn:hover::before {
    transform: scaleX(1);
}

.enquire-btn:hover {
    color: #000;
}

a.enquire-btn:hover .phone {
    position: relative;
    z-index: 10;
    background-color: #ffff;
}

.title-privacy h1 {
    margin: 0
}

.page-number,
.page-arrow {
    font-family: Onest, sans-serif
}

.pagination-nav {
    padding: 16px 20px !important;
    border-radius: 50px
}

a.contact-now-button {
    margin: 0 !important
}

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

.partners_logo_item img {
    background: none !important;
    background-color: transparent !important;
    -webkit-background-clip: padding-box;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.cloud6-features li img {
    background: none !important;
    background-color: transparent !important;
    -webkit-background-clip: padding-box;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hero-section {
    z-index: 1
}

.action_relative {
    position: relative;
    z-index: 1
}

.hero-description {
    font-family: Onest, sans-serif;
    font-size: 20px !important;
    font-weight: 300 !important;
    line-height: 30px
}

.tech-text {
    font-family: Onest, sans-serif;
    font-size: 20px !important;
    font-weight: 300 !important;
    line-height: 30px
}

@media (max-width:1400px) {
    .service-card {
        min-width: 23%;
        height: 395px
    }

    .hero-video-container.move {
        height: 86vh !important
    }

    .hero-video {
        width: 90% !important;
        height: 95% !important;
        object-fit: contain !important
    }

    .hero-title {
        font-size: 3.3rem !important
    }

    .why-choose {
        padding: 10px 0 30px 0
    }

    section.portfolio_section .marquee_card-title {
        font-family: 'Onest', sans-serif;
        font-weight: 500;
        font-size: 17px
    }

    .quote-text p {
        font-size: 27px;
        line-height: 32px;
        width: 50%
    }

    .process-step.process-step-4 {
        padding-top: 20px
    }

    .process-step-visual:nth-child(2) {
        align-items: self-start
    }

    .process-step.process-step-1.in-view {
        justify-content: space-evenly;
        gap: 20px
    }

    .service-description {
        font-size: 15px;
        line-height: 22px;
        max-height: 300px
    }

    .about_hero-text-left h1 {
        font-size: 58px;
        line-height: 62px;
        width: 65%
    }

    .work_project_image {
        height: 411px
    }

    .view-more {
        font-size: 15px
    }

    .gallery-row.row-equal {
        height: max-content
    }

    .services-container h1 {
        margin-bottom: 0
    }

    .service-title {
        padding-top: 55px
    }

    .service-card:hover .service-title {
        padding-top: 20px
    }

    .s_detail_hero-left h1 {
        width: 100%
    }

    .our_service_card_icon {
        width: 140px !important;
        height: 190px;
        margin: 0 auto
    }

    .blog_detail_header h1 {
        width: 65%;
        font-weight: 600;
        font-size: 31px
    }

    section.detail-content-section h2 {
        font-size: 29px;
        line-height: 121%;
        padding-bottom: 26px;
        padding-top: 26px
    }

    .approach_card-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(21%, 1fr));
        gap: 33px
    }

    .main_tittle {
        top: 39%
    }

    .marquee_card-title {
        font-size: 16px
    }

    .subtitle {
        font-size: 110px;
        top: 57%
    }

    .linear-gradient {
        position: absolute;
        top: 15%
    }

    .work-card-item {
        height: 76vh;
        background-position: center
    }

    .gallery-item.two .gallery-image {
        height: 100% 150px
    }

    .ftr_bottom_links a {
        font-size: 14px
    }

    .ftr_copyright p {
        font-size: 14px
    }

    .work_card-item {
        min-height: 280px
    }

    .contact_status-box img {
        width: 25px;
        height: auto
    }

    .contact_call_button {
        border-radius: 30px;
        padding: 16px 20px
    }

    .contact_left {
        width: 100%;
        max-width: 65%
    }

    .contact_info {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .contact_info_item.w-2 {
        width: 42%
    }

    .contact_form_group {
        margin-bottom: 0
    }

    .get_contact-left span {
        font-weight: 600;
        font-size: 65px;
        line-height: 110%
    }

    .get_icons {
        margin-top: 25px;
        gap: 20px
    }

    .about_hero-text-right p {
        font-size: 23px;
        line-height: 125%
    }

    .blog-work h1 {
        font-size: 80px
    }

    .service-card {
        width: auto
    }

    .partners_logo_container {
        padding: 15px 0
    }

    .partners_logo_item img {
        max-width: 90%
    }

    .faq_answer_content {
        font-size: 17px
    }

    .about_hero-image img {
        width: 85%
    }

    .about_hero-image {
        left: 28%;
        top: 25px
    }

    .why-choose-image img {
        max-width: 70%;
        height: auto
    }

    .marquee_card::before {
        width: 100% !important
    }

    ul.ftr_links.top {
        width: 60%
    }

    .s_detail_hero-image {
        max-width: 55%
    }

    .s_detail_hero-right span {
        font-size: 25px;
        width: 60%
    }

    .about_hero-text-right p {
        width: 59%
    }

    .mobile-nav-list {
        padding-top: 60px
    }

    section.get_contact-section .contact_info_item.w-2 {
        width: 90%
    }

    span.arrow-btn img {
        width: 12px !important
    }

    .contact_status-box {
        width: 55px;
        height: 55px
    }

    .service_section {
        padding-top: 70px;
    }
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .number-6 {
        top: 40%
    }

    .number-6 {
        width: 100%;
        height: 60%
    }

    .service_section {
        padding: 50px 0;
        min-height: 63vh;
        contain: layout style paint;
        padding-bottom: 0
    }

    .work-card-item {
        height: 50vh
    }

    .subtitle {
        font-size: 60px;
        top: 58%
    }

    .main_tittle {
        top: 48%;
        font-size: 60px
    }

    .number-6 {
        top: 25%
    }
}

@media (max-width:767px) {
    .services-container {
        width: 100%;
        margin: 0 auto;
        padding: 0 0
    }

    .work_card-tag {
        margin-left: 10px
    }

    .service-card {
        min-width: 50%;
        height: 350px
    }

    .services-slider {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        cursor: grab;
        transition: unset;
        will-change: unset;
        scroll-behavior: smooth;
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-x: unset;
        overflow-y: unset;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: unset
    }

    .gap {
        gap: 19px;
        display: flex;
        flex-wrap: wrap
    }

    .ftr_bottom_links {
        display: flex;
        gap: 10px;
        font-family: 'Onest', sans-serif;
        font-weight: 300;
        font-size: 15px;
        flex-direction: column
    }

    .ftr_col h3 {
        width: 90%;
        margin-bottom: 10px;
        padding-bottom: 10px;
        padding-top: 20px
    }

    .ftr_copyright p {
        display: flex;
        flex-direction: column
    }

    ul.ftr_links.top {
        width: 90%;
        padding-top: 0;
        margin-top: 0
    }

    .number-6 {
        height: 465px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .number-6 {
        width: 100%;
        height: 60%
    }

    .main_tittle {
        font-size: 40px
    }

    .subtitle {
        font-size: 42px;
        top: 52%;
        left: 5%;
        right: unset;
        font-weight: 800
    }

    h1.title_main {
        width: 100%
    }

    .mobile-nav-list a {
        font-size: 54px
    }

    .nav-open img {
        position: absolute;
        top: 1.5rem;
        left: 10px
    }

    .mobile-nav-list {
        padding-top: 0
    }

    .close-nav {
        margin-top: 0
    }

    .nav-open {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 130px
    }

    .soc-icons {
        position: absolute;
        bottom: 1.5rem;
        left: 50%;
        transform: translateX(-50%)
    }

    span.view-card {
        padding-top: 30px
    }

    .hero-section {
        position: relative;
        min-height: 100vh
    }

    .main_tittle {
        font-size: 56px;
        top: 45%;
        left: 5%
    }

    .hero-banner {
        background-position: right center
    }

    .about-content {
        width: 85%;
        padding-bottom: 65px;
        text-align: justify;
        padding-top: 0
    }

    img.hashtag {
        left: -22px;
        position: absolute;
        top: -52px;
        width: 60px
    }

    .work-card-item:first-child {
        min-height: auto
    }

    .work-section-wrapper {
        max-height: max-content !important
    }

    .linear-gradient {
        position: absolute;
        top: 50px
    }

    .service_section {
        padding: 30px 0 7px 0
    }

    .owl-carousel.our_service_slider.owl-loaded.owl-drag {
        padding-top: 30px
    }

    .marquee_card::before {
        width: 100% !important
    }

    .work_card-section {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
        padding: 0 20px 0 25px
    }

    .work_card-item {
        min-height: 230px
    }

    .work-card-item:last-child {
        min-height: auto
    }

    .work_card-gallery {
        display: flex;
        flex: unset;
        overflow-x: unset;
        gap: 1.5rem;
        flex-direction: column;
        width: 100%
    }

    .star-wrapper-mob {
        text-align: center
    }

    .star-wrapper-mob img {
        margin: 0 auto;
        width: 51%
    }

    .work_card-title {
        font-family: 'Onest', sans-serif;
        font-weight: 400;
        font-size: 30px;
        font-size: 25px;
        line-height: 30px
    }

    .approch-text {
        font-size: 25px;
        line-height: 30px
    }

    .approach_card-item {
        text-align: center
    }

    .see-all-btn .see-all {
        position: relative !important
    }

    .see-all-btn {
        display: flex;
        justify-content: center;
        width: 100%
    }

    .partners_logo_wrapper {
        justify-content: space-around;
        gap: 20px;
        flex-wrap: wrap
    }

    .partners_logo_item {
        width: 25%
    }

    .logo_position {
        width: 45%
    }

    .product_marquee {
        padding-top: 30px
    }

    .partners_logo_item img {
        max-height: auto;
        max-width: 100%;
        max-height: max-content
    }

    .logo_position:nth-child(n+3) {
        display: none
    }

    .ftr_container {
        padding: 30px 20px 15px
    }

    .ftr_grid {
        grid-template-columns: 1fr;
        gap: 0
    }

    .ftr_cta {
        justify-content: flex-start;
        margin-top: 8px
    }

    .ftr_bottom {
        flex-direction: column;
        align-items: flex-start;
        border-radius: 20px;
        border: 1px solid #a6a4a4
    }

    .ftr_google_badge p {
        display: flex;
        align-items: start;
        flex-direction: column
    }

    .ftr_google_badge {
        align-items: start;
        gap: 5px;
        justify-content: start;
        padding-top: 10px;
        flex-direction: column
    }

    .why-choose {
        flex-direction: column;
        text-align: center;
        padding-top: 0
    }

    .why-choose-image {
        margin-top: 30px
    }

    .contact_container {
        flex-direction: column
    }

    .contact_left {
        max-width: 100%;
        order: 2
    }

    .contact_right {
        padding-top: 40px;
        justify-content: center;
        position: relative;
        top: 0;
        display: flex;
        overflow: hidden
    }

    .contact_status-box img {
        width: 30px;
        height: auto
    }

    .contact_call_button {
        padding: 25px 29px;
        border-radius: 50px
    }

    .contact_status-box {
        width: 60px;
        height: 60px
    }

    section.portfolio_section span {
        padding-left: 15px
    }

    .portfolio_section p {
        padding-left: 15px
    }

    .contact_ufo {
        max-width: 75%;
        margin: 0 auto;
        padding-left: 25px
    }

    .contact_interests {
        gap: 8px
    }

    .contact_interest_item {
        padding: 6px 0;
        font-size: 13px
    }

    h1.contact_title {
        font-size: 62px;
        width: 50%;
        text-align: left !important;
        margin: unset;
        margin-bottom: 30px
    }

    .contact_form_text {
        font-size: 22px
    }

    .work_grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
    }

    .work_header {
        padding-right: 110px
    }

    .tittle-work {
        justify-content: space-between;
        align-items: baseline;
        flex-direction: column;
        gap: 20px
    }

    .tittle-work h1,
    .tittle-work span {
        font-size: 40px;
        line-height: 47px;
        display: inline
    }

    footer {
        display: block
    }

    .slider-container {
        padding: 5px 10px
    }

    .service-card {
        min-width: 200px;
        height: 280px
    }

    .services-title {
        font-size: 2.5rem
    }

    .blog_detail_title {
        font-size: 20px
    }

    .blog_detail_meta {
        gap: 10px;
        width: 90%;
        padding: 0 0 20px 0;
        align-items: baseline
    }

    .blog_detail_hero img {
        min-height: 30vh;
        border-radius: 20px
    }

    .error_contact {
        flex-wrap: wrap
    }

    .blog_detail_left_meta {
        display: flex;
        justify-content: center;
        align-items: baseline
    }

    .blog_detail_header h1 {
        width: 100%;
        font-size: 31px
    }

    .blog_detail_left_meta {
        width: 90%
    }

    .blog_detail_content {
        width: 90%
    }

    .blog_detail_share {
        margin-top: 10px
    }

    section.detail-content-section h2 {
        width: 100%
    }

    .blog_detail_content ul li {
        text-align: justify
    }

    .blog-sub img {
        width: 100%;
        border-radius: 15px;
        height: 190px;
        padding-bottom: 0
    }

    .blog-sub {
        width: 90%;
        margin: 0 auto
    }

    .blog_detail_more_blogs {
        position: static;
        display: block;
        text-align: center;
        margin-top: 20px;
        margin-left: 0
    }

    .wrapper {
        flex-wrap: wrap;
        flex-direction: column
    }

    .speciality_left {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 0
    }

    .right {
        width: 95%;
        position: relative;
        padding-top: 0;
        margin: 0 auto
    }

    .get_contact-left span {
        display: none
    }

    .owl-carousel.portfolio_marquee {
        display: flex;
        flex-direction: column;
        gap: 28px;
        padding-left: 15px
    }

    .cardbox_right {
        padding-right: 10px
    }

    .left {
        width: 100%;
        padding-right: 0
    }

    .speciality_icon {
        margin-left: auto
    }

    .speciality_right {
        padding-left: 0;
        width: 100%
    }

    .wrapper {
        flex-wrap: wrap
    }

    .speciality_right ul {
        padding-left: 0
    }

    .blog-card {
        padding: 8px
    }

    .blog-img {
        width: 100px;
        height: 100px
    }

    .blog-content h3 {
        font-size: 14px
    }

    section.approach_card-section p {
        text-align: justify
    }

    .approach_card-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
        gap: 25px
    }

    .approach_card-icon {
        width: 90%;
        margin: 0 auto;
        min-height: 200px
    }

    .mobile-nav-list a {
        z-index: 999
    }

    span.card-title_sub {
        text-align: left
    }

    .approach_card-title span {
        text-align: left
    }

    .section_title {
        text-align: left
    }

    .why-choose-content h2 {
        display: inline;
        text-align: left;
        font-size: 25px;
        line-height: 34px
    }

    .faq-text {
        font-size: 25px;
        line-height: 30px;
        width: 100%
    }

    span.trust-part {
        font-family: Onest, sans-serif;
        font-weight: 400;
        font-size: 25px;
        line-height: 30px
    }

    .approach_card-intro h2 {
        margin: 10px 0;
        font-size: 25px;
        line-height: 30px;
        margin-top: 0
    }

    .ftr_social {
        order: 2
    }

    .lg-none {
        display: block
    }

    .sm-none {
        display: none
    }

    .blog-card {
        display: flex;
        flex-direction: column
    }

    .blog-img {
        width: 100%;
        height: 210px
    }

    span.read-time.top-bor {
        font-size: 16px;
        display: block;
        border-top: solid .01px #000;
        padding-top: 10px
    }

    .our_service_card_icon {
        width: 100% !important;
        height: 160px;
        text-align: center
    }

    span.service-txt {
        width: 77%;
        min-height: 20px
    }

    .our_service_card {
        min-height: 330px;
        justify-content: center
    }

    .product_slider .item img {
        width: 100%
    }

    .why-choose-tittle.blur-fade-up {
        padding-bottom: 25px;
        text-align: left;
        line-height: 30px;
        font-family: Onest, sans-serif;
        font-weight: 400;
        font-size: 25px;
        text-align: left
    }

    span.blog-text {
        text-align: justify
    }

    .blog-content p {
        font-size: 16px;
        text-align: justify;
        width: 100%
    }

    .faq_ask_btn.lg-none {
        width: max-content;
        margin-left: 0;
        margin-top: 15px
    }

    .faq_icon {
        position: absolute;
        left: 0;
        top: 30%
    }

    img.brackets {
        position: absolute;
        right: 0;
        top: -50px;
        width: 40px
    }

    .blog-section {
        max-width: 100%;
        position: relative;
        padding-bottom: 10px;
        padding-left: 15px
    }

    .blog-section .see-all {
        position: absolute;
        top: 5px;
        right: 10px
    }

    .blog-header {
        position: relative;
        width: 95%;
        margin: 0 auto
    }

    .owl-carousel.blog-slider.owl-loaded.owl-drag {
        padding-left: 0
    }

    .blog-date {
        font-size: 13px;
        padding: 12px 16px;
        border-radius: 22px
    }

    .faq_question {
        padding-left: 35px;
        padding-right: 0;
        background-color: transparent !important;
        outline: none !important
    }

    .faq_answer_content {
        padding-left: 0;
        text-align: justify
    }

    .faq_list {
        padding-top: 0
    }

    .blog-slider-section h3 {
        width: 100%;
        font-size: 27px
    }

    section.blog-section .see-all {
        margin: 0 auto;
        position: static;
        width: 30%
    }

    .contact_info {
        flex-wrap: wrap;
        justify-content: space-between
    }

    .contact_info_item.w-2 {
        width: 100%;
        padding-bottom: 5px;
        padding-top: 20px
    }

    .contact_info_text {
        padding-bottom: 15px
    }

    .contact_info_item {
        width: 100%
    }

    .contact_submit {
        min-width: max-content;
        padding: 10px 25px;
        margin: 0 auto;
        text-align: center
    }

    .contact_info_icon {
        padding-top: unset !important
    }

    .contact_form_group {
        flex-direction: column
    }

    main {
        padding-bottom: 45px;
        padding-top: 30px
    }

    .services-container h1 {
        font-size: 40px
    }

    .service-page .service-card {
        min-height: 280px;
        width: 100%;
        min-width: 40%;
        height: 395px
    }

    .service-page .our_service_card_icon img {
        width: 100%;
        height: 180px;
        margin: 0 auto
    }

    .service-description {
        max-height: 320px
    }

    .service-page .service-title h3 {
        font-size: 24px;
        text-align: justify;
        width: 80%
    }

    section.service-page .slider-container {
        padding: 5px 10px;
        width: 90%;
        margin: 0 auto
    }

    .work_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 24px
    }

    .blog-work h1 {
        font-size: 46px;
        font-weight: 800
    }

    .pagination {
        padding: 10px 16px;
        min-width: 55%;
        justify-content: space-between
    }

    .pagination .page-info {
        letter-spacing: 2.3px
    }

    .work_tabs {
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 20px
    }

    .career_title {
        font-size: 46px;
        font-weight: 800
    }

    .custom-checkbox {
        position: relative;
        display: inline-block;
        width: 75px;
        height: 19px
    }

    .accordion button[aria-expanded='true']+.accordion-content {
        width: 100%
    }

    .cust_checkbox {
        width: 100%
    }

    .contact_input {
        border-radius: 0
    }

    .career_hero p {
        text-align: justify
    }

    .career_openings {
        padding-top: 0
    }

    .career_list {
        padding-top: 15px
    }

    section.detail-section h2 {
        font-size: 28px
    }

    .detail_join_section p {
        text-align: justify
    }

    .s_detail_hero-left h1 {
        font-size: 42px;
        line-height: 45px;
        width: 80%;
        padding-top: 90px;
        font-weight: 600
    }

    .s_detail_hero-right {
        flex: 1 1 100%;
        min-width: 100%;
        padding-top: 105px
    }

    .quote-text p {
        margin: 0;
        font-family: Onest, sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        margin: 0;
        width: 86%
    }

    .quote-center-image img {
        width: 75%
    }

    .s_detail_hero-right span {
        width: 100%;
        text-align: left;
        font-size: 21px
    }

    .s_detail_hero-center {
        left: 13%;
        top: 0%
    }

    .details_container p {
        text-align: justify
    }

    .quote-center-image {
        position: absolute;
        left: 80%;
        top: -5%;
        width: 140px
    }

    .quote-content {
        padding: 2rem 1rem 16px;
        border-radius: 14px;
        align-items: flex-start;
        width: 90%;
        flex-direction: column
    }

    .quote-text {
        width: 76%
    }

    .quote-button {
        margin: 0 auto;
        margin-top: 20px
    }

    .quote-button a {
        padding: 4px 19px
    }

    section.detail_tittle_section {
        padding: 40px 0;
        overflow: hidden
    }

    .cardbox_section {
        padding: 0 0;
        width: 100%;
        padding-left: 15px
    }

    .cardbox_left h2 {
        font-size: 35px;
        line-height: 132%
    }

    .cardbox_card {
        height: 710px
    }

    .container-logo {
        padding-top: 30px
    }

    .cardbox_top {
        display: flex;
        gap: 2rem;
        padding-bottom: 45px;
        flex-wrap: wrap
    }

    .cardbox_right p {
        text-align: justify
    }

    .speciality_count {
        padding-right: 10px
    }

    .pin-spacer {
        display: none !important
    }

    .get_form-container {
        padding: 25px 15px;
        flex-wrap: wrap
    }

    .get_contact-left {
        padding-right: 30px;
        width: 100%
    }

    .get_contact-right {
        width: 100%;
        flex: unset;
        position: relative
    }

    .get_contact-right h2 {
        width: 100%;
        padding-top: 30px
    }

    .blog-slider-section {
        padding: 35px 0 0 15px;
        max-width: 100%
    }

    .speciality_box {
        padding: 0 0;
        flex-direction: column;
        padding-bottom: 5px;
        margin-bottom: 10px
    }

    .service_section .owl-dots {
        display: none
    }

    .about_hero-text-left h1 {
        font-size: 40px;
        line-height: 50px;
        width: 100%;
        position: relative;
        z-index: 99
    }

    .about_hero-image {
        top: 0;
        flex: 1 1 100%;
        justify-content: center;
        align-items: center;
        min-width: 100%;
        position: absolute;
        left: 0%
    }

    .about_hero {
        height: 100vh
    }

    .about_hero-image img {
        width: 100%
    }

    .about_hero-text-left {
        flex: 1 1 100%
    }

    .about_hero-text-right {
        flex: 1;
        text-align: left;
        font-size: 1rem;
        text-align: left;
        justify-content: start;
        padding-top: 25%
    }

    .about_hero-content {
        align-items: start;
        flex-wrap: wrap;
        text-align: center;
        min-height: 30vh;
        position: relative;
        z-index: 9
    }

    .about_cloud6-container {
        flex-wrap: wrap
    }

    .about_cloud6-left {
        display: none
    }

    .cloud6-section h1 {
        font-size: 35px;
        line-height: 55px;
        display: block;
        margin-bottom: 10px;
        width: 80%;
        font-family: 'Onest', sans-serif;
        font-weight: 400;
        font-size: 30px;
        line-height: 121%
    }

    .title-privacy h1 {
        font-weight: 600;
        font-size: 50px
    }

    .blog_detail_header {
        margin-bottom: 30px;
        flex-wrap: wrap
    }

    .blog-accordion-section {
        padding-top: 0
    }

    .blog-accordion-header {
        align-items: baseline
    }

    .blog-cta-box {
        width: 100%
    }

    .work-card-item {
        flex-shrink: 0;
        width: 100%;
        height: max-content;
        margin-right: 0;
        padding: 0;
        margin-bottom: 20px;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 30vh
    }

    .work_card-project {
        font-size: 25px;
        line-height: 30px;
        width: 90%;
        padding-left: 20px;
        padding-bottom: 10px;
        padding-top: 90px
    }

    .approach_card-section {
        padding: 25px 0 0 0
    }

    .work-cards-outer-container {
        flex-grow: 1;
        height: max-content;
        overflow: unset;
        display: flex;
        align-items: start
    }

    .work-cards-inner-track {
        display: flex;
        flex-wrap: nowrap;
        height: auto;
        align-items: center;
        will-change: transform;
        flex-direction: column
    }

    .work-section-wrapper {
        height: max-content !important;
        width: 100%;
        position: static !important;
        max-height: max-content;
        padding: 0 15px;
        padding-top: 30px
    }

    .our_service_card_link {
        font-size: 23px
    }

    .action-icon a {
        width: 45px;
        height: 45px;
        border-radius: 50%
    }

    .action-bar {
        position: fixed;
        bottom: 0;
        left: 34% 159.453px;
        transform: translateX(-50%);
        border-radius: 20px 20px 0 0;
        padding: 8px 16px;
        display: flex;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        will-change: opacity, visibility;
        gap: 8px;
        padding: 12px 25px;
        box-shadow: 0 0 0 2px hsl(0 0% 100% / .3);
        width: 100%;
        justify-content: center
    }

    .star-wrapper-mobs img {
        width: 65%;
        animation: spin 5s linear infinite
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg)
        }

        50% {
            transform: rotate(260deg)
        }

        100% {
            transform: rotate(360deg)
        }
    }

    .star-wrapper-mobs {
        text-align: center
    }

    .speciality_section {
        padding-top: 30px
    }

    .card-work-main span.view-card {
        display: none
    }

    .card-work-main {
        justify-content: start;
        padding-top: 30px
    }

    .error_contact p {
        flex-wrap: wrap;
        justify-content: start;
        gap: 0
    }

    .error_contact img {
        padding-right: 10px
    }

    .wm-100 {
        width: 100%;
        text-align: left;
        padding-left: 30px
    }

    .error_content {
        width: 90%;
        margin: 0 auto
    }

    h2.error_message {
        font-size: 45px;
        line-height: 50px;
        font-weight: 600;
        width: 100%
    }

    .case-title {
        font-size: 22px
    }

    .wrk-list-col span {
        font-family: 'Onest', sans-serif;
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .wrk-list-col ul li {
        font-family: 'Onest', sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 30px
    }

    .row-two {
        grid-template-columns: 2fr 1fr;
        height: 140px
    }

    .row-equal {
        grid-template-columns: 1fr 1fr;
        height: 100%
    }

    .case-study-sect p {
        text-align: left;
        text-align: justify
    }

    .case-study-img img {
        width: 100%;
        margin: 15px auto
    }

    .case-study-banner img {
        width: 50%
    }

    .work_card-header {
        height: auto
    }

    .blog-accordion {
        max-height: max-content;
        min-width: 100%
    }

    .s_detail_hero-image {
        max-width: 100%
    }

    .partners_logo_wrapper {
        min-height: 130px;
        padding-left: 28px
    }

    .partners_logo_wrapper .partners_logo_item:first-child {
        padding-left: 0
    }

    .about_cloud6-container h2 {
        width: 100%
    }

    .swiper-slide.approach_card-item p {
        text-align: left
    }

    .approach_card-icon img {
        width: 65% !important;
        margin: 0 auto
    }

    .faq_question {
        background: none;
        -webkit-tap-highlight-color: #fff0;
        border: none;
        cursor: pointer;
        outline: none
    }

    .faq_question:focus,
    .faq_question:active {
        outline: none;
        box-shadow: none;
        background: #fff0
    }

    .service_section p {
        text-align: justify
    }

    .contact_info a {
        display: block
    }

    .hero-video {
        height: 80% !important
    }

    .hero-content {
        padding-top: 4rem
    }

    .hero-title {
        text-align: left
    }

    .hero-description {
        text-align: left
    }

    .hero-section {
        min-height: 70vh !important;
        padding-bottom: 10px !important
    }

    .hero-video-container,
    .hero-video-container.show,
    .hero-video-container.move {
        height: 40vh !important
    }

    .hero-title {
        font-size: 2.2rem !important
    }

    .hero-video {
        object-fit: cover !important
    }

  /* Force GPU compositing on scroll-animated elements */
.work-section-wrapper,
.work-cards-inner-track,
.motion-ring,
.hero-video,
.why-choose-image img {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Body — simple and clean */
body {
  width: 100%;
  overflow-x: hidden;
}

}

@media (max-width:480px) {
    .work_title {
        font-size: 24px
    }

    .work_subtitle {
        font-size: 18px
    }

    .cardbox_card {
        height: 710px
    }

    p {
        opacity: 1 !important;
        transform: unset !important;
        will-change: opacity, transform;
        transition: opacity 0.3s ease-out
    }

    .hero-title {
        font-size: 1.9rem !important
    }

    .approach_card-grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch
    }

    .approach_card-item {
        flex: 0 0 80%;
        margin-right: 15px;
        scroll-snap-align: start
    }

    .approach_card-grid::-webkit-scrollbar {
        display: none
    }
}