/* ================================
   GLOBAL CSS - STANDARD TEMPLATE
   Includes responsive container
   ================================ */

/* 1. Reset / Box sizing */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 2. Root variables */
:root {
    --primary-color: #fff;
    --secondary-color: #000;
    --font-family: "DM Sans", sans-serif;
}

/* 3. Base body / HTML */
html {
    scroll-behavior: smooth;
    font-size: 1vw;
}


body {
    font-family: 'Poppins', sans-serif;
    color: var(--secondary-color);
    line-height: 1.5;
}

/* 4. Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    line-height: 1.2;
}

/* 6. Links */
a {
    color: var(--primary-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

/* 9. Images */
img {
    width: 100%;
    height: 100%;
}

/* 10. Utilities */
.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.hidden {
    display: none !important;
}

.visible {
    display: block !important;
}

.mt-1 {
    margin-top: 0.25rem;
}

/* 4px */
.mb-1 {
    margin-bottom: 0.25rem;
}

/* 4px */
.p-1 {
    padding: 0.25rem;
}

/* 4px */

/* 11. Flex / Grid Helpers */
.flex {
    display: flex;
}

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


/* 12. Forms */
input,
select,
textarea {
    padding: 0.5rem;
    border: 0.0625rem solid #ccc;
    border-radius: 0.3125rem;
    font-family: inherit;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: var(--primary-color);
}

/* 13. Tables */
table {
    border-collapse: collapse;
    width: 100%;
}

td,
th {
    border: 0.0625rem solid #ddd;
    padding: 0.75rem;
}

/* 14. Overflow */
.overflow-hidden {
    overflow: hidden;
}

.overflow-scroll {
    overflow: auto;
}

/* 15. Cursor */
.cursor-pointer {
    cursor: pointer;
}


/* 17. Responsive Media Queries */
.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5rem;
    padding-right: 5rem;
}

@media (max-width: 992px) {
    .container {
        padding: 0 3rem;
    }
}

/* Small tablets / phones */
@media (max-width: 768px) {
    .container {
        padding: 0 2rem;
    }
}


header {
    background-color: var(--secondary-color);
    padding: 0.5rem 0;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
}

header .row {
    justify-content: space-between;
}

.header-logo img {
    width: 12rem;
}

.header-nav {
    display: flex;
    gap: 5rem;
    list-style: none;
    transition: all 0.3s ease-in-out;
}

.header-nav a {
    text-decoration: none;
    color: #fff;
    transition: color 0.3s ease;
    font-weight: 600;
    font-size: 1.214rem;
    padding: 2.5rem 0;
}

.header-nav a:hover {
    color: #B800C1;
}

.header-cta-btn {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 1.214rem;
}

.header-cta-btn img {
    width: 2rem;
}

/* Hamburger Icon */
.header-toggle {
    display: none;
    flex-direction: column;
    cursor: pointer;
    gap: 0.3125rem;
    z-index: 101;
}

.header-toggle span {
    width: 1.5625rem;
    height: 0.1875rem;
    background: #fff;
    border-radius: 0.1875rem;
    transition: all 0.3s ease;
}


/* Cross Animation */
.header-toggle.open span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.header-toggle.open span:nth-child(2) {
    opacity: 0;
}

.header-toggle.open span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}


.row {
    display: flex;
    align-items: center;
}

.hero-slide {
    height: 66vw !important;
}

.hero-slide img {
    object-fit: cover;
}

.hero-content {
    width: 100%;
    position: absolute;
    z-index: 99;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.hero-content h2,
.hero-content h1 {
    font-weight: 800;
    font-size: 7rem;
    line-height: 110%;
    color: #fff;
    letter-spacing: 5px;
    display: flex;
    align-items: center;
}

.hero-content-inner {
    width: 80%;
    margin-left: 2rem;
}

.hero-content-inner img {
    width: 6rem;
    height: 6rem;
}

.hero-content-inner p {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
    width: 80%;
    margin-top: 2rem;
}

.home-hero-section {
    position: relative;
    height: 66vw;
    overflow: hidden;
}

.home-hero-section::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 18rem solid transparent;
    border-right: 100vw solid var(--primary-color);
    border-bottom: 2rem solid var(--primary-color);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;

}

