:root {
    --primary-color: #1A2B3B;
    --secondary-color: #42547A;
    --text-gradient: linear-gradient(92deg, #BB2327 1.96%, #FBBF17 16.94%, #3688AB 77.47%, #0C80C2 104.92%);
}

@font-face {
    font-family: "Poppins";
    src: url('../font/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: "Poppins";
    src: url('../font/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: "Poppins";
    src: url('../font/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: "Poppins";
    src: url('../font/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: "Poppins";
    src: url('../font/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800;
}

*,
html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif !important;
    font-size: 16px;
    letter-spacing: 0.02px;
}

button:focus,
a:focus,
input:focus,
textarea:focus,
button:focus-within,
a:focus-within,
input:focus-within,
textarea:focus-within,
button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
div:focus,
div:focus-visible,
li:focus,
li:focus-visible,
select:focus,
select:focus-within,
select:focus-visible,
button,
a {
    outline: none;
    background: none;
    text-decoration: none;
}

img {
    width: auto !important;
    height: auto !important;
}

button,
select,
option,
a {
    cursor: pointer;
}

/* fonts */
h1,
h1 * {
    /* 42px */
    font-size: 2.625rem;
    line-height: 1.375;
    font-weight: 600;
}

h2,
h2 * {
    /* 24px */
    font-size: 1.5rem;
    line-height: 1.375;
    font-weight: 600;
}

h3,
h3 * {
    /* 21px */
    font-size: 1.3rem;
    line-height: 1.375;
    font-weight: 600;
}

h4,
h4 * {
    /* 18px */
    font-size: 1.125rem;
    line-height: 1.375;
    font-weight: 600;
}

h5,
h5 * {
    /* 16px */
    font-size: 1rem;
    line-height: 1.375;
    font-weight: 600;
}

h6,
h6 * {
    /* 14px */
    font-size: 0.875rem;
    line-height: 1.375;
    font-weight: 400;
}

p,
p * {
    /* 12px */
    font-size: 0.75rem;
    line-height: 1.375;
    font-weight: 500;
}

button {
    /* 14px */
    font-size: 0.875rem;
    line-height: 1.375;
    font-weight: 500;
}

/* container */
.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 550px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 710px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1000px;
    }

    .vista-workflows-GfybA {
        max-width: 985px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1208px;
    }

    .vista-faq {
        max-width: 1050px;
    }

    .vista-workflows-GfybA {
        max-width: 985px;
    }
}

/* gradient-title */
.gradient-title {
    background: linear-gradient(92deg, #BB2327 1.96%, #FBBF17 16.94%, #3688AB 77.47%, #0C80C2 104.92%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.gradient-secondary-title {
    background: linear-gradient(90deg, #FF82FF 12.5%, #2CC449 27.4%, #E40EF3 59.62%, #F36D0E 91.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 3.375rem;
    line-height: 68.8px;
    font-weight: 600;
}

/* header */
header {
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(5px);
}

/* header img {
    min-width: 100px;
} */

.vista-header-GfybA {
    display: flex;
    align-items: center;
    gap: 200px;
    height: 100%;
}
.vista-header-GfybC {
    display: flex;
    align-items: center;
    gap: 32px;
    height: 100%;
}

.vista-header-GfybA ul {
    /* display: flex;
    align-items: center; */
    gap: 32px;
}

.vista-header-GfybA li {
    list-style: none;
}

.vista-header-GfybA a {
    color: var(--secondary-color);
    font-size: 0.875rem;
    line-height: 1.375;
    font-weight: 500;
}

.vista-header-GfybA a:hover,
.vista-header-GfybA a:focus {
    color: var(--primary-color);
}

.vista-header-GfybB {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vista-header-GfybD {
    list-style: none;
    position: relative;
    align-items: center;
    /* height: 100%; */
}

.vista-header-GfybD:hover>.vista-header-GfybF,
.vista-header-GfybD:focus-within>.vista-header-GfybF {
    display: block;
}

.vista-header-GfybE {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 100%;
    position: relative;
    padding-bottom: 20px;
    bottom: -10px;
}

.vista-header-GfybE span {
    color: var(--secondary-color);
    font-size: 0.875rem;
    line-height: 1.375;
    font-weight: 500;
}

.vista-header-GfybE svg {
    fill: #42547A;
    transform: rotate(0deg);
    transition: transform .3s ease-in-out, fill .3s ease-in-out;
}

.vista-header-GfybE:hover span,
.vista-header-GfybE:focus-within span {
    color: var(--primary-color);
}

.vista-header-GfybE:hover svg,
.vista-header-GfybE:focus-within svg {
    fill: var(--primary-color);
    transform: rotate(180deg);
}
.vista-header-GfybD:hover>.vista-header-GfybE span,
.vista-header-GfybD:focus-within>.vista-header-GfybE span {
    color: var(--primary-color);
}

.vista-header-GfybD:hover>.vista-header-GfybE svg,
.vista-header-GfybD:focus-within>.vista-header-GfybE svg {
    fill: var(--primary-color);
    transform: rotate(180deg);
}



.vista-header-GfybD:hover>.vista-header-GfybE span,
.vista-header-GfybD:focus-within>.vista-header-GfybE span {
    color: var(--primary-color);
}

.vista-header-GfybD:hover>.vista-header-GfybE svg,
.vista-header-GfybD:focus-within>.vista-header-GfybE svg {
    fill: var(--primary-color);
    transform: rotate(180deg);
}


.vista-header-GfybI {
    border-radius: 8px;
    background: #D9D9D966;
    width: 30px;
    height: 30px;
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vista-header-GfybH:hover .vista-header-GfybI svg,
.vista-header-GfybH:focus .vista-header-GfybI svg {
    filter: brightness(0) invert(1);
}

.vista-header-GfybG {
    width: 100%;
    list-style: none;
}
.vista-header-GfybK .vista-header-GfybG .vista-header-GfybH {
    padding: 25px 20px;
    padding-bottom: 0;
    border-radius: 0;
}

.vista-header-GfybK .vista-header-GfybG .vista-header-GfybH .vista-header-GfybO {
    display: flex;
    align-items: start;
    gap: 20px;
    border-bottom: 1px solid #E9E9E9;
    padding: 0;
    padding-bottom: 25px;
    width: 100%;
}

.vista-header-GfybK .vista-header-GfybG .vista-header-GfybH svg {
    min-width: 30px;
}

.vista-header-GfybK>.vista-header-GfybG:first-child>.vista-header-GfybH:hover,
.vista-header-GfybK>.vista-header-GfybG:first-child>.vista-header-GfybH:focus {
    border-radius: 20px 0 0 0;
}

.vista-header-GfybK>.vista-header-GfybG:last-child>.vista-header-GfybH:hover,
.vista-header-GfybK>.vista-header-GfybG:last-child>.vista-header-GfybH:focus {
    border-radius: 0 20px 0 0;
}

.vista-header-GfybN>.vista-header-GfybG:first-child>.vista-header-GfybH:hover,
.vista-header-GfybN>.vista-header-GfybG:first-child>.vista-header-GfybH:focus {
    border-radius: 0 0 0 20px;
}

.vista-header-GfybN>.vista-header-GfybG:last-child>.vista-header-GfybH:hover,
.vista-header-GfybN>.vista-header-GfybG:last-child>.vista-header-GfybH:focus {
    border-radius: 0 0 20px 0;
}

.vista-header-GfybN .vista-header-GfybG .vista-header-GfybH .vista-header-GfybO {
    border-bottom: 0;
}
a.vista-header-GfybH.menu-trigger {
    padding: 25px 20px;
    display: flex;
    align-items: start;
    gap: 20px;
    border-bottom: 1px solid #E9E9E9;
    /* padding: 0; */
    padding-bottom: 25px;
    /* width: 100%; */
    width: 200px;
    /* border-bottom: 0; */
}
a.vista-header-GfybH.menu-trigger:hover {
    background: #D9D9D933;
}
.vista-light-btn {
    border-radius: 10px;
    border: 1px solid #42547A80;
    padding: 7px 31px;
    color: var(--primary-color);
    font-size: 0.875rem;
    line-height: 1.375;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    position: relative;
    z-index: 0;
    gap: 8px;
}
.menu-title-des {
    display: block !important;
}
.menu-description {
    color: var(--secondary-color);
    font-weight: 500;
}

.vista-dark-btn {
    border-radius: 10px;
    background: var(--primary-color);
    padding: 7px 21px;
    color: white;
    font-size: 0.875rem;
    line-height: 1.375;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    position: relative;
    z-index: 0;
    border: none;
    gap: 8px;
}

/* btn effects */
.vista-light-btn:before,
.vista-dark-btn:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: 100%;
    height: 100%;
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.vista-light-btn:hover:before,
.vista-dark-btn:hover:before,
.vista-light-btn:focus:before,
.vista-dark-btn:focus:before {
    opacity: 1;
}

.vista-light-btn:after,
.vista-dark-btn:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.vista-dark-btn:after {
    background: var(--primary-color);
}

.module-btn:after {
    border-radius: 30px;
}

@keyframes glowing {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}

/* ----------- */


/* All-in-One Platform to Power Your Lab Operations */
.vista-lab-operations {
    background: linear-gradient(180deg, #FCFCFC 0%, #E1E5E9 50%, #CDD2D8 100%), #D9D9D9;
    width: 100%;
    height: 100%;
    padding-top: 68px;
    padding-bottom: 4px;
    position: relative;
    z-index: 0;
}

.vista-lab-operations-GfybA {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 60px;
}

.vista-lab-operations-GfybB {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

.vista-lab-operations-GfybB h1 {
    max-width: 574px;
    color: var(--primary-color);
    text-align: center;
}

.vista-lab-operations-GfybB h6 {
    max-width: 475px;
    color: var(--secondary-color);
    text-align: center;
}

.vista-lab-operations-GfybA img {
    border-radius: 20px;
    box-shadow: 0 13.48px 43.136px -5.392px rgba(75, 85, 107, 0.1), 0 5.392px 32.352px 0 rgba(155, 169, 215, 0.25);
    max-width: -webkit-fill-available !important;
}

.vista-lab-operations-GfybC {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -77px;
    height: 283px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 72%);
}

/* Brands that trust us */
.vista-brands-operations {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
    position: relative;
    z-index: 1;
}

.vista-brands-operations-GfybA {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.vista-brands-operations-GfybA h5 {
    color: var(--primary-color);
    text-align: center;
}

.vista-brands-operations-GfybA div {
    width: 46px;
    min-width: 46px;
    height: 1px;
    min-height: 1px;
    background: #403E66;
}

.vista-brands-operations-GfybB {
    width: 100%;
}

/* Streamline Your Business and Gain Total Control */
.vista-business {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    /* padding: 100px 0; */
}
div#block-vistaerp-headerbutton {
    left: 156px;
}

.vista-business-GfybA {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.vista-business-GfybB {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

.vista-business-GfybB h1 {
    max-width: 582px;
    color: var(--primary-color);
    text-align: center;
}

.vista-business-GfybB h6 {
    max-width: 475px;
    color: var(--secondary-color);
    text-align: center;
}

.vista-business-GfybC {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.vista-business-GfybC .vista-business-slider div {
    padding-right: 20px;
    height: 180px;
    display: flex;
    align-items: center;
}

.vista-business-GfybC .vista-business-slider button {
    border-radius: 15px;
    border: 1px solid #EBEBEB;
    padding: 8px 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vista-business-GfybC .vista-business-slider .slick-center button {
    border: 1px solid #F0F0F0;
    box-shadow: 0 8px 28px -6px rgba(24, 39, 75, 0.12), 0 18px 88px -4px rgba(24, 39, 75, 0.14);
}

.vista-business-preview-img {
    opacity: 0;
    animation: preview-img 7s infinite;
}

@keyframes preview-img {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.vista-business-GfybD {
    position: absolute;
    left: 0;
    bottom: 60px;
    right: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 72%);
    padding: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 25px;
    width: 100%;
    padding: 64px;
    opacity: 0;
}

.fade-in-up {
    animation: fade-in-up 0.7s ease forwards;
}

@keyframes fade-in-up {
    0% {
        transform: translate(0px, 50px);
        opacity: 0;
    }

    100% {
        transform: translate(0px, 0);
        opacity: 1;
    }
}

.vista-business-GfybE {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
}

.vista-business-GfybE h2 {
    color: var(--primary-color);
    text-align: center;
}

.vista-business-GfybE h6 {
    color: var(--secondary-color);
    max-width: 477px;
    text-align: center;
}

.vista-business-GfybF {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.vista-business-GfybF button {
    box-shadow: 0 16px 8px 0 rgba(31, 31, 31, 0.01), 0 12px 6px 0 rgba(31, 31, 31, 0.04), 0 4px 4px 0 rgba(31, 31, 31, 0.07), 0 1.5px 3px 0 rgba(31, 31, 31, 0.08), 0 0 0 1px #0F0F0F, 0 1px 2px 0 rgba(255, 255, 255, 0.12) inset;
}

/* Smarter Workflows, Seamless Control */
.vista-workflows {
    padding: 100px 0px;
    background: #F5F6F7;
    width: 100%;
}

.vista-workflows-GfybA {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    gap: 60px;
}

.vista-workflows-GfybB {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

.vista-workflows-GfybB h1 {
    max-width: 418px;
    color: var(--primary-color);
    text-align: center;
}

.vista-workflows-GfybB h6 {
    max-width: 483px;
    color: var(--secondary-color);
    text-align: center;
}

.vista-workflows-GfybC {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 22px;
}

.vista-workflows-GfybD {
    display: flex;
    flex-direction: column;
    row-gap: 50px;
    padding-top: 100px;
    width: 100%;
}

.vista-workflows-GfybE {
    display: flex;
    flex-direction: column;
    row-gap: 50px;
    padding-bottom: 100px;
    width: 100%;
}

.vista-workflows-GfybF {
    width: 100%;
    min-height: 492px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
    border-radius: 7.47px;
    background: #FFF;
    box-shadow: 0 16.808px 33.615px -16.808px rgba(0, 0, 0, 0.10), 0 28.013px 42.019px -28.013px rgba(50, 50, 93, 0.25);
    cursor: default;
    gap: 15px;
}

.vista-workflows-GfybG {
    padding: 25px 35px;
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    gap: 7px;
    position: relative;
    z-index: 1;
}

.vista-workflows-GfybG h3 {
    color: var(--primary-color);
}

.vista-workflows-GfybG h4 {
    color: var(--secondary-color);
    font-weight: 400;
    max-width: 385px;
}

.vista-workflows-GfybH {
    width: 100%;
    border-radius: 9.338px;
    background: #F5F8FC;
    height: 305px;
    padding-top: 9px;
    position: relative;
    transition: padding 0.5s ease;
}

.vista-workflows-GfybH img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 0 9.338px 9.338px;
    position: relative;
    z-index: 1;
}

.vista-workflows-GfybI {
    width: 100%;
    border-radius: 9.338px;
    background: #F5F8FC;
    height: 305px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: padding 0.5s ease;
}

.vista-workflows-GfybI img {
    width: 100%;
    position: relative;
    z-index: 1;
}

.vista-workflows-GfybJ {
    width: 100%;
    border-radius: 9.338px;
    background: #F5F8FC;
    height: 305px;
    padding-top: 35px;
    padding-left: 35px;
    position: relative;
    transition: padding 0.5s ease;
}

.vista-workflows-GfybJ img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 0 9.338px 0;
    box-shadow: 0 7.013px 22.441px -2.805px rgba(24, 39, 75, 0.10), 0 2.805px 16.831px 0 rgba(155, 169, 215, 0.25);
    position: relative;
    z-index: 1;
}

.vista-workflows-GfybK {
    width: 100%;
    border-radius: 9.338px;
    background: #F5F8FC;
    height: 305px;
    padding-top: 12px;
    position: relative;
    transition: padding 0.5s ease;
}

.vista-workflows-GfybK img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 0 9.338px 9.338px;
    position: relative;
    z-index: 1;
}

.ProductFeatureCard__gradientSvg {
    display: none;
}

.vista-workflows-card:hover .ProductFeatureCard__gradientSvg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 9.338px;
}

.vista-workflows-card:hover .vista-workflows-GfybH,
.vista-workflows-card:hover .vista-workflows-GfybI,
.vista-workflows-card:hover .vista-workflows-GfybK {
    padding: 0;
}

.vista-workflows-card:hover .vista-workflows-GfybJ {
    padding-top: 25px;
    padding-left: 25px;
}

.ProductFeatureCard__ellipse--one {
    transform-origin: center;
    animation: ProductFeatureCardRotateOne 25s ease-in-out infinite;
}

.ProductFeatureCard__ellipse--two {
    transform-origin: center;
    animation: ProductFeatureCardRotateTwo 25s ease-in-out infinite;
}

@keyframes ProductFeatureCardRotateOne {

    0%,
    100% {
        transform: scale(1.5) rotate(-45deg) translate(0, 0);
    }

    25% {
        transform: scale(2.5) rotate(45deg) translate(20px, 50px);
    }

    50% {
        transform: scale(1.5) rotate(90deg) translate(100px, -100px);
    }

    75% {
        transform: scale(1.5) rotate(-45deg) translate(200px, 100px);
    }
}

@keyframes ProductFeatureCardRotateTwo {

    0%,
    100% {
        transform: scale(1.5) rotate(-45deg) translate(150px, 200px)
    }

    25% {
        transform: scale(2) rotate(-10deg) translate(100px, 135px);
    }

    50% {
        transform: scale(1.5) rotate(0deg) translate(50px, 150px);
    }

    75% {
        transform: scale(2) rotate(15deg) translate(65px, 175px);
    }
}

.vista-workflows-GfybL {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.vista-workflows-GfybM {
    display: inline-block;
    padding-right: 6px;
}

.vista-workflows-GfybO {
    display: inline-block;
    padding-left: 6px;
}

.vista-workflows-GfybN {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 9px 15px 9px 13px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 20px;
    border-radius: 10px;
    background: #FFF;
    white-space: nowrap;
}

.vista-workflows-GfybN svg {
    min-width: 23px;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-items: center;
}

.m-content-left {
    animation: scroll-left 10s linear infinite !important;
}

.vista-workflows-card:hover .m-content-left {
    animation: scroll-left 20s linear infinite !important;
}

.m-content-right {
    animation: scroll-right 10s linear infinite !important;
}

.vista-workflows-card:hover .m-content-right {
    animation: scroll-right 20s linear infinite !important;
}

/* Supercharged by Artificial Intelligence */

.vista-ai {
    background: #0B0B47;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.vista-ai-left-pattern {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: -webkit-fill-available !important;
}

.vista-ai-right-pattern {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: -webkit-fill-available !important;
}

.vista-ai-bg-left-pattern {
    position: absolute;
    left: 0;
    bottom: 0;
    height: -webkit-fill-available !important;
    z-index: 2;
}

.vista-ai-bg-right-pattern {
    position: absolute;
    right: 0;
    bottom: 0;
    height: -webkit-fill-available !important;
    z-index: 2;
}

.vista-ai-GfybA {
    padding-top: 134px;
    padding-bottom: 46px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.vista-ai-GfybC {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.vista-ai-GfybD {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.star-top-left {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center;
    animation: StarTopLeftRotateOne 15s ease-in-out infinite;
}

@keyframes StarTopLeftRotateOne {

    0%,
    100% {
        transform: scale(1.2) rotate(-20deg) translate(10px, 0px);
        opacity: 0.8;
    }

    25% {
        transform: scale(1.4) rotate(-5deg) translate(40px, 0px);
        opacity: 1;
    }

    50% {
        transform: scale(1.2) rotate(0deg) translate(30px, 0px);
        opacity: 0.8;
    }

    75% {
        transform: scale(1.4) rotate(10deg) translate(20px, 0px);
        opacity: 1;
    }

}

.star-top-right {
    position: absolute;
    top: 0;
    right: 0;
    transform-origin: center;
    animation: StarTopRightRotateOne 15s ease-in-out infinite;
}

@keyframes StarTopRightRotateOne {

    0%,
    100% {
        transform: scale(1.2) rotate(-20deg) translate(-10px, 0px);
        opacity: 0.8;
    }

    25% {
        transform: scale(1.4) rotate(-5deg) translate(-40px, 0px);
        opacity: 1;
    }

    50% {
        transform: scale(1.2) rotate(0deg) translate(-30px, 0px);
        opacity: 0.8;
    }

    75% {
        transform: scale(1.4) rotate(10deg) translate(-20px, 0px);
        opacity: 1;
    }
}

.star-top-center {
    position: absolute;
    top: -35px;
    right: 0;
    display: flex;
    align-items: start;
    justify-content: center;
    width: 100%;
    transform-origin: center;
    animation: StarTopCenterRotateOne 15s ease-in-out infinite;
}

@keyframes StarTopCenterRotateOne {

    0%,
    100% {
        transform: scale(1.2) rotate(-20deg) translate(0px, 80px);
        opacity: 0.8;
    }

    25% {
        transform: scale(1.4) rotate(-5deg) translate(0px, 70px);
        opacity: 1;
    }

    50% {
        transform: scale(1.2) rotate(0deg) translate(0px, 80px);
        opacity: 0.8;
    }

    75% {
        transform: scale(1.4) rotate(10deg) translate(0px, 70px);
        opacity: 1;
    }
}

.vista-ai-GfybD h1 {
    font-size: 1.75rem;
    line-height: 1.375;
    font-weight: 600;
    color: white;
    text-align: center;
}


.vista-ai-GfybC h5 {
    color: white;
    max-width: 800px;
    text-align: center;
    font-weight: 400;
}

.vista-ai-GfybE {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

.marquee-left {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    padding-top: 100px;
}

.marquee-right {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    padding-top: 20px;
}

.marquee-content-left {
    display: inline-flex;
    animation: scroll-left 30s linear infinite;
}

.marquee-content-right {
    display: inline-flex;
    animation: scroll-right 30s linear infinite;
}

.vista-ai-GfybF {
    display: inline-block;
    padding-right: 15px;
}

.vista-ai-GfybH {
    display: inline-block;
    padding-left: 15px;
}

.vista-ai-GfybG {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 15px;
    color: white;
    font-size: 0.75rem;
    line-height: 1.375;
    border-radius: 10px;
    border: 1px solid rgba(118, 118, 164, 0.29);
    background: #0B0B47;
    white-space: nowrap;
}

.vista-ai-GfybG svg {
    min-width: 12px;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes scroll-right {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}

/* Unified ERP for Seamless perations */
.vista-seamless-control {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 75px 0;
    overflow: hidden;
}

.vista-seamless-perations {
    border-radius: 50px;
    background: #F6F9FC;
    width: 100%;
    padding: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.vista-seamless-perations-GfybA {
    display: flex;
    flex-direction: column;
    gap: 65px;
    min-width: 466px;
    width: 466px;
}

.vista-seamless-perations-GfybI {
    display: flex;
    flex-direction: column;
    gap: 36px;
    min-width: 485px;
    width: 485px;
}

.vista-seamless-perations-GfybB,
.vista-seamless-perations-GfybK {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vista-seamless-perations-GfybB h1,
.vista-seamless-perations-GfybK h1 {
    max-width: 429px;
    color: var(--primary-color);
}

.vista-seamless-perations-GfybB h6,
.vista-seamless-perations-GfybK h6 {
    max-width: 466px;
    color: var(--secondary-color);
}

.vista-seamless-perations-GfybK h6 {
    max-width: 485px;
}

.vista-seamless-perations-GfybC {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.vista-seamless-perations-GfybD {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.vista-seamless-perations-GfybD img {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
}

.vista-seamless-perations-GfybD h6 {
    color: var(--secondary-color);
    font-weight: 500;
    max-width: 159px;
    text-align: center;
}

.vista-seamless-perations-GfybH {
    max-width: 104px !important;
}

.vista-seamless-perations-GfybF {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.vista-seamless-perations-GfybG {
    display: flex;
    gap: 9px;
}

.vista-seamless-perations-GfybG h6 {
    color: var(--secondary-color);
    font-weight: 600;
    max-width: 380px;
}

.vista-seamless-perations-GfybG svg {
    width: 15px;
    min-width: 15px;
    margin-top: 4px;
}

.vista-seamless-perations-GfybJ {
    overflow: hidden;
    mix-blend-mode: multiply;
}

.vista-seamless-perations-GfybJ img {
    scale: 1.7;
    width: 439px !important;
}

/* Supercharged by Artificial Intelligence */
.vista-supercharged-ai {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 45px;
    width: 100%;
}

.vista-supercharged-GfybA h1 {
    max-width: 440px;
    color: var(--primary-color);
    text-align: center;
}

.vista-supercharged-GfybB {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
    width: 100%;
}

.vista-supercharged-GfybC {
    position: relative;
    width: 100%;
    border-radius: 30px;
}

.vista-supercharged-GfybD {
    position: absolute;
    left: 0;
    bottom: 5px;
    right: 0;
    width: 100%;
    height: 147px;
    border-radius: 0 0 30px 30px;
    background: linear-gradient(180deg, rgba(102, 102, 102, 0.00) 0%, #000 100%);
}

.vista-supercharged-GfybC img {
    width: 100% !important;
    border-radius: 30px;
}

.vista-supercharged-GfybE {
    position: absolute;
    left: 0;
    bottom: 5px;
    right: 0;
    width: 100%;
    padding: 30px;
}

.vista-supercharged-GfybE h2 {
    font-weight: 700;
    color: white;
    max-width: 213px;
}

/* Hear our product’s Success Stories */
.vista-success-stories {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;
    padding: 75px 0px 55px 0px;
}

.vista-success-stories-GfybA {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

.vista-success-stories-GfybA h1 {
    max-width: 400px;
    color: var(--primary-color);
    text-align: center;
}

.vista-success-stories-GfybA h6 {
    max-width: 696px;
    color: var(--secondary-color);
    text-align: center;
}

.vista-success-stories-GfybB {
    width: 100% !important;
}

.vista-success-stories-GfybG {
    padding-right: 25px;
    height: 630px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.vista-success-stories-GfybC {
    width: 359px !important;
    height: 518px !important;
    border-radius: 30px;
    border: 1px solid #E0E0E0;
    background: #FFF;
}

.vista-success-stories-GfybD {
    border-radius: 30px 30px 0 0;
    width: 100% !important;
    height: 237px !important;
}

.vista-success-stories-GfybE {
    padding: 20px 34px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.vista-success-stories-GfybF {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.vista-success-stories-GfybF img {
    width: fit-content !important;
    height: fit-content !important;
}

.vista-success-stories-GfybF h2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--primary-color);
    max-width: 287px;
}

.vista-success-stories-GfybE h6 {
    color: var(--secondary-color);
    max-width: 317px;
}

.vista-success-stories-GfybB .vista-success-stories-slider .slick-center .vista-success-stories-GfybC {
    width: 383px !important;
    height: 558px !important;
    box-shadow: 0 16.808px 33.615px -16.808px rgba(0, 0, 0, 0.10), 0 28.013px 42.019px -28.013px rgba(50, 50, 93, 0.25);
}

.vista-success-stories-GfybB .vista-success-stories-slider .slick-center .vista-success-stories-GfybD {
    height: 266px !important;
}

/* Built by Thinkers. Perfected by Doers. */
.vista-dev {
    width: 100%;
    border-radius: 30px;
    position: relative;
}

.vista-dev-GfybA {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100% !important;
    height: -webkit-fill-available !important;
    border-radius: 30px;
}

.vista-dev-GfybB {
    padding: 55px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 159px;
    position: relative;
    z-index: 1;
}

.vista-dev-GfybC {
    padding: 50px;
    display: flex;
    gap: 15px;
    border-radius: 30px;
    background: #ffffffe6;
    backdrop-filter: blur(32px);
    justify-content: space-between;
    width: 100%;
}

.vista-dev-GfybD {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.vista-dev-GfybD h1 {
    color: var(--primary-color);
    max-width: 413px;
}

.vista-dev-GfybD h6 {
    color: var(--secondary-color);
    max-width: 476px;
}

.vista-dev-GfybE {
    display: flex;
    align-items: center;
    gap: 30px;
}

.vista-dev-GfybE h6 {
    color: var(--primary-color);
    font-weight: 500;
    max-width: 162px;
    text-align: end;
}

.vista-dev-GfybE img {
    min-width: 196px !important;
    width: 196px !important;
}

.vista-dev-GfybB h2 {
    max-width: 441px;
    text-align: center;
    color: var(--primary-color);
    font-size: 1.5rem;
}

/* Frequently Asked Questions */
.vista-faq-GfybA {
    padding: 100px 0 80px 0;
    width: 100%;
    display: flex;
    gap: 50px;
}

.vista-faq-GfybB {
    display: flex;
    flex-direction: column;
    gap: 25px;
    min-width: 380px;
    width: 380px;
}

.vista-faq-GfybC {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.vista-faq-GfybC h6 {
    color: #8F8F8F;
    font-weight: 500;
}

.vista-faq-GfybB h1 {
    max-width: 380px;
    color: var(--primary-color);
}

.vista-faq-GfybB h5 {
    max-width: 355px;
    color: var(--secondary-color);
    font-weight: 400;
}

.vista-faq-GfybE {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 291px;
    flex-wrap: wrap;
}

.module-btn {
    border-radius: 30px;
    padding: 6.5px 15px;
    font-weight: 400;
}

.faq-section {
    width: 100%;
    margin-top: 22px;
}

.faq-item {
    border-bottom: 1px solid #E0E0E0;
    padding: 15px 0;
}

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

.faq-question {
    cursor: pointer;
    position: relative;
    font-size: 1rem;
    font-weight: 400;
    color: var(--primary-color);
    padding-right: 28px;
}

.faq-question::after {
    content: "+";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question::after {
    content: "−";
}

.faq-answer {
    display: none;
    margin-top: 10px;
    font-size: 1rem;
    font-weight: 400;
    color: var(--secondary-color);
}

/* footer */
.vista-footer {
    position: relative;
    width: 100%;
}

.vista-footer-GfybA {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100% !important;
    height: -webkit-fill-available !important;
}

.vista-footer-GfybB {
    display: flex;
    flex-direction: column;
    gap: 104px;
    padding-bottom: 29px;
    position: relative;
    z-index: 1;
}

.vista-footer-GfybC {
    padding-top: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.vista-footer-GfybD {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.vista-footer-GfybD h1 {
    color: var(--primary-color);
    max-width: 477px;
    text-align: center;
}

.vista-footer-GfybD h6 {
    color: var(--secondary-color);
    max-width: 411px;
    text-align: center;
}

.vista-footer-GfybE {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.vista-footer-GfybF {
    padding: 7px 15px;
}

.vista-footer-GfybG {
    padding: 0px 24px;
}

.vista-footer-GfybH {
    border-radius: 40px;
    background: #FFF;
    width: 100%;
    padding: 60px 50px 30px 50px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.vista-footer-GfybI {
    width: 100%;
    padding-left: 45px;
    padding-right: 180px;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}

.vista-footer-GfybJ {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.vista-footer-GfybJ img {
    width: 166px !important;
}

.vista-footer-GfybJ p {
    color: var(--primary-color);
    max-width: 319px;
}

.vista-footer-GfybK {
    display: flex;
    gap: 60px;
}

.vista-footer-GfybL {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.vista-footer-GfybL h6 {
    font-weight: 500;
    color: var(--secondary-color);
    width: fit-content;
}

.vista-footer-GfybL ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vista-footer-GfybL ul li {
    list-style: none;
}

.vista-footer-GfybL ul li a {
    color: var(--primary-color);
    font-size: 0.875rem;
    font-weight: 500;
    width: fit-content;
}

.vista-footer-GfybL ul li a:hover,
.vista-footer-GfybL ul li a:focus {
    text-decoration: underline;
}

.vista-footer-GfybM > div:first-child {
    width: 100%;
    border-top: 1px solid rgba(157, 158, 158, 0.3);
    padding-top: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.vista-footer-GfybM h6 {
    color: var(--primary-color);
    font-weight: 500;
}

.vista-footer-GfybN {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vista-footer-GfybN a {
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 6px;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vista-footer-GfybN a:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: 100%;
    height: 100%;
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.vista-footer-GfybN a:hover:before {
    opacity: 1;
}

.vista-footer-GfybN a:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    left: 0;
    top: 0;
    border-radius: 6px;
}

.vista-footer-GfybO {
    background: linear-gradient(180deg, #FFF 0%, #FAFAFE 100%);
    width: 100%;
    position: absolute;
    /* top: -35px; */
    left: 0;
    right: 0;
    height: 70px;
}

/* media query for reponsive */
@media (max-width: 1536px) {}

@media (max-width: 1400px) {

    *,
    html,
    body {
        font-size: 14px;
    }

    /* All-in-One Platform to Power Your Lab Operations */
    .vista-lab-operations {
        padding-top: 40px;
    }

    .vista-lab-operations-GfybA {
        gap: 45px;
    }

    .vista-lab-operations-GfybB h1 {
        max-width: 503px;
    }

    /* Brands that trust us */
    .vista-brands-operations {
        gap: 10px;
    }

    .vista-brands-operations-GfybA {
        gap: 8px;
    }

    /* Streamline Your Business and Gain Total Control */
    .vista-business-GfybB h1 {
        max-width: 475px;
    }

    .vista-business-GfybB h6 {
        max-width: 406px;
    }

    .vista-business-GfybE h6,
    .vista-dev-GfybD h6 {
        max-width: 415px;
    }

    .vista-business {
        padding:  0 60px 0;
    }

    .vista-business-GfybD {
        padding: 40px 35px;
        bottom: 55px;
    }

    .vista-business-GfybC .vista-business-slider div {
        height: 160px;
    }

    /* Smarter Workflows, Seamless Control */
    .vista-workflows-GfybB h6 {
        max-width: 420px;
    }

    .vista-workflows {
        padding: 70px 0;
    }

    .vista-workflows-GfybA {
        gap: 45px;
    }

    .vista-workflows-GfybF {
        min-height: 470px;
    }

    .vista-workflows-GfybG {
        padding: 20px 30px;
    }

    .vista-workflows-GfybH,
    .vista-workflows-GfybI,
    .vista-workflows-GfybJ,
    .vista-workflows-GfybK {
        height: 300px;
    }

    /* Supercharged by Artificial Intelligence */
    .vista-ai-GfybC h5 {
        max-width: 687px;
    }

    .vista-ai-GfybA {
        padding-top: 100px;
        padding-bottom: 45px;
    }

    .vista-ai-GfybG {
        font-size: 0.813rem;
        line-height: 19px;
    }

    /* Unified ERP for Seamless perations */
    .vista-seamless-perations-GfybB h6,
    .vista-seamless-perations-GfybK h6 {
        max-width: 397px;
    }

    .vista-seamless-control {
        padding: 70px 0;
        gap: 25px;
    }

    .vista-seamless-perations {
        padding: 80px;
    }

    .vista-seamless-perations-GfybI {
        min-width: 400px;
        width: 400px;
    }

    /* Supercharged by Artificial Intelligence */
    .vista-supercharged-ai {
        gap: 40px;
    }

    /* Hear our product’s Success Stories */
    .vista-success-stories-GfybA h6 {
        max-width: 602px;
    }

    .vista-success-stories {
        padding: 70px 0 50px 0;
    }

    /* Built by Thinkers. Perfected by Doers. */
    .vista-dev-GfybB h2 {
        max-width: 366px;
    }

    .vista-dev-GfybB {
        padding: 40px;
        gap: 150px;
    }

    .vista-dev-GfybC {
        padding: 40px;
    }

    .vista-dev-GfybD {
        gap: 15px;
    }

    /* Frequently Asked Questions */
    .vista-faq-GfybA {
        padding: 80px 0 60px 0;
    }

    .vista-faq-GfybB {
        min-width: 330px;
        width: 330px;
    }

    /* footer */
    .vista-footer-GfybD h1 {
        max-width: 400px;
    }

    .vista-footer-GfybD h6 {
        max-width: 352px;
    }

    .vista-footer-GfybJ p {
        max-width: 225px;
    }

    .vista-footer-GfybD {
        gap: 15px;
    }

    .vista-footer-GfybI {
        padding: 0 40px;
    }

    .vista-footer-GfybB {
        padding-bottom: 24px;
    }

    .vista-footer-GfybH {
        padding: 55px 45px 25px 45px;
        gap: 35px;
    }

    .vista-footer-GfybB {
        gap: 70px;
    }

    .vista-footer-GfybC {
        gap: 30px;
    }

    .vista-footer-GfybC {
        padding-top: 60px;
    }

    .vista-footer-GfybM > div:first-child {
        padding-top: 12px;
    }
}

@media (max-width: 1280px) {
    .vista-footer-GfybI {
        padding: 0 30px;
    }

    .vista-footer-GfybK {
        gap: 50px;
    }

    .vista-success-stories {
        gap: 15px;
    }

    .vista-success-stories-GfybC {
        width: 345px !important;
        height: 488px !important;
    }

    .vista-success-stories-GfybD {
        height: 230px !important;
    }

    .vista-success-stories-GfybB .vista-success-stories-slider .slick-center .vista-success-stories-GfybC {
        width: 355px !important;
        height: 528px !important;
    }

    .vista-success-stories-GfybG {
        height: 600px !important;
        padding-right: 20px;
    }

    .vista-success-stories-GfybB .vista-success-stories-slider .slick-center .vista-success-stories-GfybD {
        height: 250px !important;
    }

    .vista-success-stories-GfybE {
        padding: 20px 30px;
    }

    .vista-seamless-perations {
        padding: 60px;
    }

    .marquee-left,
    .vista-ai-GfybA {
        padding-top: 80px;
    }

    .vista-ai-GfybG {
        padding: 10px 15px;
    }
}

@media (max-width: 1024px) {

    h1,
    h1 * {
        /* 38px */
        font-size: 2.375rem;
    }

    h2,
    h2 * {
        /* 22px */
        font-size: 1.375rem;
    }

    .gradient-secondary-title {
        /* 50px */
        font-size: 3.125rem;
        line-height: 1.375;
    }

    .vista-footer-GfybH {
        padding: 40px 40px 25px 40px;
        gap: 30px;
    }

    .vista-footer-GfybI {
        align-items: start;
        flex-direction: column;
        gap: 30px;
        padding: 0 20px;
    }

    .vista-footer-GfybK {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        column-gap: 25px;
        row-gap: 25px;
        width: 100%;
    }

    .vista-faq-GfybA {
        padding: 45px 0;
        gap: 25px;
    }

    .vista-footer-GfybC {
        padding-top: 45px;
    }

    .vista-dev-GfybC {
        padding: 30px;
    }

    .vista-dev-GfybB {
        padding: 30px;
        gap: 100px;
    }

    .vista-dev-GfybC {
        flex-direction: column;
    }

    .vista-dev-GfybE {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .vista-success-stories {
        padding: 50px 0px 40px 0px;
    }

    .vista-success-stories-GfybC {
        width: 300px !important;
        height: 440px !important;
    }

    .vista-success-stories-GfybD {
        height: 185px !important;
    }

    .vista-success-stories-GfybB .vista-success-stories-slider .slick-center .vista-success-stories-GfybC {
        width: 310px !important;
        height: 480px !important;
    }

    .vista-success-stories-GfybG {
        height: 550px !important;
    }

    .vista-success-stories-GfybB .vista-success-stories-slider .slick-center .vista-success-stories-GfybD {
        height: 206px !important;
    }

    .vista-success-stories-GfybE {
        padding: 20px 28px;
    }

    .vista-supercharged-GfybB {
        gap: 20px;
    }

    .vista-supercharged-GfybE {
        padding: 20px;
    }

    .vista-seamless-perations {
        flex-direction: column;
        gap: 40px;
    }

    .vista-seamless-perations {
        padding: 45px;
        border-radius: 40px;
    }

    .vista-seamless-perations-GfybB h1,
    .vista-seamless-perations-GfybK h1,
    .vista-seamless-perations-GfybB h6,
    .vista-seamless-perations-GfybK h6 {
        max-width: none;
    }

    .vista-seamless-perations-GfybA,
    .vista-seamless-perations-GfybI {
        width: 100%;
        min-width: auto;
    }

    .vista-seamless-perations-GfybC {
        align-items: center;
        justify-content: center;
    }

    .vista-seamless-perations-GfybA {
        gap: 40px;
    }

    .vista-seamless-control {
        padding: 50px 0;
    }

    .vista-ai-bg-left-pattern {
        width: 10% !important;
    }

    .vista-ai-bg-right-pattern {
        width: 10% !important;
    }

    .vista-workflows {
        padding: 50px 0;
    }

    .vista-workflows-GfybA {
        gap: 40px;
    }

    .vista-workflows-GfybH,
    .vista-workflows-GfybI,
    .vista-workflows-GfybJ,
    .vista-workflows-GfybK {
        height: 205px;
    }

    .vista-workflows-GfybF {
        min-height: 370px;
    }

    .vista-workflows-GfybC {
        column-gap: 20px;
    }

    .vista-workflows-GfybE,
    .vista-workflows-GfybD {
        row-gap: 40px;
    }

    .vista-workflows-GfybD {
        padding-top: 80px;
    }

    .vista-workflows-GfybE {
        padding-bottom: 80px;
    }

    .vista-workflows-GfybG {
        padding: 15px 25px;
    }

    .vista-business {
        padding: 50px 0 80px 0;
    }

    .vista-business-GfybC .vista-business-slider div {
        height: 130px;
    }

    .vista-business-GfybC .vista-business-slider button {
        padding: 8px 12px;
    }

    .vista-business-GfybD {
        padding: 20px;
        bottom: 50px;
    }

    .vista-lab-operations {
        padding-top: 50px;
    }

    .vista-lab-operations-GfybC {
        height: 150px;
        bottom: -40px;
    }

    .vista-lab-operations-GfybA {
        gap: 35px;
    }

    /* .vista-header-GfybA ul {
        display: none;
    } */

    .vista-lab-operations {
        padding-top: 40px;
    }

    .vista-workflows-GfybL {
        gap: 8px;
    }

    .vista-workflows-GfybN {
        padding: 8px 14px 8px 12px;
    }

    .vista-workflows-GfybN svg {
        min-width: 21px;
        width: 21px;
        height: 21px;
    }
}

@media (max-width: 768px) {
    .vista-footer-GfybK {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 20px;
    }

    .vista-faq-GfybA {
        flex-direction: column;
        gap: 20px;
    }

    .vista-faq-GfybB {
        min-width: auto;
        width: auto;
    }

    .vista-faq-GfybE {
        max-width: none;
        width: 100%;
    }

    .faq-section {
        margin-top: 0;
    }

    .vista-dev-GfybE img {
        min-width: 150px !important;
        width: 150px !important;
    }

    .vista-dev-GfybE {
        column-gap: 20px;
        row-gap: 4px;
    }

    .vista-supercharged-GfybB {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vista-supercharged-ai {
        gap: 35px;
    }

    .vista-seamless-perations-GfybA,
    .vista-seamless-perations {
        gap: 30px;
    }

    .vista-seamless-perations {
        padding: 40px;
    }
    .vista-ai-GfybA {
        padding-top: 60px;
    }

    .vista-ai-left-pattern {
        width: 40% !important;
    }

    .vista-ai-right-pattern {
        width: 20% !important;
    }

    .vista-workflows-GfybC {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 20px;
    }

    .vista-workflows-GfybD {
        padding-top: 0;
    }

    .vista-workflows-GfybE {
        padding-bottom: 0;
    }

    .vista-workflows-GfybE,
    .vista-workflows-GfybD {
        row-gap: 20px;
    }

    .vista-workflows-GfybH,
    .vista-workflows-GfybI,
    .vista-workflows-GfybJ,
    .vista-workflows-GfybK {
        height: 330px;
    }

    .vista-workflows-GfybF {
        min-height: auto;
    }

    .vista-business-GfybD {
        padding: 0 16px;
    }

    .vista-business {
        padding: 50px 0;
    }

    .vista-lab-operations-GfybA img {
        border-radius: 10px
    }

    .vista-lab-operations {
        background: linear-gradient(180deg, #FCFCFC 0%, #E1E5E9 100%, #CDD2D8 100%), #D9D9D9;
    }

    .vista-lab-operations-GfybC {
        height: 100px;
        bottom: -30px;
    }
}

@media (max-width: 640px) {

    h1,
    h1 * {
        /* 35px */
        font-size: 2.188rem;
    }

    .gradient-secondary-title {
        /* 46px */
        font-size: 2.875rem;
        line-height: 1.20;
    }

    .vista-footer-GfybH {
        padding: 30px 30px 25px 30px;
    }

    .vista-success-stories {
        padding: 40px 0px 15px 0px;
    }
}

@media (max-width: 550px) {

    .vista-workflows-GfybH,
    .vista-workflows-GfybI,
    .vista-workflows-GfybJ,
    .vista-workflows-GfybK {
        height: 225px;
    }

    .vista-workflows-GfybG {
        padding: 10px 20px;
    }
}

@media (max-width: 500px) {
    .vista-seamless-perations-GfybJ img {
        scale: 1.4;
        margin-top: -15px;
    }

    .vista-seamless-perations-GfybL,
    .vista-seamless-perations-GfybL img {
        width: -webkit-fill-available !important;
        height: -webkit-fill-available !important;
    }

    .vista-footer-GfybH,
    .vista-seamless-perations {
        border-radius: 30px;
    }

    .vista-supercharged-GfybC,
    .vista-supercharged-GfybC img {
        border-radius: 20px;
    }

    .vista-supercharged-GfybD {
        border-radius: 0 0 20px 20px;
    }

    .vista-success-stories-GfybD {
        border-radius: 25px 25px 0 0;
    }

    .vista-success-stories-GfybC {
        border-radius: 25px;
    }

    .vista-ai-GfybC h5 {
        font-size: 0.875rem;
    }

    .marquee-right {
        margin-bottom: 1px;
    }

    .vista-business-GfybD {
        position: relative;
        bottom: 30px;
    }

    .vista-business {
        padding: 50px 0 30px 0;
    }
}

@media (max-width: 450px) {

    h1,
    h1 * {
        /* 33px */
        font-size: 2.063rem;
    }

    .vista-footer-GfybI {
        padding: 0 10px;
        gap: 25px;
    }

    .vista-footer-GfybH {
        gap: 20px;
    }

    .vista-footer-GfybG {
        padding: 0 16px;
    }

    .vista-footer-GfybB {
        padding-bottom: 16px;
    }

    .vista-footer-GfybM > div:first-child {
        flex-direction: column;
    }

    .vista-dev-GfybE {
        flex-direction: column;
        align-items: end;
    }

    .vista-dev-GfybE h6 {
        order: 2;
        max-width: none;
    }

    .vista-dev-GfybE img {
        order: 1;
    }

    .vista-dev-GfybC {
        padding: 25px;
    }

    .vista-dev-GfybB {
        padding: 20px;
        gap: 80px;
    }

    .vista-supercharged-GfybB {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .vista-supercharged-GfybC img {
        height: 180px;
        object-fit: cover;
    }

    .vista-supercharged-ai {
        gap: 30px;
    }

    .vista-seamless-control {
        gap: 20px;
    }

    .vista-seamless-perations-GfybA,
    .vista-seamless-perations {
        gap: 28px;
    }

    .vista-seamless-perations {
        padding: 30px;
    }

    /* .vista-header-GfybA {
        display: none;
    } */

    .vista-lab-operations {
        padding-top: 30px;
    }
}

@media (max-width: 380px) {
    .vista-success-stories-GfybG {
        padding-right: 5px;
    }

    .vista-success-stories-GfybC {
        height: 445px !important;
        box-shadow: 0 16.808px 33.615px -16.808px rgba(0, 0, 0, 0.10), 0 28.013px 42.019px -28.013px rgba(50, 50, 93, 0.25);
    }

    .vista-success-stories-GfybG {
        height: 515px !important;
    }

    .vista-success-stories {
        gap: 5px;
    }

    .vista-seamless-perations-GfybD h6 {
        max-width: none;
    }

    .vista-seamless-perations-GfybH {
        max-width: none !important;
    }

}



/* Hide menu by default on small screens */
/* #block-vistaerp-main-menu ul {
  display: none;
  flex-direction: column;
  background: #fff;
  padding: 10px;
  margin: 0;
}
.vista-brands-operations-GfybB {
    text-align: center;
} */

/* Show toggle button only on mobile */
/* .menu-toggle {
  display: none;
  font-size: 24px;
  background: none;
  border: none;
  cursor: pointer;
}

@media (max-width: 768px) {
  .menu-toggle {
    display: block;
  }
  #block-vistaerp-main-menu.active ul {
    display: flex;
  }
} */
.vista-footer-GfybE {
    margin-top: 5%;
}
.header_left_button {
    display: flex;
    gap: 8%;
}
.vista-brands-operations-GfybB {
    text-align: center;
}
.vista-brands-operations-GfybB h2 {
    font-size: 1rem;
    color: var(--primary-color);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.vista-brands-operations-GfybB h2::after {
    content: "";               
    display: block;
    width: 46px;
    min-width: 46px;
    height: 1px;
    min-height: 1px;
    background: #403E66;
    margin-top: 6px;
}

        .contact-left {
            width: 50%;
            padding: 30px;
        }
        .contact-left h2 {
            color: #ff4500;
            font-size: 14px;
            margin-bottom: 10px;
        }
        .contact-left h1 {
            color: #1A2B3B;
            font-size: 41px;
            margin-bottom: 10px;
        }
        .contact-left .small-text {
            color: var(--secondary-color);
            font-size: 14px;
            margin-bottom: 20px;
        }
        .contact-page-link h4 {
            font-size: 16px;
            color: #1A2B3B;
        }
        .contact-page-link {
            display: flex;
        }
        .contact-left a {
            color: #42547A;
            text-decoration: none;
            margin-right: 10px;
            font-size: 14px;
        }
        .vista-footer-GfybN {
            display: flex;
            gap: 10px;
            margin-top: 10px;
        }
        .vista-footer-GfybN a {
            display: inline-block;
        }
        .vista-footer-GfybN svg {
            fill: #ff4500;
        }
        .contact-right {
            width: 40%;
            background-color: #F1F2F4;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        .contact-right h3 {
            color: #1a2b3b;
            font-size: 24px;
            margin-bottom: 10px;
        }
        .contact-right p.small-text {
            color: #666666;
            font-size: 12px;
            margin-bottom: 20px;
        }
        .form-group {
            margin-bottom: 15px;
        }

        .issue-section {
            /* width: 94%; */
            /* max-width: 1070px; */
            /* background-color: #0F5B43;
            padding: 87px;
            border-radius: 30px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            position: relative; */
            /* text-align: center; */
            /* margin-bottom: 25px;
            left: 3%;
            height: 500px;
            margin-bottom: 0px; */
            border-radius: 30px;
            background: #0F5B43;
            width: 100%;
            position: relative;
            min-height: 500px;
        }
        .issue-section h1 {
            font-size: 2rem;
            color: white;
            font-weight: 600;
            max-width: 235px;
        }
        .issue-section p {
            color: #ffffff;
            font-size: 14px;
            margin-bottom: 20px;
        }
        .issue-section button {
            border-radius: 12px;
            background: #FFF;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 55px;
            background-color: white;
            color: var(--primary-color);
            font-size: 1rem;
            font-weight: 500;
            padding: 0 43px;
            width: fit-content;
        }
        .issue-section button:hover {
                box-shadow: 0px 0px 0px 2px #FFFFFF5e;

        }
    .issue-section img {
        position: absolute;
        width: 1005px !important;
        transform: rotate(0deg);
        /* left: 24px; */
        top: 0px;
        right: 0px;

    }
        .issue-image img {
        position: absolute;
        width: 695px !important;
        transform: rotate(0deg);
        /* left: 24px; */
        top: 0px;
        right: 0px;

    }
        .issue-content {
            width: 35%;
            padding: 80px;
            padding-top: 130px;
            padding-bottom: 0;
            padding-right: 0;
            gap: 20px;
        }
.contact-page {
    display: flex;
    justify-content: space-between;
    width: 90%;
    /* max-width: 1200px; */
    margin-bottom: 20px;
    position: relative;
    left: 3%;
}

.vista-header-GfybA div {
    display: flex;
    position: relative;
    /* left: 12%; */
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="Tel"] {
            width: 100%;
            padding: 10px;
            border: 1px solid #cccccc;
            border-radius: 13px;
            font-size: 14px;
            box-sizing: border-box;
            margin-bottom: 10px;
}
.form-group input[type="submit"] {
            background-color: #111E3E;
            color: #ffffff;
            padding: 12px;
            border: none;
            border-radius: 13px;
            font-size: 16px;
            cursor: pointer;
            width: 100%;
            box-sizing: border-box;
}

textarea#edit-message {
            width: 100%;
            padding: 10px;
            border: 1px solid #cccccc;
            border-radius: 13px;
            font-size: 14px;
            box-sizing: border-box;
            margin-bottom: 10px
}

.vista-contact-page a:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: 100%;
    height: 100%;
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.vista-contact-page a:hover:before {
    opacity: 1;
    background: white;
}

.vista-contact-page a:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: white; */
    left: 0;
    top: 0;
    border-radius: 6px;
}
.vista-contact-page a {
    position: relative;
    left: 52%;
    top: -55%;
}
.vista-contact-page h4 {
    position: relative;
    left: 55%;
    top: -50%;
    font-size: 17px;
    color: #1A2B3B;
}
div#block-vistaerp-webform {
    background: #fff;
    padding-top: 18px;
}
/* @media (max-width: 768px) {
  .is-mobile .mobile-nav-button:focus + .menu,
  .mobile-nav-toggle:checked ~ .menu {
    display: block !important;
  }
} */

.vista-module-banner {
    background: linear-gradient(345deg, #F7B660 25.22%, #D4683F 41.57%, #B9302A 106.01%), #D9D9D9;
    width: 100%;
    position: relative;
    height: 900px;
    overflow: hidden;
    margin-bottom: 50px;
}

.vista-module-banner-GfybG {
    height: 100%;
}

.vista-module-banner-GfybA {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 30px;
    padding: 50px 0 150px 0;
    height: 100%;
}

.vista-module-banner-GfybB {
    display: flex;
    flex-direction: column;
    gap: 25px;
    /* min-width: 404px; */
    width: 404px;
    height: 100%;
    justify-content: center;
}

.vista-module-banner-GfybC {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.vista-module-banner-GfybD {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vista-module-banner-GfybC h1 {
    color: white;
    font-weight: 600;
    max-width: 404px;
}

.vista-module-banner-GfybC h5 {
    color: white;
    font-weight: 400;
    max-width: 384px;
}


.vista-module-banner-GfybD h4 {
    color: white;
    font-weight: 700;
    text-transform: uppercase;
}

.vista-module-banner-GfybE {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: white;
    height: 192px;
    clip-path: polygon(0 85%, 100% 0, 100% 100%, 0 100%);
    margin-bottom: -1px;
}

.vista-module-banner-GfybF {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 48%;
    height: 80%;
}

.vista-module-banner-GfybH {
    position: relative;
    width: 100%;
    height: 100%;
}

.vista-module-banner-GfybI {
    border-radius: 20px 0 0 0;
}

.vista-module-banner-GfybJ {
    position: absolute;
    top: 38px;
    left: -54px;
    box-shadow: 0 6.702px 23.456px -5.026px rgba(24, 39, 75, 0.12), 0 15.079px 73.718px -3.351px rgba(24, 39, 75, 0.14);
    border-radius: 11.728px;
}

.vista-module-content-GfybA {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.vista-module-content-GfybB {
    color: #818C97;
    font-weight: 400;
    max-width: 1095px;
    text-align: justify;
}

.vista-module-content-GfybB span {
    color: #D4683F;
    font-weight: 700;
}
.vista-module-different-GfybE {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 70px;
}

.vista-module-different-GfybA {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    padding-top: 84px;
    align-items: center;
    justify-content: center;
}

.vista-module-different-GfybA h1 {
    color: var(--primary-color);
    text-align: center;
}

.vista-module-different-GfybA h1,
.vista-module-different-GfybA span {
    font-size: 2.125rem;
}

.vista-module-different-GfybB {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 25px;
}

.vista-module-different-GfybC {
    border-radius: 20px;
    border: 1px solid #E4DCD8;
    width: 100%;
    padding: 35px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.vista-module-different-GfybC svg {
    min-width: 40px;
}

.vista-module-different-GfybD {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.vista-module-different-GfybD h3 {
    font-weight: 600;
    max-width: 212px;
}

.vista-module-different-GfybD h6 {
    font-weight: 400;
    color: var(--secondary-color);
    max-width: 201px;
}

.vista-module-different-GfybD-first {
    color: #027B72;
}

.vista-module-different-GfybD-second {
    color: #56A4ED;
}

.vista-module-different-GfybD-third {
    color: #F16A33;
}

.vista-module-different-GfybD-fourth {
    color: #F8B003;
}

.vista-module-different-GfybF {
    width: 100% !important;
    position: relative;
}

.vista-module-different-GfybG button,
.vista-module-different-GfybH button {
    width: 70px;
    min-width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: white;
    filter: drop-shadow(0 28.013px 42.019px rgba(50, 50, 93, 0.25)) drop-shadow(0 16.808px 33.615px rgba(0, 0, 0, 0.10));
    border: none;
}

.vista-module-different-GfybG,
.vista-module-different-GfybH {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    z-index: 1;
    height: 100%;
}

.vista-module-different-GfybG {
    left: -35px;
}

.vista-module-different-GfybH {
    right: -35px;
}

.vista-module-different-GfybG button svg,
.vista-module-different-GfybH button svg {
    fill: #94A3B8;
}

.vista-module-different-GfybG button:hover svg,
.vista-module-different-GfybG button:focus svg,
.vista-module-different-GfybH button:hover svg,
.vista-module-different-GfybH button:focus svg {
    fill: #20328F;
}

.vista-module-different-GfybI {
    border-radius: 50px;
    width: 100%;
    padding: 50px 100px 0px 100px;
    position: relative;
}

.vista-module-different-GfybL img {
    box-shadow: 0 -10px 12px 5px rgba(24, 39, 75, 0.08);
    border-radius: 30px 0 0 0;
}

.vista-module-different-first-slider {
    background: #FFAB2E;
}

.vista-module-different-second-slider {
    background: #C931FE;
}

.vista-module-different-third-slider {
    background: #1DC35F;
}

.vista-module-different-GfybJ {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 75px;
    height: 100%;
    border-radius: 0 45px 45px 0;
}

.vista-module-different-GfybK {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.vista-module-different-GfybK h1 {
    font-size: 2.125rem;
    font-weight: 600;
    max-width: 285px;
}

.vista-module-different-GfybK h5 {
    font-weight: 400;
    max-width: 313px;
}

.vista-module-different-first-slider .vista-module-different-GfybJ {
    background: #FFF5ED;
}

.vista-module-different-second-slider .vista-module-different-GfybJ {
    background: #FAF5FF;
}

.vista-module-different-third-slider .vista-module-different-GfybJ {
    background: #f2fff7;
}

.vista-module-different-first-slider .vista-module-different-GfybK h1,
.vista-module-different-first-slider .vista-module-different-GfybK h5 {
    color: #684510;
}

.vista-module-different-second-slider .vista-module-different-GfybK h1,
.vista-module-different-second-slider .vista-module-different-GfybK h5 {
    color: #4C0967;
}

.vista-module-different-third-slider .vista-module-different-GfybK h1,
.vista-module-different-third-slider .vista-module-different-GfybK h5 {
    color: #094E25;
}
/*  VistaLIMS Labs Management */
.vista-module-labs-GfybA {
    margin-top: 100px;
    width: 100%;
    border-radius: 30px;
    border: 2px solid #2563EB;
    position: relative;
    background-color: #F8F9FF;
    padding: 50px 89px 40px 89px;
}

.vista-module-labs-GfybB {
    position: absolute;
    top: -30px;
    left: -30px;
    z-index: 1;
}

.vista-module-labs-GfybF {
    min-width: 90px;
    width: 90px;
    height: 110px;
    border-radius: 30px 0 0 0;
    background-color: #F8F9FF;
    position: absolute;
    top: -3px;
    left: -3px;
}

.vista-module-labs-GfybC {
    position: absolute;
    right: 0;
    bottom: 0;
}

.vista-module-labs-GfybD {
    position: absolute;
    right: 165px;
    bottom: 70px;
    opacity: 0.35;
}

.vista-module-labs-GfybE {
    position: absolute;
    right: 47px;
    top: 55px;
    opacity: 0.4;
}

.vista-module-labs-GfybG {
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 100%;
    position: relative;
    z-index: 2;
}

.vista-module-labs-GfybH {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.vista-module-labs-GfybH h2 {
    color: #42547A;
    font-size: 1.75rem;
    font-weight: 600;
    max-width: 601px;
}

.vista-module-labs-GfybH h5 {
    color: var(--primary-color);
    font-weight: 400;
    max-width: 614px;
}

.marquee-left {
    overflow: hidden;
    white-space: nowrap;
    width: 70%;
    position: relative;
}

.marquee-content-left {
    display: inline-flex;
    animation: scroll-left 30s linear infinite;
}

.vista-module-labs-GfybI {
    display: inline-block;
    padding-right: 10px;
}

.vista-module-labs-GfybJ {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vista-module-labs-GfybJ h5 {
    color: var(--primary-color);
    font-weight: 600;
}

.vista-module-labs-GfybK {
    background: linear-gradient(180deg, rgba(246, 247, 253, 0.00) 0%, #F6F7FD80 72%);
    width: 115px;
    height: 25px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}


@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.vista-feather-GfybA {
    border-radius: 50px;
    background: #EBFCFF;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 35px;
    position: relative;
    padding: 35px 70px;
    margin-top: 70px;
}

.vista-feather-GfybB {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100% !important;
    border-radius: 0 50px 50px 0;
}

.vista-feather-GfybD {
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0 0 0 50px;
}

.vista-feather-GfybC img {
    border-radius: 18px;
    box-shadow: 0 16.808px 33.615px -16.808px rgba(0, 0, 0, 0.10), 0 28.013px 42.019px -28.013px rgba(50, 50, 93, 0.25);
    position: relative;
    z-index: 1;
}

.feather-section {
    width: 100%;
}

.feather-item {
    border-bottom: 1px solid #42547A80;
    padding: 15px 0;
}

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

.feather-question {
    cursor: pointer;
    position: relative;
    font-size: 1.125rem;
    font-weight: 500;
    color: #42547A;
    padding-right: 28px;
}

.feather-item.active .feather-question {
    color: #2148AA;
    font-weight: 600;
}

.feather-item.active {
    border-bottom: 1px solid #2148AA;
}

.feather-question::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 5px;
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
    width: 17px;
    height: 17px;
    background-image: url("/themes/vistaerp/assets/images/arrow_drop_down_circle\ \(1\).svg");
    background-size: contain;
    background-repeat: no-repeat;

}

.feather-item.active .feather-question::after {
    background-image: url("/themes/vistaerp/assets/images/arrow_drop_down_circle.svg");
}
.feather-answer {
    display: none;
    margin-top: 10px;
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--primary-color);
}

[data-node="16"] .vista-faq-GfybE.faq-categories,
#node-16 .vista-faq-GfybE.faq-categories,
.node-16 .vista-faq-GfybE.faq-categories {
    display: none !important;
}

section.vista-inventory-module-banner {
    background: linear-gradient(231deg, #91328C 35.52%, #743897 77.09%, #563EA3 111.05%), #D9D9D9;
    width: 100%;
    position: relative;
    height: 900px;
    overflow: hidden;
    margin-bottom: 50px;
}

h2.vista-inventory-module-content-GfybB {
    color: #818C97;
    font-weight: 400;
    max-width: 1095px;
    text-align: justify;
}

img.vista-inventory-module-banner-GfybJ {
    position: absolute;
    top: 0px;
    height: 195px !important;
    width: auto !important;
    left: -143px !important;
    /* box-shadow: 0 6.702px 23.456px -5.026px rgba(24, 39, 75, 0.12), 0 15.079px 73.718px -3.351px rgba(24, 39, 75, 0.14); */
    border-radius: 11.728px;
}

h2.vista-inventory-module-content-GfybB span {
    color: #743897;
    font-weight: 700;
}

h3.Inventory-module-different-GfybD-first {
    color: #945B5B;
}
h3.Inventory-module-different-GfybD-second {
    color: #37B149;
}
h3.Inventory-module-different-GfybD-third {
    color: #3C52C2;
}
h3.Inventory-module-different-GfybD-fourth {
    color: #CD2188;
}
.inventory-module-different-first-slider {
    background: #3BEFDA;
}

.inventory-module-different-second-slider {
    background: #1DC35F;
}

.inventory-module-different-third-slider {
    background: #1D97C3;
}
.inventory-module-different-first-slider .vista-module-different-GfybJ {
    background: #F3F4FF;
}

.inventory-module-different-second-slider .vista-module-different-GfybJ {
    background: #F3F4FF;
}

.inventory-module-different-third-slider .vista-module-different-GfybJ {
    background: #F3F4FF;
}
section.vista-hrms-module-banner {
    background: linear-gradient(144deg, #FFA02F 16.91%, #ED7436 46.4%, #DB483D 92.12%), #D9D9D9;
    width: 100%;
    position: relative;
    height: 900px;
    overflow: hidden;
    margin-bottom: 50px;
}
h2.vista-hrms-module-content-GfybB {
    color: #818C97;
    font-weight: 400;
    max-width: 1095px;
    text-align: justify;
}

h2.vista-hrms-module-content-GfybB span {
    color: #ED7436;
    font-weight: 700;
}

h3.hrms-module-different-GfybD-first {
    color: #01931C;
}
h3.hrms-module-different-GfybD-second {
    color: #0ABF5C;
}
h3.hrms-module-different-GfybD-third {
    color: #3376F1;
}
h3.hrms-module-different-GfybD-fourth {
    color: #F8B003;
}

.hrms-module-different-first-slider {
    background: #2EFFCE;
}

.hrms-module-different-second-slider {
    background: #5889C8;
}

.hrms-module-different-third-slider {
    background: #1DC38E;
}
.hrms-module-different-first-slider .vista-module-different-GfybJ {
    background: #F3F4FF;
}

.hrms-module-different-second-slider .vista-module-different-GfybJ {
    background: #F3F4FF;
}

.hrms-module-different-third-slider .vista-module-different-GfybJ {
    background: #F3F4FF;
}

.coming-soon {
    text-align: center;
    background: #EAECEB;
    border-radius: 30px;
    height: 350px;
}

/* .coming-soon h1 {
    background: linear-gradient(92deg, #BB2327 1.96%, #FBBF17 10.94%, #3688AB 77.47%, #0C80C2 104.92%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
} */
.coming-soon button {
    border-radius: 10px;
    background: var(--primary-color);
    padding: 7px 21px;
    color: white;
    /* font-size: 0.875rem; */
    /* line-height: 1.375; */
    /* font-weight: 500; */
    /* display: flex; */
    align-items: center;
    /* justify-content: center; */
    /* white-space: nowrap; */
    /* position: relative; */
    /* z-index: 0; */
    border: none;
    margin-top: 30px;
    /* gap: 8px; */
}
.coming-soon p {
    color: #42547A;
}
.coming-soon h4 {
    color: #1A2B3B;
    padding-top: 120px;
}

.views-field.views-field-field-blog-images img {
    height: 250px !important;
    /* width: 250px !important; */
    display: block;
    margin: 0 auto;
    }



.blogs-on-product {
    position: relative;
    width: 100%;
}

.blogs-on-product-GfybA {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image:
        linear-gradient(180deg,
            rgba(250, 253, 252, 0.3) 32.11%,
            #FAFDFC 75.53%),
        url("/themes/vistaerp/assets/images/Gemini_Generated_Image_evstcmevstcmevst 1.png");

    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 109%;
}

.blogs-on-product-GfybB {
    width: 100%;
    padding: 120px 0 70px 0;
    display: flex;
    flex-direction: column;
    gap: 98px;
    position: relative;
    z-index: 1;
}

.blogs-on-product-GfybC {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.blogs-on-product-GfybC h6 {
    color: #1768AA;
    font-weight: 500;
    text-transform: uppercase;
}

.blogs-on-product-GfybC h1 {
    color: var(--primary-color);
    max-width: 465px;
    font-weight: 600;
    text-align: center;
}

.blogs-on-product-GfybD {
    display: flex;
    flex-direction: column;
    gap: 49px;
    width: 100%;
}

.blogs-on-product-GfybE {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.blogs-on-product-GfybE h5 {
    color: var(--secondary-color);
    font-weight: 500;
    text-transform: uppercase;
}

.blogs-on-product-GfybF {
    width: 100%;
    background: #D2D3E6;
    height: 1px;
    min-height: 1px;
    margin-top: 15px;
}

.blogs-on-product-GfybG {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 25px;
}

.blogs-on-product-GfybH {
    border-radius: 20px;
    width: 100%;
    height: 120px;
    position: relative;
}

.blogs-on-product-GfybH img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 20px;
}

.blogs-on-product-GfybI {
    border-radius: 20px;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 15px;
    bottom: 12px;
    color: #6B7589;
    font-size: 0.75rem;
    font-weight: 600;
    height: 26px;
    padding: 0 14px;
}

.blogs-on-product-GfybJ {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px;
    margin-top: 37px;
}

.blogs-on-product-GfybK {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.blogs-on-product-GfybL {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}

.blogs-on-product-GfybM {
    border-radius: 20px;
    background: #F5F6FA;
    color: var(--secondary-color);
    font-size: 0.75rem;
    font-weight: 400;
    padding: 5px 14px;
}

.blogs-on-product-GfybN {
    width: 24px;
    height: 1px;
    min-width: 24px;
    min-height: 1px;
    background: #D2D3E6;
}

.blogs-on-product-GfybL h6 {
    color: var(--secondary-color);
    font-weight: 400;
}

.blogs-on-product-GfybK a {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
}

.blogs-on-product-GfybK a:hover,
.blogs-on-product-GfybK a:focus {
    text-decoration: underline;
}

.blogs-on-product-GfybO {
    display: flex;
    align-items: center;
    gap: 44px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 55px;
}

.blogs-on-product-GfybO img {
    width: 50% !important;
    border-radius: 20px;
}

.blogs-on-product-GfybP {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.blogs-on-product-GfybP h5 {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.25rem;
    max-width: 481px;
    margin-top: 5px;
}

.blogs-on-product-GfybP h6 {
    color: var(--secondary-color);
    font-weight: 400;
    max-width: 481px;
}

.blogs-on-product-GfybQ {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 42px;
    width: 100%;
    margin-bottom: 100px;
}

.blogs-on-product-GfybS {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
}

.blogs-on-product-GfybS img {
    width: 100% !important;
    border-radius: 20px;
}

.blogs-on-product-GfybS h5,
.blogs-on-product-GfybS h6 {
    max-width: none;
}

.blogs-on-product-GfybS h5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
}
.vista-blog {
    width: 100%;
    background: #FAFDFC;
    padding-top: 90px;
    padding-bottom: 100px;
}

.vista-blog-GfybA {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 35px;
    width: 100%;
}

.vista-blog-GfybB {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.vista-blog-GfybC {
    border-radius: 20px;
    border: 1px solid #D5D5D5;
    width: fit-content;
    padding: 5px 14px;
    color: #6B7589;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.75rem;
}

.vista-blog-GfybB h1 {
    color: var(--primary-color);
    font-weight: 600;
    max-width: 658px;
    text-align: center;
    margin-top: 10px;
}

.vista-blog-GfybB h6 {
    color: var(--secondary-color);
    max-width: 658px;
    text-align: center;
    margin-top: 20px;
}

.vista-blog-GfybD {
    display: flex;
    align-items: center;
    gap: 15px;
}

.vista-blog-GfybD img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    background: #D9D9D9;
}

.vista-blog-GfybD h6 {
    color: var(--secondary-color);
    font-weight: 600;
}

.vista-blog-GfybD p {
    color: var(--secondary-color);
    font-weight: 400;
    font-size: 0.75rem;
}

.vista-blog-GfybF {
    margin-top: 50px;
    margin-bottom: 75px;
    width: 100%;
    
}
.vista-blog-GfybH strong {
    font-weight: bolder;
    font-size: medium;
}

.vista-blog-GfybF img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 40px;
    border: 1px solid #bcbcbc;
}

.vista-blog-GfybG {
    width: 100%;
    display: flex;
    gap: 100px;
}

.vista-blog-GfybH {
    width: calc(100% - 301px);
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.vista-blog-GfybH img {
    border-radius: 40px;
    width: 100% !important;
}

.vista-blog-GfybK {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
}

.vista-blog-GfybK h2 {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.75rem;
}

.vista-blog-GfybH h6,
.vista-blog-GfybK h6 {
    color: var(--primary-color);
    font-weight: 400;
}

.vista-blog-GfybI {
    width: 201px;
    min-width: 201px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.vista-blog-GfybI h5 {
    color: var(--secondary-color);
    font-weight: 600;
    text-transform: uppercase;
}

.vista-blog-GfybJ {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.vista-blog-GfybJ a {
    font-size: 0.875rem;
    color: var(--secondary-color);
    font-weight: 400;
}

.vista-blog-GfybJ a:hover,
.vista-blog-GfybJ a:focus {
    text-decoration: underline;
}



.blogs-on-product-GfybE {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.blogs-on-product-GfybE h5 {
    color: var(--secondary-color);
    font-weight: 500;
    text-transform: uppercase;
}

.blogs-on-product-GfybF {
    width: 100%;
    background: #D2D3E6;
    height: 1px;
    min-height: 1px;
    margin-top: 15px;
}

.blogs-on-product-GfybL {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}

.blogs-on-product-GfybM {
    border-radius: 20px;
    background: #F5F6FA;
    color: var(--secondary-color);
    font-size: 0.75rem;
    font-weight: 400;
    padding: 5px 14px;
}

.blogs-on-product-GfybN {
    width: 24px;
    height: 1px;
    min-width: 24px;
    min-height: 1px;
    background: #D2D3E6;
}

.blogs-on-product-GfybL h6 {
    color: var(--secondary-color);
    font-weight: 400;
}

.blogs-on-product-GfybP {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.blogs-on-product-GfybP h5 {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.25rem;
    max-width: 481px;
    margin-top: 5px;
}

.blogs-on-product-GfybP h6 {
    color: var(--secondary-color);
    font-weight: 400;
    max-width: 481px;
}

.blogs-on-product-GfybQ {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 42px;
    width: 100%;
    margin-bottom: 50px;
}

.vista-blog-GfybQ {
    margin-top: 30px;
}

.blogs-on-product-GfybS {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
}

.blogs-on-product-GfybS img {
    width: 100% !important;
    border-radius: 10px;
}

.blogs-on-product-GfybS h5,
.blogs-on-product-GfybS h6 {
    max-width: none;
}

.blogs-on-product-GfybS h5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
}
.vista-blog-GfybH p {
    color: var(--secondary-color);
    font-weight: 400;
    font-size: medium;
    margin-top: 10px;
    text-align: justify;
}
.vista-blog-GfybH ul {
    padding-left: 2rem;
    color: var(--secondary-color);
}
.vista-blog-GfybH ol {
    padding-left: 2rem;
    color: var(--secondary-color);

}

.vista-blog-GfybH h1, h2, h3, h4, h5, h6 {
  margin-top: 10px;
}
.blogs-on-product-GfybE a {
    color: var(--primary-color);
    text-decoration: none;
}

.blogs-on-product-GfybE a:hover {
    color: var(--secondary-color);

}

.vista-blog-GfybH a {
    font-weight: bolder;
    font-size: medium;
    color: #ff0000
}
.vista-blog-GfybH a:hover {
    color: var(--primary-color);
    text-decoration: underline;

}
.vista-blog-GfybE span {
    color: var(--secondary-color);
}
.vista-blog-GfybC a {
    color: var(--secondary-color);
}
@media (max-width: 760px){
    .vista-blog-GfybH {
    width: calc(100% - 0px);
    /* display: flex; */
    flex-direction: column;
    gap: 50px;
}
.vista-blog-GfybQ {
    /* margin-top: 30px; */
    display: block;
}
.vista-blog-GfybG {
    width: 100%;
    display: block;
    gap: 100px;
}
.blogs-on-product-GfybS {
    margin-top: 35px;
}
.contact-page {
    display: block;
}
.contact-left {
    width: auto;
    padding: 30px;
}
.contact-page-link {
    display: block;
}
.contact-right {
    width: auto;
}
.header_left_button {

}
.header_left_button {
display: none !important;
}
.blogs-on-product-GfybJ {
    display: block;
}
.blogs-on-product-GfybQ {
    display: block;
}
}
@media (max-width: 991px) {
  .header_left_button {
    display: none !important;
}  
}
@media (max-width: 760px){
.contact-page-link {
    display: block;
}
.vista-contact-page h4 {
    position: relative;
    left: 0%;
    top: -50%;
    font-size: 17px;
    color: #1A2B3B;
}
.vista-contact-page a {
    position: relative;
    left: 0%;
    top: -55%;
}
.issue-content {
    width: auto;
    padding: 80px;
    padding-top: 130px;
    padding-bottom: 0;
    padding-right: 0;
    gap: 20px;
}
.issue-section {
    /* width: -1px; */
    border-radius: 30px;
    background: #0F5B43;
    width: 100%;
    position: relative;
    min-height: 650px;
}
.issue-image img {
    position: absolute;
    width: 460px !important;
    transform: rotate(0deg);
    top: 319px;
    /* right: 0px; */
}
.issue-section img {
    position: absolute;
    width: 455px !important;
    transform: rotate(0deg);
    /* left: 24px; */
    top: 322px;
    right: auto;
}
/* vista module page css  */
.vista-module-banner-GfybA {
    padding-top: 35px;
    padding: 0px 0 293px 0 !important;
}
.vista-module-banner-GfybI {
     width: 100% !important;
     padding-top: 370px;
     padding-left: 30px;
        /* padding-right: 10px; */
}
img.vista-module-banner-GfybJ {
     width: auto !important;
     margin-top: 355px;
     padding-left: 55px;
     padding-right: 10px;
}
.vista-module-banner-GfybF {
    /* position: inherit; */
    width: 100%;
    height: 100%;
}
.vista-module-banner {
    /* background: linear-gradient(337deg, #F7B660 25.22%, #D4683F 41.57%, #B9302A 106.01%), #D9D9D9; */
    height: 645px !important;
}
.vista-module-banner-GfybE {
    height: 47px;
}
.vista-module-different-GfybB {
    width: 100%;
    display: contents;
    gap: 25px !important;
}
.vista-module-different-GfybL img {
    width: 100% !important;
    height: 195px !important;
}
.vista-feather-GfybA {
    border-radius: 50px;
    background: #EBFCFF;
    width: 100%;
    display: block;
    align-items: center;
    gap: 35px;
    position: relative;
    padding: 26px 20px;
    margin-top: 70px;
}
.vista-module-different-GfybJ {
    display: contents;
}
.vista-module-different-GfybI {
    padding: 29px 0px 40px 20px;

}
/* vista module end */
img.vista-feather-GfybC {
    width: 100% !important;
}
/*  Inventory module*/

.vista-inventory-module-banner-GfybA {
    padding-top: 35px;
    padding: 0px 0 293px 0 !important;
}
.vista-inventory-module-banner-GfybI {
     width: 100% !important;
     padding-top: 370px;
     padding-left: 30px;
        padding-right: 10px;
}
img.vista-inventory-module-banner-GfybJ {
     width: auto !important;
     margin-top: 355px;
     padding-left: 55px;
     padding-right: 10px;
}
.vista-inventory-module-banner-GfybF {
    /* position: inherit; */
    width: 100%;
    height: 100%;
}
.vista-inventory-module-banner {
    /* background: linear-gradient(337deg, #F7B660 25.22%, #D4683F 41.57%, #B9302A 106.01%), #D9D9D9; */
    height: 645px !important;
}
.vista-inventory-module-banner-GfybE {
    height: 47px;
}

}

@media (max-width: 320px) {

    .issue-section {
    border-radius: 30px;
    background: #0F5B43;
    width: 100%;
    position: relative;
    min-height: 643px;
    left: 25px;
}
.issue-content {
    width: auto;
    padding: 49px;
    padding-top: 130px;
    padding-bottom: 0;
    padding-right: 0;
    gap: 20px;
}

.issue-section img {
    position: absolute;
    width: 354px !important;
    transform: rotate(0deg);
    left: -28px;
    top: 388px;
    /* right: 0px; */
}
.vista-module-banner-GfybA {
    padding: 58px 0 255px 0;
}
.vista-module-banner {
    /* background: linear-gradient(337deg, #F7B660 25.22%, #D4683F 41.57%, #B9302A 106.01%), #D9D9D9; */
    height: 546px;
}
.vista-module-different-GfybB {
    width: 100%;
    display: contents !important;
    gap: 25px !important;
}
.vista-module-labs-GfybA {
    padding: 30px 15px 30px 50px !important;
}

/* Inventory module */

.vista-inventory-module-banner-GfybA {
    padding: 58px 0 255px 0;
}
.vista-inventory-module-banner {
    height: 630px !important;
}
}

@media (max-width: 1024px) {
.contact-page-link {
    display: block;
}
.vista-contact-page h4 {
    position: relative;
    left: 0%;
    top: -50%;
    font-size: 17px;
    color: #1A2B3B;
}
.vista-contact-page a {
    position: relative;
    left: 0%;
    top: -55%;
}
.issue-content {
    width: auto;
    padding: 80px;
    padding-top: 130px;
    padding-bottom: 0;
    padding-right: 0;
    gap: 20px;
}
.issue-section {
    /* width: -1px; */
    border-radius: 30px;
    background: #0F5B43;
    width: 100%;
    position: relative;
    min-height: 650px;
}
.issue-image img {
    position: absolute;
    width: 460px !important;
    transform: rotate(0deg);
    top: 319px;
    /* right: 0px; */
}
.issue-section img {
    position: absolute;
    width: 455px !important;
    transform: rotate(0deg);
    /* left: 24px; */
    top: 322px;
    right: auto;
}
/* vista module page css  */
.vista-module-banner-GfybI {
    /* width: 100% !important; */
    height: 100% !important;
    /* border-radius: 15px 0 0 0; */
}
.vista-module-banner-GfybA {
    padding-top: 35px;
    padding: 0px 0 400px 0;
}
.vista-module-banner-GfybI {
     width: 100% !important;
     padding-top: 370px;
     padding-left: 30px;
        /* padding-right: 10px; */
}
img.vista-module-banner-GfybJ {
     width: auto !important;
     margin-top: 355px;
     padding-left: 55px;
     padding-right: 10px;
}
.vista-module-banner-GfybF {
    /* position: inherit; */
    width: 100%;
    height: 100%;
}
.vista-module-banner {
    /* background: linear-gradient(337deg, #F7B660 25.22%, #D4683F 41.57%, #B9302A 106.01%), #D9D9D9; */
    height: 775px;
}
.vista-module-banner-GfybE {
    height: 65px;
}
.vista-module-different-GfybB {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px !important;
}
.vista-module-different-GfybL img {
    width: 100% !important;
    height: 405px !important;
}
.vista-feather-GfybA {
    border-radius: 50px;
    background: #EBFCFF;
    width: 100%;
    display: block;
    align-items: center;
    gap: 35px;
    position: relative;
    padding: 26px 20px;
    margin-top: 70px;
}
.vista-module-different-GfybJ {
    display: contents;
}
.vista-module-different-GfybI {
    padding: 29px 0px 40px 20px;

}
/* vista module end */
/* Inventory module */

.vista-inventory-module-banner-GfybI {
    /* width: 100% !important; */
    height: 100% !important;
    /* border-radius: 15px 0 0 0; */
}
.vista-inventory-module-banner-GfybA {
    padding: 0px 0 565px 0;
}
.vista-inventory-module-banner-GfybI {
     width: 100% !important;
     padding-top: 370px;
     padding-left: 30px;
        padding-right: 10px;
}
img.vista-inventory-module-banner-GfybJ {
     height: auto !important;
     left: -122px !important;
     width: auto !important;
     margin-top: 355px;
     padding-left: 55px;
     padding-right: 10px;
}
.vista-inventory-module-banner-GfybF {
    /* position: inherit; */
    width: 100%;
    height: 100%;
}
.vista-inventory-module-banner {
    height: 700px !important;
}
.vista-inventory-module-banner-GfybE {
    height: 65px;
}

img.vista-feather-GfybC {
    width: 100% !important;
}
.vista-module-different-GfybK {
    border-radius: 0 0 30px 30px;
    padding: 40px;
    align-items: start;
    justify-content: start;

}
.vista-module-different-GfybK h5 {
    max-width: 600px;
}
.vista-module-different-GfybK h1 {
    max-width: 500px;
}
}


.search-filter-blog {
    height: 0vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 125px;
}
form#views-exposed-form-blog-image-block-6 {
    /* display: flex; */
    width: 100%;
    max-width: 420px;
}
.search-filter-blog .views-field.views-field-title {
  display: none;
}
.search-filter-blog input#edit-combine {
    width: 134%;
    max-width: 1000px;
    padding: 14px 32px;
    font-size: 14px;
    border: 1px solid #d1d5db;
    border-radius: 25px;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23999' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 23px center;
    background-size: 23px;
}
.search-filter-blog input#edit-combine::placeholder {
    color: #9ca3af;
}
.search-filter-blog input#edit-combine:focus {
    border-color: #4f46e5;
    box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.2);
}

.search-filter-blog input#edit-submit-blog-image {
    display: none;
    flex: 1;
    padding: 10px 14px;
    font-size: 14px;
    border: 1px solid #dfdfdf;
    border-right: none;
    border-radius: 11px;
    outline: none;

}


.search-filter-blog input#edit-submit-blog-image:focus {
    border-color: #d8d8d5;
}
.search-filter-blog input#edit-submit-blog-image:hover {
    background-color: #949494;
}
#block-vistaerp-views-block-blog-image-block-6 .views-field.views-field-title {
  display: none;
}


form#views-exposed-form-blog-image-page-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 75px;
    background: aliceblue;
    padding-bottom: 45px;
}
form#views-exposed-form-blog-image-page-1 input#edit-combine {
    width: 140%;
    max-width: 500px;
    padding: 14px 23px;
    font-size: 14px;
    border: 1px solid #d1d5db;
    border-radius: 25px;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23999' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 23px center;
    background-size: 23px;

}
form#views-exposed-form-blog-image-page-1 input#edit-submit-blog-image {
    display: none;
    background-color: #111E3E;
    color: #ffffff;
    padding: 10px 30px;
    border: none;
    border-radius: 21px;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}
form#views-exposed-form-blog-image-page-1 div#edit-actions {
    padding-left: 20px;
}
.search-page {
    background: aliceblue;
    padding-top: 8px;
    padding-bottom: 5px;
}
.search-page .blogs-on-product-GfybO img {
    width: 42% !important;
    border: 1px solid #fdf0e0;
}