@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");:root {
    --bright-red: #db2020;
    --dark-red: #780000;
    --dark-navy: #003049;
    --darker-navy: #0c1821;
    --medium-blue: #669bbc;
    --off-white: white;
    --font-family: "Poppins",sans-serif
}

h1,h2,h3,h4,h5,h6 {
    font-family: var(--font-family) !important
}

.logo-img {
    width: 10rem
}

h2#primeagile__42857 {
    font-weight: 500;
    padding: 0 2rem;
    font-size: 2.5rem
}

body {
    overflow-x: hidden
}

#primeagile__13556,.sc-66ec2f62-8:nth-child(1) {
    display: none
}

.megamenu-content {
    display: flex;
    justify-content: space-around;
    gap: 2rem;
    background-color: var(--dark-navy);
    padding: 2rem 3rem;
    font-family: var(--font-family);
    width: 60rem
}

.megamenu-column {
    flex: 1;
    min-width: 200px
}

.megamenu-heading {
    color: #00befa;
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 1.5rem;
    text-transform: capitalize
}

.megamenu-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.megamenu-item {
    margin-bottom: 1rem
}

.megamenu-link {
    color: var(--off-white) !important;
    text-decoration: none;
    font-size: .9rem;
    font-weight: 400;
    transition: color .2s ease-in-out
}

.megamenu-link:hover {
    color: #b2b2b2 !important
}

.megamenu-link.highlight {
    color: var(--medium-blue);
    font-weight: 500
}

.sc-kNOymR.efYTnX {
    width: 47vw;
    gap: 1.2rem
}

.sc-kNOymR.efYTnX a,.sc-kNOymR.efYTnX span {
    text-decoration: none;
    color: #3c3c3c;
    font-weight: 500 !important;
    font-size: 1rem
}

.connect-with-us {
    color: #3c3c3c !important;
    background: 0
}

.book-call {
    background: none !important;
    background-color: #db2020 !important;
    color: white !important;
    padding: .5rem 2rem !important
}

#primeagile__42353 {
    overflow: hidden
}

.banner-panel {
    height: 100vh;
    width: 100%;
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-color: #0000006e;
    background-blend-mode: darken;
    background-position: center;
    padding: 8rem 5rem;
    transition: all .5s;
    box-shadow: -1px -100px 3rem 30px rgb(5 5 5 / 61%)
}

.banner-panel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.banner-content {
    position: relative;
    z-index: 10;
    text-align: left;
    max-width: 800px;
    padding: 2rem;
    color: white !important
}

.banner-content-1 {
    max-width: 50rem;
    place-self: flex-end;
    padding: 3rem
}

#primeagile__42851 {
    overflow: hidden
}

.banner-content-1 h2 {
    font-size: 2.5rem !important
}

.banner-panel-2 {
    background-repeat: no-repeat;
    min-height: 30rem;
    background-size: 100%;
    background-color: #09090991;
    background-blend-mode: darken
}

.alignment-div {
    max-width: 1320px;
    margin: 0 auto;
    padding-top: 3rem
}

.banner-panel-2 h2 {
    color: white
}

#primeagile__42805 .container {
    margin: 0;
    padding: 5rem 0;
    width: 100vw
}

.milestones-container {
    width: 100vw
}

.relative h2 {
    color: #fff !important
}

.red-highlight {
    color: #db2020
}

.text-4xl {
    font-size: 3.5rem !important
}

.text-lg {
    font-size: 3rem !important
}

.font-light {
    font-weight: 500 !important
}

.blue-box-top {
    padding: 5rem 0;
    background-color: var(--dark-navy);
    max-width: 80rem;
    margin: 0 auto
}

#primeagile__43102 {
    margin-top: 7rem
}

#primeagile__43102>div>div {
    display: flex;
    padding: 0 5rem
}

#primeagile__43102>div>div .red-header {
    color: #db2020;
    font-weight: bolder
}

#primeagile__43102>div>div .thin-header {
    color: #fff;
    font-size: 3rem;
    font-weight: 300
}

#primeagile__42357>div>div,#primeagile__42868 {
    display: grid;
    place-items: center;
    text-align: center;
    gap: 3em;
    background: var(--dark-navy);
    max-width: 80rem;
    margin: 0 auto
}

#primeagile__42868 {
    gap: 0rem;
    padding: 2rem 0
}

