@media screen and (max-width:380px) {

    .banner .banner_content_block .heading,
    .banner .banner_content_block .heading.--home {
        font-size: 3rem !important;
        margin-top: 2rem !important
    }

    .banner .banner_content_block .heading.mt-xs-0 {
        margin-top: 0 !important;
    }
}

@media screen and (max-width:980px) {

    .service_content_block--img img,
    .title_group {
        width: auto
    }

    .highlight_content_block .--details {
        padding: 5rem 2rem 2rem
    }

    .px_40.programmatic_fb {
        padding-left: 4rem
    }

    .highlight_content_block .--details .sub_heading {
        font-size: 2rem
    }

    .highlight_content_block .--details .heading {
        font-size: 5rem;
        line-height: 6.3rem
    }

    .job_banner .banner_content_block .text br {
        display: none !important
    }

    section.banner.job_banner {
        padding-left: 10rem;
        padding-right: 10rem
    }

    .bg_job_form .content {
        padding: 4rem 30rem
    }

    #content .dropdown_menu {
        overflow-y: scroll;
        height: 83%
    }

    .bg_job_form .content .heading {
        font-size: 4rem;
        line-height: 5rem
    }

    .job_section_block {
        padding: 2rem 0
    }

    .cardStacking .stackCard {
        height: auto !important
    }

    .contact_section_block {
        padding-bottom: 10rem !important
    }

    .contact_form {
        box-shadow: 0 4px 11.8px 0 #211e1f0f 0 0 0 10px #fbf9f5
    }

    .ad_section_block--iframe .heading {
        margin-bottom: 8rem;
        width: 100%;
        text-align: left;
        padding: 0;
        background: 0 0;
        font-size: 2rem;
        font-weight: 500
    }

    .ad_section_block--menu#content.active {
        left: 0 !important
    }

    button.btn.btn_outline--primary.btn_ads_menu.toggleBtn.open.d_flex_xs.d_none_lg {
        display: block !important;
        font-size: 1.6rem
    }

    .ad_section_block--iframe .tab_ads .tablinks {
        display: none
    }

    .ad_section_block--iframe {
        position: relative;
        margin-bottom: 1rem;
        padding-bottom: 2rem
    }

    .ad_section_block--menu#content {
        position: fixed;
        left: -1000px;
        width: 100%;
        z-index: 1;
        top: 7rem;
        transition: .5s
    }

    .--custom-flex {
        display: flex
    }

    .micore_content_service,
    .pin-wrap .container-fluid {
        padding: 0 4rem
    }

    .micore_content_service .heading {
        padding-right: 3rem
    }

    .micore_content_service .micore_content_img {
        gap: 4rem
    }

    .--custom-flex .performance_content_service--details.justify-content-between {
        display: flex;
        flex-direction: column;
        justify-content: start !important;
        gap: 2rem
    }

    .--custom-flex .performance_content_service--image.--gif video {
        width: 27rem
    }

    .--custom-flex .performance_content_service--image.--gif {
        margin-top: 0 !important
    }

    .--custom-flex .w-100 {
        width: 50%
    }

    .awards_content_block .container_custom {
        padding: 0 0 0 2vw
    }

    .banner_about {
        padding-bottom: 4rem
    }

    .banner_xs_inner,
    .pb_md_0 {
        padding-bottom: 0 !important
    }

    section.banner {
        padding: 17rem 0 4rem
    }

    .our_vision_block .item_content {
        padding: 8rem 4rem
    }

    .maintablinks {
        font-size: 1.4rem
    }

    .performance_content_service--item.--right .performance_content_service--image img {
        width: 100%
    }

    .partners_carousal {
        margin-bottom: 0
    }

    .blogs_content_block--item .heading {
        font-size: 1.8rem;
        margin: 1rem 0 !important
    }

    .blogs_content_block--item:hover {
        transform: translateY(0);
        transition: .5s
    }

    .mt_md_24 {
        margin-top: 2.4rem
    }

    .partners_content--block,
    .ptb_md_90 {
        padding: 9rem 0
    }

    #scrollImage {
        transform: scale(.7)
    }

    .content_gsap--heading {
        padding: 0 12rem
    }

    .products_content_block .w_2000 {
        width: 60rem !important
    }

    .service_content_block--item {
        margin: 0;
        height: 100%
    }

    .title_group.--center {
        margin-bottom: 4.6rem
    }

    .container,
    .container-md,
    .container-sm {
        max-width: none;
        --bs-gutter-x: 4rem
    }

    .year_text--absolute {
        left: -30vw
    }

    .counter_content_block .gutter_xy_md_20,
    .gutter_xy_md_20 {
        --bs-gutter-x: 2rem;
        --bs-gutter-y: 2rem
    }

    .blogs_content_block--item.--side .blogs_content_block--img {
        min-height: auto
    }

    .banner .v_content,
    .px_40 {
        padding: 0
    }

    .bg_journey_section .container.position-relative {
        max-width: none
    }

    .year_text {
        display: none
    }

    .bg_contact_section {
        background-position: center center
    }

    footer {
        background: var(--dark-blue, #08031e);
        position: relative;
        padding: 7rem 0 11rem;
        bottom: -1px
    }

    footer::after {
        background-size: cover;
        bottom: -56px;
        background-repeat: no-repeat
    }

    .footer_brands img {
        height: 3rem
    }

    .container-fluid.px_40.px_xs_20,
    .px_xs_20.px_40 {
        padding: 0 2rem !important
    }

    .badge_ads {
        z-index: 1
    }

    .performance_content_service--image.--gif video {
        margin-top: 0
    }
}

