body{
    padding: 0;
    margin: 0;
    font-family: Nunito;
}.open-menu #new-navbar-admin {
  left: -500px;
  transition: .3s;
}
.click-profiles {
  display: none;
}
#successPopup,#successPopups {
  background: green;
  width: auto;
  position: fixed;
  top: 50px;
  right: 0px;
  padding: 15px 10px;
  color: #fff;
  border-radius: 10px 0px 0px 10px;
} .click-profiles p {
    width: 40px;
    height: 40px;
    background:#02597b;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}.click-profiles a {
  text-decoration: none;
}#detail-sections-1 .form-groupp.flex-group-btn {
  display: flex;
  gap: 20px;
}.update-profile-page #detail-sections-1 .click-formms{
  padding: 0 15px;
    padding-top: 0px;
  border-top: 1px solid #3b6f84;
  padding-top: 20px;
}.update-profile-page #detail-sections-1 .click-formms .button-submit#delete-userr {
    background: #000;
    border-color: #000;
    width: 100%;
}.update-profile-page #detail-sections-1 .click-formms  .button-submit#delete-userr:hover {
  background: #333;
  border-color: #333;
}.blink-popup {
    position: fixed;
    top: 20px;
    right: 20px;
    background: #dc3545;
    color: #fff;
    padding: 15px 25px;
    border-radius: 8px;
    font-weight: bold;
    z-index: 9999;
    animation: blink 1s infinite;
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}
 /*===============Main-index-page===============*/
 
 #main-page-page {
  display: flex;
  height: 100vh;
  align-items: center;
  justify-content: center;
}#main-page-page .container {
  max-width: 100%;
  padding: 0;
  height: 100%;
}#main-page-page .container .row{ 
  margin: 0;
  height: 100%;
}#main-page-page .container .row .col-md-6.main-panel {
  padding: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}#main-page-page .image-wrper-main img {
  width: 100px;
  margin: 0 auto;
  display: block;
}#main-page-page .image-wrper-main-content h2 {
  text-align: center;
  font-family: Nunito;
  text-transform: capitalize;
  font-weight: 900;
  font-size: 26px;
  letter-spacing: 1px;
  margin: 15px auto 0px;
}#main-page-page #admin-panel-click {
  background: #02587a;
}#main-page-page #admin-panel-click .image-wrper-main-content h2 {
  color: #fff;
}#main-page-page .container .row .col-md-6.main-panel:hover {
  background: #5ca4c4 !important;
  transition: .3s;
}#main-page-page .container .row .col-md-6.main-panel:hover h2 {
  color: #fff;
}
 /*===============End-Main-index-page===============*/
 

/*===============End-admin-view-profile===============*/
#admin-view-profile {
  padding: 100px 0px 50px !important;
}#admin-view-profile .row {
  margin: 0;
}#admin-view-profile .col-lg-12 {
  padding: 0;
}#admin-view-profile .wrap-ulllul-proiflees.round-profiles {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  padding: 12px 10px;
  box-shadow: 2px 1px 7px 4px #edeef2;
  margin-bottom: 30px;
  gap: 10px;
}#admin-view-profile .rounded-circle.mb-3.bg-dark {
  width: 80px !important;
  height: 80px !important;
  background: #fff !important;
}#admin-view-profile .nammes-proof-r h3 {
  font-weight: bold;
  font-size: 18px;
  color: #000;
  margin-bottom: 5px;
  text-transform: capitalize;
}#admin-view-profile .nammes-proof-r a {
  color: #03587a;
  font-family: Inter;
  font-size: 12px;
  position: relative;
  display: inline-block;
  text-decoration: none;
}#admin-view-profile .nammes-proof-r a::after {
  content: '\f054';
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}#admin-view-profile .wrap-ulllul-proiflees.margin-profile {
  margin-bottom: 40px;
}#admin-view-profile .ul-profile-spsein {
  padding: 0;
  list-style: none;
  margin: 0;
}#admin-view-profile .ul-profile-spsein li {
  background: #fff;
  padding: 12px 10px;
  margin-bottom: 15px;
  border-radius: 10px;
  box-shadow: 2px 1px 7px 4px #edeef2;
}#admin-view-profile .ul-profile-spsein a {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #000;
  font-family: Nunito;
  font-size: 16px;
  position: relative;
  text-decoration: none;
  font-weight: 600; 
}#admin-view-profile .round-pppgre {
  background: #e8e8e8;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  height: 30px;
}#admin-view-profile .ul-profile-spsein a::after {
  content: '\f054';
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}#admin-view-profile .round-pppgre img {
  width: 15px;
  height: 15px;
}#admin-view-profile .wrap-ulllul-proiflees h4 {
  font-family: Inter;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  border-left: 3px solid #03587a;
  padding-left: 10px;
  margin-bottom: 10px;
}#admin-view-profile .ul-profile-spsein li:hover {
  background: #02597b;
  color: #fff;
  transition: .3s;
}#admin-view-profile .ul-profile-spsein li:hover a{ 
  transition: .3s;
  color: #fff;
}
/*===============End-admin-view-profile===============*/

 /*===============policy-page===============*/
 #nav-s {
  background: #fff;
  padding: 10px 0px;
}#nav-s .container {
  max-width: 100%;
  width: 100%;
}#nav-s .container .row {
  margin: 0;
}#nav-s .wrapper-nav-cmtions img {
  width: 200px;
}#index-page-1.policy-page {
  background: #f4f5fa;
}#policy-page {
  padding: 100px 0px;
}#policy-page .container {
  max-width: 100%;
  width: 50%;
  margin: 0 auto;
  padding: 30px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
} #policy-page .title-policyys h1 {
  color: #000;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
}#policy-page .content-policyys p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}#policy-page .content-policyys h2 {
  font-weight: bold;
  font-size: 20px;
  margin-top: 30px;
}#policy-page .footer-note a {
  text-decoration: none;
}.contact-pages .content-policyys.contact-us-policyys input,.contact-pages .content-policyys.contact-us-policyys select {
  height: 45px;
  width: 100%;
  border-radius: 6px;
  border: 1px solid #ccc;
  padding: 10px;
  background: #fff;
}.contact-pages .content-policyys.contact-us-policyys input:focus-visible {
  outline: 0;
  border-color: skyblue;
}.contact-pages .content-policyys.contact-us-policyys textarea {
  width: 100%;
  height: 100px;
  border-radius: 6px;
  border: 1px solid #ccc;
  padding: 5px 10px;
}.contact-pages .content-policyys.contact-us-policyys textarea:focus-visible {
  outline: 0;
  border-color: skyblue;
}.contact-pages .content-policyys.contact-us-policyys button {
  width: 50%;
  height: 45px;
  background: #02587a;
  color: #fff;
  border: 1px solid #02587a;
  border-radius: 6px;
  margin: 0 auto 50px;
  display: block;
}.contact-pages .content-policyys.contact-us-policyys button:hover {
  background: #64b8d9;
  border-color: #64b8d9;
  transition: .3s;
}.contact-pages .title-policyys.content-dsd p {
  text-align: center;
  color: #6c6b6b;
  margin-bottom: 30px;
}.contact-pages .title-policyys.content-dsd h1 {
  margin-bottom: 10px !important;
}.back-btn-arrow {
  position: absolute;
  top: -50px;
  left: 0;
}

 /*===============End-policy-page===============*/
 
 /*===============Admin-login-page===============*/
#wraper-login-page {
  background: #f4f5fa;
  height: 100vh;
  align-items: center;
  display: flex;
  justify-content: center;
}#wraper-login-page .row {
  justify-content: center;
}#wraper-login-page .row .wrap-login-logo .wrap-login-form {
  background: #fff;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 3px 4px 4px 1px #f4f4f4;
}#wraper-login-page .wrap-login-text h1 {
  font-family: Nunito;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  margin: 10px auto 30px;
  position: relative;
}#wraper-login-page  .wrap-login-text h1::after {
  content: 'Enter your phone number to receive a secure OTP.';
  font-size: 14px;
  display: block;
  font-weight: 600;
  color: #6c6c6c;
  margin-top: 8px;
  letter-spacing: .5px;
}#wraper-login-page  .wrap-login-form .control-label {
  font-family: Nunito;
  font-size: 16px;
}#wraper-login-page  #form-with-otp input {
  border: 1px solid #ced4da;
  height: 45px;
  font-family: Nunito;
}#wraper-login-page  #form-with-otp input:focus {
  box-shadow: none;
  border: 1px solid #d4d4ff;
  outline: 0;
}#wraper-login-page  .form-group.form-group-btn .btn-sm.btn-block {
  width: 100%;
  display: block;
  max-width: 100%;
  height: 40px;
  font-family: Nunito;
  text-transform: capitalize;
  font-weight: bold;
  letter-spacing: .5px;
  background: #02587a;
  border: 1px solid #02587a;
  box-shadow: unset;
  font-size: 14px;
}#wraper-login-page  .form-group.form-group-btn .btn-sm.btn-block:hover{
    background:#62b7d9;
  border: 1px solid #62b7d9;
  transition:.3s;
}#wraper-login-page  .wrap-login-form .registernnrw {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 0px;
  margin-top: 5px;
  font-family: Nunito;
  color: #000;
}#wraper-login-page  .wrap-login-form .registernnrw a {
  background: transparent;
  color: #02587a;
  border: 0;
  font-family: Nunito;
  font-weight: 600;
  font-size: 16px;
}#wraper-login-page .btn.btn-primary.float-right.btn-sm:focus {
  outline: 0;
  box-shadow: none;
}#wraper-login-page  #login-with-password {
  background: transparent;
  color: #02587a;
  border: 0;
  font-family: Nunito;
  font-weight: 600;
  font-size: 16px;
  display: block;
  text-align: left;
  width: 100%;
  float: unset !important;
  margin-top: 5px;
}#login-with-otp {
  background: transparent;
  color: #02587a;
  border: 0;
  font-family: Nunito;
  font-weight: 600;
  font-size: 16px;
  display: block;
  text-align: left;
  width: 100%;
  float: unset !important;
  margin-top: 5px;
}#form-with-password {
  display: none;
}#form-with-password input:focus {
  box-shadow: none;
}
 
 /*===============End-Admin-login-page===============*/
 
     

 /*===============Admin-registration-page===============*/
 #wraper-register-page {
  background: #f4f5fa;
  padding: 50px 0px;
  height: 100vh;
  display: flex;
  align-items: center;
}#wraper-register-page .row {
  justify-content: center;
}#wraper-register-page .wrap-register-text h1 {
  font-size: 38px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 30px;
}#wraper-register-page .wrap-box-shoadaw {
  padding: 20px;
  background: #fff;
  margin: 0px 0px 30px;
  box-shadow: 2px 1px 7px 4px #edeef2;
  border-radius: 8px;
}#wraper-register-page .wrap-box-shoadaw label {
  font-family: Nunito;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #424242;
}#wraper-register-page .wrap-box-shoadaw input {
  height: 45px;
  border: 1px solid #dee2e6;
}#wraper-register-page .wrap-box-shoadaw input:focus {
  box-shadow: none;
}#wraper-register-page  .btn.btn-success.submmit-scuces {
  width: 100%;
  background: #02587a;
  border: 1px solid #02587a;
  font-weight: 600;
  letter-spacing: .5px;
  height: 40px;
}#wraper-register-page .btn.btn-success.submmit-scuces:focus {
  outline: 0;
  box-shadow: unset;
}#wraper-register-page .btn.btn-success.submmit-scuces:hover {
  background: #62b7d9;
  border-color: #62b7d9;
  transition: .3s;
}#wraper-register-page .registernnrw {
  font-weight: bold;
  margin: 20px 0px !important;
}#wraper-register-page .registernnrw a {
  color: #02587a;
  background: transparent;
  border: 0;
  font-weight: bold;
  font-size: 16px;
}#wraper-register-page .registernnrw a:focus {
  box-shadow: none;
}
 /*===============End-Admin-registration-page===============*/




 /*===============Partner-with-us-page===============*/