#primeagile__42357>div>div {
    margin-top: 4rem
}

#primeagile__42357 h2,#primeagile__42869 {
    color: var(--off-white);
    font-weight: bolder;
    margin: 2rem
}

.technologies-container {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(4rem,1fr));
    gap: 1.5rem;
    fill: var(--off-white)
}

.technologies-container>div {
    width: 5rem
}

.main-title {
    font-size: 2.25rem;
    font-weight: 500;
    color: #000;
    margin: 3rem 0
}

.capabilities-grid {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 2.5rem 3rem
}

.capability-link {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
    transition: transform .2s ease-in-out
}

.capability-link:hover {
    transform: scale(1.05)
}

.capability-card {
    display: flex;
    flex-direction: column;
    height: 100%
}

.capability-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000
}

.capability-description {
    font-family: var(--font-family);
    color: #4b5563;
    margin-top: .5rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.5;
    flex-grow: 1
}

.capability-divider {
    border: 0;
    border-top: 1px solid #000;
    width: 100%
}

#primeagile__42856 {
    display: flex;
    place-content: center
}

#primeagile__42854,#primeagile__43009,#primeagile__43005 {
    background: #e5e5e5;
    min-height: 25rem;
    padding: 5rem
}

#primeagile__43005 .heading-container {
    display: flex;
    place-items: center;
    gap: 1rem;
    margin-bottom: 4rem
}

#primeagile__43005 .heading-container h2 {
    font-size: 3rem;
    color: var(--bright-red);
    font-weight: 700
}

.expertise-block>div>div {
    display: flex;
    gap: 5rem
}

.expertise-block>div>div h2 {
    font-size: 3.5rem;
    color: var(--dark-navy);
    font-weight: 400
}

.expertise-block>div>div p {
    font-size: 1.2rem
}

.expertise-block>div>div>div {
    margin-top: auto;
    align-self: flex-end;
    font-family: var(--font-family)
}

.svg-img>img {
    height: 30rem !important;
    padding: 0;
    transform: translateY(4rem)
}

.expertise-block>div>div>div:nth-child(1) {
    width: 90%
}

.testimonial-container {
    max-width: 32rem;
    padding: 2rem
}

.testimonial-text {
    font-size: 1.25rem;
    color: #4b5563;
    font-family: var(--font-family);
    margin-bottom: 1.5rem;
    width: 30rem
}

.testimonial-button {
    display: inline-block;
    background-color: #db2020;
    color: #fff;
    font-weight: 700;
    padding: .75rem 1.5rem;
    border-radius: 9999px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .3s ease
}

#primeagile__42867 {
    width: 60%
}

#primeagile__42871 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    width: 30rem
}

#primeagile__42871>div {
    display: grid
}

#primeagile__42871>div input {
    width: 100%
}

#primeagile__42871>div input::placeholder {
    display: none
}

#primeagile__42871>div input:focus,#primeagile__42879 {
    outline: 0
}

#primeagile__42871>div label,.sc-bRKDuR label {
    position: relative;
    top: 3rem;
    place-self: flex-start;
    margin-left: 1rem;
    transform: translateY(-50%);
    color: var(--text-light);
    pointer-events: none;
    transition: all .2s ease-in-out;
    font-size: .7rem;
    color: #ffffffa3
}

#primeagile__42871>div label:has(+input:focus),.sc-bRKDuR label:has(+textarea:focus) {
    position: relative;
    top: 1rem;
    place-self: flex-start;
    margin-left: 1rem;
    transform: translateY(-50%);
    color: var(--text-light);
    background-color: var(--dark-navy);
    pointer-events: none;
    transition: all .2s ease-in-out;
    font-size: .5rem;
    color: #fff
}

#primeagile__42871 input,textarea#primeagile__42879,#primeagile__42880 {
    background: 0;
    border: 2px solid var(--off-white);
    padding: 1rem;
    color: var(--off-white)
}

#primeagile__42880 {
    margin: 1rem 0;
    width: 100%;
    background: var(--off-white);
    color: var(--dark-navy)
}

#primeagile__42879 {
    min-height: 6rem;
    margin-top: 1rem
}

@media(min-width: 640px) {
    .capabilities-grid {
        grid-template-columns:repeat(2,1fr)
    }
   
}

