:root {
    --primary-color: #1e3c72;
    --secondary-color: #2a5298;
    --accent-color: #ffd700;
    --success-color: #28a745;
    --danger-color: #dc3545;
    --dark-color: #1a385d;
    --light-bg: #f8f9fa;
}

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

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    line-height: 1.7;
    color: #333;
    overflow-x: hidden;
}

.dropdown-content > a{
    cursor: pointer;
}
.focus-grid-cloumn-card{
    height: 230px!important;
}

/*Start: Nav bar CSS */
.navbar-nav .nav-link {
    font-size: 15px;
    margin-right: 12px;
}
.dropdown-menu a {
    font-size: 14px;
}
.cta-btn {
    padding: 8px 20px;
    background: linear-gradient(45deg, #03AFE4, #03AFE4)!important;
    color: #000!important;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s;
}
.new-add-pfo-btn{
    margin: 0 !important;
    margin-top: 40px !important;
    border-radius: 100px !important;
}
.cta-btn:hover {
    opacity: 0.9;
}

/* Custom breakpoint: collapse at 1024px */
@media (max-width: 1439px) {
    .navbar-expand-custom .navbar-collapse {
    display: none !important;
    }
    .navbar-expand-custom .navbar-toggler {
    display: block !important;
    }
    .navbar-expand-custom .collapse.show {
    display: block !important;
    }

    /* mobile menu vertical + CTA full width */
    .navbar-nav {
    flex-direction: column !important;
    gap: 10px;
    }
    .cta-btn {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
}

@media (min-width: 1440px) {
    .navbar-expand-custom .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    }
    .navbar-expand-custom .navbar-toggler {
    display: none !important;
    }

    /* desktop: menu items horizontal */
    .navbar-nav {
    flex-direction: row !important;
    align-items: center;
    }
}

/*End: Nav bar CSS */

/* Scoped cleanup for Valuation Calculators section */
#section-valuation {
    color: #0f172a;
}

#section-valuation h2,
#section-valuation h3,
#section-valuation h4 {
    color: #0f1b37;
}

#section-valuation .muted {
    color: #475569;
}

#section-valuation .accent {
    color: #9a7b2f;
}

/* gold accent if used */
#section-valuation .calc-badge {
    font-weight: 600;
    padding: 0.15rem 0.5rem;
    border-radius: 6px;
    border: 1px solid #e6eaf0;
}

#section-valuation .list {
    margin-left: 1rem;
}

#section-valuation .list li {
    margin: 0.35rem 0;
}

/* === EDIT96 (from EDIT79): Scoped Cross-Border adjustments per request === */
/* Main feature card background */
#crossborder [data-role="crossborder-main-card"] {
    background: rgba(130, 156, 208, 0.70) !important;
    color: #0f172a;
    border: 1px solid #e6eaf0;
    border-radius: 12px;
}

/* Upper tiles & bottom stat tiles backgrounds */
#crossborder .rounded {
    background-color: rgb(235, 235, 235) !important;
    color: #0f172a;
    border: 1px solid #e6eaf0;
    border-radius: 12px;
}

/* === EDIT97: Kill gradients inside Cross-Border main feature card, keep desired bg === */
#crossborder [data-role="crossborder-main-card"],
#crossborder [data-role="crossborder-main-card"] * {
    background-image: none !important;
}

#crossborder [data-role="crossborder-main-card"] {
    background: rgba(130, 156, 208, 0.70) !important;
    color: #0f172a;
    border: 1px solid #e6eaf0;
    border-radius: 12px;
}

/* === EDIT100: Cross-Border main card solid backgrounds (no band change) === */
#crossborder [data-role="crossborder-main-card"] {
    background-color: rgb(235, 235, 235) !important;
    background-image: none !important;
}

#crossborder [data-role="crossborder-main-card"] h1,
#crossborder [data-role="crossborder-main-card"] h2,
#crossborder [data-role="crossborder-main-card"] h3,
#crossborder [data-role="crossborder-main-card"] h4,
#crossborder [data-role="crossborder-main-card"] h5,
#crossborder [data-role="crossborder-main-card"] h6 {
    background-color: rgb(130, 156, 208) !important;
    background-image: none !important;
}

/* Header Styles */
.header {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.header.scrolled {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);
}

.navbar-brand {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary-color) !important;
}

.navbar-nav .nav-link {
    color: #333 !important;
    font-weight: 500;
    margin: 0 10px;
    transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
    color: var(--primary-color) !important;
}
/* Scoped: service bullets under contact section */
.service-bullets li {
    font-size: 0.95rem;
    line-height: 1.35;
    margin: 6px 0;
}
.list-style{
    color: #112853;
}
.btn.btn-primary-custom.ms-3 {
    padding: 15px 25px;
    border-radius: 100px;
}

.focustar-btn-style{
    /* border: 1px solid #03AFE4 !important;
    background: #03AFE4 !important; */

    background-color: #000000!important; /* Primary black for button */
    border: 1px solid #000000 !important;
    color: #ffffff!important; /* Blue text on black button */
    padding: 20px;
    font-size: 1.2rem;
    border-radius: 9999px!important;
    transition: all 0.3s ease; /* Smooth transition for hover */
}

.focustar-btn-style:hover{
    border: 1px solid #000000 !important;
    background: #000000 !important;
    color: #03AFE4!important;
}
/* Hero Section */
.hero {
    /* background: linear-gradient(135deg, rgba(2, 10, 24, 0.65) 0%, rgba(17, 40, 82, 0.65) 100%); */
    /* background-image: linear-gradient(135deg, rgba(10, 19, 53, 0.65) 0%, rgba(18, 38, 73, 0.65) 100%), url('../images/bc-image.jpg'); */
    background-color: #03AFE4; /* Primary blue as background */
    color: #000000; /* Primary black for text */
    padding: 60px 0;
    text-align: center;
    animation: fadeIn 1.5s ease-in-out;

    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    min-height: 100vh;
    display: flex;
    align-items: center;
    /* color: rgb(0, 0, 0); */
    position: relative;
    overflow: hidden;
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><pattern id="grid" width="50" height="50" patternUnits="userSpaceOnUse"><path d="M 50 0 L 0 0 0 50" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.5;
}

.hero-content {
    position: relative;
    z-index: 2;
    padding: 20px!important;
}

.hero h1 {
    font-size: 3.5rem;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    margin-bottom: 1.5rem;
}

.hero-subtitle {
    font-size: 1.3rem;
    opacity: 0.9;
    margin-bottom: 2rem;
}

.hero-stats {
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin: 3rem 0;
    flex-wrap: wrap;
}

.stat {
    text-align: center;
}

.stat-number {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    display: block;
}

.stat-label {
    font-size: 0.9rem;
    opacity: 0.8;
    margin-top: 0.5rem;
}

/* CTA Buttons */
.btn-primary-custom {
    background: linear-gradient(135deg, #000000, #000000);
    border: 2px solid #20bcd8!important;
    color: #fff!important;
    padding: 15px 35px;
    border-radius: 50px;
    font-weight: 600!important;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.btn-primary-custom:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(238, 90, 36, 0.4);
    color: #03AFE4!important;
}

.btn-secondary-custom {
    background: var(--accent-color);
    color: var(--dark-color);
    border: none;
    padding: 15px 35px;
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-secondary-custom:hover {
    background: #e6c200;
    transform: translateY(-2px);
    color: var(--dark-color);
}

/* Section Styles */
.section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-color);
    text-align: center;
    margin-bottom: 3rem;
}

.section-subtitle {
    font-size: 1.2rem;
    color: #666;
    text-align: center;
    max-width: 800px;
    margin: 0 auto 1.5rem;
}

/* Quick Facts */
.fact-item {
    text-align: center;
    padding: 3rem 1rem;
    background: white;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    height: 100%;
}

div.focustar-advisor h2.rotate-icon {
  animation: spin 5s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes float {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0px, 15px); /* Adjust values for desired float distance */
  }
  100% {
    transform: translate(0, 0);
  }
}

img.img-fluid.rounded-circle.border.border-4.border-warning {
    width: 250px;
    height: 300px !important;
}

.fact-icon {
    z-index: 2;
    animation: float 3s ease-in-out infinite; /* Adjust duration and timing function as needed */
}

.fact-item.fade-in-up.visible{
    border: 1px solid #03AFE4;
}

.fact-item.fade-in-up.visible:hover{
    border: 1px solid #F15D31;
}

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

.text-ten-card-header{
    color: #03AFE4;
}

.fact-icon {
    width: 60px;
    height: 60px;
    background: #03AFE4;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    font-size: 1.5rem;
}

.fact-number {
    font-size: 2rem;
    font-weight: 700;
    color: #03AFE4;
    margin-bottom: 0.5rem;
}

/* Cards */
.card-custom {
    border-radius: 15px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    height: 100%;
    overflow: hidden;
    border: 1px solid #03AFE4!important;
}

.card-custom:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    border: 1px solid #F15D31!important;
}

.card-header-custom {
    background: var(--primary-color);
    color: white;
    padding: 1.5rem;
    border: none;
}
.card-body-customer {
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2rem;
}

.card-body-custom {
    padding: 2rem;
}
.new-cross-ber-style{
    transition: 0.3s all;
}
.new-cross-ber-style:hover{
    border: 1px solid #FFCA2C !important;
}

/* Bussiness Card */
.business-card{
    border-radius: 20px  15px 15px 20px !important;
    
}
.business-card:hover{
    border: 1px solid #28a745;
}

