

@media screen and (max-width: 1746px) {.Wherecuriosity {zoom: 85%;}}

.Wherecuriosity{background: url(../images/robotics/NewRobotic1/hero-robotics.webp);
    position: relative;background-size: cover;background-position: center;overflow: hidden;}
.Wherecuriosity .Wherecuriositybanner{ background-image: linear-gradient(135deg, #3182ed 0%, #6b26d9 50%, #f97415 100%);
    width: 100%;height: 100%;position: absolute;top: 0;z-index: 1;opacity: 0.85;}
.Wherecuriosity .container-fluid {position: relative;z-index: 2;opacity: 1;}
.Wherecuriosity .container-fluid {width:100%;}   
.Wherecuriosity .container-fluid img{width:100%;}   
.Wherecuriosity .container-fluid h1{font-size: 56px;}
.Wherecuriosity .container-fluid dotlottie-wc.dotlottie-width{width:600px; height:600px; 
    margin: -50px auto;}

.Trustedbyparents, .Learningexperience{background: #f3f4f6;}
.bluebgbox{display: inline-flex;align-items: center;justify-content: center;width:64px;height:64px;background-image: linear-gradient(135deg, #3182ed, #6b26d9);border-radius: 12px;margin-bottom: 24px;}
.Trustedbyparents .Mainheading span {background-clip: text;
background-image:linear-gradient(135deg, #3182ed, #6b26d9); color: transparent;}
.Trustedbyparents .TPBox:hover .bluebgbox{transform: scaleX(1.05) scaleY(1.05);}

.Chooseyourchilds, .MoonPricingBox, .FAQSec{background:#ffffff;}
.Chooseyourchilds .card{width:100%;padding:32px 20px;margin-bottom:30px;box-shadow: 0 8px 30px -8px hsl(220 15% 15% / .15);}
.Chooseyourchilds .card .imgbox{border-radius:16px;overflow: hidden;}
.Chooseyourchilds .card .imgbox img{width: 100%;height:100%;object-fit: cover;}
.Chooseyourchilds .card .featured-projects{height:130px;}
.Chooseyourchilds .card .featured-projects .hover-effect{transition: background-color 0.25s ease;cursor: pointer;}
.Chooseyourchilds .card .featured-projects .hover-effect:hover{background-color: #ececec;}
.Chooseyourchilds .card .featured-projects .hover-effect .play-btn{border-width: 2px;padding: 5px 10px;}
.Chooseyourchilds .card .featured-projects .hover-effect .play-btn:hover{ background:#6b26d9;border-radius:50px;}
.Chooseyourchilds .card ul{margin-top:24px;list-style: none;padding-left:0px;}

.MoonPricingBox, .FAQSec{background:#ffffff;}
.Readytosee .Readytoseebanner{ background-image: linear-gradient(135deg, #3182ed 0%, #6b26d9 50%, #f97415 100%);
    width: 100%;height: 100%;position: absolute;top: 0;z-index: 1;opacity: 0.85;}
.Readytosee .container, .Readytoignite .container-fluid{position: relative;z-index: 2;opacity: 1;}

.FAQSec .mainheading span {background-clip: text;
    background-image: linear-gradient(135deg, #3182ed, #6b26d9);color: transparent;}

.subheading{font-size: 18px;line-height: 1.625;}
.Orangetextbg{background-clip: text;background-image:linear-gradient(135deg, #f97415, #f8c630);color: transparent;}

.Fasterproblem{background-image: linear-gradient(to right, hsl(214 84% 56% / .2) , hsl(263 70% 50% / .2) , hsl(25 95% 53% / .2));}
.Fasterproblem .container span{font-size: 20px;margin-left: 5px;color:#000;font-weight: 700;}
.Fasterproblem .container h5{font-weight:500;}
.Readytosee{background-image: url(../images/robotics/NewRobotic1/readytosee.webp);
    position: relative;background-size: cover;background-position: center;overflow: hidden;}
.Learningexperience .Steps{font-size:24px;line-height: 32px;font-weight: 700;margin-bottom: 24px;}
.Learningexperience .Stepsgridbox{display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 30px;text-align: center;margin: 40px auto;}
.Learningexperience .Stepsgridbox .Stepbox .stepiconbox{border-radius: 50%;width: 80px;height: 80px;position: relative;}
.Learningexperience .Stepsgridbox .Stepbox .stepiconbox .stepsnum{position: absolute;top: -10px;right: -75px;background: #ff6b6b;width: 28px;height: 28px;border-radius: 50%;font-size: 14px;font-weight: bold;
  display: flex;align-items: center;justify-content: center;color: white;box-shadow: 0 4px 10px rgba(0,0,0,0.2);}
.Learningexperience .Stepsgridbox .Stepbox:hover .stepiconbox{transform: scaleX(1.05) scaleY(1.05);}



.Learningexperience .TierKitsBox{margin-bottom:30px;}
.Learningexperience .TierKitsBox .card{width:100%;}
.Learningexperience .TierKitsBox .card a.btn-primary{color: #4f46e5; background: #4f46e51a;
    font-size: 12px; padding: 4px 10px; margin: 2px; border: 0px;}
.Learningexperience .TierKitsBox .card img{width:100%;}
.Learningexperience .TierKitsBox .card ul{line-height: 30px;}





.Whyparentchoose .card{width: 100%;margin-bottom: 30px;background-image: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);border:none;overflow: hidden;}
.Whyparentchoose .card img{width: 100%;border-radius: 10px 10px 0px 0px;}
.Whyparentchoose .card .textpart{padding: 32px;}
.Whyparentchoose .card:hover{box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);background: #ffffff;}
.Whyparentchoose .card:hover img{transform:scaleX(1.05) scaleY(1.05);}
.Giveyourchild{background-image:linear-gradient(135deg, #3182ed, #6b26d9);}

.MoonPricingBox .trophybox{display: inline-flex;align-items: center;justify-content: center;margin-bottom:24px;width: 85px;height: 85px;border-radius: 50%;background: linear-gradient(135deg, #f97415, #f8c630);}
.Readytoignite{background-image: url(../images/robotics/NewRobotic1/readytoignite.webp);
    position: relative;background-size: cover;background-position: center;overflow: hidden;}
.Readytoignite .Readytoignitebanner{
    background-image: linear-gradient(to bottom right, #fffffff2, #ffffffc7, #ffffff);
    width: 100%;height: 100%;position: absolute;top: 0;z-index: 1;opacity: 1.85;}
.Readytoignite .container{position: relative;z-index: 2;opacity: 1;}
.Readytoignite .container .Readybox{ background-image: linear-gradient(135deg, #3182ed 0%, #6b26d9 50%, #f97415 100%);border-radius: 16px;}
.Readytoignite .card{padding:32px;width:100%;}

.whitebg-btn{display: inline-flex;font-size:18px;line-height: 28px;font-weight: 700;color:#3182ed;align-items:center; justify-content: center;border-radius: 50px;padding:16px 32px;background-color: #ffffff;gap:8px;height: 56px;margin-bottom: 32px;cursor: pointer;border: none;}
.Bluebg-btn{background-image:linear-gradient(135deg, #3182ed, #6b26d9);display: inline-flex;font-size:18px;line-height: 28px;font-weight: 700;color:white;align-items:center; justify-content: center;border-radius: 50px;padding:16px 32px;background-color: #ffffff;gap:8px;height: 56px;margin-bottom: 32px;cursor: pointer;border: none;white-space: nowrap;}
.Orangebg-btn{background-image:linear-gradient(135deg, #f97415, #f8c630);display: inline-flex;font-size:18px;line-height: 28px;font-weight: 700;color:white;align-items:center; justify-content: center;border-radius: 50px;padding:16px 32px;background-color: #ffffff;gap:8px;height: 56px;margin-bottom: 32px;cursor: pointer;border: none;white-space: nowrap;}
.blueborder-btn{border:2px solid #3182ed;}
.blueborder-btn:hover{background:#3182ed;color:white;}
.featured-projects::-webkit-scrollbar{display: none;}

.FAQSec .accordion-item{margin-bottom:30px;border:1px solid #e5e7eb;border-radius:8px;box-shadow: 0 2px 10px -2px hsl(220 15% 15% / .1);}
.FAQSec .accordion-item:not(:first-of-type){border:1px solid #e5e7eb;}
.FAQSec .accordion-button{border-radius:8px;font-weight: 700;color:#000;padding: 24px;}
.FAQSec .accordion-button:hover{transform:none;color:#3182ed;text-decoration: underline;}
.FAQSec .accordion-button:not(.collapsed){background-color: #ffffff;color:#000;box-shadow:none;}

@media (max-width: 968px) {
    .TrialFormBoxNN1 {margin-top: 66px !important;}
    .subheading {font-size: 14px; line-height: 1.625;}
    .Orangebg-btn{font-size: 14px; padding: 16px 25px; height: 48px;}
    .Wherecuriosity .container-fluid h1 {font-size: 30px;}
    .Wherecuriosity .container-fluid .btn {font-size: 15px; margin-bottom:10px;}
    .Wherecuriosity .container-fluid dotlottie-wc.dotlottie-width{width: 250px !important; 
    height: 250px !important; margin: -37px auto -102px auto;}
    .Fasterproblem .container .col-lg-3 .d-flex svg{width: 20px;  height: 20px;}
    .Fasterproblem .container .col-lg-3 .d-flex span{font-size: 15px;}
    .Fasterproblem .container h5 {font-size: 14px; text-align: center;}
    .Learningexperience .Steps {font-size: 16px; line-height: 16px; margin-bottom: 15px;    
    margin-bottom: 15px; flex-direction: column; gap: 5px !important;}
    .Learningexperience .Steps span.text-secondary{rotate: 90deg;}
    .Learningexperience .Stepsgridbox .Stepbox .stepiconbox .stepsnum {top: 0px; right: -30px;}
}     