@media(min-width: 768px) {
    .main-title {
        font-size:3rem
    }

    .capabilities-grid {
        grid-template-columns: repeat(3,1fr)
    }
    
}

#primeagile__42360 {
    width: 100%
}

#primeagile__42360>#primeagile__42504 {
    min-height: 20rem;
    background: black;
    padding-top: 5rem;
    overflow: hidden
}

#primeagile__42506 {
    display: flex;
    width: 100vw;
    place-content: center
}

div.footer-section {
    display: flex;
    gap: 6rem
}

div.footer-section h3 {
    color: var(--off-white);
    font-size: 1.2rem
}

div.footer-section ul {
    padding: 0;
    list-style-type: none
}

div.footer-section ul>li {
    padding: .3rem 0
}

div.footer-section a,#primeagile__42516 a {
    text-decoration: none;
    color: #b5b5b5
}

div.footer-section a:hover,#primeagile__42516 a:hover {
    color: white
}

#primeagile__42516 p {
    display: flex;
    justify-content: center;
    width: 20rem
}

#primeagile__42516 a svg {
    height: 2rem;
    width: 2rem;
    padding: 0;
    margin: 0 .5rem
}

#primeagile__42507 {
    width: 20rem
}

#primeagile__42507>img {
    background: white;
    padding: 1rem;
    width: 8rem;
    border-radius: 1rem
}

#primeagile__42505 {
    background-color: #000;
    font-family: var(--font-family)
}

#primeagile__42505 .footer-extras {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    place-items: center;
    place-content: ceneter;
    padding-top: 1rem;
    color: var(--off-white)
}

.footer-extras span {
    color: #4e7ab4ff
}

.main-container {
    width: 100%;
    min-height: 100vh;
    display: grid;
    place-items: flex-start;
    height: 150vh !important
}

.hero-main-container {
    position: relative;
    height: 100vh;
    overflow: hidden !important;
    padding-top: 14rem;
    display: flex;
    justify-content: center;
    background-color: #fcf8ed;
    background-image: linear-gradient(to right,#ccc 1px,transparent 1px),linear-gradient(to bottom,#ddd 1px,transparent 1px);
    background-size: 100% 50px
}

.icon-block {
    position: absolute;
    display: flex
}

.icon-block svg {
    width: 5rem;
    height: 5rem;
    color: #0d2c4f
}

.icon-top-left {
    top: 12rem;
    left: 14rem;
    animation: subtleOvalOrbit 8s ease-out 0 infinite
}

.icon-top-right {
    top: 12rem;
    right: 14rem;
    animation: subtleOvalOrbit 8s ease-out 1s infinite
}

.icon-bottom-left {
    bottom: 8rem;
    left: 14rem;
    animation: subtleOvalOrbit 8s ease-out 3s infinite
}

.icon-bottom-right {
    bottom: 4rem;
    right: 14rem;
    animation: subtleOvalOrbit 8s ease-out 5s infinite
}

.main-content {
    position: relative;
    z-index: 10;
    display: grid;
    place-items: center;
    place-content: center;
    bottom: 0
}

.text-content {
    text-align: center;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    color: var(--dark-navy);
    animation: fadeInUp .5s ease-out .5s forwards
}

.image-content {
    align-self: flex-end;
    opacity: 0;
    animation: fadeInUp2 .6s ease-out .6s forwards
}

.headline-red {
    color: var(--bright-red);
    font-weight: 700
}

.no-wrap {
    white-space: nowrap;
    color: var(--dark-navy)
}

.subheadline {
    margin-top: 1.5rem;
    font-size: 1.125rem;
    color: var(--dark-navy);
    margin-left: auto;
    margin-right: auto;
    max-width: 800px
}

.content-grid {
    position: relative;
    display: grid;
    place-items: center;
    width: 100vw
}

.content-grid>* {
    grid-column-start: 1;
    grid-row-start: 1
}

.hero-image {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: .5rem;
    z-index: 50;
    justify-content: flex-end;
    transform: translateY(12rem) rotateY(180deg);
    animation: SlideFadeIn 1.2s ease-in-out
}

.text-container {
    width: 100%;
    height: 100%;
    display: flex;
    padding-top: 12rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.text-container>div {
    margin: 0 auto;
    width: 100%;
    max-width: 1080px
}

.subtitle {
    color: #1f2937;
    font-weight: 500;
    margin-top: 1rem;
    font-size: 2.5rem !important;
    animation: slideRight 1s ease-in-out
}

.main-container-2 {
    display: flex;
    align-items: center;
    justify-content: center
}

.relative-wrapper {
    position: relative;
    width: 100%
}

.hide-section {
    opacity: 0 !important;
    transform: translateY(10rem) !important
}

.fil3 {
    fill: #eb1c24;
    fill-rule: nonzero
}

.container {
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem
}

.services-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem
}

.image-container {
    position: sticky;
    top: 20px;
    width: 80%;
    margin: 0 auto;
    aspect-ratio: 1 / 1;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1)
}

