@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap");

body,
html {
    font-family: "Poppins", sans-serif !important;

    /* overflow-x: hidden; */
}

/* ///////////////////////////////////////////////////// */
/* ===============================================
HEADRE SECTION NAVBAR START
============================================== */
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/*====================================
        HEADER
====================================*/

.cp-main-header {
    width: 100%;
    position: relative;
    z-index: 999;
    font-family: 'Poppins', sans-serif;
}


/*====================================
        TOP BAR
====================================*/

.cp-topbar {

    background: #08186d;

    padding: 10px 0;

    color: #fff;

    font-size: 14px;

}

.cp-topbar-left {

    display: flex;

    align-items: center;

    gap: 35px;

}

.cp-topbar-left a {

    color: #fff;

    text-decoration: none;

    font-weight: 500;

    transition: .3s;

}

.cp-topbar-left a:hover {

    color: #ff7a00;

}

.cp-topbar-left i {

    margin-right: 8px;

    font-size: 15px;

}



.cp-topbar-right {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    gap: 12px;

}

.cp-topbar-right span {

    font-weight: 600;

}

.cp-topbar-right a {

    width: 30px;

    height: 30px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    text-decoration: none;

    color: #fff;

    transition: .35s;

}

.cp-social-facebook {

    background: #1877F2;

}

.cp-social-twitter {

    background: #000;

}

.cp-social-linkedin {

    background: #0A66C2;

}

.cp-social-instagram {

    background: linear-gradient(45deg, #ff9800, #ff0069, #833AB4);

}

.cp-topbar-right a:hover {

    transform: translateY(-3px);

}



/*====================================
            NAVBAR
====================================*/

.cp-navbar {

    background: #fff;

    padding: 18px 0;

    box-shadow: 0 6px 25px rgba(0, 0, 0, .06);

}

.cp-logo img {

    width: 240px;

}



/*====================================
        MENU
====================================*/

.cp-navbar-menu {

    gap: 8px;

}

.cp-navbar-menu .nav-link {

    color: #081a4e;

    font-weight: 700;

    font-size: 15px;

    padding: 14px 8px !important;

    position: relative;

    transition: .35s;

}

.cp-navbar-menu .nav-link:hover {

    color: #ff7b00;

}



.cp-navbar-menu .nav-link.active {

    color: #08186d;

}



.cp-navbar-menu .nav-link.active::after {

    content: "";

    position: absolute;

    width: 40px;

    height: 3px;

    background: #2d63ff;

    left: 18px;

    bottom: 6px;

    border-radius: 30px;

}



.cp-navbar-menu .nav-link::before {

    content: "";

    position: absolute;

    left: 18px;

    bottom: 6px;

    width: 0;

    height: 3px;

    background: #ff7b00;

    transition: .35s;

    border-radius: 30px;

}



.cp-navbar-menu .nav-link:hover::before {

    width: 40px;

}



/*====================================
        DROPDOWN
====================================*/

.dropdown-menu {

    border: none;

    border-radius: 12px;

    padding: 12px 0;

    margin-top: 12px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, .12);

}



.dropdown-item {

    padding: 12px 22px;

    font-weight: 500;

    transition: .3s;

}



.dropdown-item:hover {

    background: #f4f7ff;

    color: #0b3eff;

    padding-left: 28px;

}



/*====================================
        BUTTON
====================================*/

.cp-consultation-btn {

    background: linear-gradient(90deg, #ff7b00, #ff5c00);

    color: #fff;

    padding: 15px 28px;

    border-radius: 10px;

    font-weight: 600;

    text-decoration: none;

    transition: .35s;

    display: flex;

    align-items: center;

    gap: 12px;

    white-space: nowrap;

    box-shadow: 0 10px 25px rgba(255, 102, 0, .25);

}



.cp-consultation-btn:hover {

    color: #fff;

    transform: translateY(-3px);

    box-shadow: 0 15px 35px rgba(255, 102, 0, .35);

}



.cp-consultation-btn i {

    transition: .3s;

}



.cp-consultation-btn:hover i {

    transform: translateX(6px);

}



/*====================================
        STICKY
====================================*/
/* 
.cp-main-header.sticky {

    position: fixed;

    top: 0;

    width: 100%;

    animation: stickyHeader .4s;

    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);

} */

.cp-main-header.sticky {

    position: fixed;

    top: 0;
    left: 0;
    right: 0;

    width: 100%;

    z-index: 9999;

    animation: stickyHeader .35s ease;

    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);

}



@keyframes stickyHeader {

    from {

        transform: translateY(-100%);

    }

    to {

        transform: translateY(0);

    }

}

/*=====================================
        1400px
======================================*/

@media (max-width:1400px) {

    .cp-logo img {
        width: 210px;
    }

    .cp-navbar-menu .nav-link {
        padding: 12px 12px !important;
        font-size: 16px;
    }

    .cp-consultation-btn {
        padding: 13px 22px;
    }

}


/*=====================================
        1200px
======================================*/

@media (max-width:1200px) {

    .cp-logo img {
        width: 185px;
    }

    .cp-navbar-menu .nav-link {
        padding: 12px 9px !important;
        font-size: 15px;
    }

    .cp-topbar-left {
        gap: 18px;
        font-size: 13px;
    }

    .cp-consultation-btn {

        padding: 12px 18px;
        font-size: 15px;

    }

}


/*=====================================
        992px
======================================*/

@media (max-width:991px) {

    .cp-topbar {
        display: none;
    }

    .cp-navbar {
        padding: 14px 0;
    }

    .cp-logo img {
        width: 180px;
    }

    .navbar-toggler {

        border: none;
        box-shadow: none;

    }

    .navbar-toggler:focus {

        box-shadow: none;

    }

    @media(max-width:991px) {

        .navbar-collapse {

            width: 100%;

            margin-top: 15px;

            background: #fff;

            padding: 18px;

            border-radius: 12px;

        }

    }

    .cp-navbar-menu {

        gap: 0;

    }

    .cp-navbar-menu .nav-link {

        padding: 14px 0 !important;

        border-bottom: 1px solid #f1f1f1;

    }

    .cp-navbar-menu .nav-link::before,
    .cp-navbar-menu .nav-link::after {

        display: none;

    }

    .dropdown-menu {

        box-shadow: none;
        padding-left: 15px;

    }

    .cp-consultation-btn {

        margin-top: 18px;
        width: 100%;
        justify-content: center;

    }

}


/*=====================================
        768px
======================================*/

@media (max-width:768px) {

    .cp-logo img {

        width: 165px;

    }

    .cp-consultation-btn {

        font-size: 15px;

    }

}


/*=====================================
        576px
======================================*/

@media (max-width:576px) {

    .cp-navbar {

        padding: 12px 0;

    }

    .cp-logo img {

        width: 145px;

    }

    .cp-consultation-btn {

        font-size: 14px;
        padding: 12px;

    }

}



/* ///////////////////////////////////////////////////// */
/* ===============================================
HEADRE SECTION NAVBAR END
============================================== */
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

/* ===============================
CONTACT PAGE BREADCRUMB START
=============================== */
.contact-top-strip {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;

}

.contact-top-breadcrumb {

    position: relative;
    transform: translateY(-90px);
    z-index: 99;
    /* background-color: rgba(255, 255, 255, 0.105); */
    background-color: white;
    border-radius: 15px;
    box-shadow: 0 18px 35px rgba(47, 111, 255, .22);
    padding: 5px;
}


@media (max-width:500px) {
    .contact-top-strip {
        margin-top: 95px;

    }
}

/* ===============================
CONTACT PAGE BREADCRUMB END
=============================== */
/* ================================
About section start 
========================== */
.cp-about-section {
    background: #fff;
    padding: 100px 0;
    overflow: hidden;

}

.cp-image-wrapper {
    position: relative;
    max-width: 500px;
    margin: auto;
}

.cp-image-wrapper img {
    width: 100%;
    border-radius: 25px;
    position: relative;
    z-index: 2;
    /* box-shadow: 0 20px 50px rgba(0, 0, 0, .12); */
    margin-right: 20px;
}

/* Back Shape */
/* .cp-image-wrapper::before {
    content: "";
    position: absolute;
    top: -20px;
    left: -20px;
    width: 100%;
    height: 100%;
    background: #1e1e1e;
    border-radius: 25px;
    z-index: 0;
} */

/* .cp-image-wrapper::after {
    content: "";
    position: absolute;
    right: -20px;
    bottom: -20px;
    width: 160px;
    height: 160px;
    background: #2140ff;
    border-radius: 0 0 30px 30px;
    z-index: 1;
} */

/* Top Card */
.cp-top-card {
    position: absolute;
    top: 30px;
    left: -60px;
    width: 130px;
    background: #fff;
    padding: 25px 15px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .12);
    z-index: 5;
}

.cp-top-card i {
    font-size: 34px;
    color: #2140ff;
}

.cp-top-card h3 {
    font-size: 36px;
    font-weight: 700;
    margin: 10px 0 5px;
    color: #0d1c69;
}

.cp-top-card span {
    font-size: 14px;
}

/* Bottom Card */
.cp-bottom-card {
    position: absolute;
    bottom: 50px;
    left: -40px;
    width: 230px;
    background: linear-gradient(135deg, #2140ff, #1026b8);
    color: #fff;
    padding: 25px;
    border-radius: 20px;
    z-index: 5;
    box-shadow: 0 15px 40px rgba(33, 64, 255, .3);
}

.cp-bottom-card i {
    font-size: 28px;
    color: #ffb64d;
}

.cp-bottom-card h5 {
    margin-top: 10px;
    font-size: 20px;
    line-height: 1.5;
    color: white;
}

/* Right Side */
.cp-subtitle {
    color: #7b7fb3;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
}

.cp-title {
    font-size: 40px;
    font-weight: 700;
    color: #07134f;
    margin: 10px 0 25px;
    line-height: 1.15;
}

.cp-text {
    color: #6d7095;
    font-size: 15px;
    line-height: normal;
    /* margin-bottom: 20px; */
    text-align: justify;
}

/* Feature Cards */
.cp-feature-card {
    text-align: center;
    padding: 4px 15px;
}

.cp-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #f5f7ff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto auto 15px;
}

.cp-icon i {
    font-size: 28px;
    color: #2140ff;
}

.cp-feature-card h6 {
    font-weight: 700;
    color: #07134f;
}

.cp-feature-card p {
    font-size: 14px;
    color: #777;
    margin: 0;
}

/* Button */
.cp-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 35px;
    background: #2140ff;
    color: #fff;
    padding: 15px 30px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: .3s;
}

.cp-btn:hover {
    color: #fff;
    transform: translateY(-3px);
}

.cp-btn i {
    font-size: 18px;
}

/* Responsive */
@media(max-width:991px) {

    .cp-title {
        font-size: 40px;
    }

    .cp-top-card,
    .cp-bottom-card {
        display: none;
    }

    .cp-image-wrapper::before,
    .cp-image-wrapper::after {
        display: none;
    }
}

@media(max-width:576px) {

    .cp-title {
        font-size: 32px;
    }

    .cp-text {
        font-size: 15px;
    }
}

/* =========================
Feature Cards
========================= */

.cp-feature-row {
    margin-top: 40px;
}

.cp-feature-row .col-lg-4 {
    position: relative;
}

.cp-feature-row .col-lg-4:nth-child(2)::before,
.cp-feature-row .col-lg-4:nth-child(2)::after {
    content: '';
    position: absolute;
    top: 15px;
    bottom: 15px;
    width: 1px;
    background: #ececec;
}

.cp-feature-row .col-lg-4:nth-child(2)::before {
    left: 0;
}

.cp-feature-row .col-lg-4:nth-child(2)::after {
    right: 0;
}

.cp-feature-box {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.cp-feature-icon {
    /* width: 85px; */
    /* height: 85px; */
    /* min-width: 85px; */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.cp-img1 {
    width: 140px;
    background-color: rgba(38, 67, 255, 0.105);
    padding: 5px;
    border-radius: 50%;
}

.cp-img2 {
    width: 140px;
    background-color: rgba(255, 166, 0, 0.105);
    padding: 5px;
    border-radius: 50%;
}

.cp-img3 {
    width: 140px;
    background-color: rgba(3, 203, 3, 0.105);
    padding: 5px;
    border-radius: 50%;
}

.cp-feature-icon i {
    font-size: 38px;
}

/* Blue */

.blue-bg {
    background: #eef0ff;
}

.blue-bg i {
    color: #2644ff;
}

/* Orange */

.orange-bg {
    background: #fff3ea;
}

.orange-bg i {
    color: #ff6b1a;
}

/* Green */

.green-bg {
    background: #edf9f2;
}

.green-bg i {
    color: #23b96b;
}

.cp-feature-content h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    /* margin-bottom: 10px; */
}

.cp-feature-content p {
    margin: 0;
    font-size: 12px;
    line-height: 1.8;
    color: #666;
}

/* Heading Colors */

.blue-text h5 {
    color: #2644ff;
}

.orange-text h5 {
    color: #ff6b1a;
}

.green-text h5 {
    color: #23b96b;
}

@media(max-width:991px) {

    .cp-feature-row .col-lg-4:nth-child(2)::before,
    .cp-feature-row .col-lg-4:nth-child(2)::after {
        display: none;
    }

    .cp-feature-box {
        margin-bottom: 25px;
    }
}

@media(max-width:576px) {

    .cp-feature-box {
        flex-direction: column;
        text-align: center;
    }

    .cp-feature-icon {
        margin: auto;
    }
}

/* =========================
About section end
==================== */






/* ============================
OUR SERVICES SECTION START
=================== */

.nexora-solutions-section {
    /* background: #050b2f; */
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    background-image: url('../img/bg-img/homepage-bg/OUR_SOLUTION.png');
    background-size: cover;
    background-repeat: no-repeat;
}

/* .nexora-solutions-section::before {
    content: "";
    width: 450px;
    height: 450px;
    position: absolute;
    top: -180px;
    right: -180px;
    border-radius: 50%;
    background: radial-gradient(circle, #3c4dff 0%, transparent 70%);
    opacity: .8;
} */

.nexora-solutions-section::after {
    content: "";
    width: 350px;
    height: 350px;
    position: absolute;
    left: -120px;
    bottom: -120px;
    border-radius: 50%;
    background: radial-gradient(circle, #7d2eff 0%, transparent 70%);
    opacity: .8;
}

.nexora-solutions-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 22px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.nexora-solutions-badge i {
    color: #4b8cff;
}

.nexora-solutions-title {
    color: #fff;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 15px;
}

.nexora-solutions-title span {
    background: linear-gradient(90deg, #fff, #2ea7ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nexora-solutions-line {
    width: 80px;
    height: 4px;
    background: #2ea7ff;
    border-radius: 30px;
    margin: 0 auto 20px;
}

.nexora-solutions-desc {
    color: #aeb7d8;
    max-width: 650px;
    margin: auto;
    font-size: 15px;
}

.nexora-solution-card {
    background: #07122f;
    border: 1px solid rgba(76, 113, 255, .25);
    border-radius: 22px;
    padding: 25px 25px;
    position: relative;
    overflow: hidden;
    transition: .4s;
    height: auto;
    border-color: #2ea7ff;
    box-shadow: hsla(205, 100%, 59%, 0.400) 0px 5px 15px;
}

.nexora-solution-card:hover {
    transform: translateY(-8px);
    cursor: pointer;
}


/* ===============================
testing animation
========================== */
/* .nexora-card-number {
    position: absolute;
    top: 15px;
    right: 18px;
    font-size: 58px;
    font-weight: 800;
    color: rgba(255, 255, 255, .05);
} */

.nexora-card-header {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 8px;

}

.nexora-card-title-wrap {
    flex: 1;
}

.nexora-card-title-wrap h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;

}



.nexora-card-number {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    color: rgba(255, 255, 255, 0.132);
    margin-top: -5px;
}

.nexora-card-header .nexora-icon-box {
    width: 55px;
    height: 55px;
    min-width: 55px;
    margin-bottom: 0;
}

.nexora-card-header .nexora-small-line {
    width: 28px;
    height: 3px;
    margin: 0;
}

.nexora-icon-box {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
    margin-bottom: 20px;
}

.nexora-blue {
    background: #1950ff;
}

.nexora-purple {
    background: #7a1cff;
}

.nexora-orange {
    background: #ff9800;
}

.nexora-green {
    background: #00c853;
}

.nexora-cyan {
    background: #00d4ff;
}

.nexora-pink {
    background: #ff2e88;
}

.nexora-blue-bg {
    background: #1950ff;
}

.nexora-purple-bg {
    background: #7a1cff;
}

.nexora-orange-bg {
    background: #ff9800;
}

.nexora-green-bg {
    background: #00c853;
}

.nexora-cyan-bg {
    background: #00d4ff;
}

.nexora-pink-bg {
    background: #ff2e88;
}

.nexora-solution-card h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.nexora-solution-card p {
    color: #b7c0dd;
    line-height: normal;
    margin-top: 5px;
    /* text-align: justify; */
    font-size: 14px;
}

.nexora-small-line {
    width: 45px;
    height: 4px;
    border-radius: 20px;
    /* margin: 15px 0; */
}

.blue-bg {
    background: #1950ff;
}

.purple-bg {
    background: #7a1cff;
}

.orange-bg {
    background: #ff9800;
}

.green-bg {
    background: #00c853;
}

.cyan-bg {
    background: #00d4ff;
}

.pink-bg {
    background: #ff2e88;
}

.nexora-solution-card a {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #1950ff;
    color: #fff;
    text-decoration: none;
    /* margin-top: 15px; */
}

.nexora-video-showcase {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    border: 2px solid rgba(70, 110, 255, .35);
    min-height: 549px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
    border: 1px solid #2ea7ff;
    box-shadow: hsla(205, 100%, 59%, 0.400) 0px 5px 15px;
}

.nexora-video-showcase img {
    width: 100%;
    height: 548px;
    /* height: auto; */
    object-fit: cover;

}

.nexora-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #fff;
    color: #2955ff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 48px;
    z-index: 2;
    box-shadow:
        0 0 0 15px rgba(60, 120, 255, .15),
        0 0 0 30px rgba(60, 120, 255, .08);
}

.nexora-experience-box {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 36px;
    /* background: #173cff; */
    border-radius: 18px;
    color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .3);

    background: linear-gradient(135deg,
            #1b3cff 0%,
            #1a32d8 35%,
            #151f8f 70%,
            #0c145d 100%);

}

.nexora-experience-box i {
    font-size: 28px;
}

.nexora-top-box {
    top: 20px;
    left: 20px;
}

.nexora-top-box i {
    font-size: 40px;
    background-color: #2f6fff;
    padding: 8px;
    border-radius: 12px;
}

.nexora-bottom-box {
    bottom: 20px;
    right: 20px;
}

.nexora-bottom-box i {
    font-size: 40px;
    background-color: #2f6fff;
    padding: 8px;
    border-radius: 12px;
}

.nexora-experience-box h5 {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    color: white !important;

}

.nexora-experience-box span {
    font-size: 13px;
}



.video-card .video-play-btn .video-sonar {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -10;
    background-color: #ffffff;
    -webkit-animation: video-sonar 2s linear infinite;
    animation: video-sonar 2s linear infinite;
}

@media(max-width:991px) {

    .nexora-solutions-title {
        font-size: 50px;
    }

    .nexora-video-showcase {
        min-height: 500px;
        margin-top: 30px;
    }
}

@media(max-width:576px) {

    .nexora-solutions-title {
        font-size: 30px;
    }

    .nexora-solution-card {
        padding: 25px;
        width: 100%;
    }
}

@media(max-width:320px) {

    .nexora-solutions-title {
        font-size: 25px;
    }

    .nexora-solution-card {
        /* padding: 20px; */
        width: 102%;
    }
}


/* ============================
OUR SERVICES SECTION END
=================== */


/* ==========================
OUR SERVICES SETION START
===================== */
.bundle-solutions-section {
    background-image: url('../img/bg-img/homepage-bg/our-services.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.bundle-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #f5f6ff;
    color: #3554ff;
    padding: 10px 22px;
    border-radius: 50px;
    font-weight: 600;
    margin-bottom: 20px;
}

.bundle-title {
    font-size: 40px;
    font-weight: 700;
    color: #0a1033;
}

.bundle-title span {
    color: #3554ff;
}

.bundle-divider {
    margin: 20px 0;
}

.bundle-divider span {
    width: 70px;
    height: 4px;
    background: #3554ff;
    display: inline-block;
    border-radius: 20px;
}

.bundle-desc {
    color: #6c757d;
    max-width: 650px;
    margin: auto;
}

.bundle-cardss {
    position: relative;
    background: #fff;

    border: 1px solid #edf0f7;
    border-radius: 24px;
    padding: 35px;
    overflow: hidden;
    transition: .4s;
    height: 100%;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .05);
}

@media(max-width:500px) {
    .bundle-crd {
        margin-top: 5px !important;
    }

}

.bundele-cardss-bottom {
    margin-top: 20px;
}

.bd-card-one {
    background-image: url('../img/bg-img/homepage-bg/one-1-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.bd-card-tow {
    background-image: url('../img/bg-img/homepage-bg/tow-2-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

/* 
.bundle-cardss::before {
    content: "";
    position: absolute;
    right: -60px;
    bottom: -60px;
    width: 180px;
    height: 180px;
    background: rgba(53, 84, 255, .05);
    border-radius: 50%;
} */

.active-card {
    color: white;
}

.bundle-cardss:hover,
.active-card {
    /* background: linear-gradient(135deg, #2d3eff, #4834ff); */
    background: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(9, 9, 121) 35%, rgb(0, 212, 255) 100%);

}

.bundle-cardss:hover h4,
.bundle-cardss:hover p,
.bundle-cardss:hover .learn-btn,
.active-card h4,
.active-card p,
.active-card .learn-btn {
    color: #fff;
}

.bundle-cardss:hover .card-number,
.active-card .card-number {
    color: rgba(255, 255, 255, 0.218);
}

.card-number {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 58px;
    font-weight: 800;
    color: #eef1f8;
}

.service-icon {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    margin-bottom: 25px;
}

.service-icon img {
    width: 50px;
    height: 50px;
}

.purple-icon {
    background: #f1ebff;
    color: #6c3cff;
}

.green-icon {
    background: #dff9f2;
    color: #00c896;
}

.yellow-icon {
    background: #fff6dc;
    color: #ffb400;
}

.green-light-icon {
    background: #e5fff0;
    color: #00b86b;
}

.orange-icon {
    background: #fff2de;
    color: #ff8a00;
}

.bundle-cardss h4 {
    font-size: 32px;
    font-weight: 700;
    color: #0a1033;
    margin-bottom: 15px;
}

.service-line {
    width: 35px;
    height: 4px;
    border-radius: 20px;
    margin-bottom: 20px;
}

.purple-line {
    background: #6c3cff;
}

.green-line {
    background: #00c896;
}

.yellow-line {
    background: #ffb400;
}

.green-light-line {
    background: #00b86b;
}

.orange-line {
    background: #ff8a00;
}

.bundle-cardss p {
    color: #666;
    line-height: 1.9;
    margin-bottom: 25px;
}

.learn-btn {
    text-decoration: none;
    font-weight: 600;
    color: #3554ff;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.learn-btn i {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #3554ff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.purple-btn i {
    background: #6c3cff;
}

.green-btn i {
    background: #00b86b;
}

.orange-btn i {
    background: #ff8a00;
}

.yellow-btn i {
    background: #ffb400;
}

@media(max-width:991px) {
    .bundle-title {
        font-size: 42px;
    }
}

@media(max-width:576px) {
    .bundle-title {
        font-size: 34px;
    }

    .bundle-cardss {
        padding: 25px;
    }
}

.card-top {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 20px;
}

.card-content-top {
    flex: 1;
}

.card-content-top h4 {
    font-size: 20px;
    font-weight: 700;
    color: #0a1033;
    margin-bottom: 10px;
    line-height: 1.4;
}

.card-number {
    position: static !important;
    font-size: 54px;
    font-weight: 800;
    line-height: 1;
    color: #edf1f8;
}

.bundle-cardss {
    padding: 28px;
    min-height: 260px;
}

.service-icon {
    width: 72px;
    height: 72px;
    min-width: 72px;
    margin-bottom: 0;
}

.bundle-cardss h4 {
    margin-bottom: 10px;
}

.bundle-cardss p {
    line-height: 1.8;
    margin-bottom: 22px;
}

/* Hover */

.bundle-cardss:hover {
    /* background: linear-gradient(135deg, #2d3eff, #4834ff); */
    background: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(9, 9, 121) 35%, rgb(0, 212, 255) 100%);

    transform: translateY(-8px);
}

.bundle-cardss:hover h4,
.bundle-cardss:hover p,
.bundle-cardss:hover .learn-btn {
    color: #fff;
}

.bundle-cardss:hover .card-number {
    color: rgba(255, 255, 255, .15);
}

.bundle-cardss:hover .service-line {
    background: #fff;
}

/* ==========================
OUR SERVICES SETION END
===================== */


/* ===================================
OUR PARTNERSHIP SECTION  START
=============================== */
/* .partner-growth-section {
    background: #020b48;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
} */
.partner-growth-section {
    /* background: #020b48; */
    /* border-radius: 30px; */
    /* position: relative; */
    background-image: url('../img/bg-img/homepage-bg/partnership.png');
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 70px 50px;
    /* max-width: 1500px; */
    margin: auto;
}

/* ========================= test  */
/* .partner-main {
    width: 80%;
    height: auto;
    padding-right: 50px;
} */

/* ========================= test */
.partner-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    padding: 12px 24px;
    border-radius: 50px;
    font-weight: 600;
    margin-bottom: 25px;
}

/* .partner-title {
    color: #fff;
    font-size: 72px;
    font-weight: 800;
    line-height: 1.05;
} */
.partner-title {
    color: #fff;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.05;
}

.partner-desc {
    color: rgba(255, 255, 255, .85);
    font-size: 15px;
    max-width: 850px;
    margin: auto;
}

.partner-title span {
    color: #2f6fff;
}

.orange-divider {
    width: 90px;
    height: 5px;
    background: #ff6200;
    margin: 25px auto;
    border-radius: 30px;
}

.partner-desc {
    color: rgba(255, 255, 255, .8);
    font-size: 20px;
    max-width: 700px;
    margin: auto;
}

.growth-card {
    background: #f0f2fa;
    border-radius: 15px;
    padding: 22px 14px;
    min-height: 140px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
    width: ;
}

.card-flex {
    display: flex;
    align-items: center;
    gap: 18px;
}

.growth-icon {
    width: 85px;
    height: 85px;
    min-width: 85px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 38px;
}

.blue-bg-growth {
    background-color: rgba(0, 0, 255, 0.105);
    color: blue;
    font-size: 40px;
}

.orange-bg-growth {
    background-color: rgba(255, 166, 0, 0.105);
    color: orange;
    font-size: 40px;
}

.green-bg-growth {
    background-color: rgba(0, 128, 0, 0.105);
    color: green;
    font-size: 40px;
}

.growth-content {
    flex: 1;
}

.card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.card-top h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
}