.home-hero-section .slick-next,
.home-hero-section .slick-prev {
    left: 1rem;
    z-index: 999;
    background: #D9D9D9B2;
    padding: 1rem;
    border-radius: 100%;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-hero-section .slick-next {
    right: 1rem;
    left: unset;
}

.home-hero-section .slick-next::before,
.home-hero-section .slick-prev::before {
    content: unset;
}

.home-hero-section .slick-next:focus,
.home-hero-section .slick-next:hover,
.home-hero-section .slick-prev:focus,
.home-hero-section .slick-prev:hover {
    background: #D9D9D9B2;

}

.home-development-center-section .card {
    width: 18.125rem;
    padding: 0.188rem;
}

.home-development-center-section .card-inner {
    text-align: center;
    padding: 2rem 1rem;
}

.card {
    position: relative;
    padding: 0.188rem;
    border-radius: 0.75rem;
    background: linear-gradient(112.4deg, #FF2EAD 29.63%, #7415AE 76.7%);
}

.card:hover {
    background: linear-gradient(112.4deg, #FF2EAD 29.63%, #7415AE 76.7%);
    background-size: auto;
    background-size: 400% 400%;
    animation: animateBg 4s ease infinite;
}

@keyframes animateBg {
    0% {
        background-position: 0% 50%;
    }

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

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

.card-inner {
    background-color: var(--primary-color);
    border-radius: 0.5rem;
    padding: 4.125rem 2.188rem;
    height: 100%;

}

.data-number {
    font-weight: 700;
    font-size: 3.5rem;
    line-height: 1.2;
}

.data-name {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-top: 1.5rem;
}

.gradient-text {
    background: linear-gradient(270deg, #1F00A9 0%, #FF00DB 99.99%, #FF00DB 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.development-center-data {
    gap: 1rem;
    align-items: stretch;
    width: 65%;
}

.main-heading {
    font-weight: 700;
    font-size: 4rem;
    line-height: 1.3;
    text-transform: capitalize;
}

.main-heading .breack {
    display: block;
}

.space {
    padding: 6rem 0;
}

.success-client-box {
    background: #F9F4FF;
    padding: 2.188rem;
    border-radius: 0.625rem;
    margin-top: 3.125rem;
}

.success-client-box-inner {
    background: var(--primary-color);
    box-shadow: 0px 3.83px 3.83px 0px rgba(0, 0, 0, 0.25), 0px -0.83px 11.68px 0px rgba(255, 0, 219, 0.25);
    margin: 1.1875rem;
    border-radius: 0.625rem;
    padding: 1.313rem 4.688rem;
    transition: transform 0.3s ease;
}

.success-client-slider-right {
    margin-top: 2.375rem;
    direction: rtl;
}

.success-client-box-inner:hover {
    transform: scale(1.1);
}

.home-certificate-section {
    background: linear-gradient(293.14deg, rgba(255, 255, 255, 0.9) 16.7%, rgba(250, 245, 255, 0.9) 80.46%),
        linear-gradient(352.91deg, rgba(255, 255, 255, 0.9) 14.72%, rgba(250, 245, 255, 0.9) 94.25%);
    padding: 3.938rem 0 3.063rem;
}

.sub-heading {
    font-weight: 400;
    font-size: 2.375rem;
    line-height: 1.4;
    width: 75rem;
    margin: auto;
    padding-top: 0.813rem;
}

span.gradient-text {
    font-size: 4.5rem;
}

.home-certificate-section img {
    width: 15rem;
}

.home-certificate-section .row {
    flex-wrap: wrap;
    column-gap: 16rem;
    row-gap: 2.25rem;
    justify-content: center;
    margin-top: 5.125rem;
}

.btn {
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.5;
    background: linear-gradient(236.6deg, rgba(184, 0, 193, 0.75) 16.94%, rgba(112, 18, 235, 0.75) 62.98%);
    border-radius: 0.35rem;
    padding: 1.05rem 4.21rem;
}

.home-apart-section {
    background-color: #F9F4FF80;
    padding: 5.563rem 0;
    margin: 7.938rem 0;
}

.vericle-line {
    width: .5rem;
    background: linear-gradient(90deg, #FF2EAD 29.63%, #7415AE 76.7%);
    padding: 0.2rem;
    border-radius: 2rem;
}

.vericle-line-inner {
    background: #fff;
    width: 0.1rem;
    height: 100%;
}

.home-apart-section li p {
    width: 90%;
}

.home-apart-section .row {
    gap: 2rem;
    align-items: stretch;
}

.home-apart-section .apart-right,
.home-apart-section .apart-left {
    width: 50%;
}

.home-apart-section ul {
    list-style: none;
}

.home-apart-section li {
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    display: flex;
    gap: 1rem;
}

.home-apart-section li .card {
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
}

.home-apart-section li .card img {
    background-color: var(--primary-color);
    border-radius: 100%;
    padding: 0.3rem;
}

.home-apart-section .btn {
    display: block;
    text-align: center;
    margin-top: 5.313rem;
}



.home-motion-section .row {
    gap: 1.1rem;
    align-items: stretch;
    margin-top: 2rem;
}

.home-motion-section .motion-card {
    flex: 1;
    box-shadow: 0rem 0.789rem 1.804rem 0rem #0000001A;
    border-radius: 1.188rem;
    overflow: hidden;
}

.home-motion-section .motion-card .motion-card-image-wrapper {
    height: 15rem;
}

.home-motion-section .motion-content-box {
    padding: 2rem;
}

.home-motion-section .motion-card h3 {
    font-weight: 700;
    font-size: 2.5rem;
}

.motion-card-image-wrapper img {
    object-fit: none;
}

.home-motion-section ul {
    list-style: none;
    margin-top: 1rem;
}

.home-motion-section ul li a {
    color: #3C0061;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.8;
}

.success-story-section {
    background: url("../images/successStories.svg");
    background-repeat: no-repeat;
}

.success-story-left {
    width: 50%;
}

.success-story-left img {
    width: 10rem;
    margin-bottom: 3.5rem;
}

.success-story-left p {
    font-weight: 400;
    font-size: 2.563rem;
    line-height: 150%;
    margin-top: 2rem;
}

.success-story-right {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.success-story-cards {
    box-shadow: 0.125rem 0.0625rem 0.625rem 0.3125rem #00000026;
    background: #FFFFFF;
    padding: 1.25rem;
    border-radius: 0.8125rem;
    flex: 1 1 calc(50% - 1.5rem);
}

.success-story-cards .read-more {
    background: linear-gradient(90deg, #7415AE 0%, #B312FA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 2.143rem;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 1rem;
}


.success-story-cards .read-more img {
    width: 1.1rem;
    height: 1.1rem;
}

.success-story-text {
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.5;
    margin: 1rem 0;
}

.success-story-feature-wrapper {
    border-radius: 0.8125rem;
    height: 12rem;
    overflow: hidden;
}


.success-story-cards:hover .success-story-feature-img {
    transform: scale(1.1);
    transition: transform 0.3s ease;

}

.home-digital-transformation-section {
    background: url("../images/bg-digital-transformation.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
}

.home-digital-transformation-section h2 {
    font-size: 3.9rem;
}

.home-digital-transformation-section .row {
    margin-top: 2rem;
}

.digital-transformation-cards {
    flex: 1;
    position: relative;
    border-radius: 0.350625rem;
    overflow: hidden;
}

.digital-transformation-cards img {
    object-fit: cover;
    height: 20rem;
}

.digital-transformation-cards-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(284.89deg, rgba(184, 0, 193, 0.5) 6.56%, #B800C1 47.59%, #7012EB 90.7%);
}

.digital-transformation-cards-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.digital-transformation-cards-content h3 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.2;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.digital-transformation-cards-content p {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.5;
    color: var(--primary-color);
}


.digital-transformation-cards::before {
    content: "";
    position: absolute;
    width: 2rem;
    height: 1.5rem;
    z-index: 2;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background-color: var(--primary-color);
    border-bottom-left-radius: 1.875rem;
    border-bottom-right-radius: 1.875rem;
}

.digital-transformation-cards::after {
    content: "";
    position: absolute;
    width: 2rem;
    height: 1.5rem;
    z-index: 2;
    left: 50%;
    bottom: -0.125rem;
    transform: translateX(-50%);
    background-color: var(--primary-color);
    border-top-left-radius: 1.875rem;
    border-top-right-radius: 1.875rem;
}


.empower-text p {
    font-weight: 400;
    font-size: 1.9rem;
    line-height: 1.5;
}

.home-empower-section .row {
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 4rem;
    align-items: stretch;
}

.home-empower-section .card {
    flex: 0 0 calc(50% - 1.25rem);
}

.home-empower-section .empower-inner-cards {
    background-color: #fff;
    border-radius: 0.75rem;
    padding: 2rem;
    height: 100%;
}

.home-empower-section .card h3 {
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 0.526rem;
}

.home-empower-section .card p {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.5;
}


.our-client-card {
    flex: 1;
}

.our-client-card .btn {
    font-size: 1.5rem;
}

.home-our-client-section {
    background: url(../images/ourclientbg.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-top: 5rem;
}

.home-our-client-section .slick-track {
    padding: 5rem;
    display: flex !important;
}

.our-client-slider-cards {
    box-shadow: 0rem 1.875rem 2.0625rem 0rem #00000040;
    background: #FFFFFF;
    border-radius: 0.75rem;
    text-align: center;
    position: relative;
}


.our-client-slider-cards-content {
    box-shadow: 0rem 1.875rem 2.0625rem 0rem #00000040;
    border-radius: 0.75rem;
    padding: 2rem 4rem;
    position: relative;
    min-height: 15rem;
}

.our-client-slider-cards-content::after {
    content: "❞";
    position: absolute;
    bottom: -2.5rem;
    right: 1.25rem;
    color: #6D597A47;
    font-size: 4.375rem;
}

.our-client-slider-cards-content::before {
    content: "❝";
    position: absolute;
    top: 0rem;
    left: 1.25rem;
    color: #6D597A47;
    font-size: 4.375rem;
}

.our-client-slider-cards .name {
    font-weight: 700;
    font-size: 1.25rem;
    margin-top: 2rem;
}

.our-client-slider-cards .designation {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #607D8B;
    padding: 1rem 2rem;
}

.our-client-qoute {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.8125rem;
    color: #607D8B;
}

.client-image {
    position: relative;
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 100%;
    margin-top: -1.875rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #B56576;
    padding: 0.1rem;
    overflow: hidden;
}

.home-our-client-section .slick-slide {
    margin-right: 1.250rem;
    height: unset;
}

.home-faq-section {
    background-color: #F0E7FF;
}

.accordion {
    margin: 0 auto;
    border-radius: 0.5rem;
    overflow: hidden;
}

.accordion-header {
    width: 100%;
    background: #ffff;
    color: var(--secondary-color);
    border: none;
    padding: 0.9375rem 1.25rem;
    text-align: left;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 1.875rem;
}

.accordion-content p {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 149%;
    color: #939393;
}

.accordion-header .showminus {
    display: none;
}

.accordion-header.active .showplus {
    display: none;
}

.accordion-header.active .showminus {
    display: block;
}

.accordion-content {
    border-top: 1px solid #ddd;
    background-color: var(--primary-color);
    transition: max-height 0.35s ease;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.accordion-content img {
    width: auto;
    height: auto;
}

.accordion-header.active+.accordion-content {
    max-height: 100vh;
    padding: 0.9375rem 1.25rem;
}

.accordion-header .showminus {
    display: none;
}

.accordion-header.active .showplus {
    display: none;
}

.accordion-header.active .showminus {
    display: inline;
}


.accordion-item {
    margin: 1rem 0;
    box-shadow: 0rem 0.25rem 0.25rem 0rem #00000040;
}

.home-faq-section .home-faq-right {
    width: 45%;
}

.home-faq-section .home-faq-left {
    width: 55%;
}

.home-faq-section .row {
    align-items: flex-end;
    gap: 3rem;
    margin-top: 5rem;
}

.home-faq-right p {
    font-weight: 600;
    font-size: 2.887rem;
    line-height: 150%;
}

.home-form-box-left {
    background: url("../images/formbg.png");
    background-repeat: no-repeat;
    width: 50%;
    padding: 4rem 0;
    background-size: cover;
}

.home-form-box-left-inner {
    background: url("../images/formbg2.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 36rem;
    margin: auto;
    text-align: center;
    background-color: var(--primary-color);
    border-radius: 0.75rem;
    padding: 2rem;
}

.home-form-box-left-inner h4 {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 150%;
}

.home-form-contact {
    background: #7113F080;
    padding: 2.25rem 2.375rem;
    border-radius: 0.38375rem;
    margin: 2rem auto;
    justify-content: space-between;
}

.home-form-contact .text-left {
    width: 75%;
}

.home-form-contact p {
    font-weight: 400;
    font-size: 2.175rem;
    line-height: 150%;
}

.home-form-contact a {
    font-weight: 400;
    font-size: 1.431875rem;
    line-height: 150%;
    color: #3F3F3F;
}

.home-form-box-right {
    width: 50%;
    background-color: #F5E5FD;
    padding: 4rem 0;
}

.home-form-box-right-card {
    background: linear-gradient(236.6deg, rgba(184, 0, 193, 0.75) 16.94%, rgba(112, 18, 235, 0.75) 62.98%);
    box-shadow: 0rem 0.0875rem 0.0875rem 0rem #00000014;
    padding: 2rem;
    border-radius: 0.3125rem;
    width: 36rem;
    margin: auto;
}

.home-form-row {
    align-items: stretch;
}

.home-form-box-right-card h5 {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 150%;
    color: var(--primary-color);
}

.form-container {
    border-radius: 0.9375rem;
    width: 36rem;
    margin: auto;
    padding: 1.5rem 0;
}

.contact-form label {
    display: block;
    color: rgba(77, 85, 99, 1);
    font-weight: 400;
    font-size: 1rem;
    line-height: 2.894rem;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 1.184rem 1.578rem;
    border-radius: 0.3rem;
    margin-bottom: 1rem;
    outline: none;
    font-size: 1rem;
    box-shadow: 0px 4.21px 10.52px 0px rgba(0, 0, 0, 0.08);
}

.form-row {
    display: flex;
    gap: 0.625rem;
}

.form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.form-check {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    gap: 1rem;
}

.form-check label {
    margin: 0;
}

.form-check input {
    margin-right: 0.5rem;
    width: unset;
    margin: 0;
}

.form-check a {
    color: #7b2ff7;
    text-decoration: none;
}

.form-check a:hover {
    text-decoration: underline;
}

.submit-btn {
    width: 100%;
    padding: 0.75rem;
    border: none;
    border-radius: 0.5rem;
    background: linear-gradient(90deg, #7b2ff7, #f107a3);
    color: #fff;
    cursor: pointer;
    transition: 0.3s ease;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 2.104375rem;
}

.submit-btn:hover {
    box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.2);
}

.digital-transformation-cards.slick-slide {
    margin: 0 1rem;
}

/* Responsive */
@media (max-width: 480px) {
    .form-row {
        flex-direction: column;
    }
}

footer {
    background: linear-gradient(338.44deg, #31135E 13.79%, #6628C4 83.9%);
    padding-top: 5rem;
}

footer .logo {
    width: 12rem;

}

.footer-row {
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 4.5rem;
}

.footer-card {
    flex: 1;
}


.footer-card h6 {
    font-weight: 700;
    font-size: 1.125rem;
    color: var(--primary-color);
}

.footer-card ul {
    list-style: none;
    margin: 1.938rem 0;
}

.footer-card ul li {
    margin: 0.625rem 0;
    font-size: 0.875rem;
}

.footer-card ul li a {
    font-weight: 400;
    font-size: 0.875rem;
}

.footer-bottom {
    padding: 1.625rem 0;
    color: var(--primary-color);
    border-top: 1px solid var(--primary-color);
    font-size: 1rem;
}

.footer-bottom-row {
    justify-content: space-between;
}

.footer-bottom-row ul {
    list-style: none;
    gap: 1.5rem;
}

.footer-bottom-row .footer-reserve a {
    text-decoration: underline;
    font-size: 0.875rem;
}

.social-media li a {
    gap: 0.5rem;
}

.footer-location li a{
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 1.229375rem;
    line-height: 100%;
    gap: 0.875rem;
    margin: 1.5rem 0;
    color: var(--primary-color);
}

.footer-location img {
    width: 1.625rem;
}

.home-form-contact img {
    width: 4rem;
}

.home-form-section {
    margin-top: 5rem;
}

.connect-form {
    margin-top: 5rem;
}

.development-box {
    background: linear-gradient(180deg, #FF0FFF 0%, #A6056C 100%);
    width: 100%;
    height: 25rem;

}

.development-center-image {
    position: relative;
    width: 30%;
}

.development-center-image img {
    position: absolute;
    top: -5rem;
    width: 90%;
    height: 35rem;
    right: -0.25rem;
}

.development-center-row {
    align-items: flex-end;
    justify-content: space-between;
}

.development-box::after {
    content: "";
    position: absolute;
    top: 10%;
    left: 100%;
    width: 40rem;
    height: 0.75rem;
    background: linear-gradient(180deg, #FF0FFF 0%, #A6056C 100%);

}

.development-center-india {
    position: absolute;
    z-index: 9;
    box-shadow: 0rem 0.116875rem 0.116875rem 0rem #00000040;
    color: #53018B;
    background-color: var(--primary-color);
    padding: 1rem 2rem;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    width: 15rem;
    border-radius: 0.25rem;
    left: 5%;
    top: 10%;
}

.home-development-center-section {
    margin-top: -8rem;
    position: relative;
    z-index: 99;
}

.hero-section-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 16.77%, rgba(0, 0, 0, 0.76) 65.93%, rgba(0, 0, 0, 0) 97.6%);
    width: 80%;
}

.home-success-client-section {
    padding-top: 9.626rem;
    padding-bottom: 8.125rem;
}

.home-digital-transformation-section .row {
    align-items: stretch;
}

.home-faq-section .home-faq-right img {
    width: 25rem;
    height: 25rem;
}

.home-success-client-section .slick-slide img {
    display: block;
    height: 5.813rem;
    object-fit: contain;
}

/* Service Page CSS */
.service-hero-section {
    background-color: #001757;
    padding: 8rem 0 2rem;
    color: var(--primary-color);
    background-image: url('../images/servicebg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.service-hero-section .row {
    justify-content: space-between;
}

.service-hero-left,
.service-hero-right {
    width: 48%;

}

.service-hero-section h1 {
    font-size: 3.086rem;
    font-weight: 600;
    line-height: 1.2;
    text-transform: capitalize;
    color: rgba(255, 255, 255, 1);
}

.service-hero-section p {
    font-weight: 300;
    font-size: 1.125rem;
    text-transform: capitalize;
    padding: 2rem 0;
}

.secondry-btn {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    color: #F06700;
    padding: 0.5rem 2.313rem;
    background-color: var(--primary-color);
    border-radius: 0.739rem;
}


.service-about-staqo-section .about-staqo-right,
.service-about-staqo-section .about-staqo-left {
    width: 50%;
}

.service-about-staqo-section p {
    font-weight: 400;
    font-size: 1.625rem;
    text-transform: capitalize;
    margin-bottom: 2rem;
}

.about-staqo-inner-card {
    background-color: var(--primary-color);
    border-radius: 0.313rem;
    padding: 1rem 2rem;
}

.about-staqo-inner-card h3 {
    font-weight: 700;
    font-size: 1.625rem;
    text-transform: capitalize;
    margin-bottom: 1.625rem;
}

.about-staqo-inner-card .row {
    flex-wrap: wrap;
    align-items: stretch;
    gap: 2rem;

}

.about-staqo-inner-image {
    border: 1px solid rgba(232, 232, 232, 1);
    height: 4.063rem;
    flex: 1 1 calc(33.333% - 2rem);
    padding: 0.2rem;
    border-radius: 0.313rem;
}

.about-staqo-right .card {
    padding: 0.1rem;
    border-radius: 0.313rem;
}

.client-image img {
    border-radius: 100%;
    object-fit: cover;
}

.blog-details {
    padding-top: 10rem;
}

.post-title {
    font-family: roboto;
    font-weight: 600;
    font-size: 3.938rem;
    color: var(--primary-color);
}

.post-short-description {
    font-family: roboto;
    color: var(--primary-color);
    font-weight: 500;
    font-size: 1.313rem;
    line-height: 150%;
    margin-top: 1rem;
}

.single-post-hero {
    border-radius: 0.625rem;
    min-height: 32rem;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    padding: 2.25rem;
}

.single-post-hero-inner {
    width: 60%;
}

.privacy-policy-section {
    color: #898989;
    font-family: roboto;
    padding-top: 8rem;
}

.privacy-policy-section h1 {
    font-size: 3rem;
    text-align: center;
    padding-bottom: 2rem;
    border-bottom: 2px solid #898989;
}

.post-content {
    color: #898989;
    margin-top: 3.875rem;
    margin: 3.875rem 2.75rem;
}

.privacy-policy-section h2,
.privacy-policy-section h3,
.privacy-policy-section h4,
.privacy-policy-section h5,
.privacy-policy-section h6,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    font-family: roboto;
    background: linear-gradient(90deg, #2372B5 0%, #6628C4 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.privacy-policy-section a,
.post-content a {
    font-family: roboto;
    background: linear-gradient(90deg, #2372B5 0%, #6628C4 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-decoration: underline;
}

.privacy-policy-section h2,
.post-content h2 {
    font-size: 2rem;
}

.privacy-policy-section h3,
.post-content h3 {
    font-size: 1.8rem;
}

.privacy-policy-section h4,
.post-content h4 {
    font-size: 1.6rem;
}

.privacy-policy-section h5,
.post-content h5 {
    font-size: 1.4rem;
}

.privacy-policy-section h6 .post-content h6 {
    font-size: 1.2rem;
}

.privacy-policy-section ul,
.privacy-policy-section ol,
.post-content ul,
.post-content ol {
    font-family: roboto;
    font-weight: 500;
    margin-left: 2.5rem;
    line-height: 2;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-size: 1.414rem;
}

.privacy-policy-section p,
.post-content p {
    font-family: roboto;
    font-size: 1.414rem;
    font-weight: 500;
    line-height: 2;

}

.privacy-policy-section strong,
.privacy-policy-section ul li strong,
.privacy-policy-section ol li strong,
.post-content ul li strong,
.post-content ol li strong,
.post-content p strong {
    color: var(--secondary-color);
}

.blog-list {
    padding-top: 5rem;
}

.blog-list-hero-section {
    background-image: url('../images/blog-bg.png');
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15rem 0 5rem;
}

.blog-list-hero-section h1 {
    font-weight: 600;
    font-size: 3rem;
    color: #595656;
}

.blog-list-hero-section p {
    font-weight: 400;
    font-size: 1.25rem;
    color: #6941C6;
    margin-top: 1.5rem;
}

#post-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

#post-container article {
    width: calc(33.333% - 1.5rem);
    padding: 1.5rem;
    box-shadow: 0px 15px 15px 0px #10182814;
    border-radius: 0.625rem;
    background-color: var(--primary-color);
}

#post-container .blog-category {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #6941C6;
    margin-top: 3rem;
}

.blog-thumbnail img {
    aspect-ratio: 336 / 240;
    object-fit: cover;
}

.blog-meta {
    margin-top: 1rem;
}

#post-container article a {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.2;
    color: #101828;
    margin-top: 1rem;
    display: block;
}

.blog-title a {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.blog-title img {
    width: 1rem;
    height: 1rem;
}

.short-desc {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: #667085;
    margin-top: 1rem;
}

.card-stats-inner {
    background-color: var(--primary-color);
    padding: 1.5rem;
    border-radius: 0.313rem;
    height: 100%;
}

.card-stats-image {
    width: 3rem;
    height: 3rem;
    padding: .8rem;
    background-color: #ECECF0;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.card-stats-inner h3 {
    font-weight: 600;
    font-size: 1.188rem;
}

.card-stats-inner p {
    font-weight: 400;
    font-size: 0.75rem;
    margin-top: 1.75rem;
}

.stats-section {
    margin-bottom: 5rem;
}

.stats-section .row {
    gap: 0.4rem;
    margin-top: 2rem;
    align-items: stretch;
}

.stats-section .card {
    border-radius: 0.313rem;
    padding: 0.1rem;
}

.why-staqo-section {
    background: url("../images/map.webp");
    background-color: #FAF5FE;
    padding: 5rem 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.description {
    font-weight: 400;
    font-size: 1.625rem;
    text-transform: capitalize;
    color: #616161;
    margin-top: 0.875rem;
    margin-bottom: 4rem;
    width: 70%;
}

.why-staqo-card {
    border-radius: 6px;
    background-color: var(--primary-color);
    padding: 1.625rem;
    flex: 0 0 24%;
}

.why-staqo-card .why-staqo-image {
    background: linear-gradient(90deg, rgba(255, 46, 173, 0.7) 0%, rgba(116, 21, 174, 0.7) 100%);
    width: 4.688rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .8rem;
}

.why-staqo-section h3 {
    font-weight: 600;
    font-size: 1.188rem;
    margin: 1rem 0;

}

.why-staqo-section .row {
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

.why-staqo-card p {
    color: rgb(89, 86, 86);
}

.custom-software-section {
    background: linear-gradient(273.13deg, #B10FC8B0 -16.24%, #00009CD4 97.83%), url("../images/custom-sofware.webp");
    padding: 5rem 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--primary-color);
}

.custom-software-section .row {
    flex-wrap: wrap;
    margin-top: 3rem;
    align-items: stretch;
}

.custom-software-section h2 {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

.custom-software-section p {
    font-weight: 400;
    font-size: 1.625rem;
    margin: 1rem 0;
    text-align: center;
}

.custom-software-card {
    flex: 0 0 24%;
    border-bottom: 2px solid #AFAFAF;
    border-right: 2px solid #AFAFAF;
    padding: 3rem;
    transition: background-color 0.6s ease;
}

.custom-software-img {
    width: 4rem;
}

.custom-software-card:nth-child(8),
.custom-software-card:nth-child(4) {
    border-right: unset;
}

.custom-software-card:nth-child(n+5) {
    border-bottom: unset;

}

.custom-software-card:hover {
    background: #FFFFFF3B;

}

.custom-software-cta {
    text-align: center;
    margin-top: 3.563rem;
}

.custom-software-cta a {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.739rem;
    padding: 0.5rem 2.313rem;
    font-family: Poppins;
    font-weight: 500;
    font-size: 1.345rem;
    line-height: 1.441rem;
    border: 1px solid #fff;
}

.custom-software-cta img {
    width: 1rem;
    margin-left: 0.875rem;
}

.servive-solution-left {
    width: 40%;
}

.servive-solution-right {
    width: 60%;
}

.servive-solution-section {
    padding: 5rem 0;
    background: url("../images/csd-bg.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.servive-solution-section .row {
    gap: 5.5rem;
}

.servive-solution-section p {
    font-weight: 400;
    font-size: 1.125rem;
    color: #595656;
    margin-bottom: 2rem;
    margin-top: 1rem;
}

.developemnt-process-subheading {
    font-weight: 400;
    font-size: 1.699rem;
    text-transform: capitalize;
    color: rgba(89, 86, 86, 1);
    margin-top: 0.625rem;
}

.servive-solution-section ul {
    margin: 1.5rem 0 1.5rem 1.4rem;
}

.servive-solution-section ul li {
    font-weight: 400;
    font-size: 1.5rem;
    color: #595656;
    margin-bottom: 1rem;

}

.servive-solution-section a {
    font-weight: 600;
    font-size: 1.625rem;
    text-transform: capitalize;
    text-decoration: underline;
}

.developemnt-process-section .row {
    flex-wrap: wrap;
    gap: 2rem;
    align-items: end;
}

.developemnt-process-head,
.developemnt-process-section .card {
    flex: 0 0 48%;

}

.developemnt-process-section .card .developemnt-process-section .card {
    padding: 0.063rem;
    border-radius: 0.313rem;
}

.developemnt-process-inner {
    background-color: var(--primary-color);
    border-radius: 0.6rem;
    padding: 1.5rem;
    height: 100%;
}

.developemnt-process-inner h3 {
    font-weight: 600;
    font-size: 1.5rem;
    color: #595656;
}

.developemnt-process-inner p {
    font-weight: 400;
    font-size: 1.25rem;
    color: #595656;
    margin-left: 1.5rem;
    margin-top: 0.5rem;
}

.developemnt-process-section {
    background: url("../images/osdp-bg.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5rem 0;
}

.gnss-hero-section {
    height: 25rem;
    padding-top: 5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--primary-color);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.gnss-hero-section h1 {
    font-weight: 700;
    font-size: 3.438rem;
    line-height: 1.3;
}

.gnss-hero-section p {
    font-weight: 400;
    font-size: 1.25rem;
    margin-top: 0.5rem;
}

.gnss-list {
    margin: 5rem 0;
}

.gnss-list .product-tabs-container {
    display: flex;
    gap: 0.625rem;
    justify-content: space-between;
}

.gnss-list .product-tab-btn {
    padding: 0.813rem 2.438rem;
    cursor: pointer;
    background: #1268AF33;
    border: none;
    border-radius: 2.313rem;
    font-weight: 400;
    font-size: 1.125rem;
    color: #454040;
}

.gnss-list .product-tab-btn.is-selected {
    background: #1268AF;
    color: #fff;
}

.gnss-list .product-tab-panel {
    display: none;
    margin-top: 3rem;
}

.gnss-list .product-tab-panel.is-visible {
    display: block;
}

.gnss-card {
    width: 23.5%;
    box-shadow: 0px 1px 4.41px 0px #00000040;
    border-radius: 1.375rem;
    overflow: hidden;

}

.gnss-card-img {
    background: radial-gradient(60.94% 50% at 50% 50%, #FFFFFF 63.45%, #CADFFF 100%);
    padding: 2.188rem;
    height: 11.813rem;
}

.gnss-card-img img {
    object-fit: contain;
}

.gnss-card-content {
    padding: 0.813rem 1.563rem;
}

.gnss-card-content ul {
    margin-left: 1rem;
    margin-top: 1.438rem;
}

.gnss-card-content h3 {
    font-weight: 500;
    font-size: 1.438rem;
    color: #393737;
}

.gnss-card-content ul li {
    color: #6E6868;
    font-size: 1rem;
    line-height: 1.5;
}

.product-tab-panel .row {
    flex-wrap: wrap;
    gap: 1.7rem;
}

.cyber-security-hero-section {
    height: 40rem;
    padding-top: 5rem;
    position: relative;
}

.cyber-security-hero-content {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 60%;
    color: var(--primary-color);
    margin-top: 2rem;
}

.cyber-security-hero-content h1 {
    font-weight: 600;
    font-size: 3.1rem;
}

.cyber-security-hero-content p {
    font-weight: 300;
    font-size: 1.2rem;
    margin-top: 1.2rem;
}

.cyber-slider-section {
    background: linear-gradient(90deg, #FF2EAD 0%, #7415AE 100%);
    padding: 1rem 0;
}

.cyber-slider {
    display: flex;
    justify-content: space-between;
    color: var(--primary-color);
}

.cyber-slider img {
    width: 1.688rem !important;
}

.cyber-slider p {
    text-align: center;
    display: flex !important;
    align-content: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1rem;
}

.whystaqo-section {
    background: url("../images/bg1.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.cybersecurity-section h2,
.whystaqo-section h2 {
    font-weight: 600;
    font-size: 4.274rem;
    text-transform: capitalize;
    margin-bottom: 1rem;
}

.whystaqo-section img {
    width: auto;
    height: auto;

}

.whystaqo-section p {
    font-weight: 400;
    font-size: 1.625rem;
    color: #595656;
    line-height: 191%;
}

.whystaqo-section p strong {
    background: linear-gradient(90deg, #FF2EAD 0%, #7415AE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.cybersecurity-section {
    padding: 5rem 0;
}

.cybersecurity-section p {
    font-weight: 400;
    font-size: 1.625rem;
    color: #616161;
    margin-top: 1rem;
}

.cybersecurity-services {
    background: url("../images/backgroundimage.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5rem 10rem;
    position: relative;
    color: var(--primary-color);
}

.cybersecurity-services h2 {
    font-weight: 600;
    font-size: 3.1rem;
}

.cybersecurity-services p {
    font-weight: 300;
    font-size: 1.625rem;
    margin-top: 2.625rem;
    text-align: center;
}

.cybersecurity-box {
    border: 1px solid #999999;
    border-radius: 1.375rem;
    padding: 1.5rem 1.75rem;
    width: 48%;
    color: var(--primary-color);
    background: rgba(255, 255, 255, 0.1);
}

.cybersecurity-box h3 {
    font-weight: 600;
    font-size: 1.3rem;
}

.cybersecurity-box li {
    font-weight: 400;
    font-size: 1.3rem;
    margin-top: 1.375rem;
}

.cybersecurity-box ul {
    margin-left: 2rem;
}

.cybersecurity-box a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.375rem;
    text-transform: capitalize;
}

.cybersecurity-box a img {
    width: 1rem;
    height: 1rem;
}

contact-form .cybersecurity-box img {
    width: 1rem;
    height: 1rem;
}

.cybersecurity-services .row {
    margin-top: 2rem;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    align-items: stretch;
}

.about-hero-section {
    background: url("../images/bg4.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5rem 10rem;
    height: 37rem;
    display: flex;
    align-items: center;
    text-align: center;
}

.about-hero-section h1 {
    font-weight: 600;
    font-size: 3.919rem;
    color: var(--primary-color);

}

.about-hero-section p {
    font-weight: 500;
    font-size: 1.401rem;
    color: var(--primary-color);
    margin-top: 1rem;
}

body .innovations span,
.innovations p {
    font-weight: 400;
    font-size: 1.75rem;
    line-height: 1.5;
}

.innovations p:last-child {
    margin-top: 1rem;

}

.spirit .row {
    align-items: flex-start;
}

.trustedname-section {
    background: url("../images/bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 5rem 7rem;
    position: relative;
}

.cybersecurity-services-overlay,
.trustedname-overlay {
    position: absolute;
    width: 100%;
    background: #3A005D;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.7;
}

.trustedname-section p {
    font-weight: 400;
    font-size: 2rem;
    margin-bottom: 3rem;
    color: var(--primary-color);
    z-index: 9;
    position: relative;
    text-transform: capitalize;
}

.trustedname-section .trustedname-mid {
    font-weight: 400;
    font-size: 1.625rem;
}

.power-staqo-section {
    padding: 5rem 0;
}

.power-staqo-section .row {
    gap: 1rem;
}

.power-staqo-left {
    width: 40%;
}

.power-staqo-right {
    width: 60%;
}

.power-staqo-right .card {
    padding: 0.1rem;
    margin-bottom: 1rem;
}

.gnss-hero-sections {
    display: flex;
    background-color: var(--secondary-color);
    padding-top: 5rem;
    align-items: center;
    color: var(--primary-color);
    height: 37rem;
}

.gnss-hero-sections p {
    font-weight: 400;
    font-size: 1.25rem;
    margin-top: 1rem;
}

.field-aplication-section {
    padding: 5rem 0;
    background: url("../images/bgproduct.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.field-aplication-section .row {
    justify-content: center;
    gap: 2rem;
    align-items: flex-start;
    margin-top: 3rem;
}

.field-aplication-box {
    text-align: center;
}

.field-aplication-box:nth-child(even) {
    margin-top: 3rem;
}

.field-aplication-box p {
    font-weight: 500;
    font-size: 1.313rem;
    color: #393737;
}

.our-product-section {
    background: linear-gradient(273.13deg, #B10FC8CC -16.24%, #00009C8F 97.83%), url("../images/bg6.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 5rem 0;
    color: var(--primary-color);

}

.our-product-section .row {
    margin-top: 2rem;
    gap: 1.313rem;
    align-items: stretch;
}

.our-product-card {
    background-color: var(--primary-color);
    color: var(--secondary-color);
    text-align: center;
    border-radius: 1.4rem;
    padding: 2rem;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: column;
}

.our-product-card img {
    height: auto;
    max-width: 70%;
    max-height: 70%;
    object-fit: contain;
}

.our-product-card p {
    font-weight: 500;
    font-size: 1.438rem;
    color: #393737;
    margin-top: 3rem;

}

.all-gnss-left {
    width: 50%;
}

.all-gnss-section .row {
    justify-content: space-between;
}

.all-gnss-section {
    padding: 5rem 0;
    background: url("../images/bgproduct.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.industries-based-section {
    background: url("../images/bg-slider.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5rem 0;
    background-color: rgba(250, 245, 254, 1);
}

.industries-based-card {
    position: relative;
    width: 23rem;
    height: 23rem !important;
    border-radius: 1.688rem;
    overflow: hidden;
    margin: 0 1rem;
}

.industries-based-content {
    position: absolute;
    background: linear-gradient(273.13deg, #B10FC87A -16.24%, #00009C 97.83%);
    top: 0;
    bottom: 0;
    width: 100%;
    padding: 1.875rem;
}

.industries-based-content h3 {
    font-weight: 600;
    font-size: 1.563rem;
    color: var(--primary-color);
}

.industries-based-content ul li {
    margin-top: 2rem;
    list-style: none;
}

.industries-based-content ul a {
    background-color: #0000003B;
    border: 0.049rem solid var(--primary-color);
    border-radius: 0.491rem;
    padding: 0.438rem;
    font-weight: 400;
    font-size: 0.884rem;
    color: rgba(255, 255, 255, 1);
}

.industries-based-content .readmore {
    background-color: #0000003B;
    border: 1px solid var(--primary-color);
    border-radius: 100%;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 1rem;
}

.industries-based-content .readmore img {
    width: 1.25rem;
    height: 1.25rem;
}

.industries-based-section .slick-dots {
    position: unset;
    display: flex;
    width: 90%;
    padding: 0;
    margin: auto;
    list-style: none;
    text-align: center;
    background-color: rgba(185, 185, 185, 1);
    height: 0.5rem;
    margin-top: 2rem;
}

.industries-based-section #slick-slide-control04 {
    display: none;
}

.industries-based-section .slick-dots li {
    flex: 1;
    height: 0.5rem;
    margin: 0;
}

.industries-based-section .slick-active {
    background-color: rgba(175, 31, 173, 1);
}

.cybersecurity-section .main-heading {
    position: relative;
}

.cybersecurity-section .main-heading::before {
    content: "";
    position: absolute;
    width: 50%;
    left: 0;
    background: linear-gradient(90deg, #FF2EAD 0%, #7415AE 100%);
    height: 0.2rem;
}

.cybersecurity-services .container {
    position: relative;
    z-index: 1;
}

.search-submit {
    padding: 0.7rem;
    background-color: var(--primary-color);
    border: 0;
    outline: none;
}

.search-form {
    margin-top: 1rem;
    display: inline-block;
    position: relative;
}

.search-icon {
    width: 0.938rem;
    height: 0.938rem;
    position: absolute;
    top: 50%;
    left: 6%;
    transform: translate(-50%, -50%);
}

.search-field {
    border-radius: 0.5rem;
    padding: 0.5rem 1rem 0.5rem 2rem;

}

.search-item a {
    color: var(--secondary-color);
    text-decoration: underline;
    padding-bottom: 2rem;
}

.search-results-page {
    padding: 2rem 0;
}

.blog-list-section {
    background: url("../images/gradiantBG.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5rem 0;
}

.all-gnss-box {
    box-shadow: 3px 3px 7.5px 0px #1322FF24;
    border: 1px solid #E6E6E6;
    border-radius: 100%;
    width: 11.938rem;
    height: 11.938rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    overflow: hidden;
}

.all-gnss-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.all-gnss-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    width: 40%;
    align-items: end;
}

.all-gnss-right-left {
    justify-content: flex-start;
}

.all-gnss-box:nth-child(2) {
    width: 14.938rem;
    height: 14.938rem;

}

.all-gnss-subheading {
    font-weight: 500;
    font-size: 1.063rem;
    color: #636262;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    text-transform: capitalize;
}

.all-gnss-pargraph {
    font-weight: 400;
    font-size: 0.903rem;
    color: #636262;
    margin-top: 1rem;
}

.three-box .all-gnss-box:nth-child(2),
.three-box .all-gnss-box:nth-child(3),
.two-imge .all-gnss-box:nth-child(1),
.two-imge .all-gnss-box:nth-child(4) {
    box-shadow: unset;
    border: unset;
}

.spec-box {
    margin-top: 2rem;
    max-width: 25rem;
}

.spec-title {
    background: #dcdcff;
    padding: 0.438rem 1.875rem;
    font-weight: 400;
    font-size: 0.875rem;
    margin: 0;
    display: inline-block;
}

.spec-row {
    display: flex;
    justify-content: space-between;
    padding: 0.625rem 0;
    border-bottom: 1px solid #ddd;
}

.spec-label {
    font-weight: 600;
    font-size: 0.875rem;
}

.spec-value {
    font-weight: 400;
    font-size: 0.875rem;
}

.gnss-hero-heading .gradient-text,
.gnss-hero-heading {
    font-weight: 700;
    font-size: 3.438rem;
}

.hero-contact-section {
    padding-top: 5rem;
    display: flex;
    align-items: center;
    position: relative;
}

.contact-overlay {
    background: url("../images/about-bg.png");
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    bottom: 0;
    width: 85%;
    height: 100%;
}


.hero-contact-section .container {
    position: relative;
    z-index: 2;
}
.hero-contact-section img{
    width: 53%;
}

.hero-contact-section p {
    font-weight: 400;
    font-size: 1.26rem;
    color: #504A4A;
}

.hero-contact-section h1 {
    font-weight: 700;
    font-size: 4.5rem;
    text-transform: capitalize;
    color: #504A4A;
    margin: 1rem 0;
}

.contact-location-card {
    width: 32%;
    display: flex;
    align-items: self-start;
    gap: 1rem;
    background-color: #FCF8FF;
    box-shadow: 0px 0.75rem 1rem -0.25rem #10182814;
    padding: 2rem;
    border-radius: 0.625rem;
}

.contact-location-card:nth-child(even) {
    background-color: #F3F3FF;
}

.contact-location-card ul {
    list-style: none;
}

.contact-location-section {
    margin: 5rem 0;
}

.contact-location-text {
    margin-top: 1rem;
}

.contact-location-text h3 {
    font-weight: 600;
    font-size: 1rem;
    color: var(--secondary-color);
}

.contact-location-text ul li a,
.contact-location-text ul li,
.contact-location-text p {
    font-weight: 400;
    font-size: 1rem;
    margin: 0.375rem 0;
    color: var(--secondary-color);
}

.contact-location-section .row {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    align-items: stretch;
}

.contact-form h2 {
    background: linear-gradient(90deg, #2372B5 0%, #6628C4 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-align: center;
    font-weight: 600;
    font-size: 1.688rem;
    line-height: 150%;
}

.contact-form-box {
    border: 3.86px solid #EAEAEA;
    border-radius: 0.664rem;
    padding: 2.438rem;
    margin-top: 2rem;
    margin-bottom: 5rem;
}

.hero-contact-section h1 span {
    font-size: inherit;
}

.contact-location-img img {
    width: 3.113rem;
    height: 3.113rem;
}

.blog-list-card {
    width: 31%;
    padding: 1.5rem;
    background-color: var(--primary-color);
    box-shadow: 0px 0.75rem 1rem -0.25rem #10182814;
    border-radius: 0.625rem;
    transition: 0.25s;
}

.blog-list-card:hover .blog-list-img img {
    transform: scale(1.2);
}

.blog-list-card:hover {
    box-shadow: 0px 0.75rem 1rem -0.25rem #1018283d;
}

.blog-list-card .blog-list-img {
    height: 15rem;
    border-radius: 0.625rem;
    overflow: hidden;
}

.blog-list-card .blog-list-img img {
    object-fit: cover;
    transition: 0.25s;
}

.blog-list-cat {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #6941C6;
    margin-top: 1rem;
}

.blog-list-card h3 {
    font-weight: 600;
    font-size: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #101828;
}

.blog-list-card .blog-arrow {
    width: 0.625rem;
    height: 0.625rem;
}

.blog-list-card .row {
    align-items: flex-start;
    margin: 0.75rem 0;
    justify-content: space-between;
}

.blog-list-description {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #667085;
}

.blog-list-section .row:first-child {
    flex-wrap: wrap;
    row-gap: 3rem;
    column-gap: 2rem;
    align-items: stretch;
}

#load-more-btn {
    display: flex;
    margin: auto;
    padding: 0.75rem 1.25rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #6941C6;
    align-items: center;
    gap: 0.375rem;
    border-radius: 0.5rem;
    border: none;
    background-color: #F9F5FF;
}

#load-more-btn img {
    width: 0.688rem;
    height: 0.688rem;
}

.gnss-cta {
    margin-bottom: 5rem;
}

.gnss-cta .gnss-cta-box {
    background-color: #183053;
    padding: 3.813rem 0;
    border-radius: 2.125rem;
    text-align: center;
}

.gnss-cta a {
    background-color: #1268AF;
    font-weight: 600;
    font-size: 1.125rem;
    text-transform: capitalize;
    padding: 0.813rem 2.438rem;
    border-radius: 2.313rem;
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
}

.gnss-cta a img {
    width: 1.375rem;
    height: 1.375rem;
}

.search-item {
    margin: 2rem 0;
    background-color: #00000023;
    padding: 2rem;
    border-radius: 0.5rem;
}

.pagination {
    text-align: center;
}

.pagination a {
    color: #1a1515a8;
    font-weight: 700;
    font-size: 1rem;
}

.page-numbers.current {
    font-size: 1.5rem;
    font-weight: 700;

}

.prev.page-numbers,
.next.page-numbers {
    background-color: rgba(18, 104, 175, 1);
    border-radius: 2.313rem;
    padding: 0.813rem 2.438rem;
    color: var(--primary-color);
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-content: center;
}


/* Tabs Navigation */
.skillsTabs__nav {
    display: flex;
    flex-wrap: wrap;
    background: rgb(233, 233, 237);
    justify-content: space-between;
    padding: 0.188rem;
    border-radius: 5.173rem;
    margin-top: 3.25rem;
}

.skillsTabs__navItem {
    padding: 0.375rem 2.5rem;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    font-family: Poppins;
    font-weight: 600;
    font-size: 1.124rem;
    border-radius: 5.173rem;
}

.skillsTabs__navItem--active {
    background: linear-gradient(90deg, #F92DAD 0%, #A21DAE 100%);
    color: #fff;
}

/* Panels */
.skillsTabs__panel {
    display: none;
    margin-top: 2.938rem;
    animation: skillsFade .3s ease-in-out;
}

.skillsTabs__panel--active {
    display: flex;
    gap: 3.375rem;
    flex-wrap: wrap;
}

/* Cards */
.skillsTabs__card {
    width: 13.029rem;
    background: #fff;
    border-radius: 1.426rem;
    padding: 1.313rem 1.813rem;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: .3s;
}

.skillsTabs__card img {
    width: 7.238rem;
    height: 7.238rem;
    box-shadow: 0px 2.57px 8.49px 0px rgba(0, 0, 0, 0.14);
    padding: 0.938rem 1.125rem;
    border-radius: 1.426rem;
}

.skillsTabs__card:hover {
    transform: translateY(-5px);
}

/* Animation */
@keyframes skillsFade {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

/* Responsive */
@media (max-width: 768px) {
    .skillsTabs__card {
        width: 45%;
    }
}

.technologies-stack {
    background-color: rgba(36, 2, 59, 1);
    padding: 3rem 0;
    text-align: center;
    color: var(--primary-color);
}


.technologies-stack-subheading {
    font-weight: 400;
    font-size: 1.699rem;
    text-transform: capitalize;
    max-width: 50%;
    margin: auto;
    margin-top: 1.699rem;
}

.skillsTabs__card p {
    font-weight: 600;
    font-size: 1.287rem;
    text-align: center;
    color: rgba(51, 51, 64, 1);
    margin-top: 1.25rem;
}

.latest-technologies-section {
    background: url("../images/latest-lechnologies.svg");
    background-repeat: no-repeat;
    background-position: center;
    padding: 5rem 0;
    position: relative;
    background-size: cover;
    overflow: hidden;
}

.latest-technologies-right-box,
.latest-technologies-left-box {
    width: 49%;
}

.latest-technologies-right-box {
    box-shadow: 0px 4px 17.6px 0px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(254, 46, 173, 1);
    border-radius: 1rem;
    padding: 1.688rem 1.5rem;
    background-color: rgba(255, 255, 255, 0.1);
}

.latest-technologies-left-box p {
    font-weight: 400;
    font-size: 1.699rem;
    text-transform: capitalize;
    margin-top: 1.063rem;
}

.latest-technologies-right-box .card {
    margin-bottom: 2.25rem;
}

.latest-technologies-right-box-inner {
    height: 35rem;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    cursor: all-scroll;
}

.latest-technologies-right-box-inner>* {
    margin-right: 20px;
}

.latest-technologies-section .row {
    position: relative;
    z-index: 2;
    align-items: self-start;
}

.ar-vr {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60rem;
    height: 34rem;
    z-index: 1;
}

.latest-technologies-right-box-inner::-webkit-scrollbar {
    width: 1.25rem;
}

.latest-technologies-right-box-inner::-webkit-scrollbar-track {
    background: rgba(217, 217, 217, 1);
    border-radius: 1.2rem;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
}

.latest-technologies-right-box-inner::-webkit-scrollbar-thumb {
    background: rgba(90, 19, 108, 1);
    border-radius: 1.2rem;
    border: 1px solid rgba(217, 217, 217, 1);
}

.latest-technologies-right-box-inner .card-inner {
    padding: 1.438rem 2.125rem;
}

.latest-technologies-right-box-inner h3 {
    font-weight: 600;
    font-size: 1.5rem;
    text-transform: capitalize;
    color: rgba(89, 86, 86, 1);
    margin-bottom: 0.188rem;
}

.latest-technologies-right-box-inner p {
    font-weight: 400;
    font-size: 1.304rem;
    text-transform: capitalize;
    color: rgba(89, 86, 86, 1);
}

.portfolios-section-card {
    width: 40%;
}

.portfolios-section-card.slider-nav {
    width: 60%;
    overflow: hidden;
}

.portfolios-section .row {
    justify-content: space-between;
    margin-left: 3rem;
    align-items: end;
    gap: 3rem;
}

.slider-nav-image-wrapper {
    height: 36rem !important;
    display: flex !important;
    align-items: flex-end;
}

.slider-nav-image-wrapper.slick-slide.slick-current.slick-active img {
    height: 36rem !important;
    object-fit: unset;
    width: 36rem !important;
}

.slider-nav-image-wrapper img {
    height: 19rem;
    transition: height .4s cubic-bezier(1, .071, .68, .53);
    margin-right: 3rem;
}

.portfolios-section-card h2 {
    display: inline-block;
    position: relative;
}

.portfolios-section-card h2::before {
    content: "";
    width: 100%;
    height: 0.206rem;
    background: linear-gradient(90deg, #FF2EAD 0%, #7415AE 100%);
    position: absolute;
    bottom: 0;
}

.portfolios-section-card .card {
    margin: 1rem;
}

.portfolios-section-card .card-inner {
    padding: 1rem 1.25rem;
}

.portfolios-section-card .card-inner h3 {
    font-weight: 600;
    font-size: 1.125rem;
    color: rgba(89, 86, 86, 1);
    margin-bottom: 0.313rem;
}

.portfolios-section-card .card-inner ul {
    margin-left: 1rem;
}

.portfolios-section-card .card-inner ul li,
.portfolios-section-card .card-inner p {
    font-weight: 400;
    font-size: 1.1rem;
    color: rgba(89, 86, 86, 1);
}

.portfolios-readmore {
    text-align: right;
    margin-top: 1.1rem;

}

.portfolios-readmore a {
    font-weight: 600;
    font-size: 1.125rem;
    text-transform: capitalize;
    text-decoration: underline;
}

.White-header .header-toggle span {
    background-color: var(--secondary-color);
}


.White-header {
    background-color: var(--primary-color);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.left-nav>a:hover,
.White-header .left-nav>a {
    color: var(--primary-color);
}

.White-header a {
    color: var(--secondary-color);
}

.horizontal-line {
    background: linear-gradient(180deg, #FF2EAD 29.63%, #7415AE 76.7%);
    width: 30%;
    height: 0.5rem;
    border-radius: 2rem;
    padding: 0.2rem;
}

.horizontal-line-inner {
    background: #fff;
    width: 100%;
    height: 0.1rem;
}

.home-digital-transformation-section .horizontal-line {
    margin: auto;
}

.portfolios-section-card .slick-prev::before,
.portfolios-section-card .slick-next::before {
    content: unset;
}

.portfolios-section-card .slick-prev,
.portfolios-section-card .slick-next {
    border: 1px solid rgba(116, 21, 174, 1);
    width: 2.938rem;
    height: 2.938rem;
    border-radius: 100%;
    padding: 0.6rem;
    right: 10%;
    top: 5%;
    z-index: 9;
    background-color: var(--primary-color) !important;
}

.portfolios-section-card .slick-prev {
    left: unset;
    right: 20%;
}

.explore-all-case-study {
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 114.99999999999999%;
    text-transform: capitalize;
    text-decoration: underline;
    display: flex;
    align-items: center;
    margin-top: 2.25rem;
}

.explore-all-case-study img {
    width: 0.973rem;
    height: 0.973rem;
    margin-bottom: 0;
    margin-left: 1rem;
}

.error-page {
    padding-top: 8rem;
    margin-bottom: 3rem;
}

.error-page .error-right,
.error-page .error-left {
    width: 50%;
}

.error-page h1 {
    font-size: 3rem;
    margin-bottom: 1rem;
    font-weight: 700;
    color: var(--secondary-color);
}

.wp-block-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-decoration: underline;
}

.wp-block-list li {
    width: 50%;
    margin: 0.5rem 0;
}

.error-left p {
    font-size: 1.2rem;
    font-weight: 500;
}

.wp-block-list li a {
    color: var(--secondary-color);
    font-size: 1rem;
}

.error-back-home {
    background-color: #2372B5;
    padding: 1rem 2rem;
    margin-top: 1rem;
    display: inline-block;
    border-radius: 0.5rem;
}

.sitemap-section {
    padding-top: 8rem;
    padding-bottom: 3rem;
}

.sitemap-section ul {
    list-style: none;
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.sitemap-section a {
    border: 2px solid #2372B5;
    padding: 0.3rem 1rem;
    border-radius: 2rem;
    color: #2372B5;
    transition: 0.25s;
}

.sitemap-section a:hover {
    background-color: #2372B5;
    color: var(--primary-color);
}

.footer-card:first-child {
    margin-bottom: 4.5rem;
}

.industries-based-card-img {
    object-fit: cover;
    height: auto;
}

.main-service section h2 {
    font-size: 4.274rem;
    font-weight: 600;
    line-height: 4.563rem;
    margin-bottom: 1.8rem;
    color: rgba(89, 86, 86, 1);
}

.main-service section h2 span {
    font-size: inherit;
}

body .stats-section h2 {
    font-size: 3.649rem;
    line-height: 100%;
}

body .custom-software-section h2 {
    font-size: 3.649rem;
    line-height: 100%;
    color: var(--primary-color);
}

body .developemnt-process-head h2 {
    font-size: 3.424rem;
}

body .technologies-stack h2 {
    color: var(--primary-color);
}

.main-service .success-story-section {
    background: url("../images/successStories1.svg");
    background-repeat: no-repeat;
    background-size: 75% 100%;
    background-position: right;
}

.main-service .home-our-client-section {
    background: url("../images/WhatOurClientsSay.svg");
    padding-top: 0;
}

.main-service .portfolios-section {
    background: url("../images/Portfolios.svg");
    padding: 5rem 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-service .home-success-client-section {
    padding: 3rem 0;
}

.main-service .home-success-client-section .breack {
    display: block;
}

.trustedname-section p strong {
    background: linear-gradient(90deg, #FF2EAD 0%, #7415AE 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.left-nav>a::after {
    content: "";
    width: 0.75rem;
    height: 1.063rem;
    display: inline-block;
    background-image: url('../images/nextarrowheader.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 0.8;
}
.home-apart-section .btn-mobile{
    display: none;
}