* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.pt-60 {
    padding-top: 60px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

:root {
    --color-primary-1: #16f598;
    --color-light-gray-1: #f8f0fe;
    --color-dark-gray-1: #51566d;
    --color-white: #ffffff;
    --color-purple: #8675ff;
}

.font-purple {
    color: var(--color-purple) !important;
}

.font-green {
    color: var(--color-primary-1) !important;
}

.background-image-purple {
    background-image: linear-gradient(119deg,
            var(--color-purple),
            var(--color-purple)) !important;
}

/* ..........................header css.................... */

.dropdown_bg_toggle {
    background-color: #8675ff !important;
}

.sticky_navbar.fixed {
    background-color: #8675ff !important;
}

.home-two-banner-heading h1 {
    color: #16f598;
}

.logo_img {
    width: 180px;
}

a.w--current {
    color: #16f598 !important;
}

.header_dropdown_nav:has(+ .menu-font-new a.header-menu-item-new.w--current) {
    color: #16f598 !important;
}

.header_dropdown_nav {
    font-size: 18px;
}

header.navigation.home-two-border-line-bottom.sticky_navbar.fixed {
    position: fixed;
    width: 100%;
    background: #f8f0fe;
    z-index: 999;
}

.sub-menu.nav_link {
    color: white;
}

/* ........................preloader css................. */

/* Preloader styles */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#preloader img {
    width: 180px;
}

/* .........................index page css......................... */

.list-item-box .home-three-about-item>div {
    background: #16f598;
    width: 20px;
    height: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 9px;
}

.home_banner .home-two-tag {
    -webkit-text-fill-color: unset !important;
}

.our_speciality_grid .w-dyn-list .service-box {
    height: 350px !important;
}

#short-services {
    scroll-margin: 200px;
}

.testimonial_section .home-one-hero-tag-wrapper {
    justify-content: center;
}

.unlocking_potential .home-three-about-main-item {
    border: 1px solid #a000ff;
    padding: 6px;
    border-radius: 10px;
}

.testimonial_section {
    background: white;
    padding-top: 0;
    padding-bottom: 30px;
}

.counter .count {
    font-size: 50px;
    color: #8675ff;
}

.newsletter_btn {
    display: flex;
    justify-content: center;
    margin: auto;
}

.newsletter_btn a {
    width: fit-content;
}

.contact_section_bottom {
    background-color: #181818;
}

