:root {
    --header-top: 70px;
    --header-height: 218px;
    --bc-black: #000000;
    --bc-white: #ffffff;
    --bc-primary: #F9452D;
    --bc-gray: #6D6D6D;
    --border-cl: #eaeaea;
}

.offset_10_end {
    grid-column-start: 10;
    grid-column-end: 13;
}

/* hero section start  */
.bg-wrapper {
    background-image: url(https://stg.brickclay.com/wp-content/themes/brickclay-new/assets/images/pages/models/hero-section.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 70px 0;
}

.hero-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.hero-section .section-eyebrow {
    margin-bottom: 20px;
}

.referral-hero-section .img-holder {
    padding: 35px 40px;
    border-radius: 8px;
    border: 1px solid #E4E4E4;
    background: #F5F5F5;
}

.hero-section .heading {
    font-weight: 400;
    font-size: 64px;
    line-height: 74px;
    letter-spacing: -1.5px;
    color: var(--black);
    margin-bottom: 20px;
    text-align: center;
}

.referral-hero-section .hero-section {
    display: block;
}

.referral-hero-section .hero-section .heading,
.referral-hero-section .hero-section .paragraph {
    text-align: left;
}

.hero-section .paragraph {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #6D6D6D;
    margin-bottom: 40px;
    text-align: center;
}

.button-orange {
    padding: 13px 32px;
    background-color: #F9452D;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.button-orange .text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: white;
    text-align: center;
    margin-bottom: 0px;
}

/* hero section end  */
/* gray cards section start  */
.sticky-section-padding {
    padding-top: 100px;
}


/* Glance start */

.glance-content {
    text-align: center;
}

.referral-glance .glance-content {
    text-align: left;
}

.glance-content .heading {
    font-weight: 400;
    font-size: 48px;
    line-height: 67px;
    letter-spacing: -1.5px;
    color: #000;
    margin-bottom: 16px;
}

.glance-content p {
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 25px;
    color: var(--bc-gray);
}


.grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    margin-top: 60px;
}

.grid-item {
    padding: 54px 32px 24px 32px;
}

.grid-item .icon {
    margin-bottom: 63px;
}

.grid-item .heading_5 {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0;
    color: #000000;
    margin-bottom: 7px;
}

.grid-item .paragraph {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0;
    color: #6D6D6D;
    padding-right: 20px;

}

.grid-item:nth-child(1) {
    border-right: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
}

.grid-item:nth-child(2) {
    border-right: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
}

.grid-item:nth-child(3) {

    border-bottom: 1px solid #E4E4E4;
}

.grid-item:nth-child(4) {
    border-right: 1px solid #E4E4E4;
}

.grid-item:nth-child(5) {
    border-right: 1px solid #E4E4E4;
}

/* Tabs */


/* .refferal-qualification {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 80px;
} */

.qualification-header h3 {
    font-weight: 400;
    font-style: Regular;
    font-size: 48px;
    line-height: 67px;
    letter-spacing: -1.5px;
    margin-top: 12px;
}

.faq-tabs {
    display: flex;
    gap: 8px;
    margin-top: 32px;
}

.faq-tab {
    padding: 8px 14px;
    background: var(--bc-white);
    cursor: pointer;
    border-radius: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid var(--border-cl);
    letter-spacing: 0%;
}

.faq-tab.active {
    border: none;
    background: #000;
    color: #fff;
}

.faq-content {
    display: none;
}

.faq-content.active {
    display: block;
}



/* Tabs */

/* Glance start */

/* 
.tech-container {
    margin-top: 80px;
} */

.gray-card.gray-sticky-1 {
    border-top: none;
}

.cards-main-heading {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 94px;
    padding: 50px 0 65px 0;
    position: sticky;
    top: var(--header-top);
    z-index: 85;
    background-color: var(--bc-white);
    /* border-bottom: 1px solid #E4E4E4; */
}

.cards-main-heading2 {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 94px;
}

