.custom-banner {
    --as-p: 30px 0;
    --as-p-lg: 34px 0 40px;
    --as-min-h: inherit;
    --as-min-h-lg: 458px;
    display: flex;
    align-items: center;
    padding: var(--as-p);
    min-height: var(--as-min-h);
}

.custom-banner .row .cust-p-remv {
    padding-left: 0;
    padding-right: 0;
}

.cust-banner-w {
    --as-w: 850px;
    max-width: var(--as-w);
}

.main-banner-title {
    display: block;
    font-size: var(--as-font-56);
    font-weight: 800;
    color: var(--as-white);
    margin: var(--as-m);
    letter-spacing: var(--as-ls-normal);
    line-height: 1.1;
    --as-m: 0px 0 13px;
}

.main-banner-subtitle {
    --as-m: 0;
    --as-w-xl: 84%;
    --as-ls-custom: -0.022rem;
    --as-p-lg: 0 0 0 4px;
    display: block;
    color: var(--as-white);
    font-size: 19px;
    margin: 0;
    letter-spacing: var(--as-ls);
}

/* Banner Buttons */

a.banner-btn-link,
.custom-banner a.as-pill-lg-btn {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    border-radius: 50px;
    color: #ffffff;
    background-color: #e72e28;
    letter-spacing: 0.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: var(--as-m);
}

a.banner-btn-link {
    --as-m: 27px 0 0px;
    font-size: 16px;
    line-height: 16px;
    padding: 18px 32px;
    width: fit-content;
    gap: 0 4px;
}

.custom-banner a.as-pill-lg-btn {
    font-size: 21px;
    line-height: normal;
    padding: 18px 32px;
    width: 100%;
    min-width: 231px;
    gap: 0 9px;
    height: 60px;
}

/* ==========================================================================
   OVERVIEW SECTION
   ========================================================================== */

.overview-sect {
    --as-p: 40px 0;
    --as-p-md: 50px 0;
    --as-p-lg: 86px 0 88px;
    padding: var(--as-p);
    overflow: hidden;
    font-weight: 500;
}

