.title-wrap p > a, .techstack p a {
    color: #ff6c1a;
}
.second-acc {
    border: 1px solid #ff6a1a59 !important;
    margin-bottom: 15px !important;
}
.what-we-do-app:hover,
.what-we-do-app:focus {
    box-shadow: none;
}
.mobile-app {
    text-align: center;
    padding: 20px 10px;
    border: 1px solid #f7f3f2;
    height: 100%;
}
.mobile-app img {
    padding-bottom: 15px;
    width: 55px;
}
.mobile-app h3 {
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    color: #192a44;
    padding: 0;
}
.what-we-do-app h3 {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 15px;
}
.mobile-process-image {
    text-align: center;
}
.mobile-tech-content p,
.mobile-tech-content h3 {
    text-align: start;
}
.expect-wrap {
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 15px;
    height: 100%;
}
.expect-item {
    display: flex;
    align-items: baseline;
    margin: 20px 0px;
}
.expect-head h3 {
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
    color: #192a44;
}
.expect-item p {
    font-size: 20px;
    line-height: 32px;
    padding-bottom: 0px;
}
.expect-item img {
    margin-bottom: 5px;
}
.why-choose-app {
    padding: 30px;
    background: #f3f6f9;
    height: 100%;
}
.why-choose-app h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    color: #192a44;
margin: 0 0 15px;
}
.why-choose-app img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin: 0 0 15px;
}
.odd-even-bg .col-lg-3:nth-child(1) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(3) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(6) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(8) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(9) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(11) .mobile-app {
    background: #f1f1f1;
}
.odd-even-bg .col-lg-3:nth-child(2) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(4) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(5) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(7) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(10) .mobile-app,
.odd-even-bg .col-lg-3:nth-child(12) .mobile-app {
    background: #fff6f6;
}
.solutions-card {
    min-height: 350px !important;
}
.accordion-body ul li {
    color: #4c596d;
    font-size: 16px;
    font-weight: 400;
    line-height: 168%;
    padding-bottom: 25px;
    z-index: 9;
    position: relative;
}

/* Portfolio Start */
.title-wraps h3 {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -0.5px;
    font-weight: 600;
    color: rgba(255, 108, 26, 1);
    padding: 0 0 5px;
    margin: 0;
}
.title-wraps {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}
.portfolio-view-btn {
    text-align: center;
}
.portfolio-scroll img {
    width: 100%;
}
.technology-alt-card:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    transition: height .5s ease-out;
    background: linear-gradient(0deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 33.33%, #192a44 92.58%);
}
.technology-alt-card>.industries-card {
    position: absolute;
    transition: .3s ease-in-out;
    bottom: -36px;
    left: 20px;
    right: 20px;
}
.technology-alt-card {
    position: relative;
    transition: .3s ease-in-out;
}
.technology-alt-card .industries-card .content {
    z-index: 11;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .5s all ease-in-out;
}
.technology-alt-card:hover>.industries-card>.content>p {
    color: #fff;
    visibility: visible;
    opacity: 1;
}
.technology-alt-card>.industries-card>.content p {
    visibility: hidden;
    opacity: 0;
    min-height: 46px;
}
.technology-alt-card .industries-card .content p {
    -webkit-line-clamp: 3;
    margin-bottom: 0;
}
.technology-alt-card:hover .industries-card {
    bottom: 20px;
}
.what-we-do .techstack h2 {
    color: #ff6c1a !important;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    padding-bottom: 20px;
}
.what-we-do {
    padding: 150px 0 100px;
    position: relative;
}
.what-we-do .title-wrap:before {
    content: "";
    position: absolute;
    top: -50px;
    left: -50px;
    width: 428px;
    height: 391px;
    background-image: url(../images/left-pattern1.webp);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    z-index: 0;
}
.solutions-card {
    padding: 38px 40px;
    border: 1px solid #e5e7eb;
    height: 100%;
    background: #fff;
}
.solutions-card[_ngcontent-kca-c82] {
    min-height: 350px !important;
}
.solutions-card h3 {
    color: #192a44;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 34px;
}
.solutions-card li {
    color: #4c596d;
    font-size: 16px;
    font-weight: 400;
    line-height: 168%;
    padding-bottom: 12px;
    position: relative;
    padding-left: 18px;
    list-style-type: none;
    margin: 0;
}
.solutions-card li:before {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    background: #ff6c1a;
}
.solutions-card ul {
    margin: 0;
    padding: 0;
}
.solutions-card:hover {
    border: 1px solid #ff6c1a !important;
}
.calltoaction-section {
    background: #f3f6f9;
}
.vertical-tabs .nav-pills .nav-link {
    background-color: transparent;
}
/*********************** scroller-start ************/
.scroller__wrapper {
    /* How long one slide is visible on screen (from entering screen to leaving it) */
    --scrolling-gallery-item-duration: 20s;
    /* How many items we want to see on screen at once */
    --scrolling-gallery-items-visible: 2;
    /* How many items are to scroll */
    --scrolling-gallery-items-total: 2;
    overflow: hidden;
    will-change: transform;
    @media (max-width: 600px) {
        /* How many items we want to see on screen at once */
        --scrolling-gallery-items-visible: 1;
    /* How long one slide is visible on screen (from entering screen to leaving it) */
        --scrolling-gallery-item-duration: 30s;
        }


}
.slide-scroller {
    animation-duration: calc(var(--scrolling-gallery-item-duration, 1s) / var(--scrolling-gallery-items-visible) * var(--scrolling-gallery-items-total));
    animation-timing-function: linear;
    animation-name: scrolling-gallery;
    animation-iteration-count: infinite;
    display: flex;
    /* white-space: nowrap; */
}
.scroller__container {
    /* Without this, scroll will jump on desktop if any vertical scrollbar is shown */
    width: 100%;
}
.scroller__item {
    flex: 0 0 calc(100% / var(--scrolling-gallery-items-visible));
    /* Without this, block elements will take width from their contents and thus making wrong calculations,
       so this just force elements to take only exact part of the container (screen) and equal for all */
    width: 0px;
    /* If you want to have it continuous without any spaces, remove two lines below */
    box-sizing: border-box;
    padding: 0.5em;
}
.slide-scroller img {
    display: block;
    height: auto;
    object-position: center;
    margin: auto;
    width: 100%;
    max-width: 100%;
}
.slide-scroller h1 {
    width: 100%;
    max-width: 200px;
    margin: auto;
    @media (min-width: 600px) {
      font-size: 1.25em;
    }
}
.slide-scroller p {
    width: 100%;
    max-width: 100%;
    margin: auto;
    @media (min-width: 600px) {
        font-size: 1em;
    }
}
@keyframes scrolling-gallery {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(var(--scrolling-gallery-items-total) * -100vw / var(--scrolling-gallery-items-visible)));
    }
}
.slide-scroller:hover,
.slide-scroller:focus {
    animation-play-state: paused;
}
.solutions-card:hover h3 {
    color: #ff6c1a !important;
}
/*********************** scroller-end ************/
  