/* FAQ Section */
.new-style2{
    background: linear-gradient(135deg, #abcff3, #e0e0e0);
}
.new-style{
     background: #000000;
     color: var(--light-bg);
     transition: 0.2s all;
}
.new-style > h4{
    color: var(--light-bg) !important;
}
.new-style:hover{
    background: #000000;
    border: 2px solid #a73a19;
}
.new-faq{
    color: #F15D31;
}
.faq-item {
    border-radius: 15px;
    padding: 2rem;
    margin-bottom: 2rem;
    height: 390px;
     border: 2px solid #F15D31;
}

.faq-item h4 {
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 1rem;
}

.faq-highlights {
    list-style: none;
    padding: 0;
}

.faq-highlights li {
    padding: 0.5rem 0;
    position: relative;
    padding-left: 1.5rem;
}

.faq-highlights li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #FFD700;
    font-weight: bold;
}

/* Personal Story Section */
.story-section {
    background: #f1f1f1;
    color: white;
    padding-bottom: 5rem;
}

.story-card {
    background: #000000;
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 3rem;
    border: 2px solid #000000;
    transition: 0.3s all;
}
.story-card:hover{
    border: 2px solid #FF6F61;
}
.story-highlight {
    background: #03AFE4;
    color: #fff!important;
    padding: 1.5rem;
    border-radius: 10px;
    margin: 2rem 0;
    font-weight: 600;
    text-align: center;
}