.service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.content-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.kicker {
    font-size: .875rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #dc2626;
    letter-spacing: .05em;
    margin-bottom: .5rem
}

.headline {
    font-size: 1.875rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 1rem;
    line-height: 1.2;
    margin-top: 0
}

.subheadline {
    color: #4b5563;
    font-size: 1.125rem;
    margin-bottom: 2rem;
    line-height: 1.6;
    margin-top: 0
}

.service-accordion {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #e5e7eb
}

.service-item {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb
}

.service-item label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.service-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    transition: color .3s ease;
    margin: 0
}

.service-item label:hover .service-title {
    color: #dc2626
}

.service-icon {
    color: #dc2626;
    margin-right: .75rem
}

.service-content p {
    color: #4b5563;
    margin-top: 1rem;
    padding-left: 2rem;
    line-height: 1.6;
    margin-bottom: 0
}

.service-content a {
    display: inline-block;
    color: #dc2626;
    font-weight: 600;
    margin-top: .75rem;
    padding-left: 2rem;
    text-decoration: none
}

.service-content a:hover {
    text-decoration: underline
}

@media(min-width: 640px) {
    .container {
        padding:2rem
    }
}

@media(min-width: 768px) {
    .services-grid {
        grid-template-columns:1fr 1fr
    }

    .headline {
        font-size: 2.25rem
    }
}

@media(min-width: 1024px) {
    .services-grid {
        gap:4rem
    }
}

.service-toggle {
    display: none
}

.service-image {
    opacity: 0;
    transition: opacity .4s ease-in-out;
    position: absolute;
    inset: 0
}

#service-1:checked ~ .services-grid #img-1,#service-2:checked ~ .services-grid #img-2,#service-3:checked ~ .services-grid #img-3,#service-4:checked ~ .services-grid #img-4,#service-5:checked ~ .services-grid #img-5,#service-6:checked ~ .services-grid #img-6 {
    opacity: 1
}

.service-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s cubic-bezier(0.4,0,0.2,1),padding-bottom .5s cubic-bezier(0.4,0,0.2,1)
}

#service-1:checked ~ .services-grid [for="service-1"]+.service-content,#service-2:checked ~ .services-grid [for="service-2"]+.service-content,#service-3:checked ~ .services-grid [for="service-3"]+.service-content,#service-4:checked ~ .services-grid [for="service-4"]+.service-content,#service-5:checked ~ .services-grid [for="service-5"]+.service-content,#service-6:checked ~ .services-grid [for="service-6"]+.service-content {
    max-height: 20rem;
    padding-bottom: 1.5rem
}

.service-icon::before {
    content: "+";
    display: inline-block;
    transition: transform .3s ease;
    font-weight: 600
}

#service-1:checked ~ .services-grid [for="service-1"] .service-icon::before,#service-2:checked ~ .services-grid [for="service-2"] .service-icon::before,#service-3:checked ~ .services-grid [for="service-3"] .service-icon::before,#service-4:checked ~ .services-grid [for="service-4"] .service-icon::before,#service-5:checked ~ .services-grid [for="service-5"] .service-icon::before,#service-6:checked ~ .services-grid [for="service-6"] .service-icon::before {
    content: "−";
    transform: rotate(180deg)
}

.slide-section {
    background: #dbdbdb
}

.slide-track {
    display: flex;
    width: 200vw;
    gap: 3rem;
    padding: 3rem 0;
    align-items: center;
    animation: slide 40s infinite;
    animation-timing-function: linear
}

.slide {
    filter: grayscale(100%);
    transition: all .2s
}

.slide:hover {
    filter: grayscale(0)
}

