.bg-green {
    background: #1d4d2a;
}

.bg-green .heading h2,
.bg-green .sub p {
    color: #fff !important;
}

.bg-green .sub::before {
    border-color: #fff !important;
}

.bg-green .bold-text.shadow-text,
.our-experience-section .bold-text.shadow-text {
    z-index: 0 !important;
}

section#testimonials {
    background: #f8f8f8 !important;
    padding: 5rem 1rem;
}

.hero-slider .banner-wrap {
    display: none;
}

.hero-slider .banner-wrap:first-child {
    display: block;
}

.hero-slider.slick-initialized .banner-wrap {
    display: block;
}

.hero-slider img {
    width: 100%;
}

.hero-slider {
    width: 100%;
}

.banner-wrap {
    position: relative;
}

.banner-wrap h1,
.banner-wrap h2 {
    font-size: 3.5rem;
    color: #fff;
    line-height: 1;
    width: 70%;
    padding-bottom: 0.3rem;
    margin-bottom: 0.2rem;
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.banner-wrap h2,
.banner-wrap h2 {
    font-size: 3rem;
    color: #fff;
    line-height: 1;
    width: 100%;
    padding-bottom: 0.3rem;
    margin-bottom: 0.2rem;
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.banner-wrap .button-sec h3 {
    font-size: 1.4rem;
    color: #fff;
    font-weight: 300;
    font-family: 'Arial';
}

.banner-section {
    padding-bottom: 0;
    margin-top: 3rem;
    background: #1d4d2a;
}

.banner-section .button a {
    padding: .75rem 2rem 0.65rem;
    margin: 1rem 0.5rem;
}

.banner-wrap .banner-cnt img {
    width: 10rem !important;
    height: 5rem;
    object-fit: contain;
    margin-left: -0.5rem;
}

/* fold2 */

.powerful-tech {
    background: #333;
    color: #fff;
}

section .container {
    width: 91% !important;
}

/* powerfull tech section styles starts */

.powerful-tech {
    padding: 2.5rem 0;
    background-color: #fff;
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-image: url(/assets/images/phase2/home/powerful-technology.png);*/
    /*background-position: center;*/
    margin-top: -0.2rem;
}

.powerful-tech .power-div {
    width: 100%;
    margin: auto;
}

.powerful-tech .content {
    padding-right: 1rem;
    border-right: 0;
    position: relative;
}

.cnt.cm-cls.content:before {
    content: "";
    border-right: 0.1rem solid #fff;
    position: absolute;
    top: 0.5rem;
    width: 1rem;
    height: 4.7rem;
    right: -0.5rem;
}

.btn-sec.cm-cls.button {
    margin-top: 0.35rem;
}

.btn-sec.cm-cls.button a:hover {
    background-color: #1d4d2a;
    color: #fff;
}

.powerful-tech .content p {
    text-align: right;
    font-size: 2.3rem;
    line-height: 1.15;
    color: #fff;
}

.powerful-tech .content p span {
    font-weight: bold;
}

.button a {
    border-radius: 0.5rem;
    background: #DCA872;
    ;
    padding: 0.55rem 3rem 0.35rem;
    border: 0 !important;
}

.powerful-tech .button a {
    border: 0.2rem solid #fff !important;
}

.powerful-tech .button a:hover {
    border: 0.2rem solid #1d4d2a !important;
}


.button a:hover {
    background-color: #fff;
    color: #1d4d2a;
}

/* powerfull tech section styles ends */

/* mach enabll=ed section starts */

section.mach-enable-section {
    background-color: #fff !important;
    padding: 5rem 1rem;
}

section.mach-enable-section.mech-sction {
    background-color: #f3f3f3 !important;
}

.mach-enable-section.mech-sction .bold-text.shadow-text {
    z-index: 0 !important;
}

body .mach-enable-section .container {
    width: 84%;
}

.heading h2 {
    font-size: 3.5rem;
    color: #1d4d2a;
    text-align: left;
    width: 100%;
    margin: auto;
    margin-bottom: 3rem;
    line-height: 1;
    position: relative;
    z-index: 1;
    font-weight: 500;
}

.bold-text.shadow-text {
    z-index: -1;
    color: rgb(116 114 114 / 25%);
    text-shadow: none;
    margin-top: -1.5125rem;
    margin-left: -1rem;
    font-size: 6rem;
    line-height: .9;
    position: absolute;
}


section.mach-enable-section .sub {
    width: 95%;
}

section.mach-enable-section .sub p {
    margin-bottom: 1rem;
}

.mach-enable-section .cards {
    border: .1rem solid #1d4d2a;
    border-radius: 1rem;
    padding: 2rem;
    width: 95%;
    margin: auto;
    margin-bottom: 3.5rem;
    position: relative;
    min-height: 12rem;
    max-height: 12rem;
}

.mach-enable-section .cards {
    box-shadow: -2.5rem 1.5rem #1d4d2a !important;
}

.mach-enable-section .cards.card-1 {
    box-shadow: -2.5rem 1.5rem #7883B5;
}

.mach-enable-section .cards.card-2 {
    box-shadow: 2.5rem 1.5rem #6D9EBC;
}

.mach-enable-section .cards.card-3 {
    box-shadow: -2.5rem 1.5rem #94D4CA;
    /* right: 5rem; */
}



.mach-enable-section .cards h3 {
    color: #3d3e42;
    font-family: inherit;
}

.mach-enable-section .cards p {
    color: #3d3e42;
    font-size: 1.2rem;
    width: 100%;
    margin-top: 0.8rem;
}

.mach-enable-section .cards .image {
    text-align: center;
}

.mach-enable-section .cards .image.image-6 img {
    margin-top: .5rem;
}

.mach-enable-section .cards img {
    width: 100%;
    margin: auto;
}

.mach-enable-section .cards p span {
    font-weight: bold;
}

.mach-enable-section .sub a.moreless-button {
    padding-left: 1.5rem;
}

/* mach enabll=ed section ends */

/* the next gen section styles starts */

.the-nextgen-section {
    padding: 5rem 1rem;
    color: #768190;
}

.sub {
    width: 95%;
    position: relative;
    right: 0;
    margin: 1.8rem 0;
}

.sub p {
    font-size: 1.15rem;
    /*color: #52545a;*/
    color: #3d3e42;
}

.the-nextgen-section .card {
    background-color: #fff;
    width: 95%;
    margin: auto;
    margin-bottom: 3rem;
    border: 0;
    padding:2rem 1.5rem;
    border-radius: 1rem;
    background-image: url(Rectangle-4-1.png), url(Rectangle-3.png);
    background-position: 110% -10%, 109% -7%;
    background-repeat: no-repeat, no-repeat;
    background-size: 60px, 60px;
}
.the-nextgen-section .card .card-top
{
    margin-bottom: 2rem;
}

.the-nextgen-section .card .card-top img {
   width: 5rem;
}

.the-nextgen-section .card .card-bottom h3 {
    font-size: 2rem;
    font-family: inherit;
    color: #dca972;
    font-weight: 700;
}

.the-nextgen-section .card .card-bottom p {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    color: #3d3e42;
    min-height: 12rem;
    max-height: 12rem;
}

.the-nextgen-section .card .card-bottom a {
    font-size: 1.2rem;
    margin-top: 2.8rem;
    position: relative;
    background: #DCA872;
    color: #fff;
    padding: 0.75rem 2rem;
    border-radius: 1rem;
}

.the-nextgen-section .card .card-bottom a:after {
    content: "";
    position: absolute;
    background-image: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 2rem;
    height: 2rem;
    top: -1rem;
    right: -1.5rem;
}

.the-nextgen-section .card .card-bottom a:hover {
    background: #1d4d2a;

}

/* the next gen section styles ends */

/* expertise section styles starts */

.expertise-section {
    background-color: #f3f3f3 !important;
    padding: 5rem 1rem;
}

.expertise-section .row {
    margin-bottom: 1rem;
}

.expertise-section .count {
    text-align: center;
    position: relative;
}

.expertise-section .count:after {
    position: absolute;
    content: "";
    border-right: .2rem dotted #666973;
    width: 1rem;
    height: 8rem;
    top: 0;
    right: -1.1rem;
}

.expertise-section .count.count-4:after {
    display: none;
}

.expertise-section .count span,
.expertise-section .count h4 {
    font-size: 4rem;
    font-weight: 100;
    font-family: inherit;
    color: #1d4d2a !important;
}

.expertise-section .count-1 span,
.expertise-section .count-1 h4 {
    color: #38ADF0;
}

.expertise-section .count-2 span,
.expertise-section .count-2 h4 {
    color: #FDB918;
}

.expertise-section .count-3 span,
.expertise-section .count-3 h4 {
    color: #EE707F;
}

.expertise-section .count-4 span,
.expertise-section .count-4 h4 {
    color: #662D91;
}

.expertise-section .count p {
    color: #666973;
    color: #3d3e42;
    line-height: 1.3;
    font-size: 1.5rem;
}

/* expertise section styles ends */

/* why-choose-section styles starts */

.why-choose-section {
    background-color: #F1F2F2 !important;
    padding: 5rem 0 7rem;
}

.why-choose-section .card {
    text-align: center;
    border-radius: 1rem;
    color: #666973;
    border: none;
    min-height: 29rem;
    max-height: 29rem
}

.why-choose-section .slick-dots li button:before {
    font-size: 0.8rem;
}

.why-choose-section .slick-dots li {
    width: 0.7rem;
    height: 0.5rem;
}

.why-choose-section .slider-cards {
    padding-left: 0;
}

.slick-dots li button:before {
    font-size: 1rem;
}

.slick-dots li.slick-active button:before {

}

.slick-dots li {
    width: 1rem;
    height: 1.5rem;
}

.why-choose-section .slick-dots {
    bottom: -4rem;
}

.why-choose-section .card img {
    width: 7rem;
    margin: 2rem auto 1.3rem;
}

.why-choose-section .card h3 {
    font-size: 1.7rem;
    width: 50%;
    margin: 0 auto 1rem;
    font-family: inherit;
    line-height: .9;
    color: #3d3e42;
}

.why-choose-section .card p {
    font-size: 1.2rem;
    width: 85%;
    margin: 0.5rem auto;
    padding-bottom: 0rem;
    text-align: left;
    color: #3d3e42;
}

.why-choose-section .card.card-1 {
    background-color: #F9EBA6;
}

.why-choose-section .card.card-2 {
    background-color: #B5EECC;
}

.why-choose-section .card.card-3 {
    background-color: #DBE1E1;
}

.why-choose-section .card.card-4 {
    background-color: #DDC5E7;
}

.why-choose-section .card-items {
    padding: 0 .3rem;
}

.why-choose-section .card-items .card-wrap {
    width: 95%;
    margin: auto;
}

/*why-choose-section styles ends */

/* our expertise section styles starts */

.our-experience-section {
    background-color: #fff !important;
    padding: 5rem 0rem;
}

.our-experience-section .sub::before {
    top: -2rem;
    height: 5rem;
    left: -1.5rem;
}

.our-experience-section .sub p {
    font-size: 1.15rem;
}

.our-experience-section .card-wrap {
    width: 66%;
    margin: auto;
    margin-top: 5rem;
}

.our-experience-section .card {
    border: none;
    color: #666973;
    position: relative;
    width: 86%;
    margin: auto;
}

.our-experience-section .card:before {
    position: absolute;
    border-left: .1rem solid #666973;
    content: "";
    bottom: auto;
    height: 11rem;
    width: 1rem;
    left: -1.4rem;
    top: 24rem;
}

.our-experience-section .card img {
    width: 100%;
}

.our-experience-section .card-bottom {
    padding: 2rem 0;
}

.our-experience-section .card h3 {
    font-size: 2rem;
    font-family: inherit;
    line-height: 1;
    color: #3d3e42;
}

.our-experience-section .card p {
    width: 96%;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: #3d3e42;
}

.our-experience-section .card ul {
    padding: 0 1.2rem;
    margin-bottom: 3rem;
}

.our-experience-section .card ul li {
    font-size: 1.2rem;
    width: 96%;
    color: #3d3e42;
}

.our-experience-section .card a {
    color: #666973;
    font-size: 1.6rem;
    position: relative;
}

.our-experience-section .card a:hover {
    color: #094673;
}

section.our-experience-section .container {
    width: 89% !important;
}

/* .our-experience-section .card a:hover{
    
  } */

.our-experience-section .card a:after {
    position: absolute;
    content: "";
    background-image: url(/assets/images/phase2/home/explore.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 3rem;
    width: 3rem;
    right: -4rem;
    top: -0.5rem;
}

/* our expertise section styles ends */

/* technology-section styles starts */

.technology-section {
    background-color: #F8F8F8 !important;
    padding: 6rem 0;
}

.technology-section .thumbnail {
    text-align: center;
    position: relative;
}

.technology-section .thumbnail img {
    width: 56%;
    margin: auto;
}

/*.technology-section .thumbnail a:after{
      position: absolute;
      background-image: url(http://localhost/6dx-phase2/assets/images/phase2/home/play-button.png);
      background-size: contain;
      background-repeat: no-repeat;
      content:"";
      width: 6rem;
      height: 6rem;
      top: 8rem;
      left: 0;
      right: 0;
      margin: auto;
    }*/

.technology-section .thumbnail .play-icon {
    position: absolute;
    width: 10rem;
    height: 10rem;
    top: 37%;
    left: 0;
    right: 0;
    margin: auto;
}

.technology-section .slick-dots {
    bottom: -3.5rem;
}

/*technology-section styles ends */

/* the art of relationship section style starts */

.the-art-section {
    background-color: #f8f8f8 !important;
    text-align: center;
    padding: 5rem 1rem;
}

.the-art-section .slide {
    width: 75%;
    margin: 4rem auto auto auto;
    padding: 5rem 2rem;
    border: 0.15rem solid #dee0e0;
    border-radius: 1rem;
    position: relative;
}

.the-art-section .slide:before {
    position: absolute;
    background-image: url(../images/quote.png);
    background-size: 8rem;
    background-repeat: no-repeat;
    content: "";
    width: 10rem;
    height: 10rem;
    top: -5.5rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #f8f8f8;
    border: 1rem solid #f8f8f8;
}

.the-art-section .slide p {
    font-size: 1.2rem;
    width: 94%;
    margin: 0 auto;
    color: #3d3e42;
}

.the-art-section .slide p span {
    font-weight: bold;
}

.the-art-section .slide p.content {
    min-height: 10rem;
    color: #3d3e42;
}

.the-art-section .slide .name {
    margin-top: 3rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #f8f8f8;
    width: 59%;
    bottom: -1rem;
}

.the-art-section .slick-list {
    overflow: visible !important;
}

.the-art-section .slick-dots {
    bottom: -4rem;
}

/* the art of relationship section style ends*/

/* trusted by section styles starts */

.trusted-section {
    background-color: #F8F8F8 !important;
    padding: 5rem 1rem;
    position: relative;
}

.trusted-section .technology-logo-slider {
    margin: 2rem 2.5rem;
    padding-left: 0.55rem;
}

.trusted-section .technology-logo-slider li {
    text-align: center;
    position: relative;
    border-right: 0.2rem dotted #cfccc3;
}

.trusted-section .technology-logo-slider li:after {
    position: absolute;
    content: "";
    height: 6rem;
    width: .1rem;
    right: 0;
    top: 0;
}

.trusted-section .technology-logo-slider li img {
    width: 9rem;
    margin: auto;
    height: 6rem;
    object-fit: contain;
}

.trusted-section .rel-slide-icon li {
    list-style: none;
    cursor: pointer;
    opacity: .7;
}

.trusted-section .rel-slide-icon li:hover {
    opacity: 1;
}

.trusted-section .rel-slide-icon .prev-button {
    position: absolute;
    list-style: none;
    bottom: 8.5rem;
    left: 4.5rem;
    width: 3rem;
    background: #1d4d2a;
    border-radius: 100%;
    /*transform: rotate(180deg);*/
}

.trusted-section .rel-slide-icon .next-button {
    position: absolute;
    list-style: none;
    bottom: 8.5rem;
    right: 4rem;
    width: 3rem;
    background: #1d4d2a;
    border-radius: 100%;
}

/* trusted by section styles ends */

section.retail-ecosystem-sec h2 {
    font-size: 3.5rem;
    text-align: left;
    color: #1d4d2a;
}

section.retail-ecosystem-sec:before {
    background-image: none;
}

section.retail-ecosystem-sec {
    background-color: #f1f2f2;
    background-image: none;
}

section.expertise-section.envision-sec {
    padding: 5rem 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

section.expertise-section.envision-sec .sub {
    margin-bottom: 1rem;
}

section.expertise-section.envision-sec .button {
    text-align: center;
}

section.expertise-section.envision-sec .button a {
    border-radius: 1rem;
    border-color: #0a4773;
    color: #333;
    padding: 0.45rem 1.5rem 0.4rem;
    font-size: 1.2rem;
}

section#vertical .slick-dots {
    display: none !important;
}

@media(max-width:991px) {
    section .container {
        width: 100% !important;
    }

    section.our-experience-section .container {
        width: 97% !important;
    }


    .powerful-tech .power-div {
        width: 100%;
    }

    .banner-wrap .banner-cnt {
        width: 80%;
        left: 3.5rem;
        top: 0;
    }
    section.intro .intro-image
    {
        min-height: 17rem !important;
    }

    .powerful-tech .content p {
        font-size: 2rem;
    }

    .mach-enable-section .cards {
        width: 73%;
    }

    .mach-enable-section .cards.card-1 .row {
        flex-direction: row-reverse;
    }

    .mach-enable-section .cards.card-4 .row {
        flex-direction: row-reverse;
    }

    .mach-enable-section .cards.card-5 .row {
        flex-direction: row-reverse;
    }

    .mach-enable-section .cards .image.image-6 img {
        margin-top: 0;
    }

    .mach-enable-section .cards .image {
        padding: 0;
    }

    .mach-enable-section .cards img {
        width: 64%;
    }

    .mach-enable-section .cards.card-2 {
        box-shadow: -2.5rem 1.5rem #90b2a3;
    }

    .mach-enable-section .cards.card-3 {
        box-shadow: -2.5rem 1.5rem #6d9ebc;
        right: 0rem;
    }

    .mach-enable-section .cards.card-4 {
        left: 0rem;
    }

    .mach-enable-section .cards.card-6 {
        box-shadow: -2.5rem 1.5rem #f48771;
    }

    .mach-enable-section .cards {
        min-height: auto;
        max-height: 100%;
    }

    .sub p {
        font-size: 1.1rem;
    }

    .the-nextgen-section .card {
        width: 100%;
    }

    .the-nextgen-section .card .card-bottom h3 {
        font-size: 1.5rem;
    }

    .the-nextgen-section .card .card-bottom p {
        margin-bottom: 2rem;
        min-height: 10rem;
        max-height: 10rem;
    }

    .expertise-section .sub {
        width: 89%;
        left: 2rem;
    }

    .the-art-section .slide p.content {
        min-height: 15rem;
    }

    .expertise-section .count span,
    expertise-section .count h4 {
        font-size: 2.5rem;
    }

    .expertise-section .count:after {
        height: 6rem;
    }

    .expertise-section .count p {
        font-size: 1.2rem;
        line-height: 1.15;
    }

    .why-choose-section .card {
        min-height: 28rem;
        max-height: 28rem;
    }

    .technology-section .thumbnail img {
        width: 64%;
    }

    .our-experience-section .card-wrap {
        width: 94%;
    }

    .our-experience-section .heading h2 {
        width: 90%;
    }

    .our-experience-section .sub {
        width: 53%;
        left: 1.6rem;
    }

    .our-experience-section .sub p {
        font-size: 1.1rem;
        padding-left: 1rem;
    }

    .our-experience-section .card:before {
        bottom: auto;
        top: 20rem;
    }

    .the-art-section .slide {
        width: 73%;
        padding: 4rem 2rem;
    }

    .the-art-section .slide .name {
        width: 76%;
    }

    .trusted-section .rel-slide-icon .prev-button {
        left: 2rem;
    }

    .trusted-section .rel-slide-icon .next-button {
        right: 2rem;
    }

    .trusted-section .technology-logo-slider {
        margin: 2rem 3rem;
        padding-left: 0.8em;
    }

    section.mach-enable-section .sub {
        width: 89%;
        left: 2rem;
        margin-bottom: 0 !important;
    }

    .btn-sec.cm-cls.button {
        margin-top: 0;
    }

    .trusted-section .rel-slide-icon .prev-button {
        bottom: 9.5rem;
    }

    .trusted-section .rel-slide-icon .next-button {
        bottom: 9.5rem;
    }

    section.retail-ecosystem-sec {
        padding: 6rem 1.8rem;
    }

    .experience-cnt {
        bottom: -1.45rem !important;
        width: 96.5% !important;
        height: 66% !important;
    }
}

@media(max-width:767px) {
    br {
        display: none;
    }

    section .container {
        width: 100% !important;
    }

    .powerful-tech .content p {
        font-size: 1.8rem;
    }

    .our-experience-section br {
        display: none;
    }

    .banner-section {
        margin-top: 5rem;
    }

    .banner-wrap .button-sec h3 {
        font-size: 1.3rem;
    }

    .banner-wrap h1,
    .banner-wrap h2 {
        font-size: 2.2rem;
        width: 100%;
        line-height: 1.1;
    }

    .powerful-tech .content p {
        text-align: center;
        font-size: 1.4rem;
    }

    .powerful-tech .button {
        text-align: center;
    }

    .powerful-tech .content {
        padding-right: 1rem;
        border-right: none;
    }

    .powerful-tech {
        padding: 3.5rem 0 2.5rem;
        margin-top: 0;
    }

    .heading h2 {
        font-size: 2rem;
        width: 100%;
    }

    .mach-enable-section .cards img {
        width: 7rem;
        margin: 1rem 0;
        height: 7rem;
        object-fit: contain;
        background-color: #7883b5;
        border-radius: 100%;
    }

    .mach-enable-section .cards {
        text-align: center !important;
        width: 100%;
    }

    .mach-enable-section {
        padding: 4rem 1.8rem 1rem;
    }

    .mach-enable-section .cards p,
    .mach-enable-section .cards h3 {
        color: #333;
    }

    .mach-enable-section .cards.card-1 .row,
    .mach-enable-section .cards.card-5 .row {
        flex-direction: column-reverse;
    }

    .mach-enable-section .cards.card-2 img {
        background-color: #90b2a3;
    }

    .mach-enable-section .cards.card-3 img {
        background-color: #6d9ebc;
    }

    .mach-enable-section .cards.card-4 img {
        background-color: #efd99c;
    }

    .mach-enable-section .cards.card-5 img {
        background-color: #94d4ca;
    }

    .mach-enable-section .cards.card-6 img {
        background-color: #f48771;
    }

    .mach-enable-section .cards.card-1 {
        background-color: #ffffff;
        box-shadow: none;
    }

    .mach-enable-section .cards.card-2 {
        background-color: #ffffff;
        box-shadow: none;
    }

    .mach-enable-section .cards.card-3 {
        right: 0rem;
        background-color: #ffffff;
        box-shadow: none;
    }

    .mach-enable-section .cards.card-3 .row {
        flex-direction: column-reverse;
    }

    .mach-enable-section .cards.card-4 {
        left: 0rem;
        background-color: #ffffff;
        box-shadow: none;
    }

    .mach-enable-section .cards.card-5 {
        background-color: #ffffff;
        box-shadow: none;
    }

    .mach-enable-section .cards.card-6 {
        background-color: #ffffff;
        box-shadow: none;
    }

    .mach-enable-section .cards h3 {
        font-size: 1.5rem;
    }

    .mach-enable-section .cards p {
        font-size: 1.2rem;
    }

    .the-nextgen-section .heading h2 {
        width: 100%;
    }

    .sub {
        width: 100%;
        left: 0;
    }

    .sub p {
        padding-left: 0;
        text-align: center;
        font-size: 1.2rem;
    }

    .sub:before {
        display: none;
    }

    .expertise-section .sub {
        width: 100%;
        left: 0;
    }

    .expertise-section .count {
        margin-bottom: 1.5rem;
    }

    .expertise-section .count:after {
        display: none;
    }

    .expertise-section .count p {
        font-size: 1.5rem;
        width: 49%;
        margin: 0 auto;
    }

    .expertise-section .count span,
    expertise-section .count h4 {
        font-size: 3.5rem;
    }

    .the-nextgen-section .card .card-bottom p {
        font-size: 1.2rem;
        min-height: 100%;
        max-height: 100%;
    }

    .the-nextgen-section .card .card-bottom a {
        font-size: 1.2rem;
    }

    .why-choose-section .card img {
        width: 7rem;
        height: 7rem;
        object-fit: contain;
    }

    .why-choose-section .card h3 {
        font-size: 1.5rem;
        width: 93%;
    }

    .why-choose-section .card p {
        font-size: 1.2rem;
        width: 85%;
    }

    .why-choose-section .slick-dots {
        bottom: -1rem;
    }

    .why-choose-section {
        padding: 5rem 0 4rem;
    }

    .why-choose-section .card {
        margin: 2rem 0;
    }

    .our-experience-section .sub {
        left: 0;
        width: 100%;
    }

    .our-experience-section .sub p {
        padding-left: 0;
        font-size: 1.2rem;
    }

    .our-experience-section .heading h2 {
        margin-bottom: 1rem;
    }

    .our-experience-section .heading h2 {
        width: 95%;
    }

    section.our-experience-section .container {
        width: 100% !important;
    }

    .our-experience-section .card p {
        width: 98%;
        font-size: 1.2rem;
    }

    .our-experience-section .card ul li {
        font-size: 1.2rem;
        width: 100%;
    }

    .our-experience-section .card-wrap {
        width: 100%;
        margin-top: 0rem;
    }

    .our-experience-section .card p {
        margin-bottom: 2rem;
    }

    .our-experience-section .card {
        margin-bottom: 1rem;
    }

    .our-experience-section {
        padding: 5rem 1rem;
    }

    section#vertical .slick-dots {
        display: block !important;
    }

    .technology-section .thumbnail img {
        width: 94%;
    }

    .technology-section .thumbnail a:after {
        top: 3.5rem;
    }

    .technology-section .thumbnail .play-icon {
        width: 4rem;
        height: 4rem;
        top: 36%;
    }

    .technology-section .slick-dots {
        bottom: -2.5rem;
    }

    .technology-section {
        padding: 5rem 0;
    }

    .the-art-section .slide {
        width: 100%;
    }

    .the-art-section .customer {
        padding: 1rem;
    }

    .the-art-section .slick-list {
        overflow: hidden !important;
    }

    .the-art-section .slide p {
        font-size: .8rem;
    }

    .the-art-section .slide p.content {
        min-height: 25rem;
        font-size: 1.2rem;
    }

    .the-art-section .slide .name {
        width: 85%;
        bottom: -.8rem;
    }

    .the-art-section .slide:before {
        width: 10rem;
        height: 8rem;
    }

    section.the-art-section h2 {
        width: 100%;
    }

    .the-art-section .slick-dots {
        bottom: -3rem;
    }

    .trusted-section .technology-logo-slider li img {
        width: 10rem;
    }

    .trusted-section .technology-logo-slider li:after {
        display: none;
    }

    .trusted-section .technology-logo-slider li {
        border-right: none;
    }

    section.mach-enable-section .sub {
        width: 100%;
        left: 0;
    }

    section.mach-enable-section .sub p {
        font-size: 1.25rem;
        text-align: left;
    }

    .our-experience-section .card:before {
        top: 24rem;
    }

    section.retail-ecosystem-sec h2 {
        font-size: 2rem;
        width: 100%;
    }

    .the-nextgen-section .card {
        min-height: auto;
        max-height: 100%;
    }

    .bold-text.shadow-text {
        font-size: 4rem;
    }

    .bold-text.shadow-text {
        margin-top: -0.5125rem !important;
        font-size: 3rem !important;
    }

    .realted-reads-slide2 {
        padding: 0 !important;
    }

    .insights-new .slick-dots {
        bottom: -2rem;
    }
    section.intro .intro-image, section.intro .experience-wrapper
    {
        min-height: auto !important;
    }
    #first-fold .intro-image img {
        position: relative;
        left: 0rem;
    }

}

/*Video Popup*/

.videoModal .modal-dialog {
    width: 100%;
    max-width: 76%;
    margin: 3rem auto;
}

.videoModal iframe.video {
    width: 100%;
    height: 40rem;
}

.moretext {
    display: none;
}

section.retail-ecosystem-sec .explore-button a {
    padding: 0.85rem 2rem 0.85rem;
}

.our-experience-section,
.trusted-section {
    background-color: #ffffff !important;
}

section.retail-ecosystem-sec {
    background-color: #f3f3f3;
    padding: 5rem 1rem;
}

@media(max-width: 991px) {
    .videoModal iframe.video {
        width: 100%;
        height: 24rem;
    }

    .videoModal .modal-dialog {
        margin: 14rem auto;
    }

    .expertise-section .count span,
    .expertise-section .count h4 {
        font-size: 2rem;
    }

    .hero-slider img {
        max-height: 35rem;
        min-height: 35rem;
    }
}

@media(max-width: 767px) {
    .videoModal iframe.video {
        height: 100%;
    }

    .videoModal .modal-dialog {
        max-width: 81%;
    }

    .mach-enable-section .sub {
        text-align: center;
    }

    .mach-enable-section .sub a.moreless-button {
        padding-left: 0;
    }

    .hero-slider img {
        max-height: 35rem;
        min-height: 35rem;
    }

    .banner-section .button a {
        margin: 1rem 0.5rem 0.2rem;
    }

    .expertise-section .count span,
    .expertise-section .count h4 {
        font-size: 4.6rem;
    }

}

@media(max-width:320px) {
    .why-choose-section .card {
        min-height: 30rem;
        max-height: 30rem;
    }
}

/*point-of-sale-sec*/

.mach-enable-section.point-of-sale-sec .cards.card-1,
.mach-enable-section.point-of-sale-sec .cards.card-2,
.mach-enable-section.point-of-sale-sec .cards.card-3,
.mach-enable-section.point-of-sale-sec .cards.card-4,
.mach-enable-section.point-of-sale-sec .cards.card-5,
.mach-enable-section.point-of-sale-sec .cards.card-6 {
    box-shadow: none;
    position: relative;
}

.mach-enable-section.point-of-sale-sec .md-2 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.mach-enable-section.point-of-sale-sec .cards.card-3 {
    right: 0;
}

.mach-enable-section.point-of-sale-sec .cards.card-4 {
    left: 0;
}

.mach-enable-section.point-of-sale-sec img {
    width: 6rem;
    height: 6rem;
    position: absolute;
    left: -4rem;
    top: 0.8rem;
    background-color: #fff;
    border-radius: 100%;
    padding: 0.3rem;
}

.mach-enable-section.point-of-sale-sec .inner-cnt {
    padding-left: 4rem;
}

.mach-enable-section.point-of-sale-sec .cards h3 {
    font-size: 1.5rem;
}

.mach-enable-section.point-of-sale-sec .cards.card-6 {
    padding: 2rem;
    border-color: #f48771;
}

.mach-enable-section.point-of-sale-sec .cards.card-1 {
    border-color: #7883b5;
}

.mach-enable-section.point-of-sale-sec .cards.card-2 {
    border-color: #90b2a3;
}

.mach-enable-section.point-of-sale-sec .cards.card-3 {
    border-color: #6d9ebc;
}

.mach-enable-section.point-of-sale-sec .cards.card-4 {
    border-color: #efd99c;
}

.mach-enable-section.point-of-sale-sec .cards.card-5 {
    border-color: #94d4ca;
}
.banner-cnt.b2.right-cnt {
    position: relative;
    top: 12rem;
}

@media(max-width: 991px) {
    .mach-enable-section.point-of-sale-sec .cards {
        min-height: 12rem;
        max-height: 12rem;
    }

    .our-experience-section .heading h2 {
        width: 95%;
        margin-left: 0 !important;

    }

    .insights-new h2 {
        margin-left: 0.8rem;
        font-size: 3.5rem;
    }
    .banner-wrap .banner-cnt
    {
        position: relative;
        top: 7rem !important;
        width: 100%;
        left: 1.5rem;
    }
    .bold-text.shadow-text
    {
        font-size: 4.5rem;
        margin-top: -1.5rem;
        margin-left: -1rem;
    }
    .heading h2,
    section.retail-ecosystem-sec h2 {
        font-size: 2.9rem !important;
    }
    .banner-wrap .banner-cnt img
    {
        width: 8rem !important;
        height: 4rem;
    }


}

@media(max-width: 767px) {

    .mach-enable-section.point-of-sale-sec .cards.card-1 .row,
    .mach-enable-section.point-of-sale-sec .cards.card-4 .row,
    .mach-enable-section.point-of-sale-sec .cards.card-5 .row,
    .mach-enable-section.point-of-sale-sec .cards.card-3 .row,
    .mach-enable-section.point-of-sale-sec .cards.card-4 .row {
        flex-direction: unset;
    }

    .mach-enable-section.point-of-sale-sec .cards {
        min-height: auto;
        max-height: 100%;
    }

    .mach-enable-section.point-of-sale-sec img {
        left: -3.5rem;
    }

    

    .cnt.cm-cls.content:before {
        display: none;
    }

    .mach-enable-section .cards {
        box-shadow: none !important;
    }

}

section.footer-section .list-of-nav ul li a:hover,
.bottom-footer ul li a:hover {
    color: #DCA872 !important;
}

@media (max-width: 767px) {

    .expertise-section .count span,
    .expertise-section .count h4 {
        font-size: 2.5rem !important;
    }

    .heading h2,
    section.retail-ecosystem-sec h2 {
        font-size: 1.9rem !important;
    }
    img.banner-img {
        width: 100% !important;
    }
    .banner-wrap .banner-cnt {
        width: 95%;
        left: 0;
        top: 2.5rem !important;
        margin: 0 auto;
    }
    
    .banner-wrap .banner-cnt img {
        width: 10rem !important;
        min-height: auto !important;
        object-fit: contain;
    }
    .hero-slider.slick-initialized .banner-wrap
    {
        min-height: 50rem;
    }
}
.hero-slider.slick-initialized .banner-wrap
{
    background: #1d4d2a;
}
.hero-slider img
{
    width: 75%;
}
ul.mtree.transit a.active
{
    color: #1d4d2a !important;
}
.banner-section img.banner-img {
    width: 75%;
  }