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

        body {
            font-family: 'Inter', sans-serif;
            background: #fff;
        }
        .container{
            max-width:1200px;
        }
            
/*------------------------Header css Start -------------------------------*/
/* ===== PRELOADER STYLES ===== */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.5s ease;
}

.preloader-content {
    text-align: center;
}

.preloader-logo {
    width: 180px;
    height: auto;
    animation: pulse 1.5s ease infinite;
}


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

@keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

/* ===== TOP HEADER (EXISTING - SAME) ===== */
.top-notification-bar {
    padding: 12px 0;
    border-bottom: 1px solid #E5E7EB;
    background: linear-gradient(116.54deg, #FF38B2 23.5%, rgba(223, 27, 243, 0.8) 47.47%, rgba(172, 52, 254, 0.8) 82.97%);
}

.top-notification-content {
    text-align: center;
}

.lorem-text {
    font-size: 13px;
    color: #ffffff;
    font-weight: 500;
}

.notification-link {
    font-size: 13px;
    font-weight: 600;
    -webkit-background-clip: text;
    background-clip: text;
    color: #ffffff;
    text-decoration: none;
}

.notification-link:hover {
    opacity: 0.8;
}

/* ===== MAIN NAVBAR ===== */
.main-navbar {
    background: white;
    padding: 16px 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 10;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.custom-logo-design a img{
    width:100% !important;
    height:auto !important;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.align-items-center {
    align-items: center;
}

.col-md-3, .col-md-9 {
    position: relative;
    width: 100%;
    padding: 0 15px;
}

/* Desktop Menu */
.navbar-menu {
    display: flex;
    gap: 40px;
    list-style: none;
    margin: 0;
    padding: 0 30px;
}

.navbar-menu li a {
    text-decoration: none;
    color: #1F2937;
    font-size: 15px;
    font-weight: 500;
    transition: color 0.2s;
}

.navbar-menu li a:hover {
    color: #DF1BF3;
}

/* ===== MEGA DROPDOWN (HOVER BASED) ===== */
.dropdown-mega {
    position: static;
}

.mega-dropdown {
    position: absolute;
    left: -300px;
    right: 0;
    top: 100%;
    background: #fff;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
    margin-top: 15px;
    border-top: 3px solid #DF1BF3;
}

.dropdown-mega:hover .mega-dropdown {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
}

.mega-dropdown-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.mega-menu-wrapper {
    display: flex;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}

/* Left Tabs Sidebar */
.mega-tabs-sidebar {
    width: 280px;
    background: #F9FAFB;
    border-right: 1px solid #E5E7EB;
    padding: 20px 0;
}

.mega-tabs-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mega-tab-item {
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 500;
    color: #4B5563;
    cursor: pointer;
    transition: all 0.2s;
    border-left: 3px solid transparent;
}

.mega-tab-item:hover {
    background: #F3F4F6;
    color: #DF1BF3;
}

.mega-tab-item.active {
    background: #ffffff;
    color: #DF1BF3;
    border-left-color: #DF1BF3;
    font-weight: 600;
}

/* Right Content Area */
.mega-content-area {
    flex: 1;
    padding: 30px 35px;
    background: #ffffff;
}

.mega-tab-content {
    display: none;
}

.mega-tab-content.active {
    display: block;
}

.mega-content-header h4 {
    font-size: 18px;
    font-weight: 700;
    color: #1F2937;
    margin: 0 0 20px 0;
    padding-bottom: 12px;
    border-bottom: 2px solid #DF1BF3;
    display: inline-block;
}

.mega-content-links {
    display: grid;
    gap: 12px;
}

.mega-content-links.two-columns {
    grid-template-columns: repeat(2, 1fr);
}

.mega-content-links a {
    text-decoration: none;
    color: #4B5563;
    font-size: 14px;
    padding: 8px 0;
    transition: all 0.2s;
    display: block;
}

.mega-content-links a:hover {
    color: #DF1BF3;
    padding-left: 5px;
}
/* ===== SIMPLE DROPDOWN (Industries, Resources) ===== */
.dropdown-simple {
    position: relative;
}

.simple-dropdown {
    position: absolute;
    top: 100%;
    left: -70px;
    background: #fff;
    min-width: 200px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 12px 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    margin-top: 15px;
    border-top: 3px solid #DF1BF3;
    z-index: 1000;
    list-style: none;
}

.dropdown-simple:hover .simple-dropdown {
    opacity: 1;
    visibility: visible;
    margin-top: 12px;
}

.simple-dropdown li {
    list-style: none;
}

.simple-dropdown li a {
    display: block;
    padding: 10px 20px;
    color: #4B5563;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s;
}

.simple-dropdown li a:hover {
    color: #DF1BF3;
    background: #F9FAFB;
    padding-left: 25px;
}

/* ===== MOBILE SIMPLE DROPDOWN ===== */
.mobile-dropdown-item {
    margin-bottom: 15px;
}

.mobile-simple-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-simple-submenu {
    display: none;
    margin-top: 10px;
    padding-left: 20px;
    list-style: none;
}

.mobile-simple-submenu.open {
    display: block;
}

.mobile-simple-submenu li {
    margin-bottom: 10px;
}

.mobile-simple-submenu li a {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #4B5563 !important;
    padding: 6px 0 !important;
    text-decoration: none;
    display: block;
}

.mobile-simple-submenu li a:hover {
    color: #DF1BF3 !important;
    padding-left: 5px !important;
}
/* ===== HAMBURGER BUTTON ===== */
.hamburger {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    z-index: 1001;
}

.hamburger span {
    display: block;
    width: 25px;
    height: 2.5px;
    background: #1F2937;
    margin: 5px 0;
    transition: 0.3s;
    border-radius: 2px;
}

/* ===== SIDEBAR ===== */
.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.sidebar-overlay.active {
    opacity: 1;
    visibility: visible;
}

.sidebar-menu {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    background: white;
    z-index: 1002;
    padding: 80px 20px 30px;
    transition: 0.3s;
    box-shadow: -5px 0 25px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
}

.sidebar-menu.active {
    right: 0;
}

.close-sidebar {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
    color: #1F2937;
    transition: 0.2s;
}

.close-sidebar:hover {
    color: #DF1BF3;
}

.sidebar-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-menu > ul > li {
    margin-bottom: 20px;
}

.sidebar-menu ul li a {
    text-decoration: none;
    color: #1F2937;
    font-size: 16px;
    font-weight: 500;
    display: block;
    transition: 0.2s;
    padding: 5px 0;
}

.sidebar-menu ul li a:hover {
    color: #DF1BF3;
}

/* Mobile Mega Menu inside Sidebar */
.mobile-mega-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.arrow {
    font-size: 12px;
    transition: transform 0.3s;
}

.arrow.rotated {
    transform: rotate(90deg);
}

.mobile-mega-submenu {
    display: none;
    margin-top: 15px;
    padding-left: 15px;
}

.mobile-mega-submenu.open {
    display: block;
}

.mobile-tabs-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

.mobile-tab-btn {
    background: #F3F4F6;
    border: none;
    padding: 10px 15px;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    color: #4B5563;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.mobile-tab-btn.active {
    background: #DF1BF3;
    color: white;
}

.mobile-tab-content-area {
    background: #F9FAFB;
    border-radius: 12px;
    padding: 15px;
}

.mobile-tab-pane {
    display: none;
}

.mobile-tab-pane.active {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mobile-tab-pane a {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #4B5563 !important;
    padding: 6px 0 !important;
}

.mobile-tab-pane a:hover {
    color: #DF1BF3 !important;
    padding-left: 5px !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
    .navbar-menu {
        display: none !important;
    }
    
    .hamburger {
        display: block;
    }
    
    .col-md-3, .col-md-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .main-navbar .row {
        position: relative;
    }
    
    .main-navbar .col-md-3 .d-flex {
        justify-content: space-between !important;
        width: 100%;
    }
}

@media (min-width: 993px) {
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
}

/*--------------------------------------------------        */
        

        /* ===== HERO SECTION ===== */
        .hero-section {
            background-image: url('img/home-banner.webp');
            background-size: cover;
            background-position: center;
            position: relative;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        }

        .hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255, 255, 255, 0.9);
            z-index: 0;
        }

        .hero-section .container {
            position: relative;
            z-index: 1;
        }

        .main-heading{
    position:relative;
    display:inline-block;
    padding:10px 18px;
    margin-bottom:16px;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
    line-height:1;
    color:#fff;
    background:linear-gradient(90deg,#ff34b0,#df1bf3,#ac34fe);
    border:1px solid #222;
}

.main-heading::before{
    content:"";
    position:absolute;
    top:-6px;
    left:-6px;
    width:78%;
    height:88%;
    border:1px solid #555;
    z-index:-1;
}

        .sub-heading {
            font-size: 56px;
            font-weight: 800;
            line-height: 1.1;
            letter-spacing: -1.5px;
            background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 16px;
        }

        .hero-description {
            font-size: 16px;
            color: #4B5563;
            line-height: 1.6;
            margin-bottom: 0;
            max-width: 90%;
        }

        /* Video - NO BORDER, NO SHADOW */
        .hero-video {
            width: 100%;
            border-radius: 0;
            overflow: hidden;
        }

        .hero-video video {
            width: 100%;
            height: auto;
            display: block;
        }

        /* ===== MICROSOFT SECTION ===== */
        .microsoft-section {
            padding: 60px 0 0px;
            background: white;
        }

        .microsoft-header {
            text-align: center;
            margin-bot/* ===== MAIN NAVBAR (with Box Shadow) - TUMHARA ORIGINAL CODE ===== */
.main-navbar {
    background: white;
    padding: 16px 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 10;
}

.navbar-menu {
    display: flex;
    gap: 32px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.navbar-menu li a {
    text-decoration: none;
    color: #1F2937;
    font-size: 15px;
    font-weight: 500;
    transition: color 0.2s;
}

.navbar-menu li a:hover {
    color: #DF1BF3;
}

/* ===== HAMBURGER & SIDEBAR (Mobile Only - Extra Add On) ===== */
.hamburger {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    z-index: 1001;
}

.hamburger span {
    display: block;
    width: 25px;
    height: 3px;
    background: #1F2937;
    margin: 5px 0;
    border-radius: 3px;
}

/* Sidebar Overlay */
.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.sidebar-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Sidebar Menu */
.sidebar-menu {
    position: fixed;
    top: 0;
    right: -280px;
    width: 280px;
    height: 100%;
    background: white;
    z-index: 1002;
    padding: 80px 25px 30px;
    transition: 0.3s;
    box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
}

.sidebar-menu.active {
    right: 0;
}

.close-sidebar {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    font-size: 28px;
    cursor: pointer;
    color: #1F2937;
}

.sidebar-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-menu ul li {
    margin-bottom: 25px;
}

.sidebar-menu ul li a {
    text-decoration: none;
    color: #1F2937;
    font-size: 18px;
    font-weight: 500;
    display: block;
}

.sidebar-menu ul li a:hover {
    color: #DF1BF3;
}

/* Mobile */
@media (max-width: 768px) {
    .hamburger {
        display: block;
    }
}

/* Desktop */
@media (min-width: 769px) {
    .hamburger {
        display: none !important;
    }
    .sidebar-overlay,
    .sidebar-menu {
        display: none !important;
    }
}tom: 48px;
        }

        .microsoft-main-logo {
            height: 50px;
            width: auto;
            margin-bottom: 16px;
        }

        .microsoft-header p {
            font-size: 18px;
            color: #374151;
            font-weight: 500;
            margin: 0;
        }

        /* Badge Cards - Exactly as per design */
        .badge-item {
            text-align: left;
        }

        .badge-img {
            height: auto;
            width: auto;
            margin-bottom: 12px;
        }

        .badge-partner-text {
            font-size: 11px;
            font-weight: 600;
            color: #6B7280;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 6px;
        }

        .badge-name {
            font-size: 13px;
            font-weight: 400;
            color: rgba(112, 109, 110, 1);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .top-notification-content {
                flex-direction: column;
                text-align: center;
            }
            
            .navbar-menu {
                gap: 16px;
                flex-wrap: wrap;
                justify-content: center;
                margin-top: 12px;
            }
            
            .main-heading {
                font-size: 38px;
            }
            
            .sub-heading {
                font-size: 24px;
            }
            
            .hero-description {
                max-width: 100%;
            }
            
            .hero-section {
                padding: 40px 0;
            }
            
            .badge-item {
                margin-bottom: 24px;
            }
        }

        @media (max-width: 576px) {
            .main-heading {
                font-size: 28px;
            }
            .sub-heading {
                font-size: 20px;
            }
            .navbar-menu {
                gap: 12px;
            }
            .navbar-menu li a {
                font-size: 13px;
            }
        }
        
        .wrap{
            display:flex;
            gap:45px;
            flex-wrap:wrap;
            padding:0 20px;
        }
        .card-stack{
            position:relative;
            width:145px;
            height:78px;
            
        }
        .card-stack::before{
            content:'';
            position:absolute;
            top:-6px;
            left:-6px;
            width:105px;
            height:66px;
            border:1px solid #8f8f8f;
            z-index:0;
            
        }
        .card{
            position:absolute;
            inset:0;
            background:#f5f5f5;
            border:1px solid #9a9a9a;
            padding:8px 10px;
            z-index:1;
            
        }
        .logo-img{
            width:110px;
            height:auto;
            display:block;
            margin-bottom:8px;
            
        }
        .title{
            font-size:12px;
            color:#666;
            line-height:1.1;
            
        }
        
        /* ===== INDUSTRY SOLUTIONS SECTION ===== */
.industry-section {
    padding: 70px 0;
    background: #ffffff;
}

.industry-header {
    text-align: left;
    margin-bottom: 48px;
}

.industry-heading {
    font-size: 32px;
    font-weight: 800;
    color: #FF34B0;
    margin-bottom: 5px;
}

.industry-description {
    color: #000000;
        font-size: 16px;
        line-height: 1.6;
}

.industry-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 46px;
}

/* Double Border Card - Bottom Style */
.industry-card-stack {
    position: relative;
    width: 355px;
    height: 355px;
}

.industry-card-stack::before {
    content: '';
    position: absolute;
    bottom: -6px;
    left: -6px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: 6px solid #B62FFC;
    z-index: 0;
}
.industry-card {
    position: relative;
    background: #f5f5f5;
    border: 6px solid #B62FFC;
    padding: 30px 30px;
    z-index: 1;
    height: 100%;
    
}

.industry-card-title {
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    padding-top:20px;
}

.industry-card-text {
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    color: #3030305;
    
}

/* Responsive */
@media (max-width: 768px) {
    .industry-grid {
        gap: 30px;
        justify-content: center;
    }
    .industry-card-stack {
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }
    .industry-heading {
        font-size: 32px;
    }
    .industry-description {
        font-size: 16px;
    }
}

/* ===== CASE STUDY SECTION ===== */
.case-study-section {
    padding: 80px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 27.96%, rgba(210, 220, 255, 0.3) 100%),
                linear-gradient(270.14deg, rgba(253, 251, 255, 0.9) 0.09%, rgba(245, 233, 255, 0.9) 140.91%);
}

.case-study-header {
    text-align: left;
    margin-bottom: 10px;
}

.case-study-heading {
    font-size: 32px;
    font-weight: 800;
    color: #FF34B0;
    margin-bottom: 10px;
   background: linear-gradient(90deg, #ff2fa3, #a020f0);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   display: inline-block;
}

.case-study-description {
    color: #000000;
        font-size: 16px;
        line-height: 1.6;
}

/* Slider Container */
.case-slider-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.case-slider-wrapper {
    display: flex;
    transition: transform 0.5s ease;
}

.case-slide {
    flex-shrink: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

/* Left Column */
.case-slide-left {
    flex: 1;
    min-width: calc(50% - 15px);
    padding: 10px 35px;
}

/* Left Column Image */
.case-left-img {
    height: auto;
    display: block;
    margin-bottom: 20px;
}

/* Right Column */
.case-slide-right {
    flex: 1;
    min-width: calc(50% - 15px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding:10px;
}

/* Right Column Image */
.case-right-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Right Column Text Content */
.case-right-content {
    padding: 25px 0px;
}

.case-right-title {
    font-size: 28px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 12px;
    line-height: 1.3;
} 

.case-right-desc {
    font-size: 16px;
    color: #000000;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight:500;
}

/* Left Column Text Styles */
.quote-text {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    color: #1F2937;
    margin-bottom: 20px;
}

.left-desc {
    font-size: 20px;
    font-weight:500;
    color: #000000;
    line-height: 1.6;
    margin-bottom: 25px;
    letter-spacing:2%;
}

.read-more-link {
    background: linear-gradient(90deg, #01334A 0%, #064F9C 100%);
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.2s;
    border-radius:30px;
    padding:16px 30px;
}

.read-more-link-icon{
    background: linear-gradient(90deg, #01334A 0%, #064F9C 100%);
    color: #ffffff;
    transition: 0.2s;
    border-radius:50%;
    padding: 16px 20px;
}
.read-more-link-icon i{
    font-size:20px;
}
.read-more-link:hover {
    gap: 12px;
    opacity: 1;
}

/* Dots Navigation */
.case-dots {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 20px;
}

.case-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #D1D5DB;
    cursor: pointer;
    transition: 0.3s;
}

.case-dot.active {
    width: 30px;
    border-radius: 12px;
    background: linear-gradient(90deg, #FF34B0, #DF1BF3, #AC34FE);
}

/* Responsive */
@media (max-width: 768px) {
    .case-study-section {
        padding: 50px 0;
    }
    
    .case-study-heading {
        font-size: 32px;
    }
    
    .case-slide {
        flex-direction: column;
    }
    
    .case-slide-left,
    .case-slide-right {
        min-width: 100%;
    }
    
    .quote-text {
        font-size: 20px;
    }
    
    .case-right-title {
        font-size: 18px;
    }
    
}  
    /* Updated CSS with new class names as requested */
    .solutions-section {
        padding:50px 0;
        background: #F8F9FA;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }


    .solutions-header {
        margin-bottom: 50px;
    }

    .solutions-main-heading {
        color: #e946ef;
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 12px;
    }

    .solutions-sub-text {
        color: #000000;
        font-size: 16px;
        line-height: 1.6;
    }

    .solutions-cards-wrapper {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }
 
    .solutions-card {
        background: white;
        border: 3px solid #2B00FF59;
        border-radius: 250px;
        padding: 32px;
        display: flex;
        gap: 32px;
        align-items: center;
        min-height: 240px;
        box-shadow: 0px 0px 25px 0px #2B00FF59;

    }

    .solutions-icon-wrapper {
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        min-width: 160px;
    }

    .solutions-icon-circle {
        width: 300px;
        height: 300px;
        border-radius: 50%;
        border: 2.5px solid #2B00FF59;
        display: flex;
        align-items: center;
        justify-content: center;
        background: white;
        position: relative;
        box-shadow: 0px 0px 25px 0px #2B00FF59;
        flex-direction: column;
    gap: 15px;
    }

    .solutions-icon-text {
        font-size: 64px;
        font-weight: 800;
        background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        z-index: 1;
    }

    .solutions-icon-label {
        font-size: 18px;
        font-weight: 700;
        color: #333;
        text-align: center;
        line-height: 1.4;
        width: 150px;
    }

    .solutions-content-section {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width:750px;
    }

    .solutions-card-title {
        font-size: 20px;
        font-weight: 500;
        color: #000000;
        margin-bottom: 30px;
        line-height: 1.5;
    }

    .solutions-button-group {
        display: flex;
        gap: 12px;
        align-items: center;
        width: fit-content;
    }

    .solutions-btn-primary {
        background: linear-gradient(90deg, #01334A 0%, #064F9C 100%);
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        border-radius: 20px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .solutions-btn-primary:hover {
        background: #0f3a47;
    }

    .solutions-btn-arrow {
        background: linear-gradient(90deg, #01334A 0%, #064F9C 100%);
        color: #ffffff;
        border: none;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
        transition: all 0.3s ease;
    }

    .solutions-btn-arrow:hover {
        background: #0f3a47;
    }

    @media (max-width: 1024px) {
        .solutions-card {
            padding: 28px;
            gap: 28px;
            min-height: auto;
        }

        .solutions-icon-circle {
            width: 140px;
            height: 140px;
        }

        .solutions-icon-circle::before {
            width: 118px;
            height: 118px;
        }

        .solutions-icon-text {
            font-size: 54px;
        }

        .solutions-card-title {
            font-size: 16px;
        }
    }

    @media (max-width: 768px) {
        .solutions-card {
            flex-direction: column;
            text-align: center;
            padding: 24px;
            gap: 20px;
            min-height: auto;
            border-radius: 24px;
        }

        .solutions-icon-wrapper {
            min-width: auto;
        }

        .solutions-icon-circle {
            width: 130px;
            height: 130px;
        }

        .solutions-icon-circle::before {
            width: 108px;
            height: 108px;
        }

        .solutions-icon-text {
            font-size: 52px;
        }

        .solutions-icon-label {
            font-size: 13px;
        }

        .solutions-card-title {
            font-size: 15px;
            margin-bottom: 12px;
        }

        .solutions-button-group {
            justify-content: center;
            gap: 10px;
        }

        .solutions-btn-primary {
            padding: 9px 18px;
            font-size: 13px;
        }

        .solutions-btn-arrow {
            width: 32px;
            height: 32px;
            font-size: 14px;
        }
    } 

    .alletec-section {
            background: #ffffff;
            padding: 50px 40px 10px 40px;
            width: 100%;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* Agile | Affordable | Accountable */
        .tagline {
            text-align: center;
            font-size: 40px;
            font-weight: 700;
            color: #000000;
            letter-spacing: -2px;
            margin-bottom: 16px;
        }

        /* .....That's Why Businesses Trust Alletec */
        .trust-line-wrapper {
            text-align: center;
            margin-bottom: 60px;
            padding-left:150px;
        }

        .gradient-dots {
            background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            font-size: 24px;
            font-weight: 500;
            letter-spacing: 4px;
        }

        .trust-text {
            font-size: 32px;
            font-weight: 600;
            color: #FF34B0;
            margin-bottom: 10px;
            background: linear-gradient(90deg, #ff2fa3, #a020f0);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            display: inline-block;
            font-style:italic;
        }

        /* Stats Row - 3 Cards */
        .stats-row {
            display: flex;
            justify-content: center;
            gap: 30px;
            margin-bottom: 80px;
            flex-wrap: wrap;
        }

        .stat-card {
    flex: 1;
    min-width: 200px;
    padding: 50px 20px;
    border-radius: 20px;
    text-align: center;
    position: relative;
}

        /* Individual card backgrounds */
        .card-1 {
            background-image: url('img/frame-01.webp');
            /*background: #FF0308;*/
            
        }
        .card-2 {
            background-image: url('https://placehold.co/400x300/1a1a2e/white?text=BG');
        }
        .card-3 {
            background-image: url('https://placehold.co/400x300/1a1a2e/white?text=BG');
        }

        /* For demo - using solid color fallback with overlay */
        .stat-card {
            position: relative;
        }

        .stat-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            /*background: rgba(0, 0, 0, 0.3);*/
            border-radius: 20px;
        }

        .stat-content {
            position: relative;
            z-index: 1;
        }

        .stat-number {
            font-size: 52px;
            font-weight: 800;
            color: #FFFFFF;
            margin-bottom: 12px;
            letter-spacing: -1px;
        }

        .stat-label {
            font-size: 16px;
            color: #FFFFFF;
            font-weight: 500;
            letter-spacing: 0.5px;
            opacity: 0.9;
        }

        /* Join heading */
        .join-heading {
            text-align: center;
            font-size: 32px;
            font-weight: 700;
            color: #1A1A2E;
            padding: 30px 0 0;
        }

        /* Auto Slider Section */
        .slider-section {
            /*background: #CCD8FF;*/
            border-radius: 60px;
            padding: 30px 20px;
            overflow: hidden;
            
        }

        .slider-container {
            overflow: hidden;
            width: 100%;
            position: relative;
        }

        .slider-track {
            display: flex;
            width: max-content;
            animation: slide 25s linear infinite;
            gap: 40px;
        }

        .slider-track:hover {
            animation-play-state: paused;
        }
        
        .brand-slider{
            background:#CCD8FF;
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
            margin-bottom:60px;
        }

        .brand-item {
            display: flex;
            align-items: center;
            gap: 12px;
            background: transparent;
            padding: 8px 20px;
            font-size: 20px;
            font-weight: 600;
            color: #1A1A2E;
            white-space: nowrap;
            font-family: 'Inter', sans-serif;
        }

        .brand-item i {
            font-size: 28px;
            color: #1A1A2E;
        }

        @keyframes slide {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }

        /* Responsive */
        @media (max-width: 768px) {
            .alletec-section {
                padding: 40px 20px;
            }
            .tagline {
                font-size: 32px;
            }
            .stat-number {
                font-size: 36px;
            }
            .join-heading {
                font-size: 24px;
            }
            .brand-item {
                font-size: 16px;
            }
            .brand-item i {
                font-size: 22px;
            }
            .stats-row {
                gap: 20px;
            }
        }
        
        
/*----------------------*/

/* Connect With Us Section */
.connect-exact-section {
    padding: 40px 0 10px;
    background: #ffffff;
}
.insight-section{
    padding: 0px 0 70px;
}
.connect-exact-heading {
    font-size: 32px;
    font-weight: 700;
    color: #FF34B0;
    margin-bottom: 10px;
    text-align: left;
    background: linear-gradient(90deg, #ff2fa3, #a020f0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.connect-exact-paragraph {
    font-size: 18px;
    font-weight:500;
    color: #0F0F0F;
    line-height: 150%;
    margin-bottom: 30px;
    text-align: left;
}

.connect-exact-tagline {
    font-size: 18px;
    font-weight: 700;
    color: #0F0F0F;
    margin-bottom: 20px;
    text-align: left;
    font-style: Bold;
    line-height: 25.6px;
    letter-spacing: 0%;

}

.connect-exact-row {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.connect-exact-form-col {
    flex: 1;
    min-width: 280px;
}

.connect-exact-img-col {
    flex: 1;
    min-width: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.connect-exact-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.connect-exact-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.form-row-2col {
    display: flex;
    gap: 18px;
}

.form-row-2col input {
    flex: 1;
    background:#F4E5FF66;
}

.form-field-exact {
    padding: 14px 18px;
    border: 1px solid #934AF9CC;
    border-radius: 12px;
    font-size: 16px;
    background: #FDFBFF;
    transition: all 0.2s;
    width: 100%;
}

.form-field-exact:focus {
    outline: none;
    border-color: #ac34fe;
    box-shadow: 0 0 0 3px rgba(172, 52, 254, 0.1);
    background: #ffffff;
}

.connect-exact-btn {
    background: linear-gradient(90deg, #01334A 0%, #064F9C 100%);
    color: white;
    padding: 14px 24px;
    border: none;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
    width: fit-content;
}

.connect-exact-btn:hover {
    opacity: 0.8;
    gap: 12px;
}

.insights-exact-heading {
    font-size: 32px;
    font-weight: 800;
    color: #FF34B0;
    margin-bottom: 30px;
    text-align: left;
    background: linear-gradient(90deg, #ff2fa3, #a020f0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.insights-exact-images {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

.insight-exact-img {
    height: auto;
    object-fit: cover;
    border-radius: 16px;
}

/* Arrow Circle Button - Extra Add On */
.connect-exact-arrow-circle {
    background: linear-gradient(90deg, #01334A 0%, #064F9C 100%);
    color: #ffffff;
    border: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.connect-exact-arrow-circle:hover {
    opacity: 0.8;
    transform: scale(1.05);
}

.connect-exact-arrow-circle i {
    font-size: 20px;
}

@media (max-width: 768px) {
    .connect-exact-heading {
        font-size: 32px;
    }
    .insights-exact-heading {
        font-size: 32px;
    }
    .form-row-2col {
        flex-direction: column;
        gap: 18px;
    }
    .insight-exact-img {
        width: 100%;
    }
    .connect-exact-btn {
        width: 100%;
        text-align: center;
    }
}


/* ----- Blog Section CSS  ----- */
 
 .blog-section {
    padding: 40px 0;
    position: relative;
}

.blog-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: rgba(255, 255, 255, 0.85);*/
    z-index: 0;
}

.blog-section .container {
    position: relative;
    z-index: 1;
}

.blog-header {
    text-align: left;
    margin-bottom: 50px;
}

.blog-heading {
    font-size: 32px;
    font-weight: 800;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 10px;
    display: inline-block;
}

.blog-heading-line {
    width: 80px;
    height: 4px;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    border-radius: 2px;
    margin-top: 8px;
}

.blog-slider-container {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.blog-slider-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: 30px;
}

.blog-card {
    flex-shrink: 0;
    width: calc(33.333% - 20px);
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
}

.blog-card:hover {
    transform: translateY(-5px);
}

.blog-card-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.blog-card-content {
    padding: 24px;
    text-align:center;
}

.blog-date {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}

.blog-title {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    line-height: 1.4;
    margin-bottom: 8px;
    min-height: 80px;
}

.blog-readmore {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(90deg, #01334A 0%, #064F9C 100%);
    color: #ffffff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.blog-readmore:hover {
    gap: 16px;
    opacity: 0.9;
    color: #ffffff;
}

.blog-readmore i {
    font-size: 12px;
}

.blog-dots {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 40px;
}

.blog-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #D1D5DB;
    cursor: pointer;
    transition: 0.3s;
}

.blog-dot.active {
    width: 30px;
    border-radius: 12px;
    background: linear-gradient(90deg, #FF34B0, #DF1BF3, #AC34FE);
}

@media (max-width: 768px) {
    .blog-section {
        padding: 50px 0;
    }
    .blog-heading {
        font-size: 32px;
    }
    
    .blog-card {
        width: 376px !important;
    }
    .blog-card-img {
        height: 180px;
    }
    .blog-title {
        font-size: 16px;
        min-height: auto;
    }
    .blog-slider-wrapper {
        gap: 20px;
    }
    .blog-card-content {
        padding: 18px;
    }
}
 
@media (min-width: 769px) and (max-width: 1024px) {
    .blog-card {
        width: calc(50% - 15px);
    }
}


/*--------------------Footer css------------*/

    /* Footer CSS */
.bitsquad-footer {
    padding: 60px 0 20px;
    font-family: 'Inter', sans-serif;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ROW 1 - Three Equal Columns */
.footer-row-1 {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.footer-col {
    flex: 1;
    min-width: 250px;
}

.footer-logo {
    height: 50px;
    width: auto;
    margin-bottom: 25px;
}

.col-heading {
    color: #000000;
    margin-bottom: 20px;
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: 0%;
    vertical-align: middle;
}

.col-text {
    font-family: Inter;
font-weight: 500;
font-style: Medium;
font-size: 20px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
color: #064F9C;
}

/* Social Icons */
.social-icons {
    display: flex;
    gap: 15px;
}

.social-icons a {
    width: 40px;
    height: 40px;
    background: #ffffff;
    border: 1.5px solid #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #064F9C;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 18px;
}

.social-icons a:hover {
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    border-color: transparent;
    color: #ffffff;
}

/* Footer Links */
.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links li a {
    color: #064F9C;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: Inter;
font-weight: 500;
font-style: Medium;
font-size: 18px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;

}

.footer-links li a:hover {
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* ROW 2 - Three Equal Columns */
.footer-row-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    padding: 30px 0;
}

.contact-col {
    flex: 1;
    min-width: 180px;
}

.gradient-heading {
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 10px;
    font-family: Inter;
font-weight: 700;
font-style: Bold;
font-size: 28px;
leading-trim: NONE;
line-height: 110.00000000000001%;
letter-spacing: -2%;


}

.contact-text {
    font-size: 18px;
    color: #484848;
font-weight: 600;
font-style: SemiBold;;
leading-trim: NONE;
line-height: 27px;
letter-spacing: 0%;

}

/* ROW 3 - Address (40%) + Map (60%) */
.footer-row-3 {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    border-top: 1px dashed #000000;
    border-bottom: 1px dashed #000000;
    padding:30px 0;
}

.address-col {
    flex: 0 0 calc(40% - 20px);
    min-width: 250px;
}

.map-col {
    flex: 0 0 calc(60% - 20px);
    min-width: 280px;
}

/* Address Box with Double Border */
.address-box {
    position: relative;
}

.address-heading {
    display: inline-block;
    padding: 8px 18px;
    color: #2a2cff;
    border-radius: 30px;
    position: relative;
    z-index: 1;
    font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 18px;
leading-trim: NONE;
line-height: 27px;
letter-spacing: 7%;

}

/* outer border */
.address-heading::before {
    content: '';
    position: absolute;
    inset: 0px;
    border-top: 4px solid #2a2cff;
    border-right: 3px solid #2a2cff;
    border-radius: 35px;
    z-index: -2;
}

/* inner border */
.address-heading::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid #2a2cff;
    border-radius: 30px;
    z-index: -1;
}

.address-text {
    color: #484848;
    /*margin: 12px 0 0 0;*/
    padding-left: 10px;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 27px;
    letter-spacing: 0%;

}

/* Map Wrapper */
.map-wrapper {
    /*border: 2px solid #000000;*/
    overflow: hidden;
}

/* ROW 4 - Copyright */
.footer-row-4 {
    text-align: center; 
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.copyright {
    font-size: 14px;
    color: #517193;
    margin: 0;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 27px;
    letter-spacing: 0%;

}

/* Responsive */
@media (max-width: 992px) {
    .footer-row-1 {
        gap: 30px;
    }
    
    .footer-row-3 {
        flex-direction: column;
    }
    
    .address-col,
    .map-col {
        flex: 1;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .footer-row-1 {
        flex-direction: column;
        gap: 35px;
    }
    
    .footer-row-2 {
        flex-direction: column;
        gap: 25px;
        text-align: center;
    }
    
    .contact-col {
        text-align: left;
    }
    
    .gradient-heading{
        font-size:18px;
    }
    .address-box {
        text-align: center;
        padding-left: 0;
    }
    .wrap{
        gap:20px
    }
    .address-text {
        padding-left: 0;
    }
    .custom-navigation{
        position: relative !important;
        left: 0px !important;
}
} 
.custom-navigation{
    left: 45px;
    position: relative !important;
}

/*=======================industry solution css=======================================================*/


/* ===== DYNAMICS 365 TRADE BANNER ===== */
.trade-banner-section {
    background: #ffffff;
}

.trade-banner-container {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*border-radius: 30px;*/
    min-height: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}

.trade-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgb(40 34 34 / 55%);
    z-index: 1;
}

.trade-banner-content {
    position: relative;
    z-index: 2;
    max-width: 1100px;
    padding: 50px 30px;
}

.trade-banner-heading {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #ffffff;
}

.trade-banner-description {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 35px;
    line-height: 1.4;
    letter-spacing: 0.5px;
}


 
/* Responsive */
@media (max-width: 992px) {
    .trade-banner-heading {
        font-size: 32px;
    }
    
    .trade-banner-description {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .trade-banner-container {
        min-height: 450px;
    }
    
    .trade-banner-heading {
        font-size: 32px;
    }
    
    .trade-banner-description {
        font-size: 16px;
        margin-bottom: 25px;
    }
    
    .trade-banner-btn {
        padding: 12px 24px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .trade-banner-container {
        min-height: 380px;
    }
    
    .trade-banner-heading {
        font-size: 24px;
    }
    
    .trade-banner-description {
        font-size: 14px;
    }
    
    .trade-banner-btn {
        padding: 10px 20px;
        font-size: 13px;
    }
    
    .trade-btn-wrapper::before {
        top: -4px;
        left: -4px;
        right: -4px;
        bottom: -4px;
    }
}

/*--------------------*/
/* ===== CONNECT SALES & PURCHASE SECTION ===== */
.connect-sales-section {
    padding: 40px 0;
    background: #FDFBFF;
}

.connect-sales-content {
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
}

.connect-sales-heading {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 20px;
    color: #1a1a2e;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.connect-sales-description {

    color: #000000;
    margin-bottom: 0;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    font-style: Medium;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 140%;
    text-align: center;
    
    }

/* Responsive */
@media (max-width: 992px) {
    .connect-sales-section {
        padding: 50px 0;
    }
    
    .connect-sales-heading {
        font-size: 30px;
    }
    
    .connect-sales-description {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .connect-sales-section {
        padding: 40px 0;
    }
    
    .connect-sales-heading {
        font-size: 24px;
    }
    
    .connect-sales-description {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .connect-sales-section {
        padding: 30px 0;
    }
    
    .connect-sales-heading {
        font-size: 20px;
    }
    
    .connect-sales-description {
        font-size: 14px;
    }
}

.custom-btn-section{
    box-shadow: 0px 4px 0px 0px #FFFFFF99;
    border: 2px solid #ffffff;
    background: linear-gradient(90deg, #01334A 0%, #064F9C 100%) !important;

}



/*----------------------------------*/

/* ===== DIGITAL TRANSFORMATION CARDS SECTION ===== */
.digital-cards-section {
    padding: 70px 0;
    background: #ffffff;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header Styles */
.digital-header {
    text-align: center;
    margin-bottom: 50px;
}

.digital-main-heading {
    font-size: 32px;
    font-weight: 800;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 20px;
}

.digital-main-description {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    color: #4B5563;
    max-width: 900px;
    margin: 0 auto;
}

/* Cards Grid */
.digital-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    justify-content: center;
}

/* Flip Card Container */
.digital-card {
    position: relative;
    width: 100%;
    max-width: 332px;
    height: 419px;
    margin: 0 auto;
    perspective: 1000px;
    cursor: pointer;
}

/* Double Border for Back Side  */

.digital-card::before {
    content: '';
    position: absolute;
    bottom: -6px;
    left: -6px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: 6px solid #B62FFC;
    z-index: 0;
    opacity: 0;
    transition: opacity 0.3s ease 0.4s;  
    pointer-events: none;
}

.digital-card:hover::before {
    opacity: 1;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
    z-index: 1;
}

.digital-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

/* Front & Back common */
.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 0;
    padding: 25px 10px;
    box-sizing: border-box;
}

/* Front Side */
.flip-card-front {
    background: #FFF3FF;
    border: 2px solid #A164EE;
    box-shadow: 0px 0px 25px 0px #2B00FF4D;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

/* Hover Effect on Card - Upar Uthna */
.digital-card:hover .flip-card-front {
    transform: translateY(-10px);
    box-shadow: 0px 15px 35px 0px #2B00FF4D;
}

/* Back Side - NO BUTTON */
.flip-card-back {
    background: #FFF3FF;
    border: 2px solid #A164EE;
    box-shadow: 0px 0px 25px 0px #2B00FF4D;
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    position: relative;
}

/* Icon Styles */
.card-icon {
    text-align: center;
    margin-bottom: 20px;
}

.card-icon img {
    width: 60px;
    height: auto;
}

/* Front Side Heading */
.card-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 135%;
    letter-spacing: -2%;
    text-align: center;
    text-transform: capitalize;
    color: #1a1a2e;
    margin-bottom: 15px;
}

/* Back Side Heading */
.back-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 135%;
    letter-spacing: -2%;
    text-align: center;
    text-transform: capitalize;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 20px;
}

/* Front Side Description */
.card-description {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: #4B5563;
    margin-bottom: 20px;
    flex: 1;
}

/* Back Side Description */
.back-description {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    color: #4B5563;
    margin-top: 30px;
    padding: 0 5px;
}

/* Button Styles - Only on Front Side */
.card-btn-wrapper {
    text-align: center;
}

.card-learn-btn {
    display: inline-block;
    background: transparent;
    color: #E50016;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -1%;
    text-align: center;
    text-decoration: none;
    padding: 12px 24px;
    border-radius: 40px;
    transition: all 0.3s ease;
}

.card-learn-btn:hover {
    color: #cc0012;
    text-decoration: underline;
    background: transparent;
}

/* Responsive */
@media (max-width: 1024px) {
    .digital-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    
    .digital-main-heading {
        font-size: 36px;
    }
}

@media (max-width: 768px) {
    .digital-cards-section {
        padding: 50px 0;
    }
    
    .digital-cards-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
    
    .digital-card {
        max-width: 332px;
    }
    
    .digital-main-heading {
        font-size: 28px;
    }
    
    .digital-main-description {
        font-size: 16px;
    }
    
    .card-title {
        font-size: 18px;
    }
    
    .card-description {
        font-size: 15px;
    }
    
    .back-description {
        font-size: 14px;
    }
    
    .back-title {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .digital-cards-section {
        padding: 40px 0;
    }
    
    .digital-main-heading {
        font-size: 24px;
    }
}

/*-------------------------------------*/

/* ===== TESTIMONIAL SECTION ===== */
.testimonial-section {
    padding: 60px 0;
    background: #FDFBFF;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.testimonial-box {
    margin: 0 auto;
    text-align: left;
}

/* Company Heading */
.testimonial-company {
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 20px; 
}

/* Testimonial Text */
.testimonial-text {
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -2%;
    color:#000000;
    margin-bottom:20px;
}

/* Small Note */
.testimonial-small-note {
    font-family: Inter;
    font-weight: 900;
    font-style: Black;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -2%;
    color:#FF0000;

}

/* Author Name */
.testimonial-author {
    font-family: Inter;
    font-weight: 900;
    font-style: Black;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -2%;
    color:#000000;

}

/* Responsive */
@media (max-width: 992px) {
    .testimonial-company {
        font-size: 36px;
    }
    
    .testimonial-text {
        font-size: 20px;
    }
    
    .testimonial-small-note {
        font-size: 20px;
    }
    
    .testimonial-author {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .testimonial-section {
        padding: 40px 0;
    }
    
    .testimonial-company {
        font-size: 30px;
    }
    
    .testimonial-text {
        font-size: 18px;
    }
    
    .testimonial-small-note {
        font-size: 18px;
    }
    
    .testimonial-author {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .testimonial-company {
        font-size: 24px;
    }
    
    .testimonial-text {
        font-size: 16px;
    }
    
    .testimonial-small-note {
        font-size: 16px;
    }
    
    .testimonial-author {
        font-size: 16px;
    }
}

/*-------------------------------------*/

/* ===== SOLUTIONS FOR SMB & ENTERPRISES SECTION ===== */
.solutions-smb-section {
    padding: 70px 0;
    background: #ffffff;
}

.solutions-smb-section .digital-header {
    text-align: center;
    margin-bottom: 50px;
}

/* Static Card (No Flip) */
.solutions-card-static {
    width: 100%;
    max-width: 332px;
    height: 280px;
    margin: 0 auto;
    background: #FFF3FF;
    border: 2px solid #A164EE;
    box-shadow: 0px 0px 25px 0px #2B00FF4D;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 20px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.solutions-card-static:hover {
    transform: translateY(-10px);
    box-shadow: 0px 15px 35px 0px #2B00FF4D;
}

.solutions-card-static .card-icon {
    margin-bottom: 25px;
}

.solutions-card-static .card-icon img {
    width: 70px;
    height: auto;
}

.solutions-card-static .card-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 135%;
    letter-spacing: -2%;
    text-align: center;
    text-transform: capitalize;
    color: #1a1a2e;
    margin-bottom: 25px;
}

.solutions-card-static .card-btn-wrapper {
    text-align: center;
}

.solutions-card-static .card-learn-btn {
    display: inline-flex;
    align-items: center;
    background: transparent;
    color: #E50016;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -1%;
    text-align: center;
    text-decoration: none;
    padding: 12px 24px;
    border-radius: 40px;
    transition: all 0.3s ease;
}

.solutions-card-static .card-learn-btn i {
    font-size: 14px;
    transition: transform 0.3s ease;
}

.solutions-card-static .card-learn-btn:hover {
    color: #cc0012;
    text-decoration: underline;
    background: transparent;
}

.solutions-card-static .card-learn-btn:hover i {
    transform: rotate(45deg) translateX(3px);
}

/* Responsive */
@media (max-width: 1024px) {
    .solutions-smb-section .digital-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .solutions-smb-section {
        padding: 50px 0;
    }
    
    .solutions-smb-section .digital-cards-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
    
    .solutions-card-static {
        max-width: 332px;
        height: auto;
        min-height: 250px;
        padding: 30px 20px;
    }
}

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

/* ===== RESOURCES SECTION ===== */
.resources-section {
    padding: 70px 0;
    background: #FDFBFF;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Section Heading - Left Aligned */
.resources-header {
    text-align: left;
    margin-bottom: 40px;
}

.resources-heading {
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-align: left;
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;

}

/* Resource Card - Simple, No Border, No Shadow */
.resources-card {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    background: transparent;
    padding: 0;
}

/* Image Section - Left Side */
.resources-card-image {
    flex: 0.6;
    max-width: 300px;
    width:100%;
    height:300px;
    background: #E8E8E8;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.resources-card-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

/* Content Section - Right Side */
.resources-card-content {
    flex: 1.2;
    min-width: 280px;
}

.resources-card-title {
    font-family: Inter;
    font-weight: 800;
    font-style: Extra Bold;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 135%;
    letter-spacing: -2%;
    color:#000000;
}

.resources-card-description {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -2%;
    color: #000000;

}

.resources-btn-wrapper {
    margin-top: 20px;
    text-align: left;
}

.resources-readmore-btn {
    background: transparent;
    color: #000000;
    font-family: Inter;
    font-weight: 800;
    font-style: Extra Bold;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 135%;
    letter-spacing: -2%;
    text-decoration:none;

}

.resources-readmore-btn i {
    font-size: 14px;
    transition: transform 0.3s ease;
    color: #000000;
}

.resources-readmore-btn:hover {
    color: #E50016;
}

.resources-readmore-btn:hover i {
    transform: rotate(45deg) translateX(3px);
    color: #E50016;
}

/* Responsive */
@media (max-width: 992px) {
    .resources-heading {
        font-size: 36px;
    }
    
    .resources-card {
        flex-direction: column;
    }
    
    .resources-card-image {
        min-height: 250px;
        width: 100%;
        order: -1;
    }
}

@media (max-width: 768px) {
    .resources-section {
        padding: 50px 0;
    }
    
    .resources-heading {
        font-size: 28px;
    }
    
    .resources-card-title {
        font-size: 24px;
    }
    
    .resources-card-description {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .resources-heading {
        font-size: 24px;
    }
    
    .resources-card-title {
        font-size: 20px;
    }
    
    .resources-card-description {
        font-size: 14px;
    }
}

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

/* ===== WHY BITSQUAD SECTION ===== */
.why-bitsquad-section {
    padding: 80px 0;
    background: #FDFBFF;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.why-bitsquad-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    align-items: center;
}

.why-bitsquad-content {
    flex: 1;
    min-width: 300px;
}

.why-bitsquad-heading {
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 25px;
    text-align: left;
    display:inline-block; 
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;

}

.why-bitsquad-subheading {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 50px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: -4%;
    text-transform: capitalize;
    color:#000000;
}

.why-bitsquad-description {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 160%;
    letter-spacing: 2%;
    text-transform: capitalize;
    color:#000000;
}

.why-bitsquad-buttons {
    display: flex;
    gap: 15px;
    align-items: center;
}

.why-bitsquad-video {
    flex-shrink: 0;
    width: 550px;
    height: 550px;
}

.why-bitsquad-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Responsive */
@media (max-width: 1200px) {
    .why-bitsquad-video {
        width: 450px;
        height: 450px;
    }
}

@media (max-width: 992px) {
    .why-bitsquad-wrapper {
        flex-direction: column;
        gap: 40px;
    }
    
    .why-bitsquad-heading {
        font-size: 40px;
    }
    
    .why-bitsquad-subheading {
        font-size: 22px;
    }
    
    .why-bitsquad-description {
        font-size: 17px;
    }
    
    .why-bitsquad-video {
        order: -1;
        width: 100%;
        max-width: 550px;
        height: auto;
        aspect-ratio: 1/1;
    }
}

@media (max-width: 768px) {
    .why-bitsquad-section {
        padding: 50px 0;
    }
    
    .why-bitsquad-heading {
        font-size: 32px;
    }
    
    .why-bitsquad-subheading {
        font-size: 20px;
    }
    
    .why-bitsquad-description {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .why-bitsquad-heading {
        font-size: 28px;
    }
    
    .why-bitsquad-subheading {
        font-size: 18px;
    }
    
    .why-bitsquad-description {
        font-size: 14px;
    }
}

/*---------------------------------------*/

/* ===== FAQ SECTION ===== */
.faq-section {
    padding: 10px 0 60px;
    background: linear-gradient(180deg, #FFFFFF 27.96%, #D2DCFF 100%);
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.faq-header {
    text-align: left;
    /*margin-bottom: 50px;*/
}

.faq-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 48px;
    line-height: 1.1;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-align: left;
    display:inline-block;
}

.faq-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.faq-item {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #000000;
    background: #FFFFFF;
}

.faq-question span {
    flex: 1;
}

.faq-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
}


.faq-answer {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    border-top: 1px solid #F0F0F0;
    background: #FFFFFF;
    padding: 20px 30px;
}

/* Responsive */
@media (max-width: 768px) {
    .faq-section {
        padding: 50px 0;
    }
    
    .faq-heading {
        font-size: 36px;
    }
    
    .faq-question {
        padding: 16px 20px;
        font-size: 16px;
    }
    
    .faq-answer {
        padding: 0 20px 16px 20px;
        font-size: 14px;
    }
    
    .faq-icon {
        width: 24px;
        height: 24px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .faq-heading {
        font-size: 28px;
    }
    
    .faq-question {
        padding: 14px 16px;
        font-size: 14px;
    }
    
    .faq-answer {
        padding: 0 16px 14px 16px;
        font-size: 13px;
    }
}


/*=================Case Study css Start============================*/

/* ===== STATS SECTION ===== */
.stats-section {
    padding: 50px 0 30px 0;
    background: #FDFBFF;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.stats-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.stat-col {
    flex: 1;
    min-width: 200px;
    text-align: center;
}

/* Vertical Divider Line */
.stat-divider {
    width: 3px;
    height: 70px;
    background: linear-gradient(180deg, #FF34B0 0%, #AC34FE 100%);
    flex-shrink: 0;
}

.stat-img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.stat-img img {
    width: 100px;
    height: auto;
    display: block;
}

.stat-label {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 8px;
    text-align: center;
}

.stat-value {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: 2%;
    color:#000000;
    text-align: center;
}

/* ===== OVERVIEW SECTION ===== */
.overview-section {
    padding: 0 0 60px 0;
    background: #FDFBFF;
}

.overview-wrapper {
    margin: 0 auto;
}

.overview-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 20px;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-align: left;
    display: inline-block;
}

.overview-description {
    color: #000000;
    margin-bottom: 0;
    text-align: left;
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -2%;
}

/* Responsive */
@media (max-width: 992px) {
    .stat-img img {
        width: 80px;
    }
    
    .stat-value {
        font-size: 14px;
    }
    .stat-divider {
        height: 50px;
    }
}

@media (max-width: 768px) {
    .stats-section {
        padding: 40px 0 20px 0;
    }
    
    .stats-row {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .stat-col {
        flex: 0 0 calc(50% - 20px);
        min-width: auto;
    }
    
    .stat-divider {
        display: none;
    }
    
    .overview-section {
        padding: 0 0 20px 0;
    }
    
}

@media (max-width: 480px) {
    .stat-col {
        flex: 0 0 100%;
    }
    
    .stat-img img {
        width: 70px;
    }
    
    .stat-label {
        font-size: 12px;
    }
    
    .stat-value {
        font-size: 13px;
    }

}
.custom-stat-label{
    color:#000000;
}
/*--------------------------------------------------*/
/* Testimonial Section Styles */
.testimonial-section {
    width: 100%;
    padding: 80px 0;
    background: #FDFBFF;
    overflow-x: hidden;
}

.testimonial-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Gradient Heading - Left Align */
.testimonial-gradient-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 40px;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-align: left;
    display: inline-block;
}

/* Slider */
.testimonial-slider {
    position: relative;
    overflow: hidden;
}

.testimonial-slider-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.testimonial-slide {
    flex: 0 0 100%;
    display: flex;
    gap: 40px;
}

/* ========== LEFT COLUMN STYLES ========== */
.testimonial-left {
    position: relative;
    width: 100%;
    flex: 1;
    max-width: 650px;
    background: #fff;
    border-radius: 28px;
    overflow: visible;
    box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonial-left:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 40px -12px rgba(0, 0, 0, 0.2);
}

/* Client Image Wrapper */
.client-image-wrapper {
    position: relative;
    width: 100%;
    z-index: 1;
}

.client-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Purple Wave Overlay */
.purple-wave-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: #4F46BA;
    z-index: 2;
    overflow: hidden;
}

/* Wave SVG */
.wave-svg {
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 3;
}

.wave-svg .shape-fill {
    fill: #4F46BA;
}

/* Segment Logo Wrapper */
.segment-logo-wrapper {
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 10;
}

.segment-logo {
    width: auto;
    height: 32px;
    display: block;
}

/* Center Icon */
.center-icon {
    position: absolute;
    right: -28px;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    background: #3734A9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    box-shadow: 0 8px 20px rgba(55, 52, 169, 0.3);
    transition: all 0.3s ease;
}

.center-icon img {
    width: 22px;
    height: 22px;
}

.center-icon:hover {
    transform: translateY(-50%) scale(1.05);
    background: #4F46BA;
}

/* ========== RIGHT COLUMN STYLES ========== */
.testimonial-right {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 40px 40px 40px 70px;
    background: #ffffff;
    border-radius: 24px;
}

.testimonial-content {
    max-width: 500px;
}

.testimonial-quote {
    font-family: 'Inter', sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4;
    color: #1a1a2e;
    margin-bottom: 24px;
    font-style: normal;
}

.testimonial-stars {
    font-size: 24px;
    color: #ffb800;
    letter-spacing: 4px;
    margin-bottom: 20px;
}

.testimonial-name {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 8px;
}

.testimonial-designation {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: #666;
    font-weight: 400;
}

/* Navigation Buttons */
.testimonial-nav {
    display: flex;
    justify-content: flex-start;
    gap: 16px;
    margin-top: 40px;
}

.testimonial-prev,
.testimonial-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
}

.testimonial-prev {
    background: #4F46BA;
    color: #ffffff;
}

.testimonial-next {
    background: transparent;
    border: 1.5px solid #e0e0e0;
    color: #333;
}

.testimonial-prev:hover {
    background: transparent;
    border: 1.5px solid #4F46BA;
    color: #4F46BA;
}

.testimonial-next:hover {
    background: #4F46BA;
    border: none;
    color: #ffffff;
}

.testimonial-prev svg,
.testimonial-next svg {
    width: 20px;
    height: 20px;
}

/* ========== RESPONSIVE STYLES ========== */
@media (max-width: 992px) {
    .testimonial-slide {
        flex-direction: column;
        gap: 30px;
    }
    
    .testimonial-left {
        max-width: 100%;
    }
    
    .testimonial-right {
        width: 100%;
        padding: 30px;
    }
    
    .purple-wave-overlay {
        height: 30%;
    }
    
    .wave-svg {
        top: -35px;
        height: 50px;
    }
    
    .segment-logo-wrapper {
        bottom: 20px;
        left: 20px;
    }
    
    .segment-logo {
        height: 28px;
    }
    
    .center-icon {
        display: none;
    }
    
    .testimonial-quote {
        font-size: 22px;
    }
    
    .testimonial-gradient-heading {
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .testimonial-section {
        padding: 50px 0;
    }
    
    .testimonial-container {
        padding: 0 15px;
    }
    
    .testimonial-gradient-heading {
        font-size: 24px;
        margin-bottom: 30px;
    }
    
    .testimonial-right {
        padding: 24px;
    }
    
    .purple-wave-overlay {
        height: 28%;
    }
    
    .wave-svg {
        top: -30px;
        height: 45px;
    }
    
    .segment-logo-wrapper {
        bottom: 15px;
        left: 15px;
    }
    
    .segment-logo {
        height: 24px;
    }
    
    .testimonial-quote {
        font-size: 18px;
    }
    
    .testimonial-stars {
        font-size: 18px;
    }
    
    .testimonial-name {
        font-size: 18px;
    }
    
    .testimonial-designation {
        font-size: 14px;
    }
    
    .testimonial-prev,
    .testimonial-next {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 480px) {
    .testimonial-left {
        border-radius: 20px;
    }
    
    .purple-wave-overlay {
        height: 32%;
    }
    
    .wave-svg {
        top: -25px;
        height: 40px;
    }
    
    .segment-logo {
        height: 22px;
    }
    
    .testimonial-quote {
        font-size: 16px;
    }
    
    .testimonial-nav {
        gap: 12px;
    }
    
    .testimonial-prev,
    .testimonial-next {
        width: 36px;
        height: 36px;
    }
}

/*-----------------------------------------*/

/* ===== CHALLENGE & SOLUTION SECTION ===== */
.challenge-solution-section {
    width: 100%;
    padding: 80px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 27.96%, rgba(210, 220, 255, 0.3) 100%),
linear-gradient(270.14deg, rgba(253, 251, 255, 0.9) 0.09%, rgba(245, 233, 255, 0.9) 140.91%);

}

.challenge-solution-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.challenge-solution-wrapper {
    display: flex;
    gap: 40px;
    justify-content: center;
}

/* Card Styles */
.cs-card {
    flex: 1;
    max-width: 590px;
    background: #E8ECFF;
    border: 4px solid #4E4A4A;
    border-radius: 50px;
    padding: 32px 28px;
    box-shadow: 28px 28px 0px 0px #4E4A4A;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cs-card:hover {
    transform: translate(-4px, -4px);
    box-shadow: 32px 32px 0px 0px #4E4A4A;
}

/* Card Heading - Gradient Color */
.cs-card-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: 0%;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 12px;
    padding-bottom: 12px;
    display: inline-block;
}

/* Card List - with Disc */
.cs-card-list {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
}

.cs-list-item {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #4E4A4A;
    margin-bottom: 20px;
}

.cs-list-bold {
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    color:#000000;
}

.cs-list-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color:#000000;
}

/* Responsive */
@media (max-width: 992px) {
    .challenge-solution-wrapper {
        flex-direction: column;
        align-items: center;
    }
    
    .cs-card {
        max-width: 100%;
        width: 100%;
        box-shadow: 20px 20px 0px 0px #4E4A4A;
    }
    
    .cs-card:hover {
        transform: translate(-3px, -3px);
        box-shadow: 23px 23px 0px 0px #4E4A4A;
    }
}

@media (max-width: 768px) {
    .challenge-solution-section {
        padding: 50px 0;
    }
    
    .cs-card {
        padding: 24px 20px;
        border-radius: 35px;
        box-shadow: 15px 15px 0px 0px #4E4A4A;
    }
    
    .cs-card-heading {
        font-size: 20px;
    }
    
    .cs-list-bold,
    .cs-list-text {
        font-size: 15px;
    }
    
    .cs-list-item {
        margin-bottom: 16px;
    }
}

@media (max-width: 480px) {
    .cs-card {
        padding: 20px 16px;
        border-radius: 25px;
        box-shadow: 12px 12px 0px 0px #4E4A4A;
    }
    
    .cs-card-heading {
        font-size: 18px;
    }
    
    .cs-list-bold,
    .cs-list-text {
        font-size: 14px;
    }
}


/*-------------------------------------------*/

/* SECTION */
.impact-section {
    width: 100%;  
    padding: 40px 80px 30px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 27.96%, rgba(210, 220, 255, 0.3) 100%),
linear-gradient(270.14deg, rgba(253, 251, 255, 0.9) 0.09%, rgba(245, 233, 255, 0.9) 140.91%);

    
}
/* HEADING */
.impact-heading { 
    text-align: center;  
    font-size: 48px;  
    font-weight: 700;  
    line-height: 110%;  
    letter-spacing: -0.02em; 
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 55px;
    
}
    /* GRID */
    .impact-grid { 
        display: flex;  
        justify-content: space-between; 
        align-items: flex-start;  
        gap: 40px;
        
    }
        
        /* CARD */
        .impact-card { 
            width: 33.33%; 
            display: flex; 
            flex-direction: column; 
            align-items: center; 
            text-align: center;
            
        }
        /* ICON */
        .impact-icon { 
            width: 150px;
            height: 150px;  
            object-fit: contain; 
            margin-bottom: 28px;
            
        }
        /* TITLE */
        .impact-title { 
            font-family: "Inter", sans-serif;  
            font-weight: 700;  
            font-size: 24px;
            line-height: 110%; 
            letter-spacing: -0.02em;
            color: #000;
            margin-bottom: 14px;
            
        }
        /* DESCRIPTION */
        .impact-desc {
            font-family: "Inter", sans-serif; 
            font-weight: 500;  font-size: 18px; 
            line-height: 110%; 
            letter-spacing: -0.02em;  
            text-align: center; 
            color: #111;
            
        }
        /* RESPONSIVE */
        @media (max-width: 991px) {  
            .impact-grid {    
                flex-direction: column; 
                align-items: center; 
                gap: 60px;  
                
            }  
                
            .impact-card {  
                width: 100%;  
                
            }  
            .impact-heading { 
                font-size: 38px; 
                }
            
        }
            
            
  /*======================================================          */
  
  
  
  /* ===== SECTION ===== */

.ai-faq-section{
    width:100%;
    padding:60px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 27.96%, rgba(210, 220, 255, 0.3) 100%),
linear-gradient(270.14deg, rgba(253, 251, 255, 0.9) 0.09%, rgba(245, 233, 255, 0.9) 140.91%);

}

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

.ai-faq-top{
    margin-bottom:30px;
}

.ai-faq-top h2{
    font-size:32px;
    font-weight:700;
    line-height:110%;
    letter-spacing:-0.02em;
    display: inline-block;
    background:linear-gradient(90deg,#ff38b5 0%,#b33cff 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    margin-bottom:14px;
}

.ai-faq-top p{
    max-width:950px;
    font-size:16px;
    line-height:160%;
    color:#222;
}

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

.ai-faq-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:0px;
}

/* ===== LEFT FAQ ===== */

.ai-faq-left{
    flex:1.5;
}

/* ===== FAQ ITEM ===== */

.faq-item{
    border:1px solid #8d8d8d;
    background:#fff;
    margin-bottom:14px;
    transition:0.3s ease;
}

/* ===== FAQ HEADER ===== */

.faq-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:22px 24px;
    cursor:pointer;
}

.faq-header h3{
    font-size:22px;
    font-weight:700;
    line-height:110%;
    letter-spacing:-0.02em;
    color:#111;
}

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

.faq-icon{
    width:28px;
    height:28px;
    border:1.5px solid #ff5d5d;
    border-radius:50%;

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

    color:#ff5d5d;
    font-size:22px;
    flex-shrink:0;
}

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

.faq-content{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.4s ease;
    padding:0 24px;
}

.faq-content p{
    font-size:18px;
    line-height:160%;
    color:#000000;
}

/* ===== ACTIVE ===== */

.faq-item.active .faq-content{
    max-height:250px;
}

.faq-item.active .faq-icon{
    content:"−";
}

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

.ai-faq-right{
    flex:1;
    text-align:center;
}

.ai-faq-right img{
    width:100%;
    max-width:420px;
    object-fit:contain;
}

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

@media(max-width:991px){

    .ai-faq-wrapper{
        flex-direction:column;
    }

    .ai-faq-top h2{
        font-size:32px;
    }

    .faq-header h3{
        font-size:18px;
    }

}
@media(max-width:767px){

    .ai-faq-section{
        padding:40px 0 20px;
    }

    .ai-faq-top{
        margin-bottom:30px;
    }

    .ai-faq-wrapper{
        gap:40px;
    }

    .faq-header{
        padding:18px 16px;
    }

    .faq-header h3{
        font-size:16px;
        width:85%;
    }

    .faq-content{
        padding:0 16px;
    }

    .faq-content p{
        font-size:14px;
        padding-bottom:18px;
    }

    .faq-icon{
        width:24px;
        height:24px;
        font-size:18px;
    }

    .ai-faq-right img{
        max-width:100%;
    }

}    

.custom-faq-heading{
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
}
   
  /*--------------------------------         */
            
    /* ===== DATA & AI SERVICES SECTION ===== */
.data-ai-services-section {
    width: 100%;
    padding: 80px 0;
    background: #FDFBFF;
}

.data-ai-container {
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Gradient Heading */
.data-ai-gradient-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 50px;
    text-align: center;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Card */
.data-ai-card {
    display: flex;
    gap: 28px;
    background: #FFFFFF;
    border: 2px solid #303030;
    box-shadow: -8px 8px 0px 0px #3F3F3F;
    padding: 20px;
    margin-bottom: 40px;
    transition: all 0.3s ease;
}


/* Reverse layout (image left, content right) */
.data-ai-card.reverse {
    flex-direction: row;
}

/* Content */
.data-ai-content {
    flex: 1;
    padding: 10px;
}

.data-ai-subheading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 16px;
}

.data-ai-subheading-light {
    font-weight: 500;
}

.data-ai-description {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #000000;
    margin-bottom: 24px;
}

/* List */
.data-ai-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.data-ai-list-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #000000;
}

.data-ai-list-item strong {
    font-weight: 700;
}

.list-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-top: 2px;
}

/* Image */
.data-ai-image {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.data-ai-image img {
    width: 100%;
    height: auto;
    max-width: 400px;
    object-fit: contain;
}

/* Responsive */
@media (max-width: 1024px) {
    .data-ai-card,
    .data-ai-card.reverse {
        flex-direction: column;
    }
    
    .data-ai-image img {
        max-width: 100%;
    }
    
    .data-ai-subheading {
        font-size: 24px;
    }
    
    .data-ai-description,
    .data-ai-list-item {
        font-size: 18px;
    }
    
    .list-icon {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 768px) {
    .data-ai-services-section {
        padding: 50px 0;
    }
    
    .data-ai-gradient-heading {
        font-size: 32px;
        margin-bottom: 35px;
    }
    
    .data-ai-card {
        padding: 15px;
        box-shadow: -6px 6px 0px 0px #3F3F3F;
    }
    
    .data-ai-subheading {
        font-size: 20px;
    }
    
    .data-ai-description,
    .data-ai-list-item {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .data-ai-gradient-heading {
        font-size: 26px;
    }
    
    .data-ai-subheading {
        font-size: 18px;
    }
    
    .data-ai-description,
    .data-ai-list-item {
        font-size: 14px;
    }
    
    .list-icon {
        width: 18px;
        height: 18px;
    }
}
.list-icon {
    font-size: 25px;
    flex-shrink: 0;
    margin-top: 2px;
}
        


/*-------------------------------------------    */


/* ===== WHY CHOOSE BITSQUAD SECTION ===== */
.why-choose-section {
    width: 100%;
    padding: 80px 0;
    /*background: #FDFBFF;*/
    background: linear-gradient(180deg, #FFFFFF 27.96%, #D2DCFF 100%);

}

.why-choose-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Gradient Heading */
.why-choose-gradient-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 50px;
    text-align: left;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Grid Layout */
.why-choose-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

/* Card */
.why-choose-card {
    background: #FFFFFF;
    border: 2px solid #303030;
    /*box-shadow: -8px 8px 0px 0px #3F3F3F;*/
    padding: 30px 25px;
    transition: all 0.3s ease;
}

.why-choose-card:hover {
    box-shadow: -4px 4px 0px 0px #3F3F3F;
    background:#EF5908;
}
.why-choose-card:hover .why-choose-number,
.why-choose-card:hover .why-choose-title,
.why-choose-card:hover .why-choose-description {
    color: #ffffff;
}

/* Number */
.why-choose-number {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 48px;
    line-height: 100%;
    color: #EF5908;
    margin-bottom: 20px;
}

/* Title */
.why-choose-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #000000;
    margin-bottom: 12px;
}

/* Description */
.why-choose-description {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #000000;
    margin: 0;
}

/* Responsive */
@media (max-width: 1024px) {
    .why-choose-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    
    .why-choose-gradient-heading {
        font-size: 36px;
        margin-bottom: 40px;
    }
    
    .why-choose-number {
        font-size: 32px;
    }
    
    .why-choose-title {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .why-choose-section {
        padding: 50px 0;
    }
    
    .why-choose-gradient-heading {
        font-size: 28px;
        margin-bottom: 30px;
    }
    
    .why-choose-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .why-choose-card {
        padding: 25px 20px;
        box-shadow: -6px 6px 0px 0px #3F3F3F;
    }
    
    .why-choose-number {
        font-size: 36px;
        margin-bottom: 15px;
    }
    
    .why-choose-title {
        font-size: 18px;
    }
    
    .why-choose-description {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .why-choose-gradient-heading {
        font-size: 24px;
    }
    
    .why-choose-card {
        padding: 20px 15px;
        box-shadow: -4px 4px 0px 0px #3F3F3F;
    }
    
    .why-choose-number {
        font-size: 32px;
    }
    
    .why-choose-title {
        font-size: 16px;
    }
    
    .why-choose-description {
        font-size: 13px;
    }
}



/*-----------------------------------------------------*/


/* ===== EMPOWERING BUSINESS SECTION V2 ===== */
.empowering-v2-section {
    padding: 50px 0;
    background: #FDFBFF;
}

.empowering-v2-wrapper {
    max-width: 1100px;
    margin: 0 auto;
}

.empowering-v2-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -2%;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 50px;
}

.empowering-v2-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px;
}

.empowering-v2-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.empowering-v2-icon i {
    font-size: 28px;
    color: #000000;
    flex-shrink: 0;
}

.empowering-v2-text {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: -2%;
    color: #000000;
}

.empowering-v2-text strong {
    font-weight: 700;
    display: block;
    margin-bottom: 8px;
}

/* Responsive */
@media (max-width: 768px) {
    .empowering-v2-section {
        padding: 50px 0;
    }
    
    .empowering-v2-heading {
        font-size: 28px;
    }
    
    .empowering-v2-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .empowering-v2-text {
        font-size: 18px;
    }
    
    .empowering-v2-icon i {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .empowering-v2-heading {
        font-size: 24px;
    }
    
    .empowering-v2-text {
        font-size: 16px;
    }
}

    .custom-faq-top{
        padding:30px 7px 0;
    }
    
    .custom-faq-top p{
        font-family: Inter;
        font-weight: 400;
        font-style: Regular;
        font-size: 18px;
        leading-trim: NONE;
        line-height: 150%;
        letter-spacing: -2%;
}

/*-----------------------------------------*/

/* ===== DYNAMICS 365 SERVICES SECTION ===== */
.dynamics-services-section {
    padding: 50px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 27.96%, rgba(210, 220, 255, 0.3) 100%),
linear-gradient(270.14deg, rgba(253, 251, 255, 0.9) 0.09%, rgba(245, 233, 255, 0.9) 140.91%);

}

.dynamics-services-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 20px;
}

.dynamics-services-subtext {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #4B5563;
    margin-bottom: 50px;
    max-width: 900px;
}

.dynamics-services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

/* Card - Equal Height */
.dynamics-service-card {
    height: 100%;
}

/* Inner Card - Simple Border No Double Border */
.dynamics-service-inner {
    background: #ffffff;
    border: 1px solid #000000;
    padding: 30px;
    height: 100%;
    transition: all 0.3s ease;
}

.dynamics-service-card:hover .dynamics-service-inner {
    transform: translateY(-5px);
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);
}

/* List with Disc Bullets */
.dynamics-service-list {
    list-style: disc;
    margin: 0;
    padding-left: 20px;
}

.dynamics-service-list li {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 20px;
}

.dynamics-service-list li strong {
    font-weight: 700;
    font-size: 18px;
    color: #000000;
}

.dynamics-service-list li span {
    font-weight: 500;
    font-size: 18px;
    color: #000000;
}

.dynamics-service-list li:last-child {
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .dynamics-services-section {
        padding: 50px 0;
    }
    
    .dynamics-services-heading {
        font-size: 28px;
    }
    
    .dynamics-services-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .dynamics-service-inner {
        padding: 20px;
    }
}
/*==============Power Platform css Start=========================================*/


/* ===== POWER PLATFORM OVERVIEW SECTION ===== */
.power-platform-overview {
    padding: 60px 0 10px;
    background: #FDFBFF;
}

.power-platform-wrapper {
    margin: 0 auto;
}

.power-platform-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 20px;
}

.power-platform-description {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 20px;
}

.power-platform-list {
    list-style: disc;
    padding-left: 25px;
    margin-bottom: 20px;
} 

.power-platform-list li {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 12px;
}

.power-platform-footer {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -2%;
    color: #000000;
    margin-top: 20px;
}

/* Responsive */
@media (max-width: 768px) {
    .power-platform-overview {
        padding: 50px 0;
    }
    
    .power-platform-heading {
        font-size: 28px;
    }
    
    .power-platform-description,
    .power-platform-list li,
    .power-platform-footer {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .power-platform-heading {
        font-size: 24px;
    }
    
    .power-platform-description,
    .power-platform-list li,
    .power-platform-footer {
        font-size: 16px;
    }
}

/*-------------------------------------------------*/


/* ===== SOMANY PARTNER SECTION ===== */
.somany-partner-section {
    background: #68D9FF;
    padding: 80px 0;
}

.somany-partner-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    flex-wrap: wrap;
}

.somany-partner-left {
    flex: 1;
    min-width: 280px;
}

.somany-partner-quote {
    margin-bottom: 20px;
}

.somany-partner-quote img {
    width: 40px;
    height: auto;
    display: block;
}

.somany-partner-text {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 20px;
}

.somany-partner-author {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -2%;
    color: #000000;
    margin: 0;
}

.somany-partner-right {
    flex-shrink: 0;
}

.somany-partner-img {
    width: 200px;
    height: 200px;
    object-fit: contain;
    display: block;
    mix-blend-mode: luminosity;
    border-radius: 50%;
    background: #ffffff;
    /*padding: 10px;*/
}

/* Responsive */
@media (max-width: 768px) {
    .somany-partner-section {
        padding: 50px 0;
    }
    
    .somany-partner-container {
        flex-direction: column;
        text-align: center;
    }
    
    .somany-partner-quote {
        text-align: center;
    }
    
    .somany-partner-quote img {
        margin: 0 auto;
    }
    
    .somany-partner-text {
        font-size: 18px;
    }
    
    .somany-partner-author {
        font-size: 18px;
    }
    
    .somany-partner-img {
        width: 150px;
        height: 150px;
        margin: 0 auto;
    }
}


/*---------------------------------------------------*/


/* ===== POWER PLATFORM PILLARS SECTION ===== */
.power-pillars-section {
    padding: 40px 0 0;
    background: #FDFBFF;
}

.power-pillars-main-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 25px;
    text-align: left;
}

/* Card */
.power-pillar-card {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
    background: #FFFFFF;
    border: 2px solid #303030;
    box-shadow: -8px 8px 0px 0px #3F3F3F;
    padding: 30px;
}

/* Left Column (Content + Button) */
.power-pillar-left {
    flex: 2;
    display: flex;
    flex-direction: column;
}

/* Right Column (Video) */
.power-pillar-right {
    flex: 1;
    display: flex;
    align-items: flex-start;
}

.power-pillar-right video {
    width: 100%;
    height: 520px;
    object-fit: cover;
    border: 2px solid #000;
    border-radius: 20px;
}

/* Heading */
.power-pillar-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: -2%;
    background: #303030;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 10px;
}

/* Description */
.power-pillar-description {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 10px;
}

/* List */
.power-pillar-list {
    list-style: disc;
    padding-left: 25px;
    margin-bottom: 10px;
}

.power-pillar-list li {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 10px;
}

/* Value Delivered */
.power-pillar-value {
    margin-bottom: 10px;
}

.power-pillar-value strong {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
    color: #000000;
    line-height:2;
}

.power-pillar-value ul {
    list-style: disc;
    padding-left: 25px;
}

.power-pillar-value ul li {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 8px;
}

/* Button - Bottom Left */
.power-pillar-btn-wrapper {
    margin-top: auto;
    text-align: left;
}

.power-pillar-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(90deg, #01334A 0%, #064F9C 100%);
    color: #ffffff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 40px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
}

.power-pillar-btn:hover {
    gap: 12px;
    color: #ffffff;
    opacity: 0.9;
}

/* Responsive */
@media (max-width: 768px) {
    .power-pillar-card {
        flex-direction: column;
        padding: 20px;
    }
    
    .power-pillar-right video {
        height: 250px;
    }
    
    .power-pillars-main-heading {
        font-size: 28px;
    }
    
    .power-pillar-heading {
        font-size: 22px;
    }
    
    .power-pillar-description,
    .power-pillar-list li,
    .power-pillar-value ul li {
        font-size: 16px;
    }
}

/*---------------------------------------------*/

/* ===== UNIFIED BENEFITS SECTION ===== */
.unified-benefits-section {
    padding: 80px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 27.96%, rgba(210, 220, 255, 0.3) 100%),
linear-gradient(270.14deg, rgba(253, 251, 255, 0.9) 0.09%, rgba(245, 233, 255, 0.9) 140.91%);

}

.unified-header-wrapper {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.unified-benefits-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin: 0;
}

.unified-header-icon {
    width: 50px;
    height: 50px;
    display: block;
}

.unified-benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.unified-benefit-card {
    padding: 30px 15px;
    border-radius: 16px;
    transition: transform 0.3s ease;
    color: #ffffff;
}

.unified-benefit-card:hover {
    transform: translateY(-5px);
}

.unified-benefit-card h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    color: #ffffff;
    margin-bottom: 15px;
}

.unified-benefit-card p {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #ffffff;
    margin: 0;
}

/* Card Gradients */
.card-1 {
    background: linear-gradient(180deg, #FF0308 0%, #E80005 100%);
}
.card-2 {
    background: linear-gradient(180deg, #FF34B0 0%, #E520E5 100%);
}
.card-3 {
    background: linear-gradient(180deg, #006D3A 0%, #008C1C 100%);
}
.card-4 {
    background: linear-gradient(180deg, #1F6AFF 0%, #003EBB 100%);
}

/* Responsive */
@media (max-width: 1024px) {
    .unified-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .unified-benefits-section {
        padding: 50px 0;
    }
    .unified-benefits-heading {
        font-size: 28px;
    }
    .unified-benefits-grid {
        grid-template-columns: 1fr;
    }
    .unified-header-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}


/*-------------------------------------------*/
/* ===== WHY CHOOSE BITSQUAD SECTION ===== */
.why-choose-bitsquad-section {
    padding: 80px 0;
    background: #FDFBFF;
}

.why-choose-header-wrapper {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.why-choose-bitsquad-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin: 0;
}

.why-choose-header-icon {
    width: 50px;
    height: 50px;
    display: block;
}

/* GRID */
.why-choose-bitsquad-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

/* CARD DESIGN */
.why-choose-card {
    position: relative;
    background: #ffffff;
    border: 2px solid #111111;
    min-height: 360px;
    padding: 40px 28px 30px;
    overflow: hidden;
    clip-path: polygon(
        0 0,
        calc(100% - 60px) 0,
        100% 60px,
        100% 100%,
        0 100%
    );
    transition: all 0.3s ease;
}

/* Diagonal border line - sharp & clear */
.why-choose-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 2px;
    background: #111111;
    transform: translate(calc(100% - 56px), -1px) rotate(45deg);
    transform-origin: top left;
    z-index: 2;
}

/* Hover effects */
.why-choose-card:hover {
    background: #F95A00;
    /*border-color: #F95A00;*/
    transform: translateY(-6px);
}

.why-choose-card:hover::before {
    /*background: #ffffff;*/
}

.why-choose-card:hover h3,
.why-choose-card:hover p,
.why-choose-card:hover .why-choose-number {
    color: #ffffff;
}

/* Content */
.why-choose-card h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 135%;
    color: #111111;
    margin-bottom: 22px;
}

.why-choose-card p {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 155%;
    color: #222222;
    margin-bottom: auto;
    max-width: 95%;
}

.why-choose-number {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 56px;
    line-height: 1;
    color: #111111;
    text-align: right;
    margin-top: 40px;
}

/* Responsive */
@media (max-width: 1024px) {
    .why-choose-bitsquad-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .why-choose-bitsquad-section {
        padding: 50px 0;
    }
    .why-choose-bitsquad-heading {
        font-size: 28px;
    }
    .why-choose-header-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .why-choose-bitsquad-grid {
        grid-template-columns: 1fr;
    }
    .why-choose-card {
        min-height: auto;
        padding: 30px 22px;
    }
    .why-choose-card h3 {
        font-size: 20px;
    }
    .why-choose-card p {
        font-size: 16px;
    }
    .why-choose-number {
        font-size: 32px;
    }
}

/*==================Microsoft Power Apps Start here======================================*/

/* ===== POWER APPS OVERVIEW SECTION ===== */
.powerapps-overview-section {
    padding: 50px 0 10px;
    background: #FDFBFF;
}

.powerapps-overview-wrapper {
    margin: 0 auto;
}

.powerapps-overview-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
    text-align: left;
}

.powerapps-overview-description {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: -2%;
    color: #000000;
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .powerapps-overview-section {
        padding: 40px 0;
    }
    .powerapps-overview-heading {
        font-size: 28px;
    }
    .powerapps-overview-description {
        font-size: 16px;
    }
}

/*---------------------------------------------------------*/

/* ===== POWER APPS VIDEO + FAQ SECTION ===== */
.powerapps-video-faq-section {
    padding: 80px 0;
    background: #FDFBFF;
}

.powerapps-video-faq-top {
    text-align: left;
    margin-bottom: 50px;
}

.powerapps-video-faq-top h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
}

.powerapps-video-faq-top p {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    letter-spacing: 1px;
    margin: 0;
}

.powerapps-video-faq-wrapper {
    display: flex;
    gap: 50px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.powerapps-video-col {
    flex: 1;
    min-width: 280px;
}

.powerapps-video-col video {
    width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.powerapps-faq-col {
    flex: 1;
    min-width: 280px;
}

.powerapps-faq-item {
    margin-bottom: 25px;
}

.powerapps-faq-item h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #1F2937;
    margin-bottom: 10px;
}

.powerapps-faq-item p {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #4B5563;
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .powerapps-video-faq-section {
        padding: 50px 0;
    }
    .powerapps-video-faq-top h2 {
        font-size: 28px;
    }
    .powerapps-video-faq-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    .powerapps-faq-item h3 {
        font-size: 18px;
    }
}
/*---------------------------------------------------*/

.custom-faq-wrapper{
    display: flex;
    gap: 25px;
    margin-bottom: 30px;
    align-item:flex-start;
}
.custom-left-section{
    flex: 0.75;
    display: flex;
    align-items: flex-start;
}
 .custom-left-section video{
    width: 100%;
    height: 480px;
    object-fit: cover;
    /*border: 2px solid #000;*/
    border-radius: 20px;
}

/*------------------------------------*/

/* ===== POWER APPS ROI SECTION ===== */
.powerapps-roi-section {
    padding: 50px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 27.96%, rgba(210, 220, 255, 0.3) 100%),
                linear-gradient(270.14deg, rgba(253, 251, 255, 0.9) 0.09%, rgba(245, 233, 255, 0.9) 140.91%);
}

.powerapps-roi-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-align: left;
    margin-bottom: 30px;
}

.powerapps-roi-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

.powerapps-roi-item {
    flex: 1;
    text-align: left;
    padding: 0px;
}

.roi-value {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -2%;
    text-transform: capitalize;
    color: #000000;
    margin: 0;
}

/* Vertical Divider */
.powerapps-roi-divider {
    width: 2px;
    height: 80px;
    background: #000000;
    flex-shrink: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .powerapps-roi-section {
        padding: 50px 0;
    }
    .powerapps-roi-heading {
        font-size: 28px;
    }
    .powerapps-roi-grid {
        flex-direction: column;
        gap: 20px;
    }
    .powerapps-roi-divider {
        width: 80%;
        height: 2px;
        margin: 0 auto;
    }
    .roi-value {
        font-size: 24px;
    }
}

/*---------------------------------------------------*/

/* ===== BUSINESS VALUE OF POWER APPS SECTION ===== */
.business-value-section {
    padding: 50px 0 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 27.96%, rgba(210, 220, 255, 0.3) 100%),
        linear-gradient(270.14deg, rgba(253, 251, 255, 0.9) 0.09%, rgba(245, 233, 255, 0.9) 140.91%);
}

.business-value-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-align: left;
    margin-bottom: 30px;
}

.business-value-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.business-value-card {
    background: transparent;
    padding: 0 60px;
}

.business-value-card h3 {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -2%;
    color: #303030;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    
}

.business-value-card h3 i {
    font-size: 20px;
    color: #000000;
}

.business-value-card p {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -2%;
    color:#303030;
    padding: 0 30px;
}

/* Responsive */
@media (max-width: 768px) {
    .business-value-section {
        padding: 50px 0;
    }
    .business-value-heading {
        font-size: 28px;
    }
    .business-value-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .business-value-card h3 {
        font-size: 18px;
    }
}


/*-----------------------------------------------------*/


/* ===== UNLOCK POWER APPS SECTION ===== */
.unlock-powerapps-section {
    padding: 60px 0 20px;
    background: #FDFBFF;
}

.unlock-powerapps-wrapper {
    display: flex;
    align-items: center;
    gap: 50px;
    flex-wrap: wrap;
}

.unlock-powerapps-content {
    flex: 1;
    min-width: 280px;
}

.unlock-powerapps-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 110%;
    letter-spacing: -4%;
    color: #000000;
    margin-bottom: 25px;
}

.unlock-powerapps-description {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 160%;
    letter-spacing: 2%;
    color: #000000;
    margin-bottom: 20px;
}

.unlock-powerapps-description:last-of-type {
    margin-bottom: 0;
}

/* Square Video */
.unlock-powerapps-video {
    flex: 0.80;
    min-width: 280px;
    aspect-ratio: 1 / 1;
    background: #f0f0f0;
    overflow: hidden;
    height:540px;
}

.unlock-powerapps-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Responsive */
@media (max-width: 768px) {
    .unlock-powerapps-section {
        padding: 50px 0;
    }
    .unlock-powerapps-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    .unlock-powerapps-heading {
        font-size: 32px;
    }
    .unlock-powerapps-description {
        font-size: 18px;
    }
}

/*-------------------------------------------------*/

/* ===== HOW ALLETEC ADDS VALUE SECTION ===== */
.alletec-value-section {
    padding: 60px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 27.96%, rgba(210, 220, 255, 0.3) 100%),
linear-gradient(270.14deg, rgba(253, 251, 255, 0.9) 0.09%, rgba(245, 233, 255, 0.9) 140.91%);

}

.alletec-value-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 50px;
    text-align: left;
}

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

.alletec-value-card-wrapper {
    display: flex;
    flex-direction: column;
}

/* Card styling */
.alletec-value-card {
    background: #FFFFFF;
    border: 2px solid #000000;
    border-radius: 0px;
    padding: 20px 20px 30px;
    text-align: left;
    position: relative;
    min-height: 300px;
    transition: all 0.3s ease;
    flex: 1;
}

/* Hover effect */
.alletec-value-card-wrapper:hover .alletec-value-card {
    background: #EF5908;
    border-color: #EF5908;
}

.alletec-value-card-wrapper:hover .alletec-value-title,
.alletec-value-card-wrapper:hover .alletec-value-desc {
    color: #FFFFFF;
}

.alletec-value-card-wrapper:hover .alletec-value-icon {
    color: #FFFFFF;
}

.alletec-value-card-wrapper:hover .alletec-value-number {
    color: #EF5908;
}

/* Diamond icon - top right */
.alletec-value-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 24px;
    color: #000000;
}

/* Title */
.alletec-value-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.3;
    color: #1F2937;
    margin: 20px 0 15px 0;
}

/* Description */
.alletec-value-desc {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #4B5563;
    margin-bottom:40px;
}

/* Number below card */
.alletec-value-number {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 32px;
    color: #EF5908;
    margin-top: 15px;
    text-align: left;
    transition: color 0.3s ease;
}

/* Responsive */
@media (max-width: 1024px) {
    .alletec-value-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px;
    }
}

@media (max-width: 768px) {
    .alletec-value-section {
        padding: 50px 0;
    }
    .alletec-value-heading {
        font-size: 28px;
    }
    .alletec-value-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .alletec-value-card {
        min-height: auto;
        padding: 30px 20px;
    }
    .alletec-value-title {
        font-size: 20px;
    }
    .alletec-value-number {
        font-size: 28px;
    }
}
.alletec-value-card i{
    display: flex;
    justify-content: end;
    margin-bottom:40px;
}

.alletec-value-card:hover i{
    color:#ffffff;
}



/*============Power Automate css start ========================*/

/* ===== POWER AUTOMATE CONTENT SECTION ===== */
.powerautomate-content-section {
    padding: 80px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 27.96%, rgba(210, 220, 255, 0.3) 100%),
                linear-gradient(270.14deg, rgba(253, 251, 255, 0.9) 0.09%, rgba(245, 233, 255, 0.9) 140.91%);
}

.powerautomate-content-top {
    text-align: left;
    margin-bottom: 50px;
}

.powerautomate-content-top h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin: 0;
}

.powerautomate-content-wrapper {
    display: flex;
    gap: 40px;
    margin-bottom: 30px;
}

/* VIDEO COLUMN */
.powerautomate-video-col {
    flex: 0.75;
    display: flex;
    align-items: flex-start;
}

.powerautomate-video-col video {
    width: 100%;
    height: 450px;
    object-fit: cover;
     border: 1px solid #000; 
    border-radius: 20px;
}
 
/* TEXT COLUMN */
.powerautomate-text-col {
    flex: 1.5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.powerautomate-text-col h3 {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 50px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: -4%;
    text-transform: capitalize;
    color:#000000;

}

.powerautomate-text-col p {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 160%;
    letter-spacing: 2%;
    text-transform: capitalize;
    color:#000000;
}

/* Responsive */
@media (max-width: 768px) {
    .powerautomate-content-section {
        padding: 50px 0;
    }
    .powerautomate-content-top h2 {
        font-size: 28px;
    }
    .powerautomate-content-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    .powerautomate-text-col h3 {
        font-size: 24px;
    }
    .powerautomate-text-col p {
        font-size: 16px;
    }
}
.challenge-solution-section p{
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: -2%;
    color:#000000;
    margin-bottom:30px;

}

/*---------------------------------------------*/


/* ===== RECOGNITIONS SECTION ===== */
.recognitions-section {
    padding: 80px 0;
    background: #FDFBFF;
}

.recognitions-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 10px;
    text-align: left;
}

.recognitions-subhead {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #4B5563;
    margin-bottom: 30px;
    text-align: left;
}

.recognitions-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

/* Card with outer double border + shadow */
.recognition-card {
    border: 4px solid #4E4A4A;
    box-shadow: 14px 14px 0px 0px #4E4A4A;
    background: transparent;
}

.recognition-card-inner {
    background: #FFFFFF;
    padding: 40px 20px;
    text-align: center;
}

.recognition-logo {
    max-width: 150px;
    height: auto;
    margin-bottom: 25px;
    display: inline-block;
}

.recognition-text {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    color: #000000;
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .recognitions-section {
        padding: 50px 0;
    }
    .recognitions-heading {
        font-size: 28px;
    }
    .recognitions-subhead {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .recognitions-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .recognition-card {
        box-shadow: 10px 10px 0px 0px #4E4A4A;
    }
    .recognition-text {
        font-size: 18px;
    }
}

.custom-trade-btn{
    display: flex;
    justify-content: center;
    margin: 20px 0;
}


/*==========================Microsoft BI css Start=========================*/

.custom-card-heading{
  background:#FFF4EB;  
}

.custom-card-heading h3{
    font-size:28px;
    margin:0;
}
.custom-card-heading p{
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 21px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: -2%;
    color:#000000;
    margin-bottom:20px;
}

/*-----------------------------------*/

/* ===== TECHNICAL SUPERIORITY SECTION (FINAL) ===== */
.tech-sup-section {
    padding: 70px 0;
    background: #ffffff;
}
.tech-sup-header {
    text-align: left;
    margin-bottom: 48px;
}
.tech-sup-heading {
    font-size: 32px;
    font-weight: 800;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 12px;
}
.tech-sup-desc {
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: -2%;
    color: #000000;
}
.tech-sup-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.tech-flip-card {
    width: 370px;
    height: 300px;
    perspective: 1000px;
}
.tech-flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.tech-flip-card:hover .tech-flip-inner {
    transform: rotateY(180deg);
}
.tech-flip-front, .tech-flip-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border: 4px solid #B62FFC;
    background: #ffffff;
    box-shadow: -14px 14px 0px 0px #B62FFC;
}
.tech-flip-front {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 30px 20px 20px 20px;
}
.tech-flip-back {
    transform: rotateY(180deg);
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tech-front-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: left;
    text-transform: uppercase;
    background: linear-gradient(90.07deg, #FF34B0, #DF1BF3, #AC34FE);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 0;
}
.tech-front-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 0px 0px #FFFFFF99;
    border: 2px solid #ffffff;
    background: #FB31B9 !important;
    color: #ffffff;
    transition: 0.2s;
    border-radius: 50%;
    padding: 16px 20px;
    text-decoration: none;
    align-self: flex-end;
}
.tech-front-arrow:hover {
    opacity: 0.8;
}
.tech-back-text {
    font-size: 18px;
    line-height: 1.5;
    color: #1f2937;
    font-weight: 500;
    text-align: left;
    margin: 0;
}
@media (max-width: 768px) {
    .tech-sup-grid {
        justify-content: center;
        gap: 30px;
    }
    .tech-flip-card {
        width: 100%;
        max-width: 340px;
    }
    .tech-sup-heading {
        font-size: 32px;
    }
    .tech-front-title {
        font-size: 28px;
    }
}

/*-----------------------------------------*/

/* ===== BITSQUAD PARTNER SECTION (MATCHES POWER BI SECTION) ===== */
.bitsquad-partner-section {
    padding: 70px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 27.96%, rgba(210, 220, 255, 0.3) 100%),
                linear-gradient(270.14deg, rgba(253, 251, 255, 0.9) 0.09%, rgba(245, 233, 255, 0.9) 140.91%);
}
.bitsquad-partner-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 40px;
    text-align: left;
}
.bitsquad-partner-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
}
.bps-card { 
    flex: 1;
    min-width: 280px;
    background: #ffffff;
    border: 4px solid #B62FFC;
    border-radius: 10px;
    padding: 32px 28px;
    transition: transform 0.3s ease;
}
.bps-card:hover {
    transform: translateY(-5px);
}
.bps-card-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 12px;
    display: inline-block;
}
.bps-card-intro {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 20px;
    line-height: 1.4;
}
.bps-card-list {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
}
.bps-list-item {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    line-height: 140%;
    color: #4E4A4A;
    margin-bottom: 20px;
    font-weight: 500;
}
.bps-list-item:last-child {
    margin-bottom: 0;
}
@media (max-width: 992px) {
    .bitsquad-partner-wrapper {
        flex-direction: column;
        align-items: center;
    }
    .bps-card {
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .bitsquad-partner-section {
        padding: 50px 0;
    }
    .bitsquad-partner-heading {
        font-size: 28px;
    }
    .bps-card {
        padding: 24px 20px;
        border-radius: 35px;
    }
    .bps-card-heading {
        font-size: 20px;
    }
    .bps-card-intro, .bps-list-item {
        font-size: 15px;
    }
}
@media (max-width: 480px) {
    .bps-card {
        padding: 20px 16px;
        border-radius: 25px;
    }
    .bps-card-heading {
        font-size: 18px;
    }
    .bps-card-intro, .bps-list-item {
        font-size: 14px;
    }
}
/*---------------------------------------------*/

/* ===== BUSINESS VALUE CUSTOM SECTION (NEW CLASSES) ===== */
.business-value-custom-section {
    padding: 70px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 27.96%, rgba(210, 220, 255, 0.3) 100%),
                linear-gradient(270.14deg, rgba(253, 251, 255, 0.9) 0.09%, rgba(245, 233, 255, 0.9) 140.91%);
}

.business-value-custom-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-align: left;
    margin-bottom: 20px;
}

.business-value-custom-intro {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6;
    color: #000000;
    margin-bottom: 50px;
    text-align: left;
}

.business-value-custom-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.business-value-custom-card {
    background: transparent;
    padding: 0 20px;
}

.business-value-custom-card h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -2%;
    color: #303030;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.business-value-custom-card h3 i {
    font-size: 20px;
    color: #000000;
}

.business-value-custom-card p {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: -2%;
    color: #303030;
    padding: 0 0 0 32px;
    margin: 0;
}

@media (max-width: 992px) {
    .business-value-custom-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .business-value-custom-section {
        padding: 50px 0;
    }
    .business-value-custom-heading {
        font-size: 32px;
    }
    .business-value-custom-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .business-value-custom-card h3 {
        font-size: 20px;
    }
    .business-value-custom-card p {
        font-size: 16px;
        padding-left: 28px;
    }
}

/*--------------------------------------------*/

/* ===== USE CASES SQUARE CARDS SECTION (NEW) ===== */
.usecases-square-section {
    padding: 70px 0;
    background: #FDFBFF;
}

.usecases-square-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 50px;
    text-align: left;
}

.usecases-square-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    justify-content: center;
    align-items: stretch;
}

.usecases-square-card {
    background: #FFFFFF;
    border: 2px solid #303030;
    padding: 30px 25px;
    transition: all 0.3s ease;
    width: 100%;
    max-width: 280px;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.usecases-square-card:hover {
    background: #EF5908;
    transform: translateY(-5px);
}

.usecases-square-card:hover .usecases-square-number,
.usecases-square-card:hover .usecases-square-title,
.usecases-square-card:hover .usecases-square-description {
    color: #ffffff;
}

.usecases-square-number {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 48px;
    line-height: 100%;
    color: #EF5908;
    margin-bottom: 20px;
}

.usecases-square-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    color: #000000;
    margin-bottom: 12px;
}

.usecases-square-description {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #000000;
    margin: 0;
}

@media (max-width: 1200px) {
    .usecases-square-grid {
        gap: 20px;
    }
    .usecases-square-card {
        max-width: 260px;
    }
}

@media (max-width: 992px) {
    .usecases-square-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    .usecases-square-card {
        max-width: 300px;
    }
}

@media (max-width: 768px) {
    .usecases-square-section {
        padding: 50px 0;
    }
    .usecases-square-heading {
        font-size: 32px;
    }
    .usecases-square-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .usecases-square-card {
        aspect-ratio: auto;
        min-height: auto;
        padding: 25px 20px;
        max-width: 100%;
    }
    .usecases-square-number {
        font-size: 36px;
    }
    .usecases-square-title {
        font-size: 20px;
    }
    .usecases-square-description {
        font-size: 14px;
    }
}
.custom-overview-azure{
    margin:50px 0;
}
/*------------------------------------*/

/* ===== AZURE BANNER SECTION (LEFT ALIGNED - NEW CLASS) ===== */
.azure-banner-section {
    background: #ffffff;
}

.azure-banner-container {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 550px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}

.azure-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(40, 34, 34, 0.55);
    z-index: 1;
}