.card-top span {
    font-size: 30px;
    font-weight: 700;
    color: #d1d7e6;
    line-height: 1;
}

.growth-content p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 0;
    color: #555;
    text-align: justify;
}

.cta-strip {
    margin-top: 35px;
    background: linear-gradient(180deg, #08145f, #050d49);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 24px;
    padding: 11px 12px;
    width: 100%;
}

.cta-left {
    display: flex;
    align-items: center;
    gap: 22px;
}

.rocket-circle {
    width: 90px;
    height: 90px;
    min-width: 90px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0d46ff, #1d2fff);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 38px;
}

.cta-left h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 4px;
}

.cta-left h3 span {
    color: #ff6200;
}

.cta-left p {
    color: rgba(255, 255, 255, .8);
    font-size: 15px;
    margin: 0;
}

.consult-btn {
    background: #ff6200;
    color: #fff;
    padding: 16px 28px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.contact-btn {
    border: 2px solid #224cff;
    color: #fff;
    padding: 16px 28px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-left: 12px;
}

.contact-btn:hover {
    color: #224cff;
    background-color: white;
}

.row.g-4.mt-4 {
    margin-top: 20px !important;
}

@media(max-width:991px) {

    .partner-growth-section {
        padding: 50px 20px;
    }

    .partner-title {
        font-size: 48px;
    }

    .growth-card {
        min-height: auto;
    }

    .cta-left {
        flex-direction: column;
        text-align: center;
    }

    .cta-left h3 {
        font-size: 30px;
    }

    .consult-btn,
    .contact-btn {
        width: 100%;
        justify-content: center;
        margin: 8px 0;
    }
}



@media(max-width:500px) {

    .partner-growth-section {
        padding: 30px 10px;
    }

    .partner-title {
        font-size: 30px;
    }

    .growth-card {
        min-height: auto;
    }

    .cta-left {
        flex-direction: column;
        text-align: center;
    }

    .cta-left h3 {
        font-size: 30px;
    }

    .consult-btn,
    .contact-btn {
        width: 100%;
        justify-content: center;
        margin: 8px 0;
    }

    .partner-desc {
        font-size: 15px;
    }
}

/* ===================================
OUR PARTNERSHIP SECTION  END
=============================== */

/* ====================================
 OUR SOFTWARE PRODUCT SECTION START 
==================================== */
.software-section {
    /* background: #fff; */
    background-image: url('../img/bg-img/homepage-bg/software-product.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px 0;
    overflow: hidden;
}

/* ---------- Heading ---------- */

.section-tag {
    display: inline-block;
    /* background: #eef2ff; */
    color: #2962ff;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 20px;
    border-radius: 30px;
    text-transform: uppercase;

}

.main-heading {
    font-size: 40px;
    font-weight: 700;
    color: #08154d;
    line-height: 1.15;
    margin: 18px 0 15px;
}

.main-heading span {
    color: #2962ff;
}

.section-desc {
    max-width: 720px;
    margin: auto;
    font-size: 15px;
    color: #6b7280;
    line-height: 1.7;
}

/* ---------- Cards ---------- */

.product-card {
    background: #fff;
    border: 1px solid #edf0f7;
    border-radius: 18px;
    padding: 22px;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .04);
    transition: .3s;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

.product-header {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 15px;
}

.icon-box {
    width: 58px;
    height: 58px;
    border-radius: 12px;
    color: #fff;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Colors */

.purple .icon-box {
    background: #7c5cff;
}

.green .icon-box {
    background: #4ac76d;
}

.blue .icon-box {
    background: #3f82ff;
}

.orange .icon-box {
    background: #ff9827;
}

.cyan .icon-box {
    background: #25bfd6;
}

/* Title */

.product-header h4 {
    font-size: 17px;
    font-weight: 700;
    color: #111827;
    line-height: 1.45;
    margin: 0;
}

/* Description */

.card-text {
    font-size: 15px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 15px;
    min-height: 80px;
}

/* Features */
.feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 18px;
}

.feature-list li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    color: #374151;
    margin-bottom: 10px;
    font-weight: 500;
}

.feature-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.purple .feature-list li::before {
    background: #7c5cff;
}

.green .feature-list li::before {
    background: #4ac76d;
}

.blue .feature-list li::before {
    background: #3f82ff;
}

.orange .feature-list li::before {
    background: #ff9827;
}


.cyan .feature-list li::before {
    background: #25bfd6;
}

.feature-list i {
    font-size: 12px;
    margin-right: 7px;
}

.purple .feature-list i {
    color: #7c5cff;
}

.green .feature-list i {
    color: #4ac76d;
}

.blue .feature-list i {
    color: #3f82ff;
}

.orange .feature-list i {
    color: #ff9827;
}

.cyan .feature-list i {
    color: #25bfd6;
}

/* Dashboard */

.dashboard-image {
    margin-top: auto;
    height: 170px;
    border: 1px solid #eef1f6;
    border-radius: 12px;
    overflow: hidden;
    background: #f8faff;
}

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

/* Button */

.product-btn {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    height: 54px;
    border-radius: 12px;
    border: 1px solid #e9edf5;
    font-size: 16px;
    font-weight: 700;
    transition: .3s;
}

.product-btn:hover {
    background: #f8faff;
}

.purple .product-btn {
    color: #7c5cff;
    border: 1px solid #7c5cff;
    background-color: rgba(125, 92, 255, 0.105);
    transition: 1s ease;
}

.purple .product-btn:hover {
    background-color: #7c5cff;
    color: white;
    cursor: pointer;
}

.green .product-btn {
    color: #4ac76d;
    border: 1px solid #4ac76d;
    background-color: rgba(74, 199, 109, 0.105);
    transition: 1s ease;
}

.green .product-btn:hover {
    background-color: #4ac76d;
    color: white;
    cursor: pointer;
}

.blue .product-btn {
    color: #3f82ff;
    border: 1px solid #3f82ff;
    background-color: rgba(63, 130, 255, 0.105);
    transition: 1s ease;
}

.blue .product-btn:hover {
    background-color: #3f82ff;
    color: white;
    cursor: pointer;
}

.orange .product-btn {
    color: #ff9827;
    border: 1px solid #ff9827;
    background-color: rgba(255, 151, 39, 0.105);
    transition: 1s ease;

}

.orange .product-btn:hover {
    background-color: #ff9827;
    color: white;
    cursor: pointer;
}

.cyan .product-btn {
    color: #25bfd6;
    border: 1px solid #25bfd6;
    background-color: rgba(37, 190, 214, 0.105);
    transition: 1s ease;
}

.cyan .product-btn:hover {
    background-color: #25bfd6;
    color: white;
    cursor: pointer;
}

/* ---------- Responsive ---------- */

@media(max-width:1400px) {

    .main-heading {
        font-size: 46px;
    }

}

@media(max-width:991px) {

    .main-heading {
        font-size: 36px;
    }

    .section-desc {
        font-size: 16px;
    }

}

@media(max-width:576px) {

    .main-heading {
        font-size: 30px;
    }

}

.cp-demo-cta-section {
    padding: 40px 0;
    background: #fff;
}

.cp-demo-cta-box {
    background: #ffffff;
    border: 1px solid #edf0f7;
    border-radius: 12px;
    padding: 18px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .03);
}

.cp-demo-left {
    display: flex;
    align-items: center;
    gap: 15px;
}

.cp-demo-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2f66ff;
    font-size: 24px;
}

.cp-demo-left p {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    color: #1f2937;
}

.cp-demo-btn {
    background: #2563ff;
    color: #fff;
    text-decoration: none;
    padding: 14px 30px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: .3s;
    white-space: nowrap;
}

.cp-demo-btn:hover {
    background: #1749d4;
    color: #fff;
    transform: translateY(-2px);
}

@media(max-width:991px) {

    .cp-demo-cta-box {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .cp-demo-left {
        flex-direction: column;
    }

    .cp-demo-left p {
        font-size: 18px;
    }
}

@media(max-width:576px) {

    .cp-demo-left p {
        font-size: 16px;
        line-height: 1.6;
    }

    .cp-demo-btn {
        width: 100%;
        justify-content: center;
    }
}

/* ===========================bottom line Arrow btn */
.cp-request-demo {
    /* background: #fff; */
    border: 1px solid #edf0f7;
    border-radius: 12px;
    padding: 18px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.cp-demo-text {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #374151;
    font-size: 18px;
    font-weight: 500;
}

.cp-demo-text i {
    color: #2563ff;
    font-size: 24px;
}

.cp-demo-btn {
    background: #2563ff;
    color: #fff;
    text-decoration: none;
    padding: 12px 18px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    transition: .3s;
}

.cp-demo-btn:hover {
    color: #fff;
    background: #1d4ed8;
}

.cp-arrow {
    width: 28px;
    height: 28px;
    background: rgba(255, 255, 255, .15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(max-width:768px) {

    .cp-request-demo {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .cp-demo-text {
        font-size: 16px;
    }
}

/* ====================================
 OUR SOFTWARE PRODUCT SECTION END
==================================== */


/* =======================================
SOFTWARE BENIFITE SECTION START
=========================== */
.software-benefits-section {
    padding: 20px 0;
}

.software-benefit-card {
    background: #fff;
    border: 1px solid #edf0f7;
    border-radius: 18px;
    /* padding: 18px 22px; */
    display: flex;
    align-items: center;
    gap: 16px;
    height: 100%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .04);
    transition: .3s;

    width: 104%;
    padding: 5px;
}

.software-benefit-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}

.software-benefit-icon {
    width: 58px;
    height: 58px;
    min-width: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    position: relative;
}

.software-benefit-icon i {
    position: relative;
    z-index: 2;
}

/* Colors */

.sb-blue {
    background: rgba(58, 130, 246, .10);
    color: #3b82f6;
}

.s-card-one {
    border: 1px solid #3b82f6;
}

.sb-green {
    background: rgba(34, 197, 94, .10);
    color: #22c55e;
}

.s-card-tow {
    border: 1px solid #22c55e;
}

.sb-purple {
    background: rgba(139, 92, 246, .10);
    color: #8b5cf6;
}

.s-card-three {
    border: 1px solid #8b5cf6;
}

.sb-orange {
    background: rgba(249, 115, 22, .10);
    color: #f97316;
}

.s-card-four {
    border: 1px solid #f97316;
}

.software-benefit-content h5 {
    font-size: 20px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 4px;
}

.software-benefit-content p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #6b7280;
}

@media(max-width:991px) {

    .software-benefit-card {
        padding: 18px;
    }

    .software-benefit-content h5 {
        font-size: 18px;
    }

}


/* =======================================
SOFTWARE BENIFITE SECTION END
=========================== */


/* =====================================
CASE STUDY SECTION START
=========================== */
.case-study-section {
    /* background: #fafbff; */
    background-image: url('../img/bg-img/homepage-bg/software-product.png');
    background-size: cover;
    background-repeat: no-repeat;
}


/*==========================
 CASE SLIDER SECTION
===========================*/

.cp-case-slider-section {
    background: #fff;
    overflow: hidden;
}

.cp-case-heading {
    margin-bottom: 50px;
}

.cp-case-tag {
    display: inline-block;
    color: #2563eb;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.cp-case-heading h2 {
    font-size: 42px;
    font-weight: 700;
    color: #08154d;
    margin-bottom: 15px;
}

.cp-case-heading p {
    max-width: 550px;
    color: #6b7280;
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 25px;
}

.cp-case-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #2563eb;
    color: #fff;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 12px;
    font-weight: 600;
    transition: .3s;
}

.cp-case-btn:hover {
    color: #fff;
    transform: translateY(-3px);
}

/*==========================
 SWIPER
===========================*/

.cpCaseSwiper {
    overflow: hidden;
    padding-bottom: 70px;
}

.cpCaseSwiper .swiper-slide {
    height: auto;
}

/*==========================
 CARD
===========================*/

.cp-case-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    border: 1px solid #edf0f7;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
    transition: .35s;
    height: 100%;
}

.cp-case-card:hover {
    transform: translateY(-8px);
}



/*==========================
 IMAGE
===========================*/

.cp-case-image {
    height: 230px;
    overflow: hidden;
}

.cp-case-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .4s;
}

.cp-case-card:hover img {
    transform: scale(1.06);
}

/*==========================
 FLOATING ICON
===========================*/

.cp-case-icon {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 16px;
    position: absolute;
    top: 195px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
    font-size: 24px;
}

/*==========================
 CONTENT
===========================*/
.cpCaseSwiper {
    overflow: hidden;
    width: 100%;
}

.cpCaseSwiper .swiper-wrapper {
    /* display: flex !important;
    flex-direction: row !important;
    align-items: stretch; */
}

.cpCaseSwiper .swiper-slide {
    /* flex-shrink: 0 !important;
    width: calc((100% - 90px) / 4) !important; */
    height: auto;
}

.cp-case-content {
    padding: 24px;
}

