.slogan {
    letter-spacing: 3px !important;
    font-size: 18px;
}

@media (min-width: 900px) {

    .banner-container-scale {
        scale: 1.2;
    }
}

@media (max-width: 991px) {

    .nk-navbar {
        background: #1c2b43 !important;
    }

    .nk-nav-link {
        color: white !important;
    }

}

@media (min-width: 991px) {


    .divider {
        display: none;
    }
}

.banner-container {
    /*    height: 50vh;*/
    align-content: center;
}

.custom-banner-gradient-tint::after {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: linear-gradient(90deg, rgb(75 69 149 / 90%) 32.81%, rgba(17, 60, 89, 0.12) 100%);
}

.custom-banner-height-full-center {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}


 .nk-footer {
    background: #1c2b43 !important;
}


.aboutus-section, .nk-nav-sub.nk-nav-mega {
    background-color: #273b5b;
}

.force-custom-x-padding{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.custom-gap-50px {
    row-gap: 30px;
}

.text-align-justify{
    text-align:justify;
}


@media (max-width: 767px) {

    .event-location{
        padding-top:25px;
        text-align:left !important;
    }

    .event-title {
        padding-top: 10px;
        /*text-align: left !important;*/
    }
}

.event-location {
    text-align:end;
}

.nk-footer-info .title {
    color: #ffffff !important;
}

/*footer content text color*/
.nk-footer-info ul li a, .nk-footer-info ul li p, .address {
    /*color: #a3baea !important;*/
    color: #6ac3cf !important
}

.nk-footer-text {
    color: #64728f !important;
    font-size: 0.9rem !important;
}
.nk-footer-copyright-text {
    color: #7d90af !important;
    font-size: 0.85rem !important;
}

.nk-footer-copyright li::after {
    background-color: #64728f !important;
}

.nk-footer-social li a {
     color: #fff; 

}



.nk-testimonial-card {
    padding: 1.5rem !important;
    background-color: #fff !important;
    border-radius: 1.5rem !important;
/*    border: 1px solid #e5e7eb !important;*/
}

.nk-testimonial-card222 {
    padding: 1.5rem !important;
    background-color: rgba(255, 255, 255, 0.1); /* White with 40% opacity */
    border-radius: 1.5rem !important;
    /*    border: 1px solid #e5e7eb !important;*/
}

.award-icon {
    font-size: 5.625rem;
    background: linear-gradient(180deg, #3f53d8 0%, #8c9bff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nk-testimonial-card {
    flex-direction: column !important;
}


.title-shape-3::after {
    background: url("../../../../src/assets/images/line/c.png") no-repeat center / contain !important;
}


@media (max-width: 991px) {

    .title-shape-3::after {
        top: 92% !important;
        height: 1.8rem !important;

    }
    .title-shape-3 {
        font-size: large !important;
    }
}

.shape-custom-1::after {
    background: url("../../../../src/assets/images/shape/dots-col-17.png");
}


.shape-10::after {

    width: 100% !important;

}

.shape-44::before, .shape-43::before, .shape-43::after, .shape-43-a::before, .shape-43-a::after, .shape-42::before, .shape-42::after, .shape-41::after, .shape-37::before, .shape-37::after, .shape-36::after, .shape-36::before, .shape-35::before, .shape-35::after, .shape-34::after, .shape-34::before, .shape-33::after, .shape-32::before, .shape-32::after, .shape-31::after, .shape-30::before, .shape-30::after, .shape-30-a::before, .shape-30-a::after, .shape-29::before, .shape-29::after, .shape-28::before, .shape-28::after, .shape-22::before, .shape-22::after, .shape-21::after, .shape-20::after, .shape-19::after, .shape-18::after, .shape-17::after, .shape-16::after, .shape-15::after, .shape-14::after, .shape-13::after, .shape-12::after, .shape-11::after, .shape-10::after, .shape-6::before, .shape-6::after, .shape-5::after, .shape-4::after, .shape-4-a::after, .shape-4-b::after, .shape-3::after, .shape-1::after, .nk-banner-dg-business .nk-banner-content .nk-mask::before, .nk-banner-dg-business .nk-banner-content .nk-mask::after, .nk-banner-saas::after, .home-bs-solution .nk-section-content .nk-mask.shape::before, .home-bs-solution .nk-section-content .nk-mask.shape::after, .home-live-chat-app .nk-section-support::after {
    content: "";
    z-index: -1;
    opacity: 0.6;
    user-select: none;
    position: absolute;
    pointer-events: none;
    background-size: cover;
    background-repeat: no-repeat;
}


.divider {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 40px;
    margin-top: 40px;
}

    .divider:before {
        position: absolute;
        content: '';
        width: 30px;
        height: 30px;
        border: 1px solid #f0f0f0;
        left: 50%;
        margin-left: -15px;
        top: 50%;
        background: #fff;
        margin-top: -15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border-radius: 6px;
    }

    .divider:after {
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        border: 1px solid #2ca5b9;
        left: 50%;
        margin-left: -10px;
        top: 50%;
        background: #486697;
        margin-top: -10px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border-radius: 3px;
    }

.award-title::before {
    content: "";
    position: absolute;
    bottom: 100%;
    width: 15%;
  /*  left: 50%;*/
    height: 4px;
    /*transform: translate(50%,0%);*/
    border-radius: 2px;
    background: linear-gradient(130deg,#ff7a18,#af002d 41.07%,#319197 76.05%);
}
/*.award-title::after {
    content: "";
    position: absolute;
    top: 100%;
    width: 15%;
    right: 0;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient(130deg,#ff7a18,#af002d 41.07%,#319197 76.05%);
}*/

.shape-21::after {
    top: calc(50% + 0px) !important;
    left: calc(50% - 0px) !important;
}

.row-overwrite {

     margin-right: 10px !important; 
     margin-left: 12px !important;
     /*padding-left:0 !important*/
}

#preloader {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: ghostwhite; /* Same as your navbar color */
    z-index: 9999; /* Ensures it appears above all other content */
}

.loader {
    border: 8px solid #f3f3f3; /* Light gray */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
}

.csr-heading {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.csr-details-long {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    max-height: 4.5em; /* approx. 3 lines × 1.5em line-height */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word; /* wrap long words */
}

.card .csr-details-long {
    font-size: 1rem;
    line-height: 1.5;
}

.csr-details-short {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.swiper {
    position: relative;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    color: #000;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-prev {
    left: 10px; /* adjust as needed */
}

.swiper-button-next {
    right: 10px; /* adjust as needed */
}

    .swiper-button-prev::after,
    .swiper-button-next::after {
        font-size: 16px;
    }


.nk-timeline-group-item .step-description {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    opacity: 0;
}

.nk-timeline-group-item:hover .step-description {
    max-height: 200px; /* Adjust as needed */
    opacity: 1;
}

#processContainer {
    height: 400px;
    overflow: hidden;
    flex-wrap: wrap; /* or 'nowrap' for horizontal scroll */
}