.azure-banner-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    padding: 50px 60px;
    text-align: left;
}

.azure-banner-top-text {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 150%;
    letter-spacing: -2%;
    color: #ffffff;
    margin-bottom: 15px;
}

.azure-banner-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 150%;
    letter-spacing: -2%;
    color: #ffffff;
    margin-bottom: 30px;
}

.azure-banner-btn-wrapper {
    display: flex;
    gap: 15px;
    align-items: center;
}

/* Responsive */
@media (max-width: 768px) {
    .azure-banner-container {
        min-height: 450px;
    }
    .azure-banner-content {
        padding: 30px 20px;
    }
    .azure-banner-top-text {
        font-size: 20px;
    }
    .azure-banner-heading {
        font-size: 28px;
    }
}

/*------------------------------*/

/* ===== INDUSTRY-GROUNDED SECTION (NEW) ===== */
.industry-grounded-section {
    padding: 70px 0;
    background: #ffffff;
}

.industry-grounded-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
    text-align: left;
}

.industry-grounded-intro {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #4B5563;
    margin-bottom: 50px;
    text-align: left;
}

.industry-grounded-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.industry-grounded-card {
    width: 215px;
    height: 260px;
    background: #ffffff;
    border: 1px solid #303030;
    border-radius: 8px;
    box-shadow: 9px -3px 0px 0px #303030;
    padding: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.industry-grounded-card:hover {
    transform: translateY(-5px);
}

.industry-grounded-img {
    width: 78px;
    height: 78px;
    object-fit: contain;
    margin-bottom: 20px;
}

.industry-grounded-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -2%;
    text-align: center;
    color: #303030;
    margin: 0;
}