.cp-case-category {
    display: inline-block;
    padding: 7px 14px;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.cp-case-content h4 {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    /* margin-bottom: 12px; */
}

.swiper-wrapper {
    height: auto !important;
}

.cp-case-content p {
    color: #6b7280;
    line-height: 1.8;
    /* margin-bottom: 20px; */
    font-size: 15px;
    /* min-height: 40px; */
}

.cp-case-content a {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: #2563eb;
    font-weight: 700;
    text-decoration: none;
}


/*================================
slider cards border animation start
============================ */
.crads-bdr-animtion {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.crads-bdr-animtion::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    left: -50%;
    top: -50%;
    background: conic-gradient(transparent 0deg,
            transparent 320deg,
            #2f6fff 340deg,
            #7aa7ff 350deg,
            transparent 360deg);
    animation: rotateBorder 3s linear infinite;
}

.cp-client-card {
    position: relative;
    margin: 5px;
    border-radius: 18px;
    background: #fff;
    z-index: 1;
}

@keyframes rotateBorder {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/*================================
slider cards border animation END
============================ */
/*==========================
 COLORS
===========================*/

.cp-blue {
    color: #2563eb;
}

.cp-green {
    color: #22c55e;
}

.cp-purple {
    color: #8b5cf6;
}

.cp-orange {
    color: #ff7a00;
}

.cps-blue-bg {
    background: rgba(37, 100, 235, 0.105);
    color: #2563eb;
}

.cps-green-bg {
    background: rgba(34, 197, 94, 0.105);
    color: #22c55e;
}

.cps-purple-bg {
    background: rgba(138, 92, 246, 0.105);
    color: #8b5cf6;
}

.cps-orange-bg {
    background: rgba(255, 123, 0, 0.105);
    ;
    color: #ff7a00;
}

/*==========================
 PAGINATION
===========================*/

.cp-case-pagination {
    margin-top: 35px;
}

.cp-case-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #2563eb;
    opacity: .3;
}

.cp-case-pagination .swiper-pagination-bullet-active {
    width: 32px;
    border-radius: 20px;
    opacity: 1;
}

/*==========================
 RESPONSIVE
===========================*/

@media(max-width:991px) {

    .cp-case-heading h2 {
        font-size: 34px;
    }

    .cp-case-image {
        height: 210px;
    }

}

@media(max-width:767px) {

    .cp-case-heading h2 {
        font-size: 28px;
    }

    .cp-case-heading p {
        font-size: 16px;
    }

    .cp-case-image {
        height: 200px;
    }

    .cp-case-content h4 {
        font-size: 22px;
    }

}

/* =====================================
CASE STUDY SECTION END
=========================== */


/* ============================
CASE STUDY TOW SECTION START
==================== */
.cpp-project-hero {
    /* background: #04146a; */
    /* position: relative; */
    background-image: url('../img/bg-img/homepage-bg/CASE_STUDY_BG_IMG.png');
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 70px 0;
}

/* Background Circle Left */
/* .cpp-project-hero::before {
    content: "";
    position: absolute;
    width: 550px;
    height: 550px;
    border-radius: 50%;
    background: rgba(37, 99, 255, .08);
    top: -120px;
    left: 35%;
} */

/* Background Circle Right */


/* Back Link */
.cpp-back-link {
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 25px;
}

.cpp-back-link:hover {
    color: #ffffff;
}

/* Tag */
.cpp-project-tag {
    display: block;
    color: #4da3ff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 12px;
}

/* Title */
.cpp-project-title {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 15px;
}

/* Description */
.cpp-project-desc {
    color: rgba(255, 255, 255, .85);
    font-size: 15px;
    line-height: 1.6;
    max-width: 600px;
    /* margin-bottom: 45px; */
}

/* Info Section */
.cpp-project-info {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cpp-info-box {
    /* display: flex; */
    align-items: flex-start;
    background-color: rgba(255, 255, 255, 0.105);
    padding: 10px 16px;
    border-radius: 10px;
    box-shadow: 0px 25px 20px -20px rgba(255, 255, 255, 0.4);
}

.cpp-info-box i {
    color: #fff;
    font-size: 20px;
}

.cpp-info-box span {
    color: rgba(255, 255, 255, .7);
    font-size: 13px;
    display: block;
    margin-bottom: 4px;
}

.cpp-info-box h6 {
    color: #fff;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

/* Image */
.cpp-project-image {
    position: relative;
    z-index: 2;
}

.cpp-project-image img {
    width: 100%;
    max-width: 850px;
}

/* Responsive */
@media (max-width:991px) {

    .cpp-project-hero {
        text-align: center;
        padding: 60px 0;
    }

    .cpp-project-title {
        font-size: 42px;
    }

    .cpp-project-desc {
        font-size: 18px;
        margin-left: auto;
        margin-right: auto;
    }

    .cpp-project-info {
        justify-content: center;
    }

    .cpp-project-image {
        margin-top: 40px;
    }
}

@media (max-width:576px) {

    .cpp-project-title {
        font-size: 34px;
    }

    .cpp-project-desc {
        font-size: 16px;
    }

    .cpp-project-info {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }
}

/* ============================
CASE STUDY TOW SECTION END
==================== */

/* ============================
CASE STUDY THREE SECTION START
============================ */
/*======================================
CASE OVERVIEW SECTION
======================================*/

.cp-case-overview-section {
    background: #fff;
}

/* LEFT NAVIGATION */

.cp-case-nav {
    position: sticky;
    top: 120px;
}

.cp-case-nav a {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    color: #6b7280;
    font-weight: 600;
    padding: 8px 0;
    transition: .3s;
    font-size: 15px;
}

.cp-case-nav a span {
    width: 10px;
    height: 10px;
    border: 2px solid #cfd6e4;
    border-radius: 50%;
    display: inline-block;
    position: relative;
}

.cp-case-nav a.active {
    color: #2563eb;
    font-weight: 700;
}

.cp-case-nav a.active span {
    border-color: #2563eb;
}

.cp-case-nav a.active span::before {
    content: "";
    position: absolute;
    left: -14px;
    top: -6px;
    width: 3px;
    height: 22px;
    background: #2563eb;
    border-radius: 20px;
}

.cp-case-nav a:hover {
    color: #2563eb;
}

/*======================
INFO CARD
======================*/

.cp-info-card {

    background: #fff;
    border: 1px solid #edf0f7;
    border-radius: 18px;
    padding: 28px;
    height: 100%;
    position: relative;
    box-shadow: hsla(205, 100%, 59%, 0.400) 0px 5px 15px;
    transition: .35s;

}

.cp-info-card:hover {

    transform: translateY(-6px);

}

.cp-card-icon {

    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 18px;

}

.cpk-red {

    background: #fff0f0;
    color: #ff4b5c;
    border: 2px solid #ff4b5c;

}

.cpk-green {

    background: #eefdf3;
    color: #22c55e;
    border: 2px solid #22c55e;
}

.cpk-blue {

    background: #eef5ff;
    color: #2563eb;
    border: 2px solid #2563eb;

}

.cp-info-card h5 {

    font-size: 18px;
    font-weight: 700;
    /* margin-bottom: 14px; */
    color: #111827;

}

.cp-info-card p {

    color: #6b7280;
    line-height: 1.8;
    margin: 0;
    font-size: 15px;

}

/*======================
RESULT LIST
======================*/

.cp-result-list {

    padding: 0;
    margin: 0;
    list-style: none;

}

.cp-result-list li {

    margin-bottom: 5px;
    color: #4b5563;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 15px;

}

.cp-result-list i {

    color: #22c55e;
    font-size: 18px;

}

/*======================
TESTIMONIAL
======================*/

.cp-testimonial-box {

    margin-top: 35px;
    background: #e2edfc;
    border-radius: 18px;
    padding: 11px;
    border: 1px solid #edf0f7;



}

.cp-quote {

    display: flex;
    gap: 20px;
    align-items: flex-start;

}

.cp-quote i {

    font-size: 42px;
    color: #2563eb;

}

.cp-quote p {

    margin: 0;
    color: #374151;
    line-height: 1.9;
    font-size: 15px;
}

.cp-user {

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;

}

.cp-user img {

    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;

}

.cp-user h5 {

    margin: 0;
    font-size: 20px;
    font-weight: 700;

}

.cp-user span {

    color: #6b7280;

}

/*======================
RESPONSIVE
======================*/

@media(max-width:991px) {

    .cp-case-nav {

        position: relative;
        top: 0;
        margin-bottom: 30px;

    }

    .cp-user {

        justify-content: flex-start;
        margin-top: 25px;

    }

}

@media(max-width:767px) {

    .cp-info-card {

        padding: 22px;

    }

    .cp-testimonial-box {

        padding: 20px;

    }

    .cp-quote {

        flex-direction: column;

    }

    .cp-user {

        flex-direction: column;
        text-align: center;

    }

    .cp-user img {

        margin-bottom: 10px;

    }

}

/* ============================
CASE STUDY THREE SECTION END
============================ */

/* ====================================
OUR WORK PROCESS SECTION START
==================================== */

.cp-process-section {
    /* background: #fdf4f4; */
    background-image: url('../img/bg-img/homepage-bg/our-process-home-page.png');
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.cp-process-heading {
    max-width: 700px;
    margin: auto;
}

.cp-process-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: 50px;
    background: #edf4ff;
    color: #2563eb;
    font-weight: 700;
    font-size: 14px;
}

.cp-process-heading h2 {
    font-size: 40px;
    font-weight: 700;
    color: #08154d;
    /* margin: 22px 0 12px; */
}

.cp-process-heading h2 span {
    color: #2f6fff;
}

.cp-process-line {
    width: 80px;
    height: 4px;
    background: #2f6fff;
    border-radius: 20px;
    margin: 0 auto 20px;
    position: relative;
}

.cp-process-line::before,
.cp-process-line::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2f6fff;
    top: 50%;
    transform: translateY(-50%);
}

.cp-process-line::before {
    left: -12px;
}

.cp-process-line::after {
    right: -12px;
}

.cp-process-heading p {
    max-width: 620px;
    margin: auto;
    color: #6b7280;
    font-size: 15px;
    line-height: 1.8;
}

/*========================*/

.cp-process-row {
    margin-top: 70px;
}

/* dotted connector */

.cp-process-dotted {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 110px;
    border-top: 2px dashed #d7ddea;
    z-index: 0;
}

/*========================*/

.cp-process-card {
    text-align: center;
    position: relative;
    z-index: 2;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
    padding: 25px 0;
    border-radius: 12px;
    background-color: white;

}

/* outer ring */

.cp-process-circle {

    width: 200px;
    height: 200px;
    margin: auto;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px dashed currentColor;
    transition: .4s;

}

.cp-process-circle::before {

    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border: 10px solid currentColor;
    opacity: .18;

}

.cp-process-inner {

    width: 135px;
    height: 135px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);

}

.cp-process-inner img {

    width: 80px;
    height: 80px;

}

/*========================*/

.cp-blue {
    color: #2563eb;
}

.cp-yellow {
    color: #f7b500;
}

.cp-orange {
    color: #ff6b35;
}

.cp-purple {
    color: #6d4dff;
}

/*========================*/

.cp-process-number {

    width: 55px;
    height: 55px;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 7px auto 25px;
    font-size: 20px;

}

.cp-blue-bg {
    background: #2563eb;
}

.cp-yellow-bg {
    background: #f7b500;
}

.cp-orange-bg {
    background: #ff6b35;
}

.cp-purple-bg {
    background: #6d4dff;
}

/*========================*/

.cp-process-card h4 {

    font-size: 18px;
    font-weight: 700;
    color: #08154d;
    /* margin-bottom: 18px; */

}

.cp-process-small-line {

    width: 60px;
    height: 4px;
    border-radius: 30px;
    margin: 0 auto 20px;

}

.cp-blue-line {
    background: #2563eb;
}

.cp-yellow-line {
    background: #f7b500;
}

.cp-orange-line {
    background: #ff6b35;
}

.cp-purple-line {
    background: #6d4dff;
}

.cp-process-card p {

    color: #6b7280;
    line-height: 1.9;
    font-size: 15px;
    /* min-height: 145px; */
    padding-bottom: 5px;

}

/*========================*/

.cp-process-btn {

    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 50px;
    text-decoration: none;
    background: #f8f9fc;
    font-weight: 700;
    transition: .3s;

}

.cp-blue-text {
    color: #2563eb;
    background-color: rgba(37, 100, 235, 0.105);
}

.cp-yellow-text {
    color: #f7b500;
    background-color: rgba(247, 181, 0, 0.105);
}

.cp-orange-text {
    color: #ff6b35;
    background-color: rgba(255, 107, 53, 0.105);
}

.cp-purple-text {
    color: #6d4dff;
    background-color: rgba(110, 77, 255, 0.105);
}

.cp-process-btn:hover {

    transform: translateY(-3px);

}

/*========================*/

/* .cp-process-card:hover .cp-process-circle {

    transform: rotate(10deg) scale(1.05);

} */

.cp-process-card:hover .cp-process-inner {

    transform: scale(1.08);

}

/*========================*/

@media(max-width:991px) {

    .cp-process-heading h2 {

        font-size: 42px;

    }

    .cp-process-dotted {

        display: none;

    }

    .cp-process-card {

        margin-bottom: 50px;

    }

    .cp-process-card p {

        min-height: auto;

    }

}

@media(max-width:576px) {

    .cp-process-heading h2 {

        font-size: 34px;

    }

    .cp-process-circle {

        width: 170px;
        height: 170px;

    }

    .cp-process-circle::before {

        width: 145px;
        height: 145px;

    }

    .cp-process-inner {

        width: 115px;
        height: 115px;

    }

    .cp-process-inner img {

        width: 55px;

    }

    .cp-process-card h4 {

        font-size: 24px;

    }

}


/* ===============================
animation process cards start
========================== */
.cp-process-circle {
    width: 200px;
    height: 200px;
    margin: auto;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px dashed currentColor;

    animation: cpRotateBorder 12s linear infinite;
}

@keyframes cpRotateBorder {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.cp-process-inner {
    width: 135px;
    height: 135px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);

    animation: cpRotateInner 12s linear infinite reverse;
}

@keyframes cpRotateInner {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* ===============================
animation process cards END
========================== */

/* =========================
Four bottom cards
============== */

/* all cards margin */
.cp-tc {
    margin: 8px 0;
}

.cp-company-highlights-section {

    background: #fff;

}

.cp-company-highlights-wrapper {

    background: #fff;
    border: 1px solid #edf1f7;
    border-radius: 22px;
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, .06); */
    overflow: hidden;

}

.cp-company-highlight-card {

    display: flex;
    align-items: center;
    gap: 17px;
    padding: 0px 6px;
    margin-top: 40px;
    height: 100%;
    border-right: 1px solid #edf1f7;
    transition: .35s;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 12px;
    margin-right: 7px;
    background-color: white;


}

.cp-company-highlight-card:hover {

    background: #fafcff;

}

.cp-company-highlight-icon {

    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    flex-shrink: 0;

}

/* Icon Colors */

.cp-highlight-blue {

    background: #edf4ff;
    color: #2563eb;
    border: 1px solid #2563eb;
}

.cp-highlight-green {

    background: #ecfff4;
    color: #22c55e;
    border: 1px solid #22c55e;
}

.cp-highlight-purple {

    background: #f3efff;
    color: #6d4dff;
    border: 1px solid #6d4dff;
}

.cp-highlight-yellow {

    background: #fff8e7;
    color: #f7a600;
    border: 1px solid #f7a600;
}

/* Text */

.cp-company-highlight-content h5 {

    font-size: 18px;
    font-weight: 700;
    color: #08154d;
    margin-bottom: 8px;

}

.cp-company-highlight-content p {

    margin: 0;
    color: #6b7280;
    font-size: 15px;
    line-height: 1.6;

}

/* Responsive */

@media(max-width:991px) {

    .cp-company-highlight-card {

        border-right: none;
        border-bottom: 1px solid #edf1f7;

    }

}

@media(max-width:576px) {

    .cp-company-highlight-card {

        padding: 22px;


    }

    .process-crd {
        margin-top: 5px !important;
    }

    .cp-company-highlight-icon {

        width: 60px;
        height: 60px;
        font-size: 24px;

    }

    .cp-company-highlight-content h5 {

        font-size: 20px;

    }

    .cp-company-highlight-content p {

        font-size: 15px;

    }

}


@media(max-width:320px) {

    .cp-company-highlight-card {

        padding: 22px;


    }

    .cp-company-highlight-icon {

        width: 60px;
        height: 60px;
        font-size: 24px;

    }

    .cp-company-highlight-content h5 {

        font-size: 20px;

    }

    .cp-company-highlight-content p {

        font-size: 15px;

    }

}

/* ====================================
OUR WORK PROCESS SECTION END
==================================== */


/* ========================================
TECHNOLOGIES WE USE SECTION START
=================================== */


.cp-technology-showcase-section {

    background: #070b2f;
    padding: 100px 0;
    position: relative;
    overflow: hidden;

}

.cp-technology-showcase-section::before {

    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, #173cff55 0%, transparent 70%);
    top: -250px;
    right: -250px;

}

.cp-technology-showcase-section::after {

    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, #0019ff33 0%, transparent 70%);
    left: -250px;
    bottom: -250px;

}

/*========================
Heading
========================*/

.cp-technology-heading {

    position: relative;
    z-index: 2;

}

.cp-technology-tag {

    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: 40px;
    background: #123dff22;
    color: #4f7dff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 18px;

}

.cp-technology-heading h2 {

    color: #fff;
    font-size: 40px;
    font-weight: 800;
    /* margin-bottom: 20px; */

}

.cp-technology-heading h2 span {

    color: #ffc94d;

}

.cp-technology-heading p {

    color: #b9c0d3;
    font-size: 15px;
    max-width: 700px;
    margin: auto;
    line-height: 1.8;

}

/*========================
Menu
========================*/

.cp-technology-menu {

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin: 55px 0;

}

.cp-technology-menu a {

    text-decoration: none;
    color: #fff;
    background: #141942;
    padding: 14px 28px;
    border-radius: 50px;
    transition: .35s;
    font-weight: 600;

}

.cp-technology-menu a:hover {

    background: #2962ff;

}

/*========================
Cards
========================*/

.cp-technology-card {

    background: #10163f;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    padding: 22px;
    height: 100%;
    transition: .35s;
    position: relative;
    z-index: 2;
    width: 100%;


}

.cp-technology-card:hover {

    transform: translateY(-8px);
    border-color: #2962ff;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .30);

}

.cp-technology-card h4 {

    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px;
    position: relative;

}

.cp-technology-card h4::after {

    content: "";
    width: 55px;
    height: 3px;
    background: #2962ff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
    border-radius: 30px;

}

/*========================
Grid
========================*/

.cp-technology-grid {

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;

}

.cp-technology-item {

    background: #161d4d;
    border-radius: 14px;
    padding: 18px 8px;
    text-align: center;
    transition: .35s;

}

.cp-technology-item:hover {

    background: #2962ff;
    transform: translateY(-5px);

}

.cp-technology-item img {

    width: 42px;
    height: 42px;
    object-fit: contain;
    margin-bottom: 10px;

}

.cp-technology-item span {

    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 500;

}

/*========================
Bottom Strip
========================*/

.cp-technology-bottom-strip {

    margin-top: 55px;
    background: #10163f;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    padding: 22px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    color: #fff;
    position: relative;
    z-index: 2;

}

.cp-tech-bottom-strip i {

    font-size: 28px;
    color: #3f7bff;

}

.cp-tech-bottom-strip p {

    margin: 0;
    font-size: 18px;

}

.cp-tech-bottom-strip span {

    color: #3f7bff;
    font-weight: 700;

}

/*========================
Smooth Scroll
========================*/



/*========================
Responsive
========================*/

@media(max-width:991px) {

    .cp-technology-heading h2 {

        font-size: 40px;

    }

    .cp-technology-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .cp-technology-menu {

        justify-content: center;

    }

}

@media(max-width:576px) {

    .cp-technology-heading h2 {

        font-size: 30px;

    }

    .cp-technology-heading p {

        font-size: 15px;

    }

    .cp-technology-menu a {

        padding: 10px 18px;
        font-size: 14px;

    }

    .cp-technology-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .cp-technology-card {

        padding: 18px;

    }

    .cp-technology-card h4 {

        font-size: 18px;

    }

    .cp-technology-item span {

        font-size: 13px;

    }

    .cp-tech-bottom-strip {

        flex-direction: column;
        text-align: center;

    }

    .cp-tech-bottom-strip p {

        font-size: 15px;

    }

}


.cp-tech-item {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.cp-tech-item span {
    font-size: 10px !important;
    font-weight: 700;
    color: white;
}

.cp-tech-item img {
    display: block;
    position: static !important;
    width: 42px;
    height: 42px;
    margin: 0 auto 10px;
    object-fit: contain;
    max-width: 100%;
    float: none !important;
    transform: none !important;
}

.cp-tech-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
}

.cp-showcase-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

/* ========================================
TECHNOLOGIES WE USE SECTION START
=================================== */


/* ======================================
Industries we serve section start
============================================== */
.ind-serve {
    background-image: url('../img/bg-img/homepage-bg/Industries.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0;
}

.mt-100 {
    margin: 0 !important;
    padding: 0 !important;
}

/* Badge */

.industry-showcase-badge {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    background: #f4f7ff;
    color: #1d4ed8;
    padding: 8px 22px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
}

.industry-showcase-badge img {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #2348ff;
    color: #fff;
    padding: 4px;
}

/* Title */

.industry-showcase-title {
    font-size: 40px;
    font-weight: 700;
    color: #111;
}

.industry-showcase-title span {
    color: #2458ff;
}

/* Divider */

.industry-showcase-divider {
    margin: 11px auto;
    width: 70px;
    height: 2px;
    background: #d9d9d9;
    position: relative;
}

.industry-showcase-divider span {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #2458ff;
    border-radius: 50%;
    left: 50%;
    top: -4px;
    transform: translateX(-50%);
}

/* Paragraph */

.industry-showcase-desc {
    max-width: 720px;
    margin: 0 auto 45px;
    color: #666;
    font-size: 15px;

}

.industry-bdr {
    border-bottom: 2px solid #2458ff;
    width: 20px;
    display: block;
    justify-self: center;
}

.industry-img-one {
    width: 80px !important;
    height: 80px !important;
    background-color: rgba(255, 166, 0, 0.105);
    border-radius: 50%;
    padding: 5px;
    justify-self: center;

}


.industry-img-tow {
    width: 80px !important;
    height: 80px !important;
    background-color: rgba(0, 128, 0, 0.105);
    border-radius: 50%;
    padding: 5px;
    justify-self: center;

}

.industry-img-three {
    width: 80px !important;
    height: 80px !important;
    background-color: rgba(0, 128, 0, 0.105);
    border-radius: 50%;
    padding: 5px;
    justify-self: center;

}



.industry-img-four {
    width: 80px !important;
    height: 80px !important;
    background-color: rgba(51, 91, 152, 0.105);
    border-radius: 50%;
    padding: 5px;
    justify-self: center;

}

.industry-img-five {
    width: 80px !important;
    height: 80px !important;
    background-color: rgba(255, 71, 71, 0.105);
    border-radius: 50%;
    padding: 5px;
    justify-self: center;

}


.industry-img-six {
    width: 80px !important;
    height: 80px !important;
    background-color: rgba(107, 62, 204, 0.105);
    border-radius: 50%;
    padding: 5px;
    justify-self: center;

}

.industry-img-seven {
    width: 80px !important;
    height: 80px !important;
    background-color: rgba(159, 54, 140, 0.105);
    border-radius: 50%;
    padding: 5px;
    justify-self: center;

}

.industry-img-seven {
    width: 80px !important;
    height: 80px !important;
    background-color: rgba(159, 54, 140, 0.105);
    border-radius: 50%;
    padding: 5px;
    justify-self: center;
}


.industry-img-eight {
    width: 80px !important;
    height: 80px !important;
    background-color: rgba(199, 45, 112, 0.105);
    border-radius: 50%;
    padding: 5px;
    justify-self: center;
}

.industry-img-nine {
    width: 80px !important;
    height: 80px !important;
    background-color: rgba(2, 116, 67, 0.105);
    border-radius: 50%;
    padding: 5px;
    justify-self: center;
}

.industry-img-ten {
    width: 80px !important;
    height: 80px !important;
    background-color: rgba(91, 34, 33, 0.105);
    border-radius: 50%;
    padding: 5px;
    justify-self: center;
}


.industry-img-elven {
    width: 80px !important;
    height: 80px !important;
    background-color: rgba(183, 58, 58, 0.105);
    border-radius: 50%;
    padding: 5px;
    justify-self: center;
}


.industry-img-twelve {
    width: 80px !important;
    height: 80px !important;
    background-color: rgba(93, 79, 183, 0.105);
    border-radius: 50%;
    padding: 5px;
    justify-self: center;
}

/* ======================================
Industries we serve section END
============================================== */


/* ====================================
OUR VALUEABLE CLIENTS SECTION START
============================== */


:root {
    --cp-primary: #00a6ff;
    --cp-secondary: #1d4fff;
    --cp-dark: #06133d;
    --cp-dark2: #08194d;
    --cp-yellow: #ffc400;
    --cp-white: #ffffff;
    --cp-text: #d8deef;
}

.cp-clients-section {
    position: relative;
    overflow: hidden;
    /* background:
        radial-gradient(circle at top left, #0d4fc9 0%, transparent 28%),
        radial-gradient(circle at bottom right, #07266d 0%, transparent 35%),
        linear-gradient(180deg, #07133d 0%, #08184a 100%); */
    background-image: url('../img/bg-img/homepage-bg/clients.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0 80px;
    z-index: 1;
}

/*=========================
 Background Circle
==========================*/

.cp-bg-circle {

    position: absolute;

    width: 650px;
    height: 650px;

    border: 1px solid rgba(0, 170, 255, .08);

    border-radius: 50%;

    right: -300px;
    top: 120px;

}

/*=========================
 Glow
==========================*/

.cp-bg-glow {

    position: absolute;

    width: 450px;
    height: 450px;

    left: -180px;
    top: 180px;

    border-radius: 50%;

    background: radial-gradient(circle,
            rgba(0, 153, 255, .30),
            transparent 70%);

    filter: blur(35px);

}

/*=========================
 Left Curves
==========================*/

.cp-left-curves {

    position: absolute;

    left: -220px;
    top: 120px;

    width: 520px;
    height: 520px;

    border-radius: 50%;

    border: 2px solid rgba(0, 166, 255, .08);

}

.cp-left-curves::before {

    content: "";

    position: absolute;

    inset: 35px;

    border-radius: 50%;

    border: 2px solid rgba(0, 166, 255, .06);

}

.cp-left-curves::after {

    content: "";

    position: absolute;

    inset: 70px;

    border-radius: 50%;

    border: 2px solid rgba(0, 166, 255, .04);

}

/*=========================
 Left Dots
==========================*/

.cp-left-dots {

    position: absolute;

    left: 70px;
    top: 200px;

    width: 8px;
    height: 8px;

    background: #11a8ff;

    border-radius: 50%;

    box-shadow:

        0 30px #11a8ff,

        0 60px #11a8ff,

        30px 15px #11a8ff,

        30px 45px #11a8ff,

        30px 75px #11a8ff,

        60px 0 #11a8ff,

        60px 30px #11a8ff,

        60px 60px #11a8ff;

    opacity: .18;

}

/*=========================
 Right Dots
==========================*/

.cp-right-dots {

    position: absolute;

    right: 70px;
    top: 180px;

    width: 8px;
    height: 8px;

    background: #11a8ff;

    border-radius: 50%;

    box-shadow:

        0 30px #11a8ff,

        0 60px #11a8ff,

        30px 15px #11a8ff,

        30px 45px #11a8ff,

        30px 75px #11a8ff,

        60px 0 #11a8ff,

        60px 30px #11a8ff,

        60px 60px #11a8ff;

    opacity: .18;

}

/*=========================
 Badge
==========================*/

.cp-client-badge {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 4px 22px;

    border-radius: 40px;

    background: rgba(255, 255, 255, .06);

    border: 1px solid rgba(255, 255, 255, .10);

    color: #fff;

    font-weight: 600;

    margin-bottom: 18px;

}

.cp-client-badge i {

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: linear-gradient(135deg, var(--cp-primary), var(--cp-secondary));

    color: #fff;

    font-size: 18px;

}

/*=========================
 Heading
==========================*/

.cp-client-heading {

    color: #fff;

    font-size: 40px;

    font-weight: 700;

    margin-bottom: 5px;

    line-height: 1.2;

}

.cp-client-heading span {

    color: var(--cp-primary);

}

.cp-client-subheading {

    color: #fff;

    font-size: 40px;

    font-weight: 600;

    /* margin-bottom: px; */

}

.cp-client-subheading strong {

    color: var(--cp-yellow);

}

/*=========================
 Divider
==========================*/

.cp-heading-divider {

    width: 90px;

    height: 2px;

    background: rgba(255, 255, 255, .18);

    margin: 14px auto;

    position: relative;

}

.cp-heading-divider span {

    position: absolute;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background: var(--cp-primary);

    left: 50%;

    top: -5px;

    transform: translateX(-50%);

}

/*=========================
 Paragraph
==========================*/

.cp-client-text {

    color: #d7dded;

    max-width: 760px;

    margin: auto;

    font-size: 15px;

    /* line-height: 30px; */

}

/*=========================================
   SLIDER WRAPPER
==========================================*/

.cp-slider-wrapper {
    position: relative;
    margin: 70px auto 60px;
    padding: 12px 15px 12px;

    border-radius: 40px;

    backdrop-filter: blur(10px);

    overflow: hidden;

    border: 1px solid #2f6fff;
    /* box-shadow:
        rgba(47, 111, 255, 0.35) 0px 54px 55px,
        rgba(47, 111, 255, 0.22) 0px -12px 30px,
        rgba(47, 111, 255, 0.22) 0px 4px 6px,
        rgba(47, 111, 255, 0.28) 0px 12px 13px,
        rgba(47, 111, 255, 0.18) 0px -3px 5px !important; */
    box-shadow:
        rgba(47, 111, 255, 0.25) 0px 54px 55px,
        rgba(47, 111, 255, 0.12) 0px -12px 30px,
        rgba(47, 111, 255, 0.12) 0px 4px 6px,
        rgba(47, 111, 255, 0.17) 0px 12px 13px,
        rgba(47, 111, 255, 0.09) 0px -3px 5px !important;
}

/*=========================================
 SWIPER
==========================================*/

.cpClientSwiper {
    overflow: hidden;
}

.cpClientSwiper .swiper-wrapper {
    align-items: center;
}

.cpClientSwiper .swiper-slide {
    height: auto;
    display: flex;
}


/*=========================================
 CARD
==========================================*/

.cp-client-card {

    width: 100%;

    background: #fff;

    border-radius: 18px;

    text-align: center;

    position: relative;

    padding: 10px 15px 10px;

    transition: .4s;

    overflow: visible;

    min-height: 210px;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, .12);


}

.cp-client-card:hover {

    transform: translateY(-12px);

    box-shadow:
        0 20px 45px rgba(0, 0, 0, .18);

}


/*=========================================
 HANDSHAKE ICON
==========================================*/

.cp-handshake {

    position: relative;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    left: 50%;

    top: -8px !important;

    z-index: 999 !important;

    transform: translateX(-50%);

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 28px;

    background:
        linear-gradient(135deg,
            #00a8ff,
            #2158ff);

    box-shadow:
        0 12px 25px rgba(0, 140, 255, .35);

    transition: .5s;

}

.cp-client-card:hover .cp-handshake {

    transform:
        translateX(-50%) rotate(360deg);

}


/*=========================================
 LOGO
==========================================*/

.cp-client-logo {

    width: 100%;

    height: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.cp-client-logo img {

    width: 270px;
    height: auto;


    object-fit: contain;

    transition: .4s;
    position: relative;

}

.cp-client-card:hover img {

    transform: scale(1.06);

}


/*=========================================
 BLUE LINE
==========================================*/

.cp-client-card span {

    display: block;

    width: 42px;

    height: 4px;

    margin: 25px auto 0;

    border-radius: 20px;

    background: #0b9cff;

}


/*=========================================
 CARD HOVER EFFECT
==========================================*/

.cp-client-card::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 5px;

    background:
        linear-gradient(90deg,
            #00a8ff,
            #265dff);

    transform: scaleX(0);

    transition: .4s;

}

.cp-client-card:hover::before {

    transform: scaleX(1);

}


/*=========================================
 RESPONSIVE
==========================================*/

@media(max-width:991px) {

    .cp-slider-wrapper {

        padding: 50px 20px 25px;

    }

}

@media(max-width:576px) {

    .cp-slider-wrapper {

        padding: 45px 15px 20px;

        border-radius: 25px;

    }

    .cp-client-card {

        min-height: 190px;

        padding: 50px 15px 25px;

    }

    .cp-handshake {

        width: 60px;
        height: 60px;
        top: -30px;
        font-size: 22px;

    }

}

/*=========================================
    STATS SECTION
==========================================*/

.cp-stats-wrapper {
    margin-top: 60px;
}

.cp-stat-card {
    display: flex;
    align-items: center;
    gap: 18px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(15px);
    padding: 22px;
    border-radius: 18px;
    height: 100%;
    transition: .4s ease;
}

.cp-stat-card:hover {
    transform: translateY(-8px);
    border-color: #00a6ff;
    box-shadow: 0 15px 35px rgba(0, 166, 255, .20);
}

.cp-stat-icon {
    width: 65px;
    height: 65px;
    min-width: 65px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #00a6ff, #2458ff);
    color: #fff;
    font-size: 26px;
}

.cp-stat-content h3 {
    margin: 0;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
}

.cp-stat-content p {
    margin: 4px 0 0;
    color: #cfd8f6;
    font-size: 15px;
}

/*=========================================
 Bottom Quote
==========================================*/

.cp-bottom-line {
    margin-top: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
}

.cp-bottom-line i {
    color: #00a6ff;
    font-size: 30px;
    margin-right: 10px;
}

.cp-bottom-line span {
    font-weight: 700;
    color: #00a6ff;
}

.cp-bottom-line span:nth-child(3) {
    color: #ffc107;
}

.cp-bottom-line span:last-child {
    color: #38b6ff;
}

/*=========================================
 Decorative Glow
==========================================*/

.cp-slider-wrapper::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle,
            rgba(0, 166, 255, .15),
            transparent 70%);
    right: -80px;
    bottom: -80px;
}

/*=========================================
 Responsive
==========================================*/

@media(max-width:992px) {

    .cp-client-heading {
        font-size: 42px;
    }

    .cp-client-subheading {
        font-size: 30px;
    }

    .cp-bottom-line {
        font-size: 18px;
    }

    .cp-stat-card {
        margin-bottom: 20px;
    }

}

@media(max-width:768px) {

    .cp-client-heading {
        font-size: 34px;
    }

    .cp-client-subheading {
        font-size: 24px;
    }

    .cp-client-text {
        font-size: 15px;
        line-height: 28px;
    }

    .cp-bottom-line {
        font-size: 16px;
        line-height: 1.7;
    }

    .cp-stat-card {
        padding: 18px;
    }

    .cp-stat-icon {
        width: 55px;
        height: 55px;
        min-width: 55px;
        font-size: 22px;
    }

    .cp-stat-content h3 {
        font-size: 26px;
    }

}

/* ====================================
OUR VALUEABLE CLIENTS SECTION END
============================== */


/* =========================================
TESTIMONIAALS SECTION START 
==================================== */
/*==================================================
            TESTIMONIAL SECTION
==================================================*/

.testimonial-section {
    position: relative;
    padding: 100px 0;
    background: #fff;
    overflow: hidden;
    z-index: 1;
    background-image: url('../img/bg-img/homepage-bg/our-clients-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

/* Left Dots */

/* .testimonial-section::before {
    content: "";
    position: absolute;
    left: 40px;
    top: 30px;
    width: 140px;
    height: 140px;
    background-image: radial-gradient(#2f6cff 2px, transparent 2px);

    background-size: 20px 20px;
    opacity: .35;
} */

/* Right Circle */

.testimonial-section::after {
    content: "";
    position: absolute;
    right: -180px;
    top: -70px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background:
        radial-gradient(circle,
            rgba(44, 107, 255, .05) 45%,
            rgba(44, 107, 255, .03) 60%,
            rgba(44, 107, 255, .02) 75%,
            transparent 76%);
}

/* Bottom Left Circle */

.testimonial-bg-circle {
    position: absolute;
    left: -120px;
    bottom: 120px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    border: 2px dashed rgba(37, 99, 255, .18);
}

/* Bottom Right Dots */

.testimonial-dots {
    position: absolute;
    right: 40px;
    bottom: 60px;
    width: 120px;
    height: 120px;
    background-image: radial-gradient(#2f6cff 2px, transparent 2px);
    background-size: 18px 18px;
    opacity: .25;
}

/*==================================================
                BADGE
==================================================*/

.section-badge {

    display: inline-flex;
    align-items: center;
    gap: 12px;

    padding: 4px 24px 4px 4px;

    background: #fff;

    border-radius: 50px;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, .06);

    font-size: 15px;

    font-weight: 700;

    color: #2162ff;

    margin-bottom: 22px;

}

.section-badge i {

    width: 48px;
    height: 48px;

    border-radius: 50%;

    background: linear-gradient(135deg, #2d7bff, #0058ff);

    display: flex;
    justify-content: center;
    align-items: center;

    color: #fff;

    font-size: 18px;

    box-shadow:
        0 10px 20px rgba(0, 92, 255, .30);

}

/*==================================================
                HEADING
==================================================*/

.testimonial-title {

    font-size: 40px;

    font-weight: 700;

    color: #101336;

    line-height: 1.15;

    /* margin-bottom: 20px; */

}

.testimonial-title span {

    color: #2162ff;

}

.testimonial-subtitle {

    font-size: 15px;

    color: #666;

    line-height: 1.8;

    /* margin-bottom: 30px; */

}

.testimonial-subtitle span {

    color: #2162ff;

    font-weight: 700;

}

/*==================================================
             Heading Divider
==================================================*/

.heading-line {

    width: 130px;

    height: 2px;

    background: #dce6ff;

    margin: auto;

    position: relative;

}

.heading-line::before {

    content: "";

    position: absolute;

    width: 16px;
    height: 16px;

    border-radius: 50%;

    background: #2162ff;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    box-shadow:
        0 0 0 6px #fff;

}

/*==================================================
            TESTIMONIAL WRAPPER
==================================================*/

.testimonial-wrapper {
    position: relative;
    max-width: 1200px;
    margin: 70px auto 0;
}

.testimonialSwiper {
    overflow: hidden;
}

/*==================================================
            TESTIMONIAL CARD
==================================================*/

.testimonial-card {

    position: relative;

    background: #ffffff;

    border-radius: 32px;

    padding: 55px 60px;

    border: 1px solid #edf2ff;

    overflow: hidden;

    transition: .45s ease;

    box-shadow:
        0 18px 45px rgba(18, 75, 180, .08);
}

.testimonial-card:hover {

    transform: translateY(-6px);

    box-shadow:
        0 30px 70px rgba(18, 75, 180, .14);

}

/* Soft Glow */

.testimonial-card::before {

    content: "";

    position: absolute;

    inset: 0;

    border-radius: 32px;

    background:
        linear-gradient(180deg,
            rgba(255, 255, 255, .9),
            rgba(246, 249, 255, .95));

    z-index: 0;
}

.testimonial-card>* {

    position: relative;

    z-index: 2;

}

/*==================================================
              LOGO BOX
==================================================*/

.client-logo-box {

    position: relative;

    width: 240px;
    height: 240px;

    margin: auto;

    background: #fff;

    border-radius: 28px;

    display: flex;
    justify-content: center;
    align-items: center;

    box-shadow:
        0 18px 40px rgba(40, 100, 255, .12);

}

/* Blue Layer Behind */

.client-logo-box::after {

    content: "";

    position: absolute;

    left: 18px;
    top: 18px;

    width: 100%;
    height: 100%;

    border-radius: 28px;

    background: #dce9ff;

    z-index: -1;
}

.client-logo-box img {

    max-width: 150px;

    max-height: 120px;

    object-fit: contain;

    transition: .35s;
}

.testimonial-card:hover .client-logo-box img {

    transform: scale(1.05);

}

/*==================================================
            CONTENT
==================================================*/

.testimonial-content {

    position: relative;

    padding-left: 20px;
}

/* Blue Quote */

.quote-icon {

    color: #1f63ff;

    font-size: 62px;

    line-height: 1;

    margin-bottom: 20px;
}

/*==================================================
            RATING
==================================================*/

.rating-box {

    position: absolute;

    top: 0;
    right: 0;

    padding: 10px 22px;

    background: #fff;

    border-radius: 50px;

    color: #ffbf00;

    font-size: 20px;

    letter-spacing: 3px;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, .08);
}

/*==================================================
            TEXT
==================================================*/

.testimonial-content p {

    font-size: 22px;

    line-height: 1.9;

    color: #555;

    margin: 25px 0 40px;
}

/*==================================================
          CLIENT INFO
==================================================*/

.client-info {

    border-top: 2px solid #e5edff;

    padding-top: 20px;
}

.client-info h5 {

    margin: 0;

    font-size: 24px;

    font-weight: 700;

    color: #111;
}

.client-info span {

    display: block;

    margin-top: 6px;

    color: #1f63ff;

    font-size: 18px;

    font-weight: 700;
}

/*==================================================
          BIG QUOTE
==================================================*/

.big-quote {

    position: absolute;

    right: 20px;
    bottom: -20px;

    font-size: 130px;

    color: #eef4ff;

    transform: rotate(180deg);

    pointer-events: none;
}

/*==================================================
            SLIDER NAVIGATION
==================================================*/

.testimonial-prev,
.testimonial-next {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 78px;
    height: 78px;

    background: #fff;

    border-radius: 50%;

    display: flex;
    justify-content: center;
    align-items: center;

    color: #1d63ff;

    font-size: 28px;

    cursor: pointer;

    z-index: 50;

    transition: .35s ease;

    box-shadow:
        0 15px 40px rgba(30, 70, 170, .12);

}

/* Left */

.testimonial-prev {

    left: -95px;

}

/* Right */

.testimonial-next {

    right: -95px;

}

/* Hover */

.testimonial-prev:hover,
.testimonial-next:hover {

    background: #2162ff;

    color: #fff;

    transform:
        translateY(-50%) scale(1.08);

}

/*==================================================
      DOUBLE DOTTED RINGS
==================================================*/

.testimonial-prev::before,
.testimonial-next::before {

    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    border-radius: 50%;

    border: 2px dotted #d9e6ff;

    animation: ringRotate 12s linear infinite;

}

.testimonial-prev::after,
.testimonial-next::after {

    content: "";

    position: absolute;

    width: 118px;
    height: 118px;

    border-radius: 50%;

    border: 2px dotted #edf3ff;

    animation: ringRotateReverse 18s linear infinite;

}

@keyframes ringRotate {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}

@keyframes ringRotateReverse {

    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }

}

/*==================================================
              ICON
==================================================*/

.testimonial-prev i,
.testimonial-next i {

    position: relative;

    z-index: 5;

    transition: .35s;

}

.testimonial-prev:hover i,
.testimonial-next:hover i {

    transform: scale(1.2);

}

/*==================================================
            PAGINATION
==================================================*/

.swiper-pagination {

    position: relative;

    margin-top: 45px;
}

.swiper-pagination-bullet {

    width: 12px;
    height: 12px;

    background: #d6e4ff;

    opacity: 1;

    transition: .35s;
}

.swiper-pagination-bullet-active {

    width: 36px;

    border-radius: 30px;

    background: #2162ff;
}

/*==================================================
          CARD HOVER
==================================================*/

.testimonial-card:hover .client-logo-box {

    transform: translateY(-6px);

    transition: .35s;

}

.testimonial-card:hover .quote-icon {

    transform: scale(1.08);

    transition: .35s;

}

.testimonial-card:hover .rating-box {

    box-shadow:
        0 15px 35px rgba(20, 90, 255, .15);

}

/*==================================================
            RESPONSIVE
==================================================*/

@media(max-width:1200px) {

    .testimonial-prev {

        left: -40px;

    }

    .testimonial-next {

        right: -40px;

    }

}

@media(max-width:991px) {

    .testimonial-prev,
    .testimonial-next {

        display: none;

    }

    .testimonial-card {

        padding: 35px;

        text-align: center;

    }

    .client-logo-box {

        width: 200px;
        height: 200px;

        margin-bottom: 35px;

    }

    .client-logo-box img {

        max-width: 120px;

    }

    .testimonial-content {

        padding-left: 0;

    }

    .rating-box {

        position: relative;

        display: inline-block;

        margin-bottom: 25px;

    }

    .testimonial-title {

        font-size: 42px;

    }

    .testimonial-content p {

        font-size: 18px;

    }

    .big-quote {

        display: none;

    }

}

@media(max-width:576px) {

    .testimonial-section {

        padding: 70px 0;

    }

    .testimonial-title {

        font-size: 30px;

    }

    .testimonial-subtitle {

        font-size: 16px;

    }

    .section-badge {

        font-size: 13px;

    }

    .client-logo-box {

        width: 170px;
        height: 170px;

    }

    .client-logo-box img {

        max-width: 100px;

    }

    .testimonial-card {

        padding: 25px;

        border-radius: 24px;

    }

    .testimonial-content p {

        font-size: 16px;

        line-height: 1.8;

    }

    .client-info h5 {

        font-size: 20px;

    }

    .client-info span {

        font-size: 16px;

    }

}

/* =========================================
TESTIMONIAALS SECTION END 
==================================== */


/* =======================================
FOOTER STRIP TOP STRIP START
====================================== */
/*==============================
 Footer CTA
===============================*/

.footer-cta-section {
    position: relative;
    z-index: 5;
    margin-bottom: -90px;
    /* Footer ke upar overlap karega */
}

.footer-cta-box {
    background: linear-gradient(90deg, #08152f 0%, #081127 100%);
    border: 1px solid rgba(52, 96, 255, .18);
    border-radius: 15px;
    padding: 20px 10px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
    margin: 53px 0 64px 0;
}

/* Top Glow */
.footer-cta-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, transparent, #2962ff, transparent);
}

/* Right Purple Glow */
.footer-cta-box::after {
    content: "";
    position: absolute;
    right: -80px;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(126, 87, 255, .15);
    filter: blur(70px);
}

.footer-cta-content {
    gap: 22px;
}

.footer-cta-icon {
    min-width: 70px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1d4cff, #5a2dff);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 25px rgba(38, 82, 255, .35);
}

.footer-cta-icon i {
    color: #fff;
    font-size: 28px;
}

.footer-cta-text h2 {
    color: #fff;
    font-size: 27px;
    font-weight: 700;
    /* margin-bottom: 8px; */
    line-height: 1.2;
}

.footer-cta-text h2 span {
    color: #2f67ff;
}

.footer-cta-text p {
    margin: 0;
    color: rgba(255, 255, 255, .70);
    font-size: 15px;
    font-weight: 400;
}

.footer-cta-btn {
    position: relative;
}

.footer-cta-btn::before {
    content: "";
    position: absolute;
    left: -55px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 70px;
    background: rgba(255, 255, 255, .08);
}

.cta-touch-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 18px 45px;
    border-radius: 14px;
    background: linear-gradient(90deg, #2154ff, #6b3cff);
    transition: .35s;
    box-shadow: 0 15px 30px rgba(58, 88, 255, .30);
    margin-left: 100px;
}

.cta-touch-btn:hover {
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 20px 35px rgba(58, 88, 255, .45);
}

.cta-touch-btn i {
    font-size: 18px;
    transition: .35s;
}

.cta-touch-btn:hover i {
    transform: translate(4px, -4px);
}

/*==============================
 Responsive
===============================*/

@media(max-width:991px) {

    .footer-cta-box {
        padding: 35px;
    }

    .footer-cta-btn::before {
        display: none;
    }

    .footer-cta-text h2 {
        font-size: 32px;
    }

}

@media(max-width:767px) {

    .footer-cta-box {
        padding: 30px 22px;
        text-align: center;
    }

    .footer-cta-content {
        flex-direction: column;
    }

    .footer-cta-text h2 {
        font-size: 28px;
    }

    .footer-cta-text p {
        font-size: 15px;
    }

    .cta-touch-btn {
        width: 100%;
        /* margin-top: 20px; */
        margin: auto;
    }

}

/* ================
footer ul width
================= */
.footer-widget-area ul {
    width: 251px;
    margin-bottom: 5px !important;
}

.footer-widget-area ul li {
    display: flex;
    column-gap: 10px;
    color: orange;
}

.footer-widget-area ul li a {
    /* color: white !important; */
    text-decoration: none;
}

.footer-widget-area p {
    text-align: justify;
}

.footer-widget-area .logo-ft {
    background-color: white;
    border-radius: 10px;
}

/*==========================
 Footer Trusted Partner Strip
===========================*/

.footer-wid {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.partner-strip-box {
    /* background: #081633; */
    background-image: url('../img/bg-img/homepage-bg/bg-one-footer-strip\ \(1\).png');
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid rgba(67, 103, 255, .18);
    border-radius: 18px;
    padding: 20px 25px;
    position: relative;
    margin: 15px 0;
}

/* Heading */

.partner-strip-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 25px;
}

.partner-strip-heading span {
    width: 80px;
    height: 1px;
    background: rgba(255, 255, 255, .18);
}

.partner-strip-heading h5 {
    margin: 0;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
}

/* Partner Item */

.partner-strip-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 8px 20px;
    border-right: 1px solid rgba(255, 255, 255, .12);
    min-height: 72px;
}



.partner-strip-content h6 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
}

.partner-strip-content p {
    color: #b8bfd8;
    font-size: 15px;
    margin: 0;
}

/* Responsive */

@media (max-width:991px) {

    .partner-strip-item {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, .10);
        justify-content: flex-start;
        padding: 20px 0;
    }

    .partner-strip-item.border-0 {
        border-bottom: none;
    }

}

