.sp-ambient-glow,
.sp-perf-glow,
.wd-hover-content {
    pointer-events: none;
    pointer-events: none;
}
.main-tab,
.quote-btn,
.wd-cta-btn {
    white-space: nowrap;
}
.feature-card:hover,
.logo-item:hover {
    transform: translateY(-5px);
}
*,
.left-panel {
    box-sizing: border-box;
}
.step-number,
.wd-outline-number {
    -webkit-text-fill-color: #fff0;
}
.highlight,
.highlight-text,
.sp-highlight,
.sp-process-section .highlight-text {
    -webkit-text-fill-color: transparent;
}
:root {
    --primary-color: #2c59a3;
    --dark-blue: #092044;
    --text-color-light: #ffefef;
    --button-primary: #1e6af7;
    --button-secondary: #0a254c;
    --border-radius-base: 10px;
    --spacing-base: 1.5rem;
    --bg-radial-1: radial-gradient(circle at 15% 85%, rgba(155, 0, 0, 0.55), transparent 28%);
    --bg-radial-2: radial-gradient(circle at 92% 12%, rgba(120, 0, 0, 0.45), transparent 30%);
    --bg-linear: linear-gradient(120deg, #11161b 0%, #15171c 45%, #210b0d 100%);
}
*,
.accordion-header {
    margin: 0;
    padding: 0;
}
@media (min-width: 1300px) and (max-width: 1499px) {
    .logo-item {
        width: 350px;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1300px !important;
    }
}
@media (min-width: 1500px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1420px;
    }
}
body {
    font-family: Poppins, sans-serif;
    overflow-x: hidden;
}
.dropdown-item:hover {
    color: #000;
    background-color: #cbdff8;
}
.navbar-brand.logo,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
    color: var(--text-color-light) !important;
}
a.dropdown-item {
    padding: 10px 20px;
}
.p-auto {
    padding: 80px 0;
}
.banner {
    background-color: var(--sp-bg-dark);
    display: flex;
    align-items: center;
    min-height: 720px;
    background-color: var(--sp-bg-dark);
    /* background-image: linear-gradient(to bottom, rgba(2, 6, 23, 0.85), rgba(15, 23, 42, 0.95)),
        url("../images/hero-banner.webp"); */
         background:
        radial-gradient(circle at 15% 85%, rgba(155, 0, 0, 0.55), transparent 28%),
        radial-gradient(circle at 92% 12%, rgba(120, 0, 0, 0.45), transparent 30%),
        linear-gradient(120deg, #11161b 0%, #15171c 45%, #210b0d 100%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 7rem;
    padding-bottom: 3rem;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}
.sp-ambient-glow {
    position: absolute;
    width: 380px;
    height: 380px;
    z-index: -1;
    contain: layout paint;
    transform: translateZ(0);
}
.sp-glow-1 {
    top: 25%;
    left: 25%;
    background-color: rgba(37, 99, 235, 0.25);
    width: 380px;
    height: 380px;
}
.sp-glow-2 {
    transform: translateY(50px);
    background: radial-gradient(circle, rgba(255, 122, 24, 0.5) 0, rgba(255, 122, 24, 0) 70%);
}
.sp-hero-eyebrow {
    color: #ffefef;
    letter-spacing: 0.05em;
}
.hero-title {
    letter-spacing: -0.02em;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    font-size: clamp(2.25rem, 5vw, 4rem);
    line-height: 1.1;
    color: #fff;
    font-weight: 800;
}
.popular-badge,
.results-title {
    letter-spacing: 1px;
    text-transform: uppercase;
}
.hero-buttons .entire_btn,
.sp-btn-secondary-outline {
    text-decoration: none;
    font-weight: 500;
    padding: 0.75rem 1.5rem;
    display: inline-flex;
    transition: 0.3s;
}
.highlight {
    /* background: linear-gradient(135deg, #60a5fa 0, #34d399 100%); */
    background: linear-gradient(135deg, #dc0612 0, #c93f44 100%);

    
    -webkit-background-clip: text;
    background-clip: text;
}
.hero-description {
    color: #ffefef;
    line-height: 1.625;
    font-size: 1.25rem;
}
.hero-methodology {
    color: #ffefef;
    font-size: 14px;
}
.hero-buttons .entire_btn {
    background-color: #b60000;
    color: #fff;
    box-shadow: 0 4px 20px rgba(59, 130, 246, 0.3);
    border-radius: 50rem;
    align-items: center;
    justify-content: center;
}
.hero-buttons .entire_btn:hover,
.hover_btn:hover {
    background-color: var(--sp-brand-hover);
    color: #fff;
    box-shadow: 0 8px 30px rgba(59, 130, 246, 0.6);
    transform: translateY(-2px);
}
.sp-btn-secondary-outline {
    background-color: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(4px);
    color: #cbd5e1;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50rem;
    align-items: center;
    justify-content: center;
}
.sp-btn-secondary-outline:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}
.sp-btn-header-cta {
    background-color: var(--sp-brand-primary);
    color: #fff;
    border-radius: 999px;
    transition: 0.3s;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}
.mobile-btn,
.whatsapp-link-top {
    color: #fff;
    border-radius: 5px;
    font-weight: 600;
    text-decoration: none;
}
.sp-btn-header-cta:hover {
    background-color: var(--sp-brand-hover);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.4);
}
.accordion-flush .accordion-body p,
.entire_btn:hover a,
.faq-header-btn:not(.collapsed) i,
.real-life-experience span.d-flex,
.service-row a:hover,
.step-box:hover .step-description,
.step-box:hover .step-title,
.testimonial-slider .slick-next:before,
.wd-step-box.wd-highlighted .wd-step-description,
.wd-step-box.wd-highlighted .wd-step-title {
    color: #fff;
}
.bottom_area {
    padding-top: 40px;
    border-top: 1px solid #325d95;
}
.portfolio_img img {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.annoucement-bar {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    padding: 10px 5px;
}
.annoucement-bar .d-flex {
    display: flex;
}
.annoucement-bar .w-100 {
    width: 100%;
    padding: 0 5px;
}
.mobile-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    font-size: 14px;
    text-align: center;
}
.top-bar {
    color: #fff;
    padding: 10px 0;
    font-size: 13px;
    border-bottom: 1px solid;
}
.top-bar .container,
section.header-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-bar a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}
.top-bar a:hover {
    color: var(--accent);
}
.contact-links {
    display: flex;
    gap: 25px;
}
.br-right {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding-right: 25px;
}
.whatsapp-link-top {
    background-color: #006626;
    padding: 5px 16px;
}
.whatsapp-link-top:hover {
    background-color: #128c7e;
}
.entire_black,
.entire_btn2,
.navbar {
    background-color: transparent !important;
}
.navbar-brand.logo {
    font-weight: 700;
    font-size: 1.2rem;
}
.navbar-brand.logo img,
.text-content img {
    width: 170px;
}
.navbar-nav .nav-link {
    color: #cfd9e6 !important;
    font-weight: 400;
    transition: color 0.3s;
}
.highlight,
.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #ffb900 !important;
}
.navbar-toggler {
    border-color: rgb(255 255 255 / 0.5);
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.quote-btn {
    background-color: var(--button-primary);
    color: var(--text-color-light);
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius-base);
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
}
.quote-btn:hover {
    background-color: #1a5ac7;
}
.btn_yellow {
    background-color: #f9c608 !important;
    color: #111 !important;
}
.entire_btn2 {
    border: 1px solid #fff !important;
}
.entire_black {
    border: 1px solid #acacac !important;
}
.entire_black,
.entire_btn,
.entire_btn2 {
    text-decoration: none;
    transition: 0.3s;
    border-radius: 100px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #fff;
    color: #000;
}
.entire_btn:hover {
    background: #ffb900 !important;
}
.entire_btn a {
    color: #111;
    text-decoration: none;
}
.avatars {
    display: flex;
    position: relative;
}
img.avatar.person1 {
    border: none !important;
    z-index: 9;
    width: 40px;
    height: 40px;
}
.avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 3px solid #fff;
    margin-left: -10px;
}
.avatar:first-child {
    margin-left: 0;
}
.experience-text {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}
.experience-count {
    font-size: 32px;
    font-weight: 700;
}
.experience-label {
    font-size: 0.8rem;
    font-weight: 400;
    color: rgb(255 255 255 / 0.6);
    line-height: 18px;
}
.white_title-box,
.white_title-box .dot span {
    color: #00316a !important;
}
.logo-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}
.avatar_title,
.mini-tag p {
    margin: 0;
}
.logo-item {
    background-image: linear-gradient(155deg, #ffffff38 0, #ffffff17 99%, #ffffff00 100%);
    border: 1px solid #ffffff2b;
    border-radius: var(--border-radius-base);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    width: 300px;
    transition: transform 0.3s;
}
.logo-item img {
    width: 160px;
}
.Sales_info {
    gap: 80px;
    display: flex;
    position: relative;
}
.stats-item.Stunning2::after,
.stats-item.Stunning::after {
    content: "";
    position: absolute;
    top: 0;
    transform: translateX(115px);
    height: 75%;
    width: 1.5px;
    background: linear-gradient(to bottom, transparent, rgb(0 0 0 / 0.2), transparent);
}
.whatsapp-float {
    position: fixed;
    bottom: 10px;
    left: 20px;
    background-color: #006626;
    color: #fff;
    padding: 10px 12px;
    border-radius: 4px;
    font-weight: 600;
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 6px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}
.section-intro {
    margin: 0 auto 60px;
    text-align: center;
}
.pricing-section .section-intro h2 {
    font-weight: 600;
    font-size: 38px;
    margin-bottom: 20px;
}
.section-intro p {
    color: #636e72;
    line-height: 1.8;
}
.pricing-section .section-intro p a {
    color: #636e72;
    font-weight: 700;
}
.pricing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 30px;
    padding: 0 15px;
}
.pricing-card {
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 16px;
    padding: 40px 30px;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 0 40px rgb(176 174 203 / 25%);
    text-align: center;
}
.pricing-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    border-color: #b60000;
}
.pricing-card.popular {
    border: 2px solid var(--popular-border);
    background: linear-gradient(135deg, #eff6ff 0, #dbeafe 50%, #bfdbfe 100%);
}
.popular-badge {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--popular-border);
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    background: #b60000;
}
.card-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 15px;
    border-bottom: 1px solid;
    padding-bottom: 15px;
}
.card-price {
    font-size: 2rem;
    font-weight: 700;
    color: var(--dark-text);
    margin-bottom: 25px;
}
.card-price small {
    font-size: 0.9rem;
    color: #636e72;
    display: block;
    font-weight: 400;
}
.feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 35px;
    flex-grow: 1;
}
.feature-list li {
    margin-bottom: 12px;
    color: #4b4b4b;
    font-size: 0.95rem;
    align-items: center;
}
.btn-group,
.case-card {
    flex-direction: column;
}
.feature-list li i {
    color: var(--accent-green);
    margin-right: 10px;
    font-size: 1.1rem;
}
.btn-group {
    display: flex;
    gap: 12px;
    background: #b60000;
}
.pricing-btn {
    padding: 12px 20px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: 0.3s;
    font-size: 0.9rem;
    color: #fff;
}
.pricing-btn:hover {
    background-color: #143d6b;
    color: #fff;
}
.btn-outline {
    border: 1px solid var(--dark-text);
    color: var(--dark-text);
}
.btn-outline:hover {
    background-color: var(--dark-text);
    color: var(--white);
}
.wd-cta-section {
    padding: 60px 0;
    background: linear-gradient(135deg, #1a4f8b 0, #143d6b 100%);
    position: relative;
    overflow: hidden;
}
.wd-cta-section::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -10%;
    width: 400px;
    height: 400px;
    background: rgba(0, 206, 201, 0.1);
    border-radius: 50%;
    filter: blur(80px);
}
.wd-cta-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.wd-cta-text h2 {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 800;
    margin: 0 0 10px;
    line-height: 1.2;
}
.wd-cta-text p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.1rem;
    margin: 0;
}
.wd-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #f9c608;
    color: #fff;
    text-decoration: none;
    padding: 18px 35px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1.1rem;
    transition: 0.3s;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.wd-cta-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    background: #0c3d79;
    color: #fff;
}
.case-card:hover,
.sp-founder-section .sp-image-wrapper {
    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.sp-case-studies {
    background-color: #fff;
    padding: 5rem 0;
    overflow-x: clip;
}
.sp-case-studies .sec_title {
    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: 800;
    line-height: 1.2;
    color: #0f172a;
    margin-bottom: 1.5rem;
    letter-spacing: -0.5px;
}
.highlight-text {
    background: linear-gradient(135deg, #b60000 0, #059669 100%);
    -webkit-background-clip: text;
    background-clip: text;
    position: relative;
    display: inline-block;
}
.description-text {
    color: #475569;
    font-size: 1.05rem;
    line-height: 1.6;
    margin-bottom: 0;
}
.authority-line {
    display: inline-block;
    background: rgb(87 12 14);
    color: var(--text-color-light);
    font-weight: 600;
    font-size: 0.95rem;
    padding: 0.5rem 1rem;
    border-radius: 50px;
    border: 1px solid rgb(85 11 14);
    margin-top: 1.5rem;
}
.case-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    height: 100%;
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.05),
        0 2px 4px -1px rgba(0, 0, 0, 0.03);
    transition:
        transform 0.3s,
        box-shadow 0.3s,
        border-color 0.3s;
}
.case-card:hover {
    transform: translateY(-8px);
    border-color: #cbd5e1;
}
.case-image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 60%;
    background-color: #f1f5f9;
    overflow: hidden;
    border-bottom: 1px solid #e2e8f0;
}
.case-image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.5s;
}
.case-card:hover .case-image-wrapper img {
    transform: scale(1.05);
}
.case-content {
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.client-context {
    font-size: 0.85rem;
    color: #64748b;
    font-weight: 600;
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 4px;
}
.geo-block {
    font-size: 0.95rem;
    line-height: 1.5;
    color: #475569;
    margin-bottom: 1.25rem;
}
.geo-block strong {
    color: #0f172a;
    font-weight: 700;
}
.results-box {
    background: #f8fafc;
    border-radius: 8px;
    padding: 1.25rem 1rem 1rem;
    margin-top: auto;
    margin-bottom: 1.5rem;
    border: 1px dashed #cbd5e1;
    position: relative;
}
.results-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}
.results-title {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 700;
    margin-bottom: 0;
}
.timeline-badge {
    background: #e0e7ff;
    color: #4338ca;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    letter-spacing: 0.5px;
}
.results-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.9rem;
}
.results-list li {
    margin-bottom: 0.5rem;
    color: #334155;
    display: flex;
    align-items: start;
    gap: 8px;
}
.results-list li:last-child,
.tab_contentmain p {
    margin-bottom: 0;
}
.results-list svg {
    flex-shrink: 0;
    margin-top: 3px;
    color: #10b981;
}
.metric-highlight {
    color: #059669;
    font-weight: 700;
}
.verification-line {
    font-size: 0.75rem;
    color: #ffefef;
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 6px;
    border-top: 1px solid #e2e8f0;
    padding-top: 0.75rem;
    margin-top: 1rem;
    margin-bottom: 0;
}
.verification-line svg {
    color: #cbd5e1;
}
.btn-case-study {
    display: block;
    text-align: center;
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: 0 0;
    color: #b60000;
    border: 1px solid rgba(37, 99, 235, 0.3);
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    transition: 0.3s;
}
.btn-case-study:hover {
    background: #b60000;
    border-color: #b60000;
    color: #fff;
}
a.seo-link {
    text-decoration: none;
    color: #0f172a;
}
a.seo-link:hover {
    color: #b60000;
}
.sp-founder-section {
    background-color: #f8fafc;
    color: #1e293b;
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.sp-founder-section .sp-header {
    text-align: center;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4rem;
}
.sp-founder-section .sp-title {
    font-size: 1.875rem;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 1.5rem;
    letter-spacing: -0.025em;
}
.sp-founder-section .sp-text-highlight {
    background: linear-gradient(135deg, #60a5fa 0, #34d399 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
}
.sp-founder-section .sp-intro {
    font-size: 1.125rem;
    line-height: 1.625;
    color: #475569;
    margin: 0;
}
.sp-founder-section .sp-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    align-items: start;
}
.sp-founder-section .sp-left-col {
    width: 100%;
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
}
.sp-founder-section .sp-image-wrapper {
    aspect-ratio: 4/5;
    overflow: hidden;
    background-color: #e2e8f0;
    border-radius: 1rem;
    position: relative;
}
.sp-founder-section .sp-founder-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    transition: transform 0.5s;
}
.sp-founder-section .sp-image-wrapper:hover .sp-founder-img {
    transform: scale(1.03);
}
.sp-founder-section .sp-trust-badge {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(4px);
    padding: 1rem;
    border-radius: 0.75rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    border: 1px solid #f1f5f9;
}
.sp-founder-section .sp-trust-text {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
    text-align: center;
    margin: 0;
}
.sp-founder-section .sp-right-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-top: 1rem;
}
.sp-founder-section .sp-name-wrapper {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}
.sp-founder-section .sp-name {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}
.sp-founder-section .sp-linkedin {
    color: #ffefef;
    display: inline-flex;
    text-decoration: none;
    transition: color 0.2s;
}
.sp-founder-section .sp-linkedin:hover {
    color: #0a66c2;
}
.sp-founder-section .sp-linkedin svg {
    width: 1.5rem;
    height: 1.5rem;
}
.sp-founder-section .sp-role {
    color: #0284c7;
    font-weight: 600;
    font-size: 1.125rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
}
.sp-founder-section .sp-pro-move {
    border-left: 4px solid #0284c7;
    background-color: #f0f9ff;
    color: #0c4a6e;
    padding: 1rem;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.sp-founder-section .sp-pro-move p {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 500;
}
.sp-founder-section .sp-pro-move strong {
    font-weight: 700;
}
.sp-founder-section .sp-bio {
    color: #475569;
    font-size: 1rem;
    line-height: 1.625;
    margin-top: 0;
    margin-bottom: 2rem;
}
.sp-founder-section .sp-core-title {
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: #ffefef;
    margin-top: 0;
    margin-bottom: 1rem;
}
.sp-founder-section .sp-highlights {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 1rem;
    row-gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
}
.sp-founder-section .sp-highlights li {
    position: relative;
    padding-left: 1.75rem;
    color: #475569;
    line-height: 1.6;
}
.sp-founder-section .sp-highlights li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #10b981;
    font-weight: 800;
}
.sp-founder-section .sp-cta-wrapper {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 1.5rem;
    border-radius: 1rem;
}
.sp-founder-section .sp-cta-text {
    color: #1e293b;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 1rem;
}
.sp-founder-section .sp-btn {
    background-color: #0284c7;
    color: #fff;
    padding: 0.875rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s ease-in-out;
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06);
    width: 100%;
    cursor: pointer;
}
.sp-founder-section .sp-btn:hover {
    background-color: #0369a1;
    transform: translateY(-2px);
    box-shadow:
        0 10px 15px -3px rgba(2, 132, 199, 0.3),
        0 4px 6px -4px rgba(2, 132, 199, 0.3);
}
.sp-perf-glow {
    background: var(--sp-glow);
    filter: blur(120px);
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    opacity: 1;
}
.sp-clients-section {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid var(--sp-border);
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 6rem 0;
}
.sp-split-layout {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.sp-clients-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    align-items: center;
    justify-items: center;
    width: 100%;
}
.sp-client-logo {
    width: 100%;
    max-width: 140px;
    aspect-ratio: 3/2;
    padding: 1.25rem;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    filter: grayscale(100%) opacity(50%);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #a20000;
    border-radius: 16px;
    border: 1px solid var(--sp-border);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}