@media (max-width: 1024px) {
    .industry-grounded-grid {
        gap: 20px;
    }
    .industry-grounded-card {
        width: 210px;
        height: 240px;
        padding: 20px;
    }
    .industry-grounded-title {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .industry-grounded-section {
        padding: 50px 0;
    }
    .industry-grounded-heading {
        font-size: 32px;
    }
    .industry-grounded-grid {
        justify-content: center;
    }
    .industry-grounded-card {
        width: calc(50% - 20px);
        min-width: 160px;
        height: auto;
        padding: 20px;
    }
    .industry-grounded-title {
        font-size: 16px;
    }
    .industry-grounded-img {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 480px) {
    .industry-grounded-card {
        width: calc(100% - 20px);
        max-width: 230px;
    }
}

/*---------------------------------*/

/* ===== POWER OF INTEGRATED CAPABILITIES SECTION ===== */
.integrated-capabilities-section {
    padding: 30px 0;
    background: #FDFBFF;
}

.integrated-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
    text-align: left;
}

.integrated-intro {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #4B5563;
    margin-bottom: 30px;
    text-align: left;
}

.integrated-card {
    width: 100%;
    background: #2949FF;
    border: 4px solid #4E4A4A;
    border-radius: 24px;
    box-shadow: 18px 18px 0px 0px #4E4A4A;
    padding: 32px 28px;
    margin-bottom: 32px;
    transition: transform 0.3s ease;
}

.integrated-card:last-child {
    margin-bottom: 0;
}

.integrated-card:hover {
    transform: translate(-4px, -4px);
    box-shadow: 22px 22px 0px 0px #4E4A4A;
}

.integrated-card-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -2%;
    color: #ffffff;
    margin-bottom: 16px;
}