.cards-main-heading .heading {
    font-weight: 400;
    font-size: 48px;
    line-height: 67px;
    letter-spacing: -1.5px;
    color: var(--bc-black);
    margin-bottom: 10px;

}

.cards-main-heading .paragraph {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0px;
    color: #6D6D6D;
    padding-right: 330px;
}

.button-black {
    padding: 13px 32px;
    background-color: #000000;
    border-radius: 4px;
    cursor: pointer;
}

.button-black .text {
    font-weight: 500;
    font-size: 15px;
    line-height: normal;
    letter-spacing: 0px;
    color: white;
    text-align: center;
    text-wrap: nowrap;
}



.deliverable-section .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0;
    color: #6D6D6D;
    margin-bottom: 12px;
}

.ponts-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

/* gray cards section end  */
/* brickclay edge section start */

.edge-sticky-wrapper {
    position: sticky;
    top: 307px;
    z-index: 75;
    background: #fff;
}

/* .edge-border-t{
    border-top: 1px solid #E4E4E4;
    
}
.edge-border-b{
    border-bottom: 1px solid #E4E4E4;
    
} */
.edge-sticky-navbar {
    border-top: 1px solid transparent;
    border-bottom: 1px solid #E4E4E4;
    padding: 20px 0;
}

.edge-sticky-navbar .heading-font {
    font-family: Inter Display;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.18px;
}

/* .edge-sticky-navbar .heading-lg{
   display: block;
} */
.edge-content .heading-font {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.18px;
    color: black;
}

.heading-sm {
    display: none;
    margin-bottom: 8px;
}

.edge-content {
    padding: 60px 0;
    border-bottom: 1px solid #0000001A;
}

.edge-content--sticky-last {
    position: sticky;
    top: 367px;
    /* header + navbar */
    background: #fff;
    z-index: 65;
}


.edge-content:last-child {
    /* padding: 60px 0; */
    border-bottom: 1px solid transparent;
}

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

.edge-content .paragraph-1 {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0px;
    color: #6D6D6D;
    padding-right: 105px;
}

.edge-content .paragraph-2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0px;
    color: #6D6D6D;
    padding-right: 20px;
}

.edge-content .paragraph-2 .text {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.18px;
    color: black;
}

.edge-button-orange {
    padding: 12px 25px;
    border-radius: 80px;
    background-color: #F9452D;
    border: 1px solid #F9452D;
    width: 303px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.edge-button-orange .text {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: white;
    text-align: center;
}

/* brickclay edge section end */

/* microsoft black section  */
.microsoft-section {
    padding: 53px 112px 53px 76px;
    border-radius: 10px;
    background-color: #000000;
}

.microsoft-section .row {
    align-items: center;
}

.microsoft-section .heading {
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: -0.75px;
    color: white;
    margin-bottom: 12px;
}

.microsoft-section .paragraph {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0px;
    color: #B6B6B6;
    margin-bottom: 25px;
    padding-right: 70px;
}

.microsoft-section .microsoft-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.microsoft-section .microsoft-btn .text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #F9452D;
    margin-bottom: 0;
}

.microsoft-section .microsoft-btn .text .arrow {
    width: 16px;
    height: 16px;
}

.microsoft-section .offset_9_end {
    display: flex;
    justify-content: flex-end !important;
}

.microsoft-section .offset_9_end,
.microsoft-section img {
    max-height: 110px;
}

/* microsoft black end  */
/* blog and case study section start  */
.blog-heading-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.blog-heading-wrapper .heading {
    font-weight: 400;
    font-size: 48px;
    line-height: 67px;
    letter-spacing: -1.5px;
    color: #000000;
}

.show-all {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #000000;
    text-decoration: underline;
    cursor: pointer;
}

.show-all:hover {
    color: #F9452D;
}

.show-sm {
    display: none;
}

.show-lg {
    display: block;
}

/* How It Works Section */


.tm-process {
    background: #000;
    color: #fff;
    padding: 90px 0 150px 0;
}