#primeagile__43007 {
    background: #e5e5e5;
    padding-bottom: 7rem
}

.text-card {
    border-top: 3px solid #bdbdbd;
    border-left: 1.5px solid #bdbdbd;
    border-right: 2px solid #bdbdbd;
    padding: 2rem;
    height: 15rem;
    background: #e5e5e5
}

.text-card-title {
    font-size: 1.5rem;
    color: #1a3a5f
}

#primeagile__43007 .slick-list {
    max-width: 1200px;
    margin: 0 auto
}

#primeagile__43007 .carousel_item_primeagile::before {
    content: "↘";
    font-size: 2rem;
    color: #db2020;
    background: #1a3a5f;
    width: 65px;
    height: 50px;
    border-radius: 40rem 40rem 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    transform: translateY(0.8rem);
    transition: all .8s
}

#primeagile__43007 .carousel_item_primeagile:hover::before {
    content: "↓";
    transform: translateY(1rem) translateX(2rem)
}

#primeagile__43008 {
    background-color: var(--dark-navy);
    text-align: center;
    padding-top: 1rem;
    display: grid;
    place-items: center;
    gap: 2rem
}

#primeagile__43008 .video-container,.testimonial-container {
    display: grid;
    place-content: center;
    place-items: center;
    place-self: center;
    min-width: 50rem
}

.video-container video {
    max-width: 55rem
}

.stars {
    color: var(--bright-red);
    font-size: 24px;
    margin-bottom: 20px;
    letter-spacing: 5px
}

#primeagile__43954 .testimonial-text {
    margin-bottom: 35px;
    color: var(--off-white)
}

.author-section {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px
}

.author-img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50% 50% 0 0;
    background-color: #555;
    border: 2px solid #555
}

.author-details {
    text-align: left;
    display: flex;
    flex-direction: column;
    color: white
}

.author-name {
    font-weight: 700
}

.author-title {
    font-size: 14px;
    opacity: .9
}

#primeagile__43008 .slick-slider {
    width: 100vw
}

#primeagile__43008 h2 {
    color: var(--off-white);
    max-width: 1000px
}

#primeagile__43502 strong,h1.headline {
    color: var(--dark-navy)
}

.sc-hwddKA,.sc-kvnevz {
    max-width: 50rem;
    margin: 0 auto;
    border: 0;
    color: var(--dark-navy)
}

.bxFmrB,.gGdxOW {
    background: 0;
    border: 0 !important
}

div[show="true"] button {
    background: 0;
    font-weight: 700;
    color: var(--dark-navy)
}

div.bxFmrB button::after,div.gGdxOW button::after {
    content: "↓";
    transform: rotate(-30deg);
    background-color: var(--dark-navy);
    color: var(--bright-red);
    padding: 1.2rem;
    border-radius: 100%
}

div[show="true"] button::after {
    transform: rotate(0)
}

.hire-us-cta {
    background-color: var(--bright-red);
    font-size: 3rem;
    font-weight: 750;
    color: var(--off-white);
    text-decoration: none;
    text-align: center;
    padding: 3rem;
    display: grid
}

.hire-us-cta:hover {
    color: var(--off-white);
    padding: 3rem
}

.hire-us-cta::after {
    content: "";
    background-color: var(--off-white);
    height: .3rem;
    width: 25rem;
    margin: 0 auto;
    position: relative;
    opacity: 0;
    transition: all .2s
}

.hire-us-cta:hover::after {
    opacity: 1;
    width: 50rem
}

@media(min-width: 640px) {
    .main-heading {
        font-size:8rem
    }

    .subtitle {
        font-size: 2.25rem
    }

    .stats-grid {
        flex-direction: row;
        gap: 1rem
    }
}