.overview-sect .overview-title {
    --as-m: 0 0 15px;
    --as-m-lg: 0 0 32px;
    font-size: var(--as-font-50);
    line-height: 1.2;
    font-weight: 800;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

.overview-sect-descript p {
    --as-m: 0 0 20px;
    --as-m-md: 0 0 18px;
    --as-m-lg: 0 0 20px;
    --as-m-xl: 0 0 33px;
    --as-p-xl: 0 25px 0 3px;
    --as-ls-custom: -0.038rem;
    font-size: var(--as-font-23);
    line-height: 1.44;
    font-weight: 500;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}


/* ==========================================================================
   OUR OFFERING SECTION
   ========================================================================== */

.our-offering-sect {
    --as-p: 40px 0 50px;
    --as-p-md: 50px 0 60px;
    --as-p-lg: 60px 0 70px;
    --as-p-xl: 82px 0 90px;
    padding: var(--as-p);
    overflow: hidden;
    background-color: var(--as-gray);
}

.our-offering-cont {
    --as-m: 0 0 26px;
    --as-m-md: 0 0 26px;
    --as-m-lg: 0 0 28px;
    --as-m-xl: 0 0 31px;
    margin: var(--as-m);
}

.our-offering-title {
    --as-m: 0 0 10px;
    --as-m-lg: 0 0 18px;
    --as-ls-custom: 0.1px;
    font-family: var(--as-font-alt);
    font-size: var(--as-font-50);
    line-height: 1.2;
    font-weight: 800;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

.our-offering-discript {
    --as-m: 10px 0 0;
    --as-ls-custom: -0.043rem;
    font-size: var(--as-font-19);
    font-weight: 500;
    max-width: var(--as-w);
    margin: 0;
    letter-spacing: var(--as-ls-custom);
}

.our-offering-discript p {
    --as-m: 10px 0 0;
    --as-ls-custom: -0.043rem;
    font-size: var(--as-font-19);
    font-weight: 500;
    max-width: var(--as-w);
    letter-spacing: var(--as-ls-custom);
}

.our-offering-card {
    --as-p: 33px 32px;
    border: var(--as-border-width) solid var(--as-gray-400);
    position: relative;
    padding: var(--as-p);
    background-color: var(--as-white);
    height: 100%;
}

.our-offering-card-title {
    --as-m: 0 0 14px;
    font-size: var(--as-font-25);
    font-family: var(--as-font-alt);
    line-height: 1.2;
    font-weight: 700;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

.our-offering-card-descript {
    --as-ls-custom: -0.041rem;
    font-size: var(--as-font-19);
    line-height: 1.36;
    font-weight: 500;
    margin: 0;
    letter-spacing: var(--as-ls-custom);
}

.overview-subtitle {
    --as-m: 0 0 15px;
    --as-m-lg: 0 0 20px;
    --as-w-xl: 84%;
    font-size: var(--as-font-30);
    font-family: var(--as-font-alt);
    font-size: var(--as-font-30);
    line-height: 1.2;
    font-weight: 500;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

.overview-card-sect {
    --as-m: 20px 0 0;
    --as-m-lg: 33px 0 0;
    --as-m-xl: 43px 0 0;
    margin: var(--as-m);
}

.overview-tier-card {
    --as-border-color: var(--as-black);
    border: var(--as-border-width) solid var(--as-border-color);
    position: relative;
    padding: var(--as-p);
    margin: var(--as-m);
}

/* First Card */
.overview-card-sect>.col-lg-4:nth-child(1) .overview-tier-card {
    --as-p: 35px;
    --as-p-lg: 54px 50px;
    --as-m-lg: 0;
}

/* Second card */
.overview-card-sect>.col-lg-4:nth-child(2) .overview-tier-card {
    --as-p: 35px;
    --as-p-lg: 54px 50px;
    --as-m-lg: 59px 0 0 -1px;
}

/* Third card */
.overview-card-sect>.col-lg-4:nth-child(3) .overview-tier-card {
    --as-p: 35px;
    --as-p-lg: 54px 50px;
    --as-m-lg: 130px 0 0 -1px;
}

.overview-tier-cust-card {
    --as-p: 0 0 20px;
    padding: var(--as-p);
}

.overview-tier-title {
    --as-m: 0 0 15px;
    font-weight: 700;
    font-size: var(--as-font-25);
    line-height: 1.3;
    margin: var(--as-m);
}


/* ==========================================================================
   DEVELOPMENT PROJECT SECTION
   ========================================================================== */

.development-project-sect {
    --as-p: 40px 0 45px;
    --as-p-md: 40px 0;
    --as-p-lg: 66px 0 62px;
    padding: var(--as-p);
}

.development-project-cont {
    --as-w: 100%;
    --as-w-md: 100%;
    --as-m: 0 auto;
    max-width: var(--as-w);
    margin: var(--as-m);
}

.development-cta-box {
    --as-gap-y: 22px;
    --as-gap-x-md: 25px;
    --as-gap-y-md: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    row-gap: var(--as-gap-y);
    flex-wrap: wrap;
    position: relative;
    z-index: 0;
}

.development-cta-title {
    --as-m: 0;
    --as-ls: 0px;
    --as-ls-md: -0.4px;
    font-size: var(--as-font-25);
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
    text-align: center;
}

.development-cta-lgbox {
    --as-gap-y: 22px;
    --as-gap-x-md: 25px;
    --as-gap-y-lg: 20px;
    --as-gap-y-xl: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    row-gap: var(--as-gap-y);
    flex-wrap: wrap;
    position: relative;
    z-index: 0;
}

.development-cta-lgtitle {
    --as-m: 0;
    --as-ls: 0px;
    --as-ls-md: -0.4px;
    font-size: var(--as-font-40);
    line-height: 1.2;
    font-weight: 700;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
    text-align: center;
    color: #ffffff;
    font-family: var(--as-font-alt);
}

/* ==========================================================================
   WHY CHOOSE SECTION
   ========================================================================== */

.why-choose-sect {
    --as-p: 40px 0 50px;
    --as-p-md: 50px 0;
    --as-p-lg: 85px 0 90px;
    padding: var(--as-p);
    overflow: hidden;
    background-color: var(--as-black);
}

.why-choose-sect-title {
    --as-m: 0 0 18px;
    font-family: var(--as-font-alt);
    font-size: var(--as-font-50);
    line-height: 1.2;
    font-weight: 800;
    color: #fff;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-normal);
}

.why-choose-sect-descript {
    --as-ls-custom: -0.031rem;
    --as-w-xl: 95%;
    font-size: var(--as-font-19);
    line-height: 1.36;
    font-weight: 400;
    color: #fff;
    margin: 0;
    max-width: var(--as-w);
    letter-spacing: var(--as-ls-custom);
}

.why-choose-sect-descript p {
    --as-ls-custom: -0.031rem;
    --as-w-xl: 95%;
    font-size: var(--as-font-19);
    line-height: 1.36;
    font-weight: 400;
    color: #fff;
    margin: 0;
    max-width: var(--as-w);
    letter-spacing: var(--as-ls-custom);
    margin-bottom: 30px;
}

.why-choose-count {
    --col-pl: 2px;
    --col-pr: 2px;
    --as-m: 33px -2px 45px;
    --as-m-md: 45px -2px 58px;
    --as-m-lg: 56px -3px 60px;
    margin-top: -4px;
    margin-left: -2px;
    margin-right: -2px;
    margin: var(--as-m);

}

.why-choose-sect .row.why-choose-count {
    margin-left: 0px;
    margin-right: 0px;
}

.why-choose-sect .row-gap-count {
    display: flex;
    padding-left: 2px;
    padding-right: 2px;
}

.why-choose-listbox {
    --as-p: 20px;
    --as-p-lg: 30px;
    --as-p-xl: 51px 59px;
    background-color: var(--as-gray-900);
    padding: var(--as-p);
    width: 100%;
}

.why-choose-list-title {
    --as-m: 0 0 6px;
    color: var(--as-theme);
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 500;
    margin: var(--as-m);
}

.why-choose-list-detail {
    --as-ls-custom: 0.013rem;
    font-size: var(--as-font-17);
    font-family: var(--as-font-alt);
    color: #fff;
    margin: 0;
    letter-spacing: var(--as-ls-custom);
}

.suqare-icon-box {
    --as-left: 0px;
    --as-top: 6px;
    width: 15px;
    height: 15px;
    position: absolute;
    left: var(--as-left);
    top: var(--as-top);
    background-color: var(--as-theme);
}

.why-choose-steplist {
    --as-p: 0 0 0 28px;
    --as-p-md: 0 0 0 30px;
    --as-p-lg: 0 0 0 35px;
    --as-p-xl: 0 0 0 42px;
    padding: var(--as-p);
}

.why-choose-steplisttitle {
    --as-ls-custom: 0.025rem;
    --as-m: 0 0 7px;
    --as-m-md: 0 0 8px;
    font-size: var(--as-font-20);
    font-weight: 700;
    color: #fff;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

.why-choose-stepdescript {
    --as-ls-custom: 0.022rem;
    font-family: var(--as-font-alt);
    font-weight: 400;
    color: #fff;
    margin: 0;
    letter-spacing: var(--as-ls-custom);
    font-size: var(--as-font-20);
    line-height: 1.56;
}

/* ==========================================================================
   Choose Advertiseing SECTION
   ========================================================================== */
.choose-advant-sect {
    --as-p: 40px 0 0;
    --as-p-md: 110px 0 44px;
    --as-p-lg: 120px 0 44px;
    --as-p-xl: 158px 0 69px;
    padding: var(--as-p);
    overflow: hidden;
}

.choose-advant-sect .cust-choose-advant {
    z-index: 4;
}

.choose-advant-title {
    --as-m: 0 0 18px;
    --as-m-md: 0 0 28px;
    --as-w-xl: 94%;
    font-size: var(--as-font-50);
    line-height: 1.2;
    font-weight: 500;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-normal);
}

.choose-advant-descript {
    font-size: var(--as-font-23);
    line-height: 1.3;
    margin: 0;
    font-weight: 500;
    max-width: 89%;
}

.chose-advant-img {
    position: absolute;
    text-align: right;
    right: 0;
}


/* ==========================================================================
   Choose Advertiseing BOX SECTION
   ========================================================================== */

.choose-advant-box {
    --as-p: 10px 0 50px;
    --as-p-md: 35px 0 60px;
    --as-p-lg: 40px 0 80px;
    --as-p-xl: 45px 0 93px;
    padding: var(--as-p);
    overflow: hidden;
}

.choose-advant-box-title {
    --as-m: 10px 0;
    --as-m-lg: 0 0 10px;
    font-size: var(--as-font-30);
    line-height: 1.3;
    font-weight: 700;
    margin: var(--as-m);
}

.choose-advant-box-card {
    --as-p: 20px 0 0;
    --as-p-md: 20px 0 0;
    --as-p-lg: 34px 0 0;
    padding: var(--as-p);
}

.choose-advant-box-card-cont {
    --as-p: 35px 32px;
    border: var(--as-border-width) solid var(--as-border-color);
    border-color: var(--as-gray-400);
    position: relative;
    background-color: var(--as-gray);
    padding: var(--as-p);
}

.choose-advant-box-card-title {
    --as-m: 0 0 17px;
    font-size: var(--as-font-25);
    line-height: 1.3;
    margin: var(--as-m);
}

.choose-advant-box-card-descript {
    margin: 0;
    font-weight: 500;
}

/* ==========================================================================
   OUR PROVEN SECTION
   ========================================================================== */

.our-proven-sect {
    --as-p: 0 0 50px;
    --as-p-md: 0 0 60px;
    --as-p-lg: 0 0 86px;
    --as-p-xl: 0 0 93px;
    background-color: var(--as-black);
    padding: var(--as-p);
    overflow: hidden;
}

.our-proven-sect-cont {
    --as-p: 40px 0 0;
    --as-p-lg: 83px 0 0;
    border-top: var(--as-border-width) solid var(--as-off-light-gray);
    padding: var(--as-p);
}

.our-proven-sect-title {
    --as-m: 0 0 15px;
    --as-m-md: 0 0 25px;
    font-size: var(--as-font-50);
    line-height: 1.2;
    font-family: var(--as-font-alt);
    font-weight: 800;
    color: #fff;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

.our-proven-sect-title.our-proven-titlesm-w {
    max-width: 95%
}

.our-proven-sect-descript {
    --as-ls-custom: -0.031rem;
    --as-w-xl: 94%;
    font-size: var(--as-font-19);
    line-height: 1.36;
    font-weight: 400;
    color: #fff;
    margin: 0;
    max-width: var(--as-w);
    letter-spacing: var(--as-ls-custom);
}

.our-proven-sect-descript.our-proven-sm-w {
    --as-w-xl: 79%;
}

.our-proven-list-box {
    --as-m: 40px 0 0;
    --as-m-md: 55px 0 0;
    display: flex;
    flex-wrap: wrap;
    margin: var(--as-m);
}

.our-proven-list-item {
    --as-p: 20px;
    --as-p-md: 38px 20px 64px;
    text-align: center;
    padding: var(--as-p);
    background-color: var(--as-white);
    border-right: 1px solid var(--as-dull-light-gray) !important;
    height: 100%;
    position: relative;
}

.our-proven-list-item.v2-our-proven-list-item {
    height: auto;
}

.our-proven-listitem-number {
    font-size: var(--as-font-25);
    line-height: 1.3;
    font-family: var(--as-font-alt);
    font-weight: 700;
    color: var(--as-dull-blue);
}

.our-proven-list-item .our-proven-listitem-icon {
    --as-w: 72px;
    --as-min-h: 72px;
    --as-m: 20px auto;
    --as-m-md: 23px auto 32px;
    max-width: var(--as-w);
    min-height: var(--as-min-h);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--as-dull-dark-blue);
    margin: var(--as-m);
    border-radius: 50%;
}

.our-proven-listitem-title {
    --as-m: 0;
    --as-ls: 0px;
    color: var(--as-black);
    font-size: var(--as-font-25);
    line-height: 1.2;
    margin: var(--as-m);
    letter-spacing: var(--as-ls);
}

.our-proven-listitem-descript {
    --as-m: 10px 0 0;
    --as-m-md: 17px 0 0;
    --as-ls-custom: -0.038rem;
    color: var(--as-black);
    font-size: var(--as-font-19);
    font-weight: 500;
    margin: var(--as-m);
    letter-spacing: var(--as-ls);
}



/* ==========================================================================
   INDUSTRY SECTION
   ========================================================================== */

.industry-sect {
    --as-p: 40px 0;
    --as-p-lg: 80px 0 73px;
    padding: var(--as-p);
    overflow: hidden;
}

.industry-sect.content_sc.industry-bgcolor {
    background-color: var(--as-offwhite);
}

.industry-sect-title {
    --as-m: 0 0 15px;
    --as-m-md: 0 0 32px;
    --as-m-lg: 0 0 36px;
    font-size: var(--as-font-50);
    line-height: 1.2;
    font-weight: 800;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

.industry-sect-descript p {
    --as-m: 0 0 15px;
    --as-m-md: 0 0 25px;
    --as-m-lg: 0 0 33px;
    --as-ls-custom: -0.039rem;
    font-size: var(--as-font-23);
    line-height: 1.44;
    font-weight: 500;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

/* ==========================================================================
   POWERING INDUSTRIES SECTION
   ========================================================================== */

.powering-industries-section {
    --as-p: 45px 0;
    --as-p-md: 50px 0;
    --as-p-lg: 70px 0;
    --as-p-xl: 90px 0;
    --as-m: 0 0 70px;
    padding: var(--as-p);
    overflow: hidden;
}

.powering-industries-title {
    --as-m: 0 0 15px;
    --as-m-lg: 0 0 30px;
    font-size: var(--as-font-50);
    line-height: 1.2;
    font-family: var(--as-font-alt);
    font-weight: 800;
    color: #fff;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

.powering-industries-descript {
    color: #fff;
    font-size: var(--as-font-19);
    margin: 0;
}

.industri-list-box {
    --as-p-lg: 0px;
    --as-p: 0 15px;
    padding: var(--as-p);
}

.industri-list-box .list-type-12 {
    --as-m: 20px 0;
    --as-m-md: 30px 0;
    --as-m-lg: 48px 0;
    --as-m-xl: 56px 0 80px;
    margin: var(--as-m);
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.industri-list-box .list-type-12 li {
    flex: 0 0 32%;
    width: 32%;
    margin: 4px;
    background-color: #eff1fa;
    padding: 20px 20px 20px 35px;
    position: relative;
}

.industri-list-box .list-type-12 li .industri-list-item {
    color: var(--as-black);
    font-size: var(--as-font-19);
    font-weight: 600;
}

.industri-link-btn-box {
    --as-p: 10px 0 0;
    --as-p-md: 20px 0 0;
    --as-p-lg: 22px 0 0;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: var(--as-p);
}

.industri-link-btn-box .btn-round-arrow.white {
    margin-left: 15px;
}

.industri-link-btn {
    font-family: var(--as-font-alt);
    font-size: var(--as-font-21);
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

/* ==========================================================================
   HIRE DEVELOPERS SECTION
   ========================================================================== */

.hire-developers-section {
    --as-p: 45px 0;
    --as-p-md: 55px 0;
    --as-p-lg: 70px 0;
    --as-p-xl: 90px 0;
    padding: var(--as-p);
}

.hire-develop-title-box {
    margin-bottom: 30px;
}

.hire-developers-title {
    --as-m: 0 0 15px;
    --as-m-md: 0 0 35px;
    --as-m-lg: 0 0 55px;
    --as-m-xl: 0 0 75px;
    font-size: var(--as-font-50);
    line-height: 1.2;
    font-family: var(--as-font-alt);
    font-weight: 800;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

.hire-developers-title.hire-developers-custtitle {
    --as-m: 0 0 18px;
    --as-m-md: 0 0 15px;
    --as-m-lg: 0 0 20px;
    --as-m-xl: 0 0 24px;
    line-height: 1.1;
}

.hire-developers-descript p {
    --as-m: 0 0 10px;
    --as-m-md: 0 0 12px;
    --as-m-lg: 0 0 15px;
    --as-m-xl: 0 0 16px;
    font-size: var(--as-font-19);
    margin: var(--as-m);
}

.cust-w-box {
    --as-w-fix-lg: 517px;
}

.cust-w-box .custom-h2 {
    font-weight: 700;
    font-size: var(--as-font-30);
    line-height: 1.3;
}

.dedicated-cont-box {
    --as-m: 20px 0 0;
    --as-m-md: 30px 0 0;
    --as-m-lg: 50px 0 0;
    --as-m-xl: 60px 0 0;
    margin: var(--as-m);
}

.dedicated-cont-box .dedicated-btn-link {
    color: var(--as-black);
    font-weight: 600;
    font-family: var(--as-font-alt);
}

/* ==========================================================================
   RATING SECTION
   ========================================================================== */
.rating-sect-box.ratings_section {
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.rating-sect-box {
    --as-min-h: 370px;
    --as-min-h-md: 370px;
    --as-min-h-lg: 370px;
    --as-m: 0 0 50px;
    --as-m-md: 0 0 60px;
    --as-m-lg: 0 0 70px;
    min-height: var(--as-min-h);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: var(--as-m);
}

.rating-star-cont {
    --as-m: 0 0 15px;
    --as-p: 35px 0 0;
    font-weight: 800;
    font-size: var(--as-font-50);
    line-height: 1.2;
    margin: var(--as-m);
    padding: var(--as-p);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.rating-number-text {
    --as-m: 0 10px 0 0;
    color: var(--as-text-blue);
    margin: var(--as-m);
}

.rating-cust-text {
    --as-m: 0 0 0 10px;
    color: var(--as-black);
    margin: var(--as-m);
}

.rating-descript-box {
    --as-w: 770px;
    --as-m: 0 auto;
    max-width: var(--as-w);
    margin: var(--as-m);
}

.rating-descript {
    font-size: var(--as-font-19);
    font-weight: 500;
}

.rating-review-icon-box {
    --as-p: 10px 0;
    --as-p-lg: 15px 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--as-p);
}

/* ==========================================================================
   TECHNOLOGY STACK SECTION
   ========================================================================== */

.technology-stack-box {
    --as-p: 45px 0 50px;
    --as-p-md: 50px 0;
    --as-p-lg: 81px 0 89px;
    padding: var(--as-p);
    background-color: var(--as-light-purple);
}

.technology-stack-title {
    --as-m: 0 auto 18px;
    --as-m-md: 0 auto 25px;
    --as-w-lg: 100%;
    --as-w-xl: 74%;
    --as-lh: 1.2;
    font-size: var(--as-font-50);
    line-height: var(--as-lh);
    font-weight: 800;
    display: inline-block;
    margin: var(--as-m);
    max-width: var(--as-w);
    letter-spacing: var(--as-ls-normal);
}

.technology-stack-descript p {
    --as-ls-custom: -0.044rem;
    font-size: var(--as-font-19);
    margin: 0;
    letter-spacing: var(--as-ls-custom);
    font-weight: 500;
}

.technology-stack-tab-sect {
    --as-m: 30px 0 0;
    --as-m-md: 50px 0 0;
    --as-m-lg: 70px 0 0;
    margin: var(--as-m);
}

.stak-tabs-view-box {
    display: flex;
    border-bottom: var(--as-border-width) solid var(--as-light-skyblue);
}

.stack-tabs-title {
    --as-p: 0px 15px 24px;
    --as-p-md: 0 15px 20px;
    --as-p-lg: 0 21px 24px;
    --as-p-xl: 0 32px 31px;
    font-family: var(--as-font-alt);
    font-size: var(--as-font-21);
    font-weight: 600;
    color: var(--as-black);
    padding: var(--as-p);
}

.stack-tab-detail {
    width: 100%;
}

.stack-tab-detail .list-type-12 {
    --as-m: 20px 0 0;
    --as-m-md: 20px -4px 0;
    --as-m-lg: 43px -5px 0;
    margin: var(--as-m);
}

.stack-tab-detail .list-type-12 .stack-tab-listitem {
    color: var(--as-black);
    font-size: var(--as-font-19);
    font-weight: 600;
}

/* ==========================================================================
   FAQ SECTION
   ========================================================================== */

.faq-sect {
    --as-p: 40px 0 50px;
    --as-p-md: 50px 0 60px;
    --as-p-lg: 70px 0 85px;
    --as-p-xl: 82px 0 98px;
    padding: var(--as-p);
    background-color: var(--as-offwhite);
}

.faq-heading {
    --as-p: 0 0 12px;
    --as-p-md: 0 0 16px;
    --as-p-lg: 0 0 22px;
    font-family: var(--as-font-alt);
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 800;
    padding: var(--as-p);
}

.faq-cont-box {
    margin: var(--as-m);
}

.faq-cont-title-box {
    --as-p: 18px 0;
    --as-p-md: 20px 0;
    --as-p-lg: 27px 0;
    display: flex;
    padding: var(--as-p);
}

.faq-cont-title {
    --as-ls-custom: -0.025;
    font-family: var(--as-font);
    font-size: var(--as-font-25);
    line-height: 1.3;
    font-weight: 700;
    color: var(--as-black);
    width: 100%;
    letter-spacing: var(--as-ls-custom);
}

.faq-cont-detail {
    --as-m: 0;
    font-size: var(--as-font-19);
    margin: var(--as-m);
}

/* ==========================================================================
   Center Content SECTION
   ========================================================================== */
.cust-center-sect {
    --as-p: 40px 0 3px;
    --as-p-md: 50px 0 3px;
    --as-p-lg: 60px 0 3px;
    --as-p-xl: 86px 0 3px;
    padding: var(--as-p);
    overflow: hidden;
}

.cust-center-title-box {
    --as-m: 0 0 30px;
    --as-m-md: 0 0 38px;
    --as-m-lg: 0 0 62px;
    --as-m-xl: 0 0 88px;
    text-align: center;
    margin: var(--as-m);
}

.cust-center-title {
    --as-m: 0 0 13px;
    --as-m-lg: 0 0 15px;
    --as-m-xl: 0 auto 17px;
    --as-ls-custom: -0.056rem;
    --as-w-xl: 80%;
    font-size: var(--as-font-50);
    line-height: 1.2;
    font-weight: 800;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

.cust-center-descript {
    --as-ls-custom: -0.031rem;
    --as-w-xl: 87%;
    --as-m: 0 auto;
    font-size: var(--as-font-19);
    color: var(--as-gray-800);
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

.cust-img-cont-box {
    --as-m: 40px 0;
    --as-m-md: 50px 0;
    --as-m-lg: 60px 0;
    --as-m-xl: 88px 0;
    margin: var(--as-m);
}

.cust-left-right-cont {
    --as-p: 30px 0 0;
    --as-p-md: 40px 0 0 0;
    --as-p-lg: 20px 0 0 45px;
    --as-p-xl: 20px 0 0 81px;
    --as-gap-y: 24px;
    --as-gap-y-md: 31px;
    --as-gap-y-lg: 41px;
    --as-gap-y-xl: 65px;
    padding: var(--as-p);
    display: flex;
    flex-direction: column;
    row-gap: var(--as-gap-y);
}

.cust-right-cont {
    --as-gap-y: 24px;
    --as-gap-y-md: 31px;
    --as-gap-y-lg: 41px;
    --as-gap-y-xl: 65px;
    --as-p: 30px 0 0;
    --as-p-md: 40px 0 0 0;
    --as-p-lg: 20px 39px 0 0;
    --as-p-xl: 35px 75px 0 0;
    display: flex;
    flex-direction: column;
    row-gap: var(--as-gap-y);
    padding: var(--as-p);
}

.benefits-icon-cont {
    position: absolute;
    left: 0;
    top: var(--as-top);
    --as-top-custom: -3px;
}

.benefits-right-cont {
    --as-p: 0 0 0 52px;
    --as-p-md: 0 0 0 52px;
    --as-p-lg: 0 0 0 56px;
    padding: var(--as-p);
}

.benefits-right-title {
    --as-ls-custom: -0.022rem;
    --as-m: 0 0 5px;
    --as-m-md: 0 0 6px;
    --as-m-lg: 0 0 11px;
    --as-m-xl: 0 0 13px;
    font-family: var(--as-font-alt);
    font-size: var(--as-font-20);
    letter-spacing: var(--as-ls-custom);
    display: block;
    margin: var(--as-m);
}

.benefits-right-descript {
    --as-ls-custom: -0.031rem;
    margin: 0;
    font-size: var(--as-font-19);
    color: var(--as-gray-800);
    letter-spacing: var(--as-ls-custom);
}

.benefits-dark-sect {
    --as-p: 40px 0 45px;
    --as-p-md: 50px 0;
    --as-p-lg: 75px 0 80px;
    --as-p-xl: 83px 0 90px;
    padding: var(--as-p);
    overflow: hidden;
    background-color: var(--as-black);
}

.benefits-dark-sect-title {
    --as-m: 0 0 18px;
    font-family: var(--as-font-alt);
    font-size: var(--as-font-50);
    line-height: 1.2;
    font-weight: 800;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
    color: #ffffff;
}

.benefits-dark-sect-descript {
    --as-ls-custom: -0.031rem;
    --as-w-xl: 100%;
    color: #ffffff;
    font-size: var(--as-font-19);
    font-weight: 400;
    max-width: var(--as-w);
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

.benefits-dark-cont {
    --as-m: 10px -15px 0;
    --as-m-md: 0;
    --as-m-xl: 17px 0 0px;
    margin: var(--as-m);
}

.benefit-dark-cont-detail {
    --as-m: 40px 0 0;
    --as-m-md: 45px 0 0;
    --as-m-lg: 55px 0 0;
    --as-m-xl: 72px 0 0px;
    display: flex;
    margin: var(--as-m);
}

.benefi-dark-squareicon {
    --as-m: 0 0 20px;
    --as-m-lg: 0 0 25px;
    margin: var(--as-m);
}

.benefit-dark-listtitle {
    --as-m: 0 0 10px;
    --as-m-md: 0 0 16px;
    font-size: var(--as-font-25);
    line-height: 1.3;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: var(--as-ls-custom);
    margin: var(--as-m);
}

.benefit-dark-listdescript {
    margin: 0;
    color: #ffffff;
    font-weight: 400;
}

/* ==========================================================================
   EXPERTISE SECTION
   ========================================================================== */
.expertise-sect {
    --as-p: 45px 0;
    --as-p-md: 60px 0;
    --as-p-lg: 60px 0 70px;
    --as-p-xl: 84px 0;
    padding: var(--as-p);
}

.expertise-sect-box {
    --as-p: 0 0 35px;
    --as-p-md: 0 0 35px;
    --as-p-lg: 0 0 40px;
    --as-p-xl: 0 0 65px;
    padding: var(--as-p);
}

.expertise-sect-title {
    --as-m: 0 0 15px;
    --as-m-md: 0 0 15px;
    --as-m-lg: 0 0 18px;
    --as-m-xl: 0 0 22px;
    font-family: var(--as-font-alt);
    font-size: var(--as-font-50);
    line-height: 1.2;
    font-weight: 800;
    margin: var(--as-m);
}

.expertise-sect-descript {
    --as-ls-custom: -0.044rem;
    font-size: var(--as-font-19);
    line-height: 1.36;
    margin: 0;
    color: var(--as-gray-800);
    font-weight: 500;
    letter-spacing: var(--as-ls-custom);
}

.expertise-card-box {
    --as-border-color: var(--as-black);
    --as-p: 28px 30px 30px;
    --as-p-lg: 38px 35px 35px;
    --as-p-xl: 58px 63px 63px;
    border: var(--as-border-width) solid var(--as-border-color);
    position: relative;
    padding: var(--as-p);
}

.expertise-icon {
    --as-m: 0 0 20px;
    --as-m-md: 0 0 20px;
    --as-m-xl: 0 0 35px;
    margin: var(--as-m);
}

.expertise-card-title {
    --as-m: 0 0 13px;
    --as-m-md: 0 0 10px;
    --as-m-xl: 0 0 31px;
    font-size: var(--as-font-36);
    line-height: 1.2;
    font-weight: 800;
}

.expertise-card-descript {
    --as-ls-custom: -0.044rem;
    margin: 0;
    font-size: var(--as-font-19);
    line-height: 1.36;
    color: var(--as-gray-800);
    font-weight: 500;
    letter-spacing: var(--as-ls-custom);
}

/* ==========================================================================
   DATA EVALUATION SECTION
   ========================================================================== */
.data-evaluation-sect {
    padding: 0;
    overflow: hidden;
}

.data-evaluation-cont {
    --as-m: 0 0 35px;
    --as-m-md: 0 0 50px;
    --as-m-lg: 0 0 48px;
    --as-m-xl: 0 0 68px;
    margin: var(--as-m);
    text-align: center;
}

.data-evaluaiton-title {
    --as-m: 0 0 10px;
    --as-m-lg: 0 0 17px;
    --as-ls-custom: -0.031rem;
    font-family: var(--as-font-alt);
    font-size: var(--as-font-50);
    line-height: 1.2;
    font-weight: 800;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

.data-evaluation-descript {
    --as-m: 0 auto;
    --as-ls-custom: -0.043rem;
    --as-w-xl: 66%;
    margin: 0 auto;
    font-size: var(--as-font-19);
    line-height: 1.36;
    color: var(--as-gray-800);
    font-weight: 500;
    letter-spacing: var(--as-ls-custom);
    max-width: var(--as-w);
}

.data-evaluat-card-box {
    --as-m: 0 -1px;
    margin: var(--as-m);
}

.data-evaluat-card-cont {
    --as-p: 40px 20px;
    --as-p-md: 30px 20px;
    --as-p-lg: 60px 20px 54px;
    --as-p-xl: 130px 20px 104px;
    position: relative;
    display: flex;
    padding: var(--as-p);
    border: var(--as-border-width) solid var(--as-border-color);
}

.data-evaluat-box {
    --as-w-fix-md: 100%;
    --as-w-fix-lg: 90%;
    --as-w-fix-xl: 34%;
    --as-m: 0 auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.data-evaluat-icon {
    display: flex;
    justify-content: center;
}

.data-evaluat-icon-img {
    --as-w: 60%;
    --as-w-md: 50%;
    --as-w-lg: inherit;
    max-width: var(--as-w);
}

.data-evaluate-title {
    --as-m: 20px 0 0;
    --as-m-md: 17px 0 0;
    --as-m-lg: 22px 0 0;
    --as-ls-custom: -0.006rem;
    color: #ffffff;
    font-size: var(--as-font-30);
    line-height: 1.2;
    font-weight: 700;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

.data-evaluat-arrow-btn {
    --as-m: 28px 0 0;
    --as-m-md: 28px 0 0;
    --as-m-lg: 35px 0 0;
    --as-m-xl: 61px 0 0;
    margin: var(--as-m);
}

/* ==========================================================================
   FIVE STEPS SECTION
   ========================================================================== */
.five-timeline-step {
    --as-p: 40px 0 10px;
    --as-p-md: 40px 0 20px;
    --as-p-lg: 64px 0 35px;
    --as-p-xl: 84px 0 96px;
    padding: var(--as-p);
}

.five-step-title {
    --as-m: 0 0 15px;
    --as-m-md: 0 0 15px;
    --as-m-lg: 0 0 18px;
    --as-m-xl: 0 0 25px;
    --as-w-xl: 60%;
    font-family: var(--as-font-alt);
    font-size: var(--as-font-50);
    line-height: 1.2;
    color: #ffffff;
    font-weight: 800;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

.five-step-descript {
    --as-m: 0;
    --as-ls-custom: -0.043rem;
    --as-w-xl: 86%;
    font-size: var(--as-font-19);
    line-height: 1.36;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: var(--as-ls-custom);
    max-width: var(--as-w);
    margin: var(--as-m);
}

.five-timeline-sect {
    --as-m: 0 auto;
    --as-p: 30px 0 0;
    --as-p-md: 30px 0 0;
    --as-p-lg: 40px 0 0;
    --as-p-xl: 161px 0 0;
    margin: var(--as-m);
    text-align: left;
    padding: var(--as-p);
}

.five-provess-num {
    --as-w: 40px;
    --as-min-h: 40px;
    font-size: var(--as-font-19);
    --as-border-color: #5f78ff;
    line-height: 1.2;
    border-radius: 50%;
    border: var(--as-border-width) solid var(--as-border-color);
    color: var(--as-text-blue);
    max-width: var(--as-w);
    text-align: center;
    min-height: var(--as-min-h);
    display: flex;
    align-items: center;
    justify-content: center;
}

.five-process-title {
    --as-m: 12px 0 30px;
    --as-m-md: 15px 0 36px;
    --as-m-lg: 15px 0 40px;
    --as-m-xl: 0;
    font-size: var(--as-font-20);
    font-weight: 700;
    color: #ffffff;
    letter-spacing: var(--as-ls-custom);
    line-height: var(--as-lh-normal);
    margin: var(--as-m);
}

.five-process-title.five-process-black {
    color: #000000;
}

.why-choose-left-right-sect {
    --as-p: 50px 0;
    --as-p-md: 60px 0;
    --as-p-lg: 70px 0;
    --as-p-xl: 93px 0;
    padding: var(--as-p);
    background-color: var(--as-offwhite);
}

.why-choose-left-right-sect.bg-transperent {
    background-color: transparent;
}

.why-chosee-right-cont {
    --as-w-lg: 480px;
    --as-w-xl: 522px;
    --as-m-lg: 0 0 0 auto;
}

.why-choose-right-title {
    --as-m: 22px 0 10px;
    --as-m-md: 33px 0 10px;
    --as-m-lg: 0 0 20px;
    --as-m-xl: 0 0 29px;
    --as-ls-custom: -0.056rem;
    font-family: var(--as-font-alt);
    font-size: var(--as-font-50);
    line-height: 1.2;
    font-weight: 800;
    margin: var(--as-m);
    letter-spacing: var(--as-ls-custom);
}

.why-choose-right-descript {
    --as-w-xl: 85%;
    --as-ls-custom: -0.031rem;
    font-size: var(--as-font-19);
    line-height: 1.36;
    color: var(--as-gray-800);
    letter-spacing: var(--as-ls-custom);
    margin: var(--as-m);
}

.why-choose-right-list {
    --as-p: 0;
    --as-m: 12px 0 0;
    --as-m-lg: 23px 0 0;
    padding: var(--as-p);
    margin: var(--as-m);
}

.why-choose-right-listitem {
    --as-p: 12px 0 12px 20px;
    --as-p-md: 12px 0 12px 18px;
    --as-p-lg: 13px 0 13px 25px;
    --as-p-xl: 15px 0 15px 30px;
    --as-border-color: #c5c5c5;
    font-family: var(--as-font-alt);
    font-size: var(--as-font-20);
    font-weight: 600;
    letter-spacing: var(--as-ls-custom);
    padding: var(--as-p);
    border-bottom: var(--as-border-width) solid var(--as-border-color);
}

.five-first-step {
    --as-w-fix: 50%;
    --as-w-fix-md: 33.33%;
    --as-w-fix-xl: 40%;
    --as-p: 0 15px;
    --as-p-xl: 1px 0 0 222px;
}

.five-second-step {
    --as-w-fix: 50%;
    --as-w-fix-md: 33.33%;
    --as-w-fix-xl: 28%;
    --as-p: 0 15px;
    --as-p-xl: 1px 0 0 70px;
}

.five-third-step {
    --as-w-fix: 50%;
    --as-w-fix-md: 33.33%;
    --as-w-fix-xl: 25%;
    --as-p: 0 15px;
    --as-p-xl: 1px 0 0 67px;
}

.five-fourth-step {
    --as-w-fix: 50%;
    --as-w-fix-md: 33.33%;
    --as-w-fix-xl: 40%;
    --as-p: 0 15px;
    --as-p-xl: 171px 0 0 222px;
}

.five-fifth-step {
    --as-w-fix: 50%;
    --as-w-fix-md: 33.33%;
    --as-w-fix-xl: 24%;
    --as-p: 0 15px;
    --as-p-xl: 171px 0 0 71px;
}

.five-sixth-step {
    --as-w-fix: 50%;
    --as-w-fix-md: 33.33%;
    --as-w-fix-xl: 33%;
    --as-p: 0 15px;
    --as-p-xl: 171px 0 0 107px;
}

.cust-gallary-load-more {
    --as-p: 30px 0 10px;
    --as-p-lg: 85px 0 10px;
    text-align: center;
    padding: var(--as-p);
}

.cust-dash-card-img {
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 7;
}

.cust-dash-card-title {
    position: absolute;
    color: #ffffff;
    font-size: var(--as-font-17);
    bottom: 25px;
    left: 25px;
    z-index: 2;
}




/* ==========================================================================
   DASHBOARD SECTION
   ========================================================================== */

.dashboard-sect {
    --as-p: 40px 0;
    --as-p-md: 50px 0 55px;
    --as-p-lg: 60px 0 71px;
    --as-p-xl: 90px 0 71px;
    padding: var(--as-p);
}

.dashboard-sect-title {
    --as-m: 0 0 10px;
    --as-m-lg: 0;
    font-size: var(--as-font-50);
    line-height: 1.2;
    margin: var(--as-m);
    font-weight: 800;
}

.dashboard-sect-descript {
    font-size: var(--as-font-19);
    font-weight: 500;
    margin-top: 25px;
}

.dashboad-block-sect {
    width: calc(100% + 30px);
    margin: 0 -15px;
}

.dash-boad-block-cont {
    --as-h: 100%;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: var(--as-h);
}

.dashboard-tab-cont {
    --as-m: 40px 0 0;
    --as-m-md: 40px 0 0;
    --as-m-lg: 50px 0 0;
    --as-m-xl: 71px 0 0;
    --as-p: 0 15px;
    --as-min-h: 381px;
    --as-min-h-md: 330px;
    --as-min-h-lg: 339px;
    --as-min-h-xl: 420px;
    margin: var(--as-m);
    padding: var(--as-p);
    min-height: var(--as-min-h);
}

section.dashboard-sect.dashboard-scn-view.data-analytics-dashboard-scn::after {
    display: none;
}

.dashboard-grid-cont {
    --as-min-h: inherit;
    display: flex;
    flex-direction: column;
    min-height: var(--as-min-h);
}

.dashboard-grid-img-cont {
    position: relative;
}

.dashboard-grid-img-cont .dashboard-grid-img {
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 7;
}

.dashboard-grid-img-cont .dashboard-grid-text {
    position: absolute;
    color: #ffffff;
    font-size: var(--as-font-17);
    bottom: 25px;
    left: 25px;
    z-index: 2;
}

.dashboard-card-title {
    flex: 1 0 0;
    --as-m: 20px 0 12px;
    --as-m-md: 20px 0 8px;
    --as-m-lg: 26px 0 8px;
    --as-m-xl: 38px 0 8px;
    --as-min-h: 51px;
    --as-min-h-md: 123px;
    --as-min-h-lg: 68px;
    --as-min-h-xl: 78px;
    flex: 1 0 0;
    --as-m: 20px 0 12px;
    --as-m-md: 20px 0 12px;
    --as-m-lg: 26px 0 13px;
    --as-m-xl: 38px 0 13px;
    font-size: var(--as-font-30);
    line-height: 1.2;
    font-weight: 800;
    color: #000000;
    margin: var(--as-m);
    min-height: var(--as-min-h);
}

.dashboard-card-subtitle {
    font-family: var(--as-font-alt);
    font-size: var(--as-font-19);
    font-weight: 600;
    margin: 0;
}

/* ==========================================================================
   OUTLINE Section
   ========================================================================== */
.outline-timeline-sect {
    --as-min-h: inherit;
    --as-min-h-xl: 596px;
    --as-p: 40px 0 10px;
    --as-p-md: 40px 0 20px;
    --as-p-lg: 41px 0 30px;
    --as-p-xl: 41px 0 76px;
    padding: var(--as-p);
    min-height: var(--as-min-h);
}

.outline-timeline-title {
    font-size: var(--as-font-30);
    line-height: 1.3;
    font-weight: 700;
}

.outline-timeline-cont {
    --as-m: 0 auto;
    --as-p: 20px 0 0;
    --as-p-md: 24px 0 0;
    --as-p-lg: 30px 0 0;
    --as-p-xl: 155px 0 0;
    margin: var(--as-m);
    padding: var(--as-p);
    text-align: left;
}

/* ==========================================================================
   TABLEAU SECTION
   ========================================================================== */
.what-tableau-sect {
    --as-p: 50px 0 40px;
    --as-p-md: 60px 0;
    --as-p-lg: 70px 0;
    --as-p-xl: 93px 0;
    padding: var(--as-p);
    background-color: var(--as-offwhite);
}

.what-tableau-cont {
    --as-w-lg: 480px;
    --as-w-xl: 516px;
    --as-m: 20px 0 0 auto;
    --as-m-md: 26px 0 0 auto;
    --as-m-lg: 33px 0 0 auto;
    margin: var(--as-m);
}

.what-tableau-descript {
    --as-lh: 1.74;
    --as-w-xl: 91%;
    --as-ls-custom: -0.031rem;
    font-family: var(--as-font-alt);
    font-size: var(--as-font-21);
    font-weight: 600;
    margin: 0;
    letter-spacing: var(--as-ls-custom);
    line-height: var(--as-lh);
}

/* ==========================================================================
   Odoo Choose Advertiseing BOX SECTION
   ========================================================================== */

.odoo-choose-advant-sect {
    --as-p: 15px 0 50px;
    --as-p-md: 15px 0 70px;
    --as-p-lg: 35px 0 93px;
    padding: var(--as-p);
    overflow: hidden;
}

.odoo-choose-advant-cont {
    margin: var(--as-m);
}

.odoo-choose-title {
    --as-m: 0 0 20px;
    --as-m-md: 0 0 25px;
    --as-m-lg: 0 0 28px;
    --as-ls-custom: -0.031rem;
    font-family: var(--as-font-alt);
    font-size: var(--as-font-50);
    line-height: 1.2;
    font-weight: 800;
    margin: var(--as-m);
}

.odoo-choose-descript {
    --as-ls-custom: -0.038rem;
    --as-w-xl: 87%;
    --as-m: 0 auto;
    font-weight: 500;
    font-size: var(--as-font-23);
    line-height: 1.44;
    letter-spacing: var(--as-ls-custom);
}

/* ==========================================================================
   VIDEO SECTION
   ========================================================================== */
.video-cont-sect {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.cust-video-title {
    --as-p: 0 0 20px;
    --as-p-md: 0 0 40px;
}

.cust-video-name {
    --as-m-md: 0 0 10px;
    --as-m: 0 0 5px;
}


/* ==========================================================================
   BREADCRUMB SECTION
   ========================================================================== */

section.as-breadcrumb-scn {
    background-color: #f0f0f0;
    padding: 14px 0;
}



/* ==========================================================================
   BREADCRUMB WITH BANNER SECTION
   ========================================================================== */
.banner-breadcrumb-sect {
    --as-p: 50px 0;
    --as-p-lg: 70px 0;
    --as-min-h: inherit;
    --as-min-h-lg: 456px;
    padding: var(--as-p);
    min-height: var(--as-min-h);
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}

.banner-main-title {
    --as-m: 22px 0 25px;
    font-size: var(--as-font-60);
    line-height: 1.1;
    font-weight: 800;
    color: #ffffff;
    margin: var(--as-m);
}


/* ==========================================================================
   INDUSTRIES SECTION
   ========================================================================== */

.industries-sect {
    --as-p: 50px 0;
    --as-p-lg: 90px 0;
    --as-m: 0 0 70px;
    padding: var(--as-p);
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.industries-sect-title {
    --as-m: 0 0 30px;
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 800;
    margin: var(--as-m);
    color: #ffffff;
}

.industries-sect-descript {
    color: #ffffff;
    font-size: var(--as-font-19);
    margin: 0;
}

.industries-list-sect {
    --as-p-lg: 0px;
    --as-p: 0 15px;
    padding: var(--as-p);
}

.industries-listbox {
    --as-m-lg: 56px 0 80px;
    --as-m: 20px 0;
    margin: var(--as-m);
    justify-content: center;
}

.industries-listitem {
    color: var(--as-black);
    font-size: var(--as-font-19);
    font-weight: 600
}

.industries-btn-box {
    --as-p-lg: 20px 0 0;
    --as-p: 40px 0 0;
    padding: var(--as-p);
    justify-content: center;
    text-align: center;
    align-items: center;
}

.industries-btb-link {
    color: #ffffff;
    font-size: var(--as-font-21);
    display: inline-flex;
    align-items: center;
    font-weight: 600;
}

.cust-heading {
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 800;
}

.cust-subheading {
    font-weight: 700;
}

.cust-low-code-sect {
    overflow: hidden;
    background-color: var(--as-black);
    color: #ffffff;
}

.cust-adopt-steps {
    position: relative;
    width: 100%;
}

.cust-our-offers-card {
    border: var(--as-border-width) solid var(--as-border-color);
    border-color: var(--as-gray-400);
    position: relative;
    background-color: var(--as-gray);
}

.cust-our-offers-title {
    font-size: var(--as-font-25);
    line-height: 1.3;
    font-weight: 700;
    ;
}

.solution-dark-col {
    display: flex;
    color: #ffffff;
}

.cust-industry-wide-card {
    border: var(--as-border-width) solid var(--as-border-color);
    border-color: var(--as-gray-400);
    position: relative;
    background-color: var(--as-gray);
    padding: var(--as-p);
    display: flex;
    flex-direction: column;
    align-items: start;
}

.cust-industry-card-btn {
    display: flex;
    justify-content: end;
    align-items: center;
}

.cust-card-subtext {
    margin: 0;
    font-weight: 500;
}

.cust-icnc-tools-cont {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cust-icnc-tools-img,
.cust-icnc-tools-link {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cust-icnc-tools-name {
    font-weight: 600;
    display: block;
}

.cust-icnc-tools-btn {
    color: #ffffff;
    text-align: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.cust-incn-tools-link-text {
    font-weight: 600;
    color: #ffffff;
}

.cust-platform-title {
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 700;
    display: block;
}

.cust-platform-sect-btn {
    background-color: var(--as-white);
    display: inline-flex;
    position: relative;
    align-items: center;
}

.cust-platform-btn-text {
    font-size: var(--as-font-23);
    line-height: 1.3;
    font-weight: 600;
}

.cust-hire-sect-title {
    font-weight: 700;
    font-size: var(--as-font-30);
    line-height: 1.3;
}

/* ==========================================================================
   NEXT GENERATION SECTION
   ========================================================================== */
.next-generation-sect {
    --as-p: 50px 0;
    --as-p-lg: 90px 0;
    padding: var(--as-p);
}

.next-generation-title {
    --as-m: 0 0 35px;
    color: var(--as-black);
    font-size: var(--as-font-50);
    line-height: 1.1;
    margin: var(--as-m);
    font-weight: 800;
}

.next-gener-hero-img {
    --as-m-lg: 0 0 50px auto;
}

.full-stack-box {
    --as-p: 20px 0 25px;
    --as-p-lg: 20px 0 50px;
    padding: var(--as-p);
}

.full-stack-title {
    font-weight: 700;
    color: var(--as-black);
    font-size: var(--as-font-25);
    line-height: 1.3;
}

.fullstack-card-box {
    --as-border-color: var(--as-black);
    border: var(--as-border-width) solid var(--as-border-color);
}

.fullstack-card-cont {
    --as-min-h: 220px;
    --as-min-h-md: 250px;
    --as-min-h-lg: 337px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--as-min-h);
    position: relative;
}

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

.fullstack-card-img {
    --as-m: 0 0 35px;
    margin: var(--as-m);
}

.stack-tech-title {
    font-weight: 700;
    color: var(--as-black);
    font-size: var(--as-font-19);
}

.technology-link {
    --as-p: 0 22px 27px 0;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: var(--as-p);
    z-index: 1;
}

.cust-power-industry {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.power-first-step {
    --as-w-fix: 50%;
    --as-w-fix-md: 33.33%;
    --as-p: 0 15px;
    --as-p-xl: 0 0 0 220px;
}

.power-second-step {
    --as-w-fix: 50%;
    --as-w-fix-md: 33.33%;
    --as-p: 0 15px;
    --as-p-xl: 0 0 0 147px;
}

.power-third-step {
    --as-w-fix: 50%;
    --as-w-fix-md: 33.33%;
    --as-p: 0 15px;
    --as-p-xl: 0 0 0 75px;
}

.power-fourth-step {
    --as-w-fix: 50%;
    --as-w-fix-md: 34%;
    --as-p: 0 15px;
    --as-p-xl: 172px 0 0 220px;
}

.power-fifth-step {
    --as-w-fix: 50%;
    --as-w-fix-md: 32%;
    --as-p: 0 15px;
    --as-p-xl: 172px 0 0 140px;
}

.power-sixth-step {
    --as-w-fix: 50%;
    --as-w-fix-md: 33.99%;
    --as-p: 0 15px;
    --as-p-xl: 172px 0 0 82px;
}


/* ==========================================================================
   ESTORE SECTION
   ========================================================================== */
.wp-store-sect {
    --as-p: 50px 0;
    --as-p-lg: 90px 0 80px;
    padding: var(--as-p);
}

.wp-store-title {
    --as-m-lg: 0 0 30px;
    --as-m: 0 0 30px;
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 800;
    margin: var(--as-m);
}

.wp-store-descript {
    font-size: var(--as-font-19);
    font-weight: 500;
}

.cust-estore-box {
    --as-m: 80px 0 80px;
}

.cust-estore-list {
    --as-m-lg: 80px 0 0px;
    --as-m: 40px 0 0px;
    margin: var(--as-m);
}

.cust-estore-listtitle {
    --as-m: 20px 0 0;
    font-size: var(--as-font-19);
    font-weight: 700;
    margin: var(--as-m);
}

.estore-btn-link {
    --as-m: 40px 0 0px;
    --as-m-lg: 90px 0 10px;
    --as-p-lg: 40px 0 40px;
    --as-p: 20px 0 20px;
    background-image: url("https://www.atharvasystem.com/wp-content/uploads/2023/08/wp_dots_bg.png");
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    padding: var(--as-p);
    justify-content: center;
    text-align: center;
    align-items: center;
    margin: var(--as-m);
}

.estore-btn-box {
    font-size: var(--as-font-21);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

/* ==========================================================================
   WP WHY CHOOSE US SECTION
   ========================================================================== */
.wp-why-choose-sect {
    --as-p: 50px 0;
    --as-p-lg: 86px 0;
    padding: var(--as-p);
    background-image: -moz-linear-gradient(0deg, rgb(34, 41, 180) 0%, rgb(108, 24, 130) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(34, 41, 180) 0%, rgb(108, 24, 130) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(34, 41, 180) 0%, rgb(108, 24, 130) 100%);
    background-image: linear-gradient(0deg, rgb(34, 41, 180) 0%, rgb(108, 24, 130) 100%);
}

.wp-why-choose-titlebox {
    --as-p: 0 0 40px;
    --as-p-lg: 0 0 62px;
    padding: var(--as-p);
}

.wp-why-choose-title {
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 800;
    margin: var(--as-m);
    color: #ffffff;
    --as-m: 0 0 32px;
}

.cust-thre-reason-box {
    padding: var(--as-p);
    --as-p: 0 0 20px;
}

.cust-thre-reason-number {
    font-weight: 700;
    font-size: var(--as-font-50);
    line-height: 1.1;
    color: var(--as-light-blue);
}

.cust-thre-title {
    --as-m: 0 0 26px;
    font-weight: 700;
    font-size: var(--as-font-24);
    line-height: 1.3;
    margin: var(--as-m);
    color: #ffffff;
}

/* ==========================================================================
   MOSOCART SECTION
   ========================================================================== */

.moshocart-sect {
    --as-m: 37px 0 0;
    --as-p: 50px 0;
    --as-p-lg: 108px 0 150px;
    background-color: var(--as-black);
    padding: var(--as-p);
    margin: var(--as-m);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.moshocart-cont-box {
    --as-m-lg: 0 0 77px;
    --as-m: 0 0 30px;
    margin: var(--as-m);
}

.moshocart-cont-img {
    --as-m: 0 20px 0 0;
    margin: var(--as-m);
}

.mosho-pro-btn-link {
    --as-m: 0 0 0 30px;
    margin: var(--as-m);
}

.moshocart-title {
    --as-m-lg: 0 0 90px;
    --as-m: 0 0 50px;
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 800;
    margin: var(--as-m);
}

.moshocart-website-btn {
    --as-p: 10px 25px;
    color: var(--as-text-blue);
    background-color: var(--as-white);
    padding: var(--as-p);
    font-size: var(--as-font-23);
    line-height: 1.3;
    font-weight: 700;
}

.moshocart-btn-link {
    --as-m: 0 0 0 10px;
    margin: var(--as-m);
}

/* ==========================================================================
   GREEN FUTURE SECTION
   ========================================================================== */

.green-future-sect {
    --as-p: 65px 0;
    --as-p-lg: 140px 0 122px;
    padding: var(--as-p);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.green-future-title {
    --as-m: 0 0 30px;
    font-weight: 800;
    font-size: var(--as-font-50);
    line-height: 1.1;
    color: #ffffff;
    margin: var(--as-m);
}

.green-future-cont {
    --as-w: 810px;
    color: #ffffff;
    max-width: var(--as-w);
}

.green-future-link-box {
    --as-p: 20px 0 0;
    --as-p-lg: 50px 0 0;
    padding: var(--as-p);
}

.green-future-link {
    display: flex;
    align-items: center;
    color: #ffffff;
    font-size: var(--as-font-21);
    font-weight: 600;
}


/* ==========================================================================
   DEVOPS TOOLS SECTION
   ========================================================================== */

.devops-tool-sect {
    --as-p: 50px 0;
    --as-p-lg: 90px 0;
    padding: var(--as-p);
}

.deops-tool-sect-cont {
    --as-m: 0 0 60px;
    margin: var(--as-m);
}

.devops-toll-sect-title {
    --as-m: 0 0 25px;
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 800;
    margin: var(--as-m);
}

.devops-toll-sect-descript {
    --as-m: 0 auto 0;
    margin: var(--as-m);
    font-weight: 500;
}

.cloud-compt-title {
    --as-m-lg: 0 0 48px;
    --as-m: 0 0 20px;
    font-weight: 700;
    font-size: var(--as-font-30);
    line-height: 1.3;
    margin: var(--as-m);
}

.cust-cloud-card-box {
    --as-border-color: var(--as-black);
    border: var(--as-border-width) solid var(--as-border-color);
    max-width: var(--as-w);
}

.cust-cloud-smcard-box {
    --as-border-color: var(--as-black);
    border: var(--as-border-width) solid var(--as-border-color);
}

.cust-cloud-card-cont {
    --as-min-h: 216px;
    --as-min-h-md: 216px;
    --as-min-h-lg: 216x;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: var(--as-min-h);
}

.cust-cloud-card-detail {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.cust-cloud-card-img {
    --as-m: 0 0 35px;
    margin: var(--as-m);
}

.cust-cloud-card-title {
    font-size: var(--as-font-19);
    font-weight: 700;
}

.cust-devops-tool-sect {
    --as-m: 30px 0;
    --as-m-lg: 70px 0 0;
    margin: var(--as-m);
}

.cust-deveops-tool-title {
    --as-m-lg: 0 0 48px;
    --as-m: 0 0 20px;
    font-weight: 700;
    font-size: var(--as-font-30);
    line-height: 1.3;
    margin: var(--as-m);
}


/* ==========================================================================
   DEVOPS PROCESS SIX STEPS SECTION
   ========================================================================== */

.devops-process-sect {
    --as-p-md: 70px 0 90px;
    --as-p: 40px 0 30px;
    --as-min-h: 850px;
    --as-min-h-md: 800px;
    --as-min-h-lg: 1293px;
    min-height: var(--as-min-h);
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: var(--as-p);
}

.devops-process-sect-cont {
    margin: var(--as-m);
    text-align: left;
    --as-m: 0 auto;
}

.devops-process-title {
    --as-m: 0 0 30px;
    font-weight: 700;
    font-size: var(--as-font-50);
    line-height: 1.1;
    color: #ffffff;
    margin: var(--as-m);
}

.devops-process-flow {
    --as-p: 20px;
    --as-p-md: 40px;
    align-items: start;
    padding: var(--as-p);
    position: relative;
}

.devops-process-number {
    --as-w: 70px;
    --as-min-h: 70px;
    border-radius: 50%;
    color: #ffffff;
    font-size: var(--as-font-30);
    font-weight: 700;
    border: var(--as-border-width) solid var(--as-border-color);
    max-width: var(--as-w);
    min-height: var(--as-min-h);
    display: flex;
    justify-content: center;
    align-items: center;
}

.devops-process-cont-box {
    --as-p-lg: 0px 0 0px 0;
    --as-p: 30px 0 0;
    padding: var(--as-p);
}

.devops-process-cont-title {
    --as-m-md: 30px 0 20px;
    --as-m: 0px 0 10px;
    color: #ffffff;
    font-size: var(--as-font-25);
    line-height: 1.3;
    margin: var((--as-m));
}

.devops-process-business-box {
    --as-p-lg: 20px 0 0;
    --as-p: 0;
    --as-m: 0;
    --as-m-lg: 100px 0 0 0;
    padding: var(--as-p);
    margin: var((--as-m));
    justify-content: center;
    text-align: center;
    align-items: center;
}

.devops-process-business-link {
    color: #ffffff;
    font-size: var(--as-font-21);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

/* ==========================================================================
   BI TOOLS SERVICES SECTION
   ========================================================================== */
.bi-tools-sect {
    --as-p: 50px 0;
    --as-p-lg: 90px 0 90px;
    padding: var(--as-p);
}

.bi-tools-sect-title {
    --as-p: 0px 0 20px;
    --as-p-lg: 00px 0 40px;
    font-family: var(--as-font-alt);
    font-size: var(--as-font-30);
    line-height: 1.3;
    font-weight: 700;
    padding: var(--as-p);
    text-align: left;
}

.bi-tools-card {
    --as-p: 30px 36px 80px;
    --as-p-lg: 42px 50px 90px;
    --as-border-color: var(--as-black);
    border: var(--as-border-width) solid var(--as-border-color);
    position: relative;
    padding: var(--as-p);
}

.bi-tools-card-icon {
    --as-m: 0 0 38px;
    margin: var(--as-m);
}

.bi-tools-card-title {
    --as-m: 0 0 17px;
    margin: var(--as-m);
    font-size: var(--as-font-25);
    line-height: 1.3;
}

.bi-tools-card-arrow {
    --as-p: 0 25px 24px 0;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: var(--as-p);
    z-index: 1;
}

/* ==========================================================================
   DASHED PROCESS SECTION
   ========================================================================== */
.dashed-process-sect {
    --as-p: 50px 0;
    --as-p-lg: 65px 0;
    padding: var(--as-p);
    background-image: -moz-linear-gradient(0deg, rgb(34, 41, 180) 0%, rgb(108, 24, 130) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(34, 41, 180) 0%, rgb(108, 24, 130) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(34, 41, 180) 0%, rgb(108, 24, 130) 100%);
    background-image: linear-gradient(0deg, rgb(34, 41, 180) 0%, rgb(108, 24, 130) 100%);
    height: 634px;
}

.dashed-process-timeline {
    --as-m: 0 auto;
    --as-p: 50px 0 0;
    --as-p-lg: 100px 0;
    margin: var(--as-m);
    text-align: left;
    padding: var(--as-p);
}

.process-title-first,
.process-title-second,
.process-title-third {
    --as-m-xl: 50px 0 0;
    --as-m-lg: 50px 0 0;
    --as-m: 20px 0 40px;
}

.process-title-fourth,
.process-title-fifth,
.process-title-sixth {
    --as-m-xl: 165px 0 0;
    --as-m-lg: 110px 0 0;
    --as-m: 20px 0 40px;
}

.process-step-first {
    --as-p: 0 0 0 20px;
    --as-p-xl: 0 0 0 150px;
    --as-p-lg: 0 0 0 150px;
}

.process-step-second {
    --as-p: 0 0 0 20px;
    --as-p-xl: 0 0 0 130px;
    --as-p-lg: 0 0 0 110px;
}

.process-step-third {
    --as-p: 0 0 0 20px;
    --as-p-xl: 0 0 0 110px;
    --as-p-lg: 0 0 0 80px;
}

.process-step-sixth {
    --as-p: 0 0 0 20px;
    --as-p-xl: 0 0 0 150px;
    --as-p-lg: 0 0 0 150px;
}

.process-step-fifth {
    --as-p: 0 0 0 20px;
    --as-p-xl: 0 0 0 110px;
    --as-p-lg: 0 0 0 110px;
}

.process-step-fourth {
    --as-p: 0 0 0 20px;
    --as-p-xl: 0 0 0 110px;
    --as-p-lg: 0 0 0 80px;
}


/* ==========================================================================
   LATEST TECHNOLOGY SECTION
   ========================================================================== */

.latest-tech-sect {
    --as-p: 50px 0;
    --as-p-lg: 90px 0;
    padding: var(--as-p);
}

.latest-tech-sect-title {
    --as-m: 0 0 30px;
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 800;
    margin: var(--as-m);
}

.latest-tech-sect-subtitle {
    --as-m-lg: 0 0 60px;
    --as-m: 0 0 30px;
    font-size: var(--as-font-19);
    margin: var(--as-m);
}

.tech-list-box {
    --as-m: 15px 0;
    text-align: center;
    margin: var(--as-m);
}

.tech-list-cont {
    --as-min-h: 204px;
    --as-min-h-md: 204px;
    --as-min-h-lg: 204x;
    background-color: var(--as-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--as-min-h);
    position: relative;
    border-color: var(--as-gray-400);
    border: var(--as-border-width) solid var(--as-border-color);
}

.tech-list-cont-listitem {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.tech-list-imgbox {
    --as-m: 0 0 35px;
    margin: var(--as-m);
}

.tech-list-imgicon {
    --as-w: 70px;
    --as-m: 0 auto;
    margin: var(--as-m);
    max-width: var(--as-w);
}

.tech-list-name {
    font-weight: 700;
    font-size: var(--as-font-19);
}

/* ==========================================================================
   PRODUCT DEVELOPMENT
   ========================================================================== */
.product-dev-sect {
    --as-p: 50px 0;
    --as-p-lg: 70px 0;
    --as-min-h: inherit;
    --as-min-h-lg: 650px;
    padding: var(--as-p);
    min-height: var(--as-min-h);
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.product-banner-title {
    --as-m: 0 0 25px;
    font-size: var(--as-font-76);
    line-height: 1.08;
    font-weight: 800;
    color: #ffffff;
    margin: var(--as-m);
}

.product-banner-subtitle {
    --as-m: 0;
    font-size: var(--as-font-23);
    line-height: 1.3;
    color: #ffffff;
    margin: var(--as-m);
}

.product-banner-btn-box {
    --as-p: 25px 0 0;
    --as-p-lg: 45px 0 0;
    padding: var(--as-p);
}

.end-to-end-sect {
    --as-p: 50px 0;
    --as-p-lg: 90px 0;
    padding: var(--as-p);
    min-height: var(--as-min-h);
    display: flex;
    align-items: center;
}

.end-to-end-cont {
    --as-p: 0 0 40px;
    --as-p-md: 0 0 50px;
    --as-p-lg: 0 0 72px;
    justify-content: center;
    padding: var(--as-p);
}

.end-to-end-title {
    --as-p: 0 0 28px;
    font-family: var(--as-font-alt);
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 800;
    padding: var(--as-p);
}

.end-to-end-subtitle {
    --as-m-lg: 0 auto 0 auto;
    font-size: var(--as-font-19);
    font-weight: 500;
}

.end-to-end-process-subtitle {
    font-family: var(--as-font-alt);
    font-size: var(--as-font-19);
    font-weight: 800;
}

/* ==========================================================================
   INNOVATING SECTION
   ========================================================================== */
.innovting-sect {
    --as-p: 50px 0;
    --as-p-lg: 90px 0;
    padding: var(--as-p);
    background-color: var(--as-gray);
}

.innovating-sect-box {
    --as-p: 0 0 40px;
    --as-p-md: 0 0 50px;
    --as-p-lg: 0 0 80px;
    justify-content: center;
    padding: var(--as-p);
}

.innovating-title {
    --as-m: 0 0 18px;
    font-size: var(--as-font-30);
    line-height: 1.3;
    margin: var(--as-m);
    font-weight: 700;
}

.innovating-subtitle {
    --as-w: 500px;
    max-width: var(--as-w);
    font-weight: 500;
}

.innovating-bnt-box {
    --as-p: 18px 0 0;
    --as-p-lg: 18px 0 0;
    padding: var(--as-p);
}

.innovating-btn-link {
    font-weight: 600;
    font-family: var(--as-font-alt);
}

.innovating-revese-cont {
    --as-p: 40px 0;
    --as-p-lg: 90px 0;
}

/* ==========================================================================
   UNIQUE IDEA SECTION
   ========================================================================== */
.unique-idea-sect {
    --as-p: 40px 0;
    --as-p-lg: 85px 0 120px 0;
    --as-min-h: inherit;
    --as-min-h-md: 590px;
    --as-min-h-lg: 650px;
    min-height: var(--as-min-h);
    padding: var(--as-p);
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.unique-subtitle {
    --as-m-lg: 34px 0 62px 0;
    --as-m: 24px 0 30px 0;
    font-size: var(--as-font-21);
    margin: var(--as-m);
    font-family: var(--as-font-alt);
    font-weight: 500;
}

.uniq-idea-btn {
    padding: 25px 30px !important;
}

/* ==========================================================================
   ASSISTING SUCCESS SECTION
   ========================================================================== */
.assist-sect {
    --as-p: 50px 0;
    --as-p-lg: 90px 0;
    padding: var(--as-p);
}

.assist-sect-cont {
    --as-p: 0 0 40px;
    --as-p-md: 0 0 50px;
    --as-p-lg: 0 0 80px;
    justify-content: center;
    padding: var(--as-p);
}

.assist-listbox {
    --as-p: 33px;
    --as-border-color: #5f78ff;
    border: var(--as-border-width) solid var(--as-border-color);
    padding: var(--as-p);
}

.square-icon-box {
    --as-m: 0 0 20px;
    margin: var(--as-m);
}

.assist-list-title {
    --as-m: 0 0 20px;
    font-size: var(--as-font-25);
    line-height: 1.3;
    font-weight: 700;
    margin: var(--as-m);
}

.assist-list-cont {
    margin: 0;
    font-weight: 500;
}

/* ==========================================================================
   QUALIFYIED EMPLOYEES
   ========================================================================== */
.qualifi-empl-sect {
    --as-min-h: inherit;
    --as-min-h-lg: 720px;
    background-color: #273fbe;
    --as-p: 50px 0;
    --as-p-lg: 90px 0;
    --as-m-lg: 90px 0 0 0;
    min-height: var(--as-min-h);
    display: flex;
    align-items: center;
    position: relative;
    padding: var(--as-p);
}

.test-elem-1 {
    --as-m-lg: 35px 0 0 0;
    position: absolute;
    display: flex;
    align-items: center;
}

.test-elem-2 {
    --as-m-lg: 0 0 35px 0;
    position: absolute;
    display: flex;
    align-items: center;
}

.test-elem-3 {
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    bottom: 0;
}

.test-elem-4 {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    right: 0;
}

.qualified-emp-count {
    --as-m: 0 0 12px 0;
    font-size: var(--as-font-76);
    line-height: 1.08;
    font-weight: 800;
    color: #ffffff;
    margin: var(--as-m);
}

.qualified-empl-title {
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 800;
    color: #ffffff;
}

.qualified-empl-content {
    --as-m-lg: 30px 0 70px 0;
    --as-m: 30px 0 40px 0;
    color: #ffffff;
    margin: var(--as-m);
    font-size: var(--as-font-21);
    font-weight: 500;
}

/* ==========================================================================
   ACHIEVEMENT SECTION
   ========================================================================== */
.achievement-sect {
    --as-p: 70px 0;
    --as-p-lg: 150px 0;
    padding: var(--as-p);
    position: relative;
}

.achievement-num {
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 700;
}

.achievement-img {
    --as-m: 0 0 30px 0;
    --as-m-lg: -10px 0 55px 0;
    margin: var(--as-m);
}

/* ==========================================================================
   RANGE OF CHALLENGE SECTION
   ========================================================================== */
.range-sect {
    --as-p: 50px 0;
    --as-p-lg: 90px 0;
    padding: var(--as-p);
}

/* ==========================================================================
   RANGE OF CHALLENGE SECTION
   ========================================================================== */

.end-to-end-sect.end-toend-enterprise {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.end-toend-enterprise .end-to-end-title {
    color: #ffffff;
}

.end-toend-enterprise .end-to-end-subtitle {
    color: #ffffff;
    font-weight: normal;
}

.end-toend-enter-box {
    --as-m: 0 0 20px;
    margin: var(--as-m);
}

.end-toend-enter-itembox {
    --as-p: 55px 40px 106px;
    height: 100%;
    background-color: var(--as-white);
    position: relative;
    padding: var(--as-p);
}

.end-toend-enter-btn {
    color: var(--as-black);
    border: 1px solid #ccc;
}

.end-to-end-reverse {
    --as-p: 40px 0;
    --as-p-lg: 90px 0;
    flex-direction: row-reverse;
    padding: var(--as-p);
}

/* ==========================================================================
   POSSIBILITY TO START SECTION
   ========================================================================== */

.possibility-start-sect {
    --as-p: 30px 0;
    --as-p-lg: 87px 0 122px;
    --as-min-h: 445px;
    --as-min-h-md: 445px;
    --as-min-h-lg: 445px;
    min-height: var(--as-min-h);
    padding: var(--as-p);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.possibility-start-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.possibility-start-title {
    --as-m: 0 0 12px;
    font-weight: 400;
    font-size: var(--as-font-40);
    line-height: 1.2;
    margin: var(--as-m);
    color: #ffffff;
}

.possibility-reality-box {
    --as-h-lg: 300px;
    --as-min-h-md: 260px;
    --as-p-lg: 0 0 0 55px;
    --as-p: 30px 0 30px 30px;
    --as-m-lg: 0;
    --as-m: 10px 0;
    background-color: var(--as-blue);
    padding: var(--as-m);
    margin: var(--as-m);
    justify-content: center;
    align-items: start;
    display: flex;
    flex-direction: column;
}

.possibility-reality-title {
    --as-m: 0 0 12px;
    font-size: var(--as-font-70);
    line-height: 1.08;
    font-weight: 800;
    margin: var(--as-m);
    color: #ffffff;
}

.possibility-reality-subtitle {
    margin: 0;
    font-weight: 600;
    font-size: var(--as-font-20);
    color: #ffffff;
}

.possibility-btn-linkbox {
    font-size: var(--as-font-18);
    font-family: var(--as-font-alt);
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
}

.possibility-btn-link {
    margin-left: 0;
    --as-m: 50px 0 0;
}

/* ==========================================================================
   QUALIFIED EMPLOYEE NEW SECTION
   ========================================================================== */
.qualified-emp-sect {
    --as-min-h: 330px;
    --as-min-h-md: 420px;
    --as-min-h-lg: 730px;
    min-height: var(--as-min-h);
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.qualified-emp-title {
    --as-m: 0 0 20px;
    font-size: var(--as-font-76);
    line-height: 1.08;
    font-weight: 800;
    margin: var(--as-m);
}

.qualified-emp-subtitle {
    --as-m: 0 0 20px;
    font-size: var(--as-font-50);
    line-height: 1.1;
    margin: var(--as-m);
    font-weight: 800;
}

.quaified-emp-cont {
    --as-w: 770px;
    --as-m: 0 auto;
    max-width: var(--as-w);
    margin: var(--as-m);
}

.qualifid-emp-cont-descript {
    font-size: var(--as-font-20);
    font-weight: 400;
}

.qualified-emp-btn-link {
    --as-p: 30px 0 10px;
    --as-p-lg: 50px 0 10px;
    text-align: center;
    padding: var(--as-m);
}


/* ==========================================================================
   INDUSTRY SOLUTION START
   ========================================================================== */
.industry-solus-sect {
    --as-p: 50px 0 0;
    --as-p-lg: 90px 0 0px;
    padding: var(--as-m);
}

.industry-solus-box {
    --as-m: 0 0 60px;
    justify-content: center;
    margin: var(--as-m);
}

.industry-solus-title {
    --as-m: 0 0 25px;
    font-size: var(--as-font-50);
    line-height: 1.1;
    margin: var(--as-m);
    font-weight: 800;
}

.industry-solus-subtitle {
    --as-w: 680px;
    --as-m: 0 auto 0;
    margin: var(--as-m);
    font-weight: 500;
    max-width: var(--as-w);
}

.industry-solus-cont {
    --as-p: 0px;
    --as-p-md: 0 15px;
    padding: var(--as-p);
}

.industry-solus-cont-list {
    --as-m-lg: 50px -15px 25px -15px;
    margin: var(--as-m);
}

.industry-solus-cont-title {
    --as-m-lg: 50px 0 25px;
    --as-m: 30px 0 30px;
    margin: var(--as-m);
    font-size: var(--as-font-30);
    line-height: 1.3;
    font-weight: 700;
}

.industry-solus-cont-subtitle {
    --as-m: 0 0 25px;
    --as-m-lg: 0 0 15px;
    margin: var(--as-m);
}

/* ==========================================================================
   INDUSTRY EXCELLENCE SECTION
   ========================================================================== */
.industry-exce-sect {
    --as-m: 0 0 60px;
    font-size: var(--as-font-23);
    margin: var(--as-m);
}

.industry-exce-listcont {
    color: #000000;
    font-size: var(--as-font-20);
    font-weight: 700;
}

/* ==========================================================================
   BUSINESS OPERATION SECTION
   ========================================================================== */
.business-oper-sect {
    --as-p: 50px 0;
    --as-p-lg: 86px 0 91px;
    padding: var(--as-p);
    overflow: hidden;
}

.business-oper-secttitle {
    --as-m: 0 0 25px;
    --as-m-lg: 0 0 40px;
    font-size: var(--as-font-50);
    line-height: 1.1;
    color: var(--as-black);
    margin: var(--as-m);
    font-weight: 800;
}

.business-oper-descript {
    font-size: var(--as-font-23);
    margin: 0;
    font-weight: 500;
}

.business-oper-subtitlebox {
    --as-p: 40px 0 25px;
    --as-p-lg: 70px 0 50px;
    text-align: center;
    padding: var(--as-p);
}

.business-oper-subtitle {
    color: var(--as-black);
    font-size: var(--as-font-25);
    line-height: 1.3;
    font-weight: 700;
}

.business-oper-listitem {
    font-size: var(--as-font-25);
    line-height: 1.3;
    color: var(--as-text-blue);
    font-weight: 700;
}

/* ==========================================================================
   RE-IMAGINE SECTION
   ========================================================================== */

.reimagine-sect {
    --as-p: 80px 0;
    --as-min-h-md: 507px;
    --as-min-h-lg: 707px;
    padding: var(--as-p);
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.reimagine-sect-title {
    --as-m: 0 0 23px;
    color: #ffffff;
    font-size: var(--as-font-60);
    line-height: 1.1;
    font-weight: 800;
    margin: var(--as-m);
}

.reimagine-sect-subtitle {
    margin: 0;
    font-size: var(--as-font-23);
    line-height: 1.3;
    color: #ffffff;
}

/* ==========================================================================
   CUSTOM ERP SECTION
   ========================================================================== */

.cust-erp-sect {
    --as-p: 50px 0;
    --as-p-lg: 96px 0;
    background-color: #09001b;
    padding: var(--as-p);
    overflow: hidden;
}

.cust-erp-secttitle {
    --as-p: 0 0 30px;
    font-size: var(--as-font-40);
    line-height: 1.2;
    color: #ffffff;
    padding: var(--as-p);
    font-weight: 600;
}

.cust-erp-sectsubtitle {
    --as-m: 0 0 25px;
    color: var(--as-text-light) !important;
    margin: var(--as-m);
}

.cust-erp-learnbtn-box {
    --as-p: 20px 0 0;
    --as-p-lg: 44px 0 0;
    padding: var(--as-p);
}

.cust-erp-img-cont {
    flex-direction: row-reverse;
    padding: var(--as-p);
}

.cust-erp-img-cont-detail {
    --as-p: 50px 0 0;
    --as-p-lg: 96px 0 0;
}

.cust-erp-img-box {
    display: flex;
    justify-content: end;
}

.cust-erp-img-detail {
    --as-p: 0 15px;
    --as-p-lg: 25px 0 0 100px;
}

.cust-erp-first-img-cont {
    --as-p: 0 15px;
    --as-p-lg: 25px 80px 0 15px;
}

/* ==========================================================================
   MOBILITY MATTER SECTION
   ========================================================================== */

.mobility-sect {
    --as-min-h: 400px;
    --as-min-h-md: 507px;
    --as-min-h-lg: 780px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--as-min-h);
    background-repeat: no-repeat;
    background-position: bottom center;
}

.mobility-secttitle {
    --as-m: 0 0 30px;
    font-size: var(--as-font-60);
    line-height: 1.1;
    margin: var(--as-m);
    font-weight: 400;
}

.mobility-sect-cont {
    --as-w: 770px;
    --as-m: 0 auto;
    max-width: var(--as-w);
    margin: var(--as-m);
}


/* ==========================================================================
   HIGH IOT SERVICE SECTION
   ========================================================================== */
.high-iot-sect {
    --as-min-h: 400px;
    --as-min-h-md: 500px;
    --as-min-h-lg: 611px;
    min-height: var(--as-min-h);
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.high-iot-secttitle {
    --as-m: 0 0 30px;
    font-size: var(--as-font-60);
    line-height: 1.1;
    margin: var(--as-m);
    font-weight: 400;
    color: #ffffff;
}

.high-iot-descript {
    --as-w: 850px;
    max-width: var(--as-w);
    margin: var(--as-m);
    color: #ffffff;
}


/* ==========================================================================
   USER EXPERIENCE SECTION
   ========================================================================== */
.user-exper-sect {
    --as-p: 50px 0;
    --as-p-lg: 85px 0;
    background-color: #f8f8f8;
    padding: var(--as-p);
}

.user-exper-sect-box{
    --as-p: 0 0 40px; --as-p-lg:0 0 80px;
    padding: var(--as-p);
}

.user-exper-sect-title{
    font-size: var(--as-font-40);
    line-height: 1.2;
    font-weight: 500;
}

.user-exper-listitem{
    --as-p: 20px 0;
    padding: var(--as-p);
}

.user-exper-listitem-icon{
    --as-p: 0 0 20px;
    padding: var(--as-p);
}

.user-exper-listitem-title{
    --as-m: 0 0 20px;
    margin: var(--as-m);
    font-size: var(--as-font-25);
    line-height: 1.3;
}

.user-exper-view-all-box{
    --as-p: 30px 0 10px; --as-p-lg: 85px 0 10px;
    text-align: center;
    padding: var(--as-p);
}

/* ==========================================================================
   IOT SOLUTIONS SECTION
   ========================================================================== */

.iot-solution-sect{
    --as-p: 50px 0; --as-p-lg: 85px 0; background-color: #1d319b;
    padding: var(--as-p);
}

.iot-solution-title{
    --as-m: 0 0 35px;--as-m-lg: 0 0 85px;
    color: #ffffff;
    font-size: var(--as-font-40);
    line-height: 1.2;
    font-weight: 800;
    margin: var(--as-m);    
}

.iot-solution-card{
    --as-p: 33px;
    --as-border-color: #5f78ff;
    border: var(--as-border-width) solid var(--as-border-color);
    padding: var(--as-p);
}

.iot-solution-cardtitle{
    --as-m: 0 0 20px;
    font-size: var(--as-font-25);
    line-height: 1.3;
    font-weight: 700;
    color: #ffffff;
    margin: var(--as-m);    
}

.iot-learnmore-link{
    --as-p: 40px 0 0; --as-p-lg: 95px 0 0;
    text-align: center;
    padding: var(--as-p);
}

.iot-solution-card .square-icon.m-custom{
    --as-m: 0 0 20px;
}

/* ==========================================================================
   BUSINESS FUNCTION SECTION
   ========================================================================== */

.business-func-sect{
    --as-p:50px 0; --as-p-lg: 86px 0;
    padding: var(--as-p);
    overflow: hidden;    
}

.business-func-secttitlebox{
    --as-p:0 0 40px; --as-p-lg: 0 0 72px;
    justify-content: center;
    padding: var(--as-p);
}

.business-func-title{
    --as-m: 0 0 27px;
    font-size: var(--as-font-50);
    line-height: 1.1;
    color: var(--as-black);
    font-weight: 800;
    margin: var(--as-m);
}

.business-funct-cont-first{
    --as-p: 0 15px; --as-p-lg: 25px 0 0 80px;
}
.business-funct-col-first{
    display: flex;
    justify-content:end;
}
.business-funct-cont-second{
    --as-p: 0 15px; --as-p-lg: 25px 100px 0 15px;
}
.business-funct-row-second{
    flex-direction: row-reverse;
    margin-top: -30px;
    padding: var(--as-p);
    /* flex-row-reverse g-3 p-custom p-lg-custom */
}
.business-funct-row-secondstyle{
    --as-p: 50px 0; --as-p-lg: 96px 0;
}
.business-funct-col-second{
    --as-p: 0 15px; --as-p-lg: 25px 100px 0 15px;
}
.business-funct-col-third{
    display: flex;
    justify-content: end;
}
.business-funct-cont-third{
    --as-p: 0 15px; --as-p-lg: 25px 0 0 80px;
}

.business-funct-title{
    --as-p: 0 0 30px;
    font-size: var(--as-font-40);
    line-height: 1.2;
    font-weight: 600;
    padding: var(--as-p);
}

.business-funct-content{
    --as-m:0 0 25px;
    margin: var(--as-m);
    font-weight: 500;
}

/* ==========================================================================
   CLOUD AND DATA SCIENCE SECTION
   ========================================================================== */
.cloud-data-sect{
    --as-p:40px 0; --as-p-lg: 50px 0 86px; background-color: #14141d;
    overflow: hidden;
    padding: var(--as-p);
}

.cloud-data-cont{
    --as-w-lg:500px; --as-p-lg: 170px 0 0;    
}

.cloud-data-trust-title{
    --as-p: 0 0 30px;
    font-size: var(--as-font-40);
    line-height: 1.2;
    font-weight: 500;
    padding: var(--as-p);
    color: #ffffff;
}

.cloud-data-trust-content{
    font-size: var(--as-font-19);
    color: #ffffff;
    margin: 0;    
}

.cloud-data-trustitem{
    --as-m-lg:70px 0 0;--as-m:50px 0 0;
    margin: var(--as-m);
    justify-content: center;
}

.cloud-data-trust-listitem{
    --as-m:0 0 30px;
    margin: var(--as-m);
    display: flex;
}

.cloud-data-trust-list-card{
    --as-p-lg: 55px 40px;--as-p:25px 20px;
    --as-border-color: #4e4e64;
    border: var(--as-border-width) solid var(--as-border-color);
    position: relative;
    padding: var(--as-p);
}

.cloud-data-cardtitle{
    --as-m: 0 0 17px;
    font-size: var(--as-font-25);
    line-height: 1.3;
    color: #ffffff;
    margin: var(--as-m);
}

.cloud-data-learnmore{
    --as-p:50px 0; --as-p-lg: 60px 0;
    padding: var(--as-p);
    text-align: center;
}

.cloud-imagination-sect{
    --as-p: 0; --as-p-lg: 70px 0 0;
    padding: var(--as-p);
}

.cloud-imagination-cont{
    --as-w-lg:550px; --as-p-lg: 170px 0 0 40px;
}

.cloud-imagination-cont-title{
    --as-p: 0 0 30px;
    font-size: var(--as-font-40);
    line-height: 1.2;
    font-weight: 600;
    padding: var(--as-p);
    color: #ffffff;
}

.imgination-repeater{
    --as-p: 50px 0 0; --as-p-lg: 90px 0 0 0;
    padding: var(--as-p);
}

.imagination-link-text{
    --as-min-h:150px; --as-min-h-lg:272px;
    min-height: var(--as-min-h);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.cloud-imagination-btnlink{
    font-size: var(--as-font-25);
    font-family: var(--as-font-alt);
    font-weight: 700;
    display: flex;
    align-items: center;
}

.data-science-card{
    --as-p-lg: 55px 40px;--as-p:25px 20px;
    border: var(--as-border-width) solid var(--as-border-color);
    --as-border-color: #4e4e64;
    position: relative;
    padding: var(--as-p);
}

.data-science-cont{
    --as-p-lg: 115px 0 30px; --as-p: 50px 0 30px;
    padding: var(--as-p);
}

.data-science-title{
    --as-w-lg:550px; --as-p-lg: 90px 0 0;
}

.data-science-learnmore{
    --as-p:10px 0 0; --as-p-lg: 60px 0 0;
    padding: var(--as-p);
    text-align: center;
}

/* ==========================================================================
   WORK CASE STUDIES
   ========================================================================== */

.work-case-studies-sect{
    --as-p: 50px 0; --as-p-lg: 70px 0; --as-min-h:inherit; --as-min-h-lg:578px;
    padding: var(--as-p);
    min-height: var(--as-min-h);
    display: flex;
    align-items: center;
    background-color: var(--as-black);
}

.work-case-banner-title{
    --as-m-lg: 0 0 35px;--as-m: 0 0 25px;
    font-size: var(--as-font-135);
    line-height: 1.08;
    font-weight: 900;
    color: #ffffff;
    margin: var(--as-m);
}

.work-case-banner-content{
    --as-p-lg: 0 0 0 350px; --as-p-md:0 0 0 171px; --as-p: 0 0 0 45px;
    font-size: var(--as-font-34);
    line-height: 1.3;
    color: #fff;
    font-family: var(--as-font-alt); 
    padding: var(--as-p);
}

/* ==========================================================================
   CASE STUDIES ONE FULL GRID SECTION
   ========================================================================== */

.case-studies-full{
    --as-p:40px 0; --as-p-lg: 85px 0 45px 0;
   min-height: var(--as-min-h);
    padding: var(--as-p);
    display: flex;
    align-items:  center;
}

.case-study-card-sect{
    --as-p-lg: 108px 0 120px 100px; --as-p:30px;
    padding: var(--as-p);    
}

.case-study-grid-tag-box{
    --as-m: 0 0 32px;
    margin: var(--as-m);
}

.case-study-grid-tag-cont{
    --as-p: 5px 20px;
    background-image: -moz-linear-gradient(7deg, rgb(38, 64, 204) 0%, rgb(139, 98, 146) 41%, rgb(239, 132, 87) 85%);
    background-image: -webkit-linear-gradient(7deg, rgb(38, 64, 204) 0%, rgb(139, 98, 146) 41%, rgb(239, 132, 87) 85%);
    background-image: -ms-linear-gradient(7deg, rgb(38, 64, 204) 0%, rgb(139, 98, 146) 41%, rgb(239, 132, 87) 85%);
    background-image: linear-gradient(7deg, rgb(38, 64, 204) 0%, rgb(139, 98, 146) 41%, rgb(239, 132, 87) 85%);
    display: inline-block;    
    font-size: var(--as-font-17);
    font-weight: 400;
    color: #ffffff;
    padding: var(--as-p);
    border-radius: 40px;
}

.case-study-grid-title{
    --as-w-lg:464px; --as-w-md:60%; --as-w:100%;
    font-size: var(--as-font-30);
    line-height: 1.3;
    font-family:var(--as-font-alt);
    font-weight: 800;
    color: #ffffff;
    max-width: var(--as-w);
}


/* ==========================================================================
   WORK CASE STUDIES LIST
   ========================================================================== */
.work-case-cont-list{
    --as-p-lg:0 0 40px;--as-p:0 0 20px;
    display: flex;
    align-items: center;
    padding: var(--as-p);
}

.work-case-cont-card{
    --as-m-lg:45px 0; --as-m:22px 0;
    margin: var(--as-m);
}

.case-studies-card-title{
    --as-m-lg: 45px 0 0 0; --as-m:25px 0 0 0;
    margin: var(--as-m);
    font-size: var(--as-font-30);
    line-height: 1.3;
    font-family: var(--as-font-alt);
    font-weight: 800;    
}

.case-study-tag-span{
    --as-p: 5px 20px;
    padding: var(--as-p);
}

.case-study-link-cont{
    --as-p: 24px 0 0;
    padding: var(--as-p);
}

/* ==========================================================================
   CLIENT TESTIMONIALS
   ========================================================================== */
.client-testimo-sect{
    --as-p: 50px 0; --as-p-lg: 70px 0; --as-min-h:inherit; --as-min-h-lg:578px; background-color: #273fbe;
    padding: var(--as-p);
    min-height: var(--as-min-h);
    display: flex;
    align-items: center;
}

.client-testimonial-title-cont{
    --as-p:0 25px 25px 0; --as-p-lg: 0 125px 30px 0;
    font-size: var(--as-font-30);
    line-height: 1.3;
    font-family: var(--as-font-alt);
    font-weight: 600;   
    color: #ffffff; 
    padding: var(--as-p);
}

.testimon-client-name{
    color: #ffffff;
    font-size: var(--as-font-20);
    font-weight: 600;
}


/* ==========================================================================
   TWO GRID CASE STUDIES
   ========================================================================== */
.case-studi-two-grid-sect{
    --as-p: 30px 0 0 0; --as-p-lg: 45px 0 0 0;
    display: flex;
    align-items: center;
    padding: var(--as-p);
}
.case-studi-two-grid-card{
    --as-m-lg:45px 0; --as-m:22px 0;
    margin: var(--as-m);
}
.case-studi-two-grid-tag{
    --as-p: 5px 20px;
}
.case-studi-two-grid-title{
    --as-m-lg: 45px 0 0 0; --as-m:25px 0 0 0;
    font-size: var(--as-font-30);
    line-height: 1.3;
    font-family: var(--as-font-alt);
    font-weight: 800;   
    margin: var(--as-m);
}
.case-studi-two-grid-link{
    --as-p: 24px 0 0;
    padding: var(--as-p);
}

/* ==========================================================================
   FULL GRID CASE STUDIES
   ========================================================================== */
.case-studi-full-grid-sect{
    --as-p:40px 0; --as-p-lg: 45px 0 90px 0;
    min-height: var(--as-min-h);
    padding: var(--as-p);
    display: flex;
    align-items: center;    
}
.case-studi-full-grid{
    --as-p-lg: 108px 0 120px 100px; --as-p:30px;
    padding: var(--as-p);
}
.case-studi-full-grid-tag{
    --as-m: 0 0 32px;
    margin: var(--as-m);
}
.case-studi-full-grid-title{
    --as-p: 5px 20px;
}
.case-studi-full-grid-link{
    --as-w-lg:464px; --as-w-md:60%; --as-w:100%;
}
.case-studi-full-grid-link-cont{
    --as-p: 34px 0 0;
    padding: var(--as-p);
}

/* ==========================================================================
   CLIENT TESTIMONIALS VIDEO
   ========================================================================== */
.client-testimonial-video-sect{
    --as-p:40px 0; --as-p-lg:90px 0; --as-min-h:inherit;--as-min-h-lg:590px;
    min-height: var(--as-min-h);
    padding: var(--as-p);
    display: flex;
    align-items: center;
}
.client-testimonial-two-cont{
    --as-m-lg: 16px 72px 42px 0;
}
.client-testimonial-two-cont-name{
    --as-m: 0 0 2px
}
.client-testimonial-video-cont{
    --as-m-lg:-14px 0 0 0;--as-m: 16px 30px 0 30px;
    margin: var(--as-m);
    position: relative;
}
.client-testimonial-video-icon{
    bottom: 70px;
    left: 0;
    position: absolute;
    display: flex;
    align-items: center;
}


/* ==========================================================================
   CASE STUDIES DETAIL PAGE
   ========================================================================== */
.case-detail-sect{
    --as-p: 50px 0; --as-p-lg: 70px 0; --as-min-h:inherit; --as-min-h-lg:550px;background-size: cover; background-position: center;background-repeat: no-repeat; 
    padding: var(--as-p);
    min-height: var(--as-min-h);
    display: flex;
    align-items: center;
}
.case-detail-sect-cont{
    --as-w: 850px;
    max-width: var(--as-w);
}

.case-detail-sect-title{
    --as-m: 22px 0 25px;
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 800;
    color: #fff;
    margin: var(--as-m);
}
.case-intro-sect-study{
    --as-p: 35px 0; --as-p-lg: 70px 0;
    padding: var(--as-p);
}
.case-detail-industry-logo{
    --as-m:15px 0;
    display: flex;
    align-items: center;
    margin: var(--as-m);
}
.case-detail-industry-lable{
    --as-m: 0 0 4px 0;
    margin: var(--as-m);
    font-weight: 500;
}
.case-detail-mid-banner{
    --as-p: 50px 0; --as-p-lg: 90px 0;background-size: cover;background-repeat: no-repeat; background-position: center;
    padding: var(--as-p);
}
.case-detail-mid-banner-cont{
    --as-m:auto;
    margin: var(--as-m);
}
.case-detail-content-sect{
    --as-p: 50px 0; --as-p-lg: 90px 0;
    padding: var(--as-p);
}
.case-detail-content-detail{
    --as-m:auto;
    margin: var(--as-m);
}
.case-detail-content-title{
    --as-m-lg: 0 0 44px 0; --as-m: 0 0 20px 0;
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 500;
    margin: var(--as-m);
}
.case-detail-content-descript{
    --as-m-lg: 0 0 24px 0; --as-m: 0 0 16px 0;
    font-size: var(--as-font-20);
    margin: var(--as-m);
    font-weight: 500;
}
.case-detail-content-heading{
    --as-p: 30px 0 30px 0; --as-p-lg: 58px 0 55px 0;
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 800;
    padding: var(--as-p);
}
.joyapp-detail-content-heading{
    --as-m-lg: 0 0 38px 0; --as-m: 0 0 20px 0;
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 800;
    padding: var(--as-p);
}
.joyapp-detail-content-subheading{
    --as-p: 30px 0 30px 0; --as-p-lg: 75px 0 55px 0;
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 800;
    padding: var(--as-p);
}   
.joyapp-cust-title{
    --as-p: 0 0 0 19px; --as-m: 0 0 30px;
    padding: var(--as-p);
    margin: var(--as-m);
    font-weight: 500;
}
.case-detail-content-subtitle{
    --as-p: 0 0 16px 0;
    font-size: var(--as-font-23);
    line-height: 1.3;
    font-weight: 700;
    padding: var(--as-p);
}
.case-detail-content-p{
    --as-m: 0 0 40px;
    margin: var(--as-m);
}
.case-detail-content-m-p{
    --as-m: 0 0 30px;
    margin: var(--as-m);
}
.case-detail-content-lg{
    --as-p: 0 0 30px 0; --as-p-lg: 0 0 55px 0;
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 800;
    padding: var(--as-p);
}
.case-detail-subsect{
    --as-p: 50px 0; --as-p-lg: 90px 0 50px;
    padding: var(--as-p);
}
.case-detail-subsect-cont{
    --as-m:auto;
    margin: var(--as-m);
}
.case-detail-feature{
    --as-p: 0 0 30px 0; --as-p-lg: 0 0 40px 0;
}
.technology-stack-sect{
    --as-p:0px 0 50px;
    padding: var(--as-p);
}
.technology-stack-repeat{
    --as-m: 17px 0;
    display: flex;
    margin: var(--as-m);
}
.technology-border-box{
    --as-p: 35px 30px;
}
.technology-stack-title{
    --as-m: 0 0 8px;
    font-size: var(--as-font-19);
    font-weight: 700;
    margin: var(--as-m);
}
.tech-client-testimonial{
    --as-p: 50px 0; --as-p-lg: 80px 0 90px;
    padding: var(--as-p);
}
.tech-client-testimonial-title{
    --as-p: 0px 0 60px 0; --as-p-lg: 0px 0 80px 0;
    font-size: var(--as-font-50);
    line-height: 1.1;
    font-weight: 800;
    padding: var(--as-p);
}
.tech-client-testimonial-video-icon{
    bottom: 70px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
}
.outcome-sect{
    --as-p-lg:90px 0;--as-p:50px 0;
    padding: var(--as-p);
}
.outcome-sect-titlebox{
    --as-p-lg:0 0 60px; --as-p-md:0 55px 50px;--as-p:0 10px 30px;
    padding: var(--as-p);
}
.outcome-banner-sect{
    --as-min-h:inherit; --as-min-h-lg:600px;background-repeat: no-repeat;background-position: center top;
    min-height: var(--as-min-h);
}
.outcom-banner-sect-cont{
    --as-p:0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--as-p);
}
.outcome-btn-box{
    --as-p: 45px 10px 0; --as-p-lg: 80px 0 0;--as-m:0 auto;
    display: flex;
    justify-content: center;
    padding: var(--as-p);
    margin: var(--as-m);
}
.result-outcome-sect{
    --as-m-lg:0 0 0 -185px;--as-m:0 0 0 -65px;
}
.result-outcome-box{
    --as-p-lg: 50px 0px;--as-p:30px 20px;--as-m: auto;
}
.result-outcome-box-title{
    --as-m:0 0 30px;
    color: #ffffff;
    font-size: var(--as-font-20);
    font-weight: 600;
    margin: var(--as-m);
}
.bikeshop-text{
    --as-m:0 0 30px;
    margin: var(--as-m);
}
.nutrition-cont{
    --as-m:0 0 20px;
    font-size: var(--as-font-20);
    font-weight: 500;
    margin: var(--as-m);
}
.nutrition-banner{
    --as-w:510px;--as-m-lg:0 0 0 150px;--as-m-md:0 0 0 55px;
}
.nutrition-banner-cont{
    --as-m-lg:0 0 0 -262px;--as-m:0 0 0 -65px;
}


/* ==========================================================================
   GENERAL
   ========================================================================== */

.chose-advant-img.cust-hero-img {
    z-index: -1;
}

.choose-advant-sect.choose-advantage-scn.ror-choose-advantage::before {
    display: none;
}

.cust-overview-sect {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.case-studies-five-card{
    --as-p: 30px 0 45px; --as-p-lg: 45px 0 45px;
    padding: var(--as-p);
    display: flex;
    align-items: center;
}

.challenge-sect{
    --as-p: 50px 0; --as-p-lg: 90px 0 52px;
    padding: var(--as-p);
}

.challenge-subtext{
    --as-m: 0 0 25px;
    margin: var(--as-m);
    font-weight: 500;
}
.youth-solution-sect{
    --as-p: 50px 0 0; --as-p-lg: 90px 0 0;
    padding: var(--as-p);
}

.result-outcome-sect{
    --as-w:520px;--as-m-lg:0 0 0 180px;--as-m-md:0 0 0 55px;
}
.result-outcome-sect-banner{
    --as-m-lg:0 0 0 -218px;--as-m:0 0 0 -65px;
}
.profile-plannet-banner{
    --as-m-lg:0 0 0 -280px;--as-m:0 0 0 -65px;
}
.profile-plannet-banner-text{
    --as-p: 50px 20px; --as-m: auto;
    padding: var(--as-p);
    margin: var(--as-m);
}
.challange-descript-cust-mb{
    --as-m: 0 0 20px;
    margin: var(--as-m);
    font-weight: 500;
}
.value-cont-sect{
    --as-p: 50px 0; --as-p-lg: 90px 0 70px;
    padding: var(--as-p);
}
.value-cont-subtext{
    --as-m: 0 0 50px;
    font-size: var(--as-font-40);
    line-height: 1.2;
    font-family: var(--as-font-alt);
    margin: var(--as-m);
}
.noissue-sect{
    --as-w:460px;--as-m-lg:0 0 0 150px;--as-m-md:0 0 0 55px;
}
.joyapp-detail-content-heading.pt-0{
    padding-top: 0;
    padding-bottom: 30px;
}
.noissue-title{
    --as-m: 0 0 30px;
    font-size: var(--as-font-20);
    color: #ffffff;
    font-weight: 600;
    margin: var(--as-m);
}
.springersolar-cust-sect{
    --as-w:620px;--as-m-lg:0 0 0 70px;--as-m-md:0 0 0 55px;
}
.springersolar-cust-banner{
    --as-m-lg:0 0 0 -485px;--as-m:0 0 0 -65px;
}
.keepabl-sect{
    --as-p: 50px 0; --as-p-lg: 90px 0 20px;
    padding: var(--as-p);
}
.keepabl-sect-title{
    --as-m: 0 0 35px;
    font-size: var(--as-font-40);
    font-family: var(--as-font-alt);
    margin: var(--as-m);
}
.joyapp-banner{
    --as-w:520px;--as-m-lg:0 0 0 150px;--as-m-md:0 0 0 55px;
}
.joyapp-banner-cont{
    --as-m-lg:0 0 0 -316px;--as-m:0 0 0 -65px;
}

.keepabl-result-sect{
    --as-w:515px;--as-m-lg:0 0 0 150px;--as-m-md:0 0 0 55px;
}
.keepabl-result-sect-cont{
    --as-m-lg:0 0 0 -315px;--as-m:0 0 0 -65px;
}
.keepabl-reseult-detail{
    --as-p-lg: 30px 0px 50px; --as-p: 30px 20px; --as-m: auto;
}
.keepabl-result-detail-cont{
    --as-m-lg: 0 0 40px; --as-m: 0 0 15px;
}
.cust-vector-img{
    --as-m-lg:0 0 0 -315px;--as-m:0 0 0 -65px;
}
.lawful-sect-detail{
    --as-p: 0px 0 20px;
    padding: var(--as-p);
}
.lawful-sect-title{
    --as-p: 0 0 20px 0; --as-p-lg: 0 0 20px 0;
    font-size: var(--as-font-30);
    font-weight: 800;
    padding: var(--as-p);
}
.lawful-sect{
    --as-w:540px;--as-m-lg:0 0 0 150px;--as-m-md:0 0 0 55px;
}
.lawful-sect-cont{
    --as-m-lg:0 0 0 -337px;--as-m:0 0 0 -65px;
}

.profile-planet-sect{
    --as-p: 40px 0 20px;
    padding: var(--as-p);    
}
.kissplanet-tech-sect{
    --as-p: 30px 0 30px 0; --as-p-lg: 58px 0 45px 0;
}
.kissplanet-techbanner{
    --as-w:540px;--as-m-lg:0 0 0 100px;--as-m-md:0 0 0 55px;
}
.kissplanet-banner-cont{
    --as-m-lg:0 0 0 -353px;--as-m:0 0 0 -65px;
}
.taaroahydrofoil-cont{
    --as-m-lg: 0 0 30px 0; --as-m: 0 0 15px 0;
}
.taaroahydrofoil-banner{
    --as-w:590px;--as-m-lg:0 0 0 70px;--as-m-md:0 0 0 55px;
}
.taaroahydrofoil-banner-cont{
    --as-m-lg:0 0 0 -455px;--as-m:0 0 0 -65px;
}

/* Mobile First - 568px and up */
@media (min-width: 568px) {
    .development-cta-title {
        text-align: left;
    }
    .case-detail-industry-logo{
        justify-content: center;
    }
}

/* Mobile - Max 767px */
@media (max-width: 767px) {
    .custom-banner {
        background-color: #1536b2 !important;
        background-image: none !important;
    }

    .overview-sect .overview-title,
    .our-offering-title,
    .why-choose-sect-title,
    .why-choose-list-title,
    .choose-advant-title,
    .our-proven-sect-title,
    .industry-sect-title,
    .powering-industries-title,
    .hire-developers-title,
    .rating-star-cont,
    .technology-stack-title,
    .faq-heading,
    .cust-center-title,
    .benefits-dark-sect-title,
    .expertise-sect-title,
    .data-evaluaiton-title,
    .five-step-title,
    .why-choose-right-title,
    .dashboard-sect-title,
    .odoo-choose-title,
    .industries-sect-title,
    .cust-heading,
    .cust-platform-title,
    .next-generation-title,
    .wp-store-title,
    .wp-why-choose-title,
    .cust-thre-reason-number,
    .green-future-title,
    .devops-toll-sect-title,
    .devops-process-title,
    .latest-tech-sect-title,
    .product-banner-title,
    .end-to-end-title,
    .qualified-empl-title,
    .achievement-num,
    .qualified-emp-subtitle,
    .industry-solus-title,
    .business-oper-secttitle,
    .case-detail-sect-title,
    .case-detail-content-title,
    .case-detail-content-lg,
    .case-detail-content-heading,
    .joyapp-detail-content-heading,
    .joyapp-detail-content-subheading,
    .tech-client-testimonial-title {
        font-size: 34px;
    }

    .why-choose-sect .row.why-choose-count {
        row-gap: 4px;
    }

    .industri-list-box .list-type-12 li {
        flex: 0 0 100%;
        width: 100%;
    }

    .industri-link-btn-box .btn-round-arrow.white {
        padding: 8px;
    }

    .why-choose-stepdescript {
        font-size: var(--as-font-16);
    }

    .quick-contact-box {
        gap: 15px;
    }

    .devops-process-business-link {
        font-size: var(--as-font-15);
    }

    .industry-exce-listcont {
        font-size: var(--as-font-16);
    }

    .reimagine-sect-title,
    .mobility-secttitle,
    .high-iot-secttitle {
        font-size: 35px;
    }
    .value-cont-subtext,
    .keepabl-sect-title{
        font-size: 18px;
    }
}

/* Tablet - 768px and up */
@media (min-width: 768px) {

    /* Sections Padding */
    .overview-sect,
    .our-offering-sect,
    .development-project-sect,
    .why-choose-sect,
    .powering-industries-section,
    .hire-developers-section,
    .technology-stack-box,
    .faq-sect,
    .choose-advant-sect,
    .choose-advant-box-card,
    .cust-center-sect,
    .cust-left-right-cont,
    .benefits-right-cont,
    .cust-right-cont,
    .expertise-sect,
    .expertise-sect-box,
    .data-evaluat-card-cont,
    .five-timeline-step,
    .five-timeline-sect,
    .why-choose-left-right-sect,
    .why-choose-right-listitem,
    .dashboard-sect,
    .outline-timeline-sect,
    .outline-timeline-cont,
    .what-tableau-sect,
    .benefits-dark-sect,
    .odoo-choose-advant-sect,
    .end-to-end-cont,
    .innovating-sect-box,
    .assist-sect-cont,
    .industry-solus-cont,
    .work-case-banner-content,
    .outcome-sect-titlebox {
        padding: var(--as-p-md);
    }

    /* Margins */
    .our-offering-cont,
    .why-choose-count,
    .why-choose-steplist,
    .why-choose-steplisttitle,
    .our-proven-sect-title,
    .our-proven-list-box,
    .our-proven-listitem-descript,
    .industry-sect-title,
    .industri-list-box .list-type-12,
    .hire-developers-title,
    .dedicated-cont-box,
    .rating-sect-box,
    .technology-stack-title,
    .technology-stack-tab-sect,
    .stack-tab-detail .list-type-12,
    .industry-sect-descript p,
    .overview-sect-descript p,
    .choose-advant-title,
    .hire-developers-descript p,
    .cust-center-title-box,
    .cust-img-cont-box,
    .expertise-sect-title,
    .expertise-icon,
    .expertise-card-title,
    .data-evaluation-cont,
    .data-evaluate-title,
    .data-evaluat-arrow-btn,
    .five-step-title,
    .five-process-title,
    .why-choose-right-title,
    .dashboard-tab-cont,
    .dashboard-card-title,
    .what-tableau-cont,
    .benefits-right-title,
    .benefits-dark-cont,
    .benefit-dark-cont-detail,
    .benefit-dark-listtitle,
    .odoo-choose-advant-cont,
    .odoo-choose-title,
    .devops-process-cont-title {
        margin: var(--as-m-md);
    }

    /* Specific Padding */
    .our-proven-list-item,
    .industri-link-btn-box,
    .stack-tabs-title,
    .faq-heading,
    .faq-cont-title-box,
    .choose-advant-box {
        padding: var(--as-p-md);
    }

    /* Special Properties */
    .development-project-cont {
        max-width: var(--as-w-md);
    }

    .development-cta-box {
        column-gap: var(--as-gap-x-md);
        row-gap: var(--as-gap-y-md);
    }

    .development-cta-title {
        letter-spacing: var(--as-ls-md);
    }

    .rating-sect-box,
    .fullstack-card-cont,
    .unique-idea-sect,
    .qualified-emp-sect,
    .reimagine-sect,
    .mobility-sect,
    .high-iot-sect,
    .case-studies-full,
    .case-studi-full-grid-sect {
        min-height: var(--as-min-h-md);
    }

    .technology-stack-title {
        max-width: var(--as-w-md);
    }

    .cust-left-right-cont,
    .cust-right-cont {
        row-gap: var(--as-gap-y-md);
    }

    .data-evaluat-box {
        width: var(--as-w-fix-md);
        align-items: flex-start;
    }

    .data-evaluat-icon {
        justify-content: flex-start;
    }

    .data-evaluat-icon-img,
    .case-study-grid-title {
        max-width: var(--as-w-md);
    }

    .dashboard-tab-cont,
    .dashboard-card-title {
        min-height: var(--as-min-h-md);
    }
}

/* Tablet/Small Desktop - Max 991px */
@media (max-width: 991px) {
    .custom-banner {
        background-position: right;
        padding: 15px;
    }

    /* .custom-banner h1,
    .product-banner-title */
    .overview-sect .overview-title,
    .our-offering-title,
    .why-choose-sect-title,
    .why-choose-list-title,
    .choose-advant-title,
    .our-proven-sect-title,
    .industry-sect-title,
    .powering-industries-title,
    .hire-developers-title,
    .rating-star-cont,
    .technology-stack-title,
    .faq-heading,
    .cust-center-title,
    .benefits-dark-sect-title,
    .expertise-sect-title,
    .data-evaluaiton-title,
    .five-step-title,
    .why-choose-right-title,
    .dashboard-sect-title,
    .odoo-choose-title,
    .industries-sect-title,
    .cust-heading,
    .cust-platform-title,
    .next-generation-title,
    .wp-store-title,
    .wp-why-choose-title,
    .cust-thre-reason-number,
    .green-future-title,
    .devops-toll-sect-title,
    .devops-process-title,
    .latest-tech-sect-title,
    .product-banner-title,
    .end-to-end-title,
    .qualified-empl-title,
    .achievement-num,
    .qualified-emp-subtitle,
    .industry-solus-title,
    .business-oper-secttitle {
        font-size: 40px;
    }

    .main-banner-title {
        font-size: 34px;
    }

    .why-choose-stepdescript {
        color: #fff;
    }

    .why-choose-stepdescript,
    .choose-advant-descript {
        font-size: var(--as-font-18);
        max-width: 100%;
    }

    .industri-list-box .list-type-12 li .industri-list-item,
    .stack-tab-detail .list-type-12 .stack-tab-listitem,
    .industries-listitem {
        font-size: 16px;
    }

    .industri-link-btn-box,
    .industries-btb-link,
    .possibility-reality-subtitle {
        font-size: 15px;
    }

    .our-proven-sect-title {
        max-width: 100%;
    }

    .expertise-card-title {
        font-size: var(--as-font-30);
        line-height: 1.2;
    }

    .why-choose-right-listitem {
        font-size: 18px;
    }

    .estore-btn-box {
        font-size: 15px;
    }

}

/* Desktop - 992px and up */
@media (min-width: 992px) {

    /* Main Sections Padding */
    .custom-banner,
    .overview-sect,
    .our-offering-sect,
    .development-project-sect,
    .why-choose-sect,
    .our-proven-sect,
    .industry-sect,
    .powering-industries-section,
    .hire-developers-section,
    .technology-stack-box,
    .faq-sect,
    .choose-advant-box,
    .choose-advant-box-card,
    .overview-tier-card,
    .cust-center-sect,
    .cust-left-right-cont,
    .benefits-right-cont,
    .cust-right-cont,
    .expertise-sect,
    .expertise-sect-box,
    .expertise-card-box,
    .data-evaluat-card-cont,
    .five-timeline-step,
    .five-timeline-sect,
    .why-choose-left-right-sect,
    .why-choose-right-listitem,
    .dashboard-sect,
    .outline-timeline-sect,
    .outline-timeline-cont,
    .what-tableau-sect,
    .benefits-dark-sect,
    .odoo-choose-advant-sect,
    .banner-breadcrumb-sect,
    .industries-sect,
    .industries-list-sect,
    .industries-btn-box,
    .next-generation-sect,
    .full-stack-box,
    .wp-store-sect,
    .estore-btn-link,
    .wp-why-choose-sect,
    .wp-why-choose-titlebox,
    .moshocart-sect,
    .green-future-sect,
    .green-future-link-box,
    .deveops-tool-sect,
    .devops-process-sect,
    .devops-process-flow,
    .bi-tools-sect,
    .bi-tools-sect-title,
    .bi-tools-card,
    .dashed-process-sect,
    .dashed-process-timeline,
    .cust-gallary-load-more,
    .latest-tech-sect,
    .product-dev-sect,
    .product-banner-btn-box,
    .end-to-end-sect,
    .end-to-end-cont,
    .innovting-sect,
    .innovating-sect-box,
    .innovating-bnt-box .unique-idea-sect,
    .assist-sect,
    .assist-sect-cont,
    .qualifi-empl-sect,
    .achievement-sect,
    .range-sect,
    .end-to-end-reverse,
    .possibility-start-sect,
    .possibility-reality-box,
    .qualified-emp-btn-link,
    .industry-solus-sect,
    .business-oper-sect,
    .business-oper-subtitlebox,
    .cust-erp-sect,
    .cust-erp-learnbtn-box,
    .cust-erp-img-cont,
    .user-exper-sect,
    .user-exper-sect-box,
    .user-exper-view-all-box,
    .iot-solution-sect,
    .iot-learnmore-link,
    .business-func-sect,
    .business-func-secttitlebox,
    .business-funct-row-second,
    .cloud-data-sect,
    .cloud-data-trust-list-card,
    .cloud-data-learnmore,
    .cloud-imagination-sect,
    .cloud-imagination-cont,
    .imgination-repeater,
    .data-science-card,
    .data-science-cont,
    .data-science-learnmore,
    .work-case-studies-sect,
    .work-case-banner-content,
    .case-study-card-sect,
    .work-case-cont-list,
    .client-testimo-sect,
    .case-studi-two-grid-sect,
    .client-testimonial-video-sect,
    .case-studies-five-card,
    .case-detail-sect,
    .case-intro-sect-study,
    .case-detail-mid-banner,
    .case-detail-content-sect,
    .case-detail-content-heading,
    .case-detail-content-lg,
    .case-detail-subsect,
    .tech-client-testimonial
    .outcome-sect,
    .outcome-sect-titlebox,
    .outcome-btn-box,
    .challenge-sect,
    .youth-solution-sect,
    .value-cont-sect,
    .keepabl-sect,
    .lawful-sect-title,
    .joyapp-detail-content-heading,
    .joyapp-detail-content-subheading {
        padding: var(--as-p-lg);
    }

    /* Sub-sections Padding */
    .main-banner-subtitle,
    .why-choose-listbox,
    .why-choose-steplist,
    .our-proven-sect-cont,
    .industri-list-box,
    .industri-link-btn-box,
    .rating-review-icon-box,
    .stack-tabs-title,
    .faq-heading,
    .faq-cont-title-box,
    .devops-process-cont-box,
    .devops-process-business-box,
    .cloud-data-cont,
    .data-science-title,
    .case-studies-full,
    .client-testimonial-title-cont,
    .case-studi-full-grid-sect,
    .case-studi-full-grid {
        padding: var(--as-p-lg);
    }

    /* Margins */
    .overview-sect .overview-title,
    .our-offering-cont,
    .our-offering-title,
    .why-choose-count,
    .industry-sect-title,
    .powering-industries-title,
    .industri-list-box .list-type-12,
    .hire-developers-title,
    .dedicated-cont-box,
    .rating-sect-box,
    .technology-stack-tab-sect,
    .stack-tab-detail .list-type-12,
    .industry-sect-descript p,
    .overview-sect-descript p,
    .choose-advant-box-title,
    .hire-developers-descript p,
    .overview-subtitle,
    .overview-card-sect,
    .overview-tier-card,
    .cust-center-title-box,
    .cust-center-title,
    .cust-img-cont-box,
    .expertise-sect-title,
    .data-evaluation-cont,
    .data-evaluaiton-title,
    .data-evaluate-title,
    .data-evaluat-arrow-btn,
    .five-step-title,
    .five-process-title,
    .why-chosee-right-cont,
    .why-choose-right-title,
    .why-choose-right-list,
    .dashboard-sect-title,
    .dashboard-tab-cont,
    .dashboard-card-title,
    .what-tableau-cont,
    .benefits-right-title,
    .benefit-dark-cont-detail,
    .benefi-dark-squareicon,
    .odoo-choose-advant-cont,
    .industries-listbox,
    .next-gener-hero-img,
    .wp-store-title,
    .cust-estore-list,
    .estore-btn-link,
    .moshocart-cont-box,
    .moshocart-title,
    .cust-devops-tool-sect,
    .cust-deveops-tool-title,
    .cloud-compt-title,
    .devops-process-business-box,
    .latest-tech-sect-subtitle,
    .end-to-end-subtitle,
    .unique-subtitle,
    .qualifi-empl-sect,
    .test-elem-1,
    .test-elem-2,
    .achievement-img,
    .possibility-reality-box,
    .industry-solus-cont-list,
    .industry-solus-cont-title,
    .industry-solus-cont-subtitle,
    .business-oper-secttitle,
    .iot-solution-title,
    .cloud-data-trustitem,
    .work-case-banner-title,
    .work-case-cont-card,
    .case-studies-card-title,
    .case-studi-two-grid-card,
    .case-studi-two-grid-title,
    .client-testimonial-video-cont,
    .case-detail-content-title,
    .case-detail-content-descript {
        margin: var(--as-m-lg);
    }

    /* Special Properties */
    .custom-banner,
    .rating-sect-box,
    .banner-breadcrumb-sect,
    .fullstack-card-cont,
    .product-dev-sect,
    .end-to-end-sect,
    .unique-idea-sect,
    .qualifi-empl-sect,
    .qualified-emp-sect,
    .reimagine-sect,
    .mobility-sect,
    .high-iot-sect,
    .imagination-link-text,
    .work-case-studies-sect,
    .case-studies-full,
    .client-testimo-sect,
    .case-studi-full-grid-sect,
    .client-testimonial-video-sect,
    .case-detail-sect,
    .outcome-banner-sect {
        min-height: var(--as-min-h-lg);
    }

    .technology-stack-title,
    .cloud-data-cont,
    .cloud-imagination-cont,
    .data-science-title,
    .case-study-grid-title {
        max-width: var(--as-w-lg);
    }

    .cust-w-box {
        width: var(--as-w-fix-lg);
    }

    .faq-cont-box {
        margin: var(--as-m-lg);
        --as-m: 0px 0 0;
        --as-m-lg: 13px 0 0;
    }

    .development-cta-lgbox {
        column-gap: var(--as-gap-x-lg);
        row-gap: var(--as-gap-y-lg);
    }

    .cust-left-right-cont,
    .cust-right-cont {
        row-gap: var(--as-gap-y-lg);
    }

    .data-evaluat-box {
        width: var(--as-w-fix-lg);
    }

    .data-evaluat-icon-img,
    .why-chosee-right-cont,
    .what-tableau-cont {
        max-width: var(--as-w-lg);
    }

    .dashboard-tab-cont,
    .dashboard-card-title {
        min-height: var(--as-min-h-lg);
    }

    .next-gener-hero-img {
        display: block;
    }

    .possibility-reality-box {
        height: var(--as-h-lg);
    }
}

/* Large Desktop - Max 1200px */
@media (max-width: 1200px) {
    .main-banner-title {
        font-size: 40px;
    }

    .stack-tabs-title,
    .qualified-empl-content,
    .industry-sect-descript p {
        font-size: calc(1.11rem + .2vw);
    }

    .rating-sect-box.ratings_section {
        background-repeat: no-repeat;
        background-position: bottom center !important;
        background-size: cover !important;
    }

    .odoo-choose-descript {
        font-size: calc(1.11rem + .2vw);
    }
    .outline-timeline-sect.powerbi-outline-process {
        background-image: none !important;
    }
    .column.text-left.power-sixth-step.w-fix-custom.w-fix-md-custom.p-custom.p-xl-custom.m-order-4 {
        order: 6;
    }
    .column.text-left.power-fifth-step.w-fix-custom.w-fix-md-custom.p-custom.p-xl-custom.m-order-5 {
        order: 5;
    }
    .column.text-left.power-fourth-step.w-fix-custom.w-fix-md-custom.p-custom.p-xl-custom.m-order-6{
        order: 4;
    }
}

/* Extra Large Desktop - 1201px and up */
@media (min-width: 1201px) {

    .main-banner-subtitle,
    .overview-subtitle,
    .data-evaluation-descript {
        max-width: var(--as-w-xl);
    }

    /* Sections Padding */
    .our-offering-sect,
    .powering-industries-section,
    .faq-sect,
    .choose-advant-box,
    .cust-center-sect,
    .expertise-sect,
    .expertise-sect-box,
    .expertise-card-box,
    .five-timeline-step,
    .five-timeline-sect,
    .why-choose-left-right-sect,
    .why-choose-right-listitem,
    .dashboard-sect,
    .outline-timeline-sect,
    .what-tableau-sect,
    .benefits-dark-sect {
        padding: var(--as-p-xl);
    }

    /* List Boxes Padding */
    .why-choose-listbox,
    .why-choose-steplist,
    .overview-sect-descript p,
    .choose-advant-sect,
    .cust-left-right-cont,
    .cust-right-cont,
    .data-evaluat-card-cont,
    .outline-timeline-cont {
        padding: var(--as-p-xl);
    }

    /* Margins */
    .our-offering-cont,
    .industri-list-box .list-type-12,
    .hire-developers-title,
    .dedicated-cont-box,
    .overview-sect-descript p,
    .hire-developers-descript p,
    .overview-card-sect,
    .cust-center-title-box,
    .cust-center-title,
    .cust-img-cont-box,
    .expertise-sect-title,
    .expertise-icon,
    .expertise-card-title,
    .data-evaluation-cont,
    .data-evaluat-arrow-btn,
    .five-step-title,
    .five-process-title,
    .why-choose-left-right-sect,
    .why-choose-right-title,
    .dashboard-tab-cont,
    .dashboard-card-title,
    .what-tableau-sect,
    .benefits-right-title,
    .benefits-dark-cont,
    .benefit-dark-cont-detail,
    .odoo-choose-advant-cont {
        margin: var(--as-m-xl);
    }

    /* Max Width Properties */
    .w-xl-custom,
    .why-choose-sect-descript,
    .why-choose-sect-descript p,
    .our-proven-sect-descript,
    .technology-stack-title,
    .choose-advant-title,
    .cust-center-title,
    .cust-center-descript,
    .five-step-title,
    .five-step-descript,
    .why-chosee-right-cont,
    .why-choose-right-descript,
    .what-tableau-cont,
    .what-tableau-descript,
    .benefits-dark-sect-descript {
        max-width: var(--as-w-xl);
    }

    /* Stack Tabs Title */
    .stack-tabs-title {
        padding: var(--as-p-xl);
    }

    .cust-left-right-cont,
    .cust-right-cont {
        row-gap: var(--as-gap-y-xl);
    }

    .data-evaluat-box {
        width: var(--as-w-fix-xl);
    }

    .dashboard-tab-cont,
    .outline-timeline-sect,
    .dashboard-card-title {
        min-height: var(--as-min-h-xl);
    }
}