@media (max-width:767px) {

    .partner-strip-box {
        padding: 20px;
    }

    .partner-strip-heading span {
        width: 40px;
    }

    .partner-strip-heading h5 {
        font-size: 14px;
    }

    .partner-strip-content h6 {
        font-size: 16px;
    }

    .partner-strip-content p {
        font-size: 13px;
    }

    .partner-strip-item img {
        width: 48px;
    }

}

/* left side */
.left-footer {
    /* border-right: 2px solid; */
    /* border-bottom: 2px solid; */
    padding-bottom: 20px;
}

.form-control {
    border: none !important;

}

.newsletter-form {
    border-top: 2px solid;
    /* border-bottom: 2px solid; */

}

.footer-social-icon {
    /* display: block; */
    display: flex;

}

.footer-social-icon h6 {
    color: white;

    font-size: 12px;
}

.footer-social-icon img {
    width: 40px;
    height: auto;
}

.footer-social-icon img:hover {
    box-shadow: rgba(255, 255, 255, 0.7) 0px 5px 15px;
    /* padding: 0.8px; */
    cursor: pointer;
    transition: 0.8s ease;
    transform: translateY(-5px);
}

.footer-social-icon .insta {
    width: 45px;
}

.footer-social-icon .twitter {
    width: 45px;
    background-color: white;
    border-radius: 4.5px;
}


