/* Smooth scrolling */
  
  html.lenis, html.lenis body { height: auto; }
  .lenis.lenis-smooth { scroll-behavior: auto !important; }
  .lenis.lenis-stopped { overflow: hidden; }






/* Animated AI background */
body {
    /* background:radial-gradient(circle at 20% 20%, rgba(99,102,241,.12), transparent 35%), radial-gradient(circle at 80% 0%, rgba(249, 115, 22, .10), transparent 35%), radial-gradient(circle at 80% 80%, rgba(16, 185, 129, .10), transparent 35%), linear-gradient(180deg, #ffffff 0%, #fafbff 100%);  */
position:relative; overflow-x:hidden;}

body::before {content:""; position:fixed; inset:0; background-image:linear-gradient(rgba(99,102,241,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(99, 102, 241, .05) 1px, transparent 1px); background-size:48px 48px; pointer-events:none; z-index:-1; animation:gridMove 30s linear infinite; }

@keyframes gridMove {
0% {transform:translateY(0);}
100% {transform:translateY(48px);}
}


/* .parentline span{display:inline-block; background:#f2633421; padding:1px 25px; border-radius:20px; font-size:13px; color:#F26334; margin-bottom:15px; border:1px solid #ff69004d;} */

/* Parent container */
.parentline{
    /* display:flex;
    justify-content:center;  */
    margin-bottom:18px;
}

/* Creative badge */
.parentline span {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 22px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    color: #f26334;
    background: linear-gradient(135deg,#fff7f3 0%,#ffe8dd 100%);
    border: 1px solid rgba(242,99,52,.28);
    /* box-shadow: 0 6px 20px rgba(242,99,52,.15),
        inset 0 1px 0 rgba(255,255,255,.7); */
    overflow: hidden;
    animation: floatBadge 3.5s ease-in-out infinite;
    transition: transform .3s ease, box-shadow .3s ease;
}

/* Small sparkle dot */
.parentline span::before{
    content:'✦';
    font-size:12px;
    color:#F26334;
    opacity:.9;
}

/* Shimmer animation */
.parentline span::after{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.7),
        transparent
    );
    transform:skewX(-20deg);
    animation:shimmer 3s linear infinite;
}



/* Floating motion */
@keyframes floatBadge{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-4px); }
}

/* Shimmer motion */
@keyframes shimmer{
    100%{ left:140%; }
}