.contact_section_bottom {
    background: linear-gradient(to bottom,
            white 50%,
            #1a2f42 50%,
            #1a2f4200 100%);
}

/* ..................................footer css................. */

.footer_policy_pages {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 30px;
}

.footer_policy_contents .main-container {
    padding-left: 15px;
    padding-right: 15px;
}

.footer_policy_contents p {
    margin-top: 5px;
    margin-bottom: 5px;
}

.footer_policy_contents {
    padding: 60px 0;
}

.footer_policy_contents h4 {
    margin-top: 8px;
    margin-bottom: 0px;
}

.footer_policy_contents ul {
    margin: 10px 0;
}

.footer-newsletter-text ul li a {
    color: #bcc2ce;
}

.footer-newsletter-text ul li a:hover {
    color: white;
}

/* ............................about us css........................ */

.about-two-value-item .heading-five-new img {
    margin-right: 10px;
}

.service-one-banner-heading h1 {
    color: white;
}

/* .................breadcrumb section............................ */

.breadcrumb_section ul {
    flex-direction: row;
    justify-content: center;
}

.breadcrumb_section ul li a {
    color: white;
}

.breadcrumb_section ul li a:hover {
    color: var(--color-purple);
}

.breadcrumb_section ul li {
    background-image: none;
    position: relative;
    color: #ffff;

}

.breadcrumb_section ul li:last-child {
    padding-left: 25px;
}

.breadcrumb_section ul li:last-child:before {
    content: "/";
    position: absolute;
    left: 0px;
}

/* .................................faq css.......................... */

.accordion {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.accordion-item {
    border-bottom: 1px solid #8675FF;
    margin-bottom: 10px;
    transition: all 1s ease;
}

.accordion-button {
    background-color: transparent;
    border: none;
    padding: 10px;
    text-align: left;
    width: 100%;
    cursor: pointer;
    outline: none;
    transition: all 1s ease;
}

.accordion-button:after {
    content: "+";
    float: right;
    color: #8675FF;
}

.accordion-button.active:after {
    content: "-";
}

.heading-four-new.active+.accordion-content {
    display: block;
}

.accordion-content {
    display: none;
    padding: 10px;
    transition: all 0.5s ease;
    margin-top: 0;
}

.accordion-content p {
    margin: 0;
}

/* ...........................services inner pages......................... */

.service-details-process-paragraph .w-richtext {
    padding-bottom: 50px;
}

/* ..................................contact us css.............................. */

label.error {
    color: red;
    font-size: 12px;
}

/* ........................media css........................ */

@media (min-width: 1200px) {
    .home_banner {
        padding-top: 0;
    }

    .our_speciality_grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .contact-one-form-item_email {
        grid-column: 1/3;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .unlocking_potential .home-three-about-main-item {
        height: 250px;
    }
}

@media (max-width: 991px) {
    .our_speciality_grid .w-dyn-list:nth-child(3) {
        grid-column: 1/3;
    }

    .faq-heading-align {

        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .ipad-ato-fit{

        object-fit: fill;
        height: 350px;
    }
}

@media (max-width: 600px) {
    .our_speciality_grid {
        grid-template-columns: 1fr !important;
    }

    .our_speciality_grid .w-dyn-list:nth-child(3) {
        grid-column: 1/2;
    }

    .footer_policy_pages {
        flex-wrap: wrap;
    }

    .service-two-image-item-image {

        width: 100px;
        height: 100px;
        margin-bottom: 15px;
    }

    .service-two-process-details {

        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .auto-fit.border-radius-round {

        width: 50px;
        height: 50px;
        /* margin-bottom: 15px; */

    }

    .pt-m-0 {
        padding-top: 0 !important;
    }

    .pb-m-0 {
        padding-bottom: 0 !important;
    }
}

@media (max-width: 340px) {
    h1 {
        font-size: 28px;
    }

    .breadcrumb_section ul li:last-child {
        padding-left: 10px;
    }

    .breadcrumb_section ul {
        grid-column-gap: 6px;
    }

    .breadcrumb_section ul li {
        padding-left: 0;
    }

    .service-details-main {
        padding-bottom: 20px;
    }
}


.h-c {

    color: #16F598 !important;
}

.c-w {

    color: #ffff;
}

.h-2c h2 {

    color: #16F598 !important;
}

.bg-method {

    background: #8675FF !important;
    border-radius: 20px;
    padding: 3px 20px 2px;
}

.c-b {

    color: #8675FF;
}

.c-bg {

    background: #192B3F;
    color: #fff;
}

.c-h1 h1 {

    color: #16F598 !important;
}

.bg1 {

    background: #16F598;
    color: black !important;
    border-radius: 20px;
    padding: 3px 20px 2px;
    -webkit-text-fill-color: unset;
}

.d--flex {

    display: flex;

}

.bg2_ {

    background: #192B3F;
    color: #ffff !important;
}

.key-high img {

    width: 57px;
    height: 56px;
}

.color-ffff {

    color: #ffff !important;
}

.color-black {

    color: black;
}

.bg-about {

    background: #192B3F;
}

.bg--bl {

    background: #16F598;

}

.color-know {

    color: black;
}

.empowering_transformation .main-button-nav.change-color-transperent.change-style.style-two {

    background-color: #ffff;
}

.empowering_transformation .button-arrow-wrapper-nav.change-style {

    background-color: #8675FF;
}

.empowering_transformation .button-font.button-hover-effect-two {

    color: black !important;
}

.empowering_transformation .button-overlay-nav.change-overlay-color {

    background-color: #8675FF;
    color: #ffff;
}

.innovation_hub .main-button-nav.change-color-transperent.change-style.style-two {

    background-color: #16F598;
}

.innovation_hub .button-arrow-wrapper-nav.change-style {

    background-color: #8675FF;
    border: unset !important;
}

.our_methadoloy {

    background-color: #192B3F !important;
}

.our_methadoloy img {

    width: 500px !important;
    height: 500px !important;
}

.tech_perks img {

    width: 50px;
    height: 50px;
}

.tech_perks .unlocking_potential .home-three-about-main-item {

    padding: 20px;
}

.performance_highlights .service-one-strategy-item {

    box-shadow: 0px 4px 8px rgba(25, 43, 63, 0.5), 0px 4px 8px rgba(22, 245, 152, 0.7);
    margin-bottom: 25px;

}

.tech_pioneers .home-three-about-icon img {

    width: 80px;
    height: 80px;
}

.bg--unset {

    background: unset;
}

.footer_policy_contents h6 {

    font-size: 25px;
}

.contact-one-submit-button-wrapper button:hover {

    background-color: #8675FF;
}

.sweet-alert button:hover {

    background: #192B3F !important;
    color: #ffff;
}

.email-us a:hover {

    color: black;
}

.home-three-footer-link-wrapper a:hover {

    color: #8675FF !important;
}

/* Style for active link */
.active-clas .nav_link.w--current {
    color: #16F598 !important;
    /* Change to the color you want */
    font-weight: bold;
    /* Optional: Make the active link bold */

}

.refund-mb p {

    margin-bottom: 5px;
}

.main-containers {
    max-width: 1290px;
    margin-left: auto;
    margin-right: auto;
}


@media (min-width: 992px) and (max-width: 1199px) {
    .home-one-service-box-heading {
        max-width: unset;
    }

    .our_speciality_grid .w-dyn-list .service-box {

        height: auto !important;
    }

    .grid-ipad {

        grid-template-columns: 1fr 1fr 1fr;
    }
}

li{

    font-family: Plus Jakarta Sans, sans-serif !important;
}
.flex-same-row{

    display: flex;
}
.flex-same-row{

    display: flex;
    align-items: center;
    
}.home-three-about-main-item{

    flex-flow: nowrap;
}
.misson-flex{

    display: flex;
    gap: 15px;

}

.home-circle-icon .auto-fit.border-radius-round{
    width: 70px;
    height: 70px;
}
.home-three-about-main-item-custom .home-three-about-main-item {
    flex-flow: column;
}
.custom-icon .home-three-service-item-heading{
    display: flex;
    gap: 15px;
}