.tm-process-mobile-label {
    display: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: white;
    letter-spacing: 0%;
}


.tm-process__title {
    font-weight: 400;
    font-style: Regular;
    font-size: 48px;
    line-height: 67px;
}

.tm-process__heading {
    position: sticky;
    top: 70px;
    /* 70 + 25 */
    background: #000;
    z-index: 97;
    padding: 60px 0;
    border-bottom: 1px solid #222;
}

.tm-process__heading-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding-bottom: 60px; */
}

.tm-process__row--head {
    position: sticky;
    top: 258px;
    /* height of header */
    background: #000;
    z-index: 90;
}

.tm-process__row--head .tm-process__cell {
    padding: 20px 0;
}

.tm-process__row--body .tm-process__cell {
    padding: 35px 0;
}


.tm-process__row {
    width: 100%;
    border-bottom: 1px solid #222;
}

.tm-process__row-inner {
    display: flex;
    padding: 32px 0;
}


.tm-process__row--head h4,
.tm-process__row--body h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.18px;
}

.tm-process__row--body p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0%;
    color: var(--bc-gray);
}

/* Sticky bottom row */
.tm-process__row--sticky-bottom {
    position: sticky;
    bottom: 0;
    background: #000;
    z-index: 80;
    border-top: 1px solid #333;
}


/* How It Works Section */

/* blog start  */
.blog-item {
    margin-bottom: 20px;
}

.blog-item .blog-content {
    margin-top: 30px;
}

.blog-item .img-caption {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: normal;
    color: #F9452D;
    margin-bottom: 12px;
    display: inline-block;
}

.blog-item .heading {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0;
    color: var(--black);
    margin-bottom: 12px;
}

.blog-item .paragraph {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0;
    color: #6D6D6D;
}

/* blog end  */

/* tech black section start  */

.blur-img {
    position: absolute;
    width: 439px;
    height: 495px;
    bottom: -72px;

}

.blur-img.left {
    left: -125px;
    /* bottom: 10px; */
}

.blur-img.right {
    right: -125px;
}

/* tech black section end  */


.mobile-btn {
    display: none;
}

.desktop-btn {
    display: inline-flex;
}

/* Compare section */

.compare-models {
    padding-top: 90px;
}

/* .compare-models__row {
    border-bottom: 1px solid #eaeaea;
    padding: 35px 0px;
} */

.compare-models .cards-main-heading {
    padding-top: 60px;
    padding-bottom: 60px;
    top: 70px;
}

.compare-models .cards-main-heading2 {
    gap: 310px;
}

.compare-models__row--head .compare-models__cell,
.compare-models__row--body .compare-models__cell {
    width: 314px;
}

.compare-models__row .row {
    display: flex !important;
    gap: 0px;
}

.compare-models__row--head {
    /* padding: 20px 0; */
    /* border-top: 1px solid var(--border-cl); */
    position: sticky;
    top: 317px;
    background: white;
    z-index: 50;
}

.compare-models__cell {
    margin: 0;
    font-size: 16px;
    line-height: 25px;
    padding: 24px 30px;
    border-bottom: 1px solid #eaeaea;
}

.compare-models__row--body .compare-models__cell {
    border-right: 1px solid #eaeaea;
}

/* .compare-models__row--head .compare-models__cell {
    border-right: 1px solid transparent;
} */

/* .compare-models__row--head .compare-models__cell:nth-child(2) {
    border-color: #F5F5F5;
} */

.compare-models__row .compare-models__cell:last-child {
    border-right: none;
}

.compare-models__row .compare-models__cell:nth-child(2) {
    background-color: #F5F5F5;
}

.compare-models__row--head .compare-models__cell {
    font-weight: 600;
    font-size: 16px;
}

.compare-models__row h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.18px;
}

.compare-models__row p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0%;
    color: var(--bc-gray);
}

/* Compare section */

/* ================================
   Engagement Rewards Section
================================ */

.engagement-rewards {
    padding-top: 150px;
}