.h_banner{margin-top: 0px; box-shadow: rgb(0 0 0 / 6%) 0px 3px 8px; padding-bottom: 100px;}
/* .h_banner{background: radial-gradient(circle at top left, #FDF9F6, transparent 60%), radial-gradient(circle at bottom right, #ffeddf, transparent 60%), #fffaf7;} */
.h_banner{background: radial-gradient(circle at top left, #fdf9f6, transparent 60%), radial-gradient(circle at bottom right, #ffeddf, transparent 60%), #fffaf747}




.robotimag_hero{position: absolute; width: 232px !important;}


.banner-toptitle span {display:inline-block; background:#f2633421; padding:1px 25px; border-radius:20px; font-size:13px; color:#F26334; margin-bottom:15px; border:1px solid #ff69004d;}
.headerlogin {padding:7px 20px !important;}
.banner_content h1 {color:#212A4C; font-size:46px; font-weight:800; text-shadow: 0 2px 4px rgba(31, 39, 87, 0.10), 0 8px 20px rgba(31, 39, 87, 0.08), 0 16px 40px rgba(31, 39, 87, 0.06);}
.banner_content h1 span {color:#F26334; }
.banner_content .subhd {font-size:20px; font-weight:500; margin-top:24px;}
.banner_content .subhd span {color:#F26334;}
.banner_content {color:#212A4C; line-height:26px; font-size:16px;}
.btn.btn-primary {background:#F26334; font-weight:500; border:2px solid #f26334 ; box-shadow:0 3px 2px rgba(255, 102, 51, 0.4); border-radius: 20px;}
.btn.bgwhtie {background:transparent; color:#212A4C; border:2px solid #212A4C; margin-left:4px; box-shadow:0 3px 2px rgb(33 42 76 / 23%);}
.btn.bgwhtie:hover {background:#212A4C; color:#fff; border:1px solid #212A4C; margin-left:10px;}
.groupbox {display:flex; margin-top:26px; gap:5px; align-items:center;}
.groupbox_content span {font-size:14px; font-weight:500; color:#212A4C; line-height:15px; position:relative; top:-7px;}
.groupbox_content small {display:block;}
.searchrow .inputrow {width:80%; margin:auto; position:relative;}
.searchrow .inputrow input {padding:12px; border:2px solid #f26334; background:none; border-radius:50px;}
.searchrow .inputrow button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    /* border-radius: 60px; */
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
}
.searchrow-list ul {display:flex; gap:7px; flex-wrap:wrap; justify-content:center;}
.searchrow-list ul li {list-style:none; font-size:14px; color:#212A4C; font-weight:500; padding:3px 14px; background:#f263341a; border-radius:20px; border:1px solid #f2633430; cursor:pointer; transition:all 0.3s ease-in-out;}
.searchrow-list ul li:hover {background:#f26334; color:#fff; border:1px solid #f26334;}
.skill_card {background:#ffffff1c;}
.Live_Learning {background: #eef4fd; border-radius:10px; box-shadow:rgb(0 0 0 / 6%) 0px 3px 8px;}
.section_title_left .subp {font-size:16px; font-weight:500;}
.AI_Learning_box {background:#fff; box-shadow:0 2px 8px rgba(15, 23, 42, 0.04), 0 12px 30px rgb(15 23 42 / 3%); padding:20px; border-radius:10px; text-align:center; border:1px solid #cccccc38; border-bottom:4px solid #ff6a00; transition:all 0.3s ease-in-out; cursor:pointer;}

.AI_Learning_box:hover{transform: translateY(-6px); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}


.AI_Learning_box_icon {width:70px; height:70px; background:#f462331f; border-radius:5px; margin-bottom:12px; justify-content:center; display:flex; align-items:center; margin:auto; margin-bottom:20px;}
.AI_Learning_box h5 {font-size:20px; color:#ff6a00; font-weight:600; margin-bottom:0;}
.AI_Learning_box p {margin-bottom:0px; font-weight:600; margin-top:5px;}
.Learn-AILive {background:#fff; padding:10px; border-radius:5px; box-shadow:rgb(0 0 0 / 3%) 0px 1px 4px; display:flex; gap:14px; cursor:pointer;}
.Learn-AILive .Learn-AILive-icon {background:#EAF4FF; padding:8px; width:60px; height:60px; border-radius:5px; display:flex; align-items:center; justify-content:center;}
.Learn-AILive {position:relative;}
.Learn-AILive-content h6 {margin-bottom:4px;}
.Learn-AILive-content p {margin-bottom:0px; font-size:12px; margin-top:10px;}
.Learn-AILive-content span {color:#F26334; font-size:14px; font-weight:500;}
.seats_left {position:absolute; top:7px; right:11px;}
.Learn-AILive_row {display:grid; gap:10px;}
.Learn-AILive_row-label {color:#7a7a7a; font-weight:500;}
.AI_Learning_box_icon svg {width:30px; height:30px; color:#f26334;}
.Learn-AILive-icon svg {color:#363e50;}
.AI_Ecosystem {background:linear-gradient(160deg, rgb(255, 248, 242), rgb(255, 251, 247) 50%, rgb(238, 240, 255));}
.AI_Ecosystem_box {padding:10px 16px; border:1px solid #ccc; border-radius:5px; height:100%; transition: 0.3ms;}

.AI_Ecosystem_box:hover{transform: translateY(-5px) !important;
    box-shadow: 0 14px 35px rgba(98, 77, 255, .12);}



.AI_Ecosystem_box_box {
    justify-content: center;
    display: flex;
    align-items: center;
    margin: auto;
    flex-direction: column;
    /* border: 2px dotted #cccccc7d;
    padding: 36px; */
}

     .AI_Ecosystem_box_box h5{font-size: 22px !important; font-weight: 600;
    color: #f26334;}

.AI_Ecosystem_box h5 {margin:12px 0px; font-size:18px;}
.AI_Ecosystem_box p {margin-bottom:0px;}
.AI_Ecosystem_box .AI_Ecosystem_box_icon {padding:10px; width:60px; height:60px; border-radius:5px; display:flex; align-items:center; justify-content:center;}
.acb1 {background:#fdf1eb40; border:1px solid #f2633442;}
.acb1 .AI_Ecosystem_box_icon {background:#fdf1eb; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 2px 0px;}
.acb1 .AI_Ecosystem_box_icon svg {color:#f26334; width: 28px; height: 28px;}
.acb2 {background:#d2e3fd26; border:1px solid #d2e3fd;}
.acb2 .AI_Ecosystem_box_icon {background:#e9f1fd;}
.acb2 .AI_Ecosystem_box_icon svg {color:#0246b2;}
.acb3 {background:#e0f8ef4a; border:1px solid #00a16533;}
.acb3 .AI_Ecosystem_box_icon {background:#e0f8ef;}
.acb3 .AI_Ecosystem_box_icon svg {color:#137547;}
.acb4 {background:#f0ebfc2e; border:1px solid #4d0adb30;}
.acb4 .AI_Ecosystem_box_icon {background:#f0ebfc;}
.acb4 .AI_Ecosystem_box_icon svg {color:#4d0adb;}
.acb5 {background:#0065f10a; border:1px solid #2475e552;}
.acb5 .AI_Ecosystem_box_icon {background:#ebf3fc;}
.acb5 .AI_Ecosystem_box_icon svg {color:#2475e5;}
.AI_Ecosystem_box a {
    padding: 6px 20px !important;
    font-size: 15px !important;
}
.AI_Ecosystem_box {padding:26px 26px; border:1px solid #cccccc00; border-radius:5px; height:100%; display:flex; flex-direction:column; justify-content:space-between; align-items:baseline; background:#fff; box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px;}
/* .AI_Ecosystem_box_content{align-items: center; display: flex;    flex-direction: column;} */


.AI_Ecosystem_box .btn.btn-primary  svg{width: 18px; height: 18px;}

.ecosystem_row_icon{display: flex; align-items: center;}
.ecosystem_row_icon p{width: 68%;}
.ecosystem_row_icon img{position: absolute; right: 5px; top: 31px; width: 30%;}




.ecosystem-card-row{    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 15px;}

/* .AI_Ecosystem_box_content{height: 82%;} */


/* .acb2{background: #eef0ff; border: 1px solid #ffb279;}
.acb3{background: #ecfdf5; border: 1px solid #ffb279;}
.acb4{background: #f5f3ff; border: 1px solid #ffb279;}
.acb5{background: #eff6ff; border: 1px solid #ffb279;} */


.skillwaala_section-search{background: radial-gradient(circle at top left, #ffffff, transparent 60%), radial-gradient(circle at bottom right, #ffeddf00, transparent 60%), #ffffff00;}

.AI-Discovery .ai-grid {max-width:1280px; margin:auto; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:32px;}
.AI-Discovery .ai-card {position:relative; background:#fff; border-radius:5px; padding:22px 22px 28px; overflow:hidden; min-height:320px; box-shadow:0 8px 30px rgba(15,23,42,.05); transition:.35s ease;}
.AI-Discovery .ai-card:hover {transform:translateY(-6px); box-shadow: 0 0 7px 0 rgb(0 0 0 / 10%);}
.AI-Discovery .create {border:1px solid #ffd7c2; }
.AI-Discovery .work {border:1px solid #d7e3ff; box-shadow:0 10px 30px rgba(37,99,235,.08);}
.AI-Discovery .build {border:1px solid #cfeee3; box-shadow:0 10px 30px rgba(5,150,105,.08);}
.AI-Discovery .learn {border:1px solid #eadbff; box-shadow:0 10px 30px rgba(124,58,237,.08);}
.AI-Discovery .card-head {display:flex; align-items:center; gap:14px; margin-bottom:18px;}
.AI-Discovery .icon-wrap {width:56px; height:56px; border-radius:5px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.AI-Discovery .create .icon-wrap {background:#fff3eb; color:#ff5b00;}
.AI-Discovery .work .icon-wrap {background:#eef4ff; color:#2563eb;}
.AI-Discovery .build .icon-wrap {background:#eefcf6; color:#059669;}
.AI-Discovery .learn .icon-wrap {background:#f5f0ff; color:#7c3aed;}
.AI-Discovery .icon-wrap svg {width:26px; height:26px; stroke-width:2.3;}
.AI-Discovery .card-title {font-size: 20px;font-weight: 400;letter-spacing: -0.3px;}
.AI-Discovery .create .card-title {color:#ff5b00;}
.AI-Discovery .work .card-title {color:#2563eb;}
.AI-Discovery .build .card-title {color:#047857;}
.AI-Discovery .learn .card-title {color:#7c3aed;}
.AI-Discovery .divider {height:1px; margin:16px 0 18px;}
.AI-Discovery .create .divider {background:#ffe0cf;}
.AI-Discovery .work .divider {background:#dbe7ff;}
.AI-Discovery .build .divider {background:#daf3ea;}
.AI-Discovery .learn .divider {background:#efe5ff;}
.AI-Discovery ul {list-style:none; display:flex; flex-direction:column; gap:18px; position:relative; z-index:2;}
.AI-Discovery li {display:flex; align-items:center; gap:12px; font-size:16px; font-weight:500; color:#0f172a;}
.AI-Discovery .arrow {width:16px; height:16px; flex-shrink:0;}
.AI-Discovery .create .arrow {color:#ff5b00;}
.AI-Discovery .work .arrow {color:#2563eb;}
.AI-Discovery .build .arrow {color:#059669;}
.AI-Discovery .learn .arrow {color:#7c3aed;}
.AI-Discovery .watermark {position:absolute; right:16px; bottom:12px; opacity:.12; z-index:1; pointer-events:none;}
.AI-Discovery .watermark svg {width:96px; height:96px; stroke-width:1.5;}
.AI-Discovery .create .watermark {color:#ff7a1a;}
.AI-Discovery .work .watermark {color:#2563eb;}
.AI-Discovery .build .watermark {color:#10b981;}
.AI-Discovery .learn .watermark {color:#8b5cf6;}


.AI-Learning-Paths .training_card {background:#fff; border:1px solid #e8ecff; border-radius:6px; overflow:hidden; height:100%; box-shadow:0 10px 30px rgba(17,24,39,.06); transition:.35s ease;}
.AI-Learning-Paths .training_card:hover {transform:translateY(-6px); box-shadow:0 22px 45px rgba(17,24,39,.10);}
.AI-Learning-Paths .training_header {background:#f26334; padding:16px;}
.AI-Learning-Paths .training_head {display:flex; align-items:center; gap:18px;}
.AI-Learning-Paths .training_icon {width:74px; height:74px; border-radius:6px; background:#ffffff; border:1px solid #eef2ff; display:flex; align-items:center; justify-content:center; color:#1f2a7a; box-shadow:0 6px 16px rgba(31,42,122,.08); flex-shrink:0;}
.AI-Learning-Paths .training_icon svg {width:34px; height:34px; stroke-width:2.2;}
.AI-Learning-Paths .training_title {font-size:18px; line-height:1.35; font-weight:800; color:#fff; margin:0;}
.AI-Learning-Paths .training_body {padding:16px; display:flex; flex-direction:column; height:calc(100% - 104px); flex-direction:column; justify-content:space-between;}
.AI-Learning-Paths .training_desc {color:#3f4b67; font-size:15px; line-height:1.9; margin-bottom:26px;}
.AI-Learning-Paths .training_divider {height:1px; background:#eef2ff; margin-bottom:24px;}
.AI-Learning-Paths .training_list {list-style:none; padding:0; margin:0 0 14px 0; display:flex; flex-direction:column; gap:18px;}
.AI-Learning-Paths .training_list li {display:flex; align-items:flex-start; gap:12px; color:#172036; font-size:15px; line-height:1.7;}
.AI-Learning-Paths .check_icon {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #f2633426;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f26334;
    flex-shrink: 0;
    margin-top: 1px;
}
.AI-Learning-Paths .check_icon svg {width:16px; height:16px; stroke-width:3;}
.AI-Learning-Paths .training_btn {margin-top:auto; display:flex; align-items:center; justify-content:center; gap:10px; width:100%; background:#1f2a7a; color:#fff; text-decoration:none; font-weight:700; font-size:16px; padding:18px 22px; border-radius:18px; box-shadow:0 10px 22px rgba(31,42,122,.28); transition:.25s ease;}
.AI-Learning-Paths .training_btn:hover {background:#182264; color:#fff; transform:translateY(-2px);}
.AI-Learning-Paths .training_btn svg {width:18px; height:18px; stroke-width:2.6;}
/* .AI-Learning-Paths .training_card a {background:#1f2a7a !important; font-weight:500 !important; border:2px solid #1f2a7a !important; box-shadow:0 3px 2px rgb(31 42 122 / 24%) !important;} */


.INTERNSHIPS_rowbox {
    background: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 16px;
    border-radius: 6px;
    /* margin-top: 35px; */
}


.INTERNSHIPS_images img{border-radius: 6px;}

.INTERNSHIPS_content ul li{list-style: none; line-height: 20px; font-size: 15px; color: #212A4C; font-weight: 500; margin-bottom: 10px;}

.INTERNSHIPS_content ul{display: grid; grid-template-columns: repeat(1, 1fr); gap: 0px 10px; }


.INTERNSHIPS_content ul li {display: flex; align-items: flex-start; gap: 12px;}
.INTERNSHIPS_content ul li .check_icon{width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #f3f6ff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1f2a7a;
    flex-shrink: 0;
    margin-top: 1px;
}


.INTERNSHIPS_content ul li .check_icon svg {
    width: 14px;
    height: 14px;
    stroke-width: 3;
}

.INTERNSHIPS_content h4 {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #212A4C;
}







/* .why-skillWaala{background: linear-gradient(160deg, rgb(255, 248, 242), rgb(255, 251, 247) 50%, rgb(238, 240, 255));} */
.why-skillWaala .feature-card .content a{color: #6d4cff;
    margin-top: 10px;
    display: inline-block;
    font-weight: 500;}
    .why-skillWaala .feature-card .content a svg{width: 18px; height: 18px;}

.why-skillWaala .feature-card {background:#fff; border:1px solid #ece7ff; border-radius:8px; padding:24px; display:flex; gap:18px; min-height:190px; transition:.3s ease; height:100%;}
.why-skillWaala .feature-card:hover {transform:translateY(-5px); box-shadow:0 14px 35px rgba(98,77,255,.12);}
.why-skillWaala .icon-wrap {width:58px; height:58px; min-width:58px; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.why-skillWaala .icon-wrap svg {width:28px; height:28px; stroke-width:2.2;}
.why-skillWaala .content h3 {font-size:20px; line-height:1.2; font-weight:800; margin-bottom:10px; color:#111827;}
.why-skillWaala .line {width:42px; height:3px; border-radius:20px; margin-bottom:14px;}
.why-skillWaala .content p {font-size:14px; line-height:1.75; color:#4b5563; font-weight:500; margin:0;}
.why-skillWaala .purple {border-color:#e7e1ff;}
.why-skillWaala .purple .icon-wrap {background:#f1edff; color:#6d4cff;}
.why-skillWaala .purple .line {background:#6d4cff;}
.why-skillWaala .green {border-color:#dff5e8;}
.why-skillWaala .green .icon-wrap {background:#eafaf0; color:#0f9f5a;}
.why-skillWaala .green .line {background:#0f9f5a;}
.why-skillWaala .orange {border-color:#ffe8d6;}
.why-skillWaala .orange .icon-wrap {background:#fff3e8; color:#ff6b00;}
.why-skillWaala .orange .line {background:#ff6b00;}
.why-skillWaala .blue {border-color:#dfe9ff;}
.why-skillWaala .blue .icon-wrap {background:#eef4ff; color:#2563ff;}
.why-skillWaala .blue .line {background:#2563ff;}
.why-skillWaala .pink {border-color:#ffdceb;}
.why-skillWaala .pink .icon-wrap {background:#ffeaf2; color:#ff2d7a;}
.why-skillWaala .pink .line {background:#ff2d7a;}
.why-skillWaala .violet {border-color:#eadfff;}
.why-skillWaala .violet .icon-wrap {background:#f3edff; color:#6f3df4;}
.why-skillWaala .violet .line {background:#6f3df4;}




.AI-PROMPTS .prompt-card:hover {transform:translateY(-6px); box-shadow:0 18px 40px rgba(98,77,255,.12);}
.AI-PROMPTS .prompt-card {background:#fff; border:1px solid #ececf5; border-radius:6px; padding:22px; height:100%; box-shadow:0 4px 12px rgba(15,23,42,.04); transition:.3s ease;}
.AI-PROMPTS .prompt-icon {width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:16px;}
.AI-PROMPTS .prompt-icon svg {width:28px; height:28px; stroke-width:2.2;}
.AI-PROMPTS .prompt-card h4 {font-size:22px; font-weight:700; line-height:1.2; margin-bottom:6px; color:#111827;}
.AI-PROMPTS .prompt-tool {font-size:15px; font-weight:600; display:inline-block; margin-bottom:6px;}
.AI-PROMPTS .prompt-line {width:38px; height:3px; border-radius:20px; margin-bottom:18px;}
.AI-PROMPTS .prompt-card p {font-size:14px; line-height:1.8; color:#374151; margin-bottom:18px; min-height:92px;}
.AI-PROMPTS .prompt-preview {border-radius:16px; height:96px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; border:1px solid transparent;}
.AI-PROMPTS .prompt-preview svg {width:44px; height:44px; stroke-width:2;}
.AI-PROMPTS .copy-btn {width:100%; height:48px; border-radius:6px; background:#fff; font-size:15px; font-weight:700; display:flex; align-items:center; justify-content:center; gap:10px; transition:.25s ease; cursor:pointer;}
.AI-PROMPTS .copy-btn svg {width:18px; height:18px;}
.AI-PROMPTS .prompt-purple {border-color:#eee6ff;}
.AI-PROMPTS .prompt-purple .prompt-icon {background:#f4e8ff; color:#7c3aed;}
.AI-PROMPTS .prompt-purple .prompt-tool {color:#7c3aed;}
.AI-PROMPTS .prompt-purple .prompt-line {background:#7c3aed;}
.AI-PROMPTS .prompt-purple .prompt-preview {background:#faf5ff; border-color:#f3e8ff; color:#a855f7;}
.AI-PROMPTS .prompt-purple .copy-btn {border:1.5px solid #a855f7; color:#7c3aed;}
.AI-PROMPTS .prompt-purple .copy-btn:hover {background:#faf5ff;}
.AI-PROMPTS .prompt-green {border-color:#dff5ea;}
.AI-PROMPTS .prompt-green .prompt-icon {background:#e9faf2; color:#059669;}
.AI-PROMPTS .prompt-green .prompt-tool {color:#059669;}
.AI-PROMPTS .prompt-green .prompt-line {background:#059669;}
.AI-PROMPTS .prompt-green .prompt-preview {background:#f3fbf7; border-color:#dcfce7; color:#10b981;}
.AI-PROMPTS .prompt-green .copy-btn {border:1.5px solid #34d399; color:#059669;}
.AI-PROMPTS .prompt-green .copy-btn:hover {background:#f3fbf7;}
.AI-PROMPTS .prompt-blue {border-color:#dfe9ff;}
.AI-PROMPTS .prompt-blue .prompt-icon {background:#eef4ff; color:#2563eb;}
.AI-PROMPTS .prompt-blue .prompt-tool {color:#2563eb;}
.AI-PROMPTS .prompt-blue .prompt-line {background:#2563eb;}
.AI-PROMPTS .prompt-blue .prompt-preview {background:#f5f9ff; border-color:#dbeafe; color:#3b82f6;}
.AI-PROMPTS .prompt-blue .copy-btn {border:1.5px solid #60a5fa; color:#2563eb;}
.AI-PROMPTS .prompt-blue .copy-btn:hover {background:#f5f9ff;}
.AI-PROMPTS .prompt-orange {border-color:#ffe7d6;}
.AI-PROMPTS .prompt-orange .prompt-icon {background:#fff2e8; color:#ea580c;}
.AI-PROMPTS .prompt-orange .prompt-tool {color:#ea580c;}
.AI-PROMPTS .prompt-orange .prompt-line {background:#ea580c;}
.AI-PROMPTS .prompt-orange .prompt-preview {background:#fff7f2; border-color:#fed7aa; color:#f97316;}
.AI-PROMPTS .prompt-orange .copy-btn {border:1.5px solid #fb923c; color:#ea580c;}
.AI-PROMPTS .prompt-orange .copy-btn:hover {background:#fff7f2;}





.Trending-AI{background: rgb(248, 249, 250);} 

.Trending-AI .ai-tool-card {background: #ffffff54; border: 1px solid #e9eaf3; border-radius: 6px; padding: 22px; height: 100%; transition: .3s ease;}
.Trending-AI .ai-tool-card:hover {transform:translateY(-5px); box-shadow:0 18px 40px rgba(15,23,42,.08);}
.Trending-AI .ai-tool-top {display:flex; align-items:center; justify-content:space-between; margin-bottom:18px;}
.Trending-AI .ai-tool-icon {width:48px; height:48px; border-radius:14px; display:flex; align-items:center; justify-content:center;}
.Trending-AI .ai-tool-icon svg {width:24px; height:24px; stroke-width:2.2;}
.Trending-AI .ai-badge {font-size:12px; font-weight:700; padding:7px 12px; border-radius:3px; line-height:1;}
.Trending-AI .ai-tool-card h3 {font-size:20px; font-weight:700; color:#172554; margin-bottom:10px;}
.Trending-AI .ai-tool-card p {font-size:14px; line-height:1.7; color:#667085; margin-bottom:22px; min-height:48px;}
.Trending-AI .ai-link {display:inline-flex; align-items:center; gap:8px; font-size:15px; font-weight:700; text-decoration:none; transition:.25s ease;}
.Trending-AI .ai-link svg {width:16px; height:16px; stroke-width:2.5;}
.Trending-AI .ai-link:hover {gap:12px;}
.Trending-AI .tool-chatgpt .ai-tool-icon {background:#e9fbf3; color:#059669;}
.Trending-AI .tool-chatgpt .ai-badge {background:#e9fbf3; color:#059669;}
.Trending-AI .tool-chatgpt .ai-link {color:#ea580c;}
/* .Trending-AI .tool-midjourney .ai-tool-icon {
    background: #363e5012;
    color: #363e50;
} */
.Trending-AI .tool-midjourney .ai-badge {
    background: #f2633426;
    color: #f26334;
    font-weight: 400;
}

.Trending-AI .tool-midjourney .ai-link {color:#ea580c;}
.Trending-AI .tool-claude .ai-tool-icon {background:#fff1e8; color:#ea580c;}
.Trending-AI .tool-claude .ai-badge {background:#fff1e8; color:#ea580c;}
.Trending-AI .tool-claude .ai-link {color:#ea580c;}
.Trending-AI .tool-gemini .ai-tool-icon {background:#eef4ff; color:#2563eb;}
.Trending-AI .tool-gemini .ai-badge {background:#eef4ff; color:#2563eb;}
.Trending-AI .tool-gemini .ai-link {color:#ea580c;}
.Trending-AI .tool-runway .ai-tool-icon {background:#eef2ff; color:#4338ca;}
.Trending-AI .tool-runway .ai-badge {background:#eef2ff; color:#4338ca;}
.Trending-AI .tool-runway .ai-link {color:#ea580c;}
.Trending-AI .tool-perplexity .ai-tool-icon {background:#fff7e6; color:#d97706;}
.Trending-AI .tool-perplexity .ai-badge {background:#fff7e6; color:#d97706;}
.Trending-AI .tool-perplexity .ai-link {color:#ea580c;}
.Trending-AI .tool-cursor .ai-tool-icon {background:#fff1f2; color:#ef4444;}
.Trending-AI .tool-cursor .ai-badge {background:#fff1f2; color:#ef4444;}
.Trending-AI .tool-cursor .ai-link {color:#ea580c;}
.Trending-AI .tool-canva {border-color:#cfeaf8;}
.Trending-AI .tool-canva .ai-tool-icon {background:#ecfeff; color:#0891b2;}
.Trending-AI .tool-canva .ai-badge {background:#ecfeff; color:#0891b2;}
.Trending-AI .tool-canva .ai-link {color:#ea580c;}



.testimonial_home .testimonial-card {background:#fff; border:1px solid #ececf5; border-radius:24px; padding:22px; height:100%; position:relative; transition:.3s ease; box-shadow:0 4px 10px rgba(15,23,42,.03);}
.testimonial_home .testimonial-card:hover {transform:translateY(-6px); box-shadow:0 20px 45px rgba(15,23,42,.08);}
.testimonial_home .t-head {display:flex; align-items:center; gap:14px; margin-bottom:20px;}
.testimonial_home .quote-box {width:44px; height:44px; border-radius:14px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:28px; font-weight:700; line-height:1;}
.testimonial_home .stars {color:#f59e0b; font-size:18px; letter-spacing:2px;}
.testimonial_home .review {font-size:15px; line-height:1.9; color:#0f172a; font-style:italic; margin-bottom:22px; min-height:180px;}
.testimonial_home .divider {height:1px; background:#ececf5; margin-bottom:18px;}
.testimonial_home .t-footer {display:flex; align-items:center; justify-content:space-between;}
.testimonial_home .user {display:flex; align-items:center; gap:14px;}
.testimonial_home .avatar {width:46px; height:46px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:16px;}
.testimonial_home .user h4 {margin:0; font-size:18px; font-weight:700; color:#0f172a;}
.testimonial_home .user span {font-size:14px; color:#64748b;}
.testimonial_home .big-quote {font-size:58px; line-height:1; opacity:.22;}
.testimonial_home .t-purple {border-color:#e9ddff;}
.testimonial_home .t-purple .quote-box {background:#7c3aed;}
.testimonial_home .t-purple .avatar {background:linear-gradient(135deg,#ff8a00,#ff3d00);}
.testimonial_home .t-purple .big-quote {color:#7c3aed;}
.testimonial_home .t-blue {border-color:#d7ecff;}
.testimonial_home .t-blue .quote-box {background:#0ea5e9;}
.testimonial_home .t-blue .avatar {background:#1e40af;}
.testimonial_home .t-blue .big-quote {color:#0ea5e9;}
.testimonial_home .t-green {border-color:#d8f5df;}
.testimonial_home .t-green .quote-box {background:#22c55e;}
.testimonial_home .t-green .avatar {background:#16a34a;}
.testimonial_home .t-green .big-quote {color:#22c55e;}
.testimonial_home .t-pink {border-color:#ffd8ef;}
.testimonial_home .t-pink .quote-box {background:#ec4899;}
.testimonial_home .t-pink .avatar {background:#c026d3;}
.testimonial_home .t-pink .big-quote {color:#ec4899;}



.AI-Updates{background: linear-gradient(
5deg, #F1F1FB 0%, #FFFFFF 100%);}

.AI-Updates .ai-news-card {background:#fff; border:1px solid #ececf5; border-radius:12px; padding:28px 24px; height:100%; position:relative; transition:.3s ease; overflow:hidden;}
.AI-Updates .ai-news-card:hover {transform:translateY(-6px); box-shadow:0 18px 45px rgba(15,23,42,.08);}
.AI-Updates .ai-news-card::before {content:""; position:absolute; left:0; top:0; width:4px; height:100%; border-radius:24px 0 0 24px;}
.AI-Updates .news-purple::before {background:#7c3aed;}
.AI-Updates .news-orange::before {background:#ff6b00;}
.AI-Updates .news-blue::before {background:#3b82f6;}
.AI-Updates .news-green::before {background:#22c55e;}
.AI-Updates .news-row {display:flex; align-items:flex-start; justify-content:space-between; gap:18px;}
.AI-Updates .news-left {display:flex; gap:18px; flex:1;}
.AI-Updates .news-icon {width:76px; height:76px; border-radius:4px; display:flex; align-items:center; justify-content:center; border:1px solid transparent; flex-shrink:0;}
.AI-Updates .news-icon svg {width:34px; height:34px; stroke-width:2.2;}
.AI-Updates .news-purple .news-icon {background:#faf5ff; border-color:#e9ddff; color:#7c3aed;}
.AI-Updates .news-orange .news-icon {background:#fff7f2; border-color:#ffe1cc; color:#ff6b00;}
.AI-Updates .news-blue .news-icon {background:#f5f9ff; border-color:#dbeafe; color:#2563eb;}
.AI-Updates .news-green .news-icon {background:#f3fff6; border-color:#d7f5df; color:#16a34a;}
.AI-Updates .news-badge {display:inline-block; font-size:12px; font-weight:700; padding:7px 12px; border-radius:4px; margin-bottom:10px; line-height:1;}
.AI-Updates .news-purple .news-badge {background:#f3e8ff; color:#7c3aed;}
.AI-Updates .news-orange .news-badge {background:#fff1e8; color:#ff6b00;}
.AI-Updates .news-blue .news-badge {background:#eaf2ff; color:#2563eb;}
.AI-Updates .news-green .news-badge {background:#eafaf0; color:#16a34a;}
.AI-Updates .news-content h3 {font-size:19px; line-height:1.45; font-weight:400; color:#0f172a;}
.AI-Updates .news-time {display:flex; align-items:center; gap:8px; font-size:15px; color:#667085; font-weight:500;}
.AI-Updates .news-time svg {width:17px; height:17px;}
.AI-Updates .news-purple .news-time svg {color:#7c3aed;}
.AI-Updates .news-orange .news-time svg {color:#ff6b00;}
.AI-Updates .news-blue .news-time svg {color:#2563eb;}
.AI-Updates .news-green .news-time svg {color:#16a34a;}
.AI-Updates .news-arrow {width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1px solid transparent; flex-shrink:0;}
.AI-Updates .news-arrow svg {width:20px; height:20px; stroke-width:2.6;}
.AI-Updates .news-purple .news-arrow {background:#faf5ff; border-color:#e9ddff; color:#7c3aed;}
.AI-Updates .news-orange .news-arrow {background:#fff7f2; border-color:#ffe1cc; color:#ff6b00;}
.AI-Updates .news-blue .news-arrow {background:#f5f9ff; border-color:#dbeafe; color:#2563eb;}
.AI-Updates .news-green .news-arrow {background:#f3fff6; border-color:#d7f5df; color:#16a34a;}



.recent-ai-blogs { background:#f7f8fc;}
.recent-ai-blogs .blog-card {background:#fff; border:1px solid #edf0f7; border-radius:8px; overflow:hidden; box-shadow:0 10px 30px rgba(15,23,42,.06); transition:.35s ease;}
.recent-ai-blogs .blog-card:hover {transform:translateY(-8px); box-shadow:0 18px 40px rgba(15,23,42,.12);}
.recent-ai-blogs .blog-img-wrap {position:relative; padding:6px;}
.recent-ai-blogs .blog-img {width:100%; height:100%; object-fit:cover; border-radius:5px;}
.recent-ai-blogs .blog-arrow {position:absolute; top:28px; right:28px; width:42px; height:42px; border-radius:50%; background:#5b5cff; color:#fff; display:flex; align-items:center; justify-content:center; text-decoration:none; box-shadow:0 8px 20px rgba(91,92,255,.35); display: none;}
.recent-ai-blogs .blog-arrow.orange {background:#ff7a1a; box-shadow:0 8px 20px rgba(255,122,26,.35);}
.recent-ai-blogs .blog-arrow svg {width:18px; height:18px;}
.recent-ai-blogs .blog-body {padding:10px 22px 22px;}
.recent-ai-blogs .blog-tag { font-size: 12px; font-weight: 700; padding: 3px 16px; border-radius: 999px;}
.recent-ai-blogs .tag-blue {background:#eef2ff; color:#4f46e5;}
.recent-ai-blogs .tag-orange {background:#fff1e8; color:#ff6a00;}
.recent-ai-blogs .tag-purple {background:#f3e8ff; color:#7c3aed;}
.recent-ai-blogs .read-time {font-size:13px; color:#8b93a7;}
.recent-ai-blogs .blog-title {font-size:16px; line-height:1.35; font-weight:500; margin-bottom:14px; color:#0f172a;}
.recent-ai-blogs .blog-desc {font-size:15px; line-height:1.8; color:#667085; margin-bottom:0;}
.recent-ai-blogs .blog-footer {border-top:1px solid #edf0f7; padding:18px 22px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}
.recent-ai-blogs .blog-footer span {display:flex; align-items:center; gap:8px; font-size:14px; color:#667085;}
.recent-ai-blogs .blog-footer span svg {width:16px; height:16px; color:#5b5cff;}
.recent-ai-blogs .blog-footer a {display:flex; align-items:center; gap:8px; text-decoration:none; font-weight:400; color:#5b5cff;}
.recent-ai-blogs .blog-footer a svg {width:16px; height:16px;}
.recent-ai-blogs .orange-link {color:#ff6a00 !important;}




















/* =========================
   AI FUTURISTIC UPGRADE
   Paste at END of your CSS
========================= */



.h_banner {position:relative; overflow:hidden;}
.h_banner::before, .h_banner::after {content:""; position:absolute; width:320px; height:320px; border-radius:50%; filter:blur(70px); opacity:.28; z-index:0; animation:floatBlob 10s ease-in-out infinite;}
.h_banner::before {background:#f9731685; top:-120px; left:-80px;}
.h_banner::after {background:#f9731685; bottom:-120px; right:-80px; animation-delay:-5s;}

@keyframes floatBlob {
0%, 100% {transform:translate(0,0) scale(1);}
50% {transform:translate(24px, -18px) scale(1.08);}
}

/* .h_banner > * {position:relative; z-index:1;} */
.banner-toptitle span {position:relative; overflow:hidden; box-shadow:0 0 0 rgba(249,115,22,.45); animation:pulseBadge 2.6s infinite;}
.banner-toptitle span::after {content:""; position:absolute; top:0; left:-120%; width:60%; height:100%; background:linear-gradient(120deg,transparent,rgba(255,255,255,.8),transparent); animation:shine 3s infinite;}

@keyframes pulseBadge {
0% {box-shadow:0 0 0 0 rgba(249,115,22,.35);}
70% {box-shadow:0 0 0 16px rgba(249, 115, 22, 0);}
100% {box-shadow:0 0 0 0 rgba(249, 115, 22, 0);}
}

@keyframes shine {
0% {left:-120%;}
100% {left:140%;}
}

.btn.btn-primary {position:relative; overflow:hidden; border:none !important; transition:all .35s ease !important;}
.btn.btn-primary::before {content:""; position:absolute; top:0; left:-120%; width:60%; height:100%; background:linear-gradient(120deg,transparent,rgba(255,255,255,.85),transparent); transition:left .6s ease;}
.btn.btn-primary:hover {transform:translateY(-3px) scale(1.02);}
.btn.btn-primary:hover::before {left:140%;}
.btn.bgwhtie {background:rgba(255,255,255,.72) !important; backdrop-filter:blur(14px); border:1px solid rgba(99, 102, 241, .18) !important; box-shadow:0 8px 24px rgba(15, 23, 42, .06);}
.btn.bgwhtie:hover {background:#111827 !important; box-shadow:0 12px 30px rgba(17,24,39,.28);}
.AI_Ecosystem_box, .AI_Learning_box, .AI-Learning-Paths .training_card, .Trending-AI .ai-tool-card, .AI-PROMPTS .prompt-card, .testimonial_home .testimonial-card, .AI-Updates .ai-news-card, .recent-ai-blogs .blog-card {background:rgba(255,255,255,.78) !important; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;}
.AI_Ecosystem_box:hover, .AI_Learning_box:hover, .AI-Learning-Paths .training_card:hover, .Trending-AI .ai-tool-card:hover, .AI-PROMPTS .prompt-card:hover, .testimonial_home .testimonial-card:hover, .AI-Updates .ai-news-card:hover, .recent-ai-blogs .blog-card:hover {transform:translateY(-6px) ; border-color:rgb(255 106 0) !important; box-shadow:0 0 7px 0 rgb(0 0 0 / 10%);}

/* .AI_Ecosystem_box:hover, .AI_Learning_box:hover, .AI-Learning-Paths .training_card_center:hover, .Trending-AI .ai-tool-card:hover, .AI-PROMPTS .prompt-card:hover, .testimonial_home .testimonial-card:hover, .AI-Updates .ai-news-card:hover, .recent-ai-blogs .blog-card:hover{border-color:rgb(255 106 0) !important;} */

 .Trending-AI .ai-tool-card, .recent-ai-blogs .blog-card {animation:cardFloat 7s ease-in-out infinite;}
.AI_Ecosystem_box:nth-child(2), .Trending-AI .ai-tool-card:nth-child(2), .recent-ai-blogs .blog-card:nth-child(2) {animation-delay:-2s;}
.AI_Ecosystem_box:nth-child(3), .Trending-AI .ai-tool-card:nth-child(3), .recent-ai-blogs .blog-card:nth-child(3) {animation-delay:-4s;}

@keyframes cardFloat {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(-4px);}
}

.AI_Ecosystem_box_icon, .AI_Learning_box_icon, .AI-Learning-Paths .training_icon, .Trending-AI .ai-tool-icon, .AI-PROMPTS .prompt-icon {position:relative; overflow:hidden;}
.AI_Ecosystem_box_icon::after, .AI_Learning_box_icon::after, .AI-Learning-Paths .training_icon::after, .Trending-AI .ai-tool-icon::after, .section_title_left h2, .section_title h2 {position:relative; display:inline-block; color:#111827;}
.AI-Updates .news-arrow {animation:arrowPulse 2.2s ease-in-out infinite;}

@keyframes arrowPulse {
0%, 100% {transform:scale(1);}
50% {transform:scale(1.08);}
}

.recent-ai-blogs .blog-img {transition:transform .5s ease;}
.recent-ai-blogs .blog-card:hover .blog-img {transform:scale(1.05);}
.searchrow-list ul li {backdrop-filter:blur(8px);}
.searchrow-list ul li:hover {box-shadow:0 0 16px rgba(249,115,22,.35);}
.Live_Learning, .AI_Ecosystem, .why-skillWaala, .Trending-AI, .AI-Updates {position:relative; overflow:hidden;}
.Live_Learning::before, .AI_Ecosystem::before, .why-skillWaala::before, .Trending-AI::before, .AI-Updates::before {content:""; position:absolute; top:-120px; right:-120px; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle, rgba(99,102,241,.12), transparent 70%); pointer-events:none;}

@media (prefers-reduced-motion: reduce) {
* {animation:none !important; transition:none !important;}
}

@media (max-width:576px) {
body::before {background-size:32px 32px;}
.banner_content h1 {letter-spacing:-.5px;}
.AI_Ecosystem_box:hover, .AI_Learning_box:hover, .AI-Learning-Paths .training_card:hover, .Trending-AI .ai-tool-card:hover, .AI-PROMPTS .prompt-card:hover, .testimonial_home .testimonial-card:hover, .AI-Updates .ai-news-card:hover, .recent-ai-blogs .blog-card:hover {transform:translateY(-4px);}
}


.AI_Ecosystem_box_last {
    border: 2px dotted #f2633433;
    background: #fef3ed !important;
    width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
}







.Learn-AILive_row {display:grid; gap:10px;}
.Learn-AILive_row-label {font-size:15px; font-weight:600; color:#111827;}
.Learn-AILive {position:relative; display:flex; gap:16px; padding:12px; border-radius:8px; background:#fff; border:1px solid #eef2ff; box-shadow:0 8px 24px rgba(15,23,42,.05); transition:all .3s ease; overflow:hidden;}
.Learn-AILive::before {content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:linear-gradient(90deg, #ffffff, #f9731663)}
.Learn-AILive:hover {transform:translateY(-4px); border-color:#dbe4ff; box-shadow:0 14px 32px rgba(15,23,42,.08);}
.Learn-AILive-icon {width:58px; height:58px; min-width:58px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#eef2ff,#f8faff); color:#5b5cff; box-shadow:0 4px 12px rgba(91, 92, 255, .12); transition:transform .3s ease;}
.Learn-AILive:hover .Learn-AILive-icon {transform:scale(1.05);}
.Learn-AILive-icon svg {width:26px; height:26px; stroke-width:2.2;}
.Learn-AILive-content {flex:1; position:relative;}
.Learn-AILive-content h6 {margin:0 0 6px; font-size:17px; font-weight:700; color:#111827;}
.Learn-AILive-content p {margin:0 0 12px; font-size:13px; color:#6b7280; line-height:1.5;}
.Learn-AILive-content span:not(.seats_left) {display:inline-block; padding:3px 12px; border-radius:999px; background:#fff7ed; border:1px solid #fed7aa; color:#ea580c; font-size:12px; font-weight:600;}
.seats_left {position:absolute; top:0; right:0; padding:5px 10px; border-radius:999px;  font-size:11px; font-weight:700;}
.Learn-AILive:nth-child(2) .Learn-AILive-icon {background:linear-gradient(135deg,#fff7ed,#fff); color:#ea580c; box-shadow:0 4px 12px rgba(234, 88, 12, .12);}
.Learn-AILive:nth-child(3) .Learn-AILive-icon {background:linear-gradient(135deg,#fff7ed,#fff); color:#7c3aed; box-shadow:0 4px 12px rgba(124, 58, 237, .12);}
.Learn-AILive:nth-child(4) .Learn-AILive-icon {background:linear-gradient(135deg,#fff7ed,#fff); color:#7c3aed; box-shadow:0 4px 12px rgba(124, 58, 237, .12);}

@media(max-width:576px) {
.Learn-AILive {padding:16px; gap:14px;}
.Learn-AILive-icon {width:52px; height:52px; min-width:52px;}
.Learn-AILive-content h6 {font-size:16px;}
.seats_left {position:static; display:inline-block; margin-top:10px;}
}




.phone-mockup{justify-content: end; display: flex; position: relative;}
.heroimgbanner {
    /* width: 75%; */
    height: auto;
    /* border-radius: 16px; */
    /* box-shadow: 0 12px 32px rgba(15,23,42,.08); */
    transition: transform .35s ease;
    position: relative;
}











/* 
.aiiconsrow ul{display: grid; gap: 10px;}
.aiiconsrow ul li{width: 50px; height: 50px; background: #fff; list-style: none; }
.aiiconsrow{width: 400px; height: 400px;border-radius: 100%;} */


.roundicons {animation:rotateOrbit 20s linear infinite; width:350px; height:350px; position:absolute; top:54px; right:42%; display:none;}

@keyframes rotateOrbit {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}

.Ready-to-Start {background:#363e50;}
.Ready-to-Start_contnet {text-align:center;}
.Ready-to-Start_contnet h2 {font-size:46px; color:#fff;}
.Ready-to-Start_contnet p {color:#fff;}
.training_card_center .training_header {background:#363e50 ;}
.training_card_center .btn.btn-primary {background:#363e50 ; box-shadow:0 3px 2px rgb(54 62 80 / 35%);}
.training_card_center .check_icon {background:#363e501c; color:#363e50;}
.training_card_center:hover {border-color:rgb(54 62 80) !important;}
.AITools_list {display:flex; flex-wrap:wrap; gap:9px; margin-bottom:24px;}
.AITools_list li {list-style:none; padding:4px 16px; background:radial-gradient(circle at top left, #FDF9F6, transparent 60%), radial-gradient(circle at bottom right, #ffeddf, transparent 60%), #fffaf7; border-radius:5px; border:1px solid #f2633433; box-shadow:rgb(0 0 0 / 5%) 1.95px 1.95px 2.6px;}
.AITools_list li span {margin-right:8px; color:#f26334; font-weight:500;}
:root {--ring1:230px; --ring2:320px; --speed1:28s; --speed2:45s; --bg1:#fff7f1; --bg2:#ffece0; --card:#fff; --accent:#f97316; --text:#1f2937;}
.orbit-wrap {position:relative; width:100%; display:inline-flex; align-items:center; justify-content:center; overflow:visible; line-height:0; padding:0; margin:0; transform:scale(0.8);}
.ai-bg-dots {position:absolute; inset:-40%; background-image:radial-gradient(rgba(249,115,22,.30) 1.4px, transparent 1.4px); background-size:26px 26px; -webkit-mask-image:radial-gradient(circle at center, #000 35%, transparent 72%); mask-image:radial-gradient(circle at center, #000 35%, transparent 72%); animation:driftDots 18s linear infinite; z-index:0; opacity:.85;}

@keyframes driftDots {
to {background-position:26px 26px;}
}

.ai-bg-glow {position:absolute; width:760px; height:760px; border-radius:50%; filter:blur(60px); animation:spin 26s linear infinite; z-index:0;}
.ai-bg-sweep {position:absolute; width:calc(var(--ring2)*2.1); height:calc(var(--ring2)*2.1); border-radius:50%; background:conic-gradient(from 0deg, rgba(249,115,22,.20), transparent 22%); -webkit-mask-image:radial-gradient(circle, transparent 42%, #000 43%, #000 99%, transparent); mask-image:radial-gradient(circle, transparent 42%, #000 43%, #000 99%, transparent); animation:spin 9s linear infinite; opacity:.55; z-index:0;}
.guide {position:absolute; border:1px dashed rgb(249 115 22 / 61%); border-radius:50%; z-index:1; animation:dashSpin 60s linear infinite;}
.guide.g2 {animation-direction:reverse; animation-duration:80s;}
.guide.g1 {width:calc(var(--ring1)*2); height:calc(var(--ring1)*2);}
.guide.g2 {width:calc(var(--ring2)*2); height:calc(var(--ring2)*2);}

@keyframes dashSpin {
to {transform:rotate(360deg);}
}

.spark {position:absolute; top:50%; left:50%; width:0; height:0; transform-origin:0 0; animation:spin var(--sdur,12s) linear infinite;}
.spark::before {content:""; position:absolute; width:9px; height:9px; border-radius:50%; background:var(--accent); box-shadow:0 0 12px 4px rgba(249,115,22,.75), 0 0 26px 10px rgba(249, 115, 22, .28); translate:-50% -50%;}
.spark::after {content:""; position:absolute; width:70px; height:3px; border-radius:99px; background:linear-gradient(90deg, rgba(249,115,22,.85), transparent); translate:-100% -50%; filter:blur(1.5px);}
.guide.g1 .spark::before, .guide.g1 .spark::after {margin-left:var(--ring1);}
.guide.g2 .spark::before, .guide.g2 .spark::after {margin-left:var(--ring2);}
.s1 {--sdur:10s}
.s2 {--sdur:10s; animation-delay:-5s}
.s3 {--sdur:16s; animation-direction:reverse}
.core {position:relative; z-index:5; display:grid; place-items:center; width:330px; height:240px; animation:floatCore 6s ease-in-out infinite;}
.core img {width:100%; object-fit:contain; filter:drop-shadow(0 26px 40px rgba(249,115,22,.28));}
.core-ring {position:absolute; width:260px; height:260px; border-radius:50%; border:2px solid rgba(249,115,22,.35); animation:ripple 3.2s ease-out infinite; z-index:-1;}
.core-ring.d2 {animation-delay:1.6s}

@keyframes ripple {
0% {transform:scale(.75); opacity:.75}
100% {transform:scale(1.5); opacity:0}
}

@keyframes floatCore {
50% {transform:translateY(-14px)}
}

.ring {position:absolute; inset:0; animation:spin var(--dur) linear infinite; z-index:3;}
.ring.r2 {animation-direction:reverse}

@keyframes spin {
to {transform:rotate(360deg);}
}

.item {position:absolute; top:50%; left:50%; width:0; height:0; transform:rotate(var(--angle)) translate(var(--r));}
.item .chip {position:absolute; translate:-50% -50%; width:80px; height:80px; border-radius:16px; border:1px solid rgba(242,99,52,.28); background:radial-gradient(circle at top left, #fffdfb, transparent 60%), radial-gradient(circle at bottom right, #ffeddf, transparent 60%), #fffaf7; display:grid; place-items:center; box-shadow:0 14px 28px -12px rgba(0, 0, 0, .28), inset 0 1px 0 #fff; animation:counter var(--dur) linear infinite, bob 4s ease-in-out infinite; animation-delay:0s, var(--delay, 0s); transition:box-shadow .3s, scale .3s, border-color .3s;}
.ring.r1 .chip {animation-direction:reverse, normal}
.ring.r2 .chip {animation-direction:normal, normal}

@keyframes counter {
to {rotate:-360deg;}
}

@keyframes bob {
50% {translate:-50% -62%;}
}

.item .chip::after {content:""; position:absolute; inset:-8px; border-radius:20px; background:radial-gradient(circle, rgba(249,115,22,.35), transparent 70%); opacity:0; transition:.35s; z-index:-1;}
.chip:hover::after {opacity:1}
.chip img {width:44px; height:44px; object-fit:contain}
.chip:hover {scale:1.18; border-color:var(--accent); box-shadow:0 18px 34px -10px rgba(249,115,22,.55)}
.orbit-wrap:hover .ring, .orbit-wrap:hover .chip, .orbit-wrap:hover .spark {animation-play-state:paused}

@media(max-width:768px) {
:root {--ring1:120px; --ring2:175px}
.core {width:190px; height:150px}
.core-ring {width:150px; height:150px}
.item .chip {width:44px; height:44px; border-radius:13px}
.chip img {width:24px; height:24px}
.spark::after {width:40px}
}

@media (prefers-reduced-motion:reduce) {
* {animation:none !important}
}







/* Chrome, Edge, Safari */
 ::-webkit-scrollbar { width: 10px; /* vertical scrollbar width */ height: 10px; /* horizontal scrollbar height */ }
  ::-webkit-scrollbar-track { background: #f3f4f6; /* track color */ border-radius: 20px; }
   ::-webkit-scrollbar-thumb { background: #f26334; border-radius: 20px; border: 2px solid #f3f4f6; }
    ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #6d28d9, #ea580c); }


.live-card {width:100%; max-width:100%; margin:auto; background:linear-gradient(1deg, #13214c 0%, #1c357c 100%); border-radius:10px; padding:22px 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; box-shadow:0 4px 0px rgb(242 99 52); overflow:hidden;}
.live-left {display:flex; align-items:center; gap:16px; flex:1;}
.dot {width:16px; height:16px; border-radius:50%; background:#ff4d5a; box-shadow:0 0 0 6px rgba(255,77,90,.15); flex-shrink:0;}
.live-content .tag {font-size:11px; text-transform:uppercase; letter-spacing:2px; color:#f26334ba; font-weight:700; margin-bottom:10px;}
.live-content h2 {color:#fff; font-size:18px; line-height:1.3; margin-bottom:8px; font-weight:700;}
.live-content p {color:rgb(255 255 255 / 72%); font-size:14px;}
.countdown {display:flex; gap:10px; align-items:center;}
.time-box {width:52px; height:68px; border-radius:4px; background:rgb(76 132 255 / 10%); border:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; align-items:center; justify-content:center; backdrop-filter:blur(6px);}
.time-box .num {color:#fff; font-size:22px; font-weight:800; line-height:1;}
.time-box .label {margin-top:6px; color:rgb(255 255 255 / 55%); font-size:10px; letter-spacing:1px;}
.register-btn {background:linear-gradient(180deg,#ff8a3d,#ff6b2c); color:#fff; text-decoration:none; padding:16px 26px; border-radius:999px; font-weight:700; font-size:15px; white-space:nowrap; box-shadow:0 12px 24px rgba(255, 107, 44, .35); transition:.25s ease;}
.register-btn:hover {transform:translateY(-2px); box-shadow:0 16px 30px rgba(255,107,44,.45);}
.internship_sec .card h5 {font-size:20px;}
.trusted_section {margin:50px auto !important; padding-top:40px;}
.blog-desc {display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}






.independence_day_bottom{    position: absolute;
    bottom: 0;
    right: 0;}

.independence-day_flag {
    position: absolute;
    bottom: 207px;
    right: 30px;
}

   /* .independence-day_flag img{width: 270px;} */








   
@media screen and (max-width:1560px) {
.independence-day_flag{position: absolute;
    bottom: 163px;
    right: 20px;
    width: 150px;}
}
@media screen and (max-width:1520px) {
.independence-day_flag{
    width: 130px;}
}


@media screen and (max-width:1160px) {
.roundicons {animation:rotateOrbit 20s linear infinite; width:290px; height:290px; position:absolute; top:59px; right:47%;}
.banner_content h1 {font-size:44px;}
.heroimgbanner {width:90%;}
}

@media screen and (max-width:991px) {
  .independence-day_flag { position: absolute;bottom: 127px;right: 30px;}

  .ecosystem_row_icon p{width: 100%;}
  .ecosystem_row_icon img{display: none;}
.orbit-wrap {min-height:345px; transform:scale(0.6);}
.searchrow .inputrow {width:100%;}
.Learnai_margin {margin-bottom:22px;}
.AI-Discovery .ai-grid {grid-template-columns:repeat(2, 1fr);}
.INTERNSHIPS_images img {width:100%; margin-bottom:20px;}
.roundicons {margin-top:30px;}
.roundicons {display:none;}
}

@media screen and (max-width:767px) {
  .independence-day_flag{bottom: 77px;}
.INTERNSHIPS_content ul {grid-template-columns:repeat(1, 1fr);}
.testimonial_home .testimonial-card {border-radius:10px; padding:10px;}
.AI-Updates .news-content h3 {font-size:16px;}
.heroimgbanner {width:100%;}
.orbit-wrap {min-height:345px; transform:scale(1);}
}

@media screen and (max-width:576px) {
   .independence-day_flag{display: none;}
   .h_banner{padding-bottom: 30px;}
.seats_left {bottom:7px;}
.banner_content h1 {font-size:40px;}
.banner_content .subhd {font-size:18px;}
.searchrow-list ul {overflow:scroll; flex-wrap:nowrap;}
.searchrow-list ul li {white-space:nowrap;}
.w-75 {width:100% !important;}
.robotimag_hero{width: 122px !important;}
}

@media screen and (max-width:450px) {
.AI-Discovery .ai-grid {grid-template-columns:repeat(1, 1fr);}
.AI-PROMPTS .prompt-card p {min-height:auto;}
.banner_content h1 {font-size:32px;}
.banner_content .subhd {font-size:16px;}
.bannerbtn {display:grid; gap:8px;}
}