body{font-family:"Segoe UI", Arial, sans-serif!important; /*background:#f0f5f9;*/ background:#fff;}
/* toast css */
#toast_message{visibility:hidden; width:100%; height:48px; margin:0px; background-color:#333; color: #fff; text-align:center; padding:16px; position:fixed; z-index:9999; left:0%; top:0px; border-radius:2px; -moz-border-radius:2px;}
#toast_message.show{visibility:visible; -webkit-animation:fadein 0.5s, fadeout 0.5s 4.5s; animation:fadein 0.5s, fadeout 0.5s 4.5s;}
@-webkit-keyframes fadein{ from{bottom:0; opacity:0;} to{bottom:30px; opacity:1;} }
@keyframes fadein{ from{bottom:0; opacity:0;} to{bottom:30px; opacity:1;}}
@-webkit-keyframes fadeout{ from{bottom:30px; opacity: 1;} to{bottom:0; opacity:0;} }
@keyframes fadeout{ from{bottom:30px; opacity: 1;} to{bottom:0; opacity:0;} }
/* end of toast css */

.wrap_loader{background:#fffafa url(../images/uni_loader.gif) no-repeat; background-attachment:fixed; background-position:center center; width:100%; height:500vh; margin:0px auto; padding:0px 0px 0px 0px; vertical-align:center; text-align:center; position:absolute; top:0px; z-index:1000000; opacity:.8; display:none;}
.wrap_loader img{text-align:center; border:none; display:none;}
.imgLoader{position:fixed; margin:0 auto; top:50%; left:50%;}

.login_alert_sign,.alert.alert_otp{width: 100%; font-size: 12px; color: #f00; margin:-20px 0px 0px 0px; padding: 0px 0px 20px 0px; text-align: center; display: none; position: relative;clear: both;}
.tp-pwd-required{font-size: 11px; text-align: left; margin: -15px 0px 10px 0px; padding: 0px; display: none;}
.faicon{font-size: 16px; color:#858585; position: absolute; left: 12px; top: 13PX;} 
.faeye{font-size: 16px; color:#858585; position: absolute; right:13px; top: 13PX;} 
.faicon-class{font-size: 16px; color:#858585; position: absolute; left: 15px; top: 20PX;}
.navicon{font-size: 18px; color:#000;} 
#forgotOTPAlert{font-size:13px; text-align: center;}
#forgotOTPSubmit .relative{margin-bottom: 15px;}
.login_alert_sign,.alert.alert_otp{width:100%; font-size:12px; color:#f00; margin:-15px 0px 0px 0px; padding:0px 0px 20px 0px; text-align:center; display:none; position:relative; clear:both;}
#forgotOTPAlert, .otp-msg{width: auto; text-align: center; margin: 0px 0px 5px 0px !important; font-size: 12px; color:#76b728;}
.forgot-otp-err{padding:65px 0px 0px 0px;}
.alert{font-size:13px; color:#f00; text-align: left;}
form.shadow-\[-5px_10px_46px_\#d4d5d6\]{padding:2.2rem 1rem 1.6rem 1rem;}
.shadow-\[-5px_10px_46px_\#d4d5d6\]{padding:2rem 1rem 2.1rem 1rem;}
.hover\:bg-gray-300{cursor:pointer;}
.clear{clear:both;}
.basicPlan{color:#f00; border:1px solid #f00; pointer-events:none;}
.currentClass{display:none;}

.video-active{background-color:rgba(0, 0, 0, 0.1); border-left:4px solid black;}
.scrollbar-hidden{-ms-overflow-style:none; scrollbar-width:none;}
.scrollbar-hidden::-webkit-scrollbar{display:none!important;}
.class-tabs li a:hover{background:#057ab5; color:#057ab5; border:1px solid #057ab5;}
.class-active{background:#057ab5; color:#fff; border:1px solid transparent;}
.class-active:hover{color: #fff !important;}
.live-classes-desc{background:#057ab5; padding:10px 5px!important; display:flex; align-items: center;  border:1px solid #057ab5;}
.live-classes-desc span{color:#fff; font-weight:normal; padding-right:15px; border-right:1px solid #ccc;}
.live-classes-desc span:last-child{border-right:none;}
.live-classes-desc b{color:#fff;}
.live-classes-box{background:#057ab5; display:flex; align-items: center;  border:1px solid #057ab5;justify-content: center;}
.live-classes-box span{color:#fff; font-weight:normal; padding-right:24px; border-right:1px solid #ccc;}
.live-classes-box span:last-child{border-right:none;}
.live-classes-box b{color:#fff;}
.class-title h4{font-size:18px;}
.iconplay{font-size:18px; color:#fff;}
.group-aria-\[current\=page\]\:bg-black{ &:is(:where(.group)[aria-current="page"] *){background-color:#057ab5!important;} }
.choosed-sub{display:flex; justify-content:center; align-items:center; flex-direction:column;}
.choosed-sub img{filter:grayscale(1);}
.sub-active img{filter:grayscale(0);}
.choosed-sub:hover img{filter:grayscale(0);}
.choosed-sub:hover span{background:#057ab5; color:#fff;}
.choosed-sub:hover span > img{filter:grayscale(0);}
.sub-active > span{background:#057ab5; color:#fff;}
.footer-inner-copyright{font-size:14px; color:#000; text-align:center; padding:10px 0; margin:0; width:100%; background-color:#fff; box-shadow:0 -1px 5px rgba(0, 0, 0, 0.1); position:fixed; bottom:0px; z-index: 9999;}
.teach, .span{font-size:22px; color:#fff;}
.popup, .modal{display:none;}

ul#classDataDiv{display: flex; justify-content: space-between; align-items: center; padding: 2rem; gap: 1rem; margin: 0 auto;}
ul#classDataDiv .clsSwitchClass{font-size: 1.5rem; font-weight: bold; color: #000; text-align: center; padding: .55rem 1rem; border: 2px solid #000; border-radius: 0.75rem; min-height: 64px; min-width: 115px; place-content: center;}
ul#classDataDiv .clsSwitchClass:hover{background:#057ab5; color:#fff; border:1px solid #121b70; cursor:pointer;}
#editForm{overflow-x:auto;}
 hr{border-color: #ccc;}

.quiz_subject{background:#f9f9f9; width:65px; height:65px; border:1px solid #f1f1f1; padding:10px 0px 0px 0px; margin:0px auto; border-radius:90rem; cursor:pointer;}
.quiz_active_5{background-color:#545173; color:#fff; border:1px solid #545173;}
.quiz_active_4{background-color:#504AA0; color:#fff; border:1px solid #504AA0;}
.quiz_active_1{background-color:#D2593F; color:#fff; border:1px solid #D2593F;}
.quiz_active_2{background-color:#1F8C7A; color:#fff; border:1px solid #1F8C7A;}
.quiz_active_3{background-color:#2A4F93; color:#fff; border:1px solid #2A4F93;}
.quiz_active_6{background-color:#0451bb; color:#fff; border:1px solid #0451bb;}
img.quiz-img{width:45px; height:45px;}
.quiz_subject .quiz-chart-title {background:#057ab5; color:#fafafa; font-size:13px; text-align:center; font-weight:normal; line-height:16px; margin:.75rem 0rem 0rem 0rem; padding:.15rem .4rem; display:block; border-radius:.25rem;}
.ttx-home h1{font-size:30px; color:#4a505f; font-weight:normal; margin:0rem 0 1.5rem 0;}
.ttx-home h1 span{color:#005ba9;}
.track-no-data{background:#fff; font-size:16px; color:#f00; padding:45px; text-align:center; border:1x solid #f00; border-radius:5px; -webkit-border-radius:5px;}
.analysis-btn-active {max-width:100%; background:#057ab5; color:#fff; text-align:left; padding:0rem .45rem; margin:.5rem auto .5rem auto; display:flex; gap:.7rem; align-items:center; border-radius:.5rem; box-shadow:1px 0px 8px #b7b7b7;}
.sidebargrid{display:grid;}
img.punchimg{width:85%; height:auto;}
.nounitsavail{font-size:15px; color:#f00; padding:1rem 0rem; border:1px solid #f00; border-radius: .25rem;}
.closeicon{background:#057ab5; color:#fff; font-size:22px; padding:.3rem .5rem; border-radius:.25rem;}
.closeicon:hover{opacity:.8;}
.clsSwitchClass[data-class="15"]{display:none!important;}
.grecaptcha-badge{display:none;}
.curicon{font-size: 22px; color:#fff; background:#057ab5; padding:.5rem; display: flex; align-items: center; gap: 1rem; margin:0rem 1.2rem 0rem 0rem; border-radius: .25rem;}
.curheading{background:#fff; justify-content:space-between; padding:.5rem 1.1rem .5rem .5rem; margin:0rem; border:1px solid #ccc;}
#unitDetails .curheading{padding:.5rem .5rem .5rem .5rem;}
.curheading-sub{display: flex; align-items: center; gap: .5rem;}
.classContainer{opacity: 1;overflow: hidden; transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;}
.classContainerCollapse{max-height: 0;opacity: 0;}
.bg-black{background-color:#057ab5!important;}

.aria-selected\:bg-black{ &[aria-selected="true"]{background-color:#057ab5!important; color:#fff; border:1px solid #057ab5;}}
.aria-selected\:bg-black:hover{background-color:#057ab5!important; color:#fff !important; border:1px solid #057ab5;}
.hover\:bg-black {&:hover{ @media (hover:hover){background-color:tra!important;} }}
input, textarea{outline:none!important;}
.classContainer .mb-0:nth-child(1){margin-top:-1px;}
.fa-minus{background:url(../images/fa-minus.jpg)no-repeat;}
.fa-minus{background:url(../images/fa-plus.jpg)no-repeat;}
.max-md\:w-28{width:155px;}
.closeWrap{font-size:24px; font-weight: bold;}
.barWrap{font-size:24px; font-weight: bold;}
.hover\:bg-black { &:hover{background:#057ab5; color:#fff;} }
 
.rounded-img{width:20px; height:20px;}
.tocflex{display:flex; justify-content: space-between; align-items: center; gap:1rem;}
/* .unitContainer{margin:0rem .0rem .5rem 0rem;} no need, its blocking fadein fadeout animation*/
.videoplayer .gap-4{margin-bottom:.5rem; justify-content: space-between;}
.playeroptions{display: flex;align-items: center;justify-content: flex-end;gap: 0.5rem;}
.fabookmark, .fanotes{font-size:20px; display:flex; align-items: center; gap: 1rem;}
.flex-wrap{display:flex; justify-content: space-between; align-items: center; gap: 1rem; width: 100%;}
.bookmarkedActive{background:#fff; color:#057ab5; border:1px solid #057ab5;}
.bookmarkedActive:hover{background:#fff!important; color:#057ab5; border:1px solid #057ab5;}
#unitDetails{overflow:auto; /*padding:.2rem .25rem 0rem .25rem; border:1px solid #aaaaaa8c;*/}
#unitDetails::-webkit-scrollbar {width: 8px;}
#unitDetails::-webkit-scrollbar-thumb {background-color: #888; border-radius: 2px;}
#unitDetails::-webkit-scrollbar-track{background: #f1f1f1; border-radius: 2px;}
#unitDetails::-webkit-scrollbar-thumb:hover{background-color: #555;}

h2.notesheader{font-family:"Segoe UI", Arial, sans-serif!important; font-size:22px; font-weight:bold; display:flex; justify-content: space-between; gap: 1rem; padding:0rem 0rem .25rem 0rem; margin:0rem 0rem .5rem 0rem; border-bottom: 1px solid #057ab5;}
.notesheader span {color:#057ab5 !important;}
.ttx-container-notes .ttx-know{border:1px solid #057ab5!important; border-radius:.75rem!important;}
.ttx-container-notes{font-family:"Segoe UI", Arial, sans-serif!important;}
.ttx-container-notes h1,.ttx-container-notes h2,.ttx-container-notes b,.ttx-container-notes h3,.ttx-container-notes h4 {color: #057ab5 !important;}
.toast-top-full-width { top: 0; right: 0; width: 100%; left: 0; margin: 0; padding: 1px; z-index: 9999; }
.toast { width: 100%; margin-bottom: 0; }
#toast-container > .toast-success { background-color:#2c9d30!important; text-align:center; color: #fff!important; opacity:1!important; }
#toast-container > .toast-info { background-color:#1565c0!important;text-align:center; color: #fff!important; opacity:1!important; }
#toast-container > .toast-warning { background-color:#f9a825!important; text-align:center; color: #fff!important; opacity:1!important; }
#toast-container > .toast-error { background-color:#c62828!important;text-align:center; color:#fff!important; opacity:1!important; }
#toast-container.toast-bottom-full-width>div, #toast-container.toast-top-full-width>div {width:100%!important;}
.toast-close-button:hover{color:#fff!important; opacity:1!important;} 
button.toast-close-button{top:0.1em!important; margin-right:15px!important; margin-top:-4px;}
#toast-container>.toast-success{background-position:0px -57px!important;}
.toast-close-button{position:relative!important; right:3em!important;}
#toast-container>.toast-warning{background-position:0px -140px!important;}
#toast-container>div{border-radius:0px!important; -moz-border-radius:0px!important;}
#toast-container>.toast-error{background-image:none!important; background-position:0px 152px!important;} 
body #toast-container > .toast-info, #toast-container > .toast-success, #toast-container > .toast-warning, #toast-container > .toast-error { background-image: none !important; }
.resentcode{font-size:14px; color:#000; text-align: center; padding:0rem 0rem 2rem 0rem; margin:0rem;}
.resentcode a{color:#057ab5;}
.resentcode a:hover{text-decoration:underline;}
.z-\[2\]{z-index:999;}

.group-hover\:bg-black\/10 { &:is(:where(.group):hover *) {
        @media (hover: hover) {
            @supports (color: color-mix(in lab, red, red)){background-color:#057ab5; color:#fff;}
        }
    }
}
.doubt-list{font-size:16px; text-align:left; margin:15px 0px 15px 0px; padding:0px;}
.doubt-box-np{margin:0rem; padding:1rem; border:1px solid #000; border-radius:.55rem;}
.doubt-upload-docs{background:#fff; min-height:110px; text-align:left; margin:1rem 0rem; padding:1rem; border:1px solid #057ab5; border-radius:.55rem; position:relative!important; box-shadow:0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); cursor:pointer;}
.doubt-upload-docs:hover{opacity:.9;}
input[type=file]{display:block;}
.doubt-upload-file{background:#fff; height:125px; width:100%; margin:-13px 0px 0px -10px; padding:0; line-height:54px; position:absolute; border:1px solid #ccc; z-index:99; opacity:0; cursor:pointer;}
.btn-info{color:#fff; background-color:#057ab5; border-color:#057ab5; padding:.25rem 1rem; margin:0rem; border-radius:.25rem;}
.btn-cancel{:#fff; background-color:#f00; border-color:#f00; padding:.25rem 1rem; margin:0rem; border-radius:.25rem;}

.md\:min-h-\[475px\]{ @media (width >= 48rem){ min-height:566px!important;} }
.md\:min-h-\[500px\]{ @media (width >= 48rem){ min-height:566px!important;} }
.selectPlan{margin:1rem auto; padding:0rem; border:1px solid #000; border-radius:.45rem;}
.selectPlan select{width:100%; padding:.5rem 1rem; border:none; outline:none;}
.subscriptionDetails{margin:0rem auto 1rem auto; padding:0rem; overflow: auto;}
.enrollPlans h2{color:#057ab5; font-weight: bold; text-align: center; padding:0rem; margin:0rem;}
.subscriptionDetails h2{font-size:22px; color:#057ab5; font-weight: bold; text-align: center; padding:0rem; margin:0rem;}
.subscriptionDetails table{width:100%; border-collapse:collapse; margin-top:10px;}
.subscriptionDetails table th, td{border:1px solid #148bc7; text-align:center; padding:10px;}
.subscriptionDetails th{background-color:#057ab5; color:#fff; text-transform:uppercase;}
.subscriptionDetails p{font-size:15px; text-align: center; padding:.75rem 0rem; margin:0rem;}
table tr.altrow{background-color:#057ab5; color:#fff;}
table tr.altrow td{border:1px solid #7d96a3;}
.tollfree{font-size:1.125rem; font-weight:bold; color:#057ab5; cursor:default;}
img.billpayment{height:125px;}
.paymentTable{background:#fff; border:1px solid #ccc;}
.paymentTable td{border:1px solid #ccc;}
.tright{text-align:right;}
.tleft{text-align:left;}
#basicPrice, #premiumPrice{color:#057ab5; font-size:1.65rem; font-weight:bold;}
#enroll_basic, #enroll_premium{background:#057ab5; color:#fff;}
#enroll_basic:hover, #enroll_premium:hover{opacity:.8;}
.bg-blue-500{background:#057ab5!important;}
.bg-blue-500:hover{opacity:.9;}
.text-blue-600{color:#057ab5;}
.smallBtn{font-size:16px; font-weight:normal; background:#057ab5; color:#fff; padding:.25rem .75rem; border-radius:.25rem;}
.smallBtn:hover{opacity:.9;}
.solassist{font-size:15px; color:#057ab5; text-align:center;}
.customModal{display:none; background:#fff; width:45%; height:auto; margin:auto; top:2%; padding:0rem; position:fixed; left:0rem; right:0rem; z-index:999999; border-radius:.75rem;}
.customModal-overlay{display:none; background:rgb(0,0,0,.7); width:100%; height:100vh; position:fixed; top:0px; left:0px; right:0px; z-index: 99999;}
.closeModal{background:#057ab5; font-size:22px; color:#fff; text-align:center; padding:.0rem .45rem; margin:.5rem .75rem 0rem 0rem; border-radius:.25rem; cursor:pointer;}
.hide{display:none;}

/* about us */
.terms-policy{margin:2rem 0rem 2rem 0rem; padding:0rem 1rem; border:1px solid #000; border-radius:.75rem;}
.overview{min-height:395px; padding:0rem 0rem; margin:0rem 0rem 0rem 0rem; align-items:flex-start; gap:2rem; border-radius:.75rem;} 
.terms-policy center img{width:100%; max-width:100%; margin:25px 0px 0px 0px; border:2px solid #c6daff; border-radius:30px; -webkit-border-radius:30px;}
h1.about-us{background:#057ab5; font-size:24px; color:#fff; font-weight:bold; text-align:left; margin:0rem -1rem 0rem -1rem; padding:.5rem 1rem; border-radius:.75rem .75rem 0rem 0rem;}
.terms-policy h2{font-size:20px; color:#057ab5; font-weight:bold; text-align:left; margin:0px; padding:10px 0px 0px 0px;}
.terms-policy h3{font-size:1.5rem; color:#212121; font-weight:500; margin:15px 0px 0px 0px; padding:0px 0px 10px 0px; border-bottom:1px solid #e6e3e3;}
.terms-policy h4{font-size:16px; color:#4a505f; font-weight:600; margin:0px; padding:10px 0px;}
.terms-policy p{font-size:15px; color:#4a505f; font-weight:500; text-align:justify; line-height:24px; margin:0px; padding:10px 0px 5px 0px; word-wrap:break-word;}
.terms-policy ul{margin:0rem; padding:0rem;}
.terms-policy ul li{font-size:15px; color:#4a505f; font-weight:500; text-align:justify; line-height:24px; margin:0px; padding:10px 0px 5px 0px; }
.terms-policy ul{margin:5px 0px 20px 40px; padding:0px;}
.terms-policy ul li{color:#4a505f; font-size:15px; font-weight:500; text-align:justify; line-height:24px; margin:0px; padding:5px 0px 0px 5px; word-wrap:break-word; white-space:pre-wrap; list-style: disc;}
.terms-policy a{color:#4a505f; font-weight:normal; text-decoration:none;}
.terms-policy a:hover{color:#057ab5;}
img.team-img{width:100%;}
.about-us-txt{display:flex; align-items:flex-end; height:100%;}
.about-us-txt img{width:241px; margin:0 auto;}
/* end about us */

/* our team */
.team-photo img{width:75%; margin:1rem auto; padding:.15rem; border-radius:.75rem; border:1px solid #ccc;}
.contact-page{/*min-height:600px; background:url(../images/contact-us-footer.png) no-repeat;*/ margin:2rem 0rem 2rem 0rem; padding:0rem 0rem 0rem 0rem; color:#000;}
.contactForm{align-items: center; gap: 1rem; margin:0rem 2rem;}
.contact-form input{width:100%; background:#fff; font-size:1rem; color:#000; text-align:left; padding:10px; border:1px solid #000; margin-bottom:15px; border-radius:15px; outline:none;}
.contact-form textarea{width:100%; background:#fff; font-size:1rem; color:#000; text-align:left; padding:10px; border:1px solid #000; margin-bottom:15px; border-radius:15px; outline:none; resize:none;}
.contact-page h2{color:#fff; padding:0rem 0rem .5rem 0rem; margin:0rem;}
.contact-submit.btn-save{width:fit-content; color:#fff; background:#f4795d; font-size:16px; font-weight:normal; padding:.5rem 2rem; border-radius:10rem; margin:0 auto;}
.contact-info table td{border:none; text-align:left;}
.contact-info .country{font-size:26px; font-weight: bold; color:#000; text-align: left; padding:0rem 0rem 0rem 0rem; margin:0rem 0rem 1rem 0rem;}
.contact-info .company{font-size:22px; color:#000; font-weight: bold; text-align: left; padding:0rem 0rem .15rem 0rem; margin:0rem 0rem 0rem 0rem;}
.contact-info .address{font-size:18px; color:#000; font-weight:normal; text-align: left; padding:0rem 0rem .15rem 0rem; margin:0rem 0rem 0rem 0rem;}
.contact-info .reachus a{font-size:20px; color:#000;}
/* our team */

/* download app */
.downloadapp{text-align:center; border-top:1px solid #057ab5; padding:1rem 0rem 1rem 0rem; margin:0rem;}
.downloadapp img.heroappqr{max-width:100%; margin:0 auto;}
.downloadapp h2{color:#057ab5; font-weight:bold; text-align:center; margin:0rem; padding:0rem; line-height:60px;}
.downloadapp h4{color:#333; font-weight:normal; text-align:center; margin:0rem; padding:.5rem 0rem 1rem 0rem;}
.downloadapp h5{color:#333; font-weight:normal; text-align:center; margin:0rem; padding:.5rem 0rem .25rem 0rem;}
.downloadapp p{font-size:18px; color:#333; font-weight:normal; text-align:center; margin:0rem; padding:.5rem 0rem .25rem 0rem;}
.btn-download{text-decoration:none; width:125px; margin:0px 10px 0px 0px; border-radius:3px; -moz-border-radius:3px; cursor:pointer;}
/* download app */

/* footer css */
.footer{background:#2e2e2e; display:grid; justify-content:center; align-items:center; gap:1rem; padding:1rem 0rem;}
.footer a{display:flex; justify-content:center;}
ul.ulfoot-links li{list-style:none; margin:0rem; padding:.5rem .75rem; }
ul.ulfoot-links li a{color:#fafafa; font-size:15px; text-align:center; display:flex; align-items:center; gap:.35rem;}
ul.ulfoot-links li a:hover{color:#057ab5;}
.foot-copyrght{padding:1rem 0rem 1.2rem 0rem; align-items:center;}
.foot-followus, .foot-download{display:flex; justify-content:center; align-items:center; gap: 1rem;}
.foot-followus span, .foot-download span{font-size:18px; font-weight:bold; color:#a3a3a3; text-align:left;}
.foot-followus .fabicon{font-size:22px; color:#ccc; background:#000; padding:10px; border-radius:10rem; width:24px; height:24px;}
.foot-followus .fabicon:hover{background:#057ab5; color:#fff;}
.foot-download img{width:115px; border-radius:.25rem;}
.foot-copyright{font-size:14px; color:#fff; text-align:center; border-top:1px solid #525252; padding-top:.75rem; font-size:14px; color:#fafafa;}
img.foot-logo-img{height:55px;}
/* end footer css */

/* ask doubts */
.askD #content-wrapper{margin-bottom:-17rem!important; padding-bottom:23rem!important;}
.askD [type="checkbox"]:checked, .askD [type="checkbox"]:not(:checked), .askD [type="radio"]:checked, .askD [type="radio"]:not(:checked){position:absolute; left:-9999px; width:0; height:0; visibility:hidden;}
.askD li.ttx-top-nav a{font-size:15px!important; font-weight:400; line-height:20px; background:#d7e1f7; color:#525252; padding:10px 25px!important; border-radius:90px;}
.askD .language-icon{width:22px; padding:0px 0px 8px 10px; margin:0px; border:none!important;}
.askD button.ttx-dropdown{border:0; background:transparent; position:relative; top:5px; cursor:pointer;}
.askD .doubts__wrapper{margin:2rem 0rem 0rem 1rem; padding:0rem;}
.askD .doubts__wrapper h2{font-size:28px; color:#ed9545; text-align:left; margin:1.5rem 0rem 0rem 0rem; padding:0rem;}
.askD .doubts__wrapper h6{font-size:16px; color:#3f25c4; text-align:left; font-weight:normal; margin:0rem 0rem .5rem 0rem; padding:0rem;}
mjx-container[jax="CHTML"], mjx-container[jax="CHTML"][display="true"]{text-align:left!important;}
.askD #cropImgP{text-align:left;}
.askD h4{font-weight:500!important; font-size:16px!important; line-height:24px!important; background:transparent!important; padding:0px!important;}
.askD .m-top{margin-top:15px!important;}
.askD .doubt-upload-docs{position:relative; cursor:pointer;}
.askD .doubt-upload-docs.dragover{border-color:#007BFF; background:#f0f8ff;}
.askD .note-editor, .summernote-preview{box-sizing:border-box; box-shadow:0px 1px 3px #ececec; -webkit-box-shadow:0px 1px 3px #ececec;}
.askD .note-editor{border:1px solid #aaaaaa8c!important;}
.wrapper { min-height: 100%; /* display: flex; flex-direction: column; */ }
.content { min-height: 100vh; flex: 1; }
.footer { color: #fff !important; }
#unit_details { min-height: 70vh !important; }
#nav[data-open] { display: flex !important; /* For mobile view */ }
.smooth-show { opacity: 0; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease; }
.smooth-show.active { opacity: 1; transform: translateY(0); } 


@media only screen and (max-width : 992px) {
    .askD .checkbox-tools:checked+label, .askD .checkbox-tools:not(:checked)+label{padding:11px; width:110px; font-size:10px; line-height:15px; letter-spacing:0px; margin-bottom:6px;}
    .askD .doubts__wrapper h2{text-align:center; font-size:22px;}
    .askD #note-heading{font-size:18px;}
    .askD .mui-row{padding:15px;}
    .askD #printButton{font-size:12px;}
    .askD .doubt-list h1{font-size:20px!important;}
    
}

.askD .cropper-hidden{display:none!important;}
.askD #cropPreview{text-align:center;}
.askD #cropPreview img{min-height:150px; max-height:300px; margin:0px 0px 20px 0px; padding:0px; text-align:center;}
.askD .note-editor-img img{width:220px!important;}
.askD .note-placeholder{padding:10px 10px!important; font-size:15px; color:#767373!important;}
.askD .summernote-preview{background:#fff; min-height:350px; max-height:360px; overflow:auto; padding:5px; margin:0px 0px; border:1px solid #aaaaaa8c; border-top:0px solid #ccc; border-radius:4px; -webkit-border-radius:4px; border-top-left-radius:0px; border-top-right-radius:0px;}
.askD .summernote-preview-title{background-color:#f4f7fa; color:#000; border:1px solid #aaaaaa8c!important; font-size:16px; font-weight:bold; line-height:32px; padding:5px 10px 5px 10px; margin:0px; border-bottom:1px solid #aaa!important;}
.askD .note-editor.note-airframe .note-editing-area .note-editable, .askD .note-editor.note-frame .note-editing-area .note-editable{background:#fff; padding:10px; overflow:auto; word-wrap:break-word; height:350px;}
.askD #latexModal{z-index:10000!important;}
.askD .note-toolbar{background:#f4f7fa; border-bottom:1px solid #aaaaaa8c;}
/* end ask doubts */

.note-editor .note-editing-area{height:350px;}
.note-editor.note-airframe.fullscreen, .note-editor.note-frame.fullscreen{background:#fff; height:100%;}
.note-editor.note-frame.fullscreen > .note-editor.note-frame .note-editing-area .note-editable{height:100%!important;}
.fullscreen .note-editor .note-editing-area{height:100%!important;}
.hide-icon{display:none!important;}
.studyWidth li a span{width:145px; text-align:center; display:flex; justify-content:center;}
.min-h{min-height:500px;}
nav[data-open]{width:-webkit-fill-available!important;}
#sidebarDetails{background:transparent!important; border:1px solid #aaaaaa8c; border-radius:.75rem .75rem 0rem 0rem; border-bottom:0px;}
ul.mentorlist{margin:0rem; padding:0rem; display:grid; gap:.25rem;}
ul.mentorlist li{margin:0rem; padding:0rem; list-style:none;}
ul.mentorlist li a{color:#fff; font-size:1rem; margin:0rem; padding:1rem 1rem; list-style:none; display:block;}
ul.mentorlist li:hover{background-color:#057ab5; color:#fff; border-radius:.25rem;}
ul.mentorlist li .active{background-color:#057ab5; color:#fff; border-radius:.25rem;}
.mentoricon{font-size:1rem; padding:0rem .5rem 0rem 0rem; margin:0rem;}
.mystudent select{width:100%; background-color:#fff; line-height:2rem; padding:.5rem .5rem .5rem .2rem; margin:0rem; border:1px solid #aaaaaa8c; border-radius:.25rem; outline:none;}
table.table{width:100%; border-collapse:collapse;}
table.table th{background:#057ab5; font-size:15px; font-weight:normal; color:#fff; padding:8px 6px; text-align:center; white-space:nowrap;}
table.table td{font-size:15px; font-weight:normal; padding:4px 6px; border:1px solid #ddd;}
/* table.table tr:nth-child(even){background-color:#f2f2f2;} */
.table-responsive{width:100%; margin:0rem auto; overflow:auto;}
.mystudent input[type="text"]{width:100%; padding:.25rem .5rem; height:41px; border-radius:.25rem; border:1px solid #aaaaaa8c;}
.mystudent input[type="date"]{width:100%; padding:.25rem .5rem; height:30px; border-radius:.25rem; border:1px solid #aaaaaa8c;}
.mystudent textarea{width:100%; height:150px; padding:10px; font-size:1rem; border:1px solid #aaaaaa8c; border-radius:6px; resize:none; box-sizing:border-box;}

.tooltip-container,.tooltip-container-curriculum{position:relative; display:flex; cursor:pointer;}
.tooltip-text{width:max-content; font-size:16px; font-weight:normal; padding:.55rem 1rem; visibility:hidden; width:max-content; background-color:#fff; color:#000; text-align:center; border-radius:6px; position:absolute; opacity:0; transition:opacity 0.3s; z-index:1;}
.tooltip-container:hover .tooltip-text{visibility:visible; opacity:1;} 
.tooltip-container-curriculum:hover .tooltip-text{visibility:visible; opacity:1;} 

#sidebarPlayer .tooltip-text{width:max-content; font-size:14px; font-weight:normal; padding:.22rem 1rem; visibility:hidden; width:max-content; background-color:#fff; color:#000; text-align:center; border-radius:6px; position:absolute; opacity:0; transition:opacity 0.3s; z-index:1;}
#sidebarPlayer .tooltip-container:hover .tooltip-text{visibility:visible; opacity:1;} 
#sidebarPlayer .tooltip-container-curriculum:hover .tooltip-text{visibility:visible; opacity:1;}

/* swall */
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){background-color:#057ab5!important;}
.profPic{width:34px; height:34px; padding:2px; border:1px solid #aaaaaa8c;}
.bg-template-color{border:1px dashed #aaaaaa8c;}
input[type="radio"]:checked + .bg-template-color{background-color:#f0f6f9; color:#057ab5;}
.bg-template-color:hover{background-color:#f0f6f9; color:#057ab5;}
.bg-template-color:focus-visible{background-color:#f0f6f9; color:#057ab5;}
.bgblack{background:rgb(0,0,0,.5);}
.swal2-html-container { display: flex; align-items: center; justify-content: center; }
.swal2-html-container ul { list-style:none; font-size: 16px; margin: 0; padding-left:35px; }
.swal2-image{filter: grayscale(100%) !important;}
.swal2-title{padding-top: 4px !important;}
.testInputs{width:99%!important;}
.modalSubmitBtn, .reClassSubmitBtn, .feedBackSubmit{background:#057ab5; color:#fff; font-size:14px; text-align:center; padding:.15rem .75rem; border:1px solid #057ab5; border-radius:.25rem;}
.modalCancelBtn, .feedbackCancelBtn{background:#d1d5dc; color:#000; font-size:14px; text-align:center; padding:.15rem .75rem; border:1px solid #ccc; border-radius:.25rem;}
.pwdchange-form{overflow:inherit!important;}
.pwdchange-form label{font-size:13px;}
.pwdchange-form input{height:42px; padding:.25rem .75rem; border:1px solid #aaaaaa8c; border-radius:.25rem;}
.pr4{font-size:22px; padding-right:15px;}
#divEditor #latexModal{padding:2rem 0rem 0rem 0rem; margin:0rem;}
#latexModal textarea{resize:none;}
.mentor_footer{background:#fff; font-size:14px; text-align:center; padding:.5rem 0rem; /*position:absolute; right:0rem; left:0rem; bottom:0rem;*/ box-shadow:0px 0px 1px #aaa;}
.dropdownStatus{position:relative;}
.statusDropdown{font-size:20px; padding:.25rem 1rem;}
.dropdown-content{display:none; background:#fff; line-height:24px; width:195px; position:absolute; right:0rem; margin:0rem; border:1px solid #aaaaaa8c; z-index:999; border-radius:.45rem;}
.dropdown-content li{padding:.5rem; margin:.25rem; border-radius:.45rem;}
.cursor-not-allowed{cursor: not-allowed;}
.dropdown-content li:hover{background:#057ab5; color:#fff;}
.zoom-btn{font-size:15px; padding:.15rem .55rem .25rem .55rem; line-height:24px;}

/* Modal Overlay */
.custom-overlay{display:none; position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); justify-content:center; align-items:center;}
.custom-content{background:#fff; padding:1rem; max-width:500px; text-align:left; position:relative; display:block; margin:3% auto; border-radius:.45rem;}
.customClsBtn, .feedbackCloseBtn{width:max-content; font-size:100%; color:#fff; padding:.15rem .5rem; cursor:pointer;}
.custom-content h2{font-size:1rem; color:#000; font-weight:bold; text-align:left; padding:0rem 0rem .5rem 0rem; margin:0rem 0rem .7rem 0rem; border-bottom:1px solid #ccc;}
.custom-content label{font-size:13px;padding-bottom:.25rem}
.custom-content input, .custom-content date, .custom-content time, .custom-content select{font-size:14px; color:#000; padding:.25rem .75rem; border:1px solid #aaaaaa8c; border-radius:.25rem; outline:none;}
.courseprogress{width:175px; display:flex; justify-content:flex-start; align-items:center; gap:.15rem;}
.border-r-green-700{border-right-color:oklch(72.3% 0.219 149.579);}
.text-medium{font-size: 14px; font-weight: 600; margin-bottom: 3px;}
.font-sm{font-size: 12px; margin-bottom: 2px;}
#supportBtn:hover{opacity:.8; cursor:pointer;}
.text-blue-700{color:#057ab5;}
.premiumSubscription{font-size:13px; font-weight:bold; text-transform:uppercase; margin:0rem 0rem 0rem 1.6rem;}
.studentNav .hidden{display:none;}
.mentorLayout main{min-height:585px;} 
.mentorlistActive{background-color:#057ab5; border-radius:.25rem;}
.modal-body-content{min-height:400px; max-height:425px; overflow:auto;}
#myChart{width:100%!important;}

/* slick css */ 
 .slick-slide{margin:0px -25px 0px -25px;}.slick-slide img{width:80%;height:205px;padding:4px;border-radius:50px;-moz-border-radius:50px;border:2px solid #0155c7;box-shadow:0px 0px 10px #ccc;-webkit-box-shadow:0px 0px 10px #ccc;margin:-4rem 0rem 0rem 1rem!important;}.slick-prev:before, .slick-next:before{color:black;}.slick-slide{transition:all ease-in-out .3s;opacity:1;}.slick-active{opacity:1;}.slick-current{opacity:1;}.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select:none -moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}.slick-list{position:relative;display: block;overflow: hidden;margin:40px auto 0px auto;padding:65px 8px;width:90%;}.slick-list:focus {outline: none;}.slick-list.dragging{cursor:pointer;cursor: hand;}.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.slick-track {position: relative;top: 0;left:24px;display: block;margin-left: auto;margin-right: auto;}.slick-track:before, .slick-track:after {display: table;content: '';}.slick-track:after {clear: both;}.slick-loading .slick-track {visibility: hidden;}.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}[dir='rtl'] .slick-slide {float: right;}.slick-slide img {display: block;}.slick-slide.slick-loading img {display: none;}.slick-slide.dragging img {pointer-events: none;}.slick-initialized .slick-slide{display:block;width:210px;}.slick-loading .slick-slide {visibility: hidden;}.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}.slick-arrow.slick-hidden {display: none;}@charset 'UTF-8';.slick-loading .slick-list{background: #fff url('/https/WWW.tutorix.com/images/loader.gif') center center no-repeat;}@font-face{font-family:'slick';font-weight: normal;font-style: normal;src: url('./css/slick.eot');src: url('./css/slick.eot?#iefix') format('embedded-opentype'), url('./css/slick.woff') format('woff'), url('./css/slick.ttf') format('truetype'), url('./css/slick.svg#slick') format('svg');}.slick-prev, .slick-next {font-size: 0;line-height: 0;position:absolute;top:39%;display:block;width:20px;height:20px;padding:0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color:transparent;outline:none;background:transparent;}.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;}.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:.25;}.slick-prev:before, .slick-next:before {font-family:'Fontawesome';font-size:45px;color:#7b7a7a;font-weight:bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-prev{width:40px;height:40px;left:25px;z-index:99;overflow:hidden;}[dir='rtl'] .slick-prev{right:25px;left:auto;}.slick-prev:before{content:url('https://origin.tutorix.com/images/prev.png');}[dir='rtl'] .slick-prev:before{content:url('https://origin.tutorix.com/images/prev.png');}.slick-next{right:24px;width:40px;height:40px;overflow:hidden;}[dir='rtl'] .slick-next{right:auto;left:-25px;}.slick-next:before {content:url('https://origin.tutorix.com/images/next.png');}[dir='rtl'] .slick-next:before {content: '<';}.slick-dotted.slick-slider{margin-bottom:0px;}.slick-dots {position: absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;}.slick-dots li{position:relative;display:inline-block;width: 20px;height: 20px;margin: 0 5px;padding:0;cursor:pointer;}.slick-dots li button {font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}.slick-dots li button:hover, .slick-dots li button:focus{outline:none;}.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity: 1;}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position: absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}.slick-dots li.slick-active button:before{opacity:.75;color:black;}
 .modal-background{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000 url(https://d2vgb5tug4mj1f.cloudfront.net/images/web/overlay.png) repeat 0 0; opacity:.80; -webkit-opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80); z-index:1000;}
#modal-content{display:flex; align-items:center; justify-content:center; margin:auto; background:white; display:none; padding:10px; position:absolute; z-index:1000; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; box-shadow:0px 6px 20px 0px #000; -webkit-box-shadow:0px 6px 20px 0px #000; -moz-box-shadow:0px 6px 20px 0px #000;}
.modal-background.active, #modal-content.active{display:block;}
#modal-data{display:block; max-width:100%;}
.modal-close{background:url(https://origin.tutorix.com/images/controls.png) no-repeat -25px 0; width:25px; height:25px; font-size:22px; color:#333; text-indent:-9999px; bottom:0; font-weight:bold; padding:0px; margin:0px; position:relative; top:5px; right:0px; cursor:pointer;}
.modal-title{display:flex; justify-content:space-between; align-items:center; gap:1rem;}
.modal-title h4{color:#000; font-size:16px; font-weight:bold; text-align:left; margin:0; padding:0; position:relative; top:6px;}
/* end of slick css */

.header-bg{background-color:#067ab5; background-image:url(https://origin.tutorix.com/images/homepage_bottom-wrap.jpg?1.03); background-repeat:no-repeat; background-position:0px 425px; width:100%; height:630px; margin:.5rem 0rem 0rem 0rem; border-radius:.75rem .75rem 0rem 0rem;}
.banner h1{font-size:38px; text-align:center; padding:10px 0px 10px 0px; color: #fff; line-height:1.2; margin:0px;}
.banner .banner-left .banner-box{background:#fff; text-align:center; margin:0px 5px 15px 5px!important; padding:5px 5px 15px 5px; box-shadow:1px 1px 5px #000; border-radius:.75rem;}
.banner .banner-left .banner-box h4{font-size:28px; color:#fc7243; font-weight:bold; margin:0px 0px 0px 0px; padding:0px; line-height:56px;}
.banner .banmer-right{margin:-25px 0px 0px -30px;}
.banner .download-link{position:relative; padding:0px 10px 0px 10px; margin:0px auto 5px auto; z-index:1; border-radius:20px; -moz-border-radius:20px;}
.banner .download-link input.username[type="text"]{width:67%; background:transparent; margin:0px; padding:0px 0px 0px 5px; color:#121213; font-size:14px; line-height:40px; border:none; border-left:1px solid #a09fa4; box-sizing:border-box; outline:none;} 
.banner span.download-text{font-size:20px; color:#fc7243; line-height:20px;}
.banner .downloadbtn{width:55%; background:#057ab5; color:#fff; font-size:16px; font-weight:normal; padding:10px 15px 10px 15px; margin:3px auto; border-radius:90px; -moz-border-radius:90px; cursor:pointer;}
.banner .download-link select{width:28%; color:#121213; font-size:14px; background:transparent; border:none; outline:none;}
.ttx-get-link{margin:15px 0px 10px 0px; border:1px solid #a09fa4; border-radius:30px; -webkit-border-radius:30px;}
.banner .download-link input.username[type="text"]{width:67%; background:transparent; margin:0px; padding:0px 0px 0px 5px; color:#121213; font-size:14px; line-height:40px; border:none; border-left:1px solid #a09fa4; box-sizing:border-box; outline:none;}
.banner .banner-left h6{color:#fb7343; font-size:20px; font-weight:500; padding:0px 0px 4px 0px; margin:0px;}
img.appqrcode{width:115px; margin:.5rem auto; padding-bottom:4px;}
.downloadapp{text-align:center; border-top:1px solid #057ab5; padding:1rem 0rem 1rem 0rem; margin:0rem;}
.downloadapp img.heroappqr{max-width:100%; margin:0 auto;}
.downloadapp h2{color:#057ab5; font-weight:bold; text-align:center; margin:0rem; padding:0rem; line-height:60px;}
.downloadapp h4{color:#333; font-weight:normal; text-align:center; margin:0rem; padding:.5rem 0rem 1rem 0rem;}
.downloadapp h5{color:#333; font-weight:normal; text-align:center; margin:0rem; padding:.5rem 0rem .25rem 0rem;}
.downloadapp p{font-size:18px; color:#333; font-weight:normal; text-align:center; margin:0rem; padding:.5rem 0rem .25rem 0rem;}
a.tollfree{font-size:1.4rem!important; color:#057ab5; font-weight:bold;}
a.tollfree:hover{background:none!important; color:#057ab5!important; font-weight:bold; cursor:pointer;}
a.tollfreeInn{font-size:1.4rem!important; color:#057ab5; font-weight:bold;}
a.tollfreeInn:hover{background:none!important; opacity:.8; cursor:pointer;}
.navtop a{font-size:1.125rem; color:#fff; padding:.35rem .65rem; margin:0rem; text-decoration:none;}
.navtop a:hover{background:#fff; color:#067ab5; border-radius:.55rem;}
img.tutorixStudents{max-width:65%; margin:-1rem 0rem 0rem -1rem;}
.profileDp{background:#fff; padding:.25rem .65rem; margin:0rem;}
.class-boxes{margin:3rem 0rem 1rem 0rem; padding:0rem; display:grid; grid-template-columns:50% 1fr; align-items:center; gap:2rem;}
.orange-box{min-height:275px; padding:1rem; border:1px solid #fc7243; border-radius:.75rem;}
.orange-text{color:#fc7243;}
.tutorix-covers img{width:75px; padding:2px; margin:5px;}
.btnSave{width:max-content!important;max-width:-moz-fit-content; background:#305fae; color:#fff; font-size:15px; padding:5px 20px; margin:15px 0px; text-indent:0px; border-radius:90px; -moz-border-radius:90px; cursor:pointer;}
a.btnSave{color:#fff!important;} 
.btnSave a{color:#fff!important;}
.orange-bg{background:#fc7243; padding:.45rem 2rem; border:none;}
h2.hdr-new-arrival{background-image:url(../images/classes-coming-soon.png); background-size:94px 60px; background-repeat:no-repeat; color:#11b3f3; margin:0px; padding:1.1rem 0rem; text-decoration:none; white-space:normal; background-position:320px;} 
.childEdu div{}
.childEdu div h2{background:#057ab5; font-size:20px; color:#fff; font-weight:bold; text-align:center; padding:.55rem 1rem; margin:0rem; border-radius:.75rem .75rem 0rem 0rem;}
.childEdu p{font-size:16px; font-weight:normal; text-align:left; padding:0rem 1rem .2rem 2.4rem; margin:0rem;}
.childEdu div h3{font-size:16px; color:#000; font-weight:bold; text-align:left; padding:.3rem 1rem 0rem 1rem; margin:0rem; border-bottom:0px solid #ccc;}
.green{color:#76b728;}
.demo-videos{background:#fff url(../images/carousal-wrap.jpg) no-repeat 0% 75%; background-size:cover; text-align:center; font-size:18px; color:#66687C; padding:5px 0px;}
.ttx-everywhere span{font-size:16px; padding-right:15px; border-right:2px solid #aaaaaa8c;}
.ttx-everywhere span:last-child{border-right:0px solid #ccc;}
.ttx-everywhere img{margin:0 auto;}
h3.hdr-new-arrival{color:#76b728;}
.myMsg{display:block; grid-template-columns:12% 1fr; justify-content:center; align-items:center; gap:1rem; margin:.75rem 0rem 1rem 0rem; padding:0rem;}
.myMsg p{font-size:14px; color:#000; text-align:left; padding:.75rem; border:1px solid #aaaaaa8c; border-radius:.45rem;}
.chart-canvas { width: 100% !important; height: 100% !important; display: block; }
.chart-container { width: 100%; height: 320px; position: relative;}
.courseD{width:100px;}
.mui-dropdown__menu>li>a:focus{background:#fff;border-radius:.75rem;}
#divAIContent{min-height:95vh; max-height: 100vh; overflow-y:auto; }
#divAIContent code{white-space:break-spaces;}
#divAIContent::-webkit-scrollbar{ width: 4px; height: 4px; }
#divAIContent::-webkit-scrollbar-thumb{ background-color: #888; }
#divAIContent::-webkit-scrollbar-track{background:#f1f1f1;}
#divAIContent::-webkit-scrollbar-thumb:hover{background-color:#555;}
#divAIContent h1,#divAIContent h2{font-weight:700;}
#divAIContent h3 {font-weight:600;}
#divAIContent strong {color:#057ab5;}
#divAIContent hr {border:none; border-top:1px dashed rgb(124, 122, 122);}
.closesidebarBtn{background:#057ab5; color:#fff; font-size:16px; text-align:center; padding:.40rem .55rem; margin:0rem; border-radius:10rem;}
.login-text-blue{color:#057ab5;}
.text-blue:hover{color:#057ab5;}
.bg-grayed{background:#ccc;}
.profile-pic{padding:2px; border:1px solid #aaaaaa8c;}
.no-classes{font-size:16px; color:#f00; text-align:center; padding:5rem 0rem; border:1px solid #f00; border-radius:.25rem;}
.teacher-curriculum #courseHeader{display:none;}

.mystudents .paginationlink{display: inline-block; width: fit-content; background: #fff; color: rgb(88, 88, 88); padding: 5px 10px; border: 1px solid rgb(217, 217, 217); margin:0px 2px; border-radius:.2rem;}
.mystudents .paginationlink:hover, .mystudents .current{background: #057ab5!important; border: 1px solid #057ab5; color:#fff; }
.mystudents .paginationContainer{display:flex; justify-content: center; margin-top:30px!important;}
.mystudents .cgpages{display:flex}
.min-h-svh main{width:100%;}
.errorpage h1{font-size:3rem; color:#000; padding:1rem 0rem; margin:0rem;}
.errorpage a{font-size:15px; color:#057ab5;}
.errorpage ul{margin:0rem; padding:0rem 1rem;}
.errorpage ul li{list-style:disc; margin:0rem; padding:.25rem 0rem;}
.addClassLoop{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:.5rem; margin:1rem .25rem 0rem 0rem; padding:.5rem; background:#fafafa; border:1px solid #ccc; border-radius:.25rem;}
.addClassLoop .scheduleClass{background:#fff; font-size:12px; color:#000; text-align:center; text-wrap:wrap; padding:5px 6px; margin:0px; border:1px solid #727070; border-radius:.25rem;}
.addClassLoop .scheduleClassClose{background:#057ab5; color:#fff; font-size:12px; padding:.05rem .25rem; border-radius:6rem;}
.noGrid{display: flex;}
.unitCollapseIcon img{transition: transform 0.3s ease;}
.unitCollapseIcon:hover img{transform: rotate(180deg);}
.reportCollapseIcon{transition: transform 0.3s ease;}
.reportCollapseIcon:hover{transform: rotate(180deg);}
 /* @keyframes scroll-x {
      0% { transform: translateX(10%); }
      100% { transform: translateX(-50%); }
    }

.marquee{animation: scroll-x 20s linear infinite;} */
.math-content .quiz-table{margin-top: 4px;}
.MJX-TEX{
    white-space: normal;
    line-height: 10px;
}

@keyframes scroll-x { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.marquee-wrapper { overflow: hidden; white-space: nowrap;padding: 0.5rem; border-radius: 0.375rem; position: relative; }
.marquee { display: inline-block; white-space: nowrap; animation: scroll-x 20s linear infinite; }
.marquee-content { display: inline-block; padding-right: 0.5rem; font-size: 1.125rem; font-weight: 600;}



@media (min-width: 768px){ 

    .container{max-width:1240px; margin:0 auto;}
    .min-h-svh main{display:flex; justify-content: center; align-items: center; height:100vh;}
    .videoplayer .gap-4{display:flex;}
    #registerForm{margin:4rem 0rem 1rem 0rem;}
    .subscriptionDetails{width:100%;}
    .selectPlan{width:58%; margin-top: 8vh;}
    ul.ulfoot-links{display:flex; justify-content:center; padding:0rem; margin:1rem 0rem .5rem 0rem;}
	.foot-copyrght{display:flex; justify-content:center; gap:2rem;}
	.downloadapp h2{font-size:42px;}
	.downloadapp h4{font-size:24px;}
	.downloadapp h5{font-size:26px;}
    .flex{display:flex;}
    .askD .askdoubtspre{display:grid; grid-template-columns:1fr 1fr; justify-content:center; gap:1rem;}
    .live-classes-desc{justify-content:center;}
    .contactForm{display:grid; grid-template-columns: 50% 1fr;}
    .contact-form{display:grid; width:90%;}
    .profGrid{display:grid; grid-template-columns:repeat(2, 1fr); align-items: center; gap: 1rem;}
    #sidebarPlayer .tooltip-container .tooltip-text{bottom:28%; right:10%; transform:translateX(-5%); }
    .tooltip-container .tooltip-text{bottom:28%; right:0%; transform:translateX(-25%); }
    .tooltip-container-curriculum .tooltip-text{bottom:15%; right:5%;}
    .courseprogress .w-full{width:145px;}
    .courseprogress .text-sm{font-size:.75rem;}
    .courseW{width:-webkit-fill-available;}
    .childEdu{display:grid; grid-template-columns:1fr 1fr; gap:2rem;}
    .enrollPlans h2{font-size:26px;}
    .playerTitle{display:flex;}
    .curheading img{width:26px; min-width:26px; height:26px;}
    #unitDetails{height:calc(100vh - 50px);}
    .md\:text-2xl{font-size:1.3rem;}
    .banner .banner-left{width:495px; margin:0rem 0rem 0rem 6rem;}
    .tutorixStudents{display:inline;}
    .custom-content h2{display:flex; justify-content:space-between; align-items:flex-start; gap:1rem;}
    .errorpage{display:grid; grid-template-columns:70% 1fr; justify-content:center; align-items:center; gap:2rem; border:1px solid #ccc; padding:2rem; margin:2rem 0rem 4rem 0rem; border-radius:.75rem;} 
    .doubtP p{font-size: 18px;}
}
@media (max-width: 768px){ 
    /* small devices */
    .container{max-width:98%; margin:0 auto;}
    .courseprogress{width: 100px !important;}
    .courseD{width:90px !important;}
    .min-h-svh main{display:flex; justify-content: center; align-items: center; height:100vh;}
    .videoplayer .gap-4{display:grid;}
    #registerForm{margin:1rem 0rem 1rem 0rem;}
    .subscriptionDetails{width:100%; margin:0rem auto 1rem auto; padding:0rem; overflow: auto;}
    .selectPlan{width:100%;}
    ul.ulfoot-links{display:block; column-count:2; gap:1rem; padding:0rem; margin:.75rem 0rem .5rem 0rem;}
	.foot-copyrght{display:grid; justify-content:center; text-align:center; gap: 1rem;}
	.downloadapp h2{font-size:22px;}
	.downloadapp h4{font-size:18px;}
	.downloadapp h5{font-size:18px;}
    .askD .askdoubtspre{display:grid; grid-template-columns:auto; justify-content:center; gap:1rem;}
    .live-classes-desc{justify-content:flex-start;}
    .contactForm{display:block; grid-template-columns:auto; gap:2rem}
    .contact-form{margin:0rem 0rem 2rem 0rem; padding:0rem;}
    .profGrid{display:block; grid-template-columns:auto; align-items: center; gap: 1rem;}
    .mystudent .flex{display:grid;}
    .mystudent .flex{display:grid;} 
    .filterBtn{display:flex!important;}
    #closeSidebarBtn{right:0px; top:0px;}
    #class-container .justify-center{justify-content:flex-start;}
    #sidebarPlayer .tooltip-container .tooltip-text{bottom:76%; right:10%; transform:translateX(-4%);}
    .tooltip-container .tooltip-text{bottom:76%; right:0%; transform:translateX(-4%);}
    .tooltip-container-curriculum .tooltip-text{bottom:30%; right:17%;}
    .customModal{width:95%; height: auto; margin:5% auto; padding:1rem; top:1%; border-radius:0.5rem;} 
    .videoplayer .gap-4{display:grid!important;} 
    .contact-form{display:grid; width:90%; margin:0rem 0rem 3rem 0rem;} 
    #sidebarPlayer{position:sticky !important; top:0px; height:85vh;}
    #sidebar{position: absolute;top:0px; height:100vh;}
    .pos-top{top:100px !important;}
    .main-top nav{height:50px; padding:0rem 1.2rem 0rem 0rem;} 
    .mystudent .flex{display:grid;} 
    #closeSidebarBtn{right:5px; top:8px;}
    .courseprogress .w-full{width:125px;}
    .courseprogress .text-sm{font-size:.65rem;}
    .courseW{width:-webkit-fill-available;}
    .childEdu{display:block; grid-template-columns:auto; gap:3rem;}
    .enrollPlans h2{font-size:18px;}
    .sm\:w-\[25\%\]{width:100%;}
    .playerTitle{display:grid; gap:0rem;}
    .curheading img{width:22px; height:22px;}
    #unitDetails{height: calc(85vh - 50px);;}
    .md\:text-2xl{font-size:1.1rem;}
    .banner .banner-left{width:100%; margin:0rem 0rem 0rem 0rem;}
    .tutorixStudents{display:none;}
    .custom-content h2{display:grid; justify-content:space-between; align-items:flex-start; gap:1rem;}
    .errorpage{display:block; grid-template-columns:auto; justify-content:center; align-items:center; gap:2rem; border:1px solid #ccc; padding:2rem; margin:2rem 0rem 4rem 0rem; border-radius:.75rem;} 
    .usefullinks{margin-top:2rem;}
    .noGrid{display: flex !important ;}
    #doubtImg1{width: 65vw;}
    #doubtImg2{width:110vw;}
    .doubtP p{font-size: 13px;}
} 

/* Custom Css*/
/* tab */
  @media (min-width: 768px) and (max-width: 1024px) {
    #doubtImg1{width: 30vw;}
    #doubtImg2{width: 45vw;}
    ul.ulfoot-links{display:block; column-count:2; gap:10rem; padding:0rem; margin: 1rem 0rem 1rem 0rem;}
    .jcon {justify-content: flex-start;}
    img.punchimg{margin-left: 10%;}
  }

/* desktop */
 @media (min-width: 1024px) {
    #doubtImg1{width: 100%; height: auto;}
    #doubtImg2{width: 100%;height: auto;}
 }
 /* Mobile */
.feedBackBody{max-height:75vh; overflow-y:auto;}
@media(max-width:480px){
    .live-classes-box{justify-content: flex-start;}
    .minH{min-height: 65px;}

}

@media(max-width: 560px){
    .minH{min-height: 70px;}
}