.vertical-tabs .nav-pills .nav-link {
    margin-bottom: 0;
    border-radius: 0;
    text-align: left;
    color: #192a44;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    padding: 0 0 10px 0;
    width: 320px !important;
    border: 0;
    border-bottom: 2px solid #e6e8ea;
    position: relative;
    background-color: transparent;
}

.what-we-do-app {
    padding: 30px;
    background: #ffffff;
    height: 100%;
}
  
.solutions-card {
    min-height: 650px;
}
.solutions-card {
    padding: 38px 40px;
    border: 1px solid #e5e7eb;
    height: 100%;
    background: #fff;
}
.solutions-card h3 {
    color: #192a44;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 34px;
}
.solutions-card ul {
    margin: 0;
    padding: 0;
}
.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:hover h3 {
    color: #ff6c1a !important;
}
.solutions-card:hover {
    border: 1px solid #ff6c1a !important;
}
.techstack li.tech-list .actives,.techstack li.tech-list .active, .techstack .actives-tech, .techstack .tech-list a:hover, .techstack li.tech-list .a:hover, .techstack .tech-list a:focus, .techstack li.tech-list .a:focus {
    background: #ffe1d1 !important;
    color: #ff6c1a !important;
    border: 1px solid #ffe1d1 !important;
}
ul.techstack {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    border: 0;
}
.techstack li.tech-list {
    margin: 0 10px 20px;
    display: inline-block;
}
.techstack li.tech-list a, .techstack li.tech-list .a {
    display: block;
}
.techstack .tech-list a, .techstack .tech-list .a {
    border: 1px solid #f3f6f9;
    padding: 10px 15px;
    font-weight: 500 !important;
    font-size: 18px;
    color: #777;
    background: #f3f6f9;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}
.tech-stack-details img {
    width: 80px !important;
    height: 80px !important;
    margin-bottom: 15px !important;
    object-fit: contain !important;
}
.tech-stack-details.first-tab {
    padding: 15px;
    border: 1px solid #ff6a1a59 !important;
}
.tech-stack-details p, .tech-stack-wrap p {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}
.bg-blue {
    background: var(--bglightblue);
}
.ai-model .what-we-do-app {
    padding: 0 !important;
}
.calltoaction-section {
    background: #f3f6f9;
}
.tech-stack-details {
    text-align: center;
    margin: 0 auto;
}
/*********************** 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: 8;
    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;
}
/*********************** scroller-end ************/


@media screen and (max-width: 1199px) {
    .solutions-card {
        padding: 25px 30px;
    }
    .solutions-card h3 {
        font-size: 20px;
        margin-bottom: 25px;
    }
    .solutions-card p {
        font-size: 16px;
        padding-bottom: 30px;
    }
    .tech-stack-details img {
        height: 70px !important;
        width: 70px !important;
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 991px) {
    .solutions-card {
      min-height: 600px;
    }
    .solutions-card li {
        font-size: 15px;
    }
    .solutions-card p {
        font-size: 15px;
        padding-bottom: 20px;
    }
    .techstack .tech-list a, .techstack .tech-list .a {
        padding: 10px 20px;
        font-size: 17px;
    }
    .solutions-card h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .technology-stacks .tech-list a,
    .faq-section .accordion-button,
    .vertical-tabs .accordion-button {
      font-size: 14px !important;
    }
    .techstack .tech-list a, .techstack .tech-list .a {
        padding: 6px 15px;
        font-size: 14px;
    }
    .techstack li.tech-list {
        margin: 0 10px 15px;
    }
    .solutions-card h3 {
        margin-bottom: 15px;
    }
    .solutions-card {
        padding: 20px;
    }
}
@media screen and (max-width: 576px) {
    .solutions-card {
      min-height: unset;
    }
}
@media screen and (max-width: 480px) {
    .techstack .tech-list a, .techstack .tech-list .a {
        padding: 4px 8px;
    }
}
@media screen and (max-width: 380px) {
}