.integrated-card-desc {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #ffffff;
    margin-bottom: 20px;
}

.integrated-card-link {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: gap 0.3s ease;
}

.integrated-card-link i {
    font-size: 14px;
}

.integrated-card-link:hover {
    gap: 12px;
    color: #ffffff;
}

@media (max-width: 768px) {
    .integrated-capabilities-section {
        padding: 50px 0;
    }
    .integrated-heading {
        font-size: 32px;
    }
    .integrated-card {
        padding: 24px 20px;
        box-shadow: 12px 12px 0px 0px #4E4A4A;
        margin-bottom: 25px;
    }
    .integrated-card-title {
        font-size: 20px;
    }
}
/*----------------------------------------*/

/* ===== STRONG AZURE PLATFORM FOUNDATION SECTION ===== */
.azure-foundation-section {
    padding: 60px 0 0;
    background: #ffffff;
}

.azure-foundation-header {
    text-align: left;
    margin-bottom: 0px;
}

.azure-foundation-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
}

.azure-foundation-intro {
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: -2%;
    color: #000000;
    max-width: 100%;
}

.azure-foundation-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 50px;
    flex-wrap: wrap;
}

.azure-foundation-content {
    flex: 1.4;
    min-width: 300px;
    padding:30px 0;
}

.azure-foundation-subheading {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -2%;
    color:#000000;
    padding-bottom:20px;
}