#section-partnerr {
  padding: 0;
  height: 60vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}#section-partnerr::before {
  content: '';
  background: rgba(0,0,0,0.4);
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
}#section-partnerr .wrap-partenr-contnt {
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%,-50%);
  text-align: center;
  color: #fff;
  z-index: 1;
}#section-partnerr .wrap-partnerr-iner h1 {
  font-family: Nunito !important;
  font-size: 50px;
  font-weight: bold;
  text-shadow: 2px 2px #222;
}#section-partnerr .register-btn-partner {
  background: #62b7d9;
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 50px;
  text-decoration: none;
  font-family: Nunito;
}#section-partnerr .register-btn-partner:hover {
  background: #000;
  transition: .3s;
}#section-partnerr-charge .wrapper-heading-cmtions h3 {
  text-align: center;
  color: #02587a;
  margin: 100px 0px 0px;
  font-size: 24px;
}#section-partner-2 {
  padding: 150px 00px;
}#section-partner-2 .row {
  align-items: center;
}#section-partner-2 .wrap-partner2-iner h2 {
  font-weight: 900;
  color: #222;
  font-family: Nunito;
  font-size: 60px;
  line-height: 1.2;
  margin-bottom: 20px;
}#section-partner-2 .wrap-partner2-iner p {
  font-size: 20px;
  color: #222;
  line-height: 1.4;
}#section-partner-2 .partner-uls {
  padding: 0;
  margin: 0;
  list-style: none;
}#section-partner-2 .partner-uls li {
  font-size: 20px;
  color: #222;
  position: relative;
  line-height: 1.4;
  padding-left: 20px;
  padding-bottom: 5px;
}#section-partner-2 .partner-uls li::before {
  content: '⮚';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transform: unset;
}#section-partner-2 .wrap-partner2-image img {
  width: 100%;
}#section-faq {
  padding-bottom: 100px;
}#section-faq h1 {
  font-size: 70px;
  color: #000;
  text-shadow: unset;
  font-family:Nunito !important;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
}#section-faq .accordion-content {
  padding: 15px;
  display: none;
  overflow: hidden;
  background-color: white;
  border-radius: 0px 0px 5px 5px;
}#section-faq .accordion-button {
  background: #fff; 
  background-color: #fff !important;
}#section-faq .accordion-button:focus {
  outline: 0!important;
  box-shadow: unset!important;
}#section-faq .accordion {
  --bs-accordion-border-color: unset !important;
  border-bottom: 1px solid #e6e6e6;
}#section-faq .accordion-button.active::after {
  rotate: 180deg;
  transition: .3s;
}
 /*===============End-Partner-with-us-page===============*/


    /*===============sidebar-css===============*/
    #new-navbar-admin .container ul li:nth-child(1) a:hover {
      background: transparent;
    }#new-navbar-admin {
      position: fixed;
      left: 0;
      top: 0;
      height: 100vh;
      background: #f4f5fa;
      padding: 10px  0px;
      z-index: 1;
    }#new-navbar-admin .container {
      padding: 0;
    }#new-navbar-admin .row {
      margin: 0;
    }#new-navbar-admin .row .col-lg-12 {
      padding: 0;
    }#new-navbar-admin .container ul {
      padding: 0;
      margin: 0;
      list-style: none;
    }#new-navbar-admin .container ul a {
      color: #02587a;
      text-decoration: none;
      padding: 15px 40px;
      display: block;
    }#new-navbar-admin .container ul .activehh a {
        color: #fff;
        background: #02597b;
        border-radius: 0px 40px;
    }body #new-navbar-admin .container ul a:hover {
      background: #02597b;
      color: #fff !important;
      border-radius: 0 40px;
    }#new-topvar-admin {
      position: fixed;
      top: 0;
      background: #f4f5fa;
      width: 100%;
      z-index: 1;
    }#new-topvar-admin .wrapper-topbar-admin {
      text-align: center;
      background: #f4f5fa;
      padding: 10px 0px;
    }#new-topvar-admin .wrapper-topbar-admin h1 {
      color: #03587a;
      text-align: center;
      text-transform: capitalize;
      font-size: 22px;
      margin: 0;
      font-weight: bold;
    }#new-navbar-admin .container ul a:hover {
      color: #3291b7 !important;
      transition: .3s;
    }#new-topvar-admin .click-menus {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        z-index: 111;
        cursor: pointer;
    }#new-topvar-admin .click-menus img {
        width: 20px; 
    }#wrap-admin-sidebar .logout-btn {
        background: #02597b;
        color: #fff;
        text-decoration: none;
        padding: 8px 20px;
        display: inline-block;
        width: 70%;
        text-align: center;
        border-radius: 0px 40px;
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
    }#wrap-admin-sidebar .logout-btn:hover {
      background: #62b7d9;
      transition: .3s;
    }
    /*===============End-sidebar-css===============*/
    
    
    
    /*===============Student-Registration-Page-css===============*/
    .student-registration-page #detail-sections-1 .container {
      max-width: 1400px;
      transition: .3s;
    }.student-registration-page.open-menu #detail-sections-1 .container {
      max-width: 100% !important;
      transition: .3s;
    }.student-registration-page #add-students {
      position: fixed;
      background: #fff;
      padding: 30px;
      border-radius: 8px;
      z-index: 111;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      width: 50%;
      display: none;
    }.student-registration-page #add-students .row {
      margin: 0;
    }.student-registration-page #add-students .row .col-lg-12, .student-registration-page #add-students .container {
      padding: 0;
    }.student-registration-page #add-students .header-wrpper-students h2 {
      text-align: left;
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 15px;
      border-bottom: 1px solid #ececec;
      padding-bottom: 15px;
    }.student-registration-page #add-students .label-erper {
      display: block;
      text-align: left;
      font-weight: 600;
      margin-bottom: 5px;
    }.student-registration-page #add-students .middle-wrpper-students input {
       width: 100%;
       height: 40px;
      padding: 10px;
      border: 1px solid #d9d9d9;
      border-radius: 4px;
    }.student-registration-page #add-students .middle-wrpper-students input:focus-visible,#add-students .middle-wrpper-students textarea:focus-visible {
      outline: 0;
      border-color: #96c4ff;
    }.student-registration-page #add-students .row.row-sstudent textarea {
      width: 100%;
      height: 100px;
      padding: 10px;
      border: 1px solid #d9d9d9;
      border-radius: 4px;
    }.student-registration-page #add-students .row.row-sstudent .col-lg-12 {
      padding: 0 15px;
    }.student-registration-page #add-students #closeddd {
      position: absolute;
      right: 20px;
      top: 20px;
      z-index: 1;
      cursor: pointer;
    }.student-registration-page #add-students #submit-btn {
      background: #02587a;
      border: 1px solid #02587a;
      border-radius: 4px;
      color: #fff;
      text-transform: capitalize;
      font-weight: bold;
      letter-spacing: 0.5px;
    }.student-registration-page #add-students #submit-btn:hover {
      background: #5ba2c2;
      border-color: #5ba2c2;
      transition: .3s;
    }.student-registration-page #add-students #select-class {
      width: 100%;
      height: 40px;
      padding: 10px;
      border: 1px solid #d9d9d9;
      border-radius: 4px;
      background: #fff;
    }.open-student-reg::before {
      content: '';
      background: rgba(0,0,0,0.6);
      left: 0;
      bottom: 0;
      right: 0;
      top: 0;
      position: fixed;
      z-index: 111;
    }.open-student-reg #add-students{
        display: block;
    }
    /*===============End-Student-Registration-Page-css===============*/
    
    
    
    /*===============End-students-details-view-Page-css===============*/
    #students-details-view .container {
      margin: 100px auto;
    }
     #students-details-view .edit-profile-a {
      color: #02597b;
      font-weight: bold;
      text-decoration: none; 
      position: relative;
    }
    #students-details-view .edit-profile-a::after {
        content: '\f054';
        font-family: "Font Awesome 6 Pro";
        position: absolute;
        right: -15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 14px;
    }
    #students-details-view .edit-profile-a:hover {
      color: #62b7d9;
      transition: .3s;
    }
    #students-details-view .profile-card{
        max-width:700px;
        margin:40px auto;
        background:#fff;
        border-radius:10px;
        padding:25px;
        box-shadow:0 5px 15px rgba(0,0,0,0.15);
    }
    #students-details-view .profile-header{
        display:flex;
        gap:20px;
        align-items:center;
    }
    #students-details-view .profile-header img{
        width:120px;
        height:120px;
        border-radius:50%;
        object-fit:cover;
    }
    #students-details-view .profile-details{
        margin-top:25px;
    }
    #students-details-view .detail-row{
        display:flex;
        justify-content:space-between;
        padding:10px 0;
        border-bottom:1px solid #eee;
    }
    #students-details-view .detail-row span:first-child{
        font-weight:600;
        color:#555;
    }
    #students-details-view .back-btn{
        display:inline-block;
        margin-top:20px;
        background:#02597b;
        color:#fff;
        padding:8px 20px;
        border-radius:30px;
        text-decoration:none;
    }
    #students-details-view .back-btn:hover {
      background: #000;
      transition: .3s;
    }
    /*===============End-students-details-view-css===============*/
    
    
    
    /*===============add-notes-page-css===============*/
    .add-notes-page #add-notes {
      padding: 100px 0px;
    }.add-notes-page #add-notes .col-lg-8.lg-coulmnnss {
      margin: 0 auto;
      display: block;
    }.add-notes-page #add-notes .whole-wrpper-students {
      padding: 0px;
      border: 1px solid #02597b;
      background: #02597b;
      border-radius: 6px;
    }.add-notes-page #add-notes .header-wrpper-students {
      padding: 15px 20px;
      border-bottom: 1px solid #3b6f84;
    }.add-notes-page #add-notes .header-wrpper-students h2 {
      font-size: 22px;
      color: #fff;
      margin: 0;
      font-weight: bold;
      font-family: Quicksand;
      position: relative;
    }.add-notes-page #add-notes .middle-wrpper-students {
      padding: 20px 0px;
    }.add-notes-page #add-notes  #form-submition .label-erper {
      color: #fff;
      font-weight: bold;
      font-family: lato;
      display: block;
      margin-bottom: 10px;
    }.add-notes-page #add-notes .row.row-sstudent {
      margin: 0;
    }.add-notes-page #add-notes .form-group.form-grgd select {
      height: 45px;
      width: 100%;
      padding: 10px;
      border-radius: 6px;
      border: 0;
      background: #fff;
    }.add-notes-page #add-notes .form-group.form-grgd input:focus-visible {
      outline: 0;
    }.add-notes-page #add-notes .form-group.btn-ssss .submit-btn {
      width: 100%;
      height: 45px;
      border: 0;
      background: #000;
      color: #fff;
      text-transform: capitalize;
      font-weight: bold;
      letter-spacing: .5px;
      border-radius: 6px;
    }.add-notes-page #add-notes .form-group.btn-ssss .submit-btn:hover {
      background: #222!important;
      transition: .3s;
    }.add-notes-page #add-notes .row.row-sstudent #classname {
      height: 45px;
      width: 100%;
      background: #fff;
      border: 0;
      border-radius: 6px;
      padding: 10px;
    }.add-notes-page #add-notes .row.row-studesnts {
      margin: 0;
    }.add-notes-page #add-notes .row.row-studesnts .form-group.btn-ssssss a {
      background: #000;
      text-decoration: none;
      padding: 10px 20px;
      border-radius: 40px;
      color: #fff;
      font-weight: 500;
      display: inline-block;
    }.add-notes-page #add-notes .row.row-studesnts .form-group.btn-ssssss a:hover {
      background: #64b8da;
      text-decoration: none;
      padding: 10px 20px;
      border-radius: 40px;
      color: #fff;
      font-weight: 500;
      display: inline-block;
      transition: .3s;
    }.add-notes-page #add-notes .middle-wrpper-students {
      padding: 20px 0px;
      border-bottom: 1px solid #3b6f84;
      margin-bottom: 20px;
    }.add-notes-page .success-popup {
        position: fixed;
        top: 20px;
        right: 20px;
        background: #28a745;
        color: #fff;
        padding: 14px 22px;
        border-radius: 6px;
        font-size: 15px;
        font-weight: 500;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        z-index: 9999;
        animation: slideIn 0.4s ease;
    }@keyframes slideIn {
        from {
            opacity: 0;
            transform: translateX(50px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }
    /*===============End-add-notes-page-css===============*/
    
    
    /*===============View-all-notes-page-css===============*/
    #view-notes {
      padding: 100px 0px;
    }
    #view-notes .container .col-lg-8.lg-coulmnnss {
      margin: 50px auto 0px;
    }
    #view-notes .header-wrpper-notes h2 {
      font-weight: bold;
      font-size: 26px;
      line-height: 1.4;
      margin-bottom: 20px;
    }
    #view-notes .delete-btn {
      background: #02597b !important;
      color: #fff;
      text-decoration: none;
      text-align: center;
      border-radius: 30px;
      padding: 5px 20px;
      display: inline-block;
      font-size: 14px;
    }
    #view-notes .row.row-gtilfter input {
      width: 100%;
      height: 45px;
      padding: 10px;
      border-radius: 6px;
      border: 1px solid #ccc;
    }
    #view-notes .row.row-gtilfter select {
      height: 45px;
      width: 100%;
      background: #fff;
      border: 1px solid #ccc;
      padding: 10px;
      border-radius: 6px;
    }
    #view-notes .flex-btn-wrpperrdsdd {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    #view-notes .flex-btn-wrpperrdsdd button {
      height: 45px;
      width: 100%;
      transition: .3s;
    }
    #view-notes .flex-btn-wrpperrdsdd .filter-btn-s {
      background: #02597b;
      color: #fff;
      border-radius: 6px;
      border: 1px solid #02597b;
    }
    #view-notes .flex-btn-wrpperrdsdd .reset-btn-s {
      background: #000;
      color: #fff;
      border-radius: 6px;
      border: 1px solid #000;
    }
    #view-notes .flex-btn-wrpperrdsdd button:hover {
      opacity: .6;
    }
    #view-notes table.fliter-result-table{
        width:100%;
        border-collapse:collapse 
    }
    #view-notes .fliter-result-table th,#view-notes .fliter-result-table td{
        border:1px solid #ddd;
        padding:8px 
    }
    #view-notes .fliter-result-table th{
        background:#f2f2f2
    }
    #view-notes .fliter-result-table .preview-img{
        width:60px;
        cursor:pointer
    }
    #view-notes .pagination a{
        margin:0 5px;
        text-decoration:none
    } 
    #view-notes .delete-btn:hover {
      background: #62b7d9 !important;
      transition: .3s;
    }
    #view-notes .back-btn-lls {
      background: #000;
      text-decoration: none;
      padding: 8px 20px;
      display: inline-block;
      border-radius: 40px;
      color: #fff;
      transition: .3s;
    }
    #view-notes .back-btn-lls:hover {
      background: #62b7d9;
    }
    #view-notes .pagination a {
      margin: 0 5px;
      text-decoration: none;
      background: #02597b;
      color: #fff;
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
    }
    #view-notes .pagination {
      justify-content: center;
      margin: 20px auto 0;
    }
    #view-notes .pagination a:hover {
      background: #64b8da;
      transition: .3s;
    }
    #view-notes .downloadss {
      background: #000;
      color: #fff;
      text-decoration: none;
      text-align: center;
      border-radius: 30px;
      padding: 5px 20px;
      display: inline-block;
      font-size: 14px;
    }
    #view-notes .downloadss:hover {
      color: #fff;
      text-decoration: none;
      background: #5aa2c1;
      transition: .3s;
    }
    #view-notes .row.row-gtilfter input:focus-visible {
      outline: 0;
      border-color: skyblue; 
    }
    /*===============End-View-all-notes-page-css===============*/
    
    
     
    /*===============attendance-and-view-attendance-page-css===============*/
    #attendance-notes {
      padding: 100px 0px;
    }#attendance-notes .whole-wrpper-attendance {
      padding: 0px;
      border: 1px solid #02597b;
      background: #02597b;
      border-radius: 6px;
    }#attendance-notes .header-wrpper-attendance {
      padding: 15px 20px;
      border-bottom: 1px solid #3b6f84;
      position: relative;
    }#attendance-notes .header-wrpper-attendance h2 {
      font-size: 22px;
      color: #fff;
      margin: 0;
      font-weight: bold;
      font-family: Quicksand;
      position: relative;
    }#attendance-notes .middle-wrpper-attendance {
      padding: 20px 0px;
      border-bottom: 1px solid #3b6f84;
      margin-bottom: 20px;
    }#attendance-notes .row.row-attendance-d {
      margin: 0;
    }#attendance-notes .row.row-attendance-d .form-group label {
      color: #fff;
      font-weight: bold;
      font-family: lato;
      display: block;
      margin-bottom: 10px;
    }#attendance-notes .row.row-attendance-d .form-group select {
      height: 45px;
      width: 100%;
      padding: 10px;
      border-radius: 6px;
      border: 0;
      background: #fff;
    }#attendance-notes .form-group.form-group-btnns .btn {
      background: #000;
      color: #fff;
      padding: 10px 20px;
      border-radius: 6px;
    }#attendance-notes .form-group.form-group-btnns .btn:hover{
        background: #62b7d9;
        transition: .3s;
    }#attendance-notes .attendance-form .row.row-attendance-d .col-lg-4 {
      display: flex;
      align-items: center;
    }#attendance-notes .attendance-form .row.row-attendance-d .col-lg-4 .form-group.form-group-btnns {
      margin: 0;
    }#attendance-notes .form-students-post {
      padding: 0 15px;
    }#attendance-notes .form-students-post table tbody tr {
      background: #fff;
    }#attendance-notes .btn.btn-save-attedence {
      background: #000;
      color: #fff;
      margin: 20px auto 0px;
      display: block;
       padding:8px 15px; 
        cursor:pointer;  
    }#attendance-notes .btn.btn-save-attedence:hover {
      background: #62b7d9;
      transition: .3s;
    } #attendance-notes table { 
        width:100%; 
        border-collapse:collapse; 
        margin-top:20px;  
    }
    #attendance-notes th,#attendance-notes  td { 
        border:1px solid #ccc; 
        padding:8px; 
        text-align:center;  
    }
    #attendance-notes th { 
        background:#333; 
        color:#fff;
    } 
    #attendance-notes select { 
        padding:6px;  
    }#attendance-notes .form-group.form-group-btnns .btn:focus {
      outline: 0;
      box-shadow: none;
    }#attendance-notes .view-attendance {
      background: #64b9db;
      color: #fff;
      padding: 12px 20px;
      border-radius: 6px;
      text-decoration: none;
    }#attendance-notes .view-attendance:hover {
      background: #222;
      transition: .3s;
    }.view-attendance-page #attendance-notes .form-students-post tr {
      background: #fff;
    }.view-attendance-page #attendance-notes .row.row-attendance-d .view-calender {
      height: 45px;
      width: 100%;
      padding: 10px;
      border-radius: 6px;
      border: 0;
      background: #fff;
    }.view-attendance-page #attendance-notes .row.row-attendance-d .view-calender:focus-visible {
      outline: 0;
    }.view-attendance-page #attendance-notes .form-students-post {
      padding: 0 15px;
      width: 98%;
      margin-left: auto;
      margin-right: auto;
    }.view-attendance-page .no-data-found p {
      text-align: center;
      margin: 0;
      font-size: 30px;
      color: #ffc0c0;
    }.fees-structure-page #attendance-notes .table-fee-structure tr {
      background: #fff;
    }.fees-structure-page #attendance-notes table.table-fee-structure {
      width: 98%;
      margin: 0 auto;
    }.fees-structure-page #attendance-notes .no-data-found p {
      text-align: center;
      margin: 0;
      font-size: 30px;
      color: #ffc0c0;
    } .fees-structure-page #studentPopup.stuents-popup .title-details-wrpper h3 {
      text-align: left;
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 15px;
      border-bottom: 1px solid #ececec;
      padding-bottom: 15px;
    }.fees-structure-page #studentPopup.stuents-popup label {
      display: block;
      text-align: left;
      font-weight: 600;
      margin-bottom: 5px;
    }.fees-structure-page #studentPopup.stuents-popup input,#studentPopup.stuents-popup select{
        width: 100%;
        height: 40px;
        padding: 10px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        background: #fff;
    }.fees-structure-page #studentPopup.stuents-popup .form-group button:hover {
      background: #000 !important;
      transition: .3s !important;
    }.fees-structure-page #studentPopup.stuents-popup input:focus-visible {
      outline: 0;
      border-color: skyblue !important;
    }
    /*===============End-attendance-and-view-attendance-page-css===============*/
    
     /*===============Table-structure-search-css===============*/
     .full-width-structure #detail-sections-1 .col-lg-8.detail-wrp-lg {
      width: 100%;
      margin-right: 0 !important;
    }.full-width-structure .search-box-position { 
      position: relative;
    }.full-width-structure .search-box-position #searchInput {
      font-size: 14px;
      padding: 8px 10px;
      border: 1px solid #fff;
      border-radius: 4px;
      width: 100%;
    }.full-width-structure .search-box-position svg {
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
    }.full-width-structure .search-box-user {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      max-width: 350px;
      width: 100%;
    }.full-width-structure .search-box-position #searchInput:focus-visible {
      outline: 0;
    }.full-width-structure  .delete-btn {
      background: transparent;
      border: 0;
      margin: 0 auto;
      display: block;
    }#filter-details-view.view-batches-section .create-batches-btn {
    position: absolute;
    right: 15px;
    top: 70px;
    background: #02597b;
    color: #fff;
    border: none;
    padding: 8px 20px;
    border-radius: 6px;
    text-decoration: none;
    }#filter-details-view.view-batches-section .create-batches-btn:hover {
    transition:.3s;
    background: #000!important;
    }
    /*===============End-Table-structure-search-css===============*/
    
        
       
    /*===============End-reply-queries-css===============*/ 
    #students-details-view.reply-queries .profile-header h1 {
      font-size: 24px;
      font-weight: 800;
    }#students-details-view.reply-queries .profile-details {
      margin: 0;
    }#students-details-view.reply-queries form label {
      display: block;
      font-weight: bold;
      font-size: 16px;
      margin-bottom: 5px;
    }#students-details-view.reply-queries form textarea {
      width: 100%;
      border-radius: 6px;
      border: 1px solid #ccc;
      padding: 5px 10px;
    }#students-details-view.reply-queries form textarea:focus-visible {
      outline: 0;
      border-color: skyblue;
    }#students-details-view.reply-queries form .container {
      margin: 0px auto;
      padding: 0;
    }#students-details-view.reply-queries form select {
      width: 100%;
      height: 45px;
      padding: 10px;
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 6px;
    }#students-details-view.reply-queries form .button-submit {
      background: #02597b;
      border: 1px solid #02597b;
      width: 50%;
      margin: 0 auto;
      display: block;
      height: 45px;
      border-radius: 6px;
      color: #fff;
    }#students-details-view.reply-queries form .button-submit:hover {
      background: #000;
      border-color: #000;
    }
    /*===============End-reply-queries-css===============*/
    
    /*===============Notices-alert-page===============*/
    .notices-alert-page .footer-wrpper-studesnts .row.row-studesnts {
      margin: 0;
    }.notices-alert-page .footer-wrpper-studesnts .row.row-studesnts .form-group.btn-ssssss a {
      background: #000;
      text-decoration: none;
      padding: 10px 20px;
      border-radius: 40px;
      color: #fff;
      font-weight: 500;
      display: inline-block;
    }.notices-alert-page .footer-wrpper-studesnts .row.row-studesnts .form-group.btn-ssssss a:hover {
      background: #64b8da;
      text-decoration: none;
      padding: 10px 20px;
      border-radius: 40px;
      color: #fff;
      font-weight: 500;
      display: inline-block;
      transition: .3s;
    }.notices-alert-page #detail-sections-1 .middle-wrapper-dash{
      padding: 20px 0px;
      border-bottom: 1px solid #3b6f84;
      margin-bottom: 20px;
    }
    /*===============End-notices-alert-page===============*/
    
    
    
    
    /*===============Live-class-pages-css===============*/
    .live-class .live-class-form .input-of-form {
      width: 100%;
      height: 45px;
      border: 1px solid #fff;
      border-radius: 6px;
      padding: 10px;
    }.live-class .live-class-form  .button-submit {
      width: 100%;
      height: 45px;
      border: 0;
      background: #000;
      color: #fff;
      text-transform: capitalize;
      font-weight: bold;
      letter-spacing: .5px;
      border-radius: 6px;
      margin-top: 20px;
      transition: .3s;
    }.live-class .live-class-form .button-submit:hover {
      background: #222 !important;
      transition: .3s;
    }.live-class .btn-actnntn {
      background: #02597b;
      color: #fff;
      text-decoration: none;
      padding: 5px 10px;
      display: inline-block;
      border-radius: 40px;
    }.live-class .btn-actnntn:hover{
        transition: .3s;
        background: #000!important;
    }
    /*===============End-live-class-pages-css===============*/
    
    
    
    
    
    /*===============Upload-pages-css===============*/
    .update-profile-page #detail-sections-1 .button-submit {
      background: #64b8da;
      border: 1px solid #64b8da;
      padding: 8px 30px;
      display: block;
      border-radius: 50px;
      font-family: lato;
      font-weight: bold;
      color: #fff;
    }.update-profile-page #detail-sections-1 .button-submit:hover {
      background: #000;
      border-color: #000;
    }
    
    #detail-sections-1 {
      padding: 100px 0px;
    }#detail-sections-1 .wrapper-detail-wrp-lg {
      padding: 0px;
      border: 1px solid #02597b;
      background: #02597b;
      border-radius: 6px;
    }#detail-sections-1 .header-wrapper-dash h1 {
      font-size: 22px;
      color: #fff;
      margin: 0;
      font-weight: bold;
      font-family: Quicksand;
      position: relative;
    }#detail-sections-1 .header-wrapper-dash {
      padding: 15px 20px;
      border-bottom: 1px solid #3b6f84;
    }#detail-sections-1 .middle-wrapper-dash {
      padding: 20px 0px;
    }#detail-sections-1 .col-lg-8.detail-wrp-lg {
      margin: 0 auto;
      display: block;
    }#detail-sections-1 .form-groupp label {
      color: #fff;
      font-weight: bold;
      font-family: lato;
      display: block;
      margin-bottom: 10px;
    }#detail-sections-1 .form-groupp .input-of-form {
      width: 100%;
      height: 40px;
      border: 1px solid #fff;
      border-radius: 4px;
      padding: 0px 10px;
    }#detail-sections-1 .form-groupp {
      margin-bottom: 30px;
    }#detail-sections-1 .upload-btn-wrapper .file-upload-wrapper {
      margin-left: 0;
    }#detail-sections-1 .upload-content {
      position: relative;
      z-index: 0;
      color: #000;
    }#detail-sections-1 .button-submit {
      background: #efacc3;
      border: 1px solid #efacc3;
      padding: 8px 30px;
      display: block;
      border-radius: 50px;
      font-family: lato;
      font-weight: bold;
    }#detail-sections-1 .button-submit:hover {
      background: #fff;
      border-color: #fff;
      transition: .3s;
    }#detail-sections-1 .input-of-form:focus-visible {
      outline: 0;
    }#detail-sections-1 .a-h1-right {
      color: #efacc3;
      text-decoration: none;
      font-size: 14px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
    }#detail-sections-1 .a-h1-right::after {
      content: '\f054';
      font-family: "Font Awesome 6 Pro";
      position: unset;
      right: 0px;
      top: 50%;
      transform: translateY(-50%);
      margin-left: 10px;
    } #detail-sections-1 .more-catgry-detils h3 {
      color: #fff;
      font-family: lato;
      font-size: 16px;
      font-weight: 600;
    }#detail-sections-1 .more-catgry-detils h3 a {
      color: #efacc3;
      text-decoration: none;
      position: relative;
      margin-left: 5px;
    }#detail-sections-1 .more-catgry-detils h3 a::after{
        content: '\f054';
        font-family: "Font Awesome 6 Pro";
        position: unset;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 10px;
    }#detail-sections-1 .ad-more-category-details {
      padding: 0 15px;
    }#detail-sections-1 .ad-more-category-details {
      border-top: 1px solid #ccc;
      padding-top: 24px !important;
    }#detail-sections-1 .select-of-form {
      width: 100%;
      height: 40px;
      border: 1px solid #fff;
      border-radius: 4px;
      padding: 0px 10px;
    }#detail-sections-1 .file-upload-wrapper.wrapper-info-width {
      width: 100% !important;
      max-width: 100% !important;
    }.cke_notifications_area { 
      opacity: 0;
    }#detail-sections-1 .btn-wrapper-click #click-btn-add {
      background: #02597b;
      color: #fff;
      padding: 10px 20px;
      display: inline-block;
      margin-bottom: 10px;
      border-radius: 6px;
      cursor: pointer;
    }#detail-sections-1  .btn-wrapper-click {
      text-align: right;
    }#detail-sections-1 .btn-wrapper-click #click-btn-add:hover {
      background: #62b7d9;
      transition: .3s;
    }#detail-sections-1 .btn.btn-sm.btn-primary.repy-btns {
      background: #02597b;
      border: 1px solid #02597b;
      border-radius: 40px;
      padding: 5px 15px;
    }#detail-sections-1  .btn.btn-sm.btn-primary.repy-btns:hover {
      background: #000;
      border-color: #000;
      transition: .3s;
    }#detail-sections-1 .btn.btn-sm.btn-primary.repy-btns:focus {
      outline: 0;
      box-shadow: none;
    }
    /*===============End-Upload-pages-css===============*/
    
    
   
    

    
    /*===============upload-image-css===============*/
    .file-upload-wrapper {
        position: relative;
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
    
    .file-upload-box {
        position: relative;
        padding: 2rem;
        text-align: center;
        border: 2px dashed #dee2e6;
        border-radius: 8px;
        background-color: #f8f9fa;
        transition: all 0.3s ease;
        cursor: pointer;
        width: 100%;
    }
    
    .file-upload-box:hover {
        background-color: #e9ecef;
        border-color: #adb5bd;
    }
    
    .file-upload-input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
        z-index: 1;
    }
    
    .upload-content {
        position: relative;
        z-index: 0;
    }
    
    .upload-icon {
        font-size: 2.5rem;
        color: #6c757d;
        margin-bottom: 1rem;
    }
    
    .file-list {
        margin-top: 1.5rem;
    }
    
    .file-item {
        display: flex;
        align-items: center;
        padding: 0.75rem 1rem;
        background-color: white;
        border: 1px solid #dee2e6;
        border-radius: 6px;
        margin-bottom: 0.5rem;
        transition: all 0.2s ease;
    }
    
    .file-item:hover {
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }
    
    .file-icon {
        color: #6c757d;
        margin-right: 0.75rem;
        font-size: 1.25rem;
    }
    
    .file-name {
        flex-grow: 1;
        color: #495057;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 1rem;
    }
    
    .file-name:hover {
        color: #007bff;
        text-decoration: none;
    }
    
    .remove-file {
        color: #dc3545;
        cursor: pointer;
        padding: 0.25rem 0.5rem;
        font-size: 1.25rem;
        transition: color 0.2s ease;
        flex-shrink: 0;
    }
    
    .remove-file:hover {
        color: #c82333;
    }
    
    .drag-over {
        background-color: #e9ecef;
        border-color: #007bff;
    }
    
    /* Add loading animation */
    @keyframes upload-progress {
        0% { width: 0%; }
        100% { width: 100%; }
    }
    
    .upload-progress {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 3px;
        background-color: #007bff;
        animation: upload-progress 1s ease-in-out;
    }
    /*===============End-upload-image-css===============*/
    
    
    
    /*===============edit-cat-services===============*/
    .edit-cat-service form { 
        width: 60%; 
        margin:auto; 
        padding:20px; 
        border:1px solid #ccc; 
        border-radius:10px; 
        
    }
    .edit-cat-service  input, .edit-cat-service  textarea, .edit-cat-service select { 
        width:100%; 
        padding:10px; 
        margin-bottom:15px;  
    }
    .edit-cat-service label { 
        font-weight: bold;
      color: #feb7d0;
      font-family: Nunito;
        }
    .edit-cat-service img { 
        max-width:150px; 
        border-radius:10px; 
        margin-bottom:15px;  
    }
    .edit-cat-service input:focus-visible {
      outline: 0;
    }
    /*===============End-edit-cat-services===============*/
    
    
    
    
    /*===============Trending-Near-You===============*/
    #detail-sections-1.trending-near-you .switch {
      position: relative;
      display: inline-block;
      width: 48px;
      height: 24px;
    }
    #detail-sections-1.trending-near-you .switch input {
        display: none; 
    }
    #detail-sections-1.trending-near-you .slider {
      position: absolute;
      cursor: pointer;
      top: 0; left: 0;
      right: 0; bottom: 0;
      background-color: #ccc;
      transition: .4s;
    }
    #detail-sections-1.trending-near-you .slider:before {
      position: absolute;
      content: "";
      height: 18px; width: 18px;
      left: 3px; bottom: 3px;
      background-color: white;
      transition: .4s;
    }
    #detail-sections-1.trending-near-you input:checked + .slider {
      background-color: #4CAF50;
    }
    #detail-sections-1.trending-near-you input:checked + .slider:before {
      transform: translateX(24px);
    }
    #detail-sections-1.trending-near-you .slider.round {
      border-radius: 34px;
    }
    #detail-sections-1.trending-near-you .slider.round:before {
      border-radius: 50%;
    }
    
    #detail-sections-1.trending-near-you table tr td {
      text-align: left !important;
      font-weight: 600;
      font-family: Nunito;
    }#detail-sections-1.trending-near-you table tr th {
      text-align: left !important;
      font-weight: 600;
      font-family: Nunito;
    }
    
    /*===============End-Trending-Near-You===============*/
    
  @media only screen and (max-device-width: 540px) and (orientation: portrait),
  screen and (max-device-height: 540px) and (orientation: landscape),
  screen and (max-width: 540px) and (orientation: portrait),
  screen and (max-height: 540px) and (orientation: landscape){
    #new-navbar-admin {
      left: -500px;
      transition: .3s;
    }.open-menu #new-navbar-admin {
      left: 0;
    }#detail-sections-1 .a-h1-right {
      position: unset;
      display: block;
      transform: unset;
      margin-top: 10px;
    }.full-width-structure .search-box-user {
      position: unset;
      display: block;
      transform: unset;
      margin-top: 10px;
      max-width: 100%;
    }#usersTable .table-dark {
      display: none;
    }#usersTable tr {
      display: grid;
    }#usersTable tr td {
      text-align: right;
      position: relative;
    }#usersTable tr td img {
      margin-right: 0 !important;
    }#usersTable tr td::before {
      content: 'yes';
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%);
      font-family: Lato;
    font-weight: bold;
    }#usersTable.edit-category-table td .delete-btn {
      margin-right: 0;
    }#usersTable.edit-category-table td:nth-child(3) img {
      width: 150px !important;
    }#usersTable.user-registration-table.queries-table td:nth-child(5) {
      padding-left: 100px !important;
    }#usersTable.user-registration-table.queries-table td:nth-child(6) {
      padding-left: 100px !important;
    }#detail-sections-1.edit-categories.edit-categories-details .container {
      max-width: 100% !important;
    }#detail-sections-1.edit-categories.edit-categories-details table td:nth-child(7) {
      padding-left: 150px;
    }.edit-cat-service form {
      width: 100%;
      border: 0;
    }#usersTable.user-registration-table td:nth-child(6) {
      padding-left: 140px;
    }#usersTable.user-registration-table td:nth-child(11) a {
      width: auto !important;
      padding: 5px 30px !important;
    }
    
    
    
    /*table-structure-content-before*/
    #usersTable.edit-category-table td:nth-child(1)::before {
      content: 'ID:';
    }#usersTable.edit-category-table td:nth-child(2)::before {
      content: 'Category Name:';
    }#usersTable.edit-category-table td:nth-child(3)::before {
      content: 'Category Image:';
    }#usersTable.edit-category-table td:nth-child(4)::before {
      content: 'Created At:';
    }#usersTable.edit-category-table td:nth-child(5)::before {
      content: 'Remove: ';
    }
    
    #usersTable.user-registration-table td:nth-child(1)::before {
      content: 'ID:';
    }#usersTable.user-registration-table td:nth-child(2)::before {
      content: 'Name:';
    }#usersTable.user-registration-table td:nth-child(3)::before {
      content: 'Email:';
    }#usersTable.user-registration-table td:nth-child(4)::before {
      content: 'Student Mobile No:';
    }#usersTable.user-registration-table td:nth-child(5)::before {
      content: 'Parent Mobile No: ';
    }#usersTable.user-registration-table td:nth-child(6)::before {
      content: 'Date Of Birth: ';
    }#usersTable.user-registration-table td:nth-child(7)::before {
      content: 'Class: ';
    }#usersTable.user-registration-table td:nth-child(8)::before {
      content: 'Address: ';
    }#usersTable.user-registration-table td:nth-child(9)::before {
      content: 'Student Image: ';
    }#usersTable.user-registration-table td:nth-child(10)::before {
      content: 'Created At: ';
    }#usersTable.user-registration-table td:nth-child(11)::before {
      content: 'Add Student Details: ';
    }#usersTable.user-registration-table td:nth-child(12)::before {
      content: 'Edit Student Info: ';
    }#usersTable.user-registration-table td:nth-child(13)::before {
      content: 'Delete Student: ';
    }
    
    #usersTable.user-registration-table.review-tables td:nth-child(1)::before {
      content: 'ID: ';
    }#usersTable.user-registration-table.review-tables td:nth-child(2)::before {
      content: 'Customer Name: ';
    }#usersTable.user-registration-table.review-tables td:nth-child(3)::before {
      content: 'Service Name: ';
    }#usersTable.user-registration-table.review-tables td:nth-child(4)::before {
      content: 'Rating: ';
    }#usersTable.user-registration-table.review-tables td:nth-child(5)::before {
      content: 'Review: '!important;
    }#usersTable.user-registration-table.review-tables td:nth-child(6)::before {
      content: 'Created At: '!important;
    }#usersTable.user-registration-table.review-tables td:nth-child(7)::before {
      content: 'Delete: '!important;
    }
    
    #usersTable.user-registration-table.queries-table td:nth-child(5)::before {
      content: 'Subject: ';
    }#usersTable.user-registration-table.queries-table td:nth-child(6)::before {
      content: 'Message: ';
    }#usersTable.user-registration-table.queries-table td:nth-child(7)::before {
      content: 'Created At: ';
    }
    
    #detail-sections-1.edit-categories.edit-categories-details table td:nth-child(2)::before {
      content: 'Category Name: ';
    }#detail-sections-1.edit-categories.edit-categories-details table td:nth-child(3)::before {
      content: 'SubCategory Name: ';
    }#detail-sections-1.edit-categories.edit-categories-details table td:nth-child(4)::before {
      content: 'Service Name: ';
    }#detail-sections-1.edit-categories.edit-categories-details table td:nth-child(5)::before {
      content: 'Discount Price: ';
    }#detail-sections-1.edit-categories.edit-categories-details table td:nth-child(6)::before {
      content: 'Original Price: ';
    }#detail-sections-1.edit-categories.edit-categories-details table td:nth-child(7)::before {
      content: 'Information: ';
    }#detail-sections-1.edit-categories.edit-categories-details table td:nth-child(8)::before {
      content: 'Image: ';
    }#detail-sections-1.edit-categories.edit-categories-details table td:nth-child(9)::before {
      content: 'Delete: ';
    }
    #detail-sections-1.trending-near-you table  .thead-dark {
      display: none;
    }#detail-sections-1.trending-near-you table tr td {
      text-align: right !important;
    }
    
    
    .orders-page #ordersTable .table-dark {
    display: none;
    }.table-striped tbody tr {
    display: grid;
    }.table-striped tbody tr td {
    text-align: right;
    position: relative;
    }.table-striped tbody tr td::before { 
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-family: Lato;
    font-weight: bold;
    }.table-striped tbody tr td:nth-child(1)::before {
    content: 'ID:';
    }.table-striped tbody tr td:nth-child(2)::before {
    content: 'Name:';
    }.table-striped tbody tr td:nth-child(3)::before {
    content: 'Email:';
    }.table-striped tbody tr td:nth-child(4)::before {
    content: 'Mobile No:';
    }.table-striped tbody tr td:nth-child(5)::before {
    content: 'Service Name:';
    }.table-striped tbody tr td:nth-child(6)::before {
    content: 'Image:';
    }.table-striped tbody tr td:nth-child(7)::before {
    content: 'Discount Price:';
    }.table-striped tbody tr td:nth-child(8)::before {
    content: 'Original Price:';
    }.table-striped tbody tr td:nth-child(9)::before {
    content: 'Total:';
    }.table-striped tbody tr td:nth-child(10)::before {
    content: 'Payment Id:';
    }.table-striped tbody tr td:nth-child(11)::before {
    content: 'Date/Time:';
    }.table-striped tbody tr td:nth-child(12)::before {
    content: 'Address:';
    }.table-striped tbody tr td:nth-child(13)::before {
    content: 'Status:';
    }
    
    
    #detail-sections-1.trending-near-you table tr td:nth-child(1)::before {
    content: 'S.No.:';
    }#detail-sections-1.trending-near-you table tr td:nth-child(2)::before {
    content: 'Category:';
    }#detail-sections-1.trending-near-you table tr td:nth-child(3)::before {
    content: 'Subcategory:';
    }#detail-sections-1.trending-near-you table tr td:nth-child(4)::before {
    content: 'Service Name:';
    }#detail-sections-1.trending-near-you table tr td:nth-child(5)::before {
    content: 'Image:';
    }#detail-sections-1.trending-near-you table tr td:nth-child(6)::before {
    content: 'Trending:'!important;
    }
    /*table-structure-content-before*/
    
    
    
    
    /*new-tution-css*/
    .click-profiles {
     display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
    }#new-topvar-admin .wrapper-topbar-admin { 
      padding: 15px 0px!important;
    }#new-topvar-admin .click-menus {
      display: none;
    } #main-page-page .container .row .col-md-6.main-panel {
      height: 50vh;
    }.open-menu::before {
      content: '';
      background: rgba(0,0,0,0.6);
      left: 0;
      bottom: 0;
      right: 0;
      top: 0;
      position: fixed;
      z-index: 11;
    }#wraper-register-page {
      height: auto!important;
    }#new-navbar-admin,#new-topvar-admin {
      z-index: 111;
    }#add-students {
      width: 95%!important;
    }#add-students #form-submition {
      max-height: 400px;
      overflow: scroll;
      scrollbar-width: none;
    }#section-partnerr .wrap-partenr-contnt {
      width: 90%!important;
    }#section-partnerr .wrap-partnerr-iner h1 {
      font-size: 32px!important;
    }#section-partner-2 {
      padding: 100px 00px!important;
    }#section-partner-2 .wrap-partner2-iner h2 {
      font-size: 32px!important;
    }#section-partner-2 .partner-uls li,#section-partner-2 .wrap-partner2-iner p {
        font-size: 16px!important;
    }#section-partner-2 .wrap-partner2-image img {
        width: 70%!important;
        margin: 30px auto!important;
        display: block!important;
    }#section-faq h1 {
      font-size: 26px!important;
    }#students-details-view .profile-header h2 {
      font-size: 18px;
      font-weight: bold;
      text-transform: capitalize;
    }#students-details-view .profile-header img {
      object-fit: contain !important;
    }#students-details-view .edit-profile-a,#students-details-view .edit-profile-a::after {
      font-size: 12px;
    }#students-details-view .detail-row span:first-child {
      font-weight: bold;
      color: #000;
    }#policy-page .container {
      width: 95%!important;
    }.back-btn-arrow { 
      left:  0px!important;
    }
    
    
    #view-notes {
      padding: 80px 0px!important;
    }#view-notes .fliter-result-table thead {
      display: none;
    }#view-notes .fliter-result-table tr {
      display: grid;
    }#view-notes .fliter-result-table tr td{
        text-align: right;
        position: relative;
        padding-left: 100px!important;
        border:0!important;
        border-bottom: 1px solid #ddd!important;
    }#view-notes .fliter-result-table tr td::before {
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%);
      font-family: Lato;
      font-weight: bold;
      content: '#';
    }#view-notes .fliter-result-table tr:nth-of-type(2n+1) {
      background:rgba(0,0,0,.05);
    }#view-notes .fliter-result-table tr td:nth-child(2)::before { 
      content: 'Standard';
    }#view-notes .fliter-result-table tr td:nth-child(3)::before { 
      content: 'File';
    }#view-notes .fliter-result-table tr td:nth-child(4)::before { 
      content: 'Date';
    }#view-notes .fliter-result-table tr td:nth-child(5)::before { 
      content: 'Preview';
    }#view-notes .fliter-result-table tr td:nth-child(6)::before { 
      content: 'Action';
    }
    
    #filter-details-view .filter-wrpperprer-wrper { 
      text-transform: capitalize;
    }
    .fees-structure-page .filter-box.attendance-form {
      margin-bottom: 20px;
    }.fees-structure-page #attendance-notes table.table-fee-structure tbody tr td:last-child {
      border: 0;
    }.fees-structure-page #attendance-notes table.table-fee-structure tbody tr:nth-child(1) {
      display: none;
    }.fees-structure-page #attendance-notes table.table-fee-structure tbody tr {
      display: grid;
      text-align: right;
      border-radius: 6px;
      margin-bottom: 10px;
    }.fees-structure-page #attendance-notes table.table-fee-structure tbody tr td {
      text-align: right;
      border: 0;
      border-bottom: 1px solid #e6e6e6;
      position: relative;
      text-transform: capitalize;
    }.fees-structure-page #attendance-notes table.table-fee-structure tbody tr td::before {
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%);
      font-family: Lato;
      font-weight: bold;
      content: '#';
    }.fees-structure-page #attendance-notes table.table-fee-structure tbody tr td:nth-child(2)::before{
         content: 'Student Name';
    }.fees-structure-page #attendance-notes table.table-fee-structure tbody tr td:nth-child(3)::before{
         content: 'Batch';
    }.fees-structure-page #attendance-notes table.table-fee-structure tbody tr td:nth-child(4)::before{
         content: 'Total Fee (₹)';
    }.fees-structure-page #attendance-notes table.table-fee-structure tbody tr td:nth-child(5)::before{
         content: 'Paid Fee (₹)';
    }.fees-structure-page #attendance-notes table.table-fee-structure tbody tr td:nth-child(6)::before{
         content: 'Due Fee (₹)';
    }.fees-structure-page #attendance-notes table.table-fee-structure tbody tr td:nth-child(7)::before{
         content: 'Edit';
    }
    
    
     .admin-student-queries #usersTable.user-registration-table td:nth-child(3)::before{
           content: 'Class Name:';
     }.admin-student-queries #usersTable.user-registration-table td:nth-child(4)::before{
           content: 'Subject:';
     }.admin-student-queries #usersTable.user-registration-table td:nth-child(5)::before{
           content: 'Message:';
     }.admin-student-queries #usersTable.user-registration-table td:nth-child(6)::before{
           content: 'Status:';
     }.admin-student-queries #usersTable.user-registration-table td:nth-child(7)::before{
           content: 'Action:';
     }.admin-student-queries #usersTable.user-registration-table td:nth-child(5){
          padding-left: 100px;
     }
     
     /*review-page-css*/
    .admin-student-queries #usersTable.user-registration-table.student-review-table td:nth-child(1)::before {
      content: '#';
    }.admin-student-queries #usersTable.user-registration-table.student-review-table td:nth-child(2)::before {
      content: 'Student Name:';
    }.admin-student-queries #usersTable.user-registration-table.student-review-table td:nth-child(3)::before {
      content: 'Class Name:';
    }.admin-student-queries #usersTable.user-registration-table.student-review-table td:nth-child(4)::before {
      content: 'Rating:';
    }.admin-student-queries #usersTable.user-registration-table.student-review-table td:nth-child(5)::before {
      content: 'Review:';
    }.admin-student-queries #usersTable.user-registration-table.student-review-table td:nth-child(6)::before {
      content: 'Last Updated:';
    }
     /*End-review-page-css*/
     
      /*Notices-Alerts-page-css*/
    .admin-student-queries #usersTable.user-registration-table.notices-alert-table td:nth-child(1)::before {
      content: '#';
    }.admin-student-queries #usersTable.user-registration-table.notices-alert-table td:nth-child(2)::before {
      content: 'Classname:';
    }.admin-student-queries #usersTable.user-registration-table.notices-alert-table td:nth-child(3)::before {
      content: 'Title:';
    }.admin-student-queries #usersTable.user-registration-table.notices-alert-table td:nth-child(4)::before {
      content: 'Message:';
    }.admin-student-queries #usersTable.user-registration-table.notices-alert-table td:nth-child(5)::before {
      content: 'Type:';
    }.admin-student-queries #usersTable.user-registration-table.notices-alert-table td:nth-child(6)::before {
      content: 'Last Updated:';
    }
     /*End-Notices-Alerts-page-css*/
     
       .admin-live-classes #usersTable.user-registration-table td:nth-child(1)::before {
        content: 'Title:'!important;
      }.admin-live-classes #usersTable.user-registration-table td:nth-child(2)::before {
        content: 'Date:'!important;
      }.admin-live-classes #usersTable.user-registration-table td:nth-child(3)::before {
        content: 'Time:'!important;
      }.admin-live-classes #usersTable.user-registration-table td:nth-child(4)::before {
        content: 'Status:'!important;
      }.admin-live-classes #usersTable.user-registration-table td:nth-child(5)::before {
        content: 'Action:'!important;
      }
      
      
      
      
      
      
      
      
      
      .teacher-list-body.admin-student-queries #usersTable.user-registration-table.student-review-table td:nth-child(2)::before {
        content: 'Teacher Name:';
      }.teacher-list-body.admin-student-queries #usersTable.user-registration-table.student-review-table td:nth-child(3)::before {
        content: 'Mobile No:';
      }.teacher-list-body.admin-student-queries #usersTable.user-registration-table.student-review-table td:nth-child(4)::before {
        content: 'Email Id:';
      }.teacher-list-body.admin-student-queries #usersTable.user-registration-table.student-review-table td:nth-child(5)::before {
        content: 'Subjects:';
      }.teacher-list-body.admin-student-queries #usersTable.user-registration-table.student-review-table td:nth-child(6)::before {
        content: 'Edit:';
      }.teacher-list-body.admin-student-queries #usersTable.user-registration-table.student-review-table td:nth-child(7)::before {
        content: 'Action:';
      }
      
      
      
      
      
      
      
      
      
        /*================================new-background-with-css================================*/
        /*================================new-background-with-css================================*/
        /*================================new-background-with-css================================*/
           #back-new-aroww.back-btn-arrow {
              top: -30px;
              left: 15px !important;
            }

            .update-profile-page #detail-sections-1 {
            background: #f4f5fa;
            }.update-profile-page #detail-sections-1 .container {
            position: relative;
            }.update-profile-page #detail-sections-1 .wrapper-detail-wrp-lg { 
            border: 1px solid #fff;
            background: #fff; 
            box-shadow: 2px 2px 5px 5px #f2f2f2;
            }.update-profile-page #detail-sections-1 .header-wrapper-dash { 
            border-bottom: 1px solid #eee;
            }.update-profile-page #detail-sections-1 .header-wrapper-dash h1 { 
            color: #000; 
            }.update-profile-page #detail-sections-1 .form-groupp .input-of-form { 
            border: 1px solid #eaeaea; 
            }.update-profile-page #detail-sections-1 .button-submit {
            background: #02597b;
            border: 1px solid #02597b; 
            width:100%;
            }.update-profile-page #detail-sections-1 .form-groupp label{
                color:#000;
            }#wrap-admin-sidebar #new-topvar-admin { 
            border-bottom: 1px solid #eeeaea;
            }
            
            .change-password-page{
            height:100vh;
            background: #f4f5fa;
            }.dashboard-page #dashboard-1 { 
            background: #f4f5fa;
            }#admin-view-profile {
            background: #f4f5fa;
            }
            
            .table-striped tbody tr:nth-of-type(2n+1) {
            --bs-table-striped-bg: #fff!important;
            }#usersTable.table-bordered {
            border: 0!important;
            }#usersTable.table-bordered tr {
            border: 0!important;
            margin-bottom: 30px;
            box-shadow: 2px 2px 5px 5px #f2f2f2;
            border-radius: 10px;
            }#usersTable.table-bordered tr td { 
            border: 0!important;
            }#usersTable.table-bordered tr td:first-child {
            border-radius: 10px 10px 0px 0px;
            }#usersTable.table-bordered tr td:last-child {
            border-radius:  0px 0px 10px 10px;
            }.table-hover tbody tr:hover { 
              background-color: #fff!important;
            }

            #detail-sections-1.student-registration-section .container {
            position: relative;
            }#detail-sections-1.student-registration-section .wrapper-detail-wrp-lg {
            box-shadow: none!important;
            }#detail-sections-1.student-registration-section .container #back-new-aroww {
            top: 0 !important;
            z-index: 1;
            }#filter-details-view.view-batches-section .container {
            position: relative;
            }#filter-details-view.view-batches-section .create-batches-btn {
            position: absolute;
            right: 15px;
            top: -50px;
            background: #02597b;
            color: #fff;
            border: none;
            padding: 8px 20px;
            border-radius: 6px;
            text-decoration: none;
            }#filter-details-view.view-batches-section .create-batches-btn:hover {
            background: #000;
            transition: .3s;
            }#filter-details-view.view-batches-section #back-new-aroww {
            top: -45px!important;
            }.fees-structure-body{
            height:100vh; 
            background: #f4f5fa;
            }#attendance-notes.fees-structure .container {
            position: relative;
            }#attendance-notes.fees-structure {
            height: auto;
            background: #f4f5fa;
            }#attendance-notes.fees-structure .whole-wrpper-attendance {
            background: transparent;
            border: 0;
            }#attendance-notes.fees-structure .whole-wrpper-attendance .header-wrpper-attendance {
            border-bottom:0px solid #eee;
            background: #fff;
            border-radius:6px;
            }#attendance-notes.fees-structure .whole-wrpper-attendance .header-wrpper-attendance h2 {
            color: #000;
            }#attendance-notes.fees-structure .whole-wrpper-attendance .header-wrpper-attendance .search-box-position input {
            height: 45px;
            border: 1px solid #eaeaea;
            }#attendance-notes.fees-structure .row.row-attendance-d .form-group label {
            color: #000;
            }#attendance-notes.fees-structure .row.row-attendance-d .form-group select {
            border: 1px solid #eaeaea;
            }#attendance-notes.fees-structure .middle-wrpper-attendance { 
            border-bottom: 0px solid #3b6f84;
            margin-bottom:  0px;
            }#attendance-notes.fees-structure .middle-wrpper-attendance .filter-box.attendance-form {
            margin: 0;
            background: #fff;
            border-radius: 6px;
            padding: 10px 8px;
            margin-bottom: 20px;
            }#attendance-notes.fees-structure table tr td {
            border: 0 !important;
            } 
            
            body.todays-attendance-body,body.view-attendance-body,body.add-notes-body,body.view-all-notes-body,body.student-review-body,body.admin-student-queries,body.reply-query,body.create-batches-body,body.edit-student-body,body.view-student-detailss {
            height: 100vh;
            background: #f4f5fa;
            }#attendance-notes.todays-attendance-section .container{
            position: relative;
            }#attendance-notes.todays-attendance-section h2 {
            color: #000!important;
            }#attendance-notes.todays-attendance-section .whole-wrpper-attendance {
            background: #fff;
            border: 0; 
            box-shadow: 2px 2px 5px 5px #f2f2f2;
            }#attendance-notes.todays-attendance-section .whole-wrpper-attendance .header-wrpper-attendance {
            border-bottom: 1px solid #eee;
            }#attendance-notes.todays-attendance-section .whole-wrpper-attendance .middle-wrpper-attendance {
            border: 0;
            }#attendance-notes.todays-attendance-section .whole-wrpper-attendance .middle-wrpper-attendance .attendance-form label {
            color: #000;
            }#attendance-notes.todays-attendance-section .whole-wrpper-attendance .middle-wrpper-attendance .attendance-form select {
            border: 1px solid #eaeaea;
            }#attendance-notes.view-attendance-section .container {
            position: relative;
            }#attendance-notes.view-attendance-section .header-wrpper-attendance h2 {
            color: #000!important;
            }#attendance-notes.view-attendance-section .whole-wrpper-attendance {
            border: 0;
            background: #fff; 
            box-shadow: 2px 2px 5px 5px #f2f2f2;
            }#attendance-notes.view-attendance-section .middle-wrpper-attendance form label {
            color: #000!important;
            }#attendance-notes.view-attendance-section .row.row-attendance-d .form-group select,#attendance-notes.view-attendance-section  .row.row-attendance-d .view-calender {
            border: 1px solid #eee;
            }#attendance-notes.view-attendance-section .header-wrpper-attendance { 
            border-bottom: 1px solid #eee; 
            }#attendance-notes.view-attendance-section .middle-wrpper-attendance { 
            border-bottom: 0px solid #3b6f84; 
            }#attendance-notes.view-attendance-section .middle-wrpper-attendance form .form-group {
            margin-bottom: 15px;
            }#add-notes.add-notes-section .container {
            position: relative;
            }#add-notes.add-notes-section .whole-wrpper-students {
            background: #fff;
            border: 0;
            box-shadow: 2px 2px 5px 5px #f2f2f2;
            }#add-notes.add-notes-section .header-wrpper-students h2 {
            color: #000;
            }#add-notes.add-notes-section .header-wrpper-students,#add-notes.add-notes-section  .middle-wrpper-students {
            border-bottom: 1px solid #eee;
            }#add-notes.add-notes-section .whole-wrpper-students label {
            color: #000 !important;
            }#add-notes.add-notes-section .whole-wrpper-students select {
            border: 1px solid #eee !important;
            }#view-notes.view-all-notes-body .form-of-filterrs {
            background: #fff;
            padding: 20px 15px 0px; 
            }#view-notes.view-all-notes-body .header-wrpper-notes h2 {
            margin: 0;
            }#view-notes.view-all-notes-body .header-wrpper-notes {
            background: #fff;
            border-radius: 6px 6px 0px 0px;
            padding: 10px 15px 0px;
            }#view-notes.view-all-notes-body .fliter-result-table tr {
            background: #fff !important;
            margin-bottom: 20px;
            border: 0 !important; 
            box-shadow: 2px 2px 5px 5px #f2f2f2;
             border-radius: 6px ;
            }#view-notes.view-all-notes-body .fliter-result-table tr td {
            border: 0 !important;
            }#view-notes.view-all-notes-body .container {
            position: relative;
            }#view-notes.view-all-notes-body .container .col-lg-8.lg-coulmnnss {
            margin: 10px auto 0px!important;
            }#view-notes.view-all-notes-body {
            padding-top: 100px !important;
            }#detail-sections-1.student-review-section .wrapper-detail-wrp-lg {
            box-shadow: none!important;
            }#detail-sections-1.student-review-section .container {
            position: relative;
            }#detail-sections-1.admin-student-queries-section .wrapper-detail-wrp-lg {
            box-shadow: none !important;
            }#detail-sections-1.admin-student-queries-section .container {
            position: relative;
            }#students-details-view.reply-queries .container {
            position: relative;
            }#students-details-view.reply-queries .profile-card {
            margin-top: 10px !important;
            }#students-details-view.reply-queries .detail-row-query {
            width: 1000%;
            }#students-details-view.reply-queries .detail-row {
            border: 0!important;
            padding: 0!important;
            }#add-notes.live-class .container,#detail-sections-1.admin-live-class-section .container{
            position: relative;
            }#add-notes.live-class .whole-wrpper-students {
            background: #fff;
            border: 1px solid #fff;
            box-shadow: 2px 2px 5px 5px #f2f2f2;
            border-radius: 6px ;
            }#add-notes.live-class .whole-wrpper-students h2 {
            color: #000 !important;
            }#add-notes.live-class .middle-wrpper-students form label {
            color: #000 !important;
            }#add-notes.live-class .middle-wrpper-students form input,#add-notes.live-class .middle-wrpper-students form select {
            height: 45px!important;
            border: 1px solid #eee!important;
            }.add-notes-page  #add-notes.live-class .middle-wrpper-students {
            border-bottom: 1px solid #eee;
            }body.live-class {
            background: #f4f5fa;
            }#detail-sections-1.admin-live-class-section .wrapper-detail-wrp-lg {
            box-shadow: none !important;
            }#detail-sections-1.admin-notice-notess .container {
            position: relative;
            }#detail-sections-1.admin-notice-notess .container .wrapper-detail-wrp-lg {
            box-shadow: none !important;
            }#detail-sections-1.notices-alert-section .middle-wrapper-dash {
            border-bottom: 1px solid #eee;
            }#detail-sections-1.notices-alert-section form select {
            color: #000 !important;
            background: #fff;
            }#filter-details-view.create-batches-section .div-filter-search a {
            position: relative!important;
            margin: 0 auto!important;
            margin-bottom: 0px;
            display: block !important;
            }#filter-details-view.create-batches-section #filter-form {
            background: #fff;
            padding: 15px;
            border-radius: 6px;
            }#filter-details-view.create-batches-section #filter-form .form-group.view-group-btn {
            margin: 0;
            }#filter-details-view.create-batches-section .container {
            position: relative;
            }#detail-sections-1.edit-student-section .container {
            position: relative;
            }#detail-sections-1.edit-student-section .wrapper-detail-wrp-lg {
            background: #fff;
            border: 1px solid #fff;
            box-shadow: 2px 2px 5px 5px #f2f2f2;
            }#detail-sections-1.edit-student-section .header-wrapper-dash h1 {
            color: #000;
            }#detail-sections-1.edit-student-section .middle-wrapper-dash form label {
            color: #000 !important;
            }#detail-sections-1.edit-student-section .middle-wrapper-dash form input {
            height: 45px!important;
            border: 1px solid #eee!important;
            }#detail-sections-1.edit-student-section .middle-wrapper-dash form textarea {
            height: 80px!important;
            border: 1px solid #eee!important;
            }#detail-sections-1.edit-student-section .middle-wrapper-dash form select{
            background:#fff!important;
            border: 1px solid #eee!important;
            color:#000!important;
            }.edit-student #detail-sections-1.edit-student-section #detail-sections-1 .button-submit{
            background: #02597b!important;
            border-color: #02597b!important;
            }#detail-sections-1.edit-student-section .wrapper-detail-wrp-lg .header-wrapper-dash {
            border-bottom: 1px solid #eee;
            }#students-details-view.view-student-detailss-section .container {
            position: relative;
            }#students-details-view.view-student-detailss-section .profile-card {
            margin-top: 10px;
            }#students-details-view.view-student-detailss-section .profile-details .detail-row:last-child {
            border-bottom: 0;
            padding-bottom: 0;
            }

            .student-registration-page #detail-sections-1 {
            background: #f4f5fa;
            }.student-registration-page #detail-sections-1 .wrapper-detail-wrp-lg { 
            border: 0px solid #02597b!important;
            background: transparent !important; 
            box-shadow: 2px 2px 5px 5px #f2f2f2;
            }.student-registration-page #detail-sections-1 .wrapper-detail-wrp-lg .header-wrapper-dash h1 {
            color: #000;
            }.student-registration-page #detail-sections-1 .wrapper-detail-wrp-lg .header-wrapper-dash .search-box-user input {
            border: 1px solid #eae9e9;
            border-radius: 6px;
            height: 40px;
            }.student-registration-page #detail-sections-1 .header-wrapper-dash { 
            border-bottom: 0px solid #eaeaea;
            background: #fff;
            border-radius: 6px;
            }#detail-sections-1 .form-groupp.flex-group-btn .button-submit {
              width: 100%;
            }
            
            
            
            .add-teacher-page.teacher-add-body #detail-sections-1 .container {
              position: relative;
            }.add-teacher-page.teacher-add-body #detail-sections-1 .wrapper-detail-wrp-lg {
              background: #fff;
              border: 0;
              box-shadow: 2px 2px 5px 5px #f2f2f2;
            }.add-teacher-page.teacher-add-body #detail-sections-1 .header-wrapper-dash h1 {
              color: #000;
            }.add-teacher-page.teacher-add-body #detail-sections-1 .header-wrapper-dash {
              border-bottom: 1px solid #eee;
            }.add-teacher-page.teacher-add-body #detail-sections-1 .form-groupp label {
              color: #000;
            }.add-teacher-page.teacher-add-body #detail-sections-1 .form-groupp .input-of-form {
              border: 1px solid #eee !important;
            }.add-teacher-page.teacher-add-body  .cl-checkbox > span::before { 
              border-color: #000; 
            }.add-teacher-page.teacher-add-body .cl-checkbox > input:checked + span::before, .add-teacher-page.teacher-add-body .cl-checkbox > input:indeterminate + span::before {
              border-color: #5ca3c2;
              background-color: #5ca3c2;
              border-color: #5ca3c2 !important;
            }




            .edit-teacher-page #detail-sections-1 .container {
              position: relative;
            }.edit-teacher-page #detail-sections-1 .wrapper-detail-wrp-lg {
              background: #fff;
              border: 0;
              box-shadow: 2px 2px 5px 5px #f2f2f2;
            }.edit-teacher-page #detail-sections-1 .header-wrapper-dash h1 {
              color: #000;
            }.edit-teacher-page #detail-sections-1 .header-wrapper-dash {
              border-bottom: 1px solid #eee;
            }.edit-teacher-page #detail-sections-1 .form-groupp label {
              color: #000;
            }.edit-teacher-page #detail-sections-1 .form-groupp .input-of-form {
              border: 1px solid #eee !important;
            }.edit-teacher-page  .cl-checkbox > span::before { 
              border-color: #000; 
            }.edit-teacher-page .cl-checkbox > input:checked + span::before, .edit-teacher-page .cl-checkbox > input:indeterminate + span::before {
              border-color: #5ca3c2;
              background-color: #5ca3c2;
              border-color: #5ca3c2 !important;
            }
            
            
            body.teacher-add-body,body.edit-teacher-page {
              background: #f4f5fa;
            }.teacher-add-body.notices-alert-page #detail-sections-1 .middle-wrapper-dash { 
              border-bottom: 1px solid #eee; 
            }.teacher-add-body #detail-sections-1.add-teacher-secction .button-submit {
              background: #02597b;
              border-color: #02597b;
              color: #fff;
              width: 100%;
            }.teacher-add-body.notices-alert-page .footer-wrpper-studesnts .row.row-studesnts .form-group.btn-ssssss a {
              width: 100%;
              text-align: center;
            }.edit-teacher-page #detail-sections-1.add-teacher-secction .button-submit {
              background: #02597b;
              border-color: #02597b; 
              width: 100%;
            }.edit-teacher-page #other-wrapper button {
                background: #02597b;
                border: 1px solid #02597b;
            }.edit-teacher-page .cl-checkbox > input:checked + span::before, .edit-teacher-page .cl-checkbox > input:indeterminate + span::before {
                border-color: #5ca3c2!important;
                background-color: #02597b!important;
                border-color: #02597b !important;
              }  .add-teacher-page.teacher-add-body .cl-checkbox > input:checked + span::before, .add-teacher-page.teacher-add-body .cl-checkbox > input:indeterminate + span::before {
                border-color: #5ca3c2;
                background-color: #02597b;
                border-color: #02597b !important;
              }
              
              
              .add-notes-page #add-notes .row.row-studesnts .form-group.btn-ssssss a {
                  width: 100%;
                  text-align: center;
                }.add-notes-page #add-notes .form-group.btn-ssss .submit-btn {
                  background: #02597b;
                  border-radius: 50px;
                }.notices-alert-page .footer-wrpper-studesnts .row.row-studesnts .form-group.btn-ssssss a {
                  width: 100%;
                  text-align: center;
                }.add-notes-page #add-notes .header-wrpper-students { 
                  border-bottom: 1px solid #eee!important;
                }.live-class .live-class-form .button-submit {
                  border-radius: 50px;
                  background: #02597b;
                }
  }