.accordion h3,
.feature p,
.india-contact h5,
.main-navigation a,
.ul-grid h4,
.uppercase {
    text-transform: uppercase;
}
.accordion-content .ul-grid .grid-item:after,
.accordion-content .ul-grid .grid-item:before,
.footer-right .logo,
.main-navigation .contact-info,
.menu-toggle,
.no-before:before,
.submenu {
    display: none;
}
.banner,
.main,
.main-navigation a,
.top-header .inline-ul {
    color: var(--text-color);
}
.feature p,
.main-navigation li.active > a,
.main-navigation li:hover > a,
.top-header .inline-ul li a:hover {
    color: var(--primary-color);
}
.banner .icon,
.banner a img {
    vertical-align: middle;
}
.gradient-bg .card-link,
.main:before,
.video-full-width {
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}
.banner p,
.main-navigation,
.social-icons {
    margin-top: 1.5rem;
}
.banner p.info,
.gradient-bg h3 span,
.ul-grid h4 {
    font-weight: 600;
}
:root {
    --primary-color: #67e7e1;
    --text-color: #fff;
    --background-overlay: rgba(0, 0, 0, 0.6);
}
.top-header {
    column-gap: 2.1rem;
    padding: 1.8rem;
    border-bottom: 1px solid var(--text-color);
}
.top-header .inline-ul {
    column-gap: 2.1rem;
    font-size: 1.4rem;
    align-items: center;
}
.client-saying .left-side .count,
.feature .count {
    font-size: 9.6rem;
    line-height: 1;
    padding-bottom: 1.4rem;
}
.banner .icon,
.top-header .inline-ul li a {
    display: inline-flex;
}
.top-header .inline-ul li a .icon {
    margin-right: 0.7rem;
}
header {
    padding-top: 3.8rem;
}
.main-navigation .inline-ul {
    column-gap: 3.6rem;
}
.main-navigation li a,
footer .container {
    position: relative;
}
.main-navigation li,
.submenu li {
    line-height: 3.6rem;
}
.main-navigation li.active > a:after,
.main-navigation li.not-active > a:after {
    content: "";
    position: absolute;
    right: -8px;
    top: 8px;
    background-image: url("../images/arrow.svg");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 0.9rem;
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
}
.main-navigation li.active > a:after {
    width: 8px;
    height: 15px;
    right: 0;
    top: 5px;
    transform: rotate(0);
}
.main-navigation a {
    position: relative;
    font-size: 1.8rem;
    padding-right: 2rem;
}
.banner p,
.banner p.info,
.size-24 {
    font-size: 2.4rem;
}
.submenu {
    position: absolute;
    list-style: none;
}
.main {
    position: relative;
    min-height: 100vh;
}
.main:before {
    content: "";
    background: var(--background-overlay);
    z-index: -1;
    position: absolute;
}
.video-full-width {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    z-index: -2;
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    pointer-events: none;
}
.banner {
	/*margin-top:21.7rem;*/
    margin-top: 10.7rem;
}
.banner-inner {
    max-width: 102.2rem;
}
.banner p {
    line-height: 1.2;
    margin-bottom: 3rem;
    max-width: 92rem;
}
.accordion h3,
.feature p {
    line-height: 1.4;
}
.banner-inner-page {
    margin-top: 6.7rem;
    padding-bottom: 28rem;
}
.banner-inner-page h1 {
    font-size: 6.4rem;
}
.banner-inner-page p {
    font-size: 1.8rem;
    line-height: 1.4;
}
.banner p:last-child {
    margin-bottom: 0;
}
.banner-inner-page .banner-inner {
    max-width: 94.9rem;
}
.banner .btn {
    text-transform: none;
}
.banner .btn + .btn {
    margin-left: 1.8rem;
}
.feature {
    padding: 11.6rem 0 12.7rem;
}
.feature .three-columns {
    display: grid;
    grid-template-columns: 31rem 31rem 31rem;
    column-gap: 13.1rem;
}
.feature .count {
    border-bottom: 0.1rem solid #f5f5f5;
    margin-bottom: 1.8rem;
}
.accordion-content .page-section p,
.feature p {
    font-size: 1.8rem;
}
.accordion-content .ul-grid .grid-item,
.services {
    padding: 0;
}
.services .four-columns {
    display: grid;
    grid-template-columns: 31rem 31rem 31rem 31rem;
    column-gap: 1.9rem;
}
.services .gradient-bg {
    backdrop-filter: blur(14.800000190734863px);
    box-shadow: 0 0 30px 10px #0000000d;
    transition: 0.6s ease-in-out;
}
section.services.services-inside .gradient-bg:nth-child(3) {
    background: black;
    background: linear-gradient(96.74deg, #5E60A5 4.91%, #502476 99.71%);
}
.gradient-bg {
    background: linear-gradient(103.03deg, #ef426f 2.05%, #502476 102.39%);
    border-radius: 0 0 3.7rem;
    padding: 3rem 1.3rem 1.5rem 3rem;
}
.gradient-bg .card-link {
    position: absolute;
    z-index: 3;
}
.gradient-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(103.03deg, #bf2259 2.05%, #2a1742 102.39%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 1;
    pointer-events: none;
    border-radius: 0 0 3.7rem;
    overflow: hidden;
}
.gradient-bg:hover::after {
    opacity: 1;
}
.gradient-bg > * {
    color: #fff;
    position: relative;
    z-index: 2;
}
.services .gradient-bg:nth-child(3){
}
.services .gradient-bg.purpleOnly{background: linear-gradient(96.74deg, #5e60a5 4.91%, #502476 99.71%);}
.services .gradient-bg.purpleOnly .arrow {
    background-color: #5e60a5;
}
/*.success-stories .gradient-bg:last-child,*/
.ul-grid.purple .grid-item:before {
    background: linear-gradient(96.74deg, #5e60a5 4.91%, #502476 99.71%);
}
.services .gradient-bg:nth-child(3):after {
    background: linear-gradient(96.74deg, #3e417a 4.91%, #2a1742 99.71%);
}
.success-stories .gradient-bg:last-child:after {
    background: linear-gradient(96.74deg, #9496d1 4.91%, #7c4bcb 99.71%);
}

.success-stories .gradient-bg.redOnly:last-child{
    background: linear-gradient(103.03deg, #ef426f 2.05%, #502476 102.39%);
}
.services .gradient-bg:last-child {
    background: linear-gradient(100.36deg, #75bd43 0.42%, #002633 101.81%);
}
.gradient-bg .link-with-icon .arrow,
.success-stories .arrow {
    background-color: #ef426f;
}
.success-stories .gradient-bg.redOnly:last-child .arrow{
    background-color: #ef426f;
}

.success-stories .gradient-bg.redOnly:last-child:after{
    background: linear-gradient(103.03deg, #ff7a9f 2.05%, #7c4bcb 102.39%);
}
.services .gradient-bg:last-child:after {
    background: linear-gradient(100.36deg, #4a7f2a 0.42%, #00151a 101.81%);
}
.gradient-bg .icon {
    margin-bottom: 1.6rem;
}
.gradient-bg .link-with-icon {
    font-size: 1.8rem;
    display: flex;
    margin-top: 1.5rem;
    justify-content: space-between;
    align-items: center;
}
.services .gradient-bg:nth-child(3) .link-with-icon .arrow,
.success-stories .gradient-bg:last-child .arrow {
    /*background-color: #5e60a5;*/
}
.success-stories .with-bg,
.ul-grid.red .grid-item:before {
    background: linear-gradient(103.03deg, #ef426f 2.05%, #502476 102.39%);
}
.services .gradient-bg:last-child .link-with-icon .arrow {
    background-color: #75bd43;
}
.about {
    padding: 15rem 0 0;
}
.about .btn {
    margin-top: 3rem;
}
.about .two-columns {
    align-items: center;
    display: grid;
    grid-template-columns: 42rem auto;
    column-gap: 16.8rem;
}
.about-right img {
    width: 100%;
    height: auto;
}
.white-bg {
    color: #002633;
    background-color: #fff;
    margin-top: 13.7rem;
}
.white-bg .section-heading {
    color: #00968f;
    margin-bottom: 1.5rem;
}
.success-stories {
    color: #002633;
    padding: 15.7rem 0 14.6rem;
}
.success-stories .gradient-bg:after {
    border-radius: 0 0 3.7rem;
    overflow: hidden;
    background: linear-gradient(103.03deg, #ff7a9f 2.05%, #7c4bcb 102.39%);
}
.success-stories .arrow {
    width: 3.6rem;
    height: 3.6rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    right: 2.8rem;
    bottom: 2.1rem;
}
.success-stories .three-columns {
    margin-top: 5.7rem;
    display: grid;
   grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2rem;
}
.success-stories .gradient-bg {
    color: var(--text-color);
    padding: 0;
    position: relative;
}
.success-stories .gradient-bg .tile-img {
    display: block;
    margin: 0;
    width: 100%;
    min-height: 29.7rem;
    height: auto;
}
.success-stories .gradient-bg h3 {
    padding: 4.7rem 2.8rem 2.8rem 3.5rem;
}
.client-saying .accordion .accordion-item {
    padding: 4rem 0;
    border-bottom: 0.1rem solid #002633!important;
}
.accordion .accordion-item {
    padding: 4rem 0;
    border-bottom: 0.1rem solid #002633;
}
.accordion .accordion-item:last-child {
    border-bottom: 0;
}
.accordion .accordion-item:first-child,
.success-stories.reverse-order {
    padding-top: 0;
}
.accordion h3 {
    font-size: 2.4rem;
    color: #00968f;
    cursor: pointer;
    position: relative;
}
.accordion h3 img,
.accordion h3 svg {
    height: 3.2rem;
    width: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%) rotate(270deg);
    transition: transform 0.3s;
}
.tag-list li img,
.tag-list li:hover img {
    transition: transform 0.3s ease-in-out;
}
.accordion h3.active img,
.accordion h3.active svg {
    transform: translate(0, -50%) rotate(360deg);
}
.accordion-content {
    display: none;
    padding: 3rem 15rem 0 0;
}
.accordion-content p,
.our-logo .two-columns p {
    font-size: 3.2rem;
}
/*  .client-saying .two-columns {
    margin-top: 9rem;
    display: grid;
    grid-template-columns: 26rem auto;
    column-gap: 6.6rem;
    align-items: flex-start;
} */
.client-saying .two-columns {
    margin-top: 9rem;
    display: grid;
    grid-template-columns: 26rem auto !important;
    column-gap: 6.6rem !important;
    align-items: flex-start !important;
    justify-content: stretch !important;
}
.client-saying .left-side > div {
    margin-bottom: 9.6rem;
}
.client-saying .left-side p {
    font-size: 1.8rem;
    line-height: 1;
    margin-top: -20px;
}
.client-saying .left-side .count {
    margin-bottom: 1.8rem;
    margin-top: 0;
}
.footer-two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4.2rem;
    margin-top: 4.9rem;
}
footer {
    padding: 11.5rem 0 6.5rem;
}
.footer-middle {
    text-align: center;
    max-width: 90rem;
    margin: 0 auto;
}
.accordInDesk.india,
.footer-middle h3 {
    margin-bottom: 10rem;
}
footer li {
    display: block;
}
footer li a {
    font-size: 2rem;
    line-height: 2;
    display: inline-flex;
    align-items: center;
}
footer li a:hover {
    color: #67e7e1;
}
footer li a .icon {
    margin-right: 1.5rem;
    display: flex;
    align-items: center;
}
.footer-right {
    display: grid;
    grid-template-columns: 33rem 22rem;
    column-gap: 4.2rem;
    padding-top: 2.9rem;
}
.footer-left .logo {
    margin-bottom: 3rem;
    display: inline-block;
}
.footer-left > p {
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin-top: 3.3rem;
}
.footer-left > p a {
    text-decoration: underline;
}
footer .divider {
    display: flex;
    column-gap: 2rem;
    padding-right: 5rem;
}
footer .divider .line {
    width: 90%;
    height: 0.2rem;
    background-color: #fff;
    margin: 5.2rem 0 0;
    position: relative;
}
footer .divider img {
    position: absolute;
    right: 0;
}
.social-icons a {
    font-size: 2rem;
    margin-right: 2rem;
}
.social-icons a .icon {
    display: inline-block;
    transform: rotate(270deg);
    margin-left: 1.5rem;
}
@keyframes slide {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
.logos {
    padding-bottom: 4rem;
}
.logos:hover .logos-slide {
    animation-play-state: paused;
}
.logos-slide {
    display: inline-flex;
    align-items: center;
    animation: 35s linear infinite slide;
}
.logos-slide img {
    margin: 0 17px;
    opacity: 0.5;
}
.india-contact h5,
.info-wrapper h5,
.ul-grid h4 {
    margin-bottom: 1.5rem;
}
#toggle {
    width: 4.3rem;
}
#toggle div {
    width: 100%;
    height: 1px;
    background: #fff;
    margin: 6px auto;
    transition: 0.3s;
    backface-visibility: hidden;
}
#toggle.on .one {
    transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on .two {
    opacity: 0;
}
#toggle.on .three {
    transform: rotate(-45deg) translate(5px, -6px);
}
.services-inside {
    padding: 6rem 0 0;
}
.two-columns {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 12.4rem;
    align-items: center;
}
.reverse-order .left-side {
    order: 2;
}
.ul-grid {
    display: grid;
    grid-template-columns: 45% 45%;
    column-gap: 10.9rem;
    row-gap: 2.4rem;
    margin-top: 8.6rem;
}
.ul-grid .grid-item {
    position: relative;
    padding-left: 7rem;
    padding-right: 7rem;
}
.ul-grid .grid-item:before {
    position: absolute;
    content: "";
    width: 4.2rem;
    left: 0;
    height: 4.2rem;
    background: linear-gradient(112.9deg, #00968f 0, #002633 100%);
    border-radius: 50%;
    top: 0;
}
.ul-grid .grid-item:after {
    content: "";
    position: absolute;
    left: 1rem;
    top: 0.8rem;
    width: 2.4rem;
    height: 2.4rem;
    background: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23fff" stroke-width="3" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5 13l4 4L19 7"/></svg>')
        center center/contain no-repeat;
}
.ul-grid h4 {
    font-size: 2.4rem;
    line-height: 1.5;
    color: #00968f;
}
.banner-columns {
    display: grid;
    position: relative;
    z-index: 1;
    grid-template-columns: repeat(auto-fit, minmax(216px, 216px));
    column-gap: 5.4rem;
    margin-top: 6.3rem;
}
.banner-columns h3 {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 0.1rem solid #fff;
}
.info-wrapper h5,
.our-logo .two-columns h3 {
    font-size: 2.4rem;
    color: #00968f;
}
@media screen and (min-width: 992px) {
    .swiper-wrapper.accordion {
        display: block;
    }
    .accordInDesk .swiper,
    body .client-say {
        overflow: visible;
    }
}
.logos img {
    opacity: 0.5;
    max-height: 92px;
}
.logos img:hover {
    opacity: 1;
    max-height: 92px;
}
@keyframes animatedBackground {
    0% {
        background-position: -15% 110%;
        background-size: 40%;
    }
    100% {
        background-position: 110% -15%;
        background-size: 100%;
    }
}
.feature .count:hover,
.left-side .count:hover,
.shimmer {
    color: rgba(255, 255, 255, 0.1);
    background: -webkit-gradient(linear, left top, right top, from(#00968f), to(#00968f), color-stop(0.5, #fff));
    background: -moz-gradient(linear, left top, right top, from(#00968f), to(#00968f), color-stop(0.5, #fff));
    background: gradient(linear, left top, right top, from(#00968f), to(#00968f), color-stop(0.5, #fff));
    -webkit-background-size: 125px 100%;
    -moz-background-size: 125px 100%;
    background-size: 125px 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-animation-name: shimmer;
    -moz-animation-name: shimmer;
    animation-name: shimmer;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: #00968f;
}
.form-label,
.info-wrapper p {
    color: #002633;
    font-size: 1.8rem;
}
.feature .count:hover,
.left-side .count:hover {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-moz-keyframes shimmer {
    0% {
        background-position: top left;
    }
    100% {
        background-position: top right;
    }
}
@-webkit-keyframes shimmer {
    0% {
        background-position: top left;
    }
    100% {
        background-position: top right;
    }
}
@-o-keyframes shimmer {
    0% {
        background-position: top left;
    }
    100% {
        background-position: top right;
    }
}
@keyframes shimmer {
    0% {
        background-position: top left;
    }
    100% {
        background-position: top right;
    }
}
.scroller__inner {
    padding-block: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.scroller[data-animated="true"] {
    overflow: hidden;
}
.scroller[data-animated="true"] .scroller__inner {
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
}
.scroller[data-direction="right"] {
    --_animation-direction: reverse;
}
.scroller[data-direction="left"] {
    --_animation-direction: forwards;
}
.scroller[data-speed="fast"] {
    --_animation-duration: 20s;
}
.scroller[data-speed="slow"] {
    --_animation-duration: 60s;
}
@keyframes scroll {
    to {
        transform: translate(calc(-50% - 0.5rem));
    }
}
.tag-list {
    margin: 0;
    padding-inline: 0;
    list-style: none;
}
.tag-list li {
    padding: 0 2rem;
    background: var(--clr-primary-400);
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
}
.tag-list li:hover img {
    transform: scale(1.2);
}
.scroller:hover .scroller__inner {
    animation-play-state: paused !important;
}
.our-logo {
    padding: 12rem 0;
}
.white-bg .our-logo .two-columns {
    display: grid;
    grid-template-columns: 23rem 87rem;
    column-gap: 8.6rem;
    align-items: center;
	justify-content:start;
}
.services.withMargin {
    margin-bottom: 21rem;
    margin-top: 5rem;
}
.services.withMargin .four-columns {
    margin-top: 4rem;
}
.withWhiteBg .banner-columns img {
    min-height: 10rem;
}
.withWhiteBg .banner-columns h3 {
    border-top-color: #000;
}
.contact-wrapper .two-columns {
    grid-template-columns: auto 38rem;
    align-items: flex-start;
}
.form-control {
    border-radius: 50px;
    border: 1px solid #002633;
    padding: 0.8rem 1.8rem;
    width: 100%;
    font-size: 1.8rem;
}
.field-shape {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 1rem;
}
.form-label {
    font-weight: 700;
    display: block;
    margin-bottom: 1rem;
}
.form-label.with-checkbox {
    display: flex;
    align-items: flex-start;
    column-gap: 1.3rem;
    cursor: pointer;
    font-weight: 400;
}
.form-label.with-checkbox input {
    width: 1.8rem;
    height: 1.8rem;
    border-color: #002633;
}
.formGrp-container {
    margin-bottom: 2rem;
}
textarea.form-control {
    min-height: 15rem;
    resize: none;
    border-radius: 2.7rem;
}
.contact-wrapper {
    padding: 7rem 0;
}
.contform-area .form-wrapper {
    border-bottom: 1px solid #002633;
    padding-bottom: 9.9rem;
    margin-bottom: 2.6rem;
}
.contform-area .page-section {
    max-width: 65rem;
}
.contform-area .form-wrapper form {
    max-width: 57.2rem;
}
.contform-info {
    border-left: 0.1rem solid #002633;
    padding-left: 4.2rem;
    height: 100%;
}
.info-wrapper {
    margin-bottom: 4rem;
}
.info-wrapper p {
    line-height: 1.5;
}
.info-block {
    border-top: 0.1rem solid #002633;
    margin-bottom: 8rem;
    padding-top: 1rem;
    margin-top: 2rem;
}
.banner-columns.big {
    display: grid;
    margin-bottom: 10rem;
    grid-template-columns: repeat(auto-fit, minmax(100px, auto));
}
.india-contact {
    padding-bottom: 7rem;
}
.india-contact .three-columns {
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: space-between;
    margin-top: 4rem;
}
.india-contact h5 {
    color: #00968f;
    font-size: 2.4rem;
}
.banner-bottom-img {
    z-index: -1;
    display: block;
    margin-top: -22%;
    width: 100%;
}
.margin-top-0 {
    margin-top: 0 !important;
}
.pink-color,
.pink-elem:after,
.pink-elem:before,
.ul-grid.red h4 {
    color: #ef426f;
}
.purple-elem:after,
.purple-elem:before,
.ul-grid.purple .grid-item h4,
.ul-grid.purple h4 {
    color: #5e60a5;
}
.white-bg .two-columns {
    grid-template-columns: 48% 48%;
    column-gap: 0;
    justify-content: space-between;
}
.white-bg .two-columns.variant-1 {
    grid-template-columns: 50% 50%;
    background-color: #f5f5f5;
}
.success-stories .two-columns img {
    width: 100%;
}
.padding-bottom-0 {
    padding-bottom: 0 !important;
}
.success-stories .with-bg {
    padding: 5rem 10rem;
    color: #fff;
}
.success-stories .with-bg .section-heading {
    color: #fff;
    font-size: 3.6rem;
    line-height: 1.3;
    margin-bottom: 2rem;
}
.success-stories .with-gray {
    background-color: #f5f5f5;
    padding: 5rem 10rem;
}
.ul-list li {
    font-size: 2.4rem;
    line-height: 2.5rem;
    color: #002633;
    margin: 2rem 0 1.5rem 2.5rem;
}
.green-color,
.green-elem:after,
.green-elem:before,
.ul-grid.green h4 {
    color: #75bd43;
}
.ul-grid .grid-item img {
    width: auto;
}
.img-section-ui {
    align-items: center;
    column-gap: 6rem;
    filter: grayscale();
}
.accordion-content .ul-grid {
    margin: 0;
}
.accordion h3.size-48 {
    font-size: 4.8rem;
    text-transform: none;
}
.accordion-content .success-stories {
    padding-bottom: 0;
}
.accordInDesk.withBorder {
    padding-bottom: 8rem;
}
.accordInDesk.withBottomBorder {
    padding-bottom: 0rem;
   
}
.accordInDesk.withBottomBorder .swiper-slide:last-child .accordion-item {
    border-bottom: 1px solid #002633;}
.accordInDesk.withBorder .accordion-item {
    border-top: 1px solid #002633;
    padding-top: 3rem;
}
.white-bg.inContact .two-columns {
    grid-template-columns: auto auto;
}
.white-bg .two-columns.variant-1 .section-title:after,
.white-bg .two-columns.variant-1 .section-title:before {
    color: #fff;
}
.accordion-content .accor-half {
    color: #002633;
    font-size: 1.8rem;
    margin-bottom: 4.4rem;
    max-width: 55rem;
}
.success-stories .with-bg.green {
    background: linear-gradient(103.03deg, #75bd43 2.05%, #000 102.39%);
}
video {
    pointer-events: none;
}
.banner-top {
    position: relative;
}
.video-footer {
    position: relative;
}
.staffing {
    margin-top: -32%;
}
.commercial {
    margin-top: -45%;
}
.sector {
    margin-top: -45%;
}

.no-arrow.ul-grid{
    margin-top: 2rem;
}
.no-arrow.ul-grid .grid-item:after {
    display: none;
}
.no-arrow.ul-grid .grid-item:before{
    width: 10px;
    top:1.5rem;
    height:10px;
    background: #002633;
}
.no-arrow.ul-grid .grid-item{
    padding-left: 30px;
    padding-right: 30px;
}

.no-arrow.ul-grid h4{
    font-size:2.4rem;
    color:#002633;
    margin:0;
    text-transform: none;
}
.no-arrow.ul-grid p{
     font-size:2.4rem;
    color:#002633;
}
.padding-top-7{
    padding: 7rem 0;
}

.success-stories.with-bg{
    background-color: #F5F5F5;
   margin-bottom: 7rem;
}
.success-stories.with-bg .no-arrow.ul-grid h4{

    color: #00968F;
}

.success-stories.with-bg .no-arrow.ul-grid .grid-item:before{
    background: #00968F;
}

.success-stories.with-bg.with-bg-gradient{
    background: linear-gradient(103.03deg, #EF426F 2.05%, #502476 102.39%);
    margin-bottom: 0;
    
}
.success-stories.with-bg.with-bg-gradient * {
    color:#fff;
}

.success-stories.with-bg.with-bg-gradient h2:before, .success-stories.with-bg.with-bg-gradient h2:after{
    color:#fff;
}

.success-stories.with-bg.with-bg-gradient .no-arrow.ul-grid h4, .success-stories.with-bg.with-bg-gradient .no-arrow.ul-grid p{
    color:#fff;
}

.success-stories.with-bg.with-bg-gradient .no-arrow.ul-grid .grid-item:before{
    background: #fff;
}

.banner-inner-page.new-layout h1{
    font-size: 3.8rem;
   line-height: 1.5;
}

.banner-inner-page.new-layout{
    padding-bottom: 7rem;
}

.success-stories .gradient-bg.purpleOnly{
    background: linear-gradient(96.74deg, #5E60A5 4.91%, #502476 99.71%);

}

.success-stories .gradient-bg.purpleOnly:after{
    background: linear-gradient(96.74deg, #434588 4.91%, #4c137e 99.71%);

}

.success-stories .gradient-bg.purpleOnly .arrow{
    background-color: #5e60a5;
}

.success-stories.with-bg.with-bg-gradient.with-bg-gradient-purple{
   background: linear-gradient(96.74deg, #5E60A5 4.91%, #502476 99.71%);

    
}
.success-stories.with-bg.with-bg-gradient.with-bg-gradient-green{
   background: linear-gradient(100.36deg, #75BD43 0.42%, #002633 101.81%);


    
}
.ul-grid.ul-100{
    grid-template-columns: 100%;
}
.success-stories .font-24{
    font-size: 2.4rem;
}

.white-bg  .two-columns-45{
    grid-template-columns: 45% 45%;
    align-items: flex-start;
}
.white-bg  .two-columns-45 .no-arrow.ul-grid .grid-item:before{
    background:#002633
}

.success-stories .gradient-bg.greenOnly{
   background: linear-gradient(100.36deg, #75BD43 0.42%, #002633 101.81%);
}

.success-stories .gradient-bg.greenOnly:after{
    background: linear-gradient(100.36deg, #5ba625 0.42%, #002633 101.81%);
}

.success-stories .greenOnly .arrow, .success-stories .gradient-bg.greenOnly:last-child .arrow{
    background-color: #75BD43;
}

.ul-grid.green-new .grid-item:before{
    background: linear-gradient(100.36deg, #75BD43 0.42%, #002633 101.81%);

}


.success-stories .gradient-bg.greenOnlyDif{
   background: linear-gradient(112.9deg, #00968F 0%, #002633 100%);

}

.success-stories .gradient-bg.greenOnlyDif:after{
   background: linear-gradient(112.9deg, #014e4a 0%, #002633 100%);

}

.success-stories .greenOnlyDif .arrow, .success-stories .gradient-bg.greenOnlyDif:last-child .arrow{
    background-color: #00968F
}
.accordion-content p{
    margin-bottom: 15px;
}

.white-bg .two-columns-new {
    grid-template-columns: 60% auto;
}

/* Mobile Contact Form Fixes */
@media only screen and (max-width: 767px) {
    .field-shape {
        grid-template-columns: 100%;
        row-gap: 1rem;
    }
    .contact-wrapper .two-columns {
        grid-template-columns: 100%;
        row-gap: 4rem;
    }
    .contform-info {
        border-left: 0;
        padding-left: 0;
        border-top: 0.1rem solid #002633;
        padding-top: 3rem;
    }
    .contform-area .form-wrapper {
        padding-bottom: 4rem;
    }
    .form-control {
        font-size: 1.6rem;
        padding: 1rem 1.6rem;
    }
    .white-bg.inContact .two-columns {
        grid-template-columns: 100%;
    }
    .banner-inner-page h1 {
        font-size: 3.6rem;
        line-height: 1.2;
    }
    .banner-inner-page p {
        font-size: 1.6rem;
    }
    .img-section-ui {
        display: block;
    }
    .img-section-ui > div {
        width: 100% !important;
    }
}


/* Homepage Mobile Fixes */
@media only screen and (max-width: 767px) {
    .banner h1 {
        font-size: 3.2rem;
        line-height: 1.2;
    }
    .banner p {
        font-size: 1.6rem;
    }
    .feature .three-columns {
        grid-template-columns: 100%;
        row-gap: 3rem;
    }
    .feature .count {
        font-size: 7rem;
    }
    .services .d-flex.four-columns,
    .services .four-columns {
        display: grid;
        grid-template-columns: 100%;
        row-gap: 2rem;
    }
    .about.page-section .d-flex.two-columns {
        display: grid;
        grid-template-columns: 100%;
    }
    .about-right {
        order: -1;
    }
    .about-right img,
    .about-right svg {
        max-height: 30rem;
        width: auto;
        margin: 0 auto;
    }
    .client-saying .d-flex.two-columns {
        display: grid;
        grid-template-columns: 100%;
        row-gap: 3rem;
    }
    .count-columns {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2rem;
    }
    .count-columns > div {
        flex: 1;
        min-width: 8rem;
    }
    .success-stories .d-flex.three-columns {
        display: grid;
        grid-template-columns: 100%;
        row-gap: 2rem;
    }
    .footer-middle h3 {
        font-size: 2.2rem;
        line-height: 1.4;
    }
    .footer-two-columns {
        flex-direction: column;
        gap: 3rem;
    }
    .footer-right {
        flex-direction: column;
        gap: 2rem;
    }
    .section-heading {
        font-size: 3.2rem;
        line-height: 1.3;
    }
    .white-bg .two-columns,
    .success-stories .two-columns {
        display: grid;
        grid-template-columns: 100%;
        row-gap: 2rem;
    }
    .tile-img {
        max-height: 25rem;
        width: auto;
        margin: 0 auto;
    }
    .ul-grid {
        grid-template-columns: 100% !important;
    }
    .banner-inner-page {
        padding-bottom: 15rem;
    }
    .banner-columns {
        grid-template-columns: 50% 50%;
        row-gap: 2rem;
    }
}

@media only screen and (max-width: 480px) {
    .banner h1 {
        font-size: 2.8rem;
    }
    .feature .count {
        font-size: 5rem;
    }
    .banner-columns {
        grid-template-columns: 100%;
    }
    .section-heading {
        font-size: 2.6rem;
    }
    h3 {
        font-size: 2rem;
    }
}