.sp-client-logo:hover {
    filter: grayscale(0%) opacity(100%);
    transform: translateY(-5px);
    border-color: var(--sp-accent);
    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.05),
        0 10px 10px -5px rgba(0, 0, 0, 0.02);
}
.sp-services .service-card,
.sp-video-testimonials .video-card {
    display: flex;
    box-shadow: 0 10px 30px -10px rgba(37, 99, 235, 0.1);
    position: relative;
    backdrop-filter: blur(10px);
}
.sp-client-logo img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}
.sp-services,
.sp-video-testimonials {
    padding: 100px 0;
    /* background: linear-gradient(135deg, #eff6ff 0, #dbeafe 50%, #bfdbfe 100%); */
    background: #ffefef;
}
.sp-services .section-header,
.sp-video-testimonials .section-header {
    margin-bottom: 60px;
}
.sp-services .section-header h2,
.sp-video-testimonials .section-header h2 {
    font-size: 3rem;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.1;
    color: #0f172a;
}
.sp-services .section-header p,
.sp-video-testimonials .section-header p {
    color: #475569;
}
.sp-services .service-card {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    padding: 35px 25px;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.sp-services .service-card:hover,
.sp-video-testimonials .video-card:hover {
    background: #fff;
    border-color: #b60000;
    transform: translateY(-8px);
    box-shadow: 0 25px 50px -12px rgba(37, 99, 235, 0.15);
}
.sp-services .icon-wrapper {
    width: 42px;
    height: 42px;
    background: #b60000;
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: transform 0.5s;
}
.sp-services .service-card:hover .icon-wrapper {
    transform: scale(1.1) rotate(-5deg);
}
.sp-services .service-card h5 {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.3;
    color: #0f172a;
}
.sp-services .service-card p {
    font-size: 0.85rem;
    color: #475569;
    line-height: 1.5;
    margin-bottom: 0;
}
.sp-services .learn-more-link {
    margin-top: 25px;
    color: #b60000;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: 0.3s;
}
.contact_info li,
.sp-services .service-card:hover .learn-more-link {
    gap: 10px;
}
.sp-video-testimonials .video-card {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 24px;
    padding: 15px;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    flex-direction: column;
    height: 100%;
}
.sp-video-testimonials .video-card .client-info {
    padding: 15px 10px 5px;
    text-align: center;
}
.sp-video-testimonials .video-card h5 {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 2px;
    line-height: 1.3;
    color: #0f172a;
}
.sp-video-testimonials .video-card span {
    font-size: 0.8rem;
    color: #b60000;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.sp-video-testimonials .video-container {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
    border-radius: 18px;
    background: #000;
}
.sp-video-testimonials .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 18px;
}
.sp-video-testimonials .btn-primary {
    background-color: #b60000;
    border: none;
    padding: 16px 40px;
    font-weight: 700;
    border-radius: 50px;
    transition: 0.3s;
    box-shadow: 0 10px 20px -5px rgba(37, 99, 235, 0.4);
}
.sp-video-testimonials .btn-primary:hover {
    background-color: #1d4ed8;
    transform: translateY(-3px);
    box-shadow: 0 15px 25px -5px rgba(37, 99, 235, 0.5);
}
@media (max-width: 991px) {
    .sp-video-testimonials .video-container {
        padding-bottom: 85%;
    }
    .desicription_main {
        width: auto !important;
    }
}
.navbar-collapse {
    padding: 1rem;
    border-radius: var(--border-radius-base);
    margin-top: 0.5rem;
}
.navbar-nav {
    text-align: left;
}
.sp-perf-header,
.tab-button .icon {
    text-align: center;
}
.navbar-nav .nav-link {
    margin-right: 0;
}
@media (max-width: 768px) {
    .sp-founder-section .sp-title,
    .sp-video-testimonials .section-header h2 {
        font-size: 2.25rem;
    }
    .sp-video-testimonials .video-container {
        padding-bottom: 100%;
    }
    .banner {
        min-height: 560px;
    }
    .sp-founder-section {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .sp-founder-section .sp-intro {
        font-size: 1.25rem;
    }
    .sp-founder-section .sp-name {
        font-size: 1.875rem;
    }
    .sp-founder-section .sp-bio {
        font-size: 1.125rem;
    }
    .sp-founder-section .sp-pro-move p {
        font-size: 1rem;
    }
    .sp-founder-section .sp-linkedin svg {
        width: 1.75rem;
        height: 1.75rem;
    }
    .wd-cta-card {
        flex-direction: column;
        text-align: center;
        padding: 40px 20px;
    }
    .wd-cta-text h2 {
        font-size: 2rem;
    }
    .pricing-section .section-intro h2 {
        font-size: 1.5rem;
    }
    .pricing-grid {
        grid-template-columns: 1fr;
    }
    .top-bar {
        display: none;
    }
    .annoucement-bar {
        display: block;
    }
}
.center-placeholder,
.feature-3,
.feature-item,
.right-panel {
    padding: 0 !important;
}
.feature-item h3,
.tab_contentmain h2 {
    font-size: 20px !important;
}
.right-panel {
    margin-top: 20px;
}
.right-panel .tab-content {
    min-height: 0 !important;
    height: 100%;
    width: 100%;
}
.tab_contentmain p {
    font-size: 12px !important;
    line-height: 22px !important;
}
.title-box span {
    font-size: 13px !important;
    font-weight: 500 !important;
}
.service-link-icon {
    width: 35px !important;
    height: 35px !important;
}
.detail-tag {
    padding: 8px 12px !important;
    border-radius: 6px !important;
    font-size: 10px !important;
}
.about_img {
    margin-bottom: 20px;
}
.logo-box {
    height: 90px !important;
}
.header-section {
    display: flex;
    justify-content: space-between;
    gap: 60px;
    border-bottom: 1px solid var(--border-color);
}
.white_title-box {
    border-color: #c7c9cb !important;
    background-color: #f5f7fa !important;
}
.white_title-box .dot {
    background: #00316a !important;
}
.about_us h4 {
    font-size: 34px;
    color: #333;
    font-weight: 600;
    line-height: 48px;
}
.about_us p {
    color: #666;
    font-size: 14px;
    line-height: 28px;
}
.title-box {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    border: 2px solid;
    border-radius: 50px;
    color: #fff;
    font-size: 20px;
    background-color: #0b3c75;
}
.feature-icon,
.header-content h1 span {
    color: var(--accent-color);
}
.dot {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
}
.sec_title2 {
    font-size: 34px !important;
}
.sec_title {
    font-size: 38px;
    font-weight: 600;
    line-height: 52px;
    margin: 0;
}
.sp-performance-section {
    position: relative;
    background: linear-gradient(135deg, #eff6ff 0, #dbeafe 50%, #bfdbfe 100%);
    padding: 5rem 1.5rem;
    overflow: hidden;
    font-family: Inter, sans-serif;
    color: #0f172a;
}
.sp-perf-glow {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    z-index: 1;
    opacity: 0.5;
}
.glow-left {
    top: -150px;
    left: -150px;
    background: radial-gradient(circle, rgba(168, 85, 247, 0.15) 0, transparent 70%);
}
.glow-right {
    bottom: -150px;
    right: -150px;
    background: radial-gradient(circle, rgba(236, 72, 153, 0.1) 0, transparent 70%);
}
.sp-highlight,
.sp-perf-card:hover .sp-card-icon {
    /* background: linear-gradient(135deg, #60a5fa 0, #34d399 100%); */
    background: linear-gradient(135deg, #7a0000 0%, #b60000 50%, #0c090185 100%);
}
.sp-perf-header {
    margin-bottom: 3rem;
}
.sp-sec-title {
    font-size: 3.25rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1rem;
    letter-spacing: -0.02em;
    color: #0f172a;
}
.sp-highlight {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.sp-subtitle {
    color: #475569;
    font-size: 1.1rem;
    line-height: 1.5;
}
.sp-perf-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
}
.sp-perf-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 1.5rem;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    height: 100%;
}
.sp-perf-card:hover {
    transform: translateY(-3px);
    border-color: rgba(96, 165, 250, 0.5);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.sp-card-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #b60000;
    margin-bottom: 1rem;
    transition: 0.3s;
}
.sp-perf-card:hover .sp-card-icon {
    color: #fff;
    transform: scale(1.05);
}
.sp-perf-card h3 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 0.5rem;
    line-height: 1.3;
}
.sp-perf-card p {
    color: #64748b;
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0;
}
.stats-item h2 {
    font-size: 58px;
    font-weight: 600;
}
.partners-section {
    color: #fff;
    /* background-image: url(background.png.webp); */
    /* background: var(--bg-radial-1),var(--bg-radial-2),var(--linear); */
        background: var(--bg-radial-1), var(--bg-radial-2), var(--bg-linear);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.logo-box {
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.about_content {
    padding-left: 50px;
}
.services-discovery {
    display: flex;
    min-height: 80vh;
    color: #fff;
}
.left-panel {
    flex: 0 0 40%;
}
.left-panel h1 {
    font-size: 2.5rem;
    line-height: 1.2;
    margin-top: 0;
}
.pre-header {
    color: #8ad;
    font-size: 0.9rem;
}
.tabs-nav {
    display: flex;
    flex-direction: column;
}
button.tab-button.active .icon {
    background: #f9c608;
    border: none;
}
.tab-button {
    background-color: #164987;
    color: #fff;
    border-radius: 4px;
    border: none;
    padding: 0;
    text-align: left;
    font-size: 1.1rem;
    cursor: pointer;
    transition:
        background-color 0.3s,
        color 0.3s;
    border-bottom: 1px solid;
    display: flex;
    align-items: center;
}
.tab-button:hover:not(.active) {
    background-color: rgb(255 255 255 / 0.05);
}
.tab-button.active {
    background-color: #fff;
    color: #001f40;
    font-weight: 700;
}
.tab-button .icon {
    padding: 8px 20px !important;
    background: #ffffff1a;
    font-size: 1.5rem;
    margin-right: 15px;
    border: 1px solid #6181a9;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
button.accordion-button.faq-header-btn:focus {
    box-shadow: none !important;
}
.right-panel {
    flex: 1;
    position: relative;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-content-container {
    position: relative;
    z-index: 10;
    border-radius: 15px !important;
}
.tab-content {
    color: #333;
    display: none;
}
.tab-content.active {
    display: flex !important;
    flex-direction: column;
    justify-content: end;
}
#customize {
    background-image: url(Optimized.webp) !important;
}
#user-experience {
    background-image: url(Customize.webp) !important;
}
#maintenance {
    background-image: url(Experience.webp) !important;
}
#seo-optimized {
    background-image: url(maintance.webp) !important;
}
#customize,
#maintenance,
#seo-optimized,
#user-experience,
div#responsive {
    background-image: url(website.webp);
    background-position: center;
    background-size: cover;
    padding: 20px;
    border-radius: 15px;
}
.tab_contentmain h2 {
    font-weight: 600;
    font-size: 26px;
}
.tab_contentmain {
    padding: 30px 20px;
    background: #ffffffc9;
    border-radius: 10px;
}
.footer_icon,
.number-box {
    background-image: linear-gradient(120deg, #083a74 0, #264ba0 100%);
}
.tab-content h2 {
    color: #001f40;
    margin-top: 0;
}
.web-discovery-section-grid {
    color: #111;
    padding: 60px 20px;
}
.header-content {
    margin-bottom: 50px;
}
.mini-tag {
    display: inline-block;
    background-color: #fff;
    color: #12224a;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 0.8em;
    font-weight: 700;
    margin-bottom: 20px;
}
.header-content h1 {
    font-size: 2.5em;
    font-weight: 800;
    margin: 0 0 15px;
}
.header-content .highlight {
    color: #ffc000;
}
.header-content .subtitle-text {
    max-width: 800px;
    margin: 0 auto;
    font-size: 1em;
    opacity: 0.8;
}
.features-grid {
    display: grid;
    grid-template-columns: 1fr 400px 1fr;
    grid-template-rows: auto auto;
    gap: 1px;
    background-color: rgb(255 255 255 / 0.1);
}
.center-placeholder,
.circle-content,
.contact_info li,
.footer_icon,
.number-box,
.subtitle {
    display: flex;
    display: flex;
}
.center-placeholder,
.feature-item {
    padding: 20px;
}
.feature-1 {
    grid-column: 1/2;
    grid-row: 1/2;
    text-align: right;
}
.feature-2 {
    grid-column: 3/4;
    grid-row: 1/2;
    text-align: left;
}
.feature-3,
.feature-4 {
    grid-row: 2/3;
    padding-top: 50px;
}
.feature-3 {
    grid-column: 1/2;
    text-align: right;
}
.feature-4 {
    grid-column: 3/4;
    text-align: left;
}
.center-placeholder {
    grid-column: 2/3;
    grid-row: 1/3;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
}
.circle-content img {
    width: 180px;
}
.circle-content {
    width: 250px;
    height: 250px;
    background-color: #2f4288;
    border: 1px solid;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.1;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 0.5);
    box-shadow:
        0 0 0 15px rgb(255 255 255 / 0.05),
        0 0 0 30px rgb(255 255 255 / 0.03);
}
.industry-tab,
.wd-industry-tab {
    text-align: left;
    cursor: pointer;
}
.feature-item h3 {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
}
.number-box {
    width: 55px;
    height: 55px;
    border: 2px solid #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
}
.feature-item p {
    font-size: 14px !important;
    color: #666;
    line-height: 24px;
}
.footer_icon a i {
    font-size: 18px;
    color: #fff;
    margin: 0 !important;
}
.footer_icon {
    width: 44px;
    height: 44px;
    border-radius: 100px;
    align-items: center;
    border: 1px solid #375c9c;
    justify-content: center;
}
.service-link-icon,
.subtitle {
    align-items: center;
}
.contact-link,
.footer_bottom,
ul.list-unstyled.footer-links li {
    margin-top: 10px;
}
.contact-link,
ul.list-unstyled.footer-links li a {
    text-decoration: none !important;
    margin-top: 10px;
}
.blog_content h4,
footer h4 {
    font-size: 22px;
    font-weight: 600;
}
.feature-1 .number-box,
.feature-3 .number-box {
    text-align: right;
    margin-left: auto;
}
.services-section,
.wd-review-slider-section {
    padding-top: 60px;
    padding-bottom: 60px;
    background: linear-gradient(135deg, #1a4f8b 0, #143d6b 100%);
    color: #fff;
}
.subtitle::before,
.wd-subtitle::before {
    content: "•";
    font-size: 20px;
    margin-right: 5px;
    line-height: 1;
}
.main-title {
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 60px;
    line-height: 1.2;
}
.services-list,
.wd-services-list {
    display: flex;
    flex-direction: column;
    gap: 1px;
}
.service-number {
    margin-right: 10px;
    font-size: 24px;
    font-weight: 300;
    color: rgb(255 255 255 / 0.5);
}
.service-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0;
    z-index: 2;
    transition:
        transform 0.4s,
        color 0.4s;
}
.hover-content {
    display: none;
    transition:
        opacity 0.4s,
        visibility 0.4s;
}
.content-text {
    flex: 2;
}
.content-image,
.wd-content-image {
    flex: 1;
    max-width: 300px;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
    margin-top: 40px;
}
.content-text h3 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #e3b000;
}
.hover-content .content-image {
    width: 250px;
    height: 175px;
    object-fit: cover;
}
span.detail-tag {
    margin-right: 15px;
}
.content-text p {
    margin-bottom: 15px;
    color: #fff;
    width: 570px;
    line-height: 28px;
    font-size: 13px;
}
.card-content p,
button.accordion-button.faq-header-btn {
    line-height: 24px;
}
.content-text ul,
.wd-content-text ul {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}
.content-text li,
.wd-content-text li {
    padding: 5px 0 5px 20px;
    position: relative;
    color: #fff;
}
.content-text li::before,
.wd-content-text li::before {
    content: "→";
    position: absolute;
    left: 0;
    color: #e3b000;
}
.cta-button,
.wd-cta-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #e3b000;
    color: #031336;
    text-decoration: none;
    font-weight: 700;
    border-radius: 4px;
    transition: background-color 0.3s;
}
.cta-button:hover {
    background-color: gold;
}
.detail-tag {
    border: 1px solid;
    background-color: #1c5599;
    color: rgb(255 255 255 / 0.8);
    transition:
        border-color 0.3s,
        color 0.3s;
}
.detail-tag:hover {
    border-color: #e3b000;
    color: #e3b000;
}
.service-link-icon {
    transform: rotate(-45deg);
    display: flex;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid;
    background-color: #1c5599;
    transition:
        background-color 0.3s,
        transform 0.3s;
}
.center-icon,
.circle {
    transform: translate(-50%, -50%);
}
.service-link-icon:hover,
.wd-service-link-icon:hover {
    background-color: #e3b000;
    transform: rotate(45deg);
}
.service-link-icon i {
    color: #9ab4d3;
    font-size: 18px;
}
.service-link-icon:hover svg,
.wd-service-link-icon:hover svg {
    color: #031336;
}
.sp-process-section {
    overflow-x: clip;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 4rem 0;
    background:
        /* linear-gradient(135deg, #0D1013 0%, #0F1215 30%, #12151B 80%, #15181F 100%); */
        radial-gradient(circle at 15% 85%, rgba(155, 0, 0, 0.55), transparent 28%),
        radial-gradient(circle at 92% 12%, rgba(120, 0, 0, 0.45), transparent 30%),
        linear-gradient(120deg, #11161b 0%, #15171c 45%, #210b0d 100%);
        /* url("../images/section-bg.webp") center/cover no-repeat fixed; */
}
.sp-process-section .sec_title {
    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: 800;
    line-height: 1.1;
    color: #f8fafc;
    margin-bottom: 1.5rem;
}
.sp-process-section .highlight-text {
    background: linear-gradient(135deg, #dc0612 0, #832226 100%);
    -webkit-background-clip: text;
    background-clip: text;
    position: relative;
    display: inline-block;
}
.sp-process-section .description-text {
    color: #ffefef;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 0;
}
.step-1 {
    --accent: #df0612;
}
.step-2 {
    --accent: #df0612;
}
.step-3 {
    --accent: #df0612;
}
.step-4 {
    --accent: #df0612;
}
.step-5 {
    --accent: #df0612;
}
.step-6 {
    --accent: #df0612;
}
.compact-card {
    background: rgba(30, 41, 59, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 1.25rem;
    border-radius: 12px;
    border: 1px solid #dd0612;
    border-top: 3px solid var(--accent);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}
.compact-card:hover {
    transform: translateY(-5px);
    background: rgba(30, 41, 59, 0.95);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.1);
}
.card-number {
    font-size: 1.5rem;
    font-weight: 900;
    color: #dd0612;
    position: absolute;
    top: 10px;
    right: 15px;
    line-height: 1;
    transition: color 0.3s;
}
.compact-card:hover .card-number {
    color: var(--accent);
    opacity: 0.8;
}
.sp-process-section .step-title {
    /* color: #f8fafc; */
    background: linear-gradient(135deg, #dc0612 0, #832226 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    font-weight: 700;
    padding-right: 2rem;
}
.sp-process-section .step-description {
    color: #ffefef;
    font-size: 0.85rem;
    line-height: 1.5;
    margin-bottom: 0;
    flex-grow: 1;
}
.sp-process-section .process-proof {
    color: #ffefef;
    margin: 10px;
}
.industry-section {
    background-color: #031336;
    min-height: 400px;
}
.accordion-flush .accordion-item,
.wd-industry-accordion-item {
    border: none;
    background-color: #fff0;
}
.accordion-button.industry-tab {
    font-size: 14px;
}
.profile,
footer a.btn.btn-outline-light,
p.dummy-content {
    font-size: 12px;
}
.industry-tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #1e5595;
    color: #fff;
    padding: 15px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #4c74a3;
    box-shadow: none !important;
    transition: background-color 0.3s;
}
.industry-tab:not(.collapsed),
.wd-industry-tab:not(.collapsed) {
    background-color: #174aa8;
    color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.industry-tab:hover,
.wd-industry-tab:hover {
    background-color: #174aa8;
}
.accordion-icon,
.wd-accordion-icon {
    margin-left: 15px;
    transition: transform 0.3s;
}
.industry-tab:not(.collapsed) .accordion-icon,
.wd-industry-tab:not(.collapsed) .wd-accordion-icon {
    transform: rotate(180deg);
}
.accordion-body {
    background-color: #1e5595 !important;
    color: #ccc;
    padding: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-bottom: 10px;
}
.accordion-body.faq-active-body p {
    line-height: 26px;
    font-size: 13px;
    color: #fff;
}
.accordion-button:not(.collapsed) {
    background-color: #1e5595;
    margin-bottom: 0 !important;
    border-top-right-radius: 10px !important;
    color: #fff;
    border: none;
    border-top-left-radius: 10px !important;
}
.wd-services-section {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #031336;
    color: #fff;
}
.wd-subtitle {
    font-size: 14px;
    color: #e3b000;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.wd-main-title {
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
}
.wd-service-item {
    position: relative;
    padding: 30px 40px;
    background-color: #071c41;
    border-bottom: 1px solid;
    cursor: pointer;
    overflow: hidden;
    transition: background-color 0.4s;
}
.wd-service-item:hover {
    background-color: #0b2a64;
}
.wd-service-details-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 60px;
    position: relative;
    z-index: 2;
    transition:
        opacity 0.4s,
        transform 0.4s;
}
.wd-service-item .wd-service-number {
    position: absolute;
    top: 30px;
    left: 40px;
    font-size: 24px;
    font-weight: 300;
    color: rgb(255 255 255 / 0.5);
}
.wd-service-item .wd-service-title {
    font-size: 28px;
    font-weight: 600;
    margin-right: auto;
    z-index: 2;
    transition:
        transform 0.4s,
        opacity 0.4s;
}
.wd-detail-tags-group {
    display: flex;
    gap: 15px;
    margin-right: 30px;
    opacity: 1;
    transition: opacity 0.4s;
}
.wd-service-item:hover .wd-detail-tags-group,
.wd-service-item:hover .wd-service-title {
    opacity: 0;
}
.wd-detail-tag {
    padding: 8px 15px;
    border: 1px solid;
    border-radius: 20px;
    font-size: 14px;
    color: rgb(255 255 255 / 0.8);
    transition:
        border-color 0.3s,
        color 0.3s;
}
.wd-service-link-icon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #0d3886;
    box-shadow: 0 0 0 1px rgb(255 255 255 / 0.1);
    transition:
        background-color 0.3s,
        transform 0.3s;
}
.wd-service-link-icon svg {
    width: 20px;
    height: 20px;
    color: #fff;
    transition: color 0.3s;
}
.wd-hover-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #031336;
    display: flex;
    opacity: 0;
    visibility: hidden;
    padding: 30px 40px;
    transition:
        opacity 0.4s,
        visibility 0.4s;
}
.wd-service-item:hover .wd-hover-content {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.wd-service-item:hover .wd-service-details-container {
    opacity: 0;
    transform: translateY(-50px);
}
.wd-content-text {
    flex: 2;
    padding-right: 40px;
}
.wd-content-text h3 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #e3b000;
}
.wd-section-title {
    font-size: 42px;
    font-weight: 800;
    line-height: 1.1;
    color: #031336;
}
.wd-highlight {
    color: #e3b000;
}
.wd-steps-container {
    max-height: 700px;
    overflow-y: scroll;
    padding-right: 15px;
}
.wd-step-box {
    background-color: #f7f7f7;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 25px;
    position: relative;
    border: 1px solid #f0f0f0;
    transition: 0.3s;
}
.wd-step-box.wd-highlighted {
    background-color: #031336;
    color: #fff;
    overflow: hidden;
}
.wd-step-box.wd-highlighted .wd-step-number {
    color: #e3b000;
    font-size: 80px;
    right: 0;
    top: 0;
    opacity: 1;
}
.wd-step-number {
    position: absolute;
    right: 30px;
    bottom: 10px;
    font-size: 60px;
    font-weight: 800;
    color: rgb(0 0 0 / 0.08);
    line-height: 1;
    z-index: 1;
    transition: 0.3s;
}
.wd-step-title {
    font-size: 22px;
    font-weight: 700;
    color: #031336;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}
.wd-step-description {
    font-size: 15px;
    color: #666;
    position: relative;
    z-index: 2;
}
.wd-outline-number {
    font-family: Arial, sans-serif;
    font-size: 150px;
    font-weight: 800;
    color: #fff0;
    -webkit-text-stroke: 1.5px #fff;
}
.wd-faq-header-btn,
.wd-industry-tab {
    font-weight: 600;
    width: 100%;
    font-size: 16px;
    display: flex;
}
.wd-industry-section {
    background-color: #031336;
}
.wd-industry-tab {
    justify-content: space-between;
    align-items: center;
    background-color: #0d3886;
    color: #fff;
    padding: 15px 20px;
    border-radius: 8px;
    border: none;
    box-shadow: none !important;
    transition: background-color 0.3s;
}
.wd-accordion-body {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: 1px solid;
}
.wd-dummy-content {
    margin: 0;
    line-height: 1.5;
}
.wd-faq-section {
    background-color: #f8f9fa;
}
.wd-faq-item {
    border: none;
    margin-bottom: 12px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgb(0 0 0 / 0.05);
}
.wd-faq-header-btn {
    padding: 18px 25px;
    color: #333;
    background-color: #fff;
    border: none;
    box-shadow: none !important;
    transition:
        background-color 0.3s,
        color 0.3s;
    border-radius: 10px;
    align-items: center;
}
.wd-faq-header-btn i {
    font-size: 14px;
    color: #0d3886;
    margin-left: 15px;
}
.wd-faq-header-btn:not(.collapsed) {
    background-color: #0d3886;
    color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.wd-faq-header-btn:not(.collapsed) i {
    color: #fff;
    transform: rotate(0) !important;
}
.wd-faq-active-body {
    background-color: #0d3886;
    color: #ccc;
    padding: 20px 25px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.wd-accordion-body {
    background-color: #f7f7f7;
    color: #666;
    padding: 15px 25px;
}
.circle-box {
    position: relative;
    width: 100%;
    height: 100%;
}
.circle {
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
}
.outer-circle-1,
.outer-circle-2,
.outer-circle-3 {
    background: 0 0;
    border: 2px solid #e0e7ee;
}
.outer-circle-1 {
    width: 290px;
    height: 290px;
    animation: 4s ease-in-out infinite pulse;
}
.outer-circle-2 {
    width: 310px;
    height: 310px;
    animation: 4s ease-in-out 0.5s infinite pulse;
}
.outer-circle-3 {
    width: 330px;
    height: 330px;
    animation: 4s ease-in-out 1s infinite pulse;
}
.inner-circle-blue {
    width: 240px;
    height: 240px;
    background-color: #004d99;
    display: flex;
    justify-content: center;
    align-items: center;
}
.text-content {
    text-align: center;
    color: #fff;
    font-family: sans-serif;
    line-height: 1.1;
}
.web-design {
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 2px;
}
.discovery {
    display: block;
    font-size: 40px;
    font-weight: 900;
}
.animation-container {
    position: relative;
    width: 300px;
    left: 52px;
    top: 150px;
    height: 300px;
}
@keyframes pulse {
    0%,
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.05);
        opacity: 0.8;
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.testimonial-slider .slick-next,
.testimonial-slider .slick-prev {
    z-index: 10;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgb(0 0 0 / 0.1);
}
.testimonial-slider .slick-next:before,
.testimonial-slider .slick-prev:before {
    font-family: slick;
    font-size: 18px;
    line-height: 1;
    opacity: 1;
    color: #1a4f9d;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slide-card {
    margin: 10px;
    border-radius: 8px;
    overflow: hidden;
    height: auto;
    box-shadow: 0 -1px 10px rgb(66 66 66 / 10%);
}
.slide-card.white {
    background-color: #fff;
    color: #333;
    padding: 20px;
}
.slide-card.white .client-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}
.slide-card.dark-blue {
    background-color: #fff;
    color: #000;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 250px;
}
.slide-card.dark-blue .client-info {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 20px;
    margin: 20px -20px -20px;
}
.client-details {
    line-height: 1.2;
}
.client-name {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 16px;
}
.client-tag {
    font-size: 13px;
    opacity: 0.8;
}
.rating-stars {
    font-size: 22px;
    margin-bottom: 8px;
    color: #ffb900;
}
.rating-stars.yellow {
    color: #ffc107;
}
.testimonial-slider .custom-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    padding: 0;
    transition: 0.3s;
}
.testimonial-slider .slick-prev {
    left: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #1a4f9d;
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    background-color: #fff;
    color: #000 !important;
}
.testimonial-slider .slick-next {
    right: 20px;
    border: none;
    background-color: #1a4f9d;
    color: #fff;
}
.header1,
.header2,
.testimonial-slider .slick-next:before,
.testimonial-slider .slick-prev:before {
    display: none;
}
.card-content p {
    font-size: 14px;
    margin: 0;
}
.box_bottom {
    padding: 20px;
    background: #1e5594;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
button.accordion-button {
    border: 1px solid #4c74a2;
    margin-bottom: 15px;
}
.logo-box img {
    filter: opacity(0.5);
    width: 120px;
}
.logo-box:hover img {
    filter: opacity(1);
}
.accordion-flush .accordion-body {
    padding-top: 0 !important;
}
.box_bottom p {
    font-weight: 300 !important;
    font-size: 13px;
    width: 500px;
}
.icon_area i {
    color: #001f40;
}
.icon_area a {
    cursor: pointer !important;
}
.icon_area:hover {
    background: #fff;
}
.icon_area {
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    display: flex;
    transition: 0.3s;
    align-items: center;
    justify-content: center;
    background: #ffb900;
    border-radius: 100px;
}
.blog_title {
    font-size: 14px;
    color: #000;
    text-decoration: none;
}
hr {
    border-bottom: 1px solid #ccc !important;
}
.blog_content {
    border-top: 0;
    border: 1px solid #ccc;
    padding: 20px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.seo-tabs-section {
    background-color: var(--dark-teal);
    padding: 30px 15px;
}
.main-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.webdesign_tab .main-tabs {
    gap: 0 !important;
    justify-content: center !important;
}
.webdesign_tab .main-tab {
    border-radius: 0;
    margin: 0 !important;
    font-size: 16px;
    border: none !important;
}
.maincontent_web_tab h4 {
    font-size: 34px;
    font-weight: 600;
    color: #fff;
}
.maincontent_web_tab p {
    color: #d5d0d0;
    width: 1100px;
    margin: auto;
    font-size: 15px;
    line-height: 28px;
}
.main-tab {
    background-color: #396293;
    color: #fff;
    border: 1px solid #204949;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition:
        background-color 0.3s,
        border-color 0.3s,
        color 0.3s;
    border-radius: 4px;
    margin-right: 10px;
}
.email-input,
address,
button.entire_btn.btn_yellow {
    color: #fff !important;
}
.main-tab.active {
    background-color: #fff;
    color: #0b1e1e;
    border-color: #fff;
}
.main-tab:hover:not(.active) {
    background-color: #fff;
    color: #000;
}
.tabsum .tab-content {
    display: none;
    padding-top: 10px;
}
.tabsum .tab-content.active {
    display: block;
}
.service-row {
    align-items: center;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
}
.service-row a {
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    margin: 3px 5px;
    transition: color 0.3s;
}
.service-row a:last-of-type {
    border-right: none;
}
.subscription-container {
    width: 520px;
}
.subscribe-form {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}
.email-input {
    flex-grow: 1;
    padding: 12px 25px;
    border: none;
    border-radius: 25px;
    font-size: 16px;
    background-color: #ffffff38;
    outline: 0;
}
.social-links a {
    padding: 12px 28px !important;
    margin-left: 12px;
}
address {
    font-size: 14px;
    line-height: 26px;
}
.email-input::placeholder {
    color: #a0a0a0;
}
.submit-button {
    padding: 10px 34px;
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
}
.submit-button:hover {
    background-color: #eee;
}
.checkbox-area {
    display: flex;
    align-items: center;
    gap: 8px;
}
.newsletter-checkbox {
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #f9c608;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    background-color: transparent !important;
}
.newsletter-checkbox:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 10px;
    border: solid #f9c608;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: #fff0;
}
.copyright p {
    margin-top: 20px;
    font-size: 13px;
    text-align: right;
}
.checkbox-label {
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}
.service-details-container {
    justify-content: space-between;
}
.accordion-body .dummy-content {
    margin: 0;
    line-height: 20px;
}
.blogbox.mt-3 {
    margin-top: 40px !important;
}
.header {
    background-color: #fff0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    display: block !important;
}
.header.header1.scrolled {
    background: var(--bg-radial-1), var(--bg-radial-2),var(--bg-linear);
}
.header.header1.scrolled .navbar {
    padding: 5px;
}
button.btn-close {
    position: absolute;
    right: 10px;
    color: #000;
    z-index: 90;
}
.hover_btn {
    transition: 0.3s;
}
.faq-header-btn i {
    color: #0d3f8d;
    transition: color 0.3s;
}
.hover_btn:hover {
    background: #ffefef !important;
    border-color: #ffefef !important;
    color: #b60000 !important;
}
.custom-dropdown {
    background-color: #40699d;
    border: none;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 0.15);
    padding: 10px 0;
}
.custom-dropdown .dropdown-item {
    color: #fff;
    font-weight: 500;
    padding: 10px 20px;
    transition: 0.3s;
}
.custom-dropdown .dropdown-item:hover {
    background-color: #fff;
    color: #0d3f8d;
    padding-left: 25px;
}
,
a:focus,
a:hover {
    text-decoration: none !important;
}
.feature-card.main-feature-card {
    background: #1e518e;
    border-color: #366aa6;
}
.main-feature-card .feature-icon img {
    margin-bottom: 0;
    width: 30px;
}
.feature-card.main-feature-card a {
    color: #fff;
    text-decoration: none;
}
.desicription_main {
    width: 570px;
}
.main-feature-card .feature-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: #fff;
}
.main-feature-card h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin: 20px 0;
}
.main-feature-card p {
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 20px !important;
}
@media (min-width: 1024px) {
    .sp-founder-section .sp-container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .sp-founder-section .sp-title {
        font-size: 3rem;
    }
    .sp-founder-section .sp-grid {
        grid-template-columns: repeat(12, 1fr);
        gap: 4rem;
    }
    .sp-founder-section .sp-left-col {
        grid-column: span 5;
        max-width: none;
    }
    .sp-founder-section .sp-right-col {
        grid-column: span 7;
        padding-top: 0;
    }
    .sp-perf-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
    .nav-item.dropdown:hover > .nav-link {
        color: #0d3f8d;
    }
}
@media (min-width: 640px) {
    .sp-founder-section .sp-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .sp-founder-section .sp-highlights {
        grid-template-columns: repeat(2, 1fr);
    }
    .sp-founder-section .sp-btn {
        width: auto;
    }
}
@media (max-width: 767px) {
    .main-tab {
        padding: 8px 16px !important;
    }
    header .entire_btn {
        background-color: #174b94 !important;
        color: #fff !important;
    }
    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link:hover {
        color: #174b94 !important;
    }
    .navbar-nav .nav-link {
        color: #1c1c1c !important;
    }
    .copyright p {
        font-size: 12px;
        text-align: center;
    }
    footer .navbar-brand.logo img {
        width: 140px;
        margin-bottom: 20px !important;
        display: block;
        margin: auto;
    }
    .bottom_area {
        padding-top: 20px;
    }
    .social-links a {
        padding: 8px 22px !important;
        margin-left: 8px;
    }
    .service-details-container {
        gap: 10px;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start !important;
    }
    .wd-review-card {
        padding: 25px;
    }
    .wd-reviewer-name,
    .wd-star-rating {
        font-size: 16px;
    }
    .wd-reviewer-role {
        font-size: 13px;
    }
    .wd-review-text {
        font-size: 14px;
    }
}
@media (max-width: 991.98px) {
    .custom-dropdown .dropdown-item {
        color: #4e4e4e !important;
    }
    a.dropdown-item {
        color: #000 !important;
        font-size: 13px;
        padding-left: 0 !important;
    }
    .navbar-nav .dropdown-menu {
        padding: 0;
        position: static;
        background: 0 0;
        box-shadow: none !important;
    }
    .maincontent_web_tab p,
    p.subtitle-text {
        width: auto;
    }
    .logo-box img {
        width: 80px;
    }
    .wd-carousel-controls {
        text-align: center;
    }
    .left-content {
        padding-right: 15px;
        position: static !important;
        top: auto !important;
    }
    .section-title {
        font-size: 36px;
    }
    .steps-container {
        max-height: none;
        overflow-y: visible;
        padding-top: 20px;
        padding-right: 0;
    }
}
@media (min-width: 1350px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1420px;
    }
}
@media (max-width: 992px) {
    .contact-links,
    .top-bar .container {
        flex-direction: column;
        gap: 10px;
    }
    .br-right {
        border: none;
        padding-right: 0;
    }
    .main-title {
        font-size: 36px;
    }
    .service-title {
        font-size: 24px;
    }
    .content-text {
        padding-right: 0;
        padding-bottom: 20px;
    }
    .content-image {
        max-width: 100%;
        margin-top: 20px;
    }
    .main-tabs {
        flex-wrap: wrap;
    }
    .logo-item {
        width: 160px;
        padding: 0;
    }
    .logo-item img {
        width: 120px;
    }
    .Sales_info {
        gap: 20px;
    }
    .content-text .d-flex {
        flex-direction: column;
    }
    .navbar-brand.logo img {
        width: 150px;
    }
    .header-section {
        display: block;
    }
    .stats-item {
        border-top: 1px solid var(--border-color);
        padding-top: 1rem;
    }
    .box_bottom p {
        width: auto;
    }
}
.real-life-experience img {
    width: 350px;
}
@media (max-width: 769px) {
    .hero-content {
        margin-bottom: 20px !important;
    }
    .real-life-experience img {
        width: 250px;
    }
    .navbar-collapse {
        background-color: #fff;
        transform: translateX(100%);
        opacity: 0;
        transition: transform 0.4s !important;
        transition:
            transform 0.4s ease-in-out,
            opacity 0.4s ease-in-out;
    }
    .navbar-collapse.collapse.show {
        transform: translateX(0);
        opacity: 1;
    }
    .Sales_info,
    .logo-grid {
        gap: 20px;
    }
    .blog_content p,
    .box_bottom p,
    .step-description {
        font-size: 12px;
    }
    span.detail-tag {
        margin-right: 8px;
    }
    button.entire_btn.mob_mar {
        margin-bottom: 15px;
    }
    .logo-box img {
        width: 90px;
    }
    .navbar {
        padding: 10px 0;
    }
    .header-section {
        gap: 10px;
        flex-direction: column;
    }
    .webdesign_tab .main-tabs {
        flex-direction: row !important;
        flex-wrap: wrap;
    }
    .main-tabs {
        display: flex;
        flex-direction: column;
    }
    .maincontent_web_tab p,
    .subscription-container {
        width: auto;
    }
    .subscribe-form {
        flex-wrap: wrap;
    }
    .bottom_area {
        display: block !important;
    }
    button.accordion-button.faq-header-btn {
        font-size: 14px;
    }
    .accordion-body.faq-active-body p {
        line-height: 22px;
        font-size: 12px;
    }
    .circle-container {
        position: relative;
        width: 120px;
        height: 120px;
    }
    .blogbox {
        margin-top: 20px !important;
    }
    .blog_content h4 {
        font-size: 18px;
        line-height: 26px;
    }
    .portfolio_img {
        margin-top: 20px;
    }
    .box_bottom {
        flex-direction: column;
    }
    .maincontent_web_tab h4 {
        font-size: 26px;
    }
    .circle-container img {
        width: 80px;
        position: relative;
        z-index: 999;
    }
    .description-text,
    .feature-item p,
    .hero-description,
    .maincontent_web_tab p,
    .subtitle-text2,
    p.subtitle-text {
        width: auto !important;
        font-size: 12px !important;
        line-height: 24px !important;
    }
    .entire_black,
    .entire_btn,
    .entire_btn2 {
        font-size: 13px;
    }
    .sec_title br {
        display: none;
    }
    .sec_title {
        line-height: 32px !important;
        font-size: 24px !important;
    }
    .about_us p {
        font-size: 12px;
        line-height: 24px;
    }
    .about_us h4 {
        font-size: 20px;
        line-height: 32px;
    }
    .about_content {
        padding-left: 0;
    }
    .step-number {
        bottom: 10px;
        font-size: 40px;
    }
    .step-box {
        padding: 30px 20px;
        gap: 10px;
    }
}
@media (max-width: 569px) {
    .features-grid,
    .hero-buttons {
        display: block;
    }
    .circle-container {
        width: 80px !important;
        height: 80px !important;
    }
    .hero-buttons {
        margin-bottom: 10px;
    }
    div#navbarNavAltMarkup {
        position: fixed;
        width: 331px;
        height: 100vh;
        top: -11px;
        z-index: 999;
        border-radius: 0;
        right: 0;
    }
    .animation-container {
        display: none;
    }
    .p-auto {
        padding: 40px 15px;
    }
}