@media(max-width: 768px) {
    nav {
        padding:.5rem !important
    }

    .text-content {
        text-align: center
    }

    .text-content h1 {
        font-size: 2rem
    }

    .subheadline {
        padding: 1rem
    }

    .no-wrap {
        white-space: wrap
    }

    .hero-main-container {
        padding-top: 2rem
    }

    .main-content {
        display: block;
        place-content: flex-end
    }

    .icon-top-left {
        left: 1rem
    }

    #primeagile__42751,#primeagile__43002 {
        overflow: hidden
    }

    .icon-top-right {
        right: 1rem
    }

    .icon-bottom-left {
        left: 1rem
    }

    .icon-bottom-right {
        right: 1rem
    }

    .banner-content {
        padding: 0rem
    }

    .banner-content-1 h2 {
        font-size: 2rem !important
    }

    .banner-panel-2 {
        padding: 2rem;
        background-size: 250%;
        background-position: center
    }

    .main-heading {
        font-weight: 700;
        font-size: 4rem !important
    }

    .text-container {
        padding-left: 1rem
    }

    .hero-image {
        padding-top: 20rem
    }

    .image-container {
        position: relative
    }

    .slide-section {
        background: #dbdbdb
    }

    .main-container {
        height: 110vh !important
    }

    #primeagile__42805 {
        padding: 1rem
    }

    #primeagile__43005 {
        padding: 2rem
    }

    #primeagile__43005 h2 {
        font-size: 2.5rem
    }

    .font-light {
        font-size: 2rem !important
    }

    .slide-track {
        width: 1000vw;
        animation-duration: 5s
    }

    #primeagile__42854 {
        padding: 2rem;
        min-height: 30rem
    }

    .our-difference-grid {
        grid-template-columns: 1fr;
        height: 100%
    }

    #primeagile__42871 {
        display: flex;
        flex-direction: column;
        place-items: center;
        width: 100vw
    }

    #primeagile__42854 {
        width: 100vw
    }

    #primeagile__42871>div input,.sc-bRKDuR {
        width: 23rem;
        margin: 0 auto
    }

    #primeagile__42880 {
        width: 23rem
    }

    .our-difference-grid>.heading-container {
        grid-column: 1 / 2;
        display: grid;
        grid-template-columns: 3rem 1fr 0rem
    }

    .digital-marketing-service {
        margin: 0 1rem
    }

    .testimonial-container {
        width: 100%;
    }

    #primeagile__42805 .container {
        padding: 2rem
    }

    .technologies-container {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        place-content: center
    }

    .technologies-container>div {
        width: 4rem
    }

    #primeagile__42506 {
        flex-direction: column;
        text-align: left !important
    }

    div.footer-section {
        flex-direction: column;
        gap: 2rem;
        text-align: center
    }

    #primeagile__42507 {
        margin: 0 auto !important;
        place-content: center;
        display: flex;
        padding-bottom: 2rem
    }

    #primeagile__42516 p {
        width: auto;
        padding: 1rem
    }

    .hire-us-cta {
        font-size: 1rem;
        padding-left: 0rem;
        padding-right: 0rem
    }

    .hire-us-cta::after {
        height: .2rem;
        width: 2rem
    }

    .hire-us-cta:hover::after {
        opacity: 1;
        width: 4rem
    }

    #primeagile__43008 {
        padding-top: 0rem;
        gap: 2rem
    }

    #primeagile__43102>div>div {
        display: flex;
        padding: 0 1rem
    }

    .testimonial-container {
        margin-bottom: 2rem
    }

    #primeagile__43954 .testimonial-text {
        width: 50%;
        font-size: 1rem
    }

    .video-container video {
        max-width: 90vw
    }

    .footer-extras {
        padding: 0 2rem;
        align-items: flex-start
    }

    .footer-extras div {
        display: none
    }

    .footer-extras>p {
        width: 10rem;
        font-size: .7rem
    }

    .main-heading {
        font-size: 10rem
    }

    .subtitle {
        font-size: 3rem
    }

    h2#primeagile__42857 {
        padding: 0
    }

    #primeagile__42856 {
        display: none
    }
     .testimonial-text {
    width: 18rem;
}
}

@keyframes slideIn {
    from {
        transform: translateY(5rem);
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUp2 {
    from {
        opacity: 0;
        transform: translateY(80px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes subtleOvalOrbit {
    0 {
        transform: translate(0,0)
    }

    25% {
        transform: translate(10px,-5px)
    }

    50% {
        transform: translate(0,-10px)
    }

    75% {
        transform: translate(-10px,-5px)
    }

    100% {
        transform: translate(0,0)
    }
}

@keyframes slide {
    from {
        transform: translateX(0vw)
    }

    to {
        transform: translateX(-101vw)
    }
}

@keyframes SlideFadeIn {
    from {
        transform: translateY(-5rem) rotateY(180deg);
        opacity: 0
    }

    to {
        opacity: 1
    }
}