.azure-foundation-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.azure-foundation-list-item {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.6;
    color: #000000;
}

.azure-foundation-list-item i {
    color: #AC34FE;
    font-size: 20px;
    flex-shrink: 0;
}

.azure-foundation-list-item span {
    flex: 1;
}

.azure-foundation-image {
    flex: 0.85;
    min-width: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*align-self: center;*/
}

.azure-foundation-image img {
    width: 100%;
    max-width: 450px;
    height: auto;
    display: block;
    object-fit: contain;
}

@media (max-width: 992px) {
    .azure-foundation-wrapper {
        flex-direction: column;
        gap: 40px;
    }
    .azure-foundation-heading {
        font-size: 28px;
    }
    .azure-foundation-image {
        order: -1;
        width: 100%;
    }
    .azure-foundation-image img {
        max-width: 300px;
    }
}
 
@media (max-width: 768px) {
    .azure-foundation-section {
        padding: 50px 0;
    }
    .azure-foundation-heading {
        font-size: 28px;
    }
    .azure-foundation-intro {
        font-size: 16px;
    }
    .azure-foundation-list-item {
        font-size: 15px;
    }
}

/*===================1st-architect-azure-for-scale css start============================*/

/* ===== AZURE BANNER SECTION (LEFT ALIGNED) ===== */
.azure-banner-section {
    background: #ffffff;
}