/* Testimonials */
.testimonial-item {
    margin: 50px 0;
    background: white;
    border-radius: 15px;
    padding: 30px 20px;
    /* padding-top: 20px; */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    text-align: center;
    height: 520px;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: 0.3s all;
}
.testimonial-item:hover{
    border: 1px solid #F15D31;
}
/* 
the-six-section
*/
.the-six-section{
    background: #000000;
    color: var(--light-bg);
    border-radius: 7px;
    padding-bottom: 30px;
}
.the-six-content-new-box{
    background: #066f8f;
    padding: 20px;
    border-radius: 10px;
    width: 70%;
    margin: 0 auto;
}
.testimonial-icon {
    color: var(--primary-color);
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.testimonial-content {
    flex-grow: 1;
    margin: 0;
    /* padding-top: 30px;
    padding-bottom: 20px; */
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

.testimonial-content p {
    font-style: italic;
    line-height: 1.6;
    margin: 0;
}

.testimonial-author h5 {
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 1rem;
}

.testimonial-author h6 {
    color: #666;
    font-size: 0.85rem;
    margin: 0;
}
.testimonial-author {
  order: -1;
}
/* Contact Section */
.contact-section {
    background: var(--light-bg);
    padding: 5rem 0;
}

.contact-form {
    background: white;
    border-radius: 15px;
    padding: 3rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.form-control-custom {
    border: 2px solid #e9ecef;
    border-radius: 10px;
    padding: 15px;
    font-size: 1rem;
    transition: border-color 0.3s ease;
}

.form-control-custom:focus {
    border-color: var(--primary-color);
    box-shadow: none;
}

/* Footer */
.footer {
    background: #000000;
    color: white;
    padding: 3rem 0 1rem;
}

.footer h5 {
    color:#03AFE4;
    margin-bottom: 1.5rem;
}

.footer a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer a:hover {
    color: var(--accent-color);
}

/* Swiper Testimonials */
.testimonials-swiper {
    height: 640px !important;
    /* padding-bottom: 40px !important; */
}

.testimonials-swiper .swiper-slide {
    height: 380px !important;
}

.swiper-pagination {
    bottom: 0 !important;
}

.swiper-pagination-bullet {
    background: var(--primary-color) !important;
    opacity: 0.5;
}

.swiper-pagination-bullet-active {
    background: var(--accent-color) !important;
    opacity: 1;
}

/* Responsive Design */
@media (max-width: 768px) {
    .hero h1 {
        font-size: 2.5rem;
    }

    .hero-stats {
        gap: 2rem;
    }

    .section-title {
        font-size: 2rem;
    }

    .faq-item {
        height: auto;
    }

    .card-custom{
        border: 1px solid #F15D31 !important;
    }
    .stat-number {
        font-size: 30px;
    }
    .container {
        overflow: hidden;
        width: 1296px;
    }
    .valuation-right h3 {
        text-align: left !important;
    }
    .valuation-section {
        width: 100%;
    }

    .testimonial-item {
        height: 550px;
    }

    .story-card {
        padding: 1.5rem;
    }
    .the-six-section{
        margin: 0 auto !important;
    }
    .the-six-section{
        padding-top: 30px;
        padding-bottom: 70px;
    }
    .the-six-content-new-box{
        width: 100%;
    }
    .card.card-custom.fade-in-up.new-card-focus-heig.transaction-card.visible {
        padding: 0;
    }

    table.table.table-bordered.table-striped.table-responsive
    {
        margin-left: -16px;
        border-radius: 10px;
    }
}

/* Animation Classes */
.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease;
}

.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Chips under contact image */
.focuster-list-service{
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .75rem;
    width: 100%;
}
.focustar-srv-title{
    font-size: 34px;
}
.focuster-with{
    width: 300px;
    padding: 20px 15px;
    background: #112a70;
    box-shadow: 0 1px 50px rgba(255, 255, 255, 0.04);
    border-radius: 8px;
    
}
.list-style{
    color: #ffffff;
}

.chip {
    font-size: .85rem;
    line-height: 1;
    padding: .4rem .65rem;
    border-radius: 9999px;
    background: #f5f8ff;
    border: 1px solid #e5ebff;
    color: #2a3a5e;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

/* Calculator vs Professional Valuation heading tweaks */
.calc-pro-con h5.calc-bad,
.calc-pro-con h4.calc-bad,
.calc-pro-con .calc-bad {
    color: #fff !important;
    font-weight: 700;
    padding-left: .75rem;
    border-left: 3px solid #dc3545;
    /* red */
    border-radius: 2px;
}

.calc-pro-con h5.calc-good,
.calc-pro-con h4.calc-good,
.calc-pro-con .calc-good {
    color: #fff !important;
    font-weight: 700;
    padding-left: .75rem;
    border-left: 3px solid #198754;
    /* green */
    border-radius: 2px;
}


.focustar-advisor-main{
    background: linear-gradient(135deg, #ececec, #eeedec);
}

.focustar-advisor {
    max-width: 1200px;
    margin: 60px auto;
    padding: 60px 20px;
    text-align: center;
}

.focustar-advisor h2 {
    font-size: 32px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.focustar-advisor h3 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #000000;
}

.focustar-description {
    max-width: 900px;
    margin: 0 auto 40px;
    font-size: 16px;
    line-height: 1.7;
    color: black;
}

.focustar-architecture {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    margin-bottom: 50px;
}

.focustar-architecture .focustar-card {
    background: #ffffff;
    border: 1px solid #4d93d9;
    border-radius: 16px;
    padding: 20px;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px #857d7d1a;
    text-align: left;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.focustar-architecture .focustar-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 25px #b3a9a91a;
    border: 1px solid #f39c12;
}

.focustar-architecture .focustar-card strong {
    display: block;
    font-size: 15px;
    margin-bottom: 6px;
    color: #f39c12;
}

.card.card-custom.fade-in-up.new-card-focus-heig.transaction-card.visible{
    background-color: #00caff0d;
}
.focustar-stats {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.focustar-stat-box {
    flex: 1 1 200px;
    background: linear-gradient(135deg, #f39c12, #f1c40f);
    color: #1f1c2c;
    border-radius: 16px;
    padding: 25px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(0,0,0,0.25);
    transition: transform 0.3s ease;
}

.focustar-stat-box:hover {
    transform: scale(1.05);
}

.focustar-stat-box span {
    display: block;
    font-size: 28px;
    margin-bottom: 8px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .focustar-card{
        text-align: center!important;
    }

    .focustar-advisor h2{
        font-size: 24px!important;
    }
    
    .focustar-advisor h3{
        font-size: 18px!important;
    }

    .focuster-with{
    width: 100%;
    
    }

    .focustar-srv-title{
        font-size: 28px;
        padding: 7px 0;
    }

    .nav-contact-button{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px!important;
        margin-bottom: 20px!important;
    }
    .noteble-wrapper {
        padding: 0 !important;
    }
}

/* Dropdown container */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 180px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}

/* Style each link inside dropdown */
.dropdown-content a {
    color: #333;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 14px;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
}

/* Show dropdown on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

.nav-link {
    cursor: pointer;
}

/* Video Style */
.focustar-video-title{
    margin: 0;
    padding-bottom: 12px;
}
.focuster-description{
    padding-bottom: 20px;
}
.focuster-video{
    border-radius: 10px;
}

/* Testimonial Author */
.testiminial-author{
    width: 70px;
    height: 70px;
    border-radius: 100px;
    margin-bottom: 15px;
}
.testi-span{
    font-size: 20px;
    color: #F15D32;
}

/* .testimonial-content {
    order: 2;
} */

 .valuation-section {
    display: grid;
    grid-template-columns: 1fr;
    max-width: 1296px;
    margin: auto;
    gap:40px;
    padding-top: 60px;
    padding-bottom: 60px;
}


@media (max-width: 768px) {
    .valuation-section {
        display: grid;
        grid-template-columns: 1fr!important;
        max-width: 1200px;
        margin: auto;
        padding-top: 60px;
    }
}

/* Headings with gradient line */
.valuation-left-title {
    position: relative;
    display: inline-block;
    font-size: 3rem;
}

 .valuation-left-title::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 60%;
    height: 3px;
    background: linear-gradient(90deg, #ff9d00, #ffce32);
    border-radius: 2px;
    animation: lineSlide 3s infinite alternate;
}

@keyframes lineSlide {
    0% { width: 30%; }
    100% { width: 80%; }
}

/* Left Card */
.valuation-left {
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(8px);
    border-radius: 14px;
    padding: 30px;
    box-shadow: 0 4px 25px rgba(0,0,0,0.06);
    transition: all 0.4s ease;
}

.valuation-left:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.1);
}

.valuation-left p {
    line-height: 1.7;
    margin: 15px 0 20px;
}

.valuation-left ul {
    margin: 15px 0;
    padding-left: 20px;
    list-style: none;
}

.valuation-left ul li {
    margin: 10px 0;
    position: relative;
    padding-left: 25px;
}

.valuation-left ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--success-color);
    font-weight: bold;
}

/* Highlight Box */
.cost-box {
    background: linear-gradient(135deg, #fff6e5, #ffecc2);
    border-left: 5px solid #ff9d00;
    border-radius: 10px;
    padding: 20px;
    margin-top: 25px;
    transition: all 0.3s ease;
}

.cost-box:hover {
    transform: scale(1.02);
    box-shadow: 0px 6px 18px rgba(0,0,0,0.1);
}

.cost-box h4 {
    color: #d97a00;
    margin-bottom: 12px;
    font-size: 1.1rem;
}

/* Right Card */
.valuation-right {
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(8px);
    border-radius: 14px;
    padding: 30px;
    box-shadow: 0 4px 25px rgba(0,0,0,0.06);
    transition: all 0.4s ease;
}

.valuation-calculator{
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
.valuation-calculator-green , .valuation-calculator-green{
    width: 50%;
}

.valuation-right:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.1);
}

.valuation-right h3 {
    font-size: 3rem;
    margin-bottom: 25px;
    text-align: left;
}

.valuation-right h4 {
    margin-top: 25px;
    margin-bottom: 12px;
    font-size: 1.15rem;
    font-weight: 700;
}

.valuation-right h4.red { color: #d9534f; }
.valuation-right h4.green { color: #28a745; }

.valuation-right ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.valuation-right ul li {
    margin: 10px 0;
    padding-left: 25px;
    position: relative;
}

.valuation-right h4.red + ul li::before {
    content: 'X';
    position: absolute;
    left: 0;
    color: var(--danger-color);
    font-weight: bold;
}

.valuation-right h4.green + ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--success-color);
    font-weight: bold;
}

/* CTA Button */
.cta-btn {
    display: block;
    text-align: center;
    background: linear-gradient(135deg, #ffc107, #ff9800);
    color: #111;
    font-weight: 600;
    text-decoration: none;
    padding: 15px 20px;
    border-radius: 10px;
    margin: 30px auto 15px;
    transition: all 0.4s ease;
    max-width: 280px;
}

.cta-btn:hover {
    background: linear-gradient(135deg, #ff9800, #e68900);
    color: #fff;
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 6px 18px rgba(0,0,0,0.2);
}

.valuation-right p {
    text-align: center;
    font-size: 0.95rem;
    color: #555;
}
.focustar-recent-succes{
    font-weight: 600;
    color: #d9534f;
}
.focustar-site-link{
    font-size: 16px;
    font-weight: 600;
}
/* Select Box */

/* for privacy policy */
/* Page container */
section.focustar-policy{max-width:1024px;margin:0 auto;padding:28px; padding-top: 100px;}
div.focustar-card-container{padding:28px;border-radius:12px;border:1px solid;}

/* Title / meta */
p.focustar-title{font-size:20px;font-weight:700;margin-bottom:8px}
p.focustar-meta{font-size:13px;opacity:0.85;margin-bottom:18px}


/* Each numbered section */
div.focustar-section{padding:18px 0;border-top:1px solid}
div.focustar-section:first-of-type{border-top:0;padding-top:0}
p.focustar-section-title{font-weight:600;margin-bottom:8px}
p.focustar-text{margin-bottom:10px}


/* Accessibility: make clickable area roomier when printed or zoomed */
@media (max-width:600px){
    section.focustar-policy{
        padding:0
    }
    div.focustar-card{
        padding:18px
    }
    section.focustar-policy{
        padding: 10px;
        padding-top:80px;
    }
}
/* **************************** */
    /* Service Page Style */
/* *************************** */
.focus-service-section{
    margin-top: 20px;
    padding-bottom: 30px;
}
.section-title{
    margin-bottom: 15px;
}
.service-hero {
    position: relative;
    background-image: linear-gradient(135deg, rgba(19, 33, 83, 0.65) 0%, rgba(21, 37, 95, 0.65) 100%), url('../images/Service-bg2.jpg');
    padding-top: 100px;
    padding-bottom: 50px;
    color: white;
}
.service-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(16, 5, 54, 0.507);
}
.service-title{
    font-size: 56px;
    font-weight: 700;
}
.service-card-style{
    transition: 0.3s all;
}
.service-card-style:hover{
    background: rgb(241, 245, 255);
    border: 1px solid #fcd097;
}

.discuss-your-nedd{
    padding-bottom: 50px;
}

/* Recent Valuation Success */

        :root {
            --gradient-blue: linear-gradient(135deg, #3b82f6, #2563eb);
            --gradient-emerald: linear-gradient(135deg, #10b981, #059669);
            --gradient-purple: linear-gradient(135deg, #8b5cf6, #7c3aed);
            --gradient-main: linear-gradient(135deg, #6366f1, #8b5cf6);
        }

        body {
            background: linear-gradient(135deg, #f8fafc 0%, #ffffff 50%, #f1f5f9 100%);
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        .section-header {
            background: var(--gradient-main);
            color: white;
            border-radius: 1rem;
            padding: 0.75rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.5rem;
            box-shadow: 0 10px 25px rgba(99, 102, 241, 0.3);
        }

        .main-title {
            background: linear-gradient(135deg, #6366f1, #8b5cf6);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-weight: 700;
        }

        .success-card {
            background: white;
            border-radius: 1.5rem;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            border: 1px solid rgba(0, 0, 0, 0.05);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            margin-bottom: 2rem;
        }

        .success-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        .card-accent {
            height: 4px;
            background: var(--gradient-blue);
            transition: all 0.4s ease;
        }

        .success-card:hover .card-accent {
            height: 6px;
        }

        .success-card.emerald .card-accent {
            background: var(--gradient-emerald);
        }

        .success-card.purple .card-accent {
            background: var(--gradient-purple);
        }

        .icon-container {
            width: 4rem;
            height: 4rem;
            border-radius: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s ease;
            object-fit: cover;
        }

        .success-card:hover .icon-container {
            transform: scale(1.1);
        }

        .icon-blue {
            background: rgba(59, 130, 246, 0.1);
            color: #2563eb;
        }

        .icon-emerald {
            background: rgba(16, 185, 129, 0.1);
            color: #059669;
        }

        .icon-purple {
            background: rgba(139, 92, 246, 0.1);
            color: #7c3aed;
        }

        .number-badge {
            width: 3rem;
            height: 3rem;
            border-radius: 1rem;
            background: var(--gradient-blue);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.1rem;
            box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);
        }

        .success-card.emerald .number-badge {
            background: var(--gradient-emerald);
            box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);
        }

        .success-card.purple .number-badge {
            background: var(--gradient-purple);
            box-shadow: 0 4px 15px rgba(139, 92, 246, 0.4);
        }

        .card-title {
            color: #1f2937;
            font-weight: 700;
            line-height: 1.3;
        }

        .card-text {
            color: #6b7280;
            line-height: 1.6;
        }

        .cta-section {
            text-align: center;
            margin-top: 3rem;
            padding: 2rem;
            background: rgba(255, 255, 255, 0.7);
            border-radius: 1rem;
            backdrop-filter: blur(10px);
        }

        .cta-divider {
            height: 2px;
            background: var(--gradient-main);
            border-radius: 1px;
            margin: 0.5rem auto;
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .section-header {
                width: 3rem;
                height: 3rem;
            }
            
            .icon-container {
                width: 3rem;
                height: 3rem;
                margin: 0 auto 1rem;
            }
            
            .number-badge {
                width: 2.5rem;
                height: 2.5rem;
                margin: 1rem auto 0;
            }
            
            .card-title {
                font-size: 1.1rem;
            }
            
            .card-text {
                font-size: 0.9rem;
            }

            .valuation-calculator{
                display: block;
                width: 95%;
            }
            .valuation-right h3 {
                font-size: 2rem;
            }
            .valuation-calculator-green , .valuation-calculator-green{
                width: 100%;
            }
        }

        @media (min-width: 992px) {
            .icon-container {
                width: 5rem;
                height: 5rem;
            }
            
            .number-badge {
                width: 3.5rem;
                height: 3.5rem;
            }
        }

        /* Every Month Withour a valuavaion cost */
        :root {
            --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            --danger-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
            --warning-gradient: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
            --success-gradient: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
            --card-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
            --card-hover-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
        }
        
              
        .hero-section {
            /* background: var(--primary-gradient); */
            position: relative;
            overflow: hidden;
        }
        
        .hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><defs><radialGradient id="a" cx="50%" cy="0%" r="100%"><stop offset="0%" stop-color="%23ffffff" stop-opacity="0.1"/><stop offset="100%" stop-color="%23ffffff" stop-opacity="0"/></radialGradient></defs><rect width="100" height="20" fill="url(%23a)"/></svg>');
            opacity: 0.1;
        }
        
        .hero-content {
            position: relative;
            z-index: 2;
        }
        
        .display-3 {
            font-weight: 800;
            letter-spacing: -0.02em;
        }
        
        .custom-divider {
            width: 80px;
            height: 4px;
            background: white;
            border: none;
            border-radius: 2px;
            margin: 2rem auto;
        }
        
        .risk-card {
            background: white;
            border: none;
            border-radius: 20px;
            box-shadow: var(--card-shadow);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
            height: 100%;
        }
        
        .risk-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: var(--primary-gradient);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.3s ease;
        }
        
        .risk-card:hover {
            transform: translateY(-10px);
            box-shadow: var(--card-hover-shadow);
        }
        
        .risk-card:hover::before {
            transform: scaleX(1);
        }
        
        .total-transaction{
            background-color: #000000!important;
        }

        .icon-container {
            width: 110px;
            height: 110px;
            /* border-radius: 50%; */
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1.5rem;
            position: relative;
            overflow: hidden;
        }
        .icon-container img{
            height: 95px;
            width: 95px;
            border-radius: 10px;
        }

        .icon-container.warning {
            background: var(--warning-gradient);
        }
        
        .icon-container.danger {
            background: var(--danger-gradient);
        }
        
        .icon-container.success {
            background: var(--success-gradient);
        }
        
        .icon-container i {
            font-size: 2.5rem;
            color: white;
            position: relative;
            z-index: 2;
        }
        
        .card-title {
            font-weight: 700;
            font-size: 1.4rem;
            color: #2d3748;
            margin-bottom: 1rem;
        }
        
        .card-text {
            font-size: 1rem;
            line-height: 1.7;
            color: #718096;
        }
        
        .pulse-animation {
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }
        
        .floating-element {
            animation: float 6s ease-in-out infinite;
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
        }
        
        @media (max-width: 768px) {
            .display-3 {
                font-size: 2.5rem;
            }
            
            .hero-section {
                padding: 4rem 0;
            }
            
            .icon-container {
                width: 80px;
                height: 80px;
            }
            
            .icon-container i {
                font-size: 2rem;
            }
            .service-card-style{
                border: 1px solid #fcd097 !important;
            }
        }
        
        .stats-badge {
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 50px;
            padding: 0.5rem 1.5rem;
            color: white;
            font-weight: 600;
            display: inline-block;
            margin: 0.5rem;
        }
        .position-relative{
            background: #fff;
            padding-top: 10px;
            /* padding-bottom: 30px; */
        }
        .new-cost-wrapper{
            padding-bottom: 30px;
        }
        .service-main-wrapper{
            background: rgb(244, 244, 255);
        }
        /* Wife Link Style */
        .wife-link{
            text-decoration: none;
            color: #03AFE4;
;
        }


/* Business Advisor Valuation */
.business-advisor-hero{
    /* background: linear-gradient(135deg, rgba(2, 10, 24, 0.65) 0%, rgba(17, 40, 82, 0.65) 100%);
    background-image: linear-gradient(135deg, rgba(10, 19, 53, 0.65) 0%, rgba(18, 38, 73, 0.65) 100%), url('../images/operation-im1.jpg'); */

    background-color: #03AFE4; /* Primary blue as background */
    color: #000000; /* Primary black for text */
    padding: 60px 0;
    text-align: center;
    animation: fadeIn 1.5s ease-in-out;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 80vh;
    display: flex;
    align-items: center;
    color: white;
    position: relative;
    overflow: hidden;
}

div .hero-content .business-hero-subtitle{
    padding: 20px 0!important;
}


.why-business-woner-section{
    padding-bottom: 30px;
}

:root{
      --ink: #0f172a;           /* slate-900 */
      --sub: #6b7280;           /* slate-500 */
      --line: #e5e7eb;          /* gray-200 */
      --bg: #f8fafc;            /* slate-50 */
      --accent: #2563eb;        /* blue-600 */
      --mint: #10b981;          /* green-500 */
      --amber: #f59e0b;         /* amber-500 */
      --rose: #ef4444;          /* red-500 */
    }

    .section-wrap{
      background: radial-gradient(1200px 400px at 50% -60px, #eef2ff 0%, transparent 60%) no-repeat, var(--bg);
      padding: clamp(3rem, 6vw, 6rem) 0;
    }

    .eyebrow{
      display:inline-flex; gap:.5rem; align-items:center;
      padding:.35rem .7rem; border:1px solid #e2e8f0; border-radius:999px;
      background:#fff; color:#334155; font-weight:600; font-size:.875rem;
    }
    .title{
      margin-top:1rem;
      font-weight:800; line-height:1.15; letter-spacing:.2px;
      font-size: clamp(1.9rem, 3.6vw, 3rem);
    }
    .subtitle{
      color: var(--sub); font-size: clamp(.98rem, 1.2vw, 1.15rem);
      max-width: 48rem; margin-inline:auto;
    }
    .soft-rule{
      height: 2px; width:min(680px, 92%); margin: 1.25rem auto 2.25rem;
      background: linear-gradient(90deg, transparent, #dbeafe, transparent);
      border-radius:2px;
    }

    .benefit-card{
      border: 1px solid var(--line);
      border-radius: 18px;
      background:#fff;
      padding: 1.75rem 1.5rem;
      box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      position: relative;
    }
    .benefit-card:hover{
      transform: translateY(-4px);
      box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
      border-color:#d1d5db;
    }
    /* top accent bar */
    .benefit-card::before{
      content:"";
      position:absolute; inset:0 0 auto 0; height:6px; border-radius:18px 18px 0 0;
      background: var(--accent);
    }
    .benefit-card.mint::before{ background: var(--mint); }
    .benefit-card.amber::before{ background: var(--amber); }

    .icon-wrap{
      width:64px; height:64px; border-radius:14px;
      display:grid; place-items:center; margin: .25rem auto 1rem;
      background:#f1f5ff; /* light blue */
    }
    .mint .icon-wrap{ background:#ecfdf5; }
    .amber .icon-wrap{ background:#fff7ed; }

    .icon-wrap i{ font-size:28px; }
    .mint .icon-wrap i{ color: var(--mint); }
    .amber .icon-wrap i{ color: var(--amber); }
    .benefit-card:not(.mint):not(.amber) .icon-wrap i{ color: var(--accent); }

    .benefit-title{
      font-weight: 700; font-size: 1.25rem; margin-bottom:.35rem; text-align:center;
    }
    .benefit-text{
      color: var(--sub); line-height:1.65; font-size:1rem; text-align:center;
      max-width: 36ch; margin: 0 auto;
    }

    /* Better spacing on small screens */
    @media (max-width: 767.98px){
      .benefit-card{ padding: 1.5rem 1.25rem; }
    }


    :root{
      --ink:#0f172a;          /* slate-900 */
      --muted:#667085;        /* neutral */
      --line:#e6e8ec;         /* border */
      --bg:#f8fafc;           /* subtle section bg */
      --brand:#2563eb;        /* blue */
      --mint:#0ea5e9;         /* cyan-ish */
      --teal:#0ea5a4;         /* teal */
      --amber:#f59e0b;        /* amber */
    }

    .wrap-val{
      background:
        radial-gradient(1200px 400px at 50% -480px, #eaf2ff 0%, transparent 70%) no-repeat,
        #fff;
      padding: clamp(3rem, 5vw, 5.5rem) 0 3rem;
    }

    .eyebrow{
      display:inline-flex; align-items:center; gap:.5rem;
      padding:.35rem .7rem; border:1px solid #e5e7eb; border-radius:999px;
      font-weight:600; font-size:.875rem; background:#fff; color:#344054;
    }
    .h-title{
      font-weight:800; line-height:1.15; letter-spacing:.2px;
      font-size:clamp(1.6rem, 3.2vw, 2.2rem); margin:.75rem 0 1.5rem;
    }

    /* Left checklist */
    .check-list{ list-style:none; padding:0; margin:0; }
    .check-list li{
      display:flex; gap:.75rem; align-items:flex-start;
      padding:.35rem 0; color:#384250;
    }
    .check-icon{
      width:22px; height:22px; border-radius:50%;
      display:grid; place-items:center; flex:0 0 22px;
      background:#e6f4ff; color:#1166ff; border:1px solid #cfe6ff;
      font-size:12px;
      margin-top:.15rem;
    }

    /* Right “process” summary card */
    .summary-card{
      border:1px solid var(--line); border-radius:18px;
      background:#fff; padding:1.25rem 1.25rem;
      box-shadow:0 10px 20px rgba(15,23,42,.05);
    }
    .summary-card .title{
      font-weight:700; font-size:1.15rem; margin-bottom:.75rem;
    }
    .summary-card ul{ list-style:none; padding:0; margin:0; }
    .summary-card li{
      display:flex; gap:.6rem; align-items:flex-start; color:#384250;
      padding:.45rem 0;
    }
    .mini-check{
      width:18px; height:18px; border-radius:50%;
      display:grid; place-items:center; flex:0 0 18px;
      background:#ecfeff; color:#0891b2; border:1px solid #c6f6ff;
      font-size:10px; margin-top:.2rem;
    }
    .summary-note{
      font-size:.85rem; color:#6b7280; margin-top:.5rem;
      font-style:italic;
    }

    /* Section divider */
    .soft-divider{
      height:2px; width:min(860px,92%); margin: 2.5rem auto;
      background: linear-gradient(90deg, transparent, #dbeafe, transparent);
      border-radius:2px;
    }

    /* Steps list (left rail) */
    .step{
      display:flex; gap:1rem; align-items:flex-start; padding:1rem 0;
      border-bottom:1px dashed #ecedf0;
    }
    .step:last-child{ border-bottom:none; }
    .step-icon{
      width:54px; height:54px; border-radius:14px; display:grid; place-items:center;
      background:#eff6ff; color:#1d4ed8; font-size:26px; flex:0 0 54px;
    }
    .step.teal .step-icon{ background:#ecfdf5; color:#0f766e; }
    .step.mint .step-icon{ background:#f0f9ff; color:#0284c7; }
    .step.amber .step-icon{ background:#fff7ed; color:#b45309; }

    .step h4{ font-size:1.05rem; font-weight:700; margin:0 0 .15rem; }
    .step p{ margin:0; color:var(--muted); font-size:.97rem; }

    /* Right detail card */
    .details-card{
      border:1px solid var(--line); border-radius:18px; background:#f9fbfd;
      padding:1.4rem 1.3rem; box-shadow:0 8px 18px rgba(15,23,42,.05);
    }
    .details-card .title{
      font-weight:800; font-size:1.2rem; margin-bottom:.65rem;
    }
    .details-card .item{ display:flex; gap:.6rem; padding:.45rem 0; color:#374151; }
    .details-card .dot{
      width:18px; height:18px; border-radius:50%; flex:0 0 18px;
      display:grid; place-items:center; background:#eef2ff; color:#3742f2; font-size:10px;
      border:1px solid #e0e7ff; margin-top:.2rem;
    }
    .tiny{ font-size:.9rem; color:#6b7280; margin-top:.6rem; font-style:italic; }


    :root{
    --ink:#0f172a;
    --muted:#667085;
    --line:#e6e8ec;
    --fail:#ef4444;
    --fail-bg:#fff1f1;
    --pass:#16a34a;
    --pass-bg:#f1fcf4;
    --accent:#2563eb;
  }
  body{ font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial; color:var(--ink); }

  .time-kills-blk-wrap{
    background:#f8fafc;
    padding: clamp(3rem, 6vw, 5.5rem) 0;
  }
  .time-kills-eyebrow{
    display:inline-flex; gap:.5rem; align-items:center;
    padding:.35rem .7rem; border:1px solid #e5e7eb; border-radius:999px; background:#fff;
    font-weight:600; font-size:.9rem; color:#344054;
  }
  .time-kills-title{
    font-weight:800; line-height:1.15; letter-spacing:.2px;
    font-size: clamp(1.8rem, 3.4vw, 2.4rem);
    margin:.8rem 0 .25rem;
  }
  .time-kills-subtitle{ color:var(--muted); }

  .time-kills-panel{
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    padding:1.25rem 1.25rem 1.1rem;
    box-shadow:0 10px 20px rgba(15,23,42,.05);
  }
  .time-kills-panel.time-kills-bad{ background:var(--fail-bg); border-color:#ffc9c9; }
  .time-kills-panel.time-kills-good{ background:var(--pass-bg); border-color:#b9f4c5; }

  .time-kills-panel h4{ font-weight:800; font-size:1.1rem; margin-bottom:.35rem; }
  .time-kills-lead-tiny{ color:var(--muted); font-size:.98rem; margin-bottom:.7rem; }

  .time-kills-list{
    list-style:none; padding:0; margin:0;
    display:grid; gap:.45rem;
  }
  .time-kills-item{
    display:flex; gap:.6rem; align-items:flex-start; font-size:1rem; color:#374151;
  }
  .time-kills-icon{
    width:20px; height:20px; border-radius:50%; display:grid; place-items:center; flex:0 0 20px;
    font-size:12px; margin-top:.15rem;
  }
  .time-kills-bad .time-kills-icon{ background:#ffe9e9; color:#d92c2c; border:1px solid #ffd4d4; }
  .time-kills-good .time-kills-icon{ background:#e8ffe9; color:#14843b; border:1px solid #c7f3cf; }

  .time-kills-vs-badge{
    display:inline-flex; align-items:center; gap:.5rem;
    background:#fff; border:1px dashed var(--line); border-radius:999px; padding:.4rem .8rem;
    color:#344054; font-weight:600; font-size:.9rem;
  }

  .time-kills-result-callout{
    border-radius:14px; padding:.9rem 1rem; font-weight:700;
    background:linear-gradient(0deg,#fff, #fff) padding-box,
               linear-gradient(90deg,#fca5a5,#fecaca) border-box;
    border:1px solid transparent; color:#991b1b; text-align:center;
  }

  .time-kills-kpis{
    display:flex; gap:.75rem; flex-wrap:wrap;
  }
  .time-kills-kpi{
    flex:1 1 150px; background:#fff; border:1px solid var(--line); border-radius:12px;
    padding:.7rem .85rem; text-align:center;
  }
  .time-kills-kpi strong{ display:block; font-size:1.15rem; }
  .time-kills-kpi span{ color:var(--muted); font-size:.9rem; }


  :root{
    --ink:#0f172a;          /* text */
    --muted:#667085;        /* subtitle */
    --line:#e6e8ec;         /* border */
    --accent:#2563eb;       /* brand */
    --accent-2:#22c55e;     /* green */
  }
  body{ font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial; color:var(--ink); }

  .stats-wrap{
    background:#f8fafc;
    padding: clamp(2.5rem, 6vw, 5rem) 0;
  }
  .stats-grid{
    display:grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: clamp(1rem, 2vw, 1.5rem);
  }
  @media (max-width: 991.98px){ .stats-grid{ grid-template-columns: repeat(2, 1fr);} }
  @media (max-width: 575.98px){ .stats-grid{ grid-template-columns: 1fr;} }

  .stat-card{
    position:relative;
    background:#fff;
    border-radius:15px;
    /* border:1px solid var(--line); */
    box-shadow:0 10px 22px rgba(15,23,42,.05);
    padding: 1.4rem 1.1rem 1.1rem;
    text-align:center;
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }
  /* Gradient top edge */
  .stat-card::before{
    content:"";
    position:absolute; inset:0 0 auto 0; height:12px; border-radius:25px 25px 0 0;
    background: linear-gradient(90deg, #60a5fa, #22c55e);
  }
  .stat-card:hover{
    transform: translateY(-4px);
    box-shadow:0 16px 36px rgba(15,23,42,.08);
    border-color:#d9dde3;
  }

  .stat-icon{
    width:42px; height:42px; border-radius:12px; margin:-22px auto .35rem;
    display:grid; place-items:center; background:#eef2ff; color:#1d4ed8; font-size:20px;
    border:1px solid #e0e7ff;
    margin-top: 1px;
    margin-bottom: 20px;
  }

  .about-adviosr-section{
    padding-bottom: 0!important;
  }

  .stat-number{
    font-weight:800;
    font-size: clamp(1.8rem, 3.2vw, 2.4rem);
    letter-spacing:.3px;
    line-height:1.05;
  }
  .stat-suffix{ font-weight:800; }
  .stat-label{
    color:var(--muted);
    margin-top:.35rem;
    font-size:1rem;
  }

  .hero-stat-label{
    color:#fff!important;
    margin-top:.35rem;
    font-size:1rem;
  }

  /* Optional fine divider */
  .stat-divider{
    height:1px; width:64px; margin:.6rem auto .4rem;
    background:linear-gradient(90deg, transparent, #dbeafe, transparent);
    border-radius:2px;
  }


  :root{
    --ink:#0f172a;         /* main text */
    --muted:#667085;       /* body text */
    --line:#e6e8ec;        /* borders */
    --blue-bg:#eaf2ff;
    --mint-bg:#eaf7f1;
    --sun-bg:#fff7e0;
    --pink-bg:#fdecef;
    --ice-bg:#eaf8ff;
    --gold:#f4b400;
  }
  body{ font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial; color:var(--ink); }

  .focus-wrap{
    background:#f8fafc;
    padding: clamp(2.5rem, 5vw, 4.5rem) 0;
  }

  .focus-title{
    font-weight:800;
    letter-spacing:.2px;
    line-height:1.15;
    font-size: clamp(1.8rem, 3.4vw, 2.6rem);
  }
  .focus-sub{ color:var(--muted); }

  .focus-grid{ row-gap:1.25rem; }

  .focus-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:16px;
    padding:1.2rem 1.15rem;
    box-shadow:0 10px 22px rgba(15,23,42,.05);
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }
  .focus-card:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(15,23,42,.08); border-color:#d9dde3; }
  .focus-card h4{
    font-size:1.15rem; font-weight:800; margin: .25rem 0 .6rem;
    text-decoration: underline;
    text-underline-offset: 5px;
  }
  .focus-card p{ color:var(--muted); margin-bottom:0; }

  /* pastel variants */
  .focus-blue{ background:var(--blue-bg); }
  .focus-mint{ background:var(--mint-bg); }
  .focus-sun { background:var(--sun-bg); }
  .focus-pink{ background:var(--pink-bg); }
  .focus-ice { background:var(--ice-bg); }

  /* highlighted (gold) card */
  .focus-gold{
    background:#ffd54a;
    border-color:#f9c646;
  }
  .focus-gold h4{ text-decoration-color:#7c4a00; }
  .focus-gold p{ color:#3b3b3b; }



  /* About Section Before */
/* Section Titles */
.before-about-section-title {
    font-weight: 700;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 2rem;
    color: #03AFE4; /* Text color for section titles */
    position: relative;
}

.before-about-section-title::after {
    content: "";
    width: 80px;
    height: 4px;
    background: linear-gradient(to right, #ff6f61, #0d6efd);
    display: block;
    margin: 0.5rem auto;
    border-radius: 2px;
}

/* Cards */
.before-about-card {
    border: 2px solid #0d6efd; /* Border color */
    background-color: #000000; /* Set card background color to #1A385D */
    color: white; /* Text color */
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, border-color 0.3s ease;
    opacity: 0;
    transform: translateY(30px);
    animation: before-about-fadeInUp 1s forwards;
}

.before-about-card:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
    background-color: #000000; /* Lighter shade on hover */
    border-color: #ff6f61; /* Change border color on hover */
}

/* Fade-in Animation */
@keyframes before-about-fadeInUp {
    to {
    opacity: 1;
    transform: translateY(0);
    }
}

/* Quote */
.before-about-quote {
    font-style: italic;
    color: #03AFE4;
    border-left: 4px solid #03AFE4;
    padding-left: 15px;
    margin: 15px 0;
}

.recent-valiation-section-bg{
    background-color: #fffce8!important;
}

/* Icon Circles */
.before-about-icon-shape {
    width: 60px;
    height: 60px;
    background: #0d6efd;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    margin: 0 auto 20px auto;
    transition: background 0.3s ease, transform 0.3s ease;
}

.before-about-card:hover .before-about-icon-shape {
    background: #ff6f61;
    transform: rotate(15deg) scale(1.1);
}

/* Lead text */
.before-about-lead {
    color: rgb(0, 0, 0); /* Set lead text color to white */
}

/* Responsive spacing */
@media (max-width: 768px) {
    .before-about-card {
    margin-bottom: 20px;
    }

    .before-about-cta-btn {
    padding: 12px 25px;
    }

    .before-about-section-title {
    font-size: 1.5rem;
    }
}

/* Call to Action Button */
.before-about-cta-btn {
    background-color: #ff8c00;
    color: white;
    padding: 15px 30px;
    font-size: 1.25rem;
    font-weight: 600;
    border-radius: 25px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.before-about-cta-btn:hover {
    background-color: #e07b00;
}

/* Section background color */
.before-about-section {
    background-color: transparent; /* All sections have this background */
    color: #000!important;
    padding: 40px 0;
}
.adjastment-hero{
    margin: 0;
    padding-top: 10px;
}

/* ################################## */
    /* technology-intigration-hero*/
/* ################################## */

.technology-intigration-hero{
    background: linear-gradient(135deg, rgba(2, 10, 24, 0.65) 0%, rgba(17, 40, 82, 0.65) 100%);
    background-image: linear-gradient(135deg, rgba(10, 19, 53, 0.65) 0%, rgba(18, 38, 73, 0.65) 100%), url('../images/technology1.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 60vh;
    display: flex;
    align-items: center;
    color: white;
    position: relative;
    overflow: hidden;
    padding-top: 100px;
}

:root{
    --bkr-bg-start:#121e3b;
    --bkr-bg-end:#1A385D;
    --bkr-card:#162042;
    --bkr-text:#eaf0ff;
    --bkr-muted:#aeb7d4;
    --bkr-brand:#6ea8ff;
    --bkr-accent:#8ef3d9;
    --bkr-radius:16px;
    --bkr-shadow:0 12px 30px rgba(0,0,0,.25);
}

.bkr-section{
    background: radial-gradient(1200px 600px at 10% -10%, rgba(110,168,255,.12), transparent 55%),
                radial-gradient(1000px 500px at 90% 0%, rgba(142,243,217,.10), transparent 55%),
                linear-gradient(180deg, var(--bkr-bg-start), var(--bkr-bg-end));
    color: var(--bkr-text);
    padding: clamp(48px, 6vw, 96px) 0;
    position: relative;
    overflow: hidden;
}

.bkr-eyebrow{
    display:inline-block;
    font-size:.85rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-weight:600;
    color: var(--bkr-accent);
    background: linear-gradient(90deg, rgba(110,168,255,.18), rgba(142,243,217,.18));
    border: 1px solid rgba(142,243,217,.35);
    padding: 6px 12px;
    border-radius: 999px;
    backdrop-filter: blur(6px);
}

.bkr-title{
    font-weight:800;
    letter-spacing:-.02em;
    margin: 12px 0 8px;
}

.bkr-subtitle{
    color: var(--bkr-muted);
    max-width: 900px;
    margin-inline: auto;
}

.bkr-card{
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    border: 1px solid rgba(110,168,255,.25);
    border-radius: var(--bkr-radius);
    box-shadow: var(--bkr-shadow);
    height: 100%;
    transition: transform .25s ease, border-color .25s ease, background .25s ease;
    backdrop-filter: blur(10px);
}
.bkr-card:hover{
    transform: translateY(-6px);
    border-color: rgba(142,243,217,.55);
    background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
}

.bkr-icon{
    font-size: 2rem;
    line-height: 1;
    width: 56px; height: 56px;
    display:grid; place-items:center;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(110,168,255,.22), rgba(142,243,217,.20));
    border:1px solid rgba(110,168,255,.35);
}

.bkr-card h3{
    margin: 12px 0 6px;
    font-weight: 700;
}
.bkr-card p{
    color: var(--bkr-muted);
    margin: 0;
}

/* Accessibility: reduce motion */
@media (prefers-reduced-motion: reduce){
    [data-aos]{opacity:1 !important; transform:none !important; transition:none !important;}
}
.technology-style{
    padding-top: 60px!important;
    padding-bottom: 60px!important;
}

/* Strategic white papper Sction */
.sf-eyebrow.badge.rounded-pill.px-3.py-2.mb-3.animate__animated.animate__fadeInDown {
    background: #03AFE4;
    font-weight: 800;
}
.sf-section {
    background: linear-gradient(45deg, #fbfbff 0%, #d7e9ff 100%);
    /* color: #ffff; */
}
.sf-eyebrow {
    background-color: #646f81;
    color: #0d6efd;
    font-weight: 600;
}
.sf-title {
    letter-spacing: -0.02em;
}
.sf-subtitle {
    max-width: 900px;
    margin-inline: auto;
}
.sf-card {
    border-radius: 18px;
}
.sf-icon-circle {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}
.sf-subtitle.lead.text-secondary.animate__animated.animate__fadeIn {
    color: #000 !important;
}
.btn.btn-primary.btn-lg.px-4.animate__animated.animate__pulse.animate__infinite {
    margin-left: 20px;
    border-radius: 100px;
    background: #03AFE4;
    border: none;
}
.sf-card.card.border-0.shadow-lg.p-4.p-md-5.animate__animated.animate__fadeInUp {
    border-radius: 15px;
}

/* ################################## */
    /* operation-system-hero*/
/* ################################## */

.operation-system-hero{
    background: linear-gradient(135deg, rgba(2, 10, 24, 0.65) 0%, rgba(17, 40, 82, 0.65) 100%);
    background-image: linear-gradient(135deg, rgba(10, 19, 53, 0.65) 0%, rgba(18, 38, 73, 0.65) 100%), url('../images/operation-im2.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 60vh;
    display: flex;
    align-items: center;
    color: white;
    position: relative;
    overflow: hidden;
    padding-top: 100px;
}

/* Become Complex */
.becme-complex-wrapper{
    background: #f5f5ff;
}
/* Styling for section title */
.section-title {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

/* Card Styling */
.problem-card {
    border: 2px solid #ddd; /* Default border color */
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    background-color: #f9f9f9;
    border: 1px solid #0d6efd;
    box-shadow: 0 2px 10px rgba(250, 235, 152, 0.1);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.problem-card {
    height: 210px;
    text-align: center;
}
/* Border color change on hover */
.problem-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 4px 20px rgba(244, 255, 85, 0.15);
    border: 1px solid #c29f03; /* Hover border color */
}

/* Animation on scroll */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(50px);
    animation: fadeInUp 0.8s forwards;
}

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

/* Mobile responsiveness - show two cards per row */
@media (max-width: 768px) {
    .problem-grid {
        display: block;
        margin: 0 auto;
    }
    .problem-card {
        height: auto;
        text-align: center;
    }
}

/* Grid for 2 cards per row */
.problem-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.5rem;
}
/* Ready to navigation Section */
.cta-content {
    text-align: center;
    padding: 70px 20px;
    background: linear-gradient(135deg, #274D90, #0d6efd); /* Gradient background */
    color: white;
    border-radius: 20px; /* Soft rounded corners */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.cta-content h2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    letter-spacing: 1px;
}

.cta-content p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    line-height: 1.6;
}

.consultation-btn {
    padding: 14px 50px;
    background-color: #ffd700;
    color: #333;
    font-size: 1.2rem;
    font-weight: 600;
    border: none;
    border-radius: 30px;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    display: inline-block;
}

.consultation-btn:hover {
    background-color: #F15D31;
    transform: translateY(-7px); /* Button lift effect */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); /* Shadow effect */
}
.cta-content p:last-child {
    font-size: 1rem;
    opacity: 0.8;
    margin-top: 20px;
}
.ready-navigation-pra{
    width: 65%;
    margin: 0 auto;
}

/* --- Global Section Style (Dark/Modern Background) --- */

.systems-intergration-wrapper{
    background: #1A385D;
}
.futuristic-section {
    /* background-color: #1a202c; Deep dark background */
    color: #f7fafc; /* Light text for high contrast */
    border-radius: 12px;
    position: relative;
    overflow: hidden; /* Contains background elements */
}

/* --- Subtle Background Animation (Optional) --- */
.futuristic-section::before {
    content: '';
    position: absolute;
    top: -50px;
    left: -50px;
    width: 200%;
    height: 200%;
    /* background: radial-gradient(circle at 10% 20%, rgba(0, 150, 255, 0.1), transparent 70%); */
    animation: pulseGlow 15s infinite alternate;
    z-index: 0;
}

@keyframes pulseGlow {
    from { transform: scale(1); }
    to { transform: scale(1.1); }
}

/* Ensure content is above the background effect */
.row {
    position: relative;
    z-index: 10; 
}

/* --- Left Column Styling (Title & Description) --- */
.system-intergra-header{
    background: #2D3748;
    color: white;
    border-radius: 1rem;
    padding: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    box-shadow: 0 10px 25px rgba(99, 102, 241, 0.3);
}


.primary-icon {
    color: #4dc0b5;
    transition: transform 0.5s ease;
}

.futuristic-section:hover .primary-icon {
    transform: rotateY(180deg); /* Icon flip on hover */
}

.section-title-main {
    font-size: 2.8rem;
    line-height: 1.1;
    text-shadow: 0 0 10px rgba(77, 192, 181, 0.3);
}

.description-text {
    font-size: 1.1rem;
}

.cta-button-futuristic {
    background-color: #4dc0b5; /* Teal primary button */
    border-color: #4dc0b5;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.cta-button-futuristic:hover {
    background-color: #38b2ac; /* Darker teal on hover */
    border-color: #38b2ac;
    transform: translateY(-3px);
}


/* --- Right Column Styling (Feature Modules) --- */
.feature-module {
    background-color: #2d3748; /* Slightly lighter dark background for modules */
    padding: 25px;
    border-radius: 10px;
    height: 100%;
    border: 1px solid rgba(77, 192, 181, 0.2);
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Feature Module Hover Animation: Highlight and lift */
.feature-module:hover {
    background-color: #3a455a;
    border-color: #4dc0b5;
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}

.module-icon {
    font-size: 1.8rem;
    color: #4dc0b5; /* Accent color for icons */
    margin-bottom: 15px;
    display: block;
}

.module-title {
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
}

.module-text {
    font-size: 0.85rem;
    color: #a0aec0; /* Lighter gray for body text */
}

.fw-bolder.display-5.section-title-main {
    font-size: 36px;
    margin-left: 20px;
    padding: 10px 25px;
}

.col-lg-6.feature-module.system-lest-style {
    padding: 45px 25px;
}
/* Specific colors for modules for visual differentiation (Optional) */
.module-2 .module-icon { color: #f6ad55; } /* Orange accent for currency */
.module-4 .module-icon { color: #e53e3e; } /* Red accent for tools/audit */

    /* Responsiveness */
@media (max-width: 768px) {
    .cta-content h2 {
        font-size: 2rem;
    }

    .cta-content p {
        font-size: 1rem;
    }

    .consultation-btn {
        padding: 12px 40px;
        font-size: 1.1rem;
    }
    .ready-navigation-pra{
        width: 100%;
        margin: 0 auto;
    }
    .fw-bolder.display-5.section-title-main {
        font-size: 21px;
        margin-left: 0px;
        padding: 10px 25px;
    }
    .operation-system-hero{
        min-height: 0vh !important;
        padding: 50px 0px;
        
    }
    .opretation-hero-title{
        font-size: 30px;
    }
    .hero-subtitle.adjastment-hero.fade-in-up.visible{
        font-size: 16px;
    }

}

/* ################################## */
    /* tuanaround-oparetion-hero*/
/* ################################## */
.tuanaround-oparetion-hero{
    background: linear-gradient(135deg, rgba(2, 10, 24, 0.65) 0%, rgba(17, 40, 82, 0.65) 100%);
    background-image: linear-gradient(135deg, rgba(10, 19, 53, 0.65) 0%, rgba(18, 38, 73, 0.65) 100%), url('../images/operation-im1.jpg');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 80vh;
    display: flex;
    align-items: center;
    color: white;
    position: relative;
    overflow: hidden;
    padding-top: 100px;
}

    :root{
    --tns-bg1:#0b1224; --tns-bg2:#101a3a;
    --tns-ring1:rgba(110,168,255,.14); --tns-ring2:rgba(142,243,217,.12);
    --tns-text:#eaf0ff; --tns-muted:#aeb7d4;
    --tns-brand:#6ea8ff; --tns-accent:#8ef3d9;
    --tns-stroke:rgba(110,168,255,.28);
    --tns-radius:18px; --tns-shadow:0 16px 40px rgba(0,0,0,.25);
}
.tns-eyebrow.badge.rounded-pill{
    background: #F15D31;
    border: none;
}

.tns-section{
    position: relative; color: var(--tns-text);
    background:
    radial-gradient(1000px 480px at 10% -10%, var(--tns-ring1), transparent 60%),
    radial-gradient(900px 420px at 90% 0%, var(--tns-ring2), transparent 60%),
    linear-gradient(180deg, var(--tns-bg1), var(--tns-bg2));
    overflow: clip;
}
.tns-blob{ position:absolute; filter: blur(38px); opacity:.35; pointer-events:none; }
.tns-blob-a{ width:380px; height:380px; left:-120px; top:-120px;
    background: radial-gradient(circle at 30% 30%, rgba(110,168,255,.55), transparent 60%);
    animation: tns-float 16s ease-in-out infinite; }
.tns-blob-b{ width:320px; height:320px; right:-120px; top:10%;
    background: radial-gradient(circle at 70% 70%, rgba(142,243,217,.45), transparent 60%);
    animation: tns-float 18s ease-in-out infinite 2s; }
@keyframes tns-float{ 0%,100%{ transform:translateY(0)} 50%{ transform:translateY(18px)} }

.tns-title{ letter-spacing:-.02em; }
.tns-subtitle{ max-width:760px; }
.tns-eyebrow{ background:#eaf2ff; color:#0d6efd; border:1px solid #cfe0ff; font-weight:600; }

.tns-card{
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    border:1px solid var(--tns-stroke);
    border-radius: var(--tns-radius);
    box-shadow: var(--tns-shadow);
    backdrop-filter: blur(8px);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    position:relative; overflow: hidden;
}
.tns-card::after{
    content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
    transform: translateX(-120%);
}
.tns-card:hover{ transform: translateY(-8px); box-shadow: 0 22px 56px rgba(0,0,0,.38); border-color: rgba(142,243,217,.55); }
.tns-card:hover::after{ animation: tns-shine 900ms ease; }
@keyframes tns-shine{ to{ transform: translateX(120%);} }

.tns-icon{
    width:56px; height:56px; border-radius:16px; display:grid; place-items:center;
    font-size:1.4rem; color:var(--tns-text);
    background: linear-gradient(135deg, rgba(110,168,255,.22), rgba(142,243,217,.20));
    border:1px solid rgba(110,168,255,.35);
    animation: tns-pop .7s cubic-bezier(.2,.65,.3,1) both;
}
@keyframes tns-pop{ from{ transform: scale(.85); opacity:.6 } to{ transform: scale(1); opacity:1 } }

.tns-chip{
    display:inline-block; padding:6px 12px; border-radius:999px;
    background:#eaf2ff; color:#0d6efd; font-weight:700; border:1px solid #cfe0ff; font-size:.9rem;
    position:relative; overflow:hidden;
}
.tns-chip::before{
    content:""; position:absolute; inset:-2px; border-radius:inherit;
    background: radial-gradient(circle, rgba(13,110,253,.18), transparent 60%);
    animation: tns-pulse 2.2s ease-in-out infinite; }
@keyframes tns-pulse{ 0%,100%{opacity:.35; transform:scale(1)} 50%{opacity:.6; transform:scale(1.05)} }

.tns-quote{ color: var(--tns-brand); font-weight:700; position:relative; margin-bottom:.6rem; }
.tns-quote::before{ content:"“"; position:absolute; left:-10px; top:-10px; opacity:.45; font-size:1.6rem; line-height:1; }

@media (prefers-reduced-motion: reduce){
    .tns-blob{ animation:none; }
    .tns-card:hover{ transform:none; box-shadow:var(--tns-shadow); }
}
.proven-results-all-3{
    padding-top: 60px!important;
    padding-bottom: 60px!important;
}

/* ################################## */
    /* Real World Section*/
/* ################################## */
:root{
--aks-bg: #0b1020;
--aks-fg: #e9ecf5;
--aks-muted: #a8b0c6;
--aks-card: #111830cc;
--aks-stroke: #2a3456;
--aks-brand: #6ea8ff;
--aks-accent: #8ef3d9;
--aks-grad1: #0b1020;
--aks-grad2: #122349;
--aks-grad3: #0c2535;
--aks-radius-xl: 18px;
--aks-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.aks-section{
    padding: clamp(48px, 6vw, 96px) 0;
    background: radial-gradient(1200px 600px at 10% -10%, rgba(110,168,255,.15), transparent 60%),
                radial-gradient(1000px 500px at 90% 0%, rgba(142,243,217,.12), transparent 60%),
                linear-gradient(180deg, var(--aks-grad1), var(--aks-grad2) 40%, var(--aks-grad3));
    overflow: hidden;
}

.aks-container{
    width: min(1100px, 92vw);
    margin: 0 auto;
}

.aks-advisory__header{ text-align: center; margin-bottom: 48px; }
.aks-advisory__eyebrow{
    display:inline-block; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
    font-size:.8rem; color:var(--aks-accent);
    background:linear-gradient(90deg, rgba(110,168,255,.18), rgba(142,243,217,.18));
    padding:6px 10px; border-radius:999px; border:1px solid rgba(142,243,217,.35);
}
.aks-advisory__title{ font-size:clamp(28px,4vw,40px); margin:10px 0 4px; }
.aks-advisory__subtitle{ font-size:clamp(18px,2.2vw,22px); color:var(--aks-muted); margin:0 0 10px; }
.aks-advisory__desc{ max-width:860px; margin:0 auto; color:var(--aks-muted); font-size:clamp(14px,1.4vw,16px); }

/* Grid */
.aks-advisory__grid{
    margin-top:40px;
    display:grid;
    grid-template-columns:repeat(12,1fr);
    gap:14px;
}
.aks-chip{
    grid-column:span 4;
    background:#283359cc;
    border-radius:var(--aks-radius-xl);
    padding:16px 18px;
    box-shadow:var(--aks-shadow);
    display:flex;
    gap:10px;
    backdrop-filter:blur(10px);
    transition:.2s;
}
.aks-chip:hover{ transform:translateY(-3px); border-color:rgba(110,168,255,.6); }
.aks-chip strong{ font-weight:700; }

/* Stats */
.aks-stats{
    margin-top:56px;
    display:grid;
    grid-template-columns:repeat(12,1fr);
    gap:16px;
}
.aks-stat{
    grid-column:span 3;
    background:linear-gradient(180deg, rgba(110,168,255,.12), rgba(142,243,217,.06));
    border-radius:calc(var(--aks-radius-xl) + 2px);
    padding:22px 20px;
    text-align:center;
}
.aks-stat__num{
    display:block;
    font-size:clamp(22px,3.2vw,34px);
    font-weight:800;
    background:linear-gradient(90deg, var(--aks-brand), var(--aks-accent));
    -webkit-background-clip:text; color:transparent;
}
.aks-stat__label{ 
    display:block; 
    margin-top:6px; 
    color:var(--aks-fg); 
    opacity:.8; 
    font-size: 16px !important;
}

/* Responsive */
@media(max-width:1000px){
    .aks-chip{grid-column:span 6;}
    .aks-stat{grid-column:span 6;}
}
@media(max-width:640px){
    .aks-chip{grid-column:span 12;}
    .aks-stat{grid-column:span 12;}
    .aks-advisory__header{text-align:left;}
    .aks-advisory__desc{text-align:left;}
}

.aks-advisory__inner.aks-container {
color: #fff;
}
.trn-new-sty{
    color: #fff !important;
}

/* Strategic Leadership & Turnaround Solutions */
:root{
    --brand-1:#5b8cff;
    --brand-2:#7dd3fc;
    --panel-bg: rgba(255,255,255,.7);
    --ring: rgba(91,140,255,.35);
}

/* Hero Section */
.oparation-content-hero{
    padding: 56px 0 24px;
    text-align:center;
}
.oparation-content-hero h1{
    font-weight: 800;
    margin-bottom: 8px;
}
.oparation-content-hero .sub{
    color:#64748b;
    font-size: 1.05rem;
}
.oparation-content-hero-accent{
    height: 6px;
    width: 180px;
    margin: 18px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #0F1115, #03AFE4);
    filter: drop-shadow(0 6px 12px rgba(91,140,255,.25));
    animation: opar-shimmer 2.2s ease-in-out infinite;
    background-size: 200% 100%;
}
@keyframes opar-shimmer{
    0%{ background-position: 0% 0; }
    50%{ background-position: 100% 0; }
    100%{ background-position: 0% 0; }
}

/* Panel */
.oparation-content-panel{
    position: relative;
    border-radius: 16px;
    /* background: var(--panel-bg); */
    background-color: #dbdbdb;
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 24px rgba(15,23,42,.06);
    overflow: hidden;
    border: 1px solid rgba(99,102,241,.08);
}
.oparation-content-panel::before{
    content:"";
    position:absolute; inset: -1px -1px auto -1px; height:4px;
    background: linear-gradient(90deg, #0F1115, #03AFE4);
}
.oparation-content-panel-header{
    display:flex; gap:.6rem; align-items:center;
    padding: 18px 18px 8px;
}
.oparation-content-panel-header .bi{
    font-size: 1.25rem;
    color: #03AFE4;
}
.oparation-content-panel-title{
    font-weight: 700;
    margin:0;
}

/* List */
.oparation-content-list{
    list-style:none; margin:0; padding: 8px 16px 18px;
    display:grid; gap:10px;
}
.oparation-content-item{
    display:flex; gap:.75rem; align-items:start;
    padding: 12px 14px;
    border-radius: 12px;
    background:#fff;
    border: 1px solid rgba(15,23,42,.06);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.oparation-content-item .dot{
    width:10px; height:10px; border-radius:999px; margin-top:.38rem;
    background:  #03AFE4;
    box-shadow: 0 0 0 6px var(--ring);
}
.oparation-content-item:hover{
    transform: translateY(-4px);
    border-color: rgba(91,140,255,.35);
    box-shadow: 0 10px 26px rgba(91,140,255,.18);
}

/* Reveal */
.oparation-content-reveal{ opacity:0; transform: translateY(14px); }
.oparation-content-reveal.visible{
    opacity:1; transform: translateY(0);
    transition: opacity .6s ease, transform .6s ease;
}
.oparation-content-reveal.visible[data-delay]{
    transition-delay: var(--delay, 0ms);
}
.d-flex.flex-wrap.justify-content-center.gap-3 {
  font-size: 20px;
}

.card.card-custom.fade-in-up.new-card-focus-heig.transaction-card.visible {
  height: 550px;
}

@media(max-width:1300px){
    a.btn.btn-primary-custom.ms-3.contact-nav-button {
        margin-bottom: 40px!important;
        margin-top: 20px;
    }
}

@media(max-width:1240px){
    a.btn.btn-primary-custom.ms-3.contact-nav-button {
        height: auto;
    }
    .card.card-custom.fade-in-up.new-card-focus-heig.transaction-card.visible {
        height: 650px;
    }
}

@media(max-width:768px){
    a.btn.btn-primary-custom.ms-3.contact-nav-button {
        height: auto;
    }
    .card.card-custom.fade-in-up.new-card-focus-heig.transaction-card.visible {
        height: auto;
    }
}

@media (max-width: 768px) {
  .testimonials-swiper {
     height: 650px !important;
    }
  .te-pdd{
    margin-bottom: 0;
  }
}

.hero-floating-item {
    animation: hero-floating-up 3s ease-in-out infinite;
}

.hero-floating-icon {
    /* background-color: #c0392b; */
    background-color: #EF9919;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
}

.hero-floating-icon:hover{
    background-color: #0a0f16;
}

.hero-floating-icon svg {
    width: 36px;
    height: 36px;
    fill: white;
}

.hero-floating-title {
    font-weight: 600;
    font-size: 1.1rem;
}

@keyframes hero-floating-up {
    0%, 100% {
    transform: translateY(0);
    }
    50% {
    transform: translateY(-12px);
    }
}
/* ################################## */
    /* Toolbox Section*/
/* ################################## */

.section-heading {
    text-align: center;
    margin-bottom: 60px;
    color: #03AFE4;
}

.section-heading h2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.section-heading h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background-color: #03AFE4;
}

.section-heading h3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #03AFE4;
}

.toolbox-container {
    max-width: 1200px;
}

.toolbox-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center!important;
    gap: 40px;
    justify-content: left;
    margin-bottom: 60px;
}

.toolbox-card {
    flex: 1;
    min-width: 300px;
    max-width: 400px;
    background: white;
    border-radius: 10px;
    padding: 40px 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    position: relative;
}

.toolbox-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #e74c3c, #3498db);
    border-radius: 10px 10px 0 0;
}

.toolbox-icon {
    font-size: 2.5rem;
    margin-bottom: 20px;
    display: block;
}

.toolbox-icon.negative {
    color: #e74c3c;
}

.toolbox-icon.positive {
    color: #27ae60;
}

.toolbox-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: #2c3e50;
}

.toolbox-description {
    color: #7f8c8d;
    margin-bottom: 25px;
    line-height: 1.6;
}

.feature-list {
    list-style: none;
    padding-left: 0;
}

.feature-list li {
    padding: 8px 0;
    color: #2c3e50;
    position: relative;
    padding-left: 25px;
}

.feature-list li::before {
    content: '•';
    color: #3498db;
    font-weight: bold;
    position: absolute;
    left: 0;
}

.combination-section {
    text-align: center;
    margin-top: 60px;
    padding: 40px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.combination-text {
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 15px;
}

.combination-highlight {
    font-size: 1.3rem;
    font-weight: 700;
    color: #e74c3c;
}

.divider {
    height: 2px;
    background: linear-gradient(90deg, transparent, #03AFE4, transparent);
    margin: 60px auto;
    width: 100%;
}

/* Maintain mobile stacking behavior below 1024px */
@media (max-width: 1024px) {
    .toolbox-row {
        flex-direction: column;
        gap: 30px;
    }

    .toolbox-card {
        min-width: auto;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .toolbox-row {
        flex-direction: column;
        gap: 30px;
    }

    .section-heading h2 {
        font-size: 2rem;
    }

    .section-heading h3 {
        font-size: 1.2rem;
    }
}

/* ========================= */
/* business-advisor section */
/* ========================= */
.james-advisor-section {
    padding: 80px 0;
    padding-bottom: 20px;
    background-color: #ffffff;
}

.james-advisor-heading {
    text-align: center;
    margin-bottom: 40px;
    color: #2c3e50;
}

.james-advisor-heading h2 {
    color: #03AFE4;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.james-advisor-heading h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background-color: #e74c3c;
}

.james-advisor-heading h3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #7f8c8d;
    margin-bottom: 30px;
}

.james-advisor-intro {
    max-width: 800px;
    margin: 0 auto 50px;
    text-align: center;
    font-size: 1.1rem;
    color: #555;
    line-height: 1.8;
}

.james-advisor-services {
    max-width: 1000px;
    margin: 0 auto 50px;
}

.james-service-title {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    color: #03AFE4;
    margin-bottom: 40px;
}

.james-service-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 600px;
    margin: 0 auto;
}

.james-service-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.james-service-item:hover {
    background-color: #e9ecef;
    transform: translateX(5px);
}

.james-service-arrow {
    color: #e74c3c;
    font-size: 1.2rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.james-service-content {
    color: #2c3e50;
    font-size: 1.05rem;
    line-height: 1.6;
}

.james-service-highlight {
    font-weight: 600;
    color: #2c3e50;
}

.james-advisor-conclusion {
    text-align: center;
    font-size: 1.1rem;
    color: #555;
    margin: 40px auto;
    max-width: 700px;
    line-height: 1.8;
}

.james-services-button {
    display: inline-block;
    background-color: #03AFE4;
    color: white;
    padding: 12px 30px;
    border-radius: 9999px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    border: 2px solid #03AFE4;
    margin-top: 30px;
}

.james-services-button:hover {
    background-color: transparent;
    color: #000;
    transform: translateY(-2px);
}

.james-advisor-divider {
    height: 2px;
    background: linear-gradient(90deg, transparent, #03AFE4, transparent);
    margin: 60px auto;
    width: 100%;
}
.sf-icon-circle.bg-primary-subtle.text-primary.me-3, .fw-semibold.mb-4.text-primary {
  color: #03AFE4 !important;
}
/* Responsive adjustments */
@media (max-width: 767px) {
    .james-advisor-heading h2 {
        font-size: 2rem;
    }

    .james-advisor-heading h3 {
        font-size: 1.2rem;
    }

    .james-advisor-intro,
    .james-advisor-conclusion {
        font-size: 1rem;
        padding: 0 15px;
    }

    .james-service-list {
        gap: 15px;
    }

    .james-service-item {
        padding: 12px;
    }
}

@media (min-width: 1440px) {
    /* .james-advisor-section {
        padding: 100px 0;
    } */

    .james-advisor-heading h2 {
        font-size: 2.8rem;
    }

    .james-advisor-heading h3 {
        font-size: 1.8rem;
    }
}