div#menuItems .dropdown .sub_menu {
    align-items: center;
}

@media screen and (max-width:768px) {
    section.ad_section_block.px_xs_0 {
        overflow: hidden;
    }

    .banner .banner_content_block .heading.mt-xs-0 {
        margin-top: 0 !important;
    }

    .dropdown_menu.active {
        height: 100vh;
        overflow: scroll;
        padding-bottom: 30rem;
    }

    .--custom-flex .performance_content_service--details.justify-content-between.w-100,
    .performance_content_service--item .performance_content_service--image img,
    .w_xs_100.item {
        width: 100% !important
    }

    #headerComponent .sub_header::after,
    #headerComponent header .nav,
    .badge_ads,
    .bg_job_form .content::after,
    .bg_job_form .content::before,
    .highlight_content_block .--details .heading br,
    .highlight_content_block::before {
        display: none
    }

    .banner .v_content,
    .rec-grp-drop.vscomp-ele {
        overflow: hidden;
        padding: 0
    }

    .tab_switch {
        padding: 3rem 0 6rem !important;
        background: url(../images/background/life-at-xapads-xs.webp) 0 0/cover
    }

    .micore_content_service .micore_content_img .--img-1,
    .micore_content_service .micore_content_img .--img-2,
    .micore_content_service .micore_content_img .--img-3 {
        height: 26rem
    }

    .tab_switch.--programmatic {
        padding: 3rem 0 0 !important
    }

    .w_xs_47 {
        width: 47% !important
    }

    .tabscontent {
        margin: 2.6rem 0 0
    }

    .tabslinks:hover,
    .tabswitch:hover {
        border: .1rem solid #8590ff
    }

    .w_xs_100.item {
        margin: auto
    }

    .tabslinks,
    .tabswitch {
        padding: 1rem;
        font-size: 1.3rem;
        gap: .6rem;
        width: 47%
    }

    .tabslinks svg,
    .tabswitch svg {
        width: 1.6rem
    }

    .job_section_block .title_group,
    .tab_switch .title_group {
        padding: 0 !important
    }

    .counter_content_block--heading {
        text-align: left
    }

    .highlight_content_block .--details .sub_heading {
        font-size: 1.4rem;
        margin-bottom: 1rem
    }

    .highlight_content_block .--details .heading {
        font-size: 3rem;
        line-height: 4rem;
        letter-spacing: -.072rem
    }

    .bg_job_form .content {
        padding: 4rem 2rem
    }

    .bg_job_form .content .heading {
        font-size: 3rem;
        line-height: 3.9rem
    }

    .job_section_block {
        padding: 5rem 0
    }

    html {
        font-size: 10px !important
    }

    .--custom-flex .performance_content_service--item {
        flex-direction: column !important
    }

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

    .service_content_block--item {
        margin-left: 0 !important;
        margin-right: 0 !important;
        height: auto
    }

    .ptb_xs_0,
    .title_group.ptb_xs_0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .mt_xs_30 {
        margin-top: 3rem
    }

    .mt_xs_60 {
        margin-top: 6rem
    }

    .mt_xs_24 {
        margin-top: 2.4rem !important
    }

    .micore_content_service .micore_content_block,
    .service_content_block--details,
    .title_group {
        text-align: center
    }

    .badge_purple {
        font-size: 1rem;
        padding: 0 1.5rem
    }

    .footer_brands {
        margin: 1rem 0
    }

    .heading_swiper.swiper,
    .img_strip img,
    .mt_xs_0,
    .storytelling_xs {
        margin-top: 0 !important
    }

    .flex_xs_column_reverse {
        display: flex;
        flex-direction: column-reverse
    }

    .performance_content_service--item {
        margin-bottom: 3rem
    }

    .partners_content--item img {
        height: 3rem;
        width: auto
    }

    .gap_xs_220 {
        gap: 22rem
    }

    .gap_xs_50 {
        gap: 5rem
    }

    .banner .banner_content_block .heading br,
    .br_none br,
    .buyingmodels_section_block .progressbar_cs,
    .d_none_xs,
    .swiper-slide.blank_125.d_none_xs {
        display: none !important
    }

    .flex_xs_column,
    .performance_content_service--details {
        flex-direction: column
    }

    #headerComponent .sub_header .pattern_circle {
        left: -24rem;
        transform: scale(.3)
    }

    #headerComponent .sub_header .text {
        font-size: 1.2rem;
        width: 90%;
        text-align: left;
        margin-left: 0;
        position: relative;
        z-index: 1
    }

    #headerComponent .sub_header {
        height: auto
    }

    .header_content_inner .menu_inner .products_item,
    .header_content_inner .menu_inner .products_item .text {
        margin-bottom: 1rem
    }

    .header_content_inner .menu_inner .products_item img {
        height: 2.4rem
    }

    .dropdown_menu .header_content_inner .menu_inner {
        opacity: 1;
        position: relative;
        padding: 1.6rem 0 3rem;
        overflow-y: scroll;
        height: auto;
        box-shadow: none
    }

    .dropdown_menu .header_content_inner {
        position: relative;
        z-index: 1
    }

    .d_flex_xs {
        display: flex !important
    }

    .banner .banner_content_block .heading,
    .banner .banner_content_block .heading.--home {
        font-size: 4rem;
        line-height: 5rem;
        margin-top: 2.4rem !important
    }

    .performance_content_service .performance_content_service--item {
        padding: 2rem;
        margin-bottom: 0
    }

    section.products_content_block.bg-black.interactive_ads_block.ptb_xs_60 {
        overflow: hidden
    }

    .interactive_ads_block .interactive_ads_images img {
        max-width: 10rem !important
    }

    .interactive_ads_block.products_content_block .--img-2 {
        bottom: 1rem !important
    }

    .partners_content--block .swiper-slide {
        margin-right: 5rem !important
    }

    .mx_xs_auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .custom_view_gallery {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .case_study_block--content.w_fit_content {
        width: 17rem !important
    }

    .text_xs_center {
        text-align: center !important
    }

    .copyright,
    .footer_bottom,
    .service_content_block--img,
    .tab_switch h4.heading,
    footer {
        text-align: center
    }

    .mb_xs_34 {
        margin-bottom: 3.4rem
    }

    .performance_content_service .performance_content_service--item.--right-row,
    .performance_content_service .performance_content_service--item.flex_item {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 3rem
    }

    .dropdown_menu .dropdown ul,
    .px_40.programmatic_fb {
        padding-left: 2rem
    }

    .performance_content_service--item .performance_content_service--image.mt_lg_101 {
        margin-top: 0
    }

    .products_content_block--item.--mi_xapads {
        background: var(--bg-color, linear-gradient(180deg, #e6883e00 -13.68%, #e6883e99 113.18%), #fff)
    }

    .products_content_block--item.--xaprio {
        background: linear-gradient(180deg, #6366f100 -13.68%, #6366f199 113.18%), #fff
    }

    .products_content_block--item.--unwire {
        background: linear-gradient(180deg, #e15e7100 -13.68%, #e15e7199 113.18%), #fff
    }

    .products_content_block--item.--helix {
        background: linear-gradient(180deg, #03b9c600 -13.68%, #03b9c699 113.18%), #fff
    }

    .products_content_block--item.--pulse {
        background: linear-gradient(180deg, #9f4db000 -13.68%, #9f4db099 113.18%), #fff
    }

    .p_xs_0,
    .performance_content_service--item.px_custom .performance_content_service--details {
        padding: 0 !important
    }

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

    .micore_content_service .micore_content_img {
        display: flex;
        gap: 3rem;
        position: relative;
        z-index: 1;
        left: -7rem;
        pointer-events: none;
        min-height: 35rem;
        top: 5rem
    }

    .micore_content_service .micore_content_img .--img-2 {
        top: 1rem
    }

    .micore_content_service .micore_content_img .--img-1,
    .micore_content_service .micore_content_img .--img-3 {
        position: relative;
        top: 6rem
    }

    .micore_content_img img {
        width: 43%
    }

    .products_content_block--item.--helix img,
    .products_content_block--item.--helix::before,
    .products_content_block--item.--mi_xapads img,
    .products_content_block--item.--mi_xapads:before,
    .products_content_block--item.--pulse img,
    .products_content_block--item.--pulse::before,
    .products_content_block--item.--unwire img,
    .products_content_block--item.--unwire::before,
    .products_content_block--item.--xaprio img,
    .products_content_block--item.--xaprio::before,
    .products_content_block--item.--xerxes img,
    .products_content_block--item.--xerxes::before {
        filter: grayscale(0) !important
    }

    .mb_xs_30 {
        margin-bottom: 3rem !important
    }

    .heading_swiper.swiper {
        height: 20rem;
        margin-bottom: 2rem
    }

    .banner_img_carousal img {
        height: auto;
        width: 100%
    }

    .banner_img_carousal {
        width: 100%
    }

    .rec-grp-drop.vscomp-ele {
        border: 0;
        border-radius: .4rem
    }

    .banner .v_content video {
        border-radius: 0
    }

    .counter_content_block--counter {
        font-size: 4.8rem;
        line-height: 4.8rem;
        padding: 0
    }

    .counter_content_block--item {
        height: 100%;
        padding: 2.4rem;
        gap: 1rem;
        justify-content: start;
        align-items: start
    }

    .mb_xs_0 {
        margin-bottom: 0 !important
    }

    .partners_carousal {
        margin: 6.4rem 0 0
    }

    .service_content_block--details .btn_outline--primary {
        margin: 0 auto
    }

    .gutter_xy_xs_20 {
        --bs-gutter-y: 2rem;
        --bs-gutter-x: 2rem
    }

    .gutter_xy_xs_15 {
        --bs-gutter-y: 1.5rem !important;
        --bs-gutter-x: 1.5rem !important
    }

    .counter_content_block .counter_number {
        width: 3.4rem;
        height: 4.8rem
    }

    .ad_section_block,
    .counter_content_block {
        padding: 0
    }

    .title_group,
    .title_group.--center {
        width: 100%;
        margin-bottom: 0
    }

    .img_strip img,
    .service_content_block--item .w-50 {
        width: 100% !important
    }

    .mb_xs_24 {
        margin-bottom: 2.4rem
    }

    .case_study_block--end .heading {
        font-size: 2.4rem;
        line-height: 3.2rem
    }

    .case_study_block--end .text_link {
        font-weight: 400;
        margin-top: 2.4rem
    }

    .case_study_block--end {
        height: auto;
        padding: 4rem 0
    }

    .case_study_block--content {
        display: flex;
        width: 35%;
        height: auto;
        padding: 1.4rem;
        gap: 0
    }

    .case_study_block--content .heading {
        margin-bottom: 0;
        font-size: 2.4rem
    }

    .contact_section_block .title_group .heading,
    .demo_list li {
        margin-bottom: 1rem !important
    }

    .blogs_content_block--details .tags_content_block.--secondary,
    .contact_details .text_link,
    .contact_section_block .title_group .text,
    .demo_list li,
    .steps_content_block--item .text,
    .title_group .text {
        font-size: 1.4rem
    }

    .case_study_block--content .text {
        margin-bottom: 0;
        font-size: 1.4rem
    }

    .contact_section_block .title_group .heading,
    .title_group .heading,
    .title_group.--center .heading {
        font-size: 2.8rem;
        line-height: 3.7rem;
        margin-bottom: 4rem
    }

    .case_study_block--item,
    .service_content_block--item {
        flex-direction: column
    }

    .title_group {
        padding: 5rem 0 !important
    }

    .banner .banner_content_block.banner_inner {
        padding: 0 2rem 4rem
    }

    .banner.--home .banner_content_block.banner_inner {
        padding-bottom: 4rem
    }

    .banner {
        padding: 14rem 0 4rem !important;
        background-image: url(https://assets.xapads.com/images/background/banner-xs.webp);
        background-size: cover;
    }

    .products_content_block .animation-wrap,
    .products_content_block .pin-wrap {
        height: auto
    }

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

    .ptb_xs_40 {
        padding: 4rem 0
    }

    .contact_section_block,
    .partners_content--block,
    .ptb_xs_60 {
        padding: 6rem 0
    }

    .ptb_xs_30 {
        padding: 3rem 0
    }

    .ptb_xs_50 {
        padding: 5rem 0
    }

    .w_2000 {
        width: 40rem !important
    }

    .content_gsap--heading {
        font-size: 4rem;
        line-height: 6rem;
        font-weight: 500;
        padding: 0 2rem
    }

    .step_content_img {
        margin-top: 2rem;
        background: var(--Beige-100, #fbf9f5);
        padding: 2rem
    }

    .content_gsap--heading .text_primary {
        display: initial !important
    }

    .case_study_block--start {
        height: 28rem;
        border-radius: 1.2rem 1.2rem 0 0
    }

    .ad_section_block--iframe .mobile iframe,
    .blogs_content_block--item.--side .blogs_content_block--img,
    .case_study_block--end,
    .case_study_block--start,
    .performance_content_service--image.--gif video,
    .w_xs_100 {
        width: 100%
    }

    .footer_content--blocks {
        margin-bottom: 5rem
    }

    .left_content {
        width: 100%;
        height: auto
    }

    .steps_content_block--item {
        height: auto;
        padding: 3rem 0 !important
    }

    .awards_content_block .container_custom,
    .step_title {
        padding: 0 2rem
    }

    .steps_content_block--item .heading {
        font-size: 6rem;
        color: #211e1f;
        font-family: "Public Sans", sans-serif;
        font-style: normal;
        font-weight: 500;
        line-height: 5rem;
        letter-spacing: -.096rem;
        margin-bottom: 3rem
    }

    .bg_qr,
    .products_content_block ul.list_pagination,
    .qr_code,
    .steps_content_block--item:after,
    .steps_content_block:before,
    footer::after,
    footer::before {
        display: none
    }

    .awards_content_block--item,
    .blogs_content_block--item,
    .blogs_content_block--item.--side {
        flex-direction: column;
        height: auto
    }

    .blogs_content_block--details.h-100,
    .img_strip img,
    .products_content_block .col-lg-8 {
        height: auto !important
    }

    .mb_xs_32 {
        margin-bottom: 2.2rem !important
    }

    .container {
        --bs-gutter-x: 4rem
    }

    .ptb_xs_60 {
        padding-bottom: 6rem !important
    }

    .plr_xs_20,
    .px_xs_20 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .dropdown_menu .dropdown ul li a {
        color: #667085 !important
    }

    .pt_xs_0 {
        padding-top: 0 !important
    }

    .button_round--logo {
        gap: 1.4rem
    }

    .button_round--icon {
        width: 3.8rem;
        height: 3.8rem
    }

    .blogs_content_block--item .heading {
        font-size: 1.6rem;
        line-height: 1.9rem;
        margin: 1.2rem 0 2.4rem
    }

    .blogs_content_block--item.--side .blogs_content_block--details {
        width: 100%;
        padding: 3.2rem 1.6rem !important
    }

    .blogs_content_block--item.--side {
        margin-bottom: 2.4rem
    }

    footer {
        padding: 5rem 0 0
    }

    .footer_content--social {
        width: fit-content;
        margin: 0 auto
    }

    .ad_section_block--details .text_primary,
    .copyright {
        margin-bottom: 0
    }

    .footer_content--blocks .text {
        max-width: 100%;
        font-size: 1.4rem
    }

    .copyright {
        margin-top: 4rem
    }

    .btn_ads_menu,
    .footer_content--list .text_link {
        font-size: 1.4rem
    }

    .footer_bottom .footer_content--links .text_link,
    .maintablinks {
        font-size: 1.2rem
    }

    .footer_content--links {
        justify-content: center !important
    }

    .d_flex_xs {
        display: flex
    }

    .products_carousal {
        display: block
    }

    .products_content_block .swiper-slide .item {
        margin-right: 0 !important;
        width: auto !important
    }

    .swiper-slide .products_content_block--details {
        min-width: auto;
        padding: 2.2rem;
        position: relative;
        z-index: 1;
        min-height: 26rem
    }

    .swiper-slide .products_content_block--images {
        height: auto;
        margin-top: 0
    }

    .swiper-slide .products_content_block--images img {
        width: 100%;
        height: auto
    }

    .ad_section_block,
    .ad_section_block--details,
    .ad_section_block--iframe,
    .ad_section_block--menu,
    .px_40 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .products_content_block--item .text {
        font-size: 1.2rem;
        line-height: 2.1rem
    }

    .ad_section_block--iframe .mobile {
        width: 100%;
        box-shadow: 0 0 0 1rem #0000000d -1.389px -6.947px 13.894px 0 #6683bc40 inset;
        margin: 0;
        padding: 0
    }

    .ad_section_block--details {
        margin: 2rem 0 0;
        justify-content: center
    }

    .btn_nav {
        position: absolute;
        top: 0;
        margin: auto;
        height: max-content;
        bottom: -15rem
    }

    .btn_left {
        left: -1rem
    }

    .btn_right {
        right: -1rem
    }

    .prev_nav {
        left: 0
    }

    .next_nav {
        right: 0
    }

    .ad_section_block--iframe {
        position: relative;
        margin-bottom: 1rem;
        padding-top: 7rem !important;
        padding-bottom: 2rem
    }

    .explore_section_block .explore_ads {
        margin-bottom: 2rem
    }

    #number,
    .ad_section_block--details .note,
    .ad_section_block--iframe .tab_ads,
    .buyingmodels_section_block #progressBar,
    .buyingmodels_section_block .tab_group_cs .tablinks::before,
    .year_text--absolute {
        display: none
    }

    .ad_section_block--menu .dropdown_menu .dropdown .sub_menu {
        padding: 1.2rem 0
    }

    .ad_section_block--menu .heading {
        color: var(--Black-900, #211e1f);
        font-family: Inter, sans-serif;
        font-size: 2rem;
        font-style: normal;
        font-weight: 500;
        line-height: 3rem;
        margin-bottom: 3rem
    }

    span#brandNameHeading {
        width: 50%
    }

    .ad_section_block--details .text,
    .ad_section_block--details .text_primary,
    .our_vision_block .item_content .text {
        font-size: 1.4rem
    }

    .ad_section_block--menu {
        top: 6rem
    }

    .ad_section_block--menu.active#content {
        left: 0;
        transition: .5s;
        padding: 2rem;
        top: 7rem
    }

    .ptb_xs_20 {
        padding: 2rem 0
    }

    .contact_form {
        margin-top: 2rem;
        padding: 2rem;
        box-shadow: 0 4px 40.8px 0 #211e1f0f
    }

    .gutter_x_32,
    .gutter_x_40 {
        --bs-gutter-x: 1rem
    }

    .d_block_xs {
        display: block !important
    }

    .maintablinks {
        line-height: 2.4rem;
        height: 4rem;
        padding: 0 1rem
    }

    .maintab {
        margin: 0 auto 4rem
    }

    .maintabcontent .tab {
        gap: 2rem !important;
        margin-bottom: 3rem
    }

    .case_study_block--start .case_img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }

    .buyingmodels_section_block .tab_group_cs {
        margin-bottom: 2rem;
        position: relative;
        height: 40px
    }

    .buyingmodels_section_block .tab_group_cs .tablinks {
        position: absolute;
        text-align: center;
        width: 100%;
        opacity: 0;
        transition: .1s;
        padding: 0;
        font-size: 1.6rem
    }

    .buyingmodels_section_block .tab_group_cs .tablinks.active {
        transition: .1s;
        opacity: 1;
        color: #fff
    }

    .buyingmodels_section_block .mobile.maintabcontent img {
        height: 30rem !important;
        width: auto !important
    }

    .our_vision_block .container .item_content {
        padding: 5rem
    }

    .performance_content_service--image img.--img {
        width: 70% !important
    }

    .performance_content_service--item.--right,
    .performance_content_service--item.--right-row,
    .performance_content_service--item.p_lg_eb {
        padding-right: 0 !important;
        padding-bottom: 0 !important
    }

    .pb_xs_0 {
        padding-bottom: 0 !important
    }

    .bg_journey_section .container.position-relative {
        max-width: 100%
    }

    .swiper_gallery {
        margin-top: 2rem;
        padding: 2.4rem 1.6rem
    }

    .bg_journey_section .date_heading {
        font-size: 1.6rem
    }

    .mt_minus_20 {
        margin-top: -2rem
    }

    .bg_journey_section {
        background: url(https://assets.xapads.com/images/background/bg-journey.webp) 0 0/cover fixed
    }

    .bg_contact_section {
        background: url(https://assets.xapads.com/images/background/bg_contact.webp) 0 0/cover fixed
    }

    .bg_collage_gallery {
        background: url(https://assets.xapads.com/images/background/life-at-xapads-xs.webp) 0 0/cover fixed
    }

    .btn_primary {
        font-size: 1.3rem
    }

    .banner_xs_inner {
        padding: 12rem 0 0 !important
    }

    .banner_xs_inner .banner_content_block {
        padding: 0 2rem 5rem
    }

    .plr_xs_0,
    .px_xs_0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    #aboutGallery.active .banner_gallery {
        left: -237rem !important
    }

    .awards_content_block .title_group {
        text-align: left
    }

    .awards_content_block .swiper-pagination-custom {
        width: 39%
    }

    .counter_content_block--counter.active .counter_number .text {
        transition: .8s !important
    }

    .interactive_ads_block .interactive_ads_images {
        height: 45rem;
        margin-top: 0;
        gap: 2rem;
        transform: scale(1.4);
        justify-content: center
    }

    .interactive_ads_block.products_content_block .--img-1,
    .interactive_ads_block.products_content_block .--img-3 {
        bottom: -8rem
    }
}

.blank_125,
.d_block_xs {
    display: none
}

@media screen and (min-width:1900px) {
    #aboutGallery.active .banner_gallery {
        left: -322rem !important
    }
}

@media screen and (min-width:1600px) {
    .case_study_block--end {
        height: 47.6rem !important
    }

    #aboutGallery.active .banner_gallery {
        left: -390rem !important
    }

    .blogs_content_block--item.--side .blogs_content_block--img {
        min-height: 27rem !important
    }
}

@media screen and (max-width:1550px) {
    #aboutGallery.active .banner_gallery {
        left: -240rem
    }

    .blank_125 {
        display: flex !important
    }
}

.overflow-x-hidden {
    overflow-x: hidden;
}