.engagement-rewards__title {
    font-weight: 400;
    font-style: Regular;
    font-size: 48px;
    line-height: 67px;
    letter-spacing: -1.5px;
}

/* Grid Layout */

.engagement-rewards__grid {
    margin-top: 70px;
    margin-bottom: 70px;
    display: flex;
    border-bottom: 1px solid transparent;
}

/* Each Item */
.engagement-rewards__item {
    flex: 1;
    padding: 40px 32px;
    position: relative;
}

.engagement-rewards__item:first-child,
.engagement-rewards__item:last-child {
    border-right: 1px solid var(--border-cl);
    border-left: 1px solid var(--border-cl);
}

/* Content */
.engagement-rewards__heading {
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 8px;
}

.engagement-rewards__description {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0%;
    color: var(--bc-gray);
    padding-right: 50px;
}

/* Large Numbers */
.engagement-rewards__number {
    font-weight: 400;
    font-style: Regular;
    font-size: 72px;
    line-height: 82px;
    letter-spacing: -2px;
    color: var(--bc-black);
    margin-top: 62px;
}

/* Notes Section */

.engagement-rewards__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.engagement-rewards__list li {
    font-size: 16px;
    color: var(--bc-gray);
    margin-bottom: 6px;
    font-weight: 400;
    line-height: 25px;
    position: relative;
    padding-left: 16px;
}

.engagement-rewards__list li:last-child {
    margin-bottom: 0;
}

/* Red bullet */
.engagement-rewards__list li::before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #e53935;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
}

.faq-accordion.faq-content {
    transition:
        max-height 0.4s ease,
        opacity 0.3s ease 0.3s,
        transform 0.3s ease 0.3s;
}

.refferal-qualification .faq-accordion .faq-question {
    padding: 32px 0;
}

.faq-item:last-child {
    border-bottom: none;
}

.refferal-qualification .faq-accordion .faq-item.active .faq-question {
    padding-bottom: 20px;
}