.azure-banner-container {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}

.azure-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(40, 34, 34, 0.15);
    z-index: 1;
}

.azure-banner-content {
    position: relative;
    z-index: 2;
    max-width: 900px;
    padding: 50px 50px;
    text-align: left;
}

.azure-banner-top-text {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 150%;
    letter-spacing: -2%;
    color: #ffffff;
    margin-bottom: 15px;
}

.azure-banner-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -2%;
    color: #ffffff;
    margin-bottom: 12px;
}

.azure-banner-subtext {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #ffffff;
    margin-bottom: 30px;
}

.azure-banner-btn-wrapper {
    display: flex;
    gap: 15px;
    align-items: center;
}

/* ===== AZURE OVERVIEW WITH CARDS SECTION ===== */
.azure-overview-cards-section {
    padding: 50px 0;
    background: #F8F0FF;
}

.azure-overview-header {
    text-align: left;
    margin-bottom: 40px;
}

.azure-overview-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
}

.azure-overview-intro {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    max-width: 100%;
}

.azure-overview-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.azure-overview-card {
    background: transparent;
    /*padding: 20px;*/
    display: flex;
    align-items: center;
    gap: 20px;
}

.azure-overview-icon {
    width: 56px;
    height: 56px;
    background: #FDD7FF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.azure-overview-icon img {
    width: 45px;
    height: 45px;
    object-fit: contain;
}

.azure-overview-card-text {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: -2%;
    color: #000000;
    margin: 0;
    flex: 1;
}

@media (max-width: 992px) {
    .azure-banner-container {
        min-height: 450px;
    }
    .azure-banner-content {
        padding: 30px 40px;
    }
    .azure-banner-heading {
        font-size: 36px;
    }
    .azure-overview-cards-grid {
        gap: 25px;
    }
    .azure-overview-card {
        padding: 15px;
        gap: 15px;
    }
    .azure-overview-icon {
        width: 70px;
        height: 70px;
    }
    .azure-overview-icon img {
        width: 40px;
        height: 40px;
    }
    .azure-overview-card-text {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .azure-banner-container {
        min-height: 400px;
    }
    .azure-banner-content {
        padding: 30px 20px;
    }
    .azure-banner-heading {
        font-size: 28px;
    }
    .azure-banner-top-text {
        font-size: 14px;
    }
    .azure-banner-subtext {
        font-size: 16px;
    }
    .azure-overview-cards-section {
        padding: 50px 0;
    }
    .azure-overview-heading {
        font-size: 32px;
    }
    .azure-overview-cards-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .azure-overview-card {
        padding: 15px;
    }
    .azure-overview-card-text {
        font-size: 16px;
    }
}
/*-------------------------------------------------*/


/* ===== CLOUD ARCHITECTURE CHALLENGES SECTION ===== */
.cloud-challenges-section {
    padding: 40px 0 0;
    background: #ffffff;
}

.cloud-challenges-header {
    text-align: left;
    margin-bottom: 40px;
}

.cloud-challenges-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
}

.cloud-challenges-intro {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    max-width: 100%;
}

.cloud-challenges-content {
    text-align: left;
}

.cloud-challenges-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cloud-challenges-list-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 24px;
}

.cloud-challenges-list-item i {
    color: #AC34FE;
    font-size: 22px;
    flex-shrink: 0;
    margin-top: 5px;
}

.cloud-challenges-item-content {
    flex: 1;
}

.cloud-challenges-item-content strong {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.4;
    color: #000000;
    display: block;
    margin-bottom: 5px;
}

.cloud-challenges-item-content p {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    color: #000000;
    margin: 0;
}

@media (max-width: 768px) {
    .cloud-challenges-section {
        padding: 50px 0;
    }
    .cloud-challenges-heading {
        font-size: 28px;
    }
    .cloud-challenges-intro {
        font-size: 16px;
    }
    .cloud-challenges-list-item {
        gap: 12px;
    }
    .cloud-challenges-item-content strong,
    .cloud-challenges-item-content p {
        font-size: 15px;
    }
}

/*---------------------------------------------*/

/* ===== OUR CLOUD ARCHITECTURE SERVICES SECTION ===== */
.cloud-services-section {
    padding: 50px 0;
    background: #FDFBFF;
}

.cloud-services-main-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 40px;
    text-align: left;
}

.cloud-services-card {
    width: 100%;
    border: 4px solid #303030;
    box-shadow: 10px 10px 0px 0px #303030;
    background: #FFFFFF;
    margin-bottom: 35px;
}

.cloud-services-card:last-child {
    margin-bottom: 0;
}


.cloud-services-card-header {
    background: linear-gradient(116.54deg, #FF38B2 23.5%, rgba(223, 27, 243, 0.8) 47.47%, rgba(172, 52, 254, 0.8) 82.97%);
    box-shadow: 0px 4px 0px 0px #303030;
    padding: 20px;
    text-align: center;
}

.cloud-services-card-title {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 32px;
    line-height: 26.88px;
    letter-spacing: 0%;
    text-align: center;
    color: #ffffff;
    margin: 0;
    padding:12px 0;
}

.cloud-services-card-content {
    padding: 30px;
}

.cloud-services-desc {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #000000;
    margin-bottom: 25px;
}

/* Badges - Row mein */
.cloud-services-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}

.cloud-services-badge {
    display: inline-block;
    background: #FFCCFD;
    border-radius: 50px;
    padding: 10px 20px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    white-space: nowrap;
}

/* Business Impact */
.cloud-services-impact {
    margin-top: 20px;
}

.cloud-services-impact h5 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.3;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
    display: inline-block;
}

/* Impact List - Row mein with custom circle */
.cloud-services-impact-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.cloud-services-impact-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #000000;
}