/* =======================================
FOOTER STRIP TOP STRIP END
====================================== */


/* ================================
NEW FOOTER START
=============================== */
.form-control {
    border: 2px solid #0058ff !important;
}

/* bottom strip */

.bootom-ft {
    background-color: white;
    display: flex;
    justify-content: space-between;
    padding: 15px 30px;
    height: 60px;
    background-color: #2f6fff;
    /* font-size: 16px; */
    background: #020024;
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
    border-top: 0.5px solid white;

}

.lf-bottom p {
    font-size: 16px;
    font-weight: 600;
}

.bootom-ft .lf-bottom a {

    text-decoration: none;
    color: #ff6200;
}

.bootom-ft .lf-bottom a:hover {
    color: #0058ff;

}

.rg-bottom ul {
    display: flex;
    justify-content: space-around;
    gap: 20px;

    color: #020b48;

}

.rg-bottom ul li {
    font-size: 16px;
    font-weight: 600;
}

.rg-bottom ul li a {
    color: white !important;
    text-decoration: none;

}

.rg-bottom ul a:hover {
    color: #0058ff;
    cursor: pointer;

}

.ft-copyright {

    color: gainsboro !important;
}

/* for small screen size */
.lf-bottom small {
    display: block;

    color: #aeb6d1;
    font-size: 13px;
}

.hr-footer {
    background-color: gray;
}

.trust-img {
    width: 80px;
    height: auto;
    object-fit: contain;
}





/* main section footer padding */
.footer-area {
    padding-top: 5rem !important;
}

/* ==========================
BOTTOM STRIP MEDIA QUERY START
================ */
/* 768px============== */
@media (max-width:768px) {

    .bootom-ft {
        /* padding: 30px 30px; */
        flex-direction: column;
        height: 200px;
        text-align: left;
    }

    .lf-bottom p {
        font-size: 15px;
        font-weight: 600;
    }

    .rg-bottom ul {
        /* display: flex; */
        /* justify-content: space-around; */
        flex-direction: column;
        color: #020b48;

    }

    .rg-bottom ul li {
        font-size: 15px;
        font-weight: 600;
    }


}

/* ========500px */

@media (max-width:500px) {

    .bootom-ft {
        /* padding: 30px 30px; */
        flex-direction: column;
        height: 200px;
        text-align: left;
    }

    .lf-bottom p {
        font-size: 14px;
        font-weight: 600;
    }

    .rg-bottom ul {
        /* display: flex; */
        /* justify-content: space-around; */
        flex-direction: column;
        color: #020b48;

    }

    .rg-bottom ul li {
        font-size: 14px;
        font-weight: 600;
    }


}


/* ==========320px */

@media (max-width:320px) {

    .bootom-ft {
        /* padding: 30px 30px; */
        flex-direction: column;
        height: 170px;
        text-align: left;
    }

    .lf-bottom p {
        font-size: 12px;
        font-weight: 600;
    }

    .rg-bottom ul {
        /* display: flex; */
        /* justify-content: space-around; */
        flex-direction: column;
        color: #020b48;

    }

    .rg-bottom ul li {
        font-size: 12px;
        font-weight: 600;
    }


}


/* ==========================
BOTTOM STRIP MEDIA QUERY END
================ */
/* ================================
NEW FOOTER 
=============================== */

/* =================================
LEt'S BUILD TOGTHER SECTION START 
================================== */


.lets-banner-section {

    padding: 70px 0;


}

.lets-banner-box {

    position: relative;

    overflow: hidden;

    border-radius: 18px;

    padding: 20px 45px;

    background-image: url('../img/bg-img/homepage-bg/footer-strip.png');
    background-repeat: no-repeat;
    background-size: cover;

    box-shadow: 0 15px 35px rgba(0, 0, 0, .15);

}

/* Left Dots */

.lets-banner-box::before {

    content: "";

    position: absolute;

    left: 35px;

    top: 22px;

    width: 60px;

    height: 70px;

    background-image: radial-gradient(#4b74ff 2px, transparent 2px);

    background-size: 18px 18px;

    opacity: .6;

}

/* Glow */

.lets-banner-box::after {

    content: "";

    position: absolute;

    right: 45px;

    top: 18px;

    width: 90px;

    height: 90px;

    background: rgba(65, 110, 255, .25);

    border-radius: 50%;

    filter: blur(30px);

}

/* Content */

.lets-banner-content {

    gap: 28px;

    position: relative;

    z-index: 2;

}

.lets-banner-icon {

    width: 95px;

    height: 95px;

    min-width: 95px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    background: linear-gradient(135deg, #2f6bff, #2450ff);

    box-shadow: 0 10px 30px rgba(32, 96, 255, .35);

}

.lets-banner-icon i {

    color: #fff;

    font-size: 42px;

}

/* Text */

.lets-subtitle {

    display: block;

    color: #7ea6ff;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 10px;

}

.lets-banner-text h2 {

    color: #fff;

    font-size: 27px;

    font-weight: 700;

    /* margin-bottom: 12px; */

}

.lets-banner-text p {

    color: #d5dcef;

    font-size: 15px;

    line-height: 1.7;

    margin: 0;

}

/* Button */

.lets-banner-btn {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 18px 42px;

    border-radius: 12px;

    background: #fff;

    color: #1d4fff;

    text-decoration: none;

    font-size: 16px;

    font-weight: 600;

    transition: .35s;

    position: relative;

    z-index: 2;

}

.lets-banner-btn:hover {

    color: #1d4fff;

    transform: translateY(-3px);

}

/* Responsive */

@media(max-width:991px) {

    .lets-banner-box {

        padding: 30px;

        text-align: center;

    }

    .lets-banner-content {

        flex-direction: column;

    }

    .lets-banner-text h2 {

        font-size: 32px;

    }

}

@media(max-width:767px) {

    .lets-banner-icon {

        width: 80px;
        height: 80px;
        min-width: 80px;

    }

    .lets-banner-icon i {

        font-size: 34px;

    }

    .lets-banner-text h2 {

        font-size: 26px;

    }

    .lets-banner-btn {

        width: 100%;

        justify-content: center;

    }

}

/* footer icons color  */
.links-footer-icons {
    color: #2f6fff;
}

.saas-footer-icons {
    color: #e07ae4;
}

.account-footer-icons {
    color: green;
}

/* =================================
LEt'S BUILD TOGTHER SECTION END
================================== */

/* ==========================================
FLOTTING CARDS CLIENTS PAGE START
======================================== */

.client-floating-card {
    animation: floatingCard 5s ease-in-out infinite;
}

.client-floating-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.client-floating-card:hover {
    transform: translateY(-15px) scale(1.02);
}

@keyframes floatingCard {
    0% {
        transform: translateY(0) rotate(0deg);
    }

    25% {
        transform: translateY(-6px) rotate(0.5deg);
    }

    50% {
        transform: translateY(-12px) rotate(0deg);
    }

    75% {
        transform: translateY(-6px) rotate(-0.5deg);
    }

    100% {
        transform: translateY(0) rotate(0deg);
    }
}

/* Floating Cards */

.client-floating-card {
    position: absolute;

    background: #fff;

    border-radius: 14px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 16px 20px;


    box-shadow:
        rgba(47, 111, 255, 0.35) 0px 20px 40px,
        rgba(47, 111, 255, 0.25) 0px 10px 20px,
        rgba(47, 111, 255, 0.15) 0px 5px 10px;
    min-width: 180px;
}



.client-floating-card .icon {
    width: 45px;

    height: 45px;

    border-radius: 50%;

    background: #edf4ff;

    color: #1d63ff;

    display: flex;

    align-items: center;

    justify-content: center;
}

.client-floating-card h4 {
    margin: 0;

    font-size: 24px;

    font-weight: 700;

    color: #101828;
}

.client-floating-card p {
    margin: 0;

    color: #667085;

    font-size: 13px;
}

/* Positions */

.card-top {
    top: 200px;

    left: 850px;
}


.card-bottom {
    bottom: 130px;

    left: 850px;
}

/* Responsive */

@media (max-width: 991px) {

    .client-main-title {
        font-size: 42px;
    }

    .client-image-wrapper {
        margin-top: 60px;

        text-align: center;
    }

    .card-top {
        left: 0;
    }

    .card-bottom {
        left: 30px;
    }

}


@media (max-width: 768px) {
    .client-main-title {
        font-size: 34px;
    }

    .client-features {
        flex-direction: column;

        gap: 15px;
    }

    .client-floating-card {
        position: relative;

        margin: 20px auto;

        left: auto;
        top: auto;
        bottom: auto;
    }





}

/* icon right side */
.p-icon {
    font-size: 30px !important;
}

/* ==========================================
FLOTTING CARDS CLIENTS PAGE END
======================================== */

/* ==========================================
HAPPY CLIENT SECTION STRIP START
======================================== */
.stats-section {
    background: #fff;
}

.stats-strip {
    background: #04185F;
    border-radius: 18px;
    padding: 22px 15px;
}

.stat-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    color: #fff;
    padding: 5px 20px;
    height: 100%;
}

.stat-item.border-start {
    border-color: rgba(255, 255, 255, .12) !important;
}

.stat-icon {
    width: 56px;
    height: 56px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon i {
    font-size: 24px;
    color: #2f6fff;
}

.stat-item h3 {
    margin: 0;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    color: white;
}

.b-strip-icons {
    font-size: 35px !important;
}

.stat-item span {
    display: block;
    margin-top: 4px;
    font-size: 15px;
    color: rgba(255, 255, 255, .8);
}

@media(max-width:767px) {

    .stats-strip {
        padding: 15px;
    }

    .stat-item {
        justify-content: flex-start;
        padding: 15px 5px;
    }

    .stat-item.border-start {
        border-left: none !important;
    }

    .stat-item h3 {
        font-size: 26px;
    }

    .stat-item span {
        font-size: 13px;
    }
}

/* ==========================================
HAPPY CLIENT SECTION STRIP END
======================================== */

/* =========================================
OUR VALUEABLE CLIENTS SECTION START
======================================= */
.client-card {
    background: #fff;
    border-radius: 10px;
    padding: 5px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    box-shadow: rgba(47, 111, 255, 0.45) 0px 5px 15px;
}

#clientCards {
    perspective: 1200px;
}

.client-card {
    transition: all .45s cubic-bezier(.2, .8, .2, 1);
    transform-origin: center bottom;
}

.client-card:hover {
    transform:
        perspective(1200px) rotateX(10deg) translateY(-12px) scale(1.03);

    box-shadow:
        0 35px 50px rgba(47, 111, 255, .25);

    z-index: 99;

    border-top: 4px solid #04185F;
    cursor: pointer;
    transition: 0.4s ease-in-out;
}


.client-card img {
    width: 100%;
    height: auto;
    object-fit: contain;

}

.btn-load-mr {
    margin: auto !important;
    padding: 30px 0;
}

/* =========================================
OUR VALUEABLE CLIENTS SECTION END
======================================= */


/* ======================================
WHAT OUR CLIENTS SAY SECTION START
======================================== */
/*=========================
    Testimonial Section
=========================*/

.testimonial-section {
    background: gainsboro;
    overflow: hidden;

}

.sub-title {
    font-size: 14px;
    font-weight: 600;
    color: #2f6fff;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.main-title {
    font-size: 40px;
    font-weight: 700;
    color: #111;
    margin-top: 5px;
}

/*=========================
      Card
=========================*/

.testimonial-card {
    background: #fff;
    border-radius: 22px;
    padding: 35px 30px;
    border: 1px solid #eef2ff;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .06);
    transition: .35s;
    height: 100%;
}

.testimonial-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 45px rgba(47, 111, 255, .18);
}

/*=========================
     Quote + Stars
=========================*/

.testimonial-top {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 18px;
}

.quote-icon {
    font-size: 32px;
    color: #2f6fff;
    line-height: 1;
}

.stars {
    color: #ffbf00;
    font-size: 18px;
    letter-spacing: 3px;
}

/*=========================
      Text
=========================*/

.testimonial-card p {
    font-size: 14px;
    line-height: 1.9;
    color: #444;
    /* margin-bottom: 30px; */
}

/*=========================
      Client Info
=========================*/

.client-info {
    display: flex;
    align-items: center;
    gap: 15px;
}

.client-info img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.client-info h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #111;
}

.client-info span {
    font-size: 14px;
    color: #777;
}

/*=========================
      Swiper Arrows
=========================*/

.swiper-button-next,
.swiper-button-prev {
    width: 55px;
    height: 55px;
    background: transparent !important;
    border-radius: 50%;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .10);
    color: #2f6fff;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 18px;
    font-weight: 700;
}

/*=========================
     Pagination
=========================*/

.swiper-pagination {
    margin-top: 40px;
    position: relative;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #d6d6d6;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #2f6fff;
    width: 28px;
    border-radius: 20px;
}

/*=========================
      Responsive
=========================*/

@media(max-width:991px) {

    .main-title {
        font-size: 30px;
    }

    .testimonial-card {
        padding: 25px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }

}

@media(max-width:576px) {

    .main-title {
        font-size: 28px;
    }

    .testimonial-card p {
        font-size: 15px;
    }

}

/* ======================================
WHAT OUR CLIENTS SAY SECTION START
======================================== */


/* ==========================================
WHY CLIENTS CHOOS US SECTION START
======================================== */
.why-us-section {
    background-color: rgb(249, 250, 254);
}

.sub-title {
    color: #2f6fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.choose-main-title {
    font-size: 40px;
    font-weight: 700;
    margin-top: 5px;
    color: #111;
}

.why-card {
    text-align: center;
    position: relative;
    padding: 0 4px;

    background-color: white;
    padding: 25px;
    border-radius: 12px;
    box-shadow: rgba(47, 111, 255, 0.18) 0px 5px 15px,
        rgba(47, 111, 255, 0.10) 0px 10px 30px;
}

.why-card:hover {
    transition: 0.4s ease;
    cursor: pointer;
    transform: translateY(4px);
}

.why-icon {
    width: 100px;
    height: 100px;
    justify-self: center;
    margin: auto;

    border-radius: 50%;
    margin-bottom: 10px;
    box-shadow:
        inset 0 2px 8px rgba(255, 255, 255, 0.45),
        inset 0 12px 30px rgba(47, 111, 255, 0.14),
        inset 0 -8px 20px rgba(47, 111, 255, 0.08);
    transition: .3s ease;

}

.why-icon img {
    width: 70px;
    height: 70px;
    margin: 12px;
    padding: 5px;

}

.why-card h5 {
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 12px;

}

.why-card p {
    font-size: 13px;
    color: #666;
    line-height: 1.8;
    text-align: center;

}

/* Connector Line */



.col-lg-2:last-child .why-card::after {
    display: none;
}

/* Hover */

.why-card:hover .why-icon {

    transform: translateY(-12px);
    transition: .9s ease;
    box-shadow: rgba(47, 111, 255, 0.22) 0px 2px 8px;

}

.why-card:hover .why-icon i {
    transform: scale(1.15);
    transition: .35s;
}

@media(max-width:991px) {

    .why-card::after {
        display: none;
    }

    .main-title {
        font-size: 34px;
    }

}

@media(max-width:576px) {

    .main-title {
        font-size: 28px;
    }

    .why-icon {
        width: 90px;
        height: 90px;
        margin: 5px;
        /* justify-self: center; */
        /* margin: auto; */
        /* margin-bottom: 10px; */

    }

    .why-icon img {
        width: 68px;
        height: 68px;
        padding: 3px 5px 6px 2px;
    }


    .why-card h5 {
        font-size: 15px;
    }

    .why-card p {
        font-size: 14px;
    }

}


.why-icon i {
    font-size: 38px;
    /* color: #2f6fff; */
}

.why-icons-one {
    color: #2f6fff;
    background-color: rgba(47, 111, 255, 0.105);
    padding: 10px;
    border-radius: 50%;
}

.why-icons-tow {
    color: gold;
    background-color: rgba(255, 215, 0, 0.105);
    padding: 10px;
    border-radius: 50%;
}

.why-icons-three {
    color: green;
    background-color: rgba(40, 167, 69, 0.105);
    padding: 10px;
    border-radius: 50%;
}

.why-icons-four {
    color: violet;
    background-color: rgba(139, 92, 246, 0.105);
    padding: 10px;
    border-radius: 50%;
}

.why-icons-five {
    color: #C96A7D;
    background-color: rgba(201, 106, 125, 0.105);
    padding: 10px;
    border-radius: 50%;
}

.why-icons-six {
    color: #f26fff;
    background-color: rgba(47, 111, 255, 0.105);
    padding: 10px;
    border-radius: 50%;
}


/* ==========================================
WHY CLIENTS CHOOS US SECTION END
======================================== */



.contact-area {
    padding: 80px 0;
    /* background: #fff; */
    background-color: rgb(249, 250, 254);
    background-image: url('../img/bg-img/homepage-bg/contact-us-sec-one.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.cta-box {
    background-image: url('../img/bg-img/contact-2.png') !important;
    /* background: #071b67; */
    border-radius: 20px;
    padding: 45px;
    position: relative;
    overflow: hidden;
    min-height: 524px;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 18px 35px rgba(47, 111, 255, .22);
}

/* dotted pattern */

/* .cta-box::before {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    width: 160px;
    height: 160px;
    background-image: radial-gradient(rgba(70, 120, 255, .8) 2px, transparent 2px);
    background-size: 12px 12px;
    opacity: .6;
} */

.cta-subtitle {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    /* margin-bottom: 10px; */
}

.cta-title {
    color: #fff;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
}

.cta-line {
    width: 70px;
    height: 4px;
    background: #ffb64c;
    margin: 22px 0;
    border-radius: 50px;
}

.cta-desc {
    color: #d9dff9;
    line-height: 1.9;
    font-size: 15px;
    /* margin-bottom: 30px; */
}

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

.cta-list li {
    color: #fff;
    /* margin-bottom: 18px; */
    font-size: 15px;
    display: flex;
    align-items: center;
}

.cta-list li i {
    width: 34px;
    height: 34px;
    background: rgba(255, 255, 255, .08);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3d8cff;
    margin-right: 15px;
    font-size: 18px;
}

.schedule-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    color: #071b67;
    padding: 12px 32px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 700;
    margin-top: 35px;
    transition: .3s;
}

.schedule-btn:hover {
    background: #2f6fff;
    color: #fff;
}

.schedule-btn i {
    font-size: 22px;
}

/*=========================
      PHONE IMAGE
=========================*/

.phone-image {
    position: absolute;
    right: -35px;
    bottom: 0;
    width: 320px;
    z-index: 2;
}

.phone-image img {
    width: 100%;
}

/*=========================
      HEADPHONE
=========================*/

.headphone {
    position: absolute;
    right: 170px;
    bottom: 120px;
    width: 220px;
    z-index: 1;
}

.headphone img {
    width: 100%;
}

/*=========================
      CONTACT CARD
=========================*/

.info-card {
    background: #fff;
    border-radius: 18px;
    padding: 9px;

    box-shadow: 0 18px 35px rgba(47, 111, 255, .22);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    transition: .35s;
    overflow: hidden;
    position: relative;
}

.info-card:hover {
    transform: translateY(-8px);
}

.info-left {
    display: flex;
    align-items: center;
}

.icon-circle {
    width: 90px;
    height: 90px;
    border: 2px dashed #d7dffb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
}

.icon-circle span {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #071b67;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-circle i {
    color: #fff;
    font-size: 28px;
}

.info-card h4 {
    font-size: 18px;
    font-weight: 700;
    color: #071b67;
    /* margin-bottom: 10px; */
}

.info-card hr {
    width: 60px;
    height: 3px;
    background: #f4b248;
    opacity: 1;
    border: none;
    margin: 0 0 15px;
}

.info-card p {
    margin: 0;
    color: #666;
    line-height: 1.8;
    font-size: 15px;
}

.info-image img {
    width: 120px;
}

/*=========================
      Responsive
=========================*/

