/*
Theme Name: Insight Technologies Production Pro
Theme URI: https://insightech.pk/
Author: Insight Technologies
Author URI: https://insightech.pk/
Description: Production-ready responsive WordPress theme for Insight Technologies with dynamic menus, Customizer settings, service and portfolio CPTs, Elementor-friendly templates, blog support, SEO markup, Contact Form 7 area, and WhatsApp integration.
Version: 2.2.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: insightech-pro
Tags: business, custom-logo, custom-menu, featured-images, blog, one-column, two-columns, responsive-layout, editor-style
*/

:root{
  --primary:#0b1f3a;
  --secondary:#114b8a;
  --accent:#ff7a00;
  --dark:#071523;
}
body{font-family:Segoe UI,Arial,sans-serif;color:#1f2937;}
a{color:var(--secondary);} a:hover{color:var(--accent);} 
.navbar{background:#071523!important; min-height:90px;padding:0;}
.navbar-brand img{max-height:100px;width:auto;}
.navbar .dropdown-menu{border:none;box-shadow:0 15px 35px rgba(0,0,0,.12);}
.hero{background:linear-gradient(135deg,#071523,#114b8a);color:#fff;padding:10px 0;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;width:500px;height:500px;background:rgba(255,122,0,.08);border-radius:50%;top:-150px;right:-150px;}
.hero::after{content:'';position:absolute;width:350px;height:350px;background:rgba(255,255,255,.05);border-radius:50%;bottom:-100px;left:-100px;}
.hero-split{padding-top:40px;padding-bottom:40px;}
.hero h1{font-weight:800;}
.hero-badge{display:inline-block;padding:8px 16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);border-radius:50px;margin-bottom:20px;}
.hero-highlights{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px;}
.hero-highlights span{background:rgba(255,255,255,.12);padding:10px 15px;border-radius:30px;}
.btn-accent{background:var(--accent);color:#fff;border:none;}
.btn-accent:hover{background:#e56e00;color:#fff;}
.glass-card{background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:18px;}
.hero-slider{border-radius:20px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.25);}
.hero-slider img{height:580px;width:100%;object-fit:cover;}
.carousel-caption{background:rgba(0,0,0,.45);border-radius:12px;padding:20px;}
.card-custom{border:none;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:.3s;height:100%;background:#fff;}
.card-custom:hover{transform:translateY(-8px);}
.section-title{font-weight:800;margin-bottom:20px;color:#111827;}
.accent{color:var(--accent)}
.feature-icon{font-size:42px;color:var(--accent);margin-bottom:15px;display:block;}
#why-us .card-custom{text-align:center;padding:30px;}
#why-us h4{font-weight:700;margin-bottom:15px;}
.flip-card{height:280px;perspective:1000px;}
.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d;}
.flip-card:hover .flip-card-inner{transform:rotateY(180deg);}
.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;border-radius:18px;backface-visibility:hidden;}
.flip-card-front{background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08);}
.flip-card-back{background:linear-gradient(135deg,#071523,#114b8a);color:#fff;transform:rotateY(180deg);padding:20px;overflow-y:auto;}
.flip-card-back h6{text-align:center;margin-bottom:15px;font-weight:700;}.flip-card-back ul{padding-left:18px;}.flip-card-back li{margin-bottom:6px;}.flip-card-back p{font-size:14px;line-height:1.6;}
.industry-card{height:320px;}#industries .stats-box{background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:.3s;}#industries .stats-box:hover{transform:translateY(-5px);}#industries .stats-box h2{color:var(--secondary);font-weight:800;}
.pricing{background:var(--primary);color:#fff;}.pricing .price-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:28px;height:100%;}
.testimonial-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.08);}.footer{background:#071523;color:#fff;}.footer a{color:#fff;text-decoration:none}.footer a:hover{color:var(--accent)}
.whatsapp-float{position:fixed;width:60px;height:60px;bottom:25px;right:25px;background:#25D366;color:#fff;border-radius:50%;text-align:center;font-size:34px;line-height:60px;box-shadow:0 5px 15px rgba(0,0,0,.3);z-index:9999;transition:all .3s ease;}.whatsapp-float:hover{color:#fff;transform:scale(1.1);}
.page-hero{background:linear-gradient(135deg,#071523,#114b8a);color:#fff;padding:80px 0;}.entry-card{border:0;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.08);overflow:hidden;height:100%;}.entry-card img{width:100%;height:220px;object-fit:cover;}.sidebar-widget{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:25px;margin-bottom:25px;}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.alignwide{max-width:1200px;margin-left:auto;margin-right:auto}.alignfull{width:100vw;margin-left:calc(50% - 50vw);}
@media (max-width: 991px){.navbar{padding:8px 0}.navbar-brand img{max-height:78px}.hero h1{font-size:2.5rem}.hero-slider img{height:360px}.carousel-caption{position:static;border-radius:0}.flip-card{height:300px}}
@media (max-width: 768px){.hero-slider img{height:300px}.display-3{font-size:2.2rem}.whatsapp-float{width:52px;height:52px;line-height:52px;font-size:29px;}}


/* =========================================================
   Implementation Workflow Carousel
   ========================================================= */

.workflow-section {
    background: #ffffff;
}

.workflow-carousel {
    position: relative;
    background: #ffffff;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.12);
}

/* Carousel inner */
.workflow-carousel .carousel-inner {
    background: #ffffff;
    border-radius: 22px;
    overflow: hidden;
}

/* Workflow image */
.workflow-carousel-img {
    width: 100%;
    height: auto;
    display: block;
}

/* =========================================================
   Caption Below Image
   ========================================================= */

.workflow-caption {
    position: static !important;
    display: block !important;
    background: #071523;
    color: #ffffff;
    padding: 22px 28px;
    margin: 0;
    border-radius: 0;
    text-align: left;
}

.workflow-caption h3 {
    margin: 0 0 8px;
    font-size: 26px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
}

.workflow-caption p {
    margin: 0;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.6;
}

/* Force caption to show even if Bootstrap d-none class exists */
.workflow-carousel .workflow-caption.d-none {
    display: block !important;
}

/* =========================================================
   Left / Right Navigation Buttons
   ========================================================= */

.workflow-control {
    width: 58px;
    height: 58px;
    top: 42%;
    transform: translateY(-50%);
    background: rgba(7, 21, 35, 0.78);
    border-radius: 50%;
    opacity: 1;
    transition: all 0.25s ease;
    z-index: 5;
}

.workflow-control:hover,
.workflow-control:focus {
    background: #ff7a00;
    opacity: 1;
}

.workflow-carousel .carousel-control-prev {
    left: 18px;
}

.workflow-carousel .carousel-control-next {
    right: 18px;
}

.workflow-control .carousel-control-prev-icon,
.workflow-control .carousel-control-next-icon {
    width: 24px;
    height: 24px;
}

/* =========================================================
   Bottom Dots / Indicators
   ========================================================= */

.workflow-indicators {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    padding: 16px 0 20px;
    margin: 0;
    background: #ffffff;
}

.workflow-indicators [data-bs-target] {
    width: 14px;
    height: 14px;
    border: 0;
    border-radius: 50%;
    background-color: #114b8a;
    opacity: 0.35;
    margin: 0 7px;
    transition: all 0.25s ease;
}

.workflow-indicators [data-bs-target]:hover {
    opacity: 0.75;
}

.workflow-indicators .active {
    width: 34px;
    border-radius: 20px;
    opacity: 1;
    background-color: #ff7a00;
}

/* =========================================================
   Mobile Adjustments
   ========================================================= */

@media (max-width: 768px) {
    .workflow-carousel {
        border-radius: 16px;
    }

    .workflow-carousel .carousel-inner {
        border-radius: 16px;
    }

    .workflow-caption {
        padding: 16px 18px;
        text-align: center;
    }

    .workflow-caption h3 {
        font-size: 20px;
    }

    .workflow-caption p {
        font-size: 14px;
    }

    .workflow-control {
        width: 42px;
        height: 42px;
        top: 36%;
    }

    .workflow-carousel .carousel-control-prev {
        left: 8px;
    }

    .workflow-carousel .carousel-control-next {
        right: 8px;
    }

    .workflow-control .carousel-control-prev-icon,
    .workflow-control .carousel-control-next-icon {
        width: 18px;
        height: 18px;
    }

    .workflow-indicators {
        padding: 12px 0 16px;
    }

    .workflow-indicators [data-bs-target] {
        width: 10px;
        height: 10px;
        margin: 0 4px;
    }

    .workflow-indicators .active {
        width: 24px;
    }
}