.impact-circle {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #AC34FE;
    border-radius: 50%;
    background: transparent;
    flex-shrink: 0;
    position: relative;
}

.impact-circle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    background: #F32BC8;
    border-radius: 50%;
}

@media (max-width: 768px) {
    .cloud-services-section {
        padding: 50px 0;
    }
    .cloud-services-main-heading {
        font-size: 28px;
    }
    .cloud-services-card-title {
        font-size: 22px;
        line-height: 1.3;
    }
    .cloud-services-card-content {
        padding: 20px;
    }
    .cloud-services-desc {
        font-size: 18px;
    }
    .cloud-services-badge {
        font-size: 14px;
        padding: 6px 15px;
    }
    .cloud-services-impact-list {
        flex-direction: column;
        gap: 12px;
    }
    .cloud-services-impact-list li {
        font-size: 15px;
    }
}

/*----------------------------------------------------*/

/* ===== CONSULTING AND ADVISORY VALUE SECTION ===== */
.consulting-advisory-section {
    padding: 50px 0;
    background: #ffffff;
}

.consulting-advisory-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 40px;
    text-align: left;
}

.consulting-advisory-card {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    padding: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 27.96%, rgba(210, 220, 255, 0.3) 100%);
    border: 2px solid #303030;
    box-shadow: -8px 8px 0px 0px #3F3F3F;
}

.consulting-advisory-left {
    flex: 0.75;
    min-width: 250px;
}

.consulting-advisory-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.consulting-advisory-right {
    flex: 1.2;
    min-width: 280px;
    padding: 10px;
}

.consulting-advisory-subheading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 25px;
}

.consulting-advisory-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.consulting-advisory-list-item {
    display: flex;
    align-items: flex-start;  /* ye change karo (pehle center tha) */
    gap: 12px;
    margin-bottom: 20px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    color: #000000;
}

.consulting-advisory-list-item i {
    color: #AC34FE;
    font-size: 20px;
    flex-shrink: 0;
    margin-top: 2px;  /* optional: thoda adjust karne ke liye */
}

.consulting-advisory-list-item span {
    flex: 1;
}

@media (max-width: 992px) {
    .consulting-advisory-card {
        flex-direction: column;
    }
    .consulting-advisory-left {
        order: -1;
    }
    .consulting-advisory-left img {
        max-height: 300px;
        object-fit: cover;
    }
}

@media (max-width: 768px) {
    .consulting-advisory-section {
        padding: 50px 0;
    }
    .consulting-advisory-heading {
        font-size: 28px;
    }
    .consulting-advisory-subheading {
        font-size: 20px;
    }
    .consulting-advisory-list-item {
        font-size: 15px;
        gap: 10px;
    }
}

/*--------------------------------------------*/

/* ===== WHY BITSQUAD SECTION  ===== */
.bitsquad-why-section {
    padding: 50px 0;
    background: #ffffff;
}

.bitsquad-why-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 40px;
    text-align: left;
}

.bitsquad-why-card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
    padding: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 27.96%, rgba(210, 220, 255, 0.3) 100%);
    border: 2px solid #303030;
    box-shadow: -8px 8px 0px 0px #3F3F3F;
    margin-bottom: 30px;
}

.bitsquad-why-card:last-child {
    margin-bottom: 0;
}

.bitsquad-why-left {
    flex: 0 0 auto;
    width: 230px;
    height: 230px;
    background: #FFFDDF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.bitsquad-why-left img {
    width: 180px;
    height: 180px;
    object-fit: contain;
    display: block;
}

.bitsquad-why-right {
    flex: 1;
    padding: 10px 10px 10px 0;
}

.bitsquad-why-card-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 20px;
}

.bitsquad-why-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.bitsquad-why-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: -2%;
    color: #000000;
}

.bitsquad-why-list li i {
    color: #E04F5F;
    font-size: 20px;
    flex-shrink: 0;
    margin-top: 4px;
}

.bitsquad-why-list li:last-child {
    margin-bottom: 0;
}

@media (max-width: 992px) {
    .bitsquad-why-card {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }
    .bitsquad-why-left {
        width: 100%;
        height: auto;
        min-height: 200px;
        padding: 30px;
    }
    .bitsquad-why-left img {
        width: 160px;
        height: 160px;
    }
    .bitsquad-why-right {
        padding: 0 10px 20px 10px;
    }
}

@media (max-width: 768px) {
    .bitsquad-why-section {
        padding: 50px 0;
    }
    .bitsquad-why-heading {
        font-size: 28px;
    }
    .bitsquad-why-card-title {
        font-size: 22px;
    }
    .bitsquad-why-list li {
        font-size: 16px;
    }
    .bitsquad-why-left {
        min-height: 180px;
    }
    .bitsquad-why-left img {
        width: 140px;
        height: 140px;
    }
}


/*==================blog details css start here======================*/

/* ===== BLOG DETAILS SECTION ===== */
        .blog-details-section {
            padding: 50px 0;
            background: #ffffff;
        }

        .blog-details-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Blog Header Row - Title Left | Image Right */
        .blog-details-header {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 15px;
            margin-bottom: 0px;
        }

        .blog-details-title-wrap {
            flex: 3;
        }

        .blog-details-main-title {
            font-family: 'Inter', sans-serif;
            font-weight: 700;
            font-size: 38px;
            line-height: 1.2;
            letter-spacing: -0.02em;
            color: #000000;
            margin: 0;
        }

        .blog-details-author-wrap {
            flex: 0.8;
            display: flex;
            justify-content: center;
        }

        .author-card {
            display: flex;
            align-items: center;
            gap: 15px;
            background: #f5f5f5;
            padding: 10px 20px;
            border-radius: 60px;
        }

        .author-avatar {
            width: 130px;
            height: 130px;
            border-radius: 50%;
            object-fit: cover;
        }

        .author-name {
            font-family: 'Inter', sans-serif;
            font-weight: 700;
            font-size: 18px;
            color: #000000;
            display: block;
        }

        .author-designation {
            font-family: 'Inter', sans-serif;
            font-weight: 500;
            font-size: 14px;
            color: #666666;
        }

        /* Blog Content */
        .blog-details-content {
            margin: 0 auto;
        }

        .blog-details-content p {
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 18px;
            line-height: 1.7;
            color: #000000;
            margin-bottom: 24px;
        }

        .blog-details-subheading {
            font-family: 'Inter', sans-serif;
            font-weight: 700;
            font-size: 32px;
            line-height: 1.3;
            letter-spacing: -0.01em;
            background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin: 40px 0 20px 0;
        }

        /* Responsive */
        @media (max-width: 992px) {
            .blog-details-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 25px;
            }
            .blog-details-author-wrap {
                justify-content: flex-start;
            }
        }

        @media (max-width: 768px) {
            .blog-details-section {
                padding: 40px 0;
            }
            .blog-details-main-title {
                font-size: 28px;
            }
            .blog-details-content p {
                font-size: 16px;
            }
            .blog-details-subheading {
                font-size: 24px;
            }
            .author-avatar {
                width: 50px;
                height: 50px;
            }
        }
        
        /* Separator Line - ADD THIS */
.blog-details-separator {
    width: 1px;
    height: 150px;
    background: #000000;
    flex-shrink: 0;
}

/* Author Card - Vertical Layout - UPDATE THIS */
.author-card {
    display: flex;
    flex-direction: column;  /* pehle row tha, ab column */
    align-items: center;
    text-align: center;
    gap: 10px;
    background: #ffffff;
    padding: 20px;
    border-radius: 16px;
    min-width: 150px;
}

/* Responsive ke liye ADD THIS */
@media (max-width: 992px) {
    .blog-details-separator {
        width: 100%;
        height: 1px;
    }
}

/*----------------------------------*/

/* ===== WHY CHOOSE BUSINESS CENTRAL SECTION ===== */
.bc-why-section {
    padding: 50px 0;
    background: #ffffff;
}

.bc-why-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 40px;
    text-align: left;
}

.bc-accordion-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.bc-accordion-item {
    border: 1px solid #000000;
    transition: all 0.3s ease;
}

.bc-accordion-item.active {
    border: 4px solid #000000;
    box-shadow: 10px 10px 0px 0px #303030;
}

.bc-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 24px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.bc-accordion-item.active .bc-accordion-header {
    background: linear-gradient(116.54deg, #FF38B2 23.5%, rgba(223, 27, 243, 0.8) 47.47%, rgba(172, 52, 254, 0.8) 82.97%);
}

.bc-accordion-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
    color: #000000;
    margin: 0;
    transition: color 0.3s ease;
}

.bc-accordion-item.active .bc-accordion-title {
    color: #ffffff;
}

.bc-accordion-icon {
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #000000;
    transition: color 0.3s ease;
}

.bc-accordion-item.active .bc-accordion-icon {
    color: #ffffff;
}

.bc-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    background: #ffffff;
    padding: 0 24px;
}

.bc-accordion-item.active .bc-accordion-content {
    max-height: 300px;
    padding: 20px 24px;
}

.bc-accordion-content p {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #000000;
    margin: 0;
}

.bc-accordion-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.bc-accordion-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #000000;
}

.bc-accordion-list li i {
    color: #00A859;
    font-size: 16px;
    flex-shrink: 0;
}

@media (max-width: 992px) {
    .bc-accordion-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .bc-why-section {
        padding: 40px 0;
    }
    .bc-why-heading {
        font-size: 28px;
    }
    .bc-accordion-header {
        padding: 12px 18px;
    }
    .bc-accordion-title {
        font-size: 16px;
    }
}

/*----------------------*/

/* ===== FULL SPECTRUM SERVICE SECTION ===== */
.full-service-section {
    padding: 50px 0;
    background: #ffffff;
}

.full-service-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 40px;
    text-align: left;
}

/* Card Styling - Exactly as per your specs */
.full-service-card {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    padding: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 27.96%, rgba(210, 220, 255, 0.3) 100%);
    border: 2px solid #303030;
    box-shadow: -8px 8px 0px 0px #3F3F3F;
    margin-bottom: 30px;
}

.full-service-card:last-child {
    margin-bottom: 0;
}

/* Left Image Container */
.full-service-left {
    flex: 0 0 auto;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.full-service-left img {
    width: 300px;
    height: 300px;
    object-fit: contain;
    display: block;
}

/* Right Content */
.full-service-right {
    flex: 1;
    padding: 10px 0;
}

.full-service-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 15px;
}

.full-service-text {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 23px;
    line-height: 160%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 10px;
}

/* Responsive */
@media (max-width: 992px) {
    .full-service-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px;
    }
    .full-service-left {
        width: 200px;
        height: 200px;
    }
    .full-service-left img {
        width: 150px;
        height: 150px;
    }
    .full-service-title {
        font-size: 24px;
    }
    .full-service-text {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .full-service-section {
        padding: 40px 0 20px;
    }
    .full-service-heading {
        font-size: 28px;
    }
    .full-service-left {
        width: 160px;
        height: 160px;
    }
    .full-service-left img {
        width: 120px;
        height: 120px;
    }
    .full-service-title {
        font-size: 20px;
    }
}

/*----------------------------------------*/

/* ===== INDUSTRIES SECTION ===== */
.industries-section {
    padding: 50px 0;
    background: #ffffff;
}

.industries-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 20px;
    text-align: left;
}

.industries-intro {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #4B5563;
    margin-bottom: 40px;
}

/* Tabs */
.industries-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
}

.industries-tab {
    padding: 10px 20px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    background: transparent;
    border: 1px solid #303030;
    box-shadow: -3px -3px 0px 0px #303030;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #000000;
}

.industries-tab.active {
    background: #F346FF;
    color: #ffffff;
    border: 1px solid #303030;
    box-shadow: -3px -3px 0px 0px #303030;
}

/* Tab Content */
.industries-content {
    display: none;
}

.industries-content.active {
    display: block;
}

.industries-card {
    border: 2px solid #303030;
    box-shadow: -8px 8px 0px 0px #3F3F3F;
    padding: 30px;
}

.industries-card-top {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #000000;
    margin-bottom: 25px;
}

.industries-list {
    list-style: disc;
    padding-left: 25px;
    margin: 0;
}

.industries-list li {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #000000;
    margin-bottom: 12px;
}

.industries-list li:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .industries-section {
        padding: 40px 0;
    }
    .industries-heading {
        font-size: 28px;
    }
    .industries-tab {
        padding: 8px 15px;
        font-size: 14px;
    }
    .industries-card {
        padding: 20px;
    }
    .industries-card-top {
        font-size: 18px;
    }
    .industries-list li {
        font-size: 16px;
    }
}


/*--------------------------------------*/

/* ===== EBOOK SECTION ===== */
.ebook-section {
    padding: 50px 0;
    background: #ffffff;
}

.ebook-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 20px;
    text-align: left;
}

.ebook-text {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #000000;
    margin-bottom: 30px;
}

/*------------------------------------------------*/

/* ===== SUCCESS STORIES SECTION ===== */
.success-stories-section {
    padding: 50px 0;
    background: #ffffff;
}

.success-stories-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
    text-align: left;
}

.success-stories-intro {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 40px;
}

.success-stories-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.success-card {
    width: 100%;
    max-width: 380px;
    margin: 0 auto;
    background: #FFF3FF;
    border: 2px solid #A164EE;
    box-shadow: 0px 0px 25px 0px #2B00FF4D;
    padding: 25px 20px;
    text-align: center;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.success-card:hover {
    transform: translateY(-5px);
}

.success-card-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 135%;
    letter-spacing: -2%;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    margin-bottom: 15px;
}

.success-card-img {
    width: 256px;
    height: 140px;
    object-fit: cover;
    display: block;
    margin: 0 auto 15px;
}

.success-card-text {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    margin-bottom: 20px;
    flex-grow: 1;
}

.success-card-link {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #E50016;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: gap 0.3s ease;
    justify-content: center;
}

.success-card-link:hover {
    gap: 12px;
}

.success-arrow {
    font-size: 14px;
    color: #E50016;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}

.success-card-link:hover .success-arrow {
    transform: rotate(45deg) translateX(3px);
}

@media (max-width: 1024px) {
    .success-stories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    .success-card {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .success-stories-section {
        padding: 40px 0;
    }
    .success-stories-heading {
        font-size: 28px;
    }
    .success-stories-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .success-card-img {
        width: 200px;
        height: auto;
    }
}

/*-------------------------------------------*/


/* ===== VIDEO SHOWCASE SECTION ===== */
.video-showcase-section {
    padding: 50px 0;
    background: #ffffff;
}

.video-showcase-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
    text-align: left;
}

.video-showcase-intro {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 40px;
}

.video-showcase-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    justify-content: center;
}

.video-card {
    width: 100%;
    max-width: 409px;
    margin: 0 auto;
    background: #2949FF;
    border: 1px solid #00000029;
    border-radius: 4px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: transform 0.3s ease;
}

.video-card:hover {
    transform: translateY(-5px);
}

.video-card-video {
    width: 100%;
    height: auto;
    aspect-ratio: 377 / 212;
    object-fit: cover;
    border-radius: 4px;
}

.video-card-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -3%;
    color: #FFFFFF;
    margin: 0;
}

@media (max-width: 1024px) {
    .video-showcase-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .video-showcase-section {
        padding: 40px 0;
    }
    .video-showcase-heading {
        font-size: 28px;
    }
    .video-showcase-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .video-card {
        max-width: 100%;
    }
    .video-card-title {
        font-size: 20px;
    }
}


/*----------------------------------*/

.cs-list-bold {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -2%;
    color: #000000;
    display: block;
    margin-bottom: 10px;
}

.cs-card-sublist {
    list-style: disc;
    padding-left: 20px;
    margin: 0 0 20px 0;
}

.cs-card-sublist li {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #000000;
    margin-bottom: 8px;
}

.cs-card-sublist li:last-child {
    margin-bottom: 0;
}

/*--------------------------------*/

.custom-industries-card{
    font-size:28px !important;
}


.finance-flex-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 20px;
}

.finance-flex-col-4 {
    flex: 0 0 auto;
    width: 200px;
    max-width: 200px;
}

.finance-flex-col-4 img {
    width: 182px;
    height: 165px;
    object-fit: contain;
    display: block;
}

.finance-flex-col-8 {
    flex: 1;
    max-width: calc(100% - 220px);
}

@media (max-width: 768px) {
    .finance-flex-row {
        flex-direction: column !important;
        flex-wrap: wrap !important;
        text-align: center;
    }
    .finance-flex-col-4,
    .finance-flex-col-8 {
        width: 100%;
        max-width: 100%;
    }
    .finance-flex-col-4 img {
        margin: 0 auto;
    }
}

.unified-benefits-grid p{
    margin-bottom:10px !important;
}

/*==================project operation css start here==================*/

/* ===== TRANSFORM PROJECT MANAGEMENT SECTION ===== */
.project-transform-section {
    padding: 50px 0;
    background: #ffffff;
}

.project-transform-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 40px;
    text-align: left;
}

.project-transform-card {
    width: 100%;
    background: #F6EBFF;
    border: 4px solid #4E4A4A;
    border-radius: 24px;
    box-shadow: 18px 18px 0px 0px #4E4A4A;
    padding: 32px 28px;
    margin-bottom: 32px;
    transition: transform 0.3s ease;
}

.project-transform-card:last-child {
    margin-bottom: 0;
}

.project-transform-card:hover {
    transform: translate(-4px, -4px);
    box-shadow: 22px 22px 0px 0px #4E4A4A;
}

.project-transform-card-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 130%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 16px;
}


.project-transform-list {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
}

.project-transform-list li {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
    margin-bottom: 10px;
}

.project-transform-list li:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .project-transform-section {
        padding: 40px 0;
    }
    .project-transform-heading {
        font-size: 28px;
    }
    .project-transform-card {
        padding: 20px;
        box-shadow: 12px 12px 0px 0px #4E4A4A;
        margin-bottom: 25px;
    }
    .project-transform-card-title {
        font-size: 20px;
    }
    .project-transform-list li {
        font-size: 14px;
    }
}

/*---------------------*/

/* ===== TECHNICAL SUPERIORITY SECTION ===== */
.tech-superiority-section {
    padding: 50px 0;
    background: #ffffff;
}

.tech-superiority-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
    text-align: left;
}

.tech-superiority-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.tech-superiority-card {
    width: 100%;
    max-width: 380px;
    margin: 0 auto;
    background: #FFFFFF;
    border: 4px solid #B62FFC;
    box-shadow: -14px 14px 0px 0px #B62FFC;
    padding: 30px 25px;
    text-align: center;
    transition: transform 0.3s ease;
}