@media(max-width:991px) {

    .phone-image {
        position: relative;
        right: auto;
        width: 260px;
        margin: 40px auto 0;
        display: block;
    }

    .headphone {
        display: none;
    }

    .cta-box {
        min-height: auto;
        text-align: center;
    }

    .cta-line {
        margin: auto;
        margin-top: 20px;
        margin-bottom: 25px;
    }

    .cta-list li {
        justify-content: center;
    }

    .info-card {
        flex-direction: column;
        text-align: center;
    }

    .info-left {
        flex-direction: column;
    }

    .icon-circle {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .info-image {
        margin-top: 20px;
    }

    .info-card h4 {
        font-size: 26px;
    }

    .cta-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .contact-area {
        padding: 60px 0;
    }

    .cta-box {
        padding: 30px;
    }

    .cta-title {
        font-size: 32px;
    }

    .cta-desc {
        font-size: 16px;
    }

    .cta-list li {
        font-size: 16px;
    }

    .schedule-btn {
        width: 100%;
        justify-content: center;
    }

    .phone-image {
        width: 220px;
    }

    .icon-circle {
        width: 70px;
        height: 70px;
    }

    .icon-circle span {
        width: 50px;
        height: 50px;
    }

    .icon-circle i {
        font-size: 22px;
    }

    .info-card p {
        font-size: 16px;
    }

}

/* ====================BOTTOM STARP=========== */
.support-strip {
    /* position: relative; */
    overflow: hidden;

    padding: 9px 55px;

    border-radius: 22px;

    background: linear-gradient(135deg, #081654 0%, #0c2378 45%, #081654 100%);


    color: #fff !important;

    margin-top: 20px;

}

/* Wave */
/* 
.support-strip::before {
    content: "";

    position: absolute;

    right: -120px;
    bottom: -120px;

    width: 420px;
    height: 420px;

    background:
        radial-gradient(circle at center,
            rgba(72, 120, 255, .25) 2px,
            transparent 2px);

    background-size: 12px 12px;

    opacity: .30;

    border-radius: 50%;
}

 */
/* 
.support-strip::after {
    content: "";

    position: absolute;

    right: -40px;
    bottom: -60px;

    width: 350px;
    height: 350px;

    border-radius: 50%;

    background:
        repeating-radial-gradient(circle,
            transparent 0 18px,
            rgba(70, 120, 255, .15) 18px 20px);

    opacity: .6;
} */

.support-icon {

    width: 97px;
    height: 97px;

    border-radius: 50%;

    background: radial-gradient(circle, #5d6cff, #1d39ff);

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow:
        0 0 15px rgba(84, 106, 255, .8),
        0 0 40px rgba(84, 106, 255, .55);

    margin-right: 30px;

    flex-shrink: 0;
}

.support-icon i {

    font-size: 42px;
    color: #fff;
}

.support-content h2 {

    font-size: 20px;
    font-weight: 700;

    /* margin-bottom: 12px; */
}

.support-content p {

    color: #d8dff8;
    /* margin-bottom: 25px; */
    font-size: 15px;
}

.support-list {

    display: flex;
    flex-wrap: wrap;
    gap: 28px;
}

.support-list span {

    display: flex;
    align-items: center;

    font-size: 15px;

    color: #fff;
}

.support-list i {

    color: #4ea1ff;

    margin-right: 10px;

    font-size: 20px;
}

.call-box {

    padding-left: 45px;

    border-left: 1px solid rgba(255, 255, 255, .20);
}

.call-box h4 {

    font-weight: 700;
    /* margin-bottom: 12px; */
    font-size: 20px;
}

.call-box p {

    color: #d9dff8;
    /* margin-bottom: 28px; */
    font-size: 15px;
}

.call-btn {

    display: inline-flex;

    align-items: center;
    gap: 10px;

    padding: 7px 20px;

    background: #fff;

    color: #2056ff;

    border-radius: 12px;

    text-decoration: none;

    font-weight: 700;

    transition: .35s;

}

.call-btn:hover {

    background: #2056ff;
    color: #fff;
}

@media(max-width:991px) {

    .support-strip {

        padding: 35px 25px;
    }

    .call-box {

        margin-top: 40px;

        padding-left: 0;

        border-left: none;

        border-top: 1px solid rgba(255, 255, 255, .20);

        padding-top: 30px;
    }

    .support-content h2 {

        font-size: 30px;
    }

    .support-icon {

        width: 80px;
        height: 80px;
        margin-right: 18px;
    }

    .support-icon i {

        font-size: 30px;
    }

    .support-list {

        gap: 15px;
    }

}

/* ========================================
  LET DISCUSS SECTION END
========================================= */

/* =======================================
GET IN TOUCH SECTION IS STRAT
=========================================== */
.contact-section {
    background: #f7f9fc;
}

.section-tag {
    color: #2f6fff;
    font-size: 14px;
    font-weight: 700;
}

.contact-title {
    font-size: 40px;
    font-weight: 700;
    /* margin: 15px 0; */

}

.right-side-contact-text p {
    font-size: 15px;
}

.contact-title span {
    color: #2f6fff;
}

.form-control {
    height: 55px;
    border-radius: 12px;
    /* border: 1px solid #e7e7e7; */
    box-shadow: none;
}

.form-conatct {
    border: none !important;
    /* box-shadow: 0 18px 35px rgba(47, 111, 255, .22) !important; */
    border-radius: 0 12px 12px 0 !important;
}

.cntact-input {
    box-shadow: rgba(47, 111, 255, 0.24) 0px 3px 8px !important;
    border-radius: 12px;
}



textarea.form-control {
    height: auto;
}

.send-btn-contact {
    padding: 25px 24px;
    border-radius: 15px !important;
    background: #020024;
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%) !important;
    color: white;
}

.contact-info {
    /* background: #082a8d; */
    position: relative;
    background-image: url('../img/bg-img/contact-mid-section.png');
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 50px;
    height: 829px
}

.contact-info h3 {
    color: white !important;
}

.contact-get-right {
    padding-left: 10px;
}

.contact-info-text p {
    font-size: 15px;

}

/* right  side icone headphone */
.icon-right-headphone {
    border-radius: 50% !important;
    background: #020024;
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%) !important;

    box-shadow:
        rgba(255, 255, 255, 0.25) 0px 54px 55px,
        rgba(255, 255, 255, 0.12) 0px -12px 30px,
        rgba(255, 255, 255, 0.12) 0px 4px 6px,
        rgba(255, 255, 255, 0.17) 0px 12px 13px,
        rgba(255, 255, 255, 0.09) 0px -3px 5px !important;

}

.icon-right-headphone i {
    font-size: 38px !important;
    font-weight: 800 !important;
}

.right-divider-line {
    background-color: orange;
    color: orange;
    width: 40%;
    height: 3px;
    margin-top: 10px;
}

.info-box {
    display: flex;
    gap: 20px;
    margin-bottom: 35px;
}

.icon-box {
    width: 65px;
    height: 65px;
    border-radius: 15px;
    background: #1a46c6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
    background: #020024;
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
    box-shadow:
        rgba(255, 255, 255, 0.25) 0px 54px 55px,
        rgba(255, 255, 255, 0.12) 0px -12px 30px,
        rgba(255, 255, 255, 0.12) 0px 4px 6px,
        rgba(255, 255, 255, 0.17) 0px 12px 13px,
        rgba(255, 255, 255, 0.09) 0px -3px 5px;

}

.info-box h6 {
    margin-bottom: 6px;
    font-weight: 600;
}

.info-box p {
    margin: 0;
    color: #d7dfff;
}

.social a {
    width: 45px;
    height: 45px;
    background: #1a46c6;
    color: #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin-right: 15px;

}

.social i {
    font-size: 25px;
    font-weight: 700;
    padding: 15px;
    /* border: 2px solid white; */
    border-radius: 50%;

}

.social i:hover {
    box-shadow:
        rgba(255, 255, 255, 0.25) 0px 54px 55px,
        rgba(255, 255, 255, 0.12) 0px -12px 30px,
        rgba(255, 255, 255, 0.12) 0px 4px 6px,
        rgba(255, 255, 255, 0.17) 0px 12px 13px,
        rgba(255, 255, 255, 0.09) 0px -3px 5px;
    cursor: pointer;
    transition: 0.4s ease;
    transform: translateX(-5px);
    padding: 0;
}

@media(max-width:991px) {

    .main-title {
        font-size: 38px;
    }

    .contact-info {
        padding: 35px;
    }

}

.head-ph {

    background-color: #2f6fff;
    color: white;
    font-size: 40px;
    padding: 12px;
    border-radius: 50%;
    font-weight: 700;
    background: #020024;
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
    box-shadow:
        rgba(255, 255, 255, 0.25) 0px 54px 55px,
        rgba(255, 255, 255, 0.12) 0px -12px 30px,
        rgba(255, 255, 255, 0.12) 0px 4px 6px,
        rgba(255, 255, 255, 0.17) 0px 12px 13px,
        rgba(255, 255, 255, 0.09) 0px -3px 5px;
}




.icon-form-contact i {

    margin: auto;
    /* padding: 15px 9px; */
    font-size: 25px;
    border-radius: 10px;
    /* box-shadow: 0 18px 35px rgba(47, 111, 255, .22) !important; */
    color: #2f6fff;
    font-weight: 700;
    padding: 5px;
    background-color: rgba(47, 111, 255, .22);
    margin-left: 4px;
}

.message-text i {
    /* padding: 60px 9px; */

}

.contact-paper-plane {
    justify-content: space-between;


}

.contact-paper-plane img {
    width: 60px;
    height: 60px;
    margin-top: 17px;
}

/* contact btn right side text */
.right-text-btn {
    display: flex;
}

.right-text-btn i {
    font-size: 34px !important;
    font-weight: 900 !important;
    color: #2f6fff !important;
    padding-top: 12px;
}

.right-text-btn p {
    font-size: 15px;
    /* line-height: 2px !important; */
    padding: 0 10px;
}

/* bottom strip css=============== */
/*==========================
      INFO STRIP
==========================*/

.t-info-strip {
    margin-top: -45px;
    position: relative;
    z-index: 10;
}

.t-strip-box {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 35px rgba(47, 111, 255, .22);
    margin-top: 23px;
    background-color: rgba(47, 111, 255, .10);
    width: 95%;
    justify-self: center;
    z-index: 99;
}

.t-strip-item {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px 28px;
    border-right: 1px solid #ececec;
    height: 100%;
}

.t-strip-icon {
    width: 58px;
    height: 58px;
    background: #eef4ff;
    color: #2f6fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.t-strip-item h6 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
}

.t-strip-item p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
}

.t-strip-item span {
    color: #2f6fff;
    font-weight: 600;
}

@media(max-width:767px) {

    .t-strip-item {
        border-right: none;
        border-bottom: 1px solid #ececec;
    }

}

/* bottom strip position  */
.c-mid-strip {
    position: absolute;
    transform: translateY(693px);
    z-index: 999;
    background-color: white;
    overflow-x: hidden;
    width: 80% !important;
    justify-self: center;
    left: 112px;

}

@media(max-width:1200px) {
    .c-mid-strip {
        position: absolute;
        transform: translateY(732px);
        z-index: 999;
        background-color: white;
        overflow-x: hidden;
        width: 80% !important;
        justify-self: center;
        left: 100px;
        font-size: 35px;

    }

    .t-strip-item {
        display: flex;
        align-items: center;
        gap: 1px;
        padding: 1px 1px;
        border-right: 1px solid #ececec;
        height: 100%;
    }

    .send-btn-contact {
        padding: 20px 18px;
    }
}

/* ======================== */
/* SCREEN SIZE 1024px */


@media(max-width:1024px) {
    .c-mid-strip {
        position: absolute;
        transform: translateY(733px);
        z-index: 999;
        background-color: white;
        overflow-x: hidden;
        width: 80% !important;
        justify-self: center;
        left: 100px;
        font-size: 25px;

    }

    .t-strip-item {
        display: flex;
        align-items: center;
        gap: 1px;
        /* padding: 1px 1px; */
        border-right: 1px solid #ececec;
        height: 100%;

    }

    .t-strip-item h6 {
        font-size: 15px;
    }

    .send-btn-contact {
        padding: 20px 18px;
    }

}

/* =====================
        SCREEN SIZE 768px
        ========================== */

@media(max-width:768px) {
    .c-mid-strip {
        display: none;

    }

    .contact-card {
        flex-direction: column;
    }
}

/* =======================================
GET IN TOUCH SECTION IS END
=========================================== */


/* ====================================
MAP SECTION START
====================================== */
/*==============================
      OFFICE LOCATION
==============================*/

.t-map-box {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    height: 300px;
}

.conatct-map {

    box-shadow: 0 18px 35px rgba(47, 111, 255, .22);
}

.t-map-box iframe {

    box-shadow: 0 18px 35px rgba(47, 111, 255, .22);
}

.t-map-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.t-map-card {
    position: absolute;
    top: 35px;
    left: 35px;
    background: #fff;
    border-radius: 16px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    gap: 18px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .12);
}

.t-map-icon {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #fff3f3;
    color: #ff2d2d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.t-map-card h6 {
    margin-bottom: 6px;
    font-weight: 700;
}

.t-map-card p {
    margin: 0;
    color: #666;
    font-size: 14px;
}

/* right */

.t-office-box {
    /* background: #041b6d; */
    border-radius: 20px;
    height: 300px;
    padding: 40px;
    color: #fff;
    position: relative;
    overflow: hidden;
    background-image: url('../img/bg-img/contact-bulding.png');
    background-size: cover;
    background-repeat: no-repeat;
}

/* .t-office-box::before {
    content: "";
    position: absolute;
    right: 25px;
    top: 25px;
    width: 90px;
    height: 90px;
    background-image: radial-gradient(rgba(47, 111, 255, .9) 2px, transparent 2px);
    background-size: 10px 10px;
    opacity: .5;
} */

.t-office-box h2 {
    font-size: 38px;
    font-weight: 700;
    color: white;
}

.t-office-box p {
    color: #d9dfff;
    margin: 20px 0 30px;
    line-height: 1.8;
}

.t-direction-btn {
    color: #fff;
    border: 2px solid #2f6fff;
    padding: 14px 28px;
    border-radius: 12px;
    font-weight: 600;
}

.t-direction-btn:hover {
    background: #2f6fff;
    color: #fff;
}

.t-city-line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 85px;
    background: url(img/city-line.png) center bottom/contain no-repeat;
    opacity: .35;
}

/* Mobile */

@media(max-width:991px) {

    .t-map-box,
    .t-office-box {
        height: auto;
    }

    .t-city-line {
        display: none;
    }

    .t-map-card {
        position: relative;
        top: auto;
        left: auto;
        margin: 20px;
    }

}

/* ====================================
MAP SECTION END
====================================== */


/* ===================================
FAQ SECTION START
======================================= */
.faq-subtitle {
    color: #2f6fff;
    font-weight: 700;
    letter-spacing: 1px;
}

.faq-title {
    font-size: 40px;
    font-weight: 700;
    /* margin-top: 10px; */
}

.faq-accordion .accordion-item {
    border: none;
    margin-bottom: 18px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .06);
}

.faq-accordion .accordion-button {
    background: #fff;
    padding: 22px 25px;
    font-weight: 600;
    box-shadow: none;
}

.faq-accordion .accordion-button:not(.collapsed) {
    background: #2f6fff;
    color: #fff;
}

.faq-accordion .accordion-body {
    padding: 22px;
    line-height: 1.8;
}

.faq-accordion .accordion-button:focus {
    box-shadow: none;
}

/* ===================================
FAQ SECTION END
======================================= */



/* /////////////////////////////////////////////////////////////////////////// */
/* ABOUT PAGE START */
/* /////////////////////////////////////////////////////////////////////////// */

/* ====================================
ABOUT page :- WHAT WE DO SECTION START
=================================== */
.solutions-section {
    background-image: url('../img/bg-img/homepage-bg/about-solution.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.bundle-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #f5f6ff;
    color: #3554ff;
    padding: 10px 22px;
    border-radius: 50px;
    font-weight: 600;
    margin-bottom: 20px;
}

.bundle-title {
    font-size: 40px;
    font-weight: 700;
    color: #0a1033;
}

.bundle-title span {
    color: #3554ff;
}

.bundle-divider {
    margin: 20px 0;
}

.bundle-divider span {
    width: 70px;
    height: 4px;
    background: #3554ff;
    display: inline-block;
    border-radius: 20px;
}

.bundle-desc {
    color: #6c757d;
    max-width: 650px;
    margin: auto;
}

.solution-bundle-card {
    position: relative;
    background: #fff;
    border: 1px solid #edf0f7;
    border-radius: 24px;
    padding: 30px;
    overflow: hidden;
    transition: .4s;
    height: auto;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .05);
}

.solution-cards-bottom {
    margin-top: 30px !important;
}

.bundle-card::before {
    content: "";
    position: absolute;
    right: -60px;
    bottom: -60px;
    width: 180px;
    height: 180px;
    background: rgba(53, 84, 255, .05);
    border-radius: 50%;
}

.bundle-card:hover,
.active-card {
    /* background: linear-gradient(135deg, #2d3eff, #4834ff); */
}

.bundle-card:hover h4,
.bundle-card:hover p,
.bundle-card:hover .learn-btn,
.active-card h4,
.active-card p,
.active-card .learn-btn {
    color: #fff;
}

.bundle-card:hover .card-number,
.active-card .card-number {
    color: rgba(255, 255, 255, 0.218);
}

.card-number {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 58px;
    font-weight: 800;
    color: #eef1f8;
}

.service-icon {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    margin-bottom: 25px;
}

.blue-icon-solution {
    background: #055cfe;
    color: white;
}

.violet-icon-solution {
    background: #7d40f8;
    color: white;
}

.green-icon-solution {
    background: #1ac169;
    color: white;
}

.orange-icon-solution {
    background: #fb9719;
    color: white;
}

.burgundy-icon-solution {
    background: #fa4e89;
    color: white;
}

.skyblue-icon-solution {
    background: #0ccaec;
    color: white;
}

.blue-icon-solution {
    background: #326dd9;
    color: white;
}

.purple-icon-solution {
    background: #ad6bf8;
    color: white;
}

.sokution-bundle-card h4 {
    font-size: 32px;
    font-weight: 700;
    color: #0a1033;
    /* margin-bottom: 15px; */
}

.solution-service-line {
    width: 50px;
    height: 4px;
    border-radius: 20px;
    margin: auto
        /* margin-bottom: 20px; */
}

.purple-line {
    background: #6c3cff;
}

.green-line {
    background: #00c896;
}

.yellow-line {
    background: #ffb400;
}

.green-light-line {
    background: #00b86b;
}

.orange-line {
    background: #ff8a00;
}

.bundle-card p {
    color: #666;
    line-height: 1.9;
    margin-bottom: 25px;
}

.learn-btn {
    text-decoration: none;
    font-weight: 600;
    color: #3554ff;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.learn-btn i {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #3554ff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.purple-btn i {
    background: #6c3cff;
}

.green-btn i {
    background: #00b86b;
}

.orange-btn i {
    background: #ff8a00;
}

.yellow-btn i {
    background: #ffb400;
}

@media(max-width:991px) {
    .bundle-title {
        font-size: 42px;
    }
}

@media(max-width:576px) {
    .bundle-title {
        font-size: 34px;
    }

    .bundle-card {
        padding: 25px;
    }
}

.solution-card-tp {

    flex-direction: column;

}

.card-content-top {
    flex: 1;
}

.card-content-top h4 {
    font-size: 20px;
    font-weight: 700;
    color: #0a1033;
    margin-bottom: 10px;
    line-height: 1.4;
}

.card-number {
    position: static !important;
    font-size: 54px;
    font-weight: 800;
    line-height: 1;
    color: #edf1f8;
}

.bundle-card {
    padding: 28px;
    min-height: 260px;
}

.service-icon {
    width: 72px;
    height: 72px;
    min-width: 72px;
    margin-bottom: 0;
}

.bundle-card h4 {
    margin-bottom: 10px;
}

.solution-card-p {
    font-size: 14px;
    text-align: justify;

}

/* Hover */

.bundle-card:hover {
    background: linear-gradient(135deg, #2d3eff, #4834ff);
    transform: translateY(-8px);
}

.bundle-card:hover h4,
.bundle-card:hover p,
.bundle-card:hover .learn-btn {
    color: #fff;
}

.bundle-card:hover .card-number {
    color: rgba(255, 255, 255, .15);
}

.bundle-card:hover .service-line {
    background: #fff;
}

/* ================================================== */
/* ====================================leaf css */
.service-card {
    position: relative;
    overflow: hidden;
}


.corner-shape {
    position: absolute;
    top: -5px;
    right: 15px;
    width: 95px;
    height: 145px;
    transform: rotate(12deg);
    /* overflow-x: hidden; */
}

.corner-shape svg {
    width: 100%;
    height: 100%;
    display: block;
    transform: rotate(10deg);
}



/* ==========================
BOTTOM STRIP
============================ */
.feature-strip {
    width: 100%;
    background: #fff;
    border-radius: 60px;
    padding: 12px 10px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .08);
    justify-self: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 0 25px;
    border-right: 1px solid #ececec;
}

