.TopBottomSpace {padding-top: 50px; padding-bottom: 50px;}
.TopBottomSpace .card {text-align: center; width: 100%; transition: all 0.3s ease; border-radius: 20px;}
.TopBottomSpace .card:hover {transform: scale(1.05); box-shadow: 0 8px 16px rgba(0,0,0,0.15);}

.mainheading {font-size: 38px; font-weight: 700; color: #464d76;}
.mainsubheading {font-size: 18px; margin-bottom: 20px;}

.text-orange {color: #f97415;}
.text-blue {color: #3c83f6;}
.text-green {color: #16a249;}
.text-lightblue {color: #2ad5cf;}
.reserve-btn {display: inline-flex; justify-content: center; align-items: center; color: white;
    font-weight: 600; background-color: #f97415; border-radius: 50px; cursor: pointer; 
    padding: 14px 32px; transition: all 0.3s ease; border: none;}
.reserve-btn:hover { color:#fff; background-color: #ea580c; transform: scale(1.05);}

.bluebox {background: #3c83f60d; border: 1px solid #3c83f633; border-radius: 16px; text-align: start;}
.orangebox {background: #f974150d; border: 1px solid #f9741533; border-radius: 16px; text-align: start;}
.download-btn {background: #10b981; display: inline-flex; justify-content: center;
    align-items: center; color: white; font-weight: 600; border-radius: 16px; cursor: pointer;
    padding: 14px 32px; transition: all 0.3s ease; border: none;}
.download-btn:hover {background: #34d399; color:#fff; opacity: 1;}

/*New*/
/*SATEM Debate Program*/
.SAT-BannerNew{position: relative; overflow: hidden; margin-top: 0px; padding: 30px 0px;
    background-size: cover !important; background-position: center !important; min-height: 460px;
    max-height: 100%; display: flex; align-items: center;} 
.SAT-BannerNew .container-fluid {width: 95% ;}
.SAT-BannerNew .SAT-BannerDM{position: relative; padding: 20% 0%;}
.SAT-BannerNew .SAT-BannerDM div{position: absolute; top: 10px; left: 0px; width: 90%;
    height: 100%; background-size: contain !important; background-repeat: no-repeat !important;
    background-position: top !important;}
.SAT-BannerNew ul{list-style: none;  padding-left: 10px;}
.SAT-BannerNew ul li{display: flex; align-items: flex-start; color:#fff;}
.SAT-BannerNew ul li i{color: #d38321; font-size: 30px; margin-right: 10px;}
.SAT-BannerNew ul li sub i{font-size: 16px; margin-left: -25px; background: #0b1828; border-radius: 50%;}
.SAT-BannerNew ul li h4{margin-bottom: 0px;}
.SAT-BannerNew ul li h4 br{display:none;}
.SAT-BannerNew ul li:nth-child(2) h4 {text-transform:uppercase;}

@media only screen and (max-width: 768px) {
    .SAT-BannerNew {padding-top:0px; background: #1b324a !important;}
    .SAT-BannerNew .container-fluid {width: 100%;}
    .SAT-BannerNew .SAT-BannerDM {width: 100%; padding: 85% 0%;}
    .SAT-BannerNew .SAT-BannerDM div {top: 0px; width: 100%;}
    .SAT-BannerNew ul{position: absolute; top: 21%; zoom: 150%;}
}
@media only screen and (max-width: 568px) {
    .SAT-BannerNew ul{font-size: 12px; position: absolute; top: 16%; zoom: 100%;}
}
/*End*/


.SAT-MathsBanner{background: linear-gradient(148deg, #2961eb 20%, #8e33e6, #3c30a7); padding:20px 0px;}
.SAT-MathsBanner .container-fluid {width: 95%;}
.SAT-MathsBanner h1{color:#fff; font-size:30px;}
.SAT-MathsBanner h1 span{color: #facc15;}
.SAT-MathsBanner .SAT-Imagebox {position: relative; text-align:center; margin-top: 20px;}
.SAT-MathsBanner .SAT-Imagebox img {width: 80%; border-radius: 20px;}
.SAT-MathsBanner .SAT-Imagebox div{background: white; border-radius: 10px; padding: 10px;
    position: absolute; text-align: center; font-size: 12px;}
.SAT-MathsBanner .SAT-footbox{font-size: 16px; font-weight: 600; background: #ffffff1a;
    padding: 2px 10px; border: 1px solid #ffffff33; border-radius: 20px; display: inline-block;
    color: #facc15; margin-top: 32px;}
.SAT-MathsBanner .SAT-DateTimeBox .card{font-size: 16px; background: #ffffff1a; padding: 6px 10px; 
    border: 1px solid #ffffff33; border-radius: 5px; color: #facc15; margin: 5px 0px;}
.SAT-MathsBanner .SAT-DateTimeBox .card div i {margin-right: 3px;}
.SAT-MathsBanner .SAT-DateTimeBox .card span {color:#fff;}
.SAT-MathsBanner .SAT-DateTimeBox .card .CalMont br { content: " ";  display: none;}

/* Radio Button */ 
.SAT-RAdioBox {border: 1px solid #b0beff; background: #eef0ff; color: #2961eb; padding: 10px 10px;
    border-radius: 10px; margin-bottom:15px !important;}
.SAT-RadioGroup {display: flex; flex-wrap: wrap; justify-content: center;}
.SAT-RadioGroup .SAT-RadioContainer {position: relative; height: 60px; width: 95px; margin: 10px 5px 0px 5px;}
.SAT-RadioGroup .SAT-RadioContainer .SAT-RadioButton {opacity: 0; position: absolute; top: 0; left: 0;
  height: 100%; width: 100%; margin: 0; cursor: pointer;}
.SAT-RadioGroup .SAT-RadioContainer .SAT-RadioTile {display: flex; flex-direction: column; 
    align-items: center; justify-content: center; width: 100%; height: 100%; border: 2px solid #d6deff;
    border-radius: 5px; padding: 10px; transition: transform 300ms ease; background: #fff; color: #7084ff;}
.SAT-RadioGroup .SAT-RadioContainer .SAT-RadioTile p{margin:0px; font-size:10px;}
.SAT-RadioGroup .SAT-RadioContainer .SAT-RadioTile p strong{font-size: 26px; line-height: 24px;}
.SAT-RadioGroup .SAT-RadioContainer .SAT-RadioButton:checked + .SAT-RadioTile{
    background-color: #2d5fea; border: 2px solid #2d5fea; color: white; transform: scale(1.1, 1.1);}
.SAT-RadioGroup .SAT-RadioContainer .SAT-RadioButton:checked + .SAT-RadioTile{color: white; 
    background-color: #2961eb;}

.Sat-MathBg1 {background: #f2ebf9;}

.Sat-MathB1 {background: #5c3deb;}
.Sat-MathB1 .card i {background: #eef2ff; color: #525fe1; width: 70px; height: 70px; border-radius: 50%;
    display: inline-flex; justify-content: center; align-items: center;}
.Sat-MathB1 a{font-size: 14px; line-height: 20px; font-weight: 500; background-color: #ff7f01;
    color: white; padding: 12px 16px; border-radius: 50px; display: inline-block;}

.Sat-MathB2 .weightageareabox {text-align: center; padding: 1.5rem; margin-top: 30px; border-radius: 1rem;
    background: linear-gradient(to right, #f3e0e4, #dde4e8); border: 1px solid rgba(59, 130, 246, 0.2);}
.Sat-MathB2 .weightageareabox h5 {color:#000; font-size: 20px; font-weight: 400; line-height: 28px;}

.Sat-MathB2 .table-container1 {background: white; border-radius: 1.5rem; box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    padding: 2rem; overflow-x: auto;}
.Sat-MathB2 .table-container1 table {width: 100%; border-collapse: collapse; text-align: center;}
.Sat-MathB2 .table-container1 thead tr {border-bottom: 2px solid #ddd;}
.Sat-MathB2 .table-container1 tr > :first-child {text-align: left;}
.Sat-MathB2 .table-container1 th {padding: 1rem; font-weight: bold; color: #222;}
.Sat-MathB2 .table-container1 td {padding: 1rem; font-weight: 500; color: #333;}
.Sat-MathB2 .table-container1 tbody tr {border-bottom: 1px solid rgba(0,0,0,0.1);}
.Sat-MathB2 .table-container1 tbody tr td:nth-child(3) {font-weight: 600;}
.Sat-MathB2 .table-container1 tbody tr.highlight {background: #f974151a; font-weight: bold;}
.Sat-MathB2 .table-container1 tbody tr.highlight td:nth-child(1), 
.Sat-MathB2 .table-container1 tbody tr.highlight td:nth-child(3) {color: #f97415; font-weight: 600;}
.Sat-MathB2 .table-container1 tbody tr.highlight:hover {background: white;}

.Sat-MathB3 {background: linear-gradient(to bottom right, #2563eb, #7e22ce, #3730a3);}
.Sat-MathB3 .card {background: #ffffff1a; border-color: #fff3; color: #ffffff;}
.Sat-MathB3 .card i {background: linear-gradient(to right, #9276eb, rgba(192, 132, 252, 0.2), #a868f1);
    width: 70px; height: 70px; margin-bottom: 15px; margin-right: 0px; border-radius: 50%;
    display:inline-flex; justify-content:center; align-items:center; box-shadow:3px 3px 10px #0000003b;}

.Sat-MathB4 .card {text-align:left;}
.Sat-MathB4 i {background: #2563eb; color: #fff; width: 50px; height: 50px; margin-right: 10px;
    border-radius: 50%; display: inline-flex; justify-content: center; align-items: center;
    padding-left: 6px; box-shadow: 3px 3px 10px #0000003b;}

.SAT-MathsBanner-Trials h1{font-size: 40px;}
.SAT-MathsBanner-Trials .SAT-Imagebox img{width:75%;}
.SAT-MathsBanner-Trials .SAT-footbox{padding: 2px 20px; font-size: 19px; margin-top: 5px;}
.SAT-MathsBanner-Trials1.DateTime h2 {background: #5d3fec; border-radius: 40px; border: 0px;
    padding: 15px !important;}
.SAT-MathsBanner-Trials2.NextSession .col-lg-10 {background: #a089ff3d; border: 0px;
    border-radius: 10px; padding: 10px;}
.myfooter.NewSatFooter{background: #231f3f; padding-top: 50px; padding-bottom: 20px; margin-top:0px; color:#fff;}
.myfooter.NewSatFooter h5{color: #ffffff; font-size: 20px; font-weight: 400; margin: 0px; margin-bottom: 15px;}
.myfooter.NewSatFooter .btn-warning {background: #393653; padding: 8px 7px; border-radius: 50px;}
.myfooter.NewSatFooter ul li {margin-bottom: 5px;}
.myfooter.NewSatFooter .btn-warning:hover {background: #fff; color:#393653;}
.myfooter.NewSatFooter .social-list li a {background: #393653 !important; color:#fff; border-color: #393653 !important;}
.myfooter.NewSatFooter .social-list li a:hover {background: #fff !important; color:#393653 !important; border-color: #fff !important;}


.STEM-DebateTrial1 .TheSolutionImg .card {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
     width: 82%; height: 350px;
    border: 10px #fff solid; transform: rotate(5deg); transition: all 1s; position: relative; }
.STEM-DebateTrial1 .TheSolutionImg .card:hover {transform: rotate(0deg); transition: all .5s;}

.quote-icon {position: absolute; top: -1rem; left: -1rem; width: 3rem; height: 3rem; display: flex;
    align-items: center; justify-content: center; border-radius: 9999px;
    background: linear-gradient(to bottom right, #a855f7, #ec4899);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.STEM-DebateTrial-Offer {position: relative; width: 220px; height: 220px; border-radius: 50%;
    background: radial-gradient(circle at top left, #ffcc33, #ff9933);
    display: flex; flex-direction: column; justify-content: center; align-items: center;
    text-align: center; box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); color: #000;
    animation: fadeInOut 5s infinite; margin: auto;
}
.SAT-MathsBanner h1 {background: linear-gradient(90deg, #FFEB3B, #ff758c, #FFEB3B);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.STEM-DebateTrial-Offer del {font-size: 28px; opacity: 0.7;}
.SAT-MathsBanner.SAT-MathsBannerTrail h1 {font-size: 50px;}
.SAT-MathsBanner.SAT-MathsBannerTrail p.text-white {font-size: 22px;}


.STEM-DebateTrial2 {background: linear-gradient( to bottom right, rgba(147, 51, 234, 0.9), 
    rgba(219, 39, 119, 0.9), rgba(91, 33, 182, 0.9));}
.STEM-DebateTrial2 .card {background:#ffffff1a;}
.STEM-DebateTrial2 .card i {background: #facc15; border-radius: 50%; width: 55px; height: 55px;
    display: inline-flex; margin-bottom: 10px; align-items: center; justify-content: center;}
.STEM-DebateTrial2 .card .structheading {padding: 12px; background: #ffffff1a; border-radius: 20px; 
    margin:0px; color:#fff; margin-top:18px;}

/*13-Oct-2025*/
.BookOnlineInp{background: linear-gradient(135deg, #08101a 30%, #213b55, #1c2f43); 
    padding:30px 0px;}
.BookOnlineInp .container-fluid{width:95%;}
.BookOnlineInp .nav.nav-pills{background: #ffffff1f; padding: 6px; border-radius: 5px;
    width: fit-content; margin: auto; margin-bottom: 10px;}
.BookOnlineInp .nav-fill .nav-item .nav-link, .BookOnlineInp .nav-justified .nav-item .nav-link {
    width: 100%; font-size: 16px; font-weight: 400; text-transform: uppercase;
    letter-spacing: 1px; color: #d8d8d8; padding: 3px; min-width: 170px; cursor:pointer;}
.BookOnlineInp .nav-pills .nav-link.active, .BookOnlineInp .nav-pills .show > .nav-link {
    color: #fff !important; background: linear-gradient(45deg, #ef8d1bc2, #8a561aad);}
.BookOnlineInp .imageBox1 {position:relative;}
.BookOnlineInp .imageBox1 img{width: 75%; animation: fadeInOut 7s infinite;}
.BookOnlineInp .imageBox1 ul{list-style: none; padding: 0px; margin: 0px;}
.BookOnlineInp .imageBox1 ul li{position: absolute; border-radius: 50%; opacity: 0.8;
    animation: float 6s infinite ease-in-out;}
.BookOnlineInp .imageBox1 ul li:nth-child(1){width: 20px; height: 20px; background: #ee4f0c;
    top: 10%; left: 20%; animation-delay: 0s;}
.BookOnlineInp .imageBox1 ul li:nth-child(2){width: 15px; height: 15px; background: #60d3cc;
    top: 80%; right: 20%; animation-delay: 1s;}
.BookOnlineInp .imageBox1 ul li:nth-child(3){width: 25px; height: 25px; background: #0786b4; 
    top: 40%; left: 7%; animation-delay: 2s;}
.BookOnlineInp .imageBox1 ul li:nth-child(4){width: 18px; height: 18px; background: #f2af26;
    top: 60%; left: 20%; animation-delay: 3s;}
.BookOnlineInp .imageBox1 ul li:nth-child(5){top: 20%; left: 15%; font-size: 28px;
    color: gold; animation: bounce 3.5s infinite ease-in-out;}

.BookOnlineInp .BookWorkshop div {border-left: 3px #ea8e1f solid;}
.BookOnlineInp .BookWorkshop div h3 {display: inline-block; font-size: 60px; font-weight: 500;
    letter-spacing: 5px; color: #FFFFFF; line-height: 60px; text-transform: uppercase;
    font-family: 'League Gothic', Impact, sans-serif; margin: 0px; padding: 0px 20px 10px 20px;
    border: 3px #ea8e1f solid; border-left: 0px; border-top: 0px;    
    text-shadow: 0px 1px 0px #ccc, 0px 2px 0px #c9c9c9, 0px 3px 0px rgb(187, 187, 187), 
        0px 4px 0px #b9b9b9, 0px 5px 0px #aaa, 0px 6px 1px #0000001a, 0px 0px 5px #0000001a, 
        0px 1px 3px #0000004d, 0px 3px 5px rgba(0, 0, 0, 0.2), 0px 5px 10px #00000040, 
        0px 20px 20px #00000026;}
.BookOnlineInp .BookWorkshop div p{display: inline-block; color: #ef8d1b; font-size: 25px;
    font-weight: 600; margin-bottom: 10px; border: 3px #ea8e1f solid; border-left: 0px;
    border-bottom: 0px; padding: 15px 20px 0px 20px; line-height: 18px;}
.BookOnlineInp .BookWorkshop div p span{color: #fff; font-size: 20px; margin-left: 5px;  
    text-transform: uppercase;}
.BookOnlineInp .BookWorkshop aside{width: 358px; color: #ffffff;}
.BookOnlineInp .BookWorkshop aside p.ageBox{background: #ffffff7a; font-size: 18px;
    text-align: center; letter-spacing: 2px; padding: 3px 10px; 
    margin: 10px 0px; text-transform: uppercase; }
.BookOnlineInp .BookWorkshop aside p.DateTimBox{font-size: 17.5px; margin: 10px 0px;}
.BookOnlineInp .BookWorkshop aside p.DateTimBox strong{display: inline-block;
    background: #ea8e1f; color: #0f1b29; padding: 3px 5px; margin-right: 10px;}
.BookOnlineInp .BookWorkshop aside p.DateTimBox span{}

.BookOnlineInp .BookLoctionBox{list-style: none; padding: 0px; margin: 0px;}
.BookOnlineInp .BookLoctionBox li {display: flex; align-items: flex-start; color: #fff;}
.BookOnlineInp .BookLoctionBox li h3 {text-transform: uppercase; font-weight: 500;
    color: #ea8e1f;}
.BookOnlineInp .BookLoctionBox li i {color: #d38321; font-size: 45px; margin-right: 10px;}
.BookOnlineInp .BookLoctionBox li sub {position: absolute; top: 30px;}
.BookOnlineInp .BookLoctionBox li sub i {font-size: 16px; margin-left: -25px;  background: #0b1828;
    border-radius: 50%;}

.BookOnlineInp .BookOnlineInpForm {background: #ffffff45; border-radius: 6px;
    padding: 10px 20px; margin: 1% 6%; position: relative; z-index: 2; outline: 2px #ef8d1b solid;
    outline-offset: 7px; transition: 1s;}
.BookOnlineInp .BookOnlineInpForm:hover {background: #ffffff21; transform: scale(1.01); 
    transition: .5s; outline: 2px #fff solid; outline-offset: 0px;}
.BookOnlineInp .BookOnlineInpForm h3{margin: 0; text-align: center; color: #ef8d1b;
    font-weight: 400; text-transform: uppercase;}
.BookOnlineInp .BookOnlineInpForm h5{text-align: center; color: #fff; font-weight: 400;
    margin-top: 5px; margin-bottom: 15px;}
.BookOnlineInp .BookOnlineInpForm h5 span{color: #ef8d1b; font-weight: 600;}
.BookOnlineInp .BookOnlineInpForm h6{color: #ffbe72; text-align: center; font-size: 20px;
    font-weight: 400; font-family: cursive;}
.BookOnlineInp .BookOnlineInpForm .col-12{padding: 0px 5px; position:relative;} 
.BookOnlineInp .BookOnlineInpForm .form-control, 
.BookOnlineInp .BookOnlineInpForm .form-select{ border-radius: 20px; padding: 5px 10px;
    border: 1px #6c757d solid; margin-bottom: 15px; box-shadow: 4px 4px 2px #00000057; 
    transition: 1s;} 
.BookOnlineInp .BookOnlineInpForm .form-control:hover, 
.BookOnlineInp .BookOnlineInpForm .form-select:hover{box-shadow: 0px 0px; transition: .5s;} 
.BookOnlineInp .BookOnlineInpForm .errorLable {font-size: 10px; position: absolute;
    bottom: 0; left: 10px;}
.BookOnlineInp .BookOnlineInpForm .MobileBox {margin-bottom: 15px;}
.BookOnlineInp .BookOnlineInpForm .MobileBox .form-control{padding-left:46px;}
.BookOnlineInp .BookOnlineInpForm .MobileBox .errorLable {bottom: -14px;}
.BookOnlineInp .BookOnlineInpForm .TmNcBox {display: flex; flex-wrap: wrap; color: #fff;
    margin: 0px 0px 15px 0px;}
.BookOnlineInp .BookOnlineInpForm .TmNcBox .form-checkbox-warning .form-check-input:checked, 
.BookOnlineInp .BookOnlineInpForm .TmNcBox .form-radio-warning .form-check-input:checked {
    background-color: #ef8d1b; border-color: #ef8d1b;}
.BookOnlineInp .BookOnlineInpForm button {background: linear-gradient(45deg, #ef8d1b, #0f3e3c);
    color: #fff; width: 80%; margin: auto; border-radius: 50px; transition: 1s; border:0px;}
.BookOnlineInp .BookOnlineInpForm button:hover {transform: scale(1.04); transition: .5s;}


/*New 13-Oct-2025*/
.OnlineInpersonBanner{background:#eefaff; color: #112f4f;}
.OnlineInpersonBanner .OnlInpHeader h1{color: #112f4f; font-size: 40px; font-weight: 700;
    font-family: sans-serif;}
.OnlineInpersonBanner .OnlInpHeader h1 strong{color:#566ceb;}
.OnlineInpersonBanner .OnlInpHeader p {font-size: 22px;}
.OnlineInpersonBanner .OnlInpHeader p span{color: #1366be; font-weight: 600; text-transform: uppercase;}
.OnlineInpersonBanner .OnlInpHeader p strong{color: #1b9f94; font-weight: 600; text-transform: uppercase;}
.OnlineInpersonBanner .OnlInpFormBox{background: #fff; border-radius: 10px; padding: 15px 20px;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxBasic .form-control,
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxBasic .form-select {
    border: 1px #b0bcff solid; border-radius: 20px;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxBasic h4{color: #566ceb; font-size: 20px;
    font-weight: 500;}
.OnlineInpersonBanner .OnlInpFormBox .card .card-body button{color: #fff; border-radius: 20px;
    transition: 1s;}
.OnlineInpersonBanner .OnlInpFormBox .card .card-body button:hover{transform: scale(1.04);
    transition: .5s;}

.OnlineInpersonBanner .OnlInpFormBox .card .card-body button:hover{transform: scale(1.04);
    transition: .5s;}

.OnlineInpersonBanner .OnlInpFormBox .card .card-body .radio-buttons {width: 100%;
    display: inline-flex; flex-wrap: wrap;}
.OnlineInpersonBanner .OnlInpFormBox .card .card-body .radio-buttons .custom-radio p{
    text-align: center; color: red; margin: 0px; font-size: 10px; font-weight: 400; margin-top: -5px;}
.OnlineInpersonBanner .OnlInpFormBox .card .card-body .custom-radio input {display: none;}
.OnlineInpersonBanner .OnlInpFormBox .card .card-body .radio-btn {margin: 3px; padding: 8px;
    border: 1px solid #e5e5e5; background: #fff; display: inline-block; border-radius: 7px;
    position: relative; text-align: center; cursor: pointer; font-size: 13px; font-weight: 500;}

.OnlineInpersonBanner .OnlInpFormBox .card .card-body .radio-btn b{font-size: 13px; font-weight: 500;}

.OnlineInpersonBanner .OnlInpFormBox .card .card-body .custom-radio input:checked + .radio-btn {
    border: 2px solid #566ceb;}
.OnlineInpersonBanner .OnlInpFormBox .card .card-body .custom-radio input:disabled + .radio-btn {
    background: #f4f4f4; color: #848484;}
.OnlineInpersonBanner .OnlInpFormBox .card .card-body .radio-btn > i {
    display: flex; color: #ffffff; background-color: #566ceb; padding-right: 3px;
    width: 20px; height: 20px; font-size: 10px; position: absolute; top: -10px; left: 50%;
    transform: translateX(-50%) scale(2); border-radius: 50px; transition: 0.5s;
    pointer-events: none; opacity: 0; justify-content: center; align-items: center;}

.OnlineInpersonBanner .OnlInpFormBox .card .card-body .custom-radio input:checked + .radio-btn > i {
    opacity: 1; transform: translateX(-50%) scale(1);}




.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxOnl .card .card-body,
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card .card-body{padding: 15px;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxOnl .card{border-radius: 10px;
    border: 1px #1b9f94 solid; background: #ebf6f5;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxOnl .card header{font-size: 22px;
    font-weight: 500; color: #1d9f94;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxOnl .card button{background: #1b9b96;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxOnl .card .BookLoctiondTimBox{
    list-style: none; padding: 0px; margin: 0px;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxOnl .card .BookLoctiondTimBox li{
    display: flex; align-items: center; color: #112f4f;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxOnl .card .BookLoctiondTimBox li h4{font-weight: 500;
    font-size: 17px;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxOnl .card .BookLoctiondTimBox li i{
    color: #1b9b96; font-size: 32px; margin-right: 10px;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxOnl .card .BookLoctiondTimBox li sub i{
   padding: 7px 0px; position: absolute; bottom: 2px; font-size: 20px; right: -6px;
    background: #e7eff8; display: inline-block; border-radius: 50%;}


.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1{display: flex; flex-flow: row wrap;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .OnlInpFormBoxHeading{font-size: 18px;
    color: #566ceb; text-align: center; margin: 0px; margin-bottom: 15px;}
/*.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .OnlInpFormBoxOnl,
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .OnlInpFormBoxInp
    {flex: 1 1 calc(50% - .5rem);}*/

.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .nav.nav-pills{background: #ffffff00; padding: unset;
    border-radius: unset; width: unset; margin: auto; margin-bottom: auto; margin-top:10px;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .nav.nav-pills .btnRobo.nav-link {
    background: linear-gradient(45deg, #f36fb4, #ec4a9b);}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .nav.nav-pills .btnAdm.nav-link {
    background: linear-gradient(45deg, #3d81f6, #883deb);}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .nav.nav-pills .btnDebate.nav-link {
    background: linear-gradient(45deg, #e94c99, #f38f40);}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .nav-fill .nav-item .nav-link, 
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .nav-justified .nav-item .nav-link {
    color: #fff; font-size: 14px; border-radius: 25px 25px 0px 0px; padding: 10px 5px 22px 5px;
    font-weight: 500; cursor:pointer; text-transform: unset;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .nav-pills .nav-link.active, 
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1  .nav-pills .show > .nav-link {
    background: #ffffffd4 !important; color: #000 !important;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1  .tab-content {background: #fffffffa; 
    padding: 10px; border-radius: 1rem; margin: -12px 0px 20px 0px; position: relative;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1  .tab-content .col-12{background: #ebf6f591;
    border-radius: 8px; margin: 5px 0px; padding: 10px;}

.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card{border-radius: 10px;
    border: 1px #1366be solid; background: #e7eff8;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card header{font-size: 22px;
    font-weight: 500; color: #1366be;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card button{background: #1366be;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card .BookLoctiondTimBox{
    list-style: none; padding: 0px; margin: 0px;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card .BookLoctiondTimBox li{
    display: flex; align-items: center; color: #112f4f;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card .BookLoctiondTimBox li h4{font-weight: 500;
    font-size: 17px;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card .BookLoctiondTimBox li i{
    color: #1366be; font-size: 32px; margin-right: 10px;}

.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card .BookLoctiondTimBox li sub i{
   padding: 7px 0px; position: absolute; bottom: 2px; font-size: 20px; right: -6px;
    background: #e7eff8; display: inline-block; border-radius: 50%;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card .BookLoctiondTimBox li 
.addressBox{display: flex; margin-right: 15px;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card .BookLoctiondTimBox li 
iframe{border: 0; border-radius: 15px; width: 300px; max-width:100%; height: 90px; 
    max-height: 100%; margin-top: 10px;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card .OnlInpFormBoxInp1{margin: 0px;}
.OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card .OnlInpFormBoxInp1 .col-12{
    background: #ffffff61; padding-bottom: 5px; border-radius: 5px; margin: 5px 0px;}

/*Error Bounce*/
.errorBounce{border-color: #f1a3a3 !important; background-color: #fff6f6;animation: bounce 1s infinite ease-in-out;}

/*jump*/
.jump { animation: jump 2s infinite ease-in-out;}
@keyframes jump {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0px);}
    40% {transform: translateY(-10px);}
    60% {transform: translateY(-5px);}
}
/*pulse*/
.animate-pulse { animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite;}
@keyframes pulse {
    50% {opacity: .5;}
}
/* floating colorful circles */
.float {animation: float 6s infinite ease-in-out;}
@keyframes float {
    0% {transform: translateY(0) scale(1);}
    50% {transform: translateY(-20px) scale(1.1); opacity: 0.8;}
    100% {transform: translateY(0) scale(1);}
}
/* star bounce */
@keyframes bounce {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-8px);}
}
/* fade animation*/
@keyframes fadeInOut {
    0%, 100% {opacity: 0.8; transform: scale(0.95);}
    50% {opacity: 1; transform: scale(1);}
}





@media (max-width:768px) {
    .SAT-MathsBanner h1 {font-size: 24px; line-height: 30px;}
    .TopBottomSpace {padding-top: 20px; padding-bottom: 20px;}
    .mainheading {font-size: 22px;}
    .mainsubheading {font-size: 15px;}
    .reserve-btn, .download-btn {padding: 12px 20px;}

    .SAT-MathsBanner-Trials .SAT-footbox {font-size: 12px; padding: 2px 10px;}
    .SAT-MathsBanner-Trials1.DateTime h2 {border-radius: 25px;}
    .SAT-MathsBanner-Trials1.DateTime h2 span{font-size: 25px;}
    .myfooter.NewSatFooter, .myfooter.NewSatFooter .btn-warning {font-size: 12px;}
    .myfooter.NewSatFooter h5 {font-size: 14px; font-weight: 700;}

    .STEM-DebateTrial1 .TheSolutionImg .card {width: 90%; height: 300px;}
    .SAT-MathsBanner.SAT-MathsBannerTrail h1 {font-size: 27px;}
    .SAT-MathsBanner.SAT-MathsBannerTrail p.text-white {font-size: 17px;}

    .BookOnlineInp .BookWorkshop div p, .BookOnlineInp .BookWorkshop div p span{font-size:18px;}
    .BookOnlineInp .BookWorkshop div h3 {display: block; font-size: 42px; letter-spacing: 3px;}
    .BookOnlineInp .BookWorkshop aside {width: 100%;}
    .BookOnlineInp .BookWorkshop aside p.ageBox {font-size: 16px; letter-spacing: 0px;}
    .BookOnlineInp .BookWorkshop aside p.DateTimBox {font-size: 15px;}
    .BookOnlineInp .imageBox1 {margin: 10px 0px 20px 0px;}
    .BookOnlineInp .nav-fill .nav-item .nav-link, 
    .BookOnlineInp .nav-justified .nav-item .nav-link {min-width: 122px; font-size: 14px;}
    .BookOnlineInp .BookDatTim li h4, .BookInpOnl .BookDatTim li p {margin-bottom: 0px; 
    font-size: 14px;}
    .BookOnlineInp .BookOnlineInpForm {padding: 10px 15px; margin: 1% 0%;}

    .OnlineInpersonBanner .OnlInpHeader h1 {font-size: 20px;}
    .OnlineInpersonBanner .OnlInpHeader p {font-size: 14px;}
    .OnlineInpersonBanner .OnlInpFormBox .card .card-body .radio-buttons {margin: auto;
    text-align: center;}
    .OnlineInpersonBanner .OnlInpFormBox .card .card-body .radio-btn{font-size:10px;}
    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card .BookLoctiondTimBox li {
    flex-wrap: wrap;}
    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .OnlInpFormBoxOnl, .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .OnlInpFormBoxInp {
    flex: 1 1 calc(100% - .5rem);}
    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card .BookLoctiondTimBox li i,
    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxOnl .card .BookLoctiondTimBox li i {
    font-size: 25px;}
    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card .BookLoctiondTimBox li h4,
    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxOnl .card .BookLoctiondTimBox li h4 {
    font-size: 15px;}
    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card header,
    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxOnl .card header {
    font-size: 18px; line-height: 20px;}


    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxOnl .card .card-body .row.m-0, 
    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBoxInp .card .card-body .row.m-0{
        margin: 0px -15px !important;}
    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .nav-fill .nav-item .nav-link,
    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .nav-justified .nav-item .nav-link {
        font-size: 12px; padding: 10px 0px 18px 0px;
    }

}
@media (max-width:435px) {
    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .nav.nav-pills  li.nav-item:nth-child(1) label,
    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .nav.nav-pills  li.nav-item:nth-child(2) label {        
        padding: 10px 0px 30px 0px;} 
    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .nav.nav-pills  li.nav-item:nth-child(3) label{
        margin-top: -23px;}
    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .nav-pills .nav-link.active, 
    .OnlineInpersonBanner .OnlInpFormBox .OnlInpFormBox1 .nav-pills .show > .nav-link {
        background: #ffffff !important;}
}


/*Financial Literacy*/
.FinancialLiteracyBanner {
    background-image: url(https://moonpreneur.com/assets/images/newImg/financial-literacy/banner.webp); padding: 50px 0px;
    width: 100%; height: 100%; background-position: center; background-size: cover; position: relative;
}
.FinancialLiteracyBanner .container-fluid {position: relative; z-index: 2; width: 95%;}
.FinancialLiteracyBanner span {display:block;}
.FinancialLiteracyBanner h1.Mainheading {font-size: 2.7rem; line-height: 44px;}
.FinancialLiteracyBanner .NewTabFormBox .NewTabFormBoxBody h3 {font-size: 18px; text-align: center;}
.FinancialLiteracyBanner .NewTabFormBox .NewTabFormBoxBody h3 span { display:inline-block; margin-bottom: 10px;}
.FinancialLiteracyBanner h5 {color:#facc15; font-size: 1.5rem; line-height: 2rem; text-align:center;
    font-family: Dancing Script, cursive; margin-top: 20px;}
.FinancialLiteracyBanner .card {padding: 32px;}
.FinancialLiteracyBanner .card h4, .FinancialLiteracyBanner .card h6{color: #7033ff;}
.FinancialLiteracyBanner .card ul {list-style:none; padding: 15px 0px; border-bottom: 1px #e3e1e1 solid;}
.FinancialLiteracyBanner .card  ul li{border-left: 5px solid #ff3399; color:#000; padding-left: 15px;
    font-size: 14px;}
.FinancialLiteracyBanner .card  ul li h3{color: #ff3399; font-weight:700; margin:0px;}
.FinancialLiteracyBanner span {display: block;}

.textGradient {background: linear-gradient(90deg, #f97a17, #FFEB3B); display: inline-block; -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; background-clip: text;}
.bannerOverlay {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;}


.FinancialLiteracy1 ul{list-style:none; margin:30px 0px; padding:0px;}
.FinancialLiteracy1 ul li{margin-bottom:15px;}
.FinancialLiteracy1 ul li .card{border-color:transparent; transition: all 1s; padding:10px;}
.FinancialLiteracy1 ul li .card:hover{border:1px #dbccff solid; transition: all .5s;}
.FinancialLiteracy1 ul li .card .card-body{display: flex; align-items: flex-start;}
.FinancialLiteracy1 ul li .card .card-body .Financial1Icon{background: #f0f0f0; min-width: 50px;
    min-height: 50px; margin-right: 15px; border-radius: 10px; display: flex; align-items: center;
    justify-content: center; box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;  transition: all 1s;}
.FinancialLiteracy1 ul li .card .card-body p{font-size:18px; margin:0px;}
.FinancialLiteracy1 ul li .card:hover .Financial1Icon{transform: scale(1.1); transition: all .5s;}

.FinancialLiteracy2 .card{overflow:hidden;}
.FinancialLiteracy2 .card header{background: linear-gradient(135deg, #5545e6, #9034ea);
    text-align: center; padding: 20px; font-size: 20px; font-weight: 700; color: #fff;}
.FinancialLiteracy2 .card .Financial2Head{border-left: 5px #fb923c solid; background:#fff7ed;
    padding: 20px; color: #9a3412; display:flex; font-size:15px; min-height: 138px;}
.FinancialLiteracy2 .card .card-body{padding:30px;}
.FinancialLiteracy2 .card .card-body ul{list-style: none; padding: 0px; margin-top: 15px;}
.FinancialLiteracy2 .card .card-body ul li{display: flex; margin-bottom: 15px; align-items: flex-start;}
.FinancialLiteracy2 .card .Financial2Foot{background:#f0fdf4; color:#166534; padding:20px;
    border-top:1px #bbf7d0 solid; display: flex;
}