.main-section {margin: 80px 0}
.main-content .breadcrum-section {margin-top: 80px;}
.main-content .breadcrum-section nav {padding: 24px 0;}
.breadcrumb-list {display: flex;gap: 8px;align-items: center;list-style: none;}
.breadcrumb-item a {color: #999;font-size: 14px;text-decoration: none;transition: color .3s}
.breadcrumb-item a:hover {color: #fff}
.breadcrumb-divider svg {fill: #fff;width: 9px;height: 10px}
.breadcrumb-divider svg rect {fill: #fff;}
.hero-container {display: grid;}
.logo-section,.vgm-b-create-block-vgm-25-faq,.vgm-b-create-block-vgm-25-vgm-processsteps {background: #31763b;border-bottom: 1px solid #4e4e4e;}
.hero-content {display: flex;justify-content: space-between;align-items: flex-end}
.hero-header {flex: 0 0 50%;display: flex;flex-direction: column;gap: 16px}
.hero-kicker {font-size: 14px;font-weight: 300;color: #aaa;letter-spacing: 1px;text-transform: uppercase}
.hero-heading {font-size: 72px;font-weight: 700;line-height: 80px;color: #fff;letter-spacing: -1px;margin-bottom: 25px}
.heading-11,.heading-11-vgm,.vgm-heading-11 .m-g {font-size: 62px;text-align: left}
.heading,.heading-11,.heading-11-vgm,.heading-mob,.vgm-heading-11 {line-height: 80px;color: #181a1f;letter-spacing: -1px;transition: color .3s}
.heading,.heading-mob {font-size: 57px;text-align: center}
.heading,.heading-11-vgm,.m-g-desc,.vgm-25-heading-5{font-weight: 600;}
.hero-description {flex: 0 0 30%;display: flex;flex-direction: column; gap: 24px}
.text-body {font-size: 18px;line-height: 28px;color: #ccc}
.action_button,
.button {display: inline-flex; align-items: center;font-size: 18px;font-weight: 600;text-decoration: none;color: #fff;gap: 8px;transition: color .3s}
.action_button:hover,.btn-action:hover,.btn-primary:hover,.button:hover {color: #6ecc7b;text-decoration: none}
.action_button--large,.action_button--primary,.button--primary {color: #fff;border-radius: 4px;text-decoration: none}
.action_button:hover svg,
.button:hover svg {transform: scale(1.2);fill: #fff;animation: 1s ease-in-out infinite bounce}
.btn-primary:hover .btn-arrow,
.button:hover .button-arrow .arrow {color: #fff;overflow: hidden;text-decoration: none}
.btn-primary:hover .btn-arrow svg,.button:hover .button-arrow svg .arrow svg {transform: translateX(6px)}
.arrow,.btn-arrow,.button-arrow {display: inline-flex;justify-content: center;align-items: center;width: 36px;height: 36px;color: #6ecc7b;border-radius: 50%;border: 1px solid #6ecc7b;padding: 6px;cursor: pointer;transition: color .3s, transform .3s;overflow: hidden}
.arrow svg,.btn-arrow svg,.button-arrow svg {width: 18px;height: 18px;fill: #6ecc7b;transition: transform .3s, fill .3s}
.hero-image {margin-top: 80px;text-align: center;display: inline-flex;}
.hero-image picture {display: inline-flex;}
.hero-image img {width: 100%;max-height: 520px;object-fit: cover}
.logo-section {padding: 40px 0;}
.logo-wrapper,.vgm-25-wrapper { margin: 0 auto;padding: 0 24px}
.logo-section .logo-list .logo-item img,.logo-wrapper,.vgm-25-wrapper{ width: 100%}
.logo-section .logo-list {display: flex;justify-content: space-between;gap: 80px 40px}
.logo-section .logo-list .logo-item { display: flex;align-items: center;justify-content: center}
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}
.abs-build-cont {display: flex;justify-content: space-between;gap: 40px;}
.logo-item.revealed {opacity: 1;transform: translateY(0)}
.logo-item { opacity: 0; transform: translateY(20px);transition: opacity .6s ease-out, transform .6s ease-out}
.logo-item.animate { animation: .6s ease-out forwards slideIn; visibility: visible}
.logo-item:first-child,.logo-item:nth-child(15),.logo-item:nth-child(8) { animation-delay: .2s}
.logo-item:nth-child(16),.logo-item:nth-child(2),.logo-item:nth-child(9) {animation-delay: .4s}
.logo-item:nth-child(10),.logo-item:nth-child(17),.logo-item:nth-child(3) {animation-delay: .6s}
.logo-item:nth-child(11),.logo-item:nth-child(18),.logo-item:nth-child(4) { animation-delay: .8s}
.logo-item:nth-child(12),.logo-item:nth-child(19),.logo-item:nth-child(5) { animation-delay: 1s}
.logo-item:nth-child(13),.logo-item:nth-child(20),.logo-item:nth-child(6) { animation-delay: 1.2s}
.logo-item:nth-child(14),.logo-item:nth-child(21),.logo-item:nth-child(7) { animation-delay: 1.4s}
.vgm-b-create-block-vgm-25-services-column {position: relative;color: #FFFFFF;background: #31763b;border-bottom: 1px solid #4e4e4e;padding: 100px 0}
.services-container,.vgm-b-create-block-vgm-25-faq .faq-faq-wrapper,.vgm-b-create-block-vgm-25-vgm-processsteps .vgm-processsteps-items {display: flex;gap: 8px}
.services-container .services-column-header {flex: 0 0 40%}
.services-container .services-column-header .services-header-content {position: sticky;top: 80px;display: flex;flex-direction: column;align-items: flex-start;max-width: 80%;margin-top: 80px;text-align: left}

.services-container .services-column-header .services-header-content h2,
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-header-content h2,
.vgm-b-create-block-vgm-25-faq .faq-faq-wrapper .faq-header h2 {margin-bottom: 24px}
blockquote,q {quotes: none}
blockquote {font-size: var(--blockquote--font-size);line-height: var(--line_hight--large)}
.services-container .services-column-header .services-header-content p,
.services-list-header-content p,
.services-list-item span,
.services-listing-header-content p,
.services-listing-item-heading span,
.vgm-b-create-block-vgm-25-faq .faq-faq-wrapper .faq-header p,
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-header .mobile-services-slider-header-content div p,
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-back a p,
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-back div p,
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-front .mobile-services-slider-item-content p {
    color: #b3b3b3;
}
.services-container .services-column-items {flex: 0 0 60%; display: flex;flex-direction: column; gap: 8px}
.services-container .services-column-items .services-column-item { display: flex; padding: 40px; border: 1px solid #333333;gap: 24px}
.services-container .services-column-items .services-column-item:nth-child(2n) { flex-direction: row-reverse}
.services-column-item .services-image {flex: 0 0 50%;text-align: center}
.services-column-item .services-image img { width: auto; max-height: 204px}
.services-column-item .services-text span { margin-bottom: 8px;color: #5E616B}
.services-column-item .services-text p { margin-top: 12px;color: #b3b3b3}
.services-column-item .services-text .services-pills { display: flex;flex-wrap: wrap;gap: 8px;margin-top: 24px}
.services-column-item .services-text .services-pills span {display: flex;align-items: center;justify-content: center;padding: 4px 10px; color: #FFFFFF;border-radius: 100px;background: #33363D}
.services-list-header,
.services-listing-header { display: flex; justify-content: space-between;align-items: center;padding-bottom: 24px;gap: 24px}
.services-list-header-content,
.services-listing-header-content { display: flex; flex-direction: column; max-width: 515px; gap: 24px}
.services-list-items,.services-listing-content,.vgm-b-create-block-vgm-25-cta-simple .cta-header-content>div {display: flex;flex-direction: column}
.services-list-item-wrapper,
.services-listing-item { position: sticky; top: 0; padding: 100px 0; border-top: 1px solid #333333}
.services-list-item,
.services-listing-item-content,.vgm-b-create-block-vgm-25--full .-full-content { display: flex; justify-content: space-between; gap: 24px}
.vgm-b-create-block-vgm-25-vgm-processsteps.light { color: #181A1F;border-bottom: 1px solid #EBEBEB;background: #F5F5F5}
.vgm-b-create-block-vgm-25-faq,
.vgm-b-create-block-vgm-25-vgm-processsteps { position: relative; padding: 100px 0; color: #FFFFFF}
.vgm-b-create-block-vgm-25-vgm-processsteps .vgm-processsteps-header { display: flex;justify-content: space-between;margin-bottom: 80px; gap: 24px}
.vgm-b-create-block-vgm-25-vgm-processsteps.light .vgm-processsteps-items .vgm-processsteps-item {color: #000;border: 1px solid #D0D2D6}
.vgm-b-create-block-vgm-25-vgm-processsteps .vgm-processsteps-items .vgm-processsteps-item {
    display: flex;align-items: flex-start;flex: 1;flex-direction: column; border: 1px solid #333333; border: 1px solid #000; position: relative;display: flex; align-items: flex-start;flex: 1; flex-direction: column; border: 1px solid #333333; gap: 16px}
.vgm-b-create-block-vgm-25-vgm-processsteps .vgm-processsteps-items .vgm-processsteps-item .vgm-processsteps-item-content .vgm-processsteps-item-header span {
    transition: opacity .3s ease-in-out;color: #b5b2b2}
.vgm-b-create-block-vgm-25-vgm-processsteps.light .vgm-processsteps-items .vgm-processsteps-item span {color: #5E616B}
.vgm-25-body-2--medium span { color: #cecaca}
.heading-10,
.vgm-25-body-1--medium,.vgm-25-body-2--medium,.vgm-25-body-3--medium,.vgm-25-body-4--medium,.vgm-25-heading-1,.vgm-25-heading-2,.vgm-25-heading-3,.vgm-25-heading-5,.vgm-25-heading-7 {font-weight: 500}
.paragraph,p { font-weight: 400;}
.vgm-25-heading-7 {font-size: 28px;line-height: 34px}
.action_button--primary.action_button--inverse,
.vgm-b-create-block-vgm-25-vgm-processsteps.light .vgm-processsteps-items .vgm-processsteps-item p {color: #181A1F}
.vgm-b-create-block-vgm-25-vgm-processsteps .vgm-processsteps-items .vgm-processsteps-item .vgm-processsteps-item-content p {
    transition: transform .3s ease-in-out; color: #b3b3b3}
.vgm-25-body-2,.vgm-25-body-2--medium {font-size: 16px;line-height: 22px}
.vgm-b-create-block-vgm-25-vgm-processsteps .vgm-processsteps-items .vgm-processsteps-item .vgm-processsteps-item-content {
    width: 100%; height: 100%; padding: 40px; transition: background .3s ease-in-out}
.vgm-b-create-block-vgm-25-vgm-processsteps light { background-color: #fff}
.vgm-b-create-block-vgm-25-vgm-processsteps .vgm-processsteps-items .vgm-processsteps-item .vgm-processsteps-item-content .vgm-processsteps-item-header {
    display: flex;flex-direction: column;margin-bottom: 16px;transition: transform .3s ease-in-out;gap: 8px}
.vgm-processsteps-item-content {border: 1px solid #cecaca}
.vgm-b-create-block-vgm-25-mobile-services-slider {position: relative;padding: 100px 0 180px;color: #FFFFFF;border-bottom: 1px solid #4e4e4e; background: #31763b}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-header {display: flex;align-items: flex-end;justify-content: space-between; margin-bottom: 80px}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-header .mobile-services-slider-header-content {
display: flex;justify-content: space-between;width: 100%; gap: 24px}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-header .mobile-services-slider-header-content h2 { max-width: 50%}
.vgm-b-create-block-vgm-25-case-study .new-case-study-header .new-case-study-header-button,
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-header .mobile-services-slider-header-content div {display: flex;flex: 0 0 50%;flex-direction: column; gap: 40px}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items {display: grid;gap: 8px; grid-template-columns: repeat(3, 1fr)}
.mobile-services-slider-header-content,.vgm-25-body-12 {text-align: left}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item { position: relative;aspect-ratio: 410/428;perspective: 1000px}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item.mobile-services-slider-extra {
    display: flex;align-items: center;justify-content: center;padding: 0 40px;text-align: center;color: #b3b3b3}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item:hover .mobile-services-slider-item-back,
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item:hover .mobile-services-slider-item-front {
    transform: rotateY(180deg)
}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item:nth-of-type(3n+1) {
    transform: translateY(80px)
}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item:nth-of-type(3n+2) {
    transform: translateY(40px)
}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item:nth-of-type(3n) {
    transform: translateY(0)
}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item.flutter .mobile-services-slider-item-front:before {
    background: radial-gradient(circle at top left, rgba(25, 106, 212, .45), rgba(25, 106, 212, 0) 45%)
}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item.android .mobile-services-slider-item-front:before {
    background: radial-gradient(circle at top left, rgba(61, 219, 133, .45), rgba(61, 219, 133, 0) 45%)
}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item.ios .mobile-services-slider-item-front:before {
    background: radial-gradient(circle at top left, rgba(255, 255, 255, .45), rgba(255, 255, 255, 0) 45%)
}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item.react .mobile-services-item-front:before {
    background: radial-gradient(circle at top left, rgba(97, 218, 251, .7), rgba(255, 255, 255, 0) 45%)}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-front:before {
    background: radial-gradient(circle at top left, #000, rgba(255, 255, 255, 0) 45%);position: absolute;top: 0;left: 0; width: 100%;height: 100%;content: ""}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-front {
    position: relative;display: flex;flex-direction: column;width: 100%;height: 100%;padding: 40px; cursor: pointer;transition: transform .8s;background: #000;transform-style: preserve-3d;backface-visibility: hidden}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-front .mobile-services-slider-item-grid {
    position: absolute;top: 0;left: 0; width: 100%; height: 100%}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-front .mobile-services-slider-item-icon {
    position: relative; z-index: 2; width: 64px; height: 64px}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-front .mobile-services-slider-item-content {
position: relative;z-index: 2; display: flex; flex-direction: column;margin-top: auto;gap: 16px}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-back {
    position: absolute;top: 0;left: 0; width: 100%;height: 100%;transition: transform .8s;transform-style: preserve-3d}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-back a,
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-back div {
    display: block;width: 100%;height: 100%;padding: 40px; transform: scaleX(-1); background: #000}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-back a .show-more-button,
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-back div .show-more-button {
 display: inline-flex; align-items: center;margin-top: 12px;color: #FFFFFF;font-size: 14px;font-weight: 500;line-height: 20px; gap: 8px}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-back a:hover,
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-back div:hover {
    text-decoration: none}
.heading-mob,.marquee-logo-section,.new-body-1-mob,.vgm-25-heading-8-mob,
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item-mobile,
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items-controls,.vgm-heading-11 {display: none}
.vgm-b-create-block-vgm-25-case-study .new-case-study-header { display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 80px;gap: 40px}
.new-case-study-header { display: flex; margin-bottom: 100px; margin-top: 40px;}
.vgm-b-create-block-vgm-25-case-study .new-case-study-header .new-case-study-header-content {flex: 0 0 50%}
.new-heading-3,.vgm-25-heading-3 {font-size: 60px;line-height: 66px;}
.vgm-b-create-block-vgm-25-case-study .new-case-study-header .new-case-study-header-button p {max-width: 612px;color: #b3b3b3}
.new-body-1,.new-body-1--medium,.new-body-1-mob,.vgm-25-body-1,.vgm-25-body-1--medium {font-size: 18px;line-height: 28px}
.new-body-1-mob,.vgm-25-body-1,.vgm-25-body-2,.vgm-25-body-3,.vgm-25-caption-1 {font-weight: 400}
.vgm-25-wrapper { text-align: center; border-radius: 8px}
.boxes-carousel-header-content {max-width: 600px; margin: 0 auto}
.subheading { display: flex;align-items: center;justify-content: center; margin-bottom: 10px}
.subheading-1 {display: flex;margin-bottom: 10px}
.pulse,.pulse-1 { width: 10px; height: 10px; background-color: #32cd32; border-radius: 50%;margin-right: 5px;animation: 1.5s infinite pulse}
.action_button--large svg,.action_button--xlarge svg,.faq-icon { height: 20px; width: 20px}
.testimonial-slider .testimonialSwiper {padding-bottom: 50px;}
.testimonialSwiper .swiper-slide { display: flex; flex: 0 0 33%; flex-direction: column;padding: 32px 40px;background: #ebebeb;height: auto;}
.testimonialSwiper .swiper-button-prev { position: relative;left: auto;margin-right: 20px;}
.testimonialSwiper .swiper-button-next {right: 0px; position: relative;}
.testimonialSwiper .swiper-button-next:after,.testimonialSwiper .swiper-button-prev:after {content: "";display: inline-block; width: 20px; height: 20px;     background-size: cover;}
.testimonialSwiper .swiper-button-next:after {background-image: url(../images/left-arrow.png);transform: rotate(180deg);}
.testimonialSwiper .swiper-button-prev:after { background-image: url(../images/left-arrow.png);}
.quote {font-size: 20px; line-height: 28px; color: #181a1f; font-family: Utopia;font-weight: 400; margin-bottom: 40px;}
.author-quote {margin-top: auto; padding-top: 24px;border-top: 1px solid #d0d2d6;}
.author-quote cite p {font-size: 14px;line-height: 20px;color: #181a1f;font-weight: 500;}
.author-quote cite .mq20-heading-10{font-weight: 600;font-size: 16px;line-height: 26px;}
.testimonial-head {margin-bottom: 80px;}
.progress-bar {text-align: center; font-size: 16px;font-weight: bold;position: relative; left: 10px;color: #181a1f;justify-content: left;display: flex;align-items: flex-start;flex-direction: column; gap: 8px;}
.control-btns {position: relative;display: flex;flex-direction: row-reverse;}
.counter-progress { position: relative; width: 120px; height: 1px; background: #d0d2d6;}
.counter-progress .counter-progress-active { position: absolute; left: 0; width: 50%; height: 100%; background: #31763b;}
.controls-swiper {width: 100%;display: flex;justify-content: space-between;margin-top: 24px;}
.md-20 h2 {font-size: 60px;font-weight: 600;line-height: 66px;}
.md-20 p {flex: 0 0 100%;}
.md-20 p {flex: 0 0 50%;color: #a3a6ad;font-size: 18px;line-height: 28px;}
 .testimonial-head h2 {color: #181a1f;}
 .right-det {flex: 0 0 50%;display: flex;align-items: flex-start;flex-direction: column;width: 50%;gap: 40px;}
 .right-det p {margin-bottom: 20px;color: #181a1f;}
 .right-det .action-button {color: #181a1f;font-weight: 600;}
 .right-det .action-button .arrow,.right-det .action-button:hover .arrow {border-color: #31763b;}
 .action-button {font-size: 18px;line-height: 24px;color: #FFF;display: inline-flex;align-items: center;}
.action-button:hover, .action_button:active {color: #6ecc7b;}
.action-button .arrow, .action-button:hover .arrow, .action-button:active .arrow {border-color: #6ecc7b;}
.action-button:hover svg {animation-name: arrowAnim;animation-iteration-count: infinite;}
.action-button svg {width: 20px;height: 20px;}
.action-button svg {animation-duration: 1s;}
.action-button .arrow { display: flex; overflow: hidden; align-items: center;justify-content: center;padding: 5px;border-width: 1px; border-style: solid; border-radius: 50%;aspect-ratio: 1 / 1;}
@keyframes arrowAnim {
   0% {
    transform: translate(0, 0);
   }
   50% {
    transform: translate(100%, -100%);
   }
   51% {
    transform: translate(-100%, 100%);
   }
   100% {
    transform: translate(0, 0);
   }
}
@keyframes pulse {
    0%,100% { transform: scale(1); opacity: 1}
    50% {transform: scale(1.5);opacity: .5}
}
@keyframes pulse-1 {
    0%,100% {transform: scale(1); opacity: 1}
    50% { transform: scale(1.5); opacity: .5}
}
.vgm-25-caption-1 {color: #333}
.vgm-25-heading-1--mobile,.vgm-25-heading-2 {font-size: 32px;font-weight: 700;color: #181a1f;margin: 20px 0}
.vgm-25-body-1,.vgm-25-vgm-25-body-2--mobile { font-size: 16px;color: #666;margin-bottom: 20px}
.vgm-25-body-11 {color: #000;text-align: left; padding-top: 30px}
.cta_button,.cta_button-1 {display: inline-block;padding: 10px 20px;font-size: 16px;border-radius: 5px;transition: background-color .3s; text-decoration: none}
.cta_button { color: #fff; background-color: #6ecc7b}
.cta-button,.cta_button-1 {background-color: #fff;color: #000}
.cta_button--primary { background-color: #6ecc7b}
.cta_button-1--secondary { background-color: #fff}
.cta_button--large,.cta_button-1--large { padding: 15px 30px}
.vgm-b-create-block-vgm-25--full,.vgm-b-create-block-vgm-25-boxes-carousel {padding: 100px 0;border-bottom: 1px solid #EBEBEB; position: relative}
.cta_button:hover {background-color: #000;color: #fff;}
.cta_button-1:hover {background-color: #d6d1d1}
.vgm-b-create-block-vgm-25-boxes-carousel {color: #000; background: #fff}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-header-content {display: flex;align-items: center;flex-direction: column; max-width: 830px;margin: 0 auto 120px;text-align: center}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-header-content .subheading,
.vgm-b-create-block-vgm-25-cta-simple .cta-header-content>div .subheading,
.vgm-b-create-block-vgm-25-cta-simple .cta-header-content>div .subheading-1 {display: flex; align-items: center; margin-bottom: 24px;gap: 6px}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-header-content .subheading .pulse {position: relative;display: block;width: 8px;height: 8px;border-radius: 50%;}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-header-content .subheading .pulse:after {display: block; width: 8px;height: 8px;content: "";animation: 2s infinite pulse;border-radius: 50%;}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-header-content p { max-width: 600px}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-header-content a,
.vgm-b-create-block-vgm-25-faq .faq-faq-wrapper .faq-header a { margin-top: 40px}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-header-content-left { display: flex; justify-content: space-between;margin-bottom: 80px; gap: 40px}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-header-content-left .boxes-carousel-header-content-text {display: flex;align-items: flex-start;flex: 0 0 41.6666666667%;flex-direction: column; gap: 40px}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-content {display: grid; overflow: hidden; gap: 8px;grid-template-columns: repeat(1, 1fr)}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-content .boxes-carousel-row {display: flex;transform: translateX(-20vw);gap: 8px}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-content .boxes-carousel-row:last-child {transform: translateX(-25vw)}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-content .why-box-text { width: 410px;padding: 40px;background: #EBEBEB}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-content .why-box-text img { margin-bottom: 16px}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-content .why-box-text h3 { margin-bottom: 12px}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-content .why-box-image {width: 410px}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-content .why-box-image img {width: 100%;min-width: 100%;height: auto; min-height: 100%; -o-object-fit: cover; object-fit: cover}
.heading-11-vgm,.vgm-25-heading-11,.vgm-heading-11 {font-size: 60px;line-height: 66px;text-align: left}
.fade-in {opacity: 1;transition: opacity .5s}
.btn-action,.btn-primary {display: inline-flex; align-items: center; font-size: 18px; font-weight: 600;text-decoration: none;color: #6ecc7b;gap: 8px; transition: color .3s}
.btn-large {color: #000;border-radius: 4px; text-decoration: none}
.btn-primary:hover svg {transform: scale(1.2); fill: #6ecc7b;animation: 1s ease-in-out infinite bounce}
.cta-section{padding:100px 0;color:#fff;background-color:#31763b}
.cta-wrapper{margin:0 auto;padding:0 24px;position:relative}
.cta-wrapper,.cta-wrapper-wide,.services-icons-container,.services-icons-wrapper{width:100%}
.cta-header-content{display:flex;align-items:flex-start;flex-direction:column;max-width:720px;gap:24px;text-align:left}
.cta-header-content>div .cta-subheading,.cta-header-content>div .cta-subheading-1{display:flex;align-items:center;margin-bottom:24px;gap:6px}
.cta-header-content>div .cta-subheading .cta-pulse-1,.cta-header-content>div .cta-subheading-1 .cta-pulse-1{position:relative;display:block;width:8px;height:8px;border-radius:50%;background:#4caf50;text-align:left}
@keyframes cta-pulse-1{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}
.cta-pulse-1{width:10px;height:10px;background-color:#32cd32;border-radius:50%;margin-right:5px;animation:1.5s infinite cta-pulse-1}
.cta-caption{font-size:14px;line-height:20px}
.cta-heading-main{font-size:80px;line-height:88px;}
.cta_button-1{display:none}
.cta-header-content p{max-width:520px}
.cta-body-text,.vg25-body-1{font-size:18px;line-height:28px}
.cta-header-content .cta-button-container,.sub-menu-mobile li:first-child{margin-top:24px}
.cta-header-content>div{display:flex;flex-direction:column}
.cta-arrow{position:absolute;top:0;right:0}
.cta-button{display:inline-block;padding:10px 20px;font-size:16px;color:#000;background-color:#fff;border-radius:5px}
.cta-button-primary{background-color:#6200ea}
.cta-button-secondary{background-color:#fff}
.cta-button-large{padding:15px 30px}
@keyframes bounce {
 0%,100% {transform: translate(0, 0)}
    50% {  transform: translate(100%, -100%)}
    51% {transform: translate(-100%, 100%) }
}
.vgm-b-create-block-vgm-25--full  {display: flex;flex-direction: column;gap: 80px}
.vgm-b-create-block-vgm-25--full  { max-width: 410px}
.vgm-b-create-block-vgm-25--full { overflow: hidden;color: #181A1F; background: #F5F5F5}
.vgm-b-create-block-vgm-25--full  {display: flex;align-items: flex-start;flex-direction: column;width: 50%;gap: 40px}
.action_button {display: flex;align-items: center}
.action_button--inverse .arrow,.action_button--inverse:active .arrow,.action_button--inverse:hover .arrow {border-color: #31763b}
.action_button .arrow,.action_button:active .arrow,.action_button:hover .arrow {border-color: #6ecc7b}
.action_button .arrow { display: flex;overflow: hidden;align-items: center;justify-content: center;padding: 5px;border-width: 1px;border-style: solid;border-radius: 50%; aspect-ratio: 1/1}
.action_button svg { animation-duration: 1s}
.vgm-b-create-block-vgm-25--full ,
.vgm-b-create-block-vgm-25-cta-simple .vgm-25-wrapper {position: relative}
.vgm-b-create-block-vgm-25--full { grid-template-columns: repeat(2, 1fr)}
.vgm-b-create-block-vgm-25--full .quote_author {border-top: 1px solid #D0D2D6;margin-top: auto; padding-top: 24px;border-top: 1px solid #d0d2d6}
.vgm-25-heading-10 {font-size: 16px;line-height: 26px}
.vgm-25-body-3,.vgm-25-body-3--medium,.vgm-25-caption-1 {font-size: 14px;line-height: 20px}
.vgm-b-create-block-vgm-25--full{display: flex;flex-direction: column; padding: 32px 40px; background: #ebebeb;margin-bottom: 40px;gap: 24px;position: relative;display: grid; gap: 8px}
.action_button--primary.action_button--inverse:active,
.action_button--primary.action_button--inverse:hover {color: #6ecc7b}
.vgm-b-create-block-vgm-25-faq .faq-faq-wrapper .faq-header {display: flex;align-items: flex-start;flex: 0 0 50%;flex-direction: column}
.vgm-25-heading-5 {font-size: 40px;line-height: 48px}
.action_button--large {font-size: 18px; line-height: 24px}
.action_button {align-items: center;font-weight: 500;gap: 12px}
.vgm-b-create-block-vgm-25-cta-simple {padding: 100px 0;color: #fff;background-color: #31763b}
.vgm-b-create-block-vgm-25-cta-simple .cta-header-content { display: flex;align-items: flex-start; flex-direction: column; max-width: 720px;gap: 24px;text-align: left}
.vgm-b-create-block-vgm-25-cta-simple .cta-header-content>div .subheading .pulse,
.vgm-b-create-block-vgm-25-cta-simple .cta-header-content>div .subheading-1 .pulse-1 {position: relative;display: block;width: 8px;height: 8px; border-radius: 50%;background: #4caf50;text-align: left}
.vgm-25-heading-1 {font-size: 80px;line-height: 88px}
.vgm-b-create-block-vgm-25-cta-simple .cta-header-content p {max-width: 520px}
.vgm-b-create-block-vgm-25-cta-simple .cta-header-content .cta-button { margin-top: 24px}
.vgm-b-create-block-vgm-25-cta-simple .cta-arrow {position: absolute;top: 0;right: 0}
.faq-container {max-width: 800px;margin: 50px auto; padding: 20px}
.faq-header {margin-bottom: 40px;text-align: left}
.faq-header h2 {font-size: 36px;margin-bottom: 10px}
.faq-header p {font-size: 18px;color: #aaa}
.faq-content {width: 100%;}
.faq-item {border-bottom: 1px solid #333;padding: 20px 0;cursor: pointer}
.faq-content .faq-item:last-child {border-bottom: none;}
.faq-question {display: flex;justify-content: space-between;align-items: center;font-size: 20px;cursor: pointer}
.faq-question h4 { margin: 0}
.faq-icon {position: relative;display: inline-block;transition: transform .3s}
.faq-icon::after,.faq-icon::before {content: '';position: absolute;background-color: #fff;transition: transform .3s}
.faq-icon::before { width: 20px;height: 2px;top: 50%;left: 0;transform: translateY(-50%)}
.faq-icon::after { width: 2px;height: 20px;top: 0;left: 50%;transform: translateX(-50%)}
.faq-item.open .faq-icon::after {transform: translateX(-50%) rotate(90deg)}
.faq-answer {display: none;padding: 10px 0;color: #ddd;transition: max-height .3s}
.faq-item.open .faq-answer {display: block;justify-content: left;text-align: left}
.marquee-container {overflow: hidden;white-space: nowrap;position: relative;width: 100%;background-color: #000;padding: 10px 0}
.marquee-wrapper {display: flex;align-items: center}
.marquee-list {display: flex;gap: 32px; animation: 20s linear infinite marquee-scroll}
.marquee-item {flex: 0 0 auto}
@keyframes marquee-scroll {
    from {transform: translateX(0)}
to { transform: translateX(-50%) }}
@keyframes scrollAnimation-left {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}
@keyframes scrollAnimation-right {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}
.boxes-carousel-row:nth-child(even) {animation: scrollAnimation-left 180s linear infinite;}
.boxes-carousel-row:nth-child(odd) {animation: scrollAnimation-right 180s linear infinite;}
@keyframes slideInFromLeft {
    from {
        transform: translateX(-100%);opacity: 0;}
    to {
        transform: translateX(0); opacity: 1;}}
@keyframes slideInFromRight {
    from {
        transform: translateX(100%);opacity: 0;}
    to {
        transform: translateX(0); opacity: 1;}}
.animated-left, .animated-right {opacity: 0;  transition: opacity 0.5s ease-out;}
.animate {opacity: 1;}
.animate-left {animation: slideInFromLeft 1s ease-out;}
.animate-right {animation: slideInFromRight 1s ease-out;}
.topnotch-sec {padding: 50px 0px;}
.Struggling-cont {padding-bottom: 50px}
.abs-icon {
    width: 70px;
    position: absolute;
    top: 40px;
    left: 40px;
    height: 70px;
}
.vgm-b-create-block-vgm-25-vgm-processsteps .vgm-processsteps-header .max-w-seventy {max-width: 70%;text-align: left;}
.topnotch-sec,.strug-vgm {background-color: #fff;}
.vgm-processsteps-items {overflow-x: scroll}
.case-study-item-link {margin-top: 80px;    }
@media (max-width: 1249px) {
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items {display: grid;grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:768px) {
.heading-mob,.marquee-logo-section,.new-body-1-mob,.vgm-25-heading-8-mob {display: block}
.services-container .services-column-items .services-column-item {flex-wrap: wrap;padding: 10px;}
.boxes-carousel-header-content-left,.faq-faq-wrapper,.hero-content,.mobile-services-slider-header-content,.new-case-study-header,.services-container {flex-direction: column;gap: 24px;}
.services-container .services-column-header .services-header-content {max-width: 100%; margin-top: 0}
.fade-in,.vgm-box-mob {text-align: left}
.cta_button--primary,.vgm-25-vgm-25-body-2--mobile,.vgm-mob-25 {text-align: center}
.new-heading-3 {font-size: 32px;font-weight: 700;line-height: 40px;}
.vgm-b-create-block-vgm-25-boxes-carousel .boxes-carousel-header-content-left { gap: 0}
.vg-25-create-block-vg25-process-steps .process-steps-header p { max-width: 0}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items {display: flex;overflow-x: scroll}
.heading-mob {font-size: 32px;line-height: 48px}
.cta_button--primary {padding: 10px 100px;margin-bottom: 50px;}
/*    .cta-arrow,.heading,.heading-11-vgm,.logo-section,.new-body-1 {display: none }*/
.case-study-item-link { margin-top: 18px}
.vgm-heading-11 {font-weight: 700; display: block; font-size: 30px; line-height: 45px}
.vgm-25-heading-3,.vgm-mob-25 {font-size: 32px;line-height: 42px;}
.vgm-mob-25 {line-height: 1.5 }
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item:nth-of-type(3n+1) {transform: translate(none)}
.vgm-b-create-block-vgm-25-vgm-processsteps .vgm-processsteps-items .vgm-processsteps-item .vgm-processsteps-item-content {padding: 10px;height: 100%}
.subheading-1,.cta-header-content {text-align: center;justify-content: center;}
.breadcrumb-list,.vgm-25-mob,.vgm-25-wrap-mob,.vgm-wrap-mob {padding: 0}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-back div {padding: 20px;}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item:nth-of-type(3n+1),
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item:nth-of-type(3n+2) {transform: none !important}
strong.custom-heading {font-size: 24px;}
strong.custom-heading-mob {font-size: 24px}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-header .mobile-services-slider-header-content h2 {max-width: 100%}
.vgm-b-create-block-vgm-25-services-column {padding: 20px 0}
.v-g { font-size: 54px}
.testimonial-head h2 {font-size: 28px !important;line-height: 34px !important;}
.flex-cont {flex-wrap: wrap; gap: 24px;}
.testimonial-head { margin-bottom: 40px;}
.testimonialSwiper .swiper-slide {flex: 0 0 100%;flex-direction: column;}
.md-20 p {flex: 0 0 100%;}    
.right-det {flex: 0 0 auto;width: 100%;}
.vgm-25-body-11 ,.cta-button-1,.cta_button-1--secondary {text-align: center;}
.cta_button-1--secondary{margin-left: 80px;}
.vgm-25-heading-1--mobile{font-size: 48px;}
.btn-action{text-align: center;}
.faq-question h4 {text-align: left;width: calc(100% - 20px);}
.cta-header-content {text-align: center;align-items: center;}
.cta-subheading-1 {text-align: center;justify-content: center;}   
.cta-heading-main {font-size: 28px;line-height: 56px;}
.cta-body-text {font-size: 14px;}
.services-column-item .services-image {flex: 0 0 100%;}
.vgm-b-create-block-vgm-25-vgm-processsteps .vgm-processsteps-items .vgm-processsteps-item {flex: 0 0 auto;width: 80%;}
.logo-wrapper, .vgm-25-wrapper {
    padding: 0px;
}
.vgm-b-create-block-vgm-25-vgm-processsteps .vgm-processsteps-header .max-w-seventy {max-width: 100%;text-align: left;font-size: 32px;line-height: 40px;}
.hero-content {align-items: flex-start;}
.hero-container {display: block;}
.breadcrumb-list {overflow-x: auto;}
.breadcrumb-list li {white-space: nowrap;}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item {width: 90%;flex: 0 0 auto;}
.vgm-b-create-block-vgm-25-mobile-services-slider {padding: 40px 0px;}
.heading, .heading-11, .heading-11-vgm, .vgm-heading-11 {line-height: 45px;font-size: 34px;}
.heading-mob {line-height: 34px;font-size: 24px;}
.cta-arrow svg {width: 50px;height: 50px;}
.hero-heading {font-size: 40px;line-height: 55px;margin-bottom: 0px;}
.abs-icon {top: 10px;left: 10px;width: 50px;height: 50px;}
.vgm-25-body-1, .vgm-25-vgm-25-body-2--mobile {margin-bottom: 5px}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-header {margin-bottom: 40px;}
.new-case-study-header {margin-bottom: 0px;}
.vgm-b-create-block-vgm-25-mobile-services-slider .mobile-services-slider-items .mobile-services-slider-item .mobile-services-slider-item-front {height: auto;padding: 60px 40px;}
}