.feature-icon {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.feature-icon i {
    font-size: 36px;
}

/* Colors */

.blue {
    color: #2563eb;
    box-shadow:
        inset 0px 5px 15px rgba(37, 99, 235, 0.35),
        inset 0px -3px 8px rgba(37, 99, 235, 0.15);

}

.purple {
    color: #7c3aed;
    box-shadow:
        inset 0px 5px 15px rgba(124, 58, 237, 0.35),
        inset 0px -3px 8px rgba(124, 58, 237, 0.15);
}

.green {
    color: #16a34a;
    box-shadow:
        inset 0px 5px 15px rgba(22, 163, 74, 0.35),
        inset 0px -3px 8px rgba(22, 163, 74, 0.15);
}

.orange {
    color: #f59e0b;
    box-shadow:
        inset 0px 5px 15px rgba(245, 158, 11, 0.35),
        inset 0px -3px 8px rgba(245, 158, 11, 0.15);
}

.feature-content h5 {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 8px;
}

.feature-content p {
    font-size: 15px;
    color: #6b7280;
    line-height: 1.6;
    margin: 0;
}

@media(max-width:991px) {

    .feature-strip {
        border-radius: 25px;
        padding: 15px;
    }

    .feature-item {
        padding: 20px 15px;
        border-right: none;
        border-bottom: 1px solid #ececec;
    }

    .feature-item.border-0 {
        border-bottom: none;
    }

    .feature-icon {
        width: 65px;
        height: 65px;
    }

    .feature-icon i {
        font-size: 28px;
    }

    .feature-content h5 {
        font-size: 22px;
    }

    .feature-content p {
        font-size: 15px;
    }

}

/* ====================================
ABOUT page :- WHAT WE DO SECTION END
=================================== */



/* ========================================
why-choose-section START
========================================== */
/*=============================
    WHY CHOOSE SECTION
=============================*/
.why-choose-section {
    padding-bottom: 100px;

}


.why-choose-heading {
    max-width: 700px;
    margin: auto;
}

.why-choose-subtitle {

    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    color: #2563eb;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px;

}

.why-choose-title {

    font-size: 34px;
    font-weight: 700;
    color: #111827;
    line-height: 1.2;
    margin-bottom: 30px;

}

/*=============================
        CARD
=============================*/

.why-choose-card {

    text-align: center;
    padding: 10px 30px;
    border-right: 1px solid #ececec;
    height: 100%;

}

.why-choose-icon {

    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 0 auto 25px;

    display: flex;
    align-items: center;
    justify-content: center;

}

.why-choose-icon i {

    font-size: 42px;

}

.why-choose-card h5 {

    font-size: 18px;
    font-weight: 700;
    color: #111827;
    /* margin-bottom: 12px; */

}

.why-choose-card p {

    font-size: 15px;
    color: #5d6471;
    line-height: 1.8;
    margin-bottom: 0;

}

/*=============================
        ICON COLORS
=============================*/

.blue {

    background: rgba(37, 99, 235, .10);
    color: #2563eb;

}

.orange {

    background: rgba(249, 115, 22, .10);
    color: #f97316;

}

.green {

    background: rgba(16, 185, 129, .10);
    color: #10b981;

}

.purple {

    background: rgba(139, 92, 246, .10);
    color: #8b5cf6;

}

.pink {

    background: rgba(236, 72, 153, .10);
    color: #ec4899;

}

/*=============================
        RESPONSIVE
=============================*/

@media(max-width:991px) {

    .why-choose-title {

        font-size: 34px;

    }

    .why-choose-card {

        border-right: none;
        border-bottom: 1px solid #ececec;
        padding: 35px 20px;

    }

    .why-choose-card.border-0 {

        border-bottom: none;

    }

}

@media(max-width:576px) {

    .why-choose-title {

        font-size: 28px;

    }

    .why-choose-card h5 {

        font-size: 22px;

    }

    .why-choose-card p {

        font-size: 15px;

    }

    .why-choose-icon {

        width: 75px;
        height: 75px;

    }

    .why-choose-icon i {

        font-size: 34px;

    }

}

/* ========================================
why-choose-section END
========================================== */


/* =========================================
BULE BOTTOM CTA SECTION START
========================================= */

/* =========================================
BULE BOTTOM CTA SECTION  END
========================================= */


/* ====================================
ABOUT PAGE BLUE CTA STRIP START
===================================== */


.lets-banner-section {

    padding: 70px 0;


}

.lets-banner-box {

    position: relative;

    overflow: hidden;

    border-radius: 18px;

    padding: 20px 45px;

    background-image: url('../img/bg-img/homepage-bg/footer-strip.png');
    background-repeat: no-repeat;
    background-size: cover;

    box-shadow: 0 15px 35px rgba(0, 0, 0, .15);

}

/* Left Dots */

.lets-banner-box::before {

    content: "";

    position: absolute;

    left: 35px;

    top: 22px;

    width: 60px;

    height: 70px;

    background-image: radial-gradient(#4b74ff 2px, transparent 2px);

    background-size: 18px 18px;

    opacity: .6;

}

/* Glow */

.lets-banner-box::after {

    content: "";

    position: absolute;

    right: 45px;

    top: 18px;

    width: 90px;

    height: 90px;

    background: rgba(65, 110, 255, .25);

    border-radius: 50%;

    filter: blur(30px);

}

/* Content */

.lets-banner-content {

    gap: 28px;

    position: relative;

    z-index: 2;

}

.lets-banner-icon {

    width: 95px;

    height: 95px;

    min-width: 95px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    background: linear-gradient(135deg, #2f6bff, #2450ff);

    box-shadow: 0 10px 30px rgba(32, 96, 255, .35);

}

.lets-banner-icon i {

    color: #fff;

    font-size: 42px;

}

/* Text */

.lets-subtitle {

    display: block;

    color: #7ea6ff;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 10px;

}

.lets-banner-text h2 {

    color: #fff;

    font-size: 27px;

    font-weight: 700;

    /* margin-bottom: 12px; */

}

.lets-banner-text p {

    color: #d5dcef;

    font-size: 15px;

    line-height: 1.7;

    margin: 0;

}

/* Button */

.lets-banner-btn {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 18px 42px;

    border-radius: 12px;

    background: #fff;

    color: #1d4fff;

    text-decoration: none;

    font-size: 16px;

    font-weight: 600;

    transition: .35s;

    position: relative;

    z-index: 2;

}

.lets-banner-btn:hover {

    color: #1d4fff;

    transform: translateY(-3px);

}

/* Responsive */

@media(max-width:991px) {

    .lets-banner-box {

        padding: 30px;

        text-align: center;

    }

    .lets-banner-content {

        flex-direction: column;

    }

    .lets-banner-text h2 {

        font-size: 32px;

    }

}

@media(max-width:767px) {

    .lets-banner-icon {

        width: 80px;
        height: 80px;
        min-width: 80px;

    }

    .lets-banner-icon i {

        font-size: 34px;

    }

    .lets-banner-text h2 {

        font-size: 26px;

    }

    .lets-banner-btn {

        width: 100%;

        justify-content: center;

    }

}

/* footer icons color  */
.links-footer-icons {
    color: #2f6fff;
}

.saas-footer-icons {
    color: #e07ae4;
}

.account-footer-icons {
    color: green;
}

/* ====================================
ABOUT PAGE BLUE CTA STRIP END
===================================== */



/* =======================================
WHY CHOOSE US SECTION ABOUT PAGE START
==================================== */

.whychoose-us {
    /* background-color: white; */
    padding: 50px 2px;
    background-image: url('../img/bg-img/about/why-choose-us-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

/* top heading border */
.why-choose-badge .top-border-choose {
    border-top: 2px solid #2f6fff !important;
    color: #2f6fff;
    width: 40px;
}

.nexora-solutions-section::after {
    content: "";
    width: 350px;
    height: 350px;
    position: absolute;
    left: -120px;
    bottom: -120px;
    border-radius: 50%;
    background: radial-gradient(circle, #7d2eff 0%, transparent 70%);
    opacity: .8;
}

.why-choose-badge {
    /* display: inline-flex; */
    align-items: center;
    /* gap: 10px; */
    padding: 10px 22px;
    /* border-radius: 50px; */
    /* background: rgba(255, 255, 255, .05); */
    /* border: 1px solid rgba(255, 255, 255, .08); */
    color: #2f6fff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.chooseus-title {
    color: black;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 15px;

}

.chooseus-title span {
    /* background: linear-gradient(90deg, #fff, #2ea7ff); */
    color: #2f6fff !important;
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}



.choose-solutions-desc {
    color: black;
    max-width: 650px;
    margin: auto;
    font-size: 15px;

}

.chooseUs-cards {
    /* background: #07122f; */
    /* border: 1px solid rgba(76, 113, 255, .25); */
    background-color: white;
    border-radius: 22px;
    padding: 25px 25px;
    position: relative;
    overflow: hidden;
    transition: .4s;
    height: auto;
    border-color: #2ea7ff;
    box-shadow: hsla(205, 100%, 59%, 0.400) 0px 5px 15px;


}


.chooseUs-cards:hover {
    transform: translateY(-8px);
    cursor: pointer;
}




.choosUs-card-hdr {
    display: block;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 8px;

}

.chooseus-card-title-wrap {
    flex: 1;
}

.chooseus-card-title-wrap h4 {
    color: black !important;
    font-size: 18px;
    font-weight: 600 !important;
    line-height: 1.4;
    margin-bottom: 2px;

}



.nexora-card-number {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    color: rgba(255, 255, 255, 0.132);
    margin-top: -5px;
}

.choosUs-card-hdr .nexora-icon-box {
    width: 55px;
    height: 55px;
    min-width: 55px;
    margin-bottom: 0;
}

.choosUs-card-hdr .nexora-small-line {
    width: 28px;
    height: 3px;
    margin: 0;
}

.chooseUS-icon-box {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
    margin-bottom: 20px;
}

.chooseUS-icon-box img {
    width: 40px;
    height: 40px;
}

.chooseUs-blue {
    background: #1950ff;
}

.chooseUs-purple {
    background: #ff9800;
}

.chooseUs-orange {
    background: #00c853;
}

.chooseUs-green {
    background: #7a1cff;
}

.chooseUs-cyan {
    background: #00d4ff;
}

.chooseUs-pink {
    background: #ff2e88;
}

/* =======================line css */
.chooseUs-blue-bg {
    background: #1950ff;
}

.chooseUs-purple-bg {
    background: #ff9800;
}

.chooseUs-orange-bg {
    background: #00c853;
}

.chooseUs-green-bg {
    background: #7a1cff;
}

.chooseUs-cyan-bg {
    background: #00d4ff;
}

.chooseUs-pink-bg {
    background: #ff2e88;
}

/* //////////////////////// */
.chooseUs-cards h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.chooseUs-cards p {
    color: #b7c0dd;
    line-height: normal;
    margin-top: 5px;
    /* text-align: justify; */
    font-size: 14px;
}

.nexora-small-line {
    width: 45px;
    height: 4px;
    border-radius: 20px;
    /* margin: 15px 0; */
}

.blue-bg {
    background: #1950ff;
}

.purple-bg {
    background: #7a1cff;
}

.orange-bg {
    background: #ff9800;
}

.green-bg {
    background: #00c853;
}

.cyan-bg {
    background: #00d4ff;
}

.pink-bg {
    background: #ff2e88;
}

.chooseUs-cards a {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #1950ff;
    color: #fff;
    text-decoration: none;
    /* margin-top: 15px; */
}

.right-image {
    position: relative;
    width: 100%;
    max-width: 602px;
    margin: 60px auto 0;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0px 5px 15px rgba(11, 7, 87, .40);
}

.right-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.right-img-chooseus1 {
    width: 300px;
    height: 300px;
    background-color: #0b0757;
    border-radius: 20px;
    position: absolute;
    /* z-index: -9; */
    top: 50px;
    left: 325px;

}

.right-img-chooseus2 {
    position: absolute !important;
    width: 300px;
    height: 300px;
    background-color: #0b0757;
    border-radius: 20px;

    bottom: 40px;
    right: 325px;
}

.nexora-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #fff;
    color: #2955ff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 48px;
    z-index: 2;
    box-shadow:
        0 0 0 15px rgba(60, 120, 255, .15),
        0 0 0 30px rgba(60, 120, 255, .08);
}

.nexora-experience-box {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 36px;
    /* background: #173cff; */
    border-radius: 18px;
    color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .3);

    background: linear-gradient(135deg,
            #1b3cff 0%,
            #1a32d8 35%,
            #151f8f 70%,
            #0c145d 100%);

}

.nexora-experience-box i {
    font-size: 28px;
}

.nexora-top-box {
    top: 20px;
    left: 20px;
}

.nexora-top-box i {
    font-size: 40px;
    background-color: #2f6fff;
    padding: 8px;
    border-radius: 12px;
}

.nexora-bottom-box {
    bottom: 20px;
    right: 20px;
}

.nexora-bottom-box i {
    font-size: 40px;
    background-color: #2f6fff;
    padding: 8px;
    border-radius: 12px;
}

.nexora-experience-box h5 {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    color: white !important;

}

.nexora-experience-box span {
    font-size: 13px;
}



.video-card .video-play-btn .video-sonar {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -10;
    background-color: #ffffff;
    -webkit-animation: video-sonar 2s linear infinite;
    animation: video-sonar 2s linear infinite;
}

@media(max-width:991px) {

    .nexora-solutions-title {
        font-size: 50px;
    }

    .nexora-video-showcase {
        min-height: 500px;
        margin-top: 30px;
    }
}

@media(max-width:576px) {

    .nexora-solutions-title {
        font-size: 38px;
    }

    .nexora-solution-card {
        padding: 25px;
    }
}

/* bottom right side box css */
.right-bottom-box {
    display: flex;
    background: #FFF;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.73) 0%, rgba(11, 7, 87, 0.9) 25%);
}

/* box media  */
/* ===============================
   1440px and below
================================= */
@media (max-width: 1440px) {

    .right-img-chooseus1 {
        width: 290px;
        height: 290px;
        top: 30px;
        left: 250px;
    }

    .right-img-chooseus2 {
        width: 270px;
        height: 270px;
        bottom: 25px;
        right: 250px;
    }

}



/* ===============================
   1200px and below
================================= */
@media (max-width: 1200px) {

    .right-img-chooseus1 {
        width: 212px;
        height: 240px;
        top: 36px;
        left: 210px;
    }

    .right-img-chooseus2 {
        width: 240px;
        height: 240px;
        /* bottom: 20px; */
        top: 117px;
        right: 185px;
    }

}

/* ===============================
   992px and below
================================= */
@media (max-width: 992px) {

    .right-img-chooseus1 {
        width: 200px;
        height: 200px;
        top: 20px;
        left: 170px;
    }

    .right-img-chooseus2 {
        width: 200px;
        height: 200px;
        bottom: 18px;
        right: 170px;
    }

}

/* ===============================
   768px and below
================================= */
@media (max-width:768px) {

    .right-img-chooseus1 {
        width: 448px;
        height: 274px;
        top: 20px;
        left: 303px;
    }

    .right-img-chooseus2 {
        width: 448px;
        height: 274px;
        /* bottom: 500px; */
        top: 304px;
        right: 303px;
    }

}

/* ===============================
   576px and below
================================= */
@media (max-width:576px) {

    .right-img-chooseus1 {
        width: 234px;
        height: 144px;
        top: 12px;
        left: 179px;
        border-radius: 12px;
    }

    .right-img-chooseus2 {
        width: 234px;
        height: 144px;
        top: 174px;
        right: 174px;
        border-radius: 12px;
    }

}


/* ===============================
   375px and below
================================= */
@media (max-width:375px) {

    .right-img-chooseus1 {
        width: 234px;
        height: 144px;
        top: 16px;
        left: 175px;
        border-radius: 12px;
    }

    .right-img-chooseus2 {
        width: 234px;
        height: 144px;
        top: 174px;
        right: 174px;
        border-radius: 12px;
    }

}




/* ===============================
   320px and below
================================= */
@media (max-width:320px) {

    .right-img-chooseus1 {
        width: 130px;
        height: 144px;
        top: 16px;
        left: 175px;
        border-radius: 12px;
    }

    .right-img-chooseus2 {
        width: 130px;
        height: 144px;
        top: 97px;
        right: 174px;
        border-radius: 12px;
    }

}

/* =================== */
/*  right side image meda */
/* =========================
   1400px
========================= */
@media (max-width:1400px) {

    .right-image {
        max-width: 500px;
        margin-top: 45px;
    }

}

/* =========================
   1200px
========================= */
@media (max-width:1200px) {

    .right-image {
        max-width: 500px;
        margin-top: 45px;
    }

}

/* =========================
   992px
========================= */
@media (max-width:992px) {

    .right-image {
        max-width: 100%;
        margin: 40px auto 0;
    }

}

/* =========================
   768px
========================= */
@media (max-width:768px) {

    .right-image {
        max-width: 95%;
        border-radius: 18px;
        margin-top: 35px;
    }

}

/* =========================
   576px
========================= */
@media (max-width:576px) {

    .right-image {
        max-width: 95%;
        border-radius: 14px;
        margin-top: 25px;
    }

}

/* =======================================
WHY CHOOSE US SECTION ABOUT PAGE END
==================================== */


/* ===========================================
JOURNEY SECTION START
============================================== */
/*=============================
    JOURNEY SECTION
=============================*/

.journey-section {
    /* background: #071226; */
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background-image: url('../img/bg-img/about/journey-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

/* background glow */

.journey-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, #0b4dff30, transparent 70%);
    left: -150px;
    top: -120px;
}

.journey-section::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, #7b3cff25, transparent 70%);
    right: -180px;
    bottom: -180px;
}

/* heading */

.journey-title {
    position: relative;
    z-index: 2;
}

.journey-title .sub-title {
    color: #1b72ff;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 15px;
}

.journey-title h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    margin-top: 10px;
}

.journey-title h2 span {
    color: #1b72ff;
}

/*=============================
Timeline
=============================*/

.journey-wrapper {
    position: relative;
    z-index: 2;
}

.timeline-line {
    position: absolute;
    left: 0;
    right: 0;
    top: 48px;
    height: 4px;
    background: linear-gradient(90deg, #1b72ff, #27d16d, #ff931e, #2b8dff, #9b4dff);
    border-radius: 50px;
}

.timeline-line::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        repeating-linear-gradient(90deg,
            transparent 0px,
            transparent 8px,
            rgba(255, 255, 255, .35) 8px,
            rgba(255, 255, 255, .35) 10px);
    opacity: .35;
}

/*=============================
Item
=============================*/

.journey-item {
    position: relative;
    text-align: center;
    padding-top: 70px;
}

/* vertical line */

.journey-item::before {
    content: "";
    width: 3px;
    height: 40px;
    background: rgba(255, 255, 255, .15);
    position: absolute;
    top: 38px;
    left: 50%;
    transform: translateX(-50%);
}

/*=============================
Icons
=============================*/

.journey-icon {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: #fff;
    font-size: 40px;
    position: absolute;
    left: 50%;
    top: -22;
    transform: translateX(-50%);
    border: 5px solid rgba(255, 255, 255, .06);
    z-index: 5;
}

.journey-icon i {
    position: relative;
    z-index: 2;
}

/* Colors */

.journey-blue {
    background: #1b72ff;
    box-shadow: 0 0 30px rgba(27, 114, 255, .8);
    border: 2px solid white;
}

/* text color */
.journey-color-blue {
    color: #1b72ff;
}

.journey-green {
    background: #24c85a;
    box-shadow: 0 0 30px rgba(36, 200, 90, .8);
    border: 2px solid white;
}

/* text color */
.journey-color-green {
    color: #24c85a;
}

.journey-orange {
    background: #ff8a00;
    box-shadow: 0 0 30px rgba(255, 138, 0, .8);
    border: 2px solid white;
}

/* text color  */
.journey-color-orange {
    color: #ff8a00;
}

.journey-cyan {
    background: #287cff;
    box-shadow: 0 0 30px rgba(40, 124, 255, .8);
    border: 2px solid white;
}

/* text color */
.journey-color-blue {
    color: #287cff;
}

.journey-purple {
    background: #8648ff;
    box-shadow: 0 0 30px rgba(134, 72, 255, .8);
    border: 2px solid white;
}

/* text  color */
.journey-color-purple {
    color: #8648ff;
}

/*=============================
Cards
=============================*/

.journey-card {

    background: #0c1930;


    border-radius: 18px;

    padding: 30px 24px;

    height: auto;

    transition: .4s;

    border: 1px solid #2EB5FF !important;
    box-shadow: hsla(205, 100%, 59%, 0.400) 0px 5px 15px;

}

.journey-card:hover {
    cursor: pointer;
    transform: translateY(-8px);

    border-color: #1b72ff;

    box-shadow:
        0 20px 45px rgba(27, 114, 255, .18);

}

.journey-card h3 {

    font-size: 18px;

    font-weight: 700;
}

/* .journey-card .2019-journey {} */

.blue+.journey-card h3 {
    color: #1b72ff;
}

.green+.journey-card h3 {
    color: #24c85a;
}

.orange+.journey-card h3 {
    color: #ff8a00;
}

.cyan+.journey-card h3 {
    color: #287cff;
}

.purple+.journey-card h3 {
    color: #9d5cff;
}

.journey-card h4 {

    color: #fff;

    font-size: 18px;

    font-weight: 600;
    padding-bottom: 15px;

}

.journey-card p {

    color: #b8c5d5;

    line-height: 1.9;

    font-size: 15px;

    /* margin-bottom: 25px; */

}

/* bottom line */

.card-line {

    width: 60px;

    height: 4px;

    display: block;

    border-radius: 30px;
    justify-self: center;

}

.card-line.blue {
    background: #1b72ff;
}

.card-line.green {
    background: #24c85a;
}

.card-line.orange {
    background: #ff8a00;
}

.card-line.cyan {
    background: #287cff;
}

.card-line.purple {
    background: #9d5cff;
}

/* ===========================================
JOURNEY SECTION END
============================================== */






/* ==========================================
MISSION VISION SECTION START
================================================ */


.purpose-section {
    position: relative;
    padding: 100px 0;
    /* background: #fff; */
    overflow: hidden;
    background-image: url('../img/bg-img/about/whychoosus-about.png');
    background-repeat: no-repeat;
    background-size: cover;
}


/*==========================
        Heading
==========================*/

.mission-title {
    /* max-width: 650px; */
    margin: auto;

}

.sub-title {

    display: inline-block;

    color: #2f6fff;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

    position: relative;

    padding: 0 40px;

    margin-bottom: 18px;

}

.sub-title::before,
.sub-title::after {

    content: "";

    position: absolute;

    width: 28px;

    height: 2px;

    background: #2f6fff;

    top: 50%;

}

.sub-title::before {
    left: 0;
}

.sub-title::after {
    right: 0;
}

.mission-title h2 {

    font-size: 40px;

    font-weight: 700;

    color: #08113a;

    line-height: 1.2;

    /* margin-bottom: 20px; */

}

.mission-title h2 .mission-blue {

    color: #2563ff;

}

.mission-title h2 .vision-cyan {

    color: #18b6f6;

}

.mission-title h2 .values-purple {

    color: #6b2cff;

}

.mission-title p {

    font-size: 15px;

    color: #616c87;

    line-height: 1.8;

    max-width: 760px;

    margin: auto;

}


/*==========================
          CARD
==========================*/

.purpose-card {

    position: relative;

    background: #fff;

    border-radius: 28px;

    padding: 42px;

    height: 100%;

    overflow: hidden;

    transition: .4s;

    border: 1px solid #edf1fb;



}

.purpose-card:hover {

    transform: translateY(-10px);

    box-shadow:
        0 30px 60px rgba(47, 111, 255, .18);

}


/*==========================
        ICON
==========================*/
.purpose-icon {
    width: 120px;
    height: 120px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: linear-gradient(180deg, #ffffff, #eef4ff);

    border: 8px solid #fff;

    overflow: visible;

    box-shadow:
        inset 0 10px 15px rgba(255, 255, 255, .95),
        inset 0 -18px 22px rgba(194, 214, 255, .9),
        inset 0 0 35px rgba(68, 121, 255, .12),
        0 8px 25px rgba(0, 0, 0, .08);
}

.purpose-icon i {
    color: #2563ff;
    font-size: 46px;
    z-index: 5;
}


.purpose-icon::before {

    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    border-radius: 50%;

    border: 2px solid #edf1fb;

}


.purpose-icon::after {

    content: "";

    width: 10px;

    height: 10px;

    border-radius: 50%;

    position: absolute;

    top: 10px;

    right: -8px;

}

.orbit {

    position: absolute;

    width: 145px;
    height: 145px;

    animation: orbitRotate 7s linear infinite;

}

.dot {

    position: absolute;

    width: 10px;
    height: 10px;

    border-radius: 50%;

    background: #2563ff;

    box-shadow: 0 0 10px rgba(37, 99, 255, .5);

}

.dot1 {

    top: 5px;
    left: 50%;
    transform: translateX(-50%);

}

.dot2 {

    left: 8px;
    bottom: 28px;

}

.dot3 {

    right: 8px;
    bottom: 28px;

}


/* animation start */
@keyframes orbitRotate {

    from {

        transform: rotate(0deg);

    }

    to {

        transform: rotate(360deg);

    }

}

/* animation end */
/* Mission */

.mission-icon {

    background:
        radial-gradient(circle at 35% 30%, #ffffff, #eef4ff 65%, #d9e7ff 100%);

    box-shadow:
        inset 12px 12px 22px rgba(255, 255, 255, .95),
        inset -15px -18px 25px rgba(185, 207, 255, .8),
        0 12px 35px rgba(47, 111, 255, .12);
}


/* Vision */

.vision-icon {

    color: #19b8f5;

    background: linear-gradient(#ffffff, #eafcff);

}

/*=========================
      VISION ICON
=========================*/

.vision-icon {

    background:
        radial-gradient(circle at 35% 30%,
            #ffffff 0%,
            #f8feff 35%,
            #eefcff 70%,
            #d8f6ff 100%);

    box-shadow:
        inset 12px 12px 22px rgba(255, 255, 255, .95),
        inset -15px -18px 25px rgba(194, 245, 255, .85),
        inset 0 0 30px rgba(25, 184, 245, .12),
        0 12px 35px rgba(25, 184, 245, .15);
}

.vision-icon i {
    color: #19b8f5;
    text-shadow: 0 0 10px rgba(25, 184, 245, .25);
}

/* vision dots */

.vision-icon .dot {
    background: #19b8f5;
    box-shadow: 0 0 12px rgba(25, 184, 245, .55);
}

/* outer ring */

.vision-icon::before {
    border: 2px solid rgba(25, 184, 245, .18);
}

/* .vision-icon::after {

    background: #19b8f5;

} */


/* Values */


.values-icon {

    background:
        radial-gradient(circle at 35% 30%,
            #ffffff 0%,
            #fcf8ff 35%,
            #f5edff 70%,
            #ead8ff 100%);

    box-shadow:
        inset 12px 12px 22px rgba(255, 255, 255, .95),
        inset -15px -18px 25px rgba(235, 214, 255, .9),
        inset 0 0 30px rgba(122, 40, 255, .12),
        0 12px 35px rgba(122, 40, 255, .16);
}

.values-icon i {
    color: #7a28ff;
    text-shadow: 0 0 10px rgba(122, 40, 255, .25);
}

.values-icon .dot {
    background: #7a28ff;
    box-shadow: 0 0 12px rgba(122, 40, 255, .55);
}

.values-icon::before {
    border: 2px solid rgba(122, 40, 255, .18);
}

/*==========================
        TITLE
==========================*/

.purpose-card h3 {

    font-size: 30px;

    font-weight: 700;

    color: #08113a;

    margin-top: 20px;

}

.title-line {

    display: block;

    width: 60px;

    height: 3px;

    border-radius: 30px;

    margin-bottom: 24px;

}

.mission-line {
    background: #2563ff;
}

.vision-line {
    background: #19b8f5;
}

.values-line {
    background: #7a28ff;
}

.purpose-card p {

    font-size: 15px;

    line-height: 1.9;

    color: #5d6984;

}


/*==========================
      LIST BOX
==========================*/

.purpose-list {

    margin-top: 7px;

    border-radius: 18px;

    padding: 26px;

}

.mission-bg {

    background: linear-gradient(135deg, #f7faff, #edf5ff);

}

.vision-bg {

    background: linear-gradient(135deg, #f5fdff, #edfaff);

}

.values-bg {

    background: linear-gradient(135deg, #fcf8ff, #f6efff);

}

.purpose-list div {

    display: flex;

    align-items: center;

    margin-bottom: 13px;

    color: #1b2540;

    font-size: 15px;

    font-weight: 500;

}

.purpose-list div:last-child {

    margin-bottom: 0;

}

.purpose-list i {

    margin-right: 12px;

    font-size: 18px;

}


/* icon colors */

.mission-bg i {

    color: #2563ff;

}

.vision-bg i {

    color: #19b8f5;

}

.values-bg i {

    color: #7a28ff;

}


/*==========================
 Bottom Glow
==========================*/

.purpose-card::after {

    content: "";

    position: absolute;

    left: 18%;

    width: 64%;

    bottom: 0;

    height: 4px;

    border-radius: 20px;

}

.mission-card::after {

    background: #2563ff;

}

.vision-card::after {

    background: #19b8f5;

}

.values-card::after {

    background: #7a28ff;

}


/*=========================
      RESPONSIVE
=========================*/

@media (max-width:1400px) {

    .mission-title h2 {
        font-size: 52px;
    }

    .purpose-card {
        padding: 35px;
    }

    .purpose-card h3 {
        font-size: 38px;
    }

}


@media (max-width:1200px) {

    .mission-title h2 {
        font-size: 46px;
    }

    .purpose-card {
        padding: 32px 28px;
    }

    .purpose-icon {

        width: 95px;
        height: 95px;
        font-size: 42px;

    }

    .purpose-card h3 {

        font-size: 34px;

    }

    .purpose-card p {

        font-size: 17px;

    }

    .purpose-list div {

        font-size: 16px;

    }

}



@media (max-width:991px) {

    .purpose-section {

        padding: 80px 0;

    }

    .mission-title {

        margin-bottom: 45px;

    }

    .mission-title h2 {

        font-size: 40px;

    }

    .mission-title p {

        font-size: 18px;

    }

    .purpose-card {

        margin-bottom: 30px;

    }

}



@media (max-width:767px) {

    .mission-title h2 {

        font-size: 34px;
        line-height: 1.3;

    }

    .mission-title p {

        font-size: 16px;

    }

    .sub-title {

        font-size: 13px;

    }

    .purpose-card {

        padding: 28px;

    }

    .purpose-card h3 {

        font-size: 30px;

    }

    .purpose-card p {

        font-size: 16px;

    }

    .purpose-list {

        padding: 22px;

    }

    .purpose-list div {

        font-size: 15px;

    }

    .purpose-icon {

        width: 85px;
        height: 85px;
        font-size: 36px;

    }

}



@media (max-width:575px) {

    .purpose-section {

        padding: 60px 0;

    }

    .mission-title h2 {

        font-size: 28px;

    }

    .mission-title p {

        font-size: 15px;

    }

    .purpose-card {

        padding: 24px;

    }

    .purpose-card h3 {

        font-size: 28px;

    }

    .purpose-card p {

        font-size: 15px;

        line-height: 1.8;

    }

    .purpose-list {

        padding: 20px;

    }

    .purpose-list div {

        font-size: 14px;

    }

    .purpose-icon {

        width: 120px;
        height: 120px;
        font-size: 32px;

    }

}


/* =====320 */

@media (max-width:320px) {

    .purpose-section {

        padding: 60px 0;

    }

    .mission-title h2 {

        font-size: 28px;

    }

    .mission-title p {

        font-size: 15px;

    }

    .purpose-card {

        padding: 24px;

    }

    .purpose-card h3 {

        font-size: 28px;

    }

    .purpose-card p {

        font-size: 15px;

        line-height: 1.8;

    }

    .purpose-list {

        padding: 20px;

    }

    .purpose-list div {

        font-size: 14px;

    }

    .purpose-icon {

        width: 120px;
        height: 120px;
        font-size: 25px;

    }

}



/* =========================
VISION MISSION BOTTOM STRIPA 
================== =========*/
.stats-strip {
    padding: 30px 0;
    position: relative;
    transform: translateY(-90px);
    z-index: 99;
    box-shadow: 0 18px 35px rgba(47, 111, 255, .30);
}

.strip-box {

    background: hsla(205, 100%, 59%, 0.10);

    border-radius: 24px;

    padding: 12px 35px;

    box-shadow:
        rgba(47, 111, 255, .10) 0px 20px 40px;

    border: 1px solid #eef2ff;
    height: 190px;
    margin-top: 40px;

}

/* Left */

.strip-content {

    display: flex;

    align-items: center;

    gap: 25px;

}

.strip-icon {

    width: 78px;

    height: 78px;

    min-width: 78px;

    border-radius: 18px;

    background: linear-gradient(135deg, #2563ff, #1c49df);

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    font-size: 34px;

    box-shadow:
        rgba(37, 99, 255, .30) 0px 15px 35px;

}

.strip-text h3 {

    margin: 0;

    font-size: 20px;

    font-weight: 700;

    color: #07133d;

    line-height: 1.35;

}

.strip-text span {

    color: #2563ff;

}

.strip-text .purple {

    color: #6c2cff;

}


/* Right */

.counter-box {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    border-right: 1px solid #ececec;

    height: auto;

    padding: 5px;

}

.counter-icon {

    width: 65px;

    height: 65px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 15px;

    font-size: 30px;

    background: #fff;

}

.counter-icon.blue {

    color: #2563ff;

    box-shadow: 0 8px 25px rgba(37, 99, 255, .18);

}

.counter-icon.cyan {

    color: #18b6f6;

    box-shadow: 0 8px 25px rgba(24, 182, 246, .18);

}

.counter-icon.purple {

    color: #7b2cff;

    box-shadow: 0 8px 25px rgba(123, 44, 255, .18);

}

.counter-box h2 {

    font-size: 20px;

    font-weight: 700;

    color: #08113a;

    /* margin-bottom: 6px; */

}

.counter-box p {

    margin: 0;

    color: #666;

    font-size: 15px;

}

/* three cards box shadow */
.mission-card {
    box-shadow: rgba(37, 99, 255, 0.35) 0px 5px 15px;
    9321
}



.vision-card {
    box-shadow: rgba(25, 184, 245, 0.35) 0px 5px 15px;
}

.values-card {
    box-shadow: rgba(122, 40, 255, 0.35) 0px 5px 15px;
}

/* ==========================================
MISSION VISION SECTION END
================================================ */


/* ==============================================
TOP CTA STRIP _ OF ABOUT PAGE  AFTER HEADER START
================================================= */
/*=====================================
      STATS STRIP SECTION
======================================*/

.cp-stats-strip-section {
    position: relative;
    z-index: 20;

    transform: translateY(-90px) !important;

    margin-bottom: -90px !important;

    padding-top: 0;
    z-index: 99;
}



/* @media(max-width:1440px) {

    .cp-stats-strip-section {

        transform: translateY(0) !important;

        margin-bottom: 0;

        padding-top: 80px !important;

    }

} */

@media (max-width:768px) {

    .cp-stats-strip-section {

        transform: translateY(0) !important;

        margin-bottom: 8px !important;

        padding-top: 80px !important;

    }

    .cp-stats-strip-item {

        flex-direction: column;
        text-align: center;
        gap: 15px;

    }

    .cp-stats-content {

        text-align: center;

    }

    .cp-stats-line {

        margin: 0 auto;

    }

}

/* top main div for bg */
.cp-stats-top-strip {
    background: hsla(205, 100%, 59%, 0.10);
    padding: 10px;
    border-radius: 20px;
}

.cp-stats-strip-wrapper {

    background: #fff;
    border-radius: 22px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 22px 35px;

    box-shadow: 0 10px 35px rgba(0, 0, 0, .08);
}

.cp-stats-strip-item {

    display: flex;
    align-items: center;
    gap: 18px;

    flex: 1;

    padding: 12px 22px;

    border-right: 1px solid #e8e8e8;

}

.cp-last-item {
    border-right: none;
}


/*======================
      ICON
=======================*/

.cp-stats-icon {

    width: 68px;
    height: 68px;

    border-radius: 50%;

    display: flex;
    justify-content: center;
    align-items: center;

    color: #fff;

    font-size: 28px;

    flex-shrink: 0;

    box-shadow: 0 8px 18px rgba(0, 0, 0, .15);

}

.cp-stats-icon-blue {
    background: linear-gradient(135deg, #1d7bff, #003cff);
}

.cp-stats-icon-green {
    background: linear-gradient(135deg, #2ecc71, #16984c);
}

.cp-stats-icon-orange {
    background: linear-gradient(135deg, #ffb11f, #ff7300);
}

.cp-stats-icon-purple {
    background: linear-gradient(135deg, #8b5cf6, #5b21b6);
}


/*========================
      CONTENT
=========================*/

.cp-stats-content h2 {

    margin: 0;

    font-size: 25px;

    font-weight: 700;

    color: #111;

    line-height: 1;
}

.cp-stats-content p {

    margin: 6px 0 10px;

    color: #666;

    font-size: 15px;

    font-weight: 500;
}

.cp-stats-line {

    display: block;

    width: 42px;
    height: 3px;

    border-radius: 20px;

}

.cp-blue-line {
    background: #0d6efd;
}

.cp-green-line {
    background: #16c45b;
}

.cp-orange-line {
    background: #ff8a00;
}

.cp-purple-line {
    background: #7b2cff;
}


/*=========================
      RESPONSIVE
==========================*/

@media(max-width:991px) {

    .cp-stats-strip-wrapper {

        flex-wrap: wrap;

        padding: 15px;

    }

    .cp-stats-strip-item {

        width: 50%;

        flex: unset;

        border-right: none;

        border-bottom: 1px solid #ececec;

    }

    .cp-stats-strip-item:nth-child(3),
    .cp-stats-strip-item:nth-child(4) {

        border-bottom: none;

    }

}

@media(max-width:576px) {

    .cp-stats-strip-item {

        width: 100%;

        padding: 20px 10px;

    }

    .cp-stats-content h2 {

        font-size: 34px;

    }

    .cp-stats-content p {

        font-size: 15px;

    }

    .cp-stats-icon {

        width: 58px;
        height: 58px;
        font-size: 24px;

    }

}

/* ==============================================
TOP CTA STRIP _ OF ABOUT PAGE  AFTER HEADER END
================================================= */


/* /////////////////////////////////////////////////////////////////////// */
/* ===========================================================================
SERVICES PAGES CSS START 
================================================ */


/* ==============================================
OUR SERVICES SECTION START 
=============================================== */
/*=====================================
        DIGITAL SERVICES SECTION
======================================*/

.digital-services-showcase {
    background: #fff;
}

.digital-services-tag {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #0d1b6f;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.digital-services-title {
    font-size: 40px;
    font-weight: 700;
    color: #0a1454;
    margin-top: 10px;
    margin-bottom: 12px;
}

.digital-services-divider {
    width: 80px;
    height: 4px;
    background: #ff6b1a;
    border-radius: 50px;
    margin: auto;
}

/* Card */

.digital-service-card {

    background: #fff;
    border: 1px solid #ececec;
    border-radius: 18px;
    padding: 30px 22px;
    height: 100%;
    transition: .35s;

    box-shadow: 0 18px 35px rgba(47, 111, 255, .18);
}

.digital-service-card:hover {

    transform: translateY(-8px);

    box-shadow:
        0 18px 35px rgba(47, 111, 255, .10);
    cursor: pointer;

}

.digital-service-icon {

    width: 56px;
    height: 56px;

    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 14px;

    font-size: 28px;

    margin-bottom: 22px;

}

/* icon colors */

.web-icon {
    background: #eef1ff;
    color: #3557ff;
}

.mobile-icon {
    background: #eef1ff;
    color: #3557ff;
}

.erp-icon {
    background: #e9fff1;
    color: #28a745;
}

.software-icon {
    background: #eef1ff;
    color: #3557ff;
}

.marketing-icon {
    background: #f4f0ff;
    color: #6f42c1;
}

.design-icon {
    background: #fff0ec;
    color: #ff5b2e;
}

/* heading */

.digital-service-card h3 {

    font-size: 18px;
    font-weight: 700;
    color: #111;

    line-height: 1.5;

    margin-bottom: 15px;

}

/* paragraph */

.digital-service-card p {

    font-size: 15px;

    line-height: 1.9;

    color: #555;

    margin-bottom: 22px;

}

/* button */

.digital-service-card a {

    text-decoration: none;

    color: #ff6b1a;

    font-size: 15px;

    font-weight: 700;

}

.digital-service-card a i {

    margin-left: 6px;

    transition: .3s;

}

.digital-service-card:hover a i {

    transform: translateX(5px);

}

/* ==============================================
OUR SERVICES SECTION END 
=============================================== */


/* ==============================================
OUR PRODUCT SECTION START
================================================== */
/*=========================================
        BUSINESS PRODUCTS SECTION
=========================================*/

.business-products-showcase {
    background: rgba(47, 111, 255, 0.05);
    overflow: hidden;
}

.business-products-tag {

    display: inline-block;

    font-size: 14px;

    font-weight: 700;

    color: #09145f;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.business-products-title {

    font-size: 40px;

    font-weight: 700;

    color: #08174f;

    margin-top: 8px;

    margin-bottom: 12px;

}

.business-products-divider {

    width: 90px;

    height: 4px;

    background: #ff6b1a;

    border-radius: 50px;

    margin: auto;

}

/*=================================
        SLIDER WRAPPER
==================================*/

.business-products-slider-wrap {

    position: relative;

    padding: 0 45px;

}

/*=================================
          PRODUCT CARD
==================================*/

.business-product-card {

    background: #fff;

    border: 1px solid #ececec;

    border-radius: 18px;

    text-align: center;

    padding: 30px 22px;

    transition: .35s;

    height: 100%;

    min-height: 360px;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

}

.business-product-card:hover {

    transform: translateY(-8px);

    box-shadow: 0 18px 40px rgba(47, 111, 255, .18);

}

/*=========================
        ICON
=========================*/

.business-product-icon {

    width: 64px;

    height: 64px;

    margin: auto;

    margin-bottom: 24px;

    border-radius: 14px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 30px;

}

.business-product-icon i {

    font-size: 30px;

}

/* Icon Colors */

.icon-blue {

    background: #eef2ff;

    color: #365dff;

}

.icon-orange {

    background: #fff2eb;

    color: #ff5f2e;

}

.icon-sky {

    background: #edf7ff;

    color: #2d9cff;

}

.icon-green {

    background: #ecfff2;

    color: #1eb15f;

}

.icon-yellow {

    background: #fff6e7;

    color: #ff9900;

}

/*=========================
      TEXT
=========================*/

.business-product-card h3 {

    font-size: 18px;

    font-weight: 700;

    color: #111;

    line-height: 1.55;

    margin-bottom: 18px;

}

.business-product-card p {

    font-size: 15px;

    color: #666;

    line-height: 1.9;

    margin-bottom: 26px;

}

/*=========================
      BUTTON
=========================*/

.business-product-card a {

    margin-top: auto;

    text-decoration: none;

    color: #ff6b1a;

    font-size: 15px;

    font-weight: 700;

}

.business-product-card a i {

    margin-left: 6px;

    transition: .3s;

}

.business-product-card:hover a i {

    transform: translateX(5px);

}

/*=========================
      SWIPER
=========================*/

.business-products-slider {

    overflow: hidden;

    padding: 8px 0 15px;

}

.business-products-slider .swiper-slide {

    height: auto;

}

/*=========================
      ARROWS
=========================*/

.business-products-prev,
.business-products-next {

    width: 52px;

    height: 52px;

    border-radius: 50%;

    background: #fff;

    border: 1px solid #ececec;

    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);

    color: #0b1560;

}

.business-products-prev::after,
.business-products-next::after {

    display: none;

}

.business-products-prev i,
.business-products-next i {

    font-size: 20px;

    font-weight: 700;

}

.business-products-prev {

    left: -5px;

}

.business-products-next {

    right: -5px;

}

.business-products-prev:hover,
.business-products-next:hover {

    background: #2f6fff;

    color: #fff;

    transition: .3s;

}

/*=========================
      RESPONSIVE
=========================*/

@media(max-width:991px) {

    .business-products-title {

        font-size: 34px;

    }

    .business-product-card {

        min-height: 340px;

    }

}

@media(max-width:767px) {

    .business-products-title {

        font-size: 28px;

    }

    .business-products-slider-wrap {

        padding: 0 15px;

    }

    .business-products-prev {

        left: -8px;

    }

    .business-products-next {

        right: -8px;

    }

    .business-product-card {

        padding: 25px 18px;

    }

}

/* ==============================================
OUR PRODUCT SECTION END
================================================== */



/* ================================================
  OUR SUCCESSFUL PROJECTS SECTION START
==================================================== */
/*=========================================
        PROJECT SHOWCASE SECTION
=========================================*/

.project-showcase-section {
    background: #fff;
    overflow: hidden;
}

/*=========================
        Heading
=========================*/

.project-showcase-tag {

    display: inline-block;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #08175c;

}

.project-showcase-title {

    font-size: 40px;

    font-weight: 700;

    color: #08175c;

    margin-top: 10px;

    margin-bottom: 15px;

}

.project-showcase-divider {

    width: 90px;

    height: 4px;

    background: #ff6b1a;

    border-radius: 50px;

    margin: auto;

}

/*=========================
      Slider Wrapper
=========================*/

.project-showcase-slider-wrapper {

    position: relative;

    padding: 40px;
    /* box-shadow: 0 18px 40px rgba(47, 111, 255, .18); */
    border-radius: 12px;

}

/*=========================
        Swiper
=========================*/

.project-showcase-slider {

    overflow: hidden;

    padding: 10px 0;

}

.project-showcase-slider .swiper-slide {

    height: auto;

    display: flex;

}

/*=========================
          Card
=========================*/

.project-showcase-card {

    width: 100%;

    background: #fff;

    border: 1px solid #ececec;

    border-radius: 16px;

    overflow: hidden;

    transition: .35s;

    display: flex;

    flex-direction: column;

    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;

    margin: 8px 2px;
}

.project-showcase-card:hover {

    /* transform: translateY(-8px); */
    cursor: pointer;

}

/*=========================
        Image
=========================*/

.project-showcase-image {

    width: 100%;

    height: 170px;

    overflow: hidden;

}

.project-showcase-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: .4s;

}

.project-showcase-card:hover img {

    /* transform: scale(1.08); */

}

/*=========================
      Content
=========================*/

.project-showcase-content {

    padding: 18px 20px 22px;

}

.project-showcase-content h3 {

    font-size: 18px;

    font-weight: 700;

    color: #111;

    margin-bottom: 8px;

}

.project-showcase-content p {

    font-size: 15px;

    color: #666;

    margin-bottom: 12px;

}

/*=========================
      Button
=========================*/

.project-showcase-content a {

    text-decoration: none;

    color: #08175c;

    font-size: 15px;

    font-weight: 700;

}

.project-showcase-content a i {

    margin-left: 6px;

    transition: .3s;

}

.project-showcase-card:hover a i {

    transform: translateX(5px);

}

/*=========================
      Arrows
=========================*/

.project-showcase-prev,
.project-showcase-next {

    width: 54px;

    height: 54px;

    border-radius: 50%;

    background: #fff;

    border: 1px solid #ececec;

    color: #08175c;

    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);

}

.project-showcase-prev::after,
.project-showcase-next::after {

    display: none;

}

.project-showcase-prev i,
.project-showcase-next i {

    font-size: 20px;

    font-weight: 700;

}

.project-showcase-prev {

    left: -25px;

}

.project-showcase-next {

    right: -25px;

}

.project-showcase-prev:hover,
.project-showcase-next:hover {

    background: #2f6fff;

    color: #fff;

    transition: .3s;

}

/*=========================
      Responsive
=========================*/

@media(max-width:991px) {

    .project-showcase-title {

        font-size: 34px;

    }

    .project-showcase-slider-wrapper {

        padding: 0 20px;

    }

    .project-showcase-image {

        height: 180px;

    }

}

@media(max-width:767px) {

    .project-showcase-title {

        font-size: 28px;

    }

    .project-showcase-slider-wrapper {

        padding: 0;

    }

    .project-showcase-prev {

        left: -10px;

    }

    .project-showcase-next {

        right: -10px;

    }

    .project-showcase-image {

        height: 200px;

    }

}

/* ================================================
  OUR SUCCESSFUL PROJECTS SECTION END
==================================================== */