/* Blueprint Cards Styles */
.blueprint-filters-scroll::-webkit-scrollbar { height: 6px; } 
.blueprint-filters-scroll::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 10px; } 
.blueprint-filter-btn {transition: none !important;padding: 12px 24px;background-color: unset !important;border: 2px solid #e5e5e5; border-radius: 50px; font-size: 15px; font-weight: 500; color: #333; cursor: pointer;outline: none; white-space: nowrap; flex-shrink: 0; } 
.blueprint-filter-btn:hover { border-color: #66bb6a; color: #66bb6a;} 
.blueprint-filter-btn.active { background: linear-gradient(135deg, #66bb6a, #5cb85c); border-color: #66bb6a; color: #ffffff; box-shadow: 0 4px 12px rgba(102, 187, 106, 0.3); }
.blueprint-status-filter { display: flex; gap: 12px; margin-bottom: 40px; background: #f8f9fa; padding: 12px; border-radius: 50px; display: inline-flex; }
.blueprint-status-btn { padding: 10px 20px; background: transparent; border: none; border-radius: 50px; font-size: 14px; font-weight: 500; color: #666; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 8px; } 
.blueprint-status-btn:hover { background: #ffffff; color: #333; } 
.blueprint-status-btn.active { background: #ffffff; color: #333; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .status-dot { width: 10px; height: 10px; border-radius: 50%; background: #999; } 
.status-dot.status-completed { background: #66bb6a; } 
.status-dot.status-progress { background: #ff9800; } 
.status-dot.status-not-started { background: #999999; }
.page-id-34209 .elementor-kit-7 button{background-color: unset!important;}
/* Single Card */ 
.ai-project-card { background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; position: relative; } 
.ai-project-card:hover { transform: translateY(-8px); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15); } 
/* Progress Bar Gradients */ 
.ai-project-card-progress-container { height: 8px; width: 100%; background: #f0f0f0; position: relative; overflow: hidden; } 
.ai-project-card-progress { height: 100%; transition: width 0.6s ease; min-width: 8px; }
.gradient-completed { background: linear-gradient(91deg, #00B8E9 0%, #6764AB 50%, #79BA44 100%); } 
.gradient-progress { background: linear-gradient(95deg, #00B8E9 0%, #6764AB 50%, #79BA44 100%); }
/* Card Content */
.ai-project-card-status .status-text { font-size: 11px; font-weight: 700; letter-spacing: 1px; } 
.ai-project-card.completed .status-text { color: #66bb6a; }
.ai-project-card.in-progress .status-text { color: #ff9800; } 
.ai-project-card.not-started .status-text { color: #999999; } 
.ai-project-card-description { font-size: 15px; line-height: 1.6; color: #666; margin-bottom: 15px; } 
.ai-project-card-timeline { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #888; margin-bottom: 20px; padding: 8px 12px; background: #f8f9fa; border-radius: 6px; } 
.timeline-icon { color: #999; flex-shrink: 0; } 
.ai-project-card-timeline span { font-weight: 500; } 
.progress-badge { margin-left: auto; background: linear-gradient(135deg, #66bb6a, #4CAF50); color: white; padding: 3px 10px; border-radius: 12px; font-size: 11px; font-weight: 700; } 
.ai-project-card.not-started .progress-badge { background: linear-gradient(135deg, #999, #777); }
.ai-project-card.in-progress .progress-badge { background: linear-gradient(135deg, #ff9800, #f57c00); } 
.ai-project-card-link .arrow { transition: transform 0.3s ease; } 
.ai-project-card-link:hover .arrow { transform: translateX(4px); } 
.ai-project-card-loader { text-align: center; padding: 60px 20px; } 
.loader-spinner { width: 50px; height: 50px; border: 4px solid #f3f3f3; border-top: 4px solid #66bb6a; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 20px; }
.ai-project-card-loader p { font-size: 16px; color: #666; } 
.no-cards-message { text-align: center; padding: 60px 20px; font-size: 18px; color: #999; } 
.ai-project-card { animation: fadeInUp 0.5s ease forwards; opacity: 0; }
.ai-project-card:nth-child(1) { animation-delay: 0.1s; }
.ai-project-card:nth-child(2) { animation-delay: 0.2s; }
.ai-project-card:nth-child(3) { animation-delay: 0.3s; }
.ai-project-card:nth-child(4) { animation-delay: 0.4s; }
.ai-project-card:nth-child(5) { animation-delay: 0.5s; }
.ai-project-card:nth-child(6) { animation-delay: 0.6s; }

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

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* custom blueprint archive section design update */
.practical-ai-blueprint-archive-container .blueprint-filters-wrapper {display: inline-flex;gap: 5px; margin-bottom:22px; align-items: center; justify-content: center;padding: 9px;border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.60); background: rgba(255, 255, 255, 0.85); box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.08); backdrop-filter: blur(6px);}
.practical-ai-blueprint-archive-container .elementor-shortcode { text-align: center; }
.practical-ai-blueprint-archive-container .blueprint-filter-btn { color: #6B7280; text-align: center; font-size:18px; line-height:22px;border: none; padding: 10px 24px; }
.practical-ai-blueprint-archive-container .blueprint-filter-btn.active { border-radius: 40px; background: #79BA44 !important; box-shadow: 0 4px 15px 0 rgba(121, 186, 68, 0.40); color: #FFF;}
.practical-ai-blueprint-archive-container .ai-project-card-wrapper .ai-project-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin: 31px 0px 0px;} 
.practical-ai-blueprint-archive-container .ai-project-card-wrapper .ai-project-card-grid .ai-project-card:nth-child(1) { grid-column: span 2; }
.practical-ai-blueprint-archive-container .ai-project-card-wrapper .ai-project-card-grid .ai-project-card-content { padding:7px 33px 41px 33px; text-align: left; }
.practical-ai-blueprint-archive-container .ai-project-card-wrapper .status-group:first-child { margin-bottom: 60px; }
.practical-ai-blueprint-archive-container .ai-project-card-container .status-group-heading { padding: 13px 31px; font-size: 22px; line-height: 24px; display: inline-flex; justify-content: center; align-items: center; margin: 0 0 20px 0;color: #1F2347;border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(255, 255, 255, 0.90); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);font-weight: 600; }
.practical-ai-blueprint-archive-container .ai-project-card-container .status-group-heading::before { content: ""; width: 10px; height: 10px; border-radius: 5px; margin-right: 12px; }
.practical-ai-blueprint-archive-container .ai-project-card-container .status-group-heading.completed-heading::before{ background: #79BA44; box-shadow: 0 0 10px 0 rgba(121, 186, 68, 0.50);}
.practical-ai-blueprint-archive-container .ai-project-card-container .status-group-heading.in-progress-heading::before{ background: #F7A713; box-shadow: 0 0 10px 0 rgba(247, 167, 19, 0.50); }
.practical-ai-blueprint-archive-container .blueprint-filters-scroll { display: flex; gap: 5px; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: thin;padding: 0;scrollbar-width: none;}
.practical-ai-blueprint-archive-container .ai-project-card-status { color: #79BA44; font-size: 12px; font-weight: 700; line-height: 16px; text-transform: uppercase; text-align: right; margin-bottom: 21px; }
.practical-ai-blueprint-archive-container .ai-project-card-subtitle { color: #9CA3AF; font-size: 11px; font-weight: 700; line-height: 15px; letter-spacing: 1.5px; text-transform: uppercase; }
.practical-ai-blueprint-archive-container .ai-project-card-title { color: #1F2347; font-size: 24px; font-weight: 700; line-height: 28px; margin: 16px 0px; }
.practical-ai-blueprint-archive-container .ai-project-card-description { color: #717182; text-overflow: ellipsis; font-size: 16px; font-weight: 400; line-height: 22.4px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; align-self: stretch; }
.practical-ai-blueprint-archive-container .ai-project-card-link { padding: 0; color: #1F2347; text-align: center;font-family: 'TT Common DemiBold' !important; font-size: 16px; border: none; line-height: 22.4px;display: inline-flex;justify-content: right;align-items: center;gap: 4px; }
.practical-ai-blueprint-archive-container .ai-project-card-content .ai-project-card-link .click-more-icon{ max-width: 14px; display: inline-block; vertical-align: middle;}
.practical-ai-blueprint-archive-container .ai-project-card-link:hover { color: #66bb6a; gap:4px; }
.practical-ai-blueprint-archive-container .ai-project-card-content .ai-project-card-link:hover .click-more-icon{filter: brightness(0) saturate(100%) invert(71%) sepia(9%) saturate(2072%) hue-rotate(73deg) brightness(90%) contrast(92%);}
.practical-ai-blueprint-archive-container .ai-project-card-grid .click-more-container{padding-top: 21px;text-align:right;border-top: 1px solid rgba(0, 0, 0, 0.03);}
/* custom blueprint archive section design update */
#blueprint-archive-container {
  scroll-margin-top: 80px; 
}
#blueprint-category-buttons { display: flex; flex-wrap: wrap; gap: 10px; }
.blueprint-filter-btn { flex-shrink: 0; white-space: nowrap; }
.form-aititle{color: #1F2347;font-family: "TT Common Medium", Sans-serif;font-size: 32px;font-weight: 500;line-height: 38px;}

@media screen and (min-width: 768px) {
    .practical-ai-blueprint-archive-container .blueprint-filter-btn:hover {
        border-radius: 40px;
        background: #79BA44 !important;
        box-shadow: 0 4px 15px 0 rgba(121, 186, 68, 0.40);
        color: #FFF;

    }
}
/* Responsive Design */
@media screen and (min-width: 1025px) and (max-width: 1200px) {
    /* custom blueprint archive section design update */
    .practical-ai-blueprint-archive-container .blueprint-filter-btn { font-size:17px; line-height:21px; padding: 10px 18px; }
    #blueprint-category-buttons { gap: 8px; }
    /* custom blueprint archive section design update */
}
@media screen and (max-width: 1024px) {
    /* custom blueprint archive section design update */
    .practical-ai-blueprint-archive-container .ai-project-card-container .status-group-heading{font-size: 20px; line-height: 24px;}
    .practical-ai-blueprint-archive-container .ai-project-card-wrapper .ai-project-card-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .practical-ai-blueprint-archive-container .ai-project-card-wrapper .ai-project-card-grid .ai-project-card:nth-child(1) {grid-column: auto;}
    .practical-ai-blueprint-archive-container .ai-project-card-title { font-size: 22px; line-height: 26px; margin: 12px 0px; } 
    .practical-ai-blueprint-archive-container .ai-project-card-description { font-size:18px; line-height: 22px; }
    /* custom blueprint archive section design update */

    /* Scrollable container - holds other buttons */
    .blueprint-filters-wrapper { position: relative; width: 100%; }
    #blueprint-category-buttons { width: 100%; }
    .blueprint-filters-scroll { flex: 1; }
    .blueprint-filters-scroll.slick-initialized { display: block; } 
    .blueprint-filters-scroll .slick-list { overflow: visible; } 
    .blueprint-filters-scroll .slick-track { display: flex !important; gap: 5px; } 
    .blueprint-filters-scroll .slick-slide { float: none; height: auto; } 
    .blueprint-filter-btn { flex-shrink: 0; white-space: nowrap; }
}

@media screen and (max-width: 768px) {
    /* custom blueprint archive section design update */
    .practical-ai-blueprint-archive-container .ai-project-card-container .status-group-heading { font-size: 18px; line-height: 22px; }
    .practical-ai-blueprint-archive-container .ai-project-card-title { font-size: 20px; line-height: 24px; }
    .practical-ai-blueprint-archive-container .ai-project-card-wrapper .ai-project-card-grid .ai-project-card-content { padding:10px 33px 33px 33px; }
    .practical-ai-blueprint-archive-container .ai-project-card-wrapper .ai-project-card-grid  { grid-template-columns: 1fr; }
    .ai-project-card-wrapper { padding: 20px 0px 0px;}
    .practical-ai-blueprint-archive-container .ai-project-card-wrapper .ai-project-card-grid {
    margin: 0px;}
        .practical-ai-blueprint-archive-container .ai-project-card-wrapper .status-group:first-child  { margin-bottom: 40px; }
    /* custom blueprint archive section design update */
}