@media (max-width: 1024px) {

    .compare-models .cards-main-heading {
        top: 50px;
    }

    .refferal-qualification .faq-accordion .faq-item.active .faq-question {
        padding-bottom: 16px;
    }

    .faq-tabs {
        margin-top: 30px;
    }

    .refferal-qualification .faq-accordion {
        margin-top: 20px;
    }



    .refferal-qualification .faq-accordion .faq-answer p {
        margin-bottom: 32px;
    }

    .qualification-header h3 {
        font-weight: 400;
        font-size: 34px;
        line-height: 44px;
        letter-spacing: -0.65px;
        margin-top: 0px;
    }

    .referral-hero-section .hero-section .heading {
        padding: 0px;
    }

    .referral-hero-section .row {
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .referral-hero-section .hero-section,
    .referral-hero-section .offset_9_end {
        max-width: 520px;
        width: 100%;
    }

    .referral-hero-section .hero-section .paragraph {
        margin-bottom: 10px;
    }


    .engagement-rewards {
        padding-top: 80px;
    }

    .engagement-rewards__item {
        padding: 40px 0;
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .engagement-rewards__title {
        font-size: 28px;
        line-height: 40px;
    }

    .engagement-rewards__heading {
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
        margin-bottom: 8px;
    }

    .engagement-rewards__description {
        font-size: 16px;
        font-weight: 400;
        line-height: 25px;
    }

    .engagement-rewards__number {
        font-size: 48px;
        line-height: 67px;
        letter-spacing: -1.5px;
        margin-bottom: 63px;
        margin-top: 0px;
    }

    .engagement-rewards__grid {
        margin-top: 0px;
        margin-bottom: 0px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }

    .engagement-rewards__list li {
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 6px;
    }


    .referral-hero-section .hero-section {
        display: flex;
    }

    .referral-hero-section .hero-section .heading,
    .referral-hero-section .hero-section .paragraph {
        text-align: center;
    }

    .engagement-rewards__item:first-child {
        border-bottom: 1px solid var(--border-cl);
    }

    .engagement-rewards__item:last-child {
        border-top: 1px solid var(--border-cl);
        border-bottom: 1px solid var(--border-cl);
    }

    .engagement-rewards__item:first-child,
    .engagement-rewards__item:last-child {
        border-left: none;
        border-right: none;
    }

    .engagement-rewards__notes {
        margin-top: 40px;
    }

    .sticky-section-padding.edge-section {
        padding-top: 40px;
    }

    .sticky-section-padding.edge-section .edge-content:first-child {
        padding-top: 0px;
    }

    .sticky-section-padding.edge-section .edge-content:last-child {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    /* hero section start  */
    .bg-wrapper {
        padding: 60px 0;
    }

    .hero-section .section-eyebrow {
        margin-bottom: 16px;
    }

    .badge-orange .text {
        font-size: 14px;
        line-height: 20px;
    }

    .hero-section .heading {
        font-size: 40px;
        line-height: 53px;
        margin-bottom: 16px;
        padding: 0 85px;
    }

    .hero-section .paragraph {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 24px;
    }

    .button-orange {
        padding: 10px 20px;
        font-weight: 400;
    }

    .button-orange .text {
        font-weight: 500;
    }

    /* hero section end  */

    /* gray cards section start  */

    .cards-main-heading {
        padding: 40px 0;
        /* border-bottom: 1px solid transparent; */
        top: 53px;
    }

    .desktop-btn {
        display: none;
    }

    .mobile-btn {
        display: inline-flex;
        gap: 5px;
    }

    .cards-main-heading2 {
        /* padding: 40px 0; */
        border-bottom: 1px solid transparent;
        top: 53px;
    }

    .sticky-section-padding {
        padding-top: 40px;
    }

    .cards-main-heading .heading {
        font-size: 34px;
        line-height: 44px;
        letter-spacing: -0.56px;
    }

    .cards-main-heading .paragraph {
        padding-right: 0;
    }

    .button-black {
        padding: 10px 20px;
    }

    .button-black .text {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }

    /* gray card end  */
    /* gray cards section end  */
    /* brickclay edge section start */

    .edge-sticky-navbar {
        display: none;
    }

    .edge-content .heading-font {
        font-weight: 500;
        font-size: 18px;
        line-height: 25px;
        letter-spacing: -0.18px;
        color: black;
    }

    .heading-sm {
        display: block;
        margin-bottom: 8px;
    }

    .edge-content {
        padding: 0 0 20px 0;
        border-bottom: 1px solid #0000001A;
        border-top: 1px solid transparent;
        margin-bottom: 30px;
    }

    .center-column {
        justify-content: start;
        align-items: start;
    }

    .edge-content .paragraph-1 {
        padding-right: 0;
    }

    .edge-content .paragraph-2 {
        font-size: 14px;
        line-height: 20px;
        padding-right: 0;
    }

    .edge-content .paragraph-2 .text {
        font-size: 16px;
        line-height: 25px;
        letter-spacing: 0;
    }

    .edge-button-orange {
        width: auto;
        margin: 30px 0;
    }

    /* brickclay edge section end */

    /* microsoft black section  */
    .microsoft-section {
        padding: 40px 30px;
        border-radius: 8px;
    }

    .microsoft-section .heading {
        letter-spacing: -0.85px;
        margin-bottom: 14px;
    }

    .microsoft-section .paragraph {
        padding-right: 0;
    }

    .microsoft-section .microsoft-btn {
        margin-bottom: 35px;
    }

    .microsoft-section .offset_9_end,
    .microsoft-section img {
        max-height: 104px;
    }

    .microsoft-section .offset_9_end {
        justify-content: flex-start !important;
    }

    /* microsoft black end  */
    /* blog and case study section start  */
    .blog-heading-wrapper {
        margin-bottom: 30px;
    }

    .blog-heading-wrapper .heading {
        font-size: 34px;
        line-height: 44px;
        letter-spacing: -0.65px;
    }

    /* blog start  */
    .blog-item {
        margin-bottom: 30px;
    }

    .blog-item .blog-content {
        margin-bottom: 50px;
        margin-top: 24px;
    }

    /* blog end  */

    /* tech black section start  */


    .tech-heading-wrapper {
        gap: 10px;
        margin-bottom: 0;
    }

    .tech-heading-wrapper .heading {
        font-size: 34px;
        line-height: 44px;
        letter-spacing: -0.65px;
    }

    .tech-heading-wrapper .paragraph {
        font-size: 16px;
        line-height: 25px;
        padding: 0 90px;
    }


    /* tech black section end  */


    /* tw process Start*/


    .tm-process {
        padding: 60px 0 90px 0 !important;
    }

    .tm-process__title {
        font-weight: 400;
        font-size: 34px;
        line-height: 44px;
    }

    .tm-process__row--head {
        display: none;
    }

    .tm-process__row--body {
        margin-top: 40px;
    }

    .tm-process__heading {
        border: none;
        padding-top: 30px;
        padding-bottom: 30px;
        top: 50px;
    }

    .tm-process__row--body .tm-process__row {
        padding: 30px 0;
    }

    .tm-process__heading-inner {
        padding-bottom: 0px;
        gap: 100px;
    }


    .tm-process__row--body .tm-process__cell {
        padding: 0 0 12px 0;
    }

    .tm-process__row--head h4,
    .tm-process__row--body h4 {
        font-weight: 500;
        font-size: 18px;
        line-height: 25px;
        letter-spacing: -0.18px;
    }

    .tm-process__row--body {
        margin-top: 0px;
    }

    .tm-process-mobile-label {
        display: inline;
    }

    /* tw process End*/

    /* Comparison Section Start */

    .compare-models {
        padding: 0;
    }

    .compare-models__table {
        /* margin-top: 60px; */
        overflow-x: auto;
    }

    .compare-models__row .row {
        gap: 0px;
    }

    .compare-models__row--head {
        position: relative;
        top: 0;
    }

    .compare-models__row .custom-container {
        padding: 0;
    }

    .compare-models__row {
        border-bottom: none;
        padding: 0px;
    }

    .compare-models .cards-main-heading2 {
        gap: 90px;
    }

    .compare-models__row--head .compare-models__cell,
    .compare-models__row--body .compare-models__cell {
        min-width: 250px;
    }

    .compare-models__row .compare-models__cell:first-child {
        padding-left: 48px;
    }

    .compare-models__row .compare-models__cell:last-child {
        padding-right: 48px;
    }

    .compare-models__row--body .compare-models__cell {
        padding: 35px;
    }

    .compare-models__row--head .compare-models__cell {
        padding: 20px 35px;
    }

    .compare-models__cell {
        border-bottom: 1px solid #eaeaea;
        padding-left: 30px;
    }

    .compare-models__row h4 {
        font-weight: 500;
        font-size: 18px;
        line-height: 25px;
    }

    .compare-models__row p {
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
    }


    /* Comparison Section End */

    /* Glance section */
    .glance-content .heading {
        font-size: 34px;
        line-height: 44px;
        letter-spacing: -0.56px;
    }

    .grid-item .heading_5 {
        font-size: 18px;
        line-height: 25px;
        letter-spacing: -0.18px;
    }

    .grid-item .paragraph {
        line-height: 25px;
        padding-right: 5px;
    }

    .grid-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        margin-top: 15px;
    }

    .grid-item {
        padding: 50px 30px 30px 30px;
    }

    .grid-item .icon {
        margin-bottom: 60px;
    }

    .grid-item:nth-child(1) {
        border-right: 1px solid #E4E4E4;
        border-bottom: 1px solid #E4E4E4;
    }

    .grid-item:nth-child(2) {
        border-right: 0;
        border-bottom: 1px solid #E4E4E4;
    }

    .grid-item:nth-child(3) {
        border-right: 1px solid #E4E4E4;

        border-bottom: 1px solid #E4E4E4;
    }

    .grid-item:nth-child(4) {
        border-right: 0;
        border-bottom: 1px solid #E4E4E4;
    }

    .grid-item:nth-child(5) {
        border-right: 1px solid #E4E4E4;
    }

    .career-page-top-padding {
        padding-top: 50px !important;
    }

}

@media (max-width: 767.98px) {

    /* hero section start  */
    .bg-wrapper {
        padding: 40px 0;
    }

    .hero-section .badge {
        margin-bottom: 20px;
    }

    .hero-section .heading {
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.56px;
        margin-bottom: 10px;
        padding: 0 0;
    }

    .hero-section .paragraph {
        font-size: 14px;
        line-height: 20px;
    }

    .button-orange .text {
        font-weight: 400;
    }

    /* hero section end  */


    /* gray cards section start  */
    .cards-main-heading {
        align-items: start;
        gap: 24px;
        flex-wrap: wrap;
        padding-bottom: 30px;
    }

    .grid-item .heading_5 {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0;
    }


    .cards-main-heading2 {
        align-items: start;
        gap: 24px;
        flex-wrap: wrap;
        /* padding-bottom: 30px; */
    }

    .cards-main-heading .heading {
        font-size: 28px;
        line-height: 26px;
        margin-bottom: 12px;
    }

    .cards-main-heading .paragraph {
        font-size: 14px;
        line-height: 20px;
    }

    /* gray card start  */

    /* gray cards section end  */
    /* brickclay edge section start */
    .edge-content .heading-font {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0px;
    }

    .edge-content {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .center-column {
        width: 100%;
    }

    .edge-content .paragraph-1 {
        font-size: 14px;
        line-height: 20px;
        padding-right: 0;
    }

    .edge-content .paragraph-2 {
        padding-right: 5px;
    }

    .edge-content .paragraph-2 .text {
        font-size: 16px;
        line-height: 25px;
        letter-spacing: 0;
    }

    .edge-button-orange {
        width: 100%;
        margin: 30px 0;
        padding: 10px 0;
    }

    .edge-button-orange .text {
        font-weight: 600;
        font-size: 12px;
        line-height: 100%;
        text-align: center;
    }

    /* brickclay edge section end */
    /* microsoft black section start */
    .microsoft-section .heading {
        font-weight: 400;
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0;
        margin-bottom: 15px;
    }

    .microsoft-section .paragraph {
        font-size: 14px;
        line-height: 20px;
        padding-right: 0;
    }

    .microsoft-section .microsoft-btn {
        gap: 10px;
    }

    .microsoft-section .microsoft-btn .text {
        line-height: normal;
        margin-bottom: 0;
    }

    .microsoft-section .offset_9_end,
    .microsoft-section img {
        max-height: 89px;
    }

    .microsoft-section .offset_9_end {
        justify-content: flex-start !important;
    }

    /* microsoft black section end  */
    /* blog and case study section start  */
    .blog-heading-wrapper {
        margin-bottom: 30px;
    }

    .blog-heading-wrapper .heading {
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.56px;
    }

    .show-sm {
        display: block;
    }

    .show-lg {
        display: none;
    }

    /* blog start  */
    .blog-item .blog-content {
        margin-bottom: 30px;
        margin-top: 15px;
    }

    .blog-item .img-caption {
        margin-bottom: 5px;
    }

    .blog-item .heading {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .blog-item .paragraph {
        font-size: 14px;
        line-height: 20px;
    }

    /* blog end  */
    /* blog and case study section end  */

    .tech-heading-wrapper {
        margin-bottom: 0;
    }

    .tech-heading-wrapper .heading {
        /* font-weight: 400; */
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0;
    }

    .tech-heading-wrapper .paragraph {
        font-size: 14px;
        line-height: 20px;
        padding: 0 0;
    }

    /* tech black section end  */

    /* process card section end */


    /* Glance section */
    .glance-content .heading {
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.56px;
    }

    .grid-container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(6, 1fr);
        margin-top: 0;
    }

    .grid-item {
        padding: 30px 0 20px 0;
    }

    .grid-item .icon {
        margin-bottom: 30px;
    }

    .grid-item:nth-child(1) {
        border-right: 0;
        border-bottom: 1px solid #E4E4E4;
    }

    .grid-item:nth-child(2) {
        border-right: 0;
        border-bottom: 1px solid #E4E4E4;
    }

    .grid-item:nth-child(3) {
        border-right: 0;

        border-bottom: 1px solid #E4E4E4;
    }

    .grid-item:nth-child(4) {
        border-right: 0;
        border-bottom: 1px solid #E4E4E4;
    }

    .grid-item:nth-child(5) {
        border-bottom: 1px solid #E4E4E4;

        border-right: 0;
    }

    .career-page-top-padding {
        padding-top: 30px !important;
    }

    .grid-item .paragraph {
        line-height: 20px;
        font-size: 14px;
    }

    /* tw process */

    .tm-process {
        padding: 25px 0 25px 0;
    }


    .tm-process__row--head h4,
    .tm-process__row--body h4 {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
    }

    .tm-process-mobile-label {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
    }

    .tm-process__row--body .tm-process__row {
        padding: 40px 0;
    }

    .tm-process__row--body p {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }

    .tm-process__row .offset_10_end .tm-process__cell {
        padding-bottom: 0;
    }


    .tm-process__heading {
        padding-top: 25px;
        padding-bottom: 28px;
    }

    .tm-process__title {
        font-weight: 400;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.56px;
    }

    .tm-process__heading-inner .badge-orange {
        width: fit-content;
    }

    .tm-process__heading-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .tm-process.refferal-process {
        margin-top: 50px !important;
        padding: 25px 0 50px 0 !important;
    }

    /* tw process */


    .refferal-qualification .faq-accordion .faq-question {
        padding: 24px 0;
    }

    .compare-models {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .compare-models__row--head .compare-models__cell,
    .compare-models__row--body .compare-models__cell {
        min-width: 210px;
    }

    .compare-models__row .compare-models__cell:first-child {
        padding-left: 20px;
    }

    .compare-models__row .compare-models__cell:last-child {
        padding-right: 20px;
    }

    .compare-models .cards-main-heading2 {
        gap: 24px;
    }

    .compare-models .cards-main-heading {
        padding: 50px 0 40px 0;
    }

    .edge-section .cards-main-heading {
        border-bottom: none;
        padding-bottom: 0px !important;
    }

    .sticky-section-padding.edge-section .edge-content:first-child {
        padding-top: 40px;
    }

    /* Comparison Section End */
    .engagement-rewards {
        padding-top: 50px;
    }

    .engagement-rewards__item {
        padding: 40px 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .engagement-rewards__title {
        line-height: 32px;
    }

    .engagement-rewards__heading {
        font-size: 16px;
        line-height: 22px;
    }

    .engagement-rewards__description {
        font-size: 14px;
        line-height: 20px;
    }

    .engagement-rewards__number {
        font-size: 36px;
    }

    .engagement-rewards__grid {
        margin-top: 0px;
        margin-bottom: 0px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }

    .engagement-rewards__list li {
        font-size: 14px;
        line-height: 20px;
    }

    .sticky-section-padding.edge-section {
        padding-top: 10px;
    }

    /* Qualification */
    .qualification-header h3 {
        font-weight: 400;
        font-style: Regular;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.56px;
    }


    .faq-content-wrapper .faq-accordion {
        margin-top: 20px;
    }

    .referral-hero-section .img-holder {
        padding: 25px 30px;
    }

    .referral-hero-section .hero-section .paragraph {
        margin-bottom: 0px;
    }

    .refferal-qualification .faq-accordion .faq-item.active .faq-question {
        padding-bottom: 12px;
    }

    .tm-process__row--body {
        margin-top: 0px;
    }
}