.Mainheading {font-size: 48px; line-height: 1.2; font-weight: 700; margin-bottom: 24px;}
.Subheading {font-size: 18px; line-height: 28px;}
.btn-check:focus + .btn, .btn:focus {outline: 0; box-shadow: 0 0;}
button, a.btn, .orange-btn, .transparent-btn, .darkred-btn {transition: 1s;}
button:hover, a.btn:hover, .orange-btn:hover, .transparent-btn:hover, .darkred-btn:hover {
    transform: scale(1.04);  transition: .5s;
}
.card:hover {transition: all .5s;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}
/*Banner*/
.HomeBannerN1 {background-image: url(../../assets/images/home1/hero-robotics-banner.webp);
    position: relative; background-size: cover; background-position: center;}
.HomeBannerN1 .HomeBannerN1Overlay{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;}
.HomeBannerN1 .container-fluid{position:relative; z-index:2; padding: 0px 12px;}

.HomeBannerN1 .HomeBannerN1B .HomeBannerN1img1{width: 173px; margin-left: 20%;}
.HomeBannerN1 .HomeBannerN1B .HomeBannerN1img2, 
.HomeBannerN1 .HomeBannerN1B .HomeBannerN1img3{width: 752px;}
.HomeBannerN1 .HomeBannerN1B{display: flex; align-items: center; justify-content: space-between;}
.HomeBannerN1 .HomeBannerN1BTxt{position: relative; right: 8%; width: 42%; text-align: center;}
.HomeBannerN1 .HomeBannerN1BTxt h1{background: linear-gradient(90deg, #f97a17, #FFEB3B); display: block;
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.HomeBannerN1 .HomeBannerN1BTxt p{color: #fff; font-size: 22px; line-height: 30px;}
.HomeBannerN1 .HomeBannerN1BTxt a{font-weight: 600; padding: 10px 20px; color:#fff !important; 
    background: linear-gradient(45deg, #e94c99, #f38f40); transition: all 1s; border-radius:50px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.HomeBannerN1 .HomeBannerN1BTxt a:hover{background: linear-gradient(45deg, #f372b7, #aa56f6);
    transform: scale(1.04); transition: all .5s;}
.HomeBannerN1 .carousel-indicators{width: 42%; right: 8%; left: auto; margin-right: 0%; margin-left: 0%;}
.HomeBannerN1 .carousel-indicators [data-bs-target]{height: 20px; width: 20px; border-radius: 50%;}




/*.HomeBannerN1 .HomeBannerN1B1{display: flex; align-items: center; padding-left:12%; margin:10px 0px;}
.HomeBannerN1 .HomeBannerN1B1 h1{font-size: 2.25rem; line-height: 2.5rem; font-weight:700; color:#fff;
    margin-bottom:15px;}
.HomeBannerN1 .HomeBannerN1B1 h1 strong{background: linear-gradient(90deg, #f97a17, #f8b82c); display:block; 
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.HomeBannerN1 .HomeBannerN1B1 p{color:#fff; font-size:18px;}
.HomeBannerN1 .HomeBannerN1B1 h6{color:#facc15; font-size: .875rem; line-height: 1.25rem; margin-bottom:12px;}

.HomeBannerN1 .HomeBannerN1B1 dotlottie-wc{width:400px; height:400px; margin-left:20px;}
.HomeBannerN1 .HomeBannerN1B1 span{display:block;}*/

/*.HomeBannerN1 .HomeBannerN1B2{display: flex; align-items: center;}
.HomeBannerN1 .HomeBannerN1B2 img{width:550px;}

.HomeBannerN1 .HomeBannerN1B2 {position:relative;}
.HomeBannerN1 .HomeBannerN1B2 img{width: 752px;}
.HomeBannerN1 .HomeBannerN1B2 .HomeBannerN1B2Txt{position: absolute; top: 5%; right: 10%;}
.HomeBannerN1 .HomeBannerN1B2 h2{font-size: 65px; font-weight: 800; display: inline-block;
    text-align: center; line-height: 55px;}
.HomeBannerN1 .HomeBannerN1B2 h2 span{display: block; font-size: 20px; font-weight: 600; line-height: 20px;}
.HomeBannerN1 .HomeBannerN1B2 sub{font-size: 55px; font-weight: 800; display: inline-block;
    text-align: center; line-height: 45px;}
.HomeBannerN1 .HomeBannerN1B2 sub span{display: block; font-size: 18px; font-weight: 600; 
        line-height: 18px;}*/
/*Form*/
.TrialFormN1{width: 92%; background:#fffffff2; border-radius: 1rem; padding: 1.5rem; margin:50px 0px;}
.TrialFormN1 ul.nav{width: 100%; display: flex; justify-content: space-between; margin-bottom: 15px;}
.TrialFormN1 .nav-pills .nav-link.active, .TrialFormN1 .nav-pills .nav-link:hover, 
.TrialFormN1 .nav-pills .show > .nav-link, .TrialFormN1 .nav-pills .show > .nav-link:hover {
    outline: 5px solid; outline-color: #dddddd; outline-offset: 4px;}
.TrialFormN1 ul.nav button{color:#fff; font-size: .75rem; line-height: 1rem; border-radius: 50px;
    min-width: 125px; padding: 6px 10px;}
.TrialFormN1 .btnRobo.nav-link{background: linear-gradient(45deg, #f36fb4, #ec4a9b);}
.TrialFormN1 .btnAdm.nav-link{background: linear-gradient(45deg, #3d81f6, #883deb);;}
.TrialFormN1 h3{color:#1f2937; font-size: 1.25rem; line-height: 1.75rem; text-align:center;
    margin-bottom: 1rem;}
.TrialFormN1 .TrialFormN1Box, .TrialFormN1 .TrialFormN1Footer{margin-bottom:10px; position:relative;}
.TrialFormN1 .TrialFormN1Box label{color: #4b5563; font-size: .75rem; line-height: 1rem;}
.TrialFormN1 .TrialFormN1Box label.error, .TrialFormN1 .TrialFormN1Footer label.error{font-size: 10px; 
    position: absolute; bottom: -14px;}
.TrialFormN1 .TrialFormN1Box .form-control, .TrialFormN1 .TrialFormN1Box .form-select{margin: .25rem 0px;
    font-size: .875rem; height: 2rem; line-height: 1.25rem; border:1px #d1d5db solid; 
    border-radius:.75rem;}
.TrialFormN1 .TrialFormN1Box .iti{margin: .25rem 0px; font-size: .875rem;}
.TrialFormN1 .TrialFormN1Box .iti .iti__selected-flag{background: #f9fafb; border-radius: .75rem 0px 0px .75rem;
    border-right:1px #d1d5db solid;}
.TrialFormN1 .TrialFormN1Footer label, .TrialFormN1 .TrialFormN1Footer a{font-size: .75rem; line-height: 1rem;}
.TrialFormN1 .TrialFormN1Footer .form-check-input {border-radius: 50%; width: 15px; height: 15px;
    margin: 0px; border: 1px #1b7dff solid;}
.TrialFormN1 .TrialFormN1Footer button{font-weight: 600; padding: 8px 20px;color:#fff; 
    background: linear-gradient(45deg, #e64fa0, #8f3ce4); transition: all 1s; border-radius: 50px;} 
.TrialFormN1 .TrialFormN1Footer button:hover{transform: scale(1.04); transition: all .5s;}
.TrialFormN1 h5{color: #f97316; font-size: .875rem; margin:0px; text-align:center;}


@media (max-width:968px) {
    /*.HomeBannerN1 .HomeBannerN1B1 {padding: 3% 5%;}
    .HomeBannerN1 .HomeBannerN1B1 h1{font-size: 24px; line-height: 24px;}
    .HomeBannerN1 .HomeBannerN1B1 dotlottie-wc{display:none;}
    .HomeBannerN1 .HomeBannerN1B1 span{display: contents;}
    .HomeBannerN1 .HomeBannerN1B2 .HomeBannerN1B2Txt {position: relative; bottom: auto; right: auto;
        zoom: 60%; padding: 15% 5%;}
    .HomeBannerN1 .HomeBannerN1B2 img {display:none;}*/

    .HomeBannerN1 .HomeBannerN1B .HomeBannerN1img1, .HomeBannerN1 .HomeBannerN1B .HomeBannerN1img2,
    .HomeBannerN1 .HomeBannerN1B .HomeBannerN1img3{display:none;}
    .HomeBannerN1 .HomeBannerN1BTxt {right: 0%; width: 100%; padding: 20px;}
    .HomeBannerN1 .HomeBannerN1BTxt h1 {font-size: 24px; line-height: 30px;}
    .HomeBannerN1 .HomeBannerN1BTxt p {font-size: 14px; line-height: 22px;}
    .HomeBannerN1 .HomeBannerN1BTxt a {font-size: 14px; padding: 8px 20px;}
    .HomeBannerN1 .carousel-item {top:0% !important;}   
    .TrialFormN1Box {justify-content: center;}
    .TrialFormN1 {width: 95%; margin: 20px 0px; padding: 20px 20px;}
    .TrialFormN1 .nav-pills .nav-link.active, .TrialFormN1 .nav-pills .nav-link:hover, 
    .TrialFormN1 .nav-pills .show > .nav-link, .TrialFormN1 .nav-pills .show > .nav-link:hover {
        outline: 3px solid; outline-color: #dddddd; outline-offset: 3px;}

    .HomeBannerN1 .HomeBannerN1B {align-items: flex-start; min-height: 355px;}
    .HomeBannerN1 .carousel-indicators{width: 100%; right: 0%; left: 0%;}
    .HomeBannerN1 .carousel-indicators [data-bs-target]{height: 15px; width: 15px;}
}



.HomeInnovator .item {padding: 20px;}
.HomeInnovator .slick-arrow {color: #3876ea; font-size: 20px; font-weight: 600; position: absolute !important;
    top: 50% !important; border: 2px #3876ea solid; width: 30px; height: 30px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; z-index: 9;
}
.HomeInnovator .slick-arrow:hover {color: #fff; background: #3876ea;}
.Oursoution .Mainheading span, .Realfamily .Mainheading span {color: #4f46f5;}
.Oursoution {position:relative;}
.Oursoution .BannerHeading {min-height:182px;}
.Oursoution .carousel-indicators{bottom: -60px;}
.Oursoution .carousel-indicators [data-bs-target] {background-color: #3182ed; width: 20px;
    height: 20px; border-radius: 50%;}
.Oursoution .carousel-control-prev, .Oursoution .carousel-control-next {
    top: 50%; opacity: 1; background: #ffffffb5; height: 50px; width: 50px; border-radius: 50%;
    box-shadow: 0px 0px 25px #0000003d; font-size: 24px; color: #000;}
.Oursoution .card, .Programcurriculum .card {padding: 20px; width: 100%;}
.Oursoution .card:hover { 
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}
.Oursoution .card i, .text .readmore a, .Programcurriculum .card i, 
.Oursoution .card ul li::marker{color: #3182ed;}
.Oursoution .card p, .Programcurriculum .card ul{font-size: 14px;}
.Oursoution img, .Programcurriculum img {margin: 10px 0px; max-height: 500px;}
.Programcurriculum .card ul {padding-left: 16px;}
.Programcurriculum .card ul li span {color: #747d88;}
.Chooseyourstream, .Powerskillprogram, .OurAdvancedprogram, .Realfamily {background: #f3f4f6;}
.Chooseyourstream .orangebg {background: linear-gradient(to right, #f77f2a, #f7b93b);
        padding: 15px 20px; border-radius: 10px; margin-bottom: 30px;}
.Chooseyourstream .orangebg h5 {line-height: 28px; margin:0px;}
.Chooseyourstream .card, .Powerskillprogram .card, .OurAdvancedprogram .card {padding: 32px; width: 100%;
    border: none; transition: all 1s;}
.Chooseyourstream .card:hover, .Powerskillprogram .card:hover, 
.OurAdvancedprogram .card:hover {padding: 20px; transition: all .5s;}
.Chooseyourstream .card .imgbox img, .Powerskillprogram .card .imgbox img, 
.OurAdvancedprogram .card .imgbox img {border-radius: 10px; height: 192px; object-fit: cover;}
.Chooseyourstream .card .agebox, .Powerskillprogram .card .agebox, .OurAdvancedprogram .card .agebox {
    display: inline-flex; align-items: center; background-color: #f0f8ff; color: #3182ed;
    padding: 6px 14px; border-radius: 9999px; font-size: 0.875rem; font-weight: 600;}
.FromSiliconvalley {background-image: url(../../assets/images/home1/globe.webp);
    position: relative; background-size: cover; background-position: center; overflow: hidden;
}
.FromSiliconvalley .fromsiliconvalleybanner, .Experentiallearning .experentialleraningbanner,
.Readytofutureproof .Readytofutureproofbanner {
    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;}
.FromSiliconvalley .container, .Experentiallearning .container, .Readytofutureproof .container {
    position: relative; z-index: 2;}
 .FromSiliconvalley .container h2 span, .Experentiallearning .container h2 span {color: transparent;
    background: linear-gradient(135deg, hsl(25 95% 53%), hsl(45 93% 58%));
    background-clip: text; font-weight: 700;}
.FromSiliconvalley .card, .Readytofutureproof .card {width: 100%; background: transparent;
    border: none;}
.FromSiliconvalley .card i, .Readytofutureproof .card i {display: inline-flex; align-items: center;
    justify-content: center; background-color: #ffffff1a; color: #fff; width: 64px; height: 64px;
    border-radius: 9999px; font-size: 0.875rem; font-weight: 600;}
.Educationcrisis {background: #f3f4f680;}
.Educationcrisis .card, .Whyourapproach .card, 
.Realfamily .card {padding: 32px; width: 100%; border-radius: 20px; border: none;  transition: all 1s;}
.Educationcrisis .card:hover, .Whyourapproach .card:hover, 
.Realfamily .card:hover {transform:scale(1.03); transition: all .5s;}
.Educationcrisis .card .animation-box {text-align:center; display: flex; justify-content: center;
    margin-bottom: 20px; transition: all 1s;}
.Educationcrisis .card:hover .animation-box {transform: rotate(5deg) scale(1.03); transition: all .5s;}
.Educationcrisis .card .animation-box dotlottie-wc {width: 255px; height: 255px; border-radius: 10px;}
.Whyourapproach {background: linear-gradient(to bottom right, #f3f4f6, white );}

        .Whyourapproach .bgcard {
            background: linear-gradient(135deg, hsl(0 0% 100%) 0%, hsl(220 20% 98%) 100%);
        }

        .Whyourapproach .card i {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            border-radius: 5px;
            width: 48px;
            height: 48px;
        }

        .Whyourapproach .card img {
            border-radius: 20px;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .Whyourapproach .realinnovation p, .aienhanced p, .completeecosystem p {
            font-size: 18px;
            line-height: 1.625;
            color: transparent;
            background-clip: text;
        }

        .Whyourapproach .card ul {
            padding-left: 16px;
            margin-top: 20px;
        }

            .Whyourapproach .card ul li span {
                color: #747d88;
            }

        .Whyourapproach .realinnovation ul li {
            color: #f97415;
            margin-bottom: 10px;
        }

        .Whyourapproach .aienhanced ul li, .Whyourapproach .completeecosystem ul li {
            color: #3182ed;
            margin-bottom: 10px;
        }

        .Whyourapproach .futureproof ul li {
            color: #21c45d;
            margin-bottom: 10px;
        }

        .Whyourapproach .provenresult ul li {
            color: #6b26d9;
            margin-bottom: 10px;
        }

        .Whyourapproach .sharktank ul li {
            color: #ef4343;
            margin-bottom: 10px;
        }

        .Whyourapproach .futureproof p, .provenresult p, .sharktank p {
            font-size: 18px;
            line-height: 1.625;
            font-weight: 600;
        }

    .orange-box {
        color: #f97415;
        background: #fee1cd;
    }

    .blue-box {
        
        background: #d0e3fb;
    }

    .green-box {
        color: #21c45d;
        background: #d3f8e1;
    }

    .darkblue-box {
        color: #6b26d9;
        background: #e1d4f7;
    }

    .lightgrey-box {
        color: #ef4343;
        background: #f9fafb;
    }

    .grey-box {
        color: #3182ed;
        background: #f3f4f6;
    }

    .bluebgtext {
        background-image: linear-gradient(135deg, hsl(214 84% 56%), hsl(263 70% 50%));
    }

    .orangebgtext {
        background-image: linear-gradient(135deg, hsl(25 95% 53%), hsl(45 93% 58%))
    }

    .text-green {
        color: #21c45d;
    }

    .text-darkblue {
        color: #6b26d9;
    }

    .text-red {
        color: #ef4343;
    }

.Experentiallearning {background-image: url(../../assets/images/home1/hero-robotics-banner.webp);
    position: relative; background-size: cover; background-position: center; overflow: hidden;
}

        .Experentiallearning .card {
            width: 100%;
            border: none;
            background: rgba(255, 255, 255, 0.1);
            padding: 24px;
            transition: all 0.3s ease;
        }

            .Experentiallearning .card:hover {
                background: rgba(255, 255, 255, 0.2);
            }

    .Realfamily .card .textbox {
        margin: 24px 0px;
        border-bottom: 1px solid #e5e7eb;
    }

    .Realfamily .card:hover {
        box-shadow: 0 20px 50px -12px hsl(220 15% 15% / .25)
    }

    .Latestinsghts .card {
        width: 100%;
        border: none;
    }

        .Latestinsghts .card .Imgbox {
            position: relative;
        }

            .Latestinsghts .card .Imgbox .purpletag {
                position: absolute;
                top: 10px;
                left: 10px;
            }

                .Latestinsghts .card .Imgbox .purpletag p {
                    display: inline-flex;
                    align-items: center;
                    background-color: #a855f7;
                    color: #fff;
                    padding: 6px 14px;
                    border-radius: 9999px;
                    font-size: 0.875rem;
                    font-weight: 600;
                }

        .Latestinsghts .card img {
            border-radius: 10px 10px 0px 0px;
        }

.Readytofutureproof {background-image: url(../../assets/images/home1/readytofutureproof.webp);
    position: relative; background-size: cover; background-position: center; overflow: hidden;}


    .orange-btn {
        background: #f97415;
        padding: 16px 48px;
        font-size: 20px;
        color: #fff !important;
        font-weight: 600;
        border: none;
        height: 44px;
        display: inline-flex;
        align-items: center;
        border-radius: 12px;
    }

    .bluebg-btn {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 44px;
        color: white !important;
        font-weight: 600;
        background: linear-gradient(135deg, hsl(214 84% 56%), hsl(263 70% 50%));
        border-radius: 50px;
        cursor: pointer;
        padding: 24px 32px;
        width: 100%;
        border: none;
    }

    .transparent-btn {
        background: #ffffff1a;
        border: 2px solid #ffffff4d;
        padding: 16px 48px;
        font-size: 20px;
        color: #fff !important;
        font-weight: 600;
        height: 44px;
        display: inline-flex;
        align-items: center;
        border-radius: 12px;
    }

    .darkred-btn {
        background: #ef4444e6;
        border: 2px solid rgb(248, 113, 113);
        padding: 16px 48px;
        font-size: 20px;
        color: #fff !important;
        font-weight: 600;
        height: 44px;
        display: inline-flex;
        align-items: center;
        border-radius: 12px;
    }

    .purple-box {
        background: #f0e9fb;
        border: 1px solid #6b26d94d;
    }

    .yellow-box {
        background: #fef1e7;
        border: 1px solid #f974154d;
    }

    .blue-box {
        background: #f0f8ff;
        border: 1px solid #3182ed33;
    }

    .animate-pulse {
        animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite;
    }

    .bounce-gentle {
        animation: bounce-gentle 2s infinite ease-in-out;
    }

 @keyframes bounce-gentle {
        0%, 20%, 50%, 80%, 100% {
            transform: translateY(0px);
        }

        40% {
            transform: translateY(-10px);
        }

        60% {
            transform: translateY(-5px);
        }
    }


    @keyframes pulse {
        50% {
            opacity: .5;
        }
    }


/*Text Typing*/
.textTyping {width: 25ch; animation: typing 10s steps(25) infinite, blink 0.7s step-end infinite;
    overflow: hidden; white-space: nowrap;}
@keyframes typing {
    0% {width: 0ch; /* start typing */}
    40% {width: 25ch; /* fully typed */}
    70% {width: 25ch; /* hold text for pause */}
    100% {width: 0ch; /* delete */}
}


@media (max-width:768px) {
    h2{font-size:22px;}
    h4{font-size:20px;}
    h5{font-size:17px;}
    p{font-size:13px;}
    .Whyourapproach .futureproof p, .provenresult p, .sharktank p, .Whyourapproach .realinnovation p, 
    .aienhanced p, .completeecosystem p {font-size: 16px; line-height: 18px;}
    .Mainheading {font-size: 24px; margin-bottom: 15px;}
    .Subheading {font-size: 16px; line-height: 20px;}
    .Oursoution .card, .Programcurriculum .card {padding: 10px;}
    .Oursoution .card h5, .Programcurriculum .card h5{font-size: 15px;}
    .Oursoution .card .icon i svg, .Programcurriculum .card .icon i svg{width: 20px; height: 20px;}
    .Oursoution .card p, .Programcurriculum .card p{font-size: 12px; margin:0px;}
    .Oursoution .card ul, .Programcurriculum .card ul{font-size: 12px; margin:0px; padding-left: 0px;}
    .Oursoution img, .Programcurriculum img {max-height: 176px;}
    .transparent-btn, .darkred-btn, .orange-btn {padding: 8px 10px; font-size: 16px; height: auto;}
    .Whyourapproach .row.mt-5{margin-top: 0px !important;}
    .Chooseyourstream .orangebg {padding: 10px 15px; border-radius: 15px;}
    .Chooseyourstream .orangebg h5 {line-height: 18px; font-size: 16px;}
    .Chooseyourstream .card, .Powerskillprogram .card, .OurAdvancedprogram .card{padding: 15px;}
    .Educationcrisis .card, .Whyourapproach .card, .Realfamily .card{padding: 15px;}
    .bluebg-btn{padding: 6px 15px; height: auto;}
    .Experentiallearning .card{padding:10px;}
}