@media screen and (max-width: 1199px) {
    .why-choose-app h3 {
        font-size: 20px;
    }
    .what-we-do .techstack h2 {
        font-size: 20px;
        padding-bottom: 15px;
    }
    .solutions-card {
        padding: 25px 30px;
    }
    .solutions-card h3 {
        font-size: 20px;
        margin-bottom: 25px;
    }
}
@media (max-width: 991px) {
    .what-we-do .title-wrap::before {
        width: 280px;
        height: 240px;
    }
    .what-we-do {
        padding: 60px 0 !important;
    }
    .what-we-do .title-wrap::before {
        width: 280px;
        height: 240px;
    }
    .solutions-card {
        padding: 20px 25px;
    }
    .solutions-card h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .solutions-card li {
        font-size: 15px;
    }
}
@media screen and (max-width: 767px) {
    .accordion-body ul li {
        font-size: 14px;
        padding-bottom: 15px;
    }
    .what-we-do .title-wrap::before {
        content: unset;
    }
    .solutions-card {
        padding: 20px;
    }
    .solutions-card li {
        font-size: 14px;
        padding-bottom: 10px;
    }
}
@media screen and (max-width: 576px) {
    .odd-even-bg .col-lg-3:nth-child(5) .mobile-app,
    .odd-even-bg .col-lg-3:nth-child(7) .mobile-app {
        background: #f1f1f1;
    }
    .odd-even-bg .col-lg-3:nth-child(6) .mobile-app,
    .odd-even-bg .col-lg-3:nth-child(8) .mobile-app {
        background: #fff6f6;
    }
    .what-we-do .techstack h2 {
        font-size: 18px;
        padding-bottom: 10px;
    }
    .what-we-do.wwd-sticky hr {
        margin: 5px 0 20px !important;
    }
}
@media screen and (max-width: 480px) {
    .what-we-do-app {
        padding: 10px !important;
    }
    .mobile-app h3,
    .what-we-do-app h3 {
        font-size: 16px;
        line-height: 22px;
    }
    .mobile-app img {
        width: 60px;
        height: auto;
    }
    .title-wraps h3 {
        font-size: 20px;
    }
    .portfolio-view-btn {
        text-align: left;
    }
}
@media screen and (max-width: 380px) {
}