.tech-superiority-card:hover {
    transform: translateY(-5px);
}

.tech-superiority-icon {
    margin-bottom: 20px;
}

.tech-superiority-icon img {
    width: 72px;
    height: 72px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.tech-superiority-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -2%;
    color: #303030;
    margin-bottom: 15px;
}

.tech-superiority-desc {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 140%;
    letter-spacing: -2%;
    color: #303030;
    margin: 0;
}

@media (max-width: 1024px) {
    .tech-superiority-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .tech-superiority-section {
        padding: 40px 0;
    }
    .tech-superiority-heading {
        font-size: 28px;
    }
    .tech-superiority-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .tech-superiority-card {
        max-width: 100%;
    }
    .tech-superiority-title {
        font-size: 20px;
    }
    .tech-superiority-desc {
        font-size: 18px;
    }
}

/*------------------------------------------------------*/


.custom-transform-card p{
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 130%;
    letter-spacing: 0%;

}

.custom-transform-list li{
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: -2%;

}

/*--------------------------------------------*/

/* ===== EMPOWER MARKETING TEAM SECTION ===== */
.marketing-ai-section {
    padding: 50px 0;
    background: #ffffff;
}

.marketing-ai-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 40px;
    text-align: left;
}

.marketing-ai-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
}

.marketing-ai-card {
    flex: 1;
    max-width: 590px;
    background: #E8ECFF;
    border: 4px solid #4E4A4A;
    border-radius: 50px;
    padding: 32px 28px;
    box-shadow: 28px 28px 0px 0px #4E4A4A;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.marketing-ai-card:hover {
    transform: translate(-4px, -4px);
    box-shadow: 32px 32px 0px 0px #4E4A4A;
}

.marketing-ai-item {
    margin-bottom: 25px;
}

.marketing-ai-item:last-child {
    margin-bottom: 0;
}

.marketing-ai-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 15px;
}

.marketing-ai-list {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
}

.marketing-ai-list li {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #000000;
    margin-bottom: 10px;
}

.marketing-ai-list li:last-child {
    margin-bottom: 0;
}

@media (max-width: 992px) {
    .marketing-ai-wrapper {
        flex-direction: column;
        align-items: center;
    }
    .marketing-ai-card {
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .marketing-ai-section {
        padding: 40px 0;
    }
    .marketing-ai-heading {
        font-size: 28px;
    }
    .marketing-ai-card {
        padding: 24px 20px;
    }
    .marketing-ai-title {
        font-size: 20px;
    }
    .marketing-ai-list li {
        font-size: 16px;
    }
}


.full-service-list {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
}

.full-service-list li {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 8px;
}

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

/* ===== EXPERIENCE THE FUTURE SECTION ===== */
.experience-future-section {
    padding: 50px 0;
    background: #ffffff;
}

.experience-future-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
    text-align: left;
}

.experience-future-text {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 30px;
}

.experience-future-video {
    width: 100%;
    margin: 0 auto;
}

.experience-future-video video {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

@media (max-width: 768px) {
    .experience-future-section {
        padding: 40px 0;
    }
    .experience-future-heading {
        font-size: 28px;
    }
    .experience-future-video {
        max-width: 100%;
    }
}


/*=================Data Engineering & Modern Data Platforms css start==================*/

/* ===== DATA ENGINEERING BUSINESS IMPERATIVE SECTION ===== */
.data-imperative-section {
    padding: 50px 0;
    background: #ffffff;
}

.data-imperative-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
    text-align: left;
}

.data-imperative-intro {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 40px;
}

.data-imperative-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
}

.data-imperative-card {
    flex: 0 0 calc(50% - 15px);
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
    text-align: left;
    color: #ffffff;
    background: linear-gradient(116.54deg, #FF38B2 23.5%, rgba(223, 27, 243, 0.8) 47.47%, rgba(172, 52, 254, 0.8) 82.97%);
    padding: 30px 25px;
    border-radius: 16px;
    transition: transform 0.3s ease;
}

.data-imperative-card:hover {
    transform: translateY(-5px);
}

@media (max-width: 768px) {
    .data-imperative-section {
        padding: 40px 0;
    }
    .data-imperative-heading {
        font-size: 28px;
    }
    .data-imperative-card {
        flex: 0 0 100%;
        font-size: 16px;
        padding: 20px;
    }
}

/*------------------------------*/

/* ===== DATA READY FOR AI SECTION ===== */
.data-ready-section {
    padding: 50px 0;
    background: #ffffff;
}

.data-ready-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
}

.data-ready-left {
    flex: 0 0 auto;
    width: 400px;
}

.data-ready-left img {
    width: 400px;
    height: 400px;
    object-fit: contain;
    display: block;
}

.data-ready-right {
    flex: 1;
    text-align: left;
}

.data-ready-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 120%;
    letter-spacing: -2%;
    text-transform: capitalize;
    color: #000000;
    margin-bottom: 20px;
}

.data-ready-text {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 30px;
}

.data-ready-btn-wrapper {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: flex-start;
}

@media (max-width: 992px) {
    .data-ready-wrapper {
        flex-direction: column;
        text-align: center;
    }
    .data-ready-right {
        text-align: center;
    }
    .data-ready-btn-wrapper {
        justify-content: center;
    }
    .data-ready-left {
        width: 280px;
    }
    .data-ready-left img {
        width: 280px;
        height: 280px;
    }
    .data-ready-heading {
        font-size: 32px;
    }
    .data-ready-text {
        font-size: 18px;
    }
}

/*----------------------------------------------*/

/* ===== MODERN DATA PLATFORM SECTION - NEW CLASSES ===== */
.modern-data-platform-section {
    padding: 30px 0 10px;
    background: #ffffff;
}

.modern-data-platform-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 20px;
    text-align: left;
}

.modern-data-platform-intro {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 30px;
}

.modern-data-platform-subhead {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    margin-bottom: 30px;
}

.modern-data-platform-footer {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    margin-top: 25px;
}

.modern-data-platform-grid {
    margin-bottom: 20px;
}

/*-----------*/

.custom-usecases-square-description{
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -2%;
    color:#000000;

}

.marketing-ai-desc {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 12px;
}
.custom-marketing-ai-section{
    padding: 40px 0;
}
.custom-marketing-ai-heading{
    margin-bottom: 10px !important;
}
.custom-marketing-ai-item p{
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 130%;
    letter-spacing: 0%;

}

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

/* ===== DATA GET STARTED SECTION ===== */
.data-getstarted-section {
    padding: 50px 0;
    background: #ffffff;
}

.data-getstarted-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
    text-align: left;
}

.data-getstarted-intro {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 40px;
}

.data-getstarted-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.data-getstarted-card {
    width: 370px;
    background: #E8ECFF;
    border: 4px solid #4E4A4A;
    border-radius: 50px;
    box-shadow: 16px 16px 0px 0px #4E4A4A;
    padding: 32px 28px;
    transition: transform 0.3s ease;
}

.data-getstarted-card:hover {
    transform: translate(-3px, -3px);
    box-shadow: 19px 19px 0px 0px #4E4A4A;
}

.data-getstarted-card-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 15px;
}

.data-getstarted-card-subtitle {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #000000;
    margin-bottom: 15px;
}

.data-getstarted-card-detail {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #000000;
    margin-bottom: 8px;
}

.data-getstarted-card-footer {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #b0b0b0;
}

.data-getstarted-footer-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 15px;
}

.data-getstarted-list {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
}

.data-getstarted-list li {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #000000;
    margin-bottom: 8px;
}

@media (max-width: 1200px) {
    .data-getstarted-grid {
        justify-content: center;
    }
}

@media (max-width: 992px) {
    .data-getstarted-card {
        width: calc(50% - 30px);
        min-width: 300px;
    }
}

@media (max-width: 768px) {
    .data-getstarted-section {
        padding: 40px 0;
    }
    .data-getstarted-heading {
        font-size: 28px;
    }
    .data-getstarted-card {
        width: 100%;
    }
    .data-getstarted-card-title {
        font-size: 20px;
    }
    .data-getstarted-card-subtitle,
    .data-getstarted-card-detail,
    .data-getstarted-footer-title,
    .data-getstarted-list li {
        font-size: 16px;
    }
}

/*================Microsoft Fabric css start================================================*/

/* ===== FABRIC PLATFORM MERGED SECTION ===== */
.fabric-platform-merged-section {
    padding: 50px 0;
    background: #ffffff;
}

.fabric-platform-merged-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 20px;
    text-align: left;
}

.fabric-platform-merged-image {
    text-align: center;
    margin-bottom: 40px;
}

.fabric-platform-merged-image img {
    width: 100%;
    max-width: 1200px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.fabric-platform-merged-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.fabric-platform-merged-left {
    flex: 1;
}

.fabric-platform-merged-text {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 25px;
}

.fabric-platform-merged-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 40px;
}

/*---------------------------------------------*/

/* ===== CORE FABRIC WORKLOADS SECTION ===== */
.core-workloads-section {
    padding: 50px 0;
    background: #ffffff;
}

.core-workloads-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 40px;
    text-align: left;
}

.core-workloads-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.core-workloads-card {
    width: 100%;
    border: 2px solid #000000;
    border-radius: 30px;
    overflow: hidden;
}

.core-workloads-card-header {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3;
    background: #D1FB5C;
    padding: 20px 25px;
    color: #000000;
}

.core-workloads-card-content {
    padding: 20px 25px;
}

.core-workloads-card-content p {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 160%;
    letter-spacing: -2%;
    color: #000000;
    margin: 0;
}

/* Last card - full width, left aligned */
.core-workloads-card-full {
    grid-column: span 1;
}

@media (max-width: 992px) {
    .core-workloads-grid {
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .core-workloads-section {
        padding: 40px 0;
    }
    .core-workloads-heading {
        font-size: 28px;
    }
    .core-workloads-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .core-workloads-card-full {
        grid-column: span 1;
    }
    .core-workloads-card-header {
        font-size: 20px;
        padding: 15px 20px;
    }
    .core-workloads-card-content p {
        font-size: 18px;
    }
}
.fabric-platform-merged-list li {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: -2%;
    color: #000000;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fabric-platform-merged-list li i {
    color: #AC34FE;
    font-size: 20px;
}

@media (max-width: 768px) {
    .fabric-platform-merged-section {
        padding: 40px 0;
    }
    .fabric-platform-merged-heading {
        font-size: 28px;
    }
    .fabric-platform-merged-list {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

/*----------------------------------------------------*/

/* ===== FABRIC JOURNEY SECTION ===== */
.fabric-journey-section {
    padding: 50px 0;
    background: #ffffff;
}

.fabric-journey-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
    text-align: left;
}

.fabric-journey-intro {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 40px;
}

.fabric-journey-subheading {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -2%;
    text-transform: capitalize;
    color: #000000;
    margin-bottom: 30px;
}

.fabric-journey-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.fabric-journey-card {
    background: #FFFFFF;
    border: 4px solid #B62FFC;
    box-shadow: -14px 14px 0px 0px #B62FFC;
    padding: 25px 20px;
    text-align: center;
    transition: transform 0.3s ease;
}

.fabric-journey-card:hover {
    transform: translateY(-5px);
}

.fabric-journey-card-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px;
}

.fabric-journey-card-number {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: center;
    color: #ffffff;
    background: #FB31B9;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fabric-journey-card-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: center;
    color: #000000;
    margin: 0;
}

.fabric-journey-card-desc {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: center;
    color: #000000;
    margin: 0;
}

@media (max-width: 992px) {
    .fabric-journey-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .fabric-journey-section {
        padding: 40px 0;
    }
    .fabric-journey-heading {
        font-size: 28px;
    }
    .fabric-journey-subheading {
        font-size: 24px;
    }
    .fabric-journey-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .fabric-journey-card-number {
        width: 45px;
        height: 45px;
        font-size: 28px;
    }
    .fabric-journey-card-title {
        font-size: 26px;
    }
    .fabric-journey-card-desc {
        font-size: 20px;
    }
}

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


/* ===== DATA GOVERNANCE APPROACH SECTION ===== */
.dg-approach-section {
    padding: 50px 0;
    background: #ffffff;
}

.dg-approach-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 40px;
    text-align: left;
}

.dg-approach-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}

.dg-approach-card {
    background: #E8ECFF;
    border: 4px solid #4E4A4A;
    border-radius: 50px;
    box-shadow: 28px 28px 0px 0px #4E4A4A;
    padding: 32px 28px;
    transition: transform 0.3s ease;
}

.dg-approach-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 5px;
}

.dg-approach-timeline {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 20px;
}

.dg-approach-list {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
}

.dg-approach-list li {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #000000;
    margin-bottom: 12px;
}

@media (max-width: 992px) {
    .dg-approach-grid {
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .dg-approach-section {
        padding: 40px 0;
    }
    .dg-approach-heading {
        font-size: 28px;
    }
    .dg-approach-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .dg-approach-list li {
        font-size: 18px;
    }
}

.project-transform-intro {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    margin-bottom: 30px;
}

/*---------------------------------------------------*/
.custom-core-workloads-heading{
    margin-bottom:12px !important;
}
.core-workloads-intro {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 20px;
}

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

/* ===== BREADCRUMB SECTION ===== */
        .breadcrumb-section {
            padding: 20px 0;
            background: #f8f9fa;
            border-bottom: 1px solid #e9ecef;
        }

        .breadcrumb-section .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .breadcrumb-list {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .breadcrumb-list li {
            font-family: 'Inter', sans-serif;
            font-size: 14px;
            color: #6c757d;
        }

        .breadcrumb-list li a {
            color: #6c757d;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .breadcrumb-list li a:hover {
            color: #DF1BF3;
        }

        .breadcrumb-list li .breadcrumb-separator {
            margin: 0 5px;
            color: #adb5bd;
        }

        .breadcrumb-list li.active {
            color: #DF1BF3;
            font-weight: 600;
        }

        /* ===== CONTACT US SECTION ===== */
        .contact-us-section {
            padding: 50px 0;
            background: #ffffff;
        }

        .contact-us-heading {
            font-family: 'Inter', sans-serif;
            font-weight: 700;
            font-size: 32px;
            line-height: 1.2;
            background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 15px;
            text-align: center;
        }

        .contact-us-subtext {
            font-family: 'Inter', sans-serif;
            font-weight: 500;
            font-size: 18px;
            color: #4B5563;
            margin-bottom: 40px;
            text-align: center;
        }

        .contact-us-wrapper {
            display: flex;
            flex-wrap: wrap;
            gap: 50px;
        }

        .contact-us-info {
            flex: 1;
            min-width: 280px;
            background: #f8f9fa;
            padding: 35px;
            border-radius: 16px;
        }

        .contact-us-info-heading {
            font-family: 'Inter', sans-serif;
            font-weight: 700;
            font-size: 24px;
            color: #000000;
            margin-bottom: 30px;
        }

        .contact-us-detail {
            display: flex;
            gap: 15px;
            margin-bottom: 25px;
        }

        .contact-us-detail:last-child {
            margin-bottom: 0;
        }

        .contact-us-icon {
            width: 45px;
            height: 45px;
            background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            margin-top: 3px;
        }

        .contact-us-icon i {
            font-size: 18px;
            color: #ffffff;
        }

        .contact-us-text {
            flex: 1;
        }

        .contact-us-text strong {
            font-family: 'Inter', sans-serif;
            font-weight: 700;
            font-size: 16px;
            color: #000000;
            display: block;
            margin-bottom: 4px;
        }

        .contact-us-text p {
            font-family: 'Inter', sans-serif;
            font-weight: 500;
            font-size: 15px;
            color: #4B5563;
            margin: 0;
        }

        .contact-us-text a {
            color: #4B5563;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .contact-us-text a:hover {
            color: #DF1BF3;
        }

        /* Social Icons */
        .contact-us-social {
            display: flex;
            gap: 12px;
            margin-top: 30px;
            padding-top: 25px;
            border-top: 1px solid #e5e7eb;
        }

        .contact-us-social-link {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background: #ffffff;
            border: 1.5px solid #e5e7eb;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #4B5563;
            text-decoration: none;
            transition: all 0.3s ease;
            font-size: 18px;
        }

        .contact-us-social-link:hover {
            background: linear-gradient(90.07deg, #FF34B0 1.52%, #DF1BF3 56.21%, #AC34FE 94.13%);
            border-color: transparent;
            color: #ffffff;
            transform: translateY(-3px);
        }

        /* Form */
        .contact-us-form {
            flex: 1.5;
            min-width: 300px;
            background: #ffffff;
            padding: 35px;
            border: 1px solid #e9ecef;
            border-radius: 16px;
        }

        .contact-us-form-row {
            display: flex;
            gap: 20px;
        }

        .contact-us-form-group {
            flex: 1;
            margin-bottom: 20px;
        }

        .contact-us-form-group label {
            font-family: 'Inter', sans-serif;
            font-weight: 600;
            font-size: 14px;
            color: #000000;
            display: block;
            margin-bottom: 6px;
        }

        .contact-us-form-group input,
        .contact-us-form-group textarea {
            width: 100%;
            padding: 12px 16px;
            border: 1px solid #d1d5db;
            border-radius: 8px;
            font-family: 'Inter', sans-serif;
            font-size: 14px;
            color: #000000;
            transition: border-color 0.3s ease, box-shadow 0.3s ease;
            background: #ffffff;
        }

        .contact-us-form-group input:focus,
        .contact-us-form-group textarea:focus {
            outline: none;
            border-color: #DF1BF3;
            box-shadow: 0 0 0 3px rgba(223, 27, 243, 0.1);
        }

        .contact-us-form-group input::placeholder,
        .contact-us-form-group textarea::placeholder {
            color: #9ca3af;
        }

        .contact-us-submit-btn {
            background: linear-gradient(90deg, #01334A 0%, #064F9C 100%);
            color: #ffffff;
            border: none;
            padding: 14px 30px;
            border-radius: 40px;
            font-family: 'Inter', sans-serif;
            font-weight: 600;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .contact-us-submit-btn:hover {
            opacity: 0.9;
            gap: 12px;
        }

        /* Map */
        .contact-us-map {
            margin-top: 50px;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        }

        .contact-us-map iframe {
            width: 100%;
            height: 400px;
            border: 0;
            display: block;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .contact-us-wrapper {
                flex-direction: column;
                gap: 30px;
            }
            .contact-us-form-row {
                flex-direction: column;
                gap: 0;
            }
            .contact-us-info,
            .contact-us-form {
                padding: 25px 20px;
            }
            .contact-us-map iframe {
                height: 250px;
            }
            .contact-us-heading {
                font-size: 28px;
            }
        }