/*
Theme Name: Coderu
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: Webskitters
Author URI: https://www.webskitters.com/
*/

@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

/*
    font-family: "Lato", sans-serif;
    font-family: "Bricolage Grotesque", sans-serif;
*/
:root {
  --color1: #585262;
  --color2: #fedd4e;
  --color3: #6612e7;
  --color4: #d21c31;
  --color5: #1c1c1c;
  --color6: #e6d7ee;
  --color7: #381818;
  --color8: #daf9fb;
  --color9: #6511e7;
  --color10: #2a2a2a;
  --color11: #e6fff1;
  --color12: #18914f;
  --font-Lato: "Lato", sans-serif;
  --font-BricolageGrotesque: "Bricolage Grotesque", sans-serif;

  /* S.Mv Root Create Color Theme Changes purpose Start  */
  --newColor1: #EAE0FF;
  --newColor2: #5512D8;
  --newColor3: #FEDD4E;
  --newColor4: #2A2A2A;
  --newColor5: #FFFFFF;
  --newColor6: #DBCBFA;
  --newColor7: #1C1C1C;
  --newColor8: #DED5EE;
  --newColor9: #EADFFF;
  --newColor10: #F1EAFF;

  /* Gradient */
  --newColorGradient1: linear-gradient(226.06deg, #E0D0FF 12.26%, #ECE2FF 77.78%);
  --newColorGradient2: linear-gradient(90deg, #FEDD4E 0%, #FB64B6 50%, #FF6A00 100%);





  /* S.Mv Root Create Color Theme Changes purpose  End */
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(11, 20, 26, 0.2) transparent;
}

body {
  font-family: var(--font-Lato);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color5);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  transition: all 0.3s ease-in-out;
}

.subtitle {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--font-BricolageGrotesque);
  margin: 0 0 8px;
  text-transform: capitalize;
  color: var(--color5);
}

.main-title {
  font-weight: 700;
  font-family: var(--font-BricolageGrotesque);
  font-size: 32px;
  letter-spacing: -0.1px;
  color: var(--color5);
}

p:last-child {
  margin-bottom: 0;
}

img {
  max-width: 100%;
}

.themeBtn1,
#btn-razorpay,
#btn-razorpay-cancel {
  position: relative;
  line-height: 1;
  font-family: var(--font-Lato);
  font-weight: 700;
  font-size: 14px;
  padding: 11px 20px;
  background-color: var(--color2);
  border: 1px solid var(--color2);
  color: var(--color4);
  border-radius: 8px;
  text-transform: capitalize;
  text-decoration: none;
  min-width: 136px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms ease-in-out;
}

.themeBtn1:hover,
#btn-razorpay:hover {
  background-color: var(--color3);
  color: #fff;
}

.outline.themeBtn1,
#btn-razorpay-cancel {
  border: 1px solid #ced3e2;
  background-color: transparent;
  color: var(--color5);
}

#btn-razorpay-cancel {
  background-color: #fff;
  margin-left: 10px;
}

.outline.themeBtn1:hover,
#btn-razorpay-cancel:hover {
  background-color: var(--color3);
  color: #fff;
}

.disable-btn {
  background-color: #eceff7;
  color: #aeb2ba;
  border-color: #eceff7;
  pointer-events: none;
}

.dashborad-main {
  position: relative;
  padding-top: 25px;
  padding-right: 20px;
  /* padding-left: 310px; */
  padding-left: 110px;
  min-height: 100vh;
  padding-bottom: 37px;
  transition: all 300ms ease-in-out;
}

.dash-left {
  width: 280px;
  position: fixed;
  left: 0;
  top: 0;
  border-right: 1px solid #ebebeb;
  padding: 29px 20px 20px;
  transition: all 300ms ease-in-out;
  z-index: 999;
  background-color: #fff;
}

.logo-main {
  display: block;
  margin-bottom: 31px;
  transition: all 300ms ease-in-out;
}

.logo-main img {
  width: 143px;
  max-width: initial;
  background: #6612e7;
}

.dash-nav ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 120px);
  margin: -4px 0;
  overflow-y: auto;
}

.dash-nav ul li {
  margin: 4px 0;
}

.dash-nav ul li a {
  padding: 16px;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.1;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: 0.1px;
  color: var(--color1);
  border-radius: 12px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.dash-nav ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  width: 0%;
  height: 100%;
  top: 0;
  background: #fedd4e;
  background: -webkit-linear-gradient(90deg,
      rgba(254, 221, 78, 1) 0%,
      rgba(255, 231, 128, 1) 100%);
  background: -moz-linear-gradient(90deg,
      rgba(254, 221, 78, 1) 0%,
      rgba(255, 231, 128, 1) 100%);
  background: linear-gradient(90deg,
      rgba(254, 221, 78, 1) 0%,
      rgba(255, 231, 128, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FEDD4E", endColorstr="#FFE780", GradientType=1);
  transition: all 300ms ease-in-out;
  z-index: -1;
}

.dash-nav ul li a:hover,
.dash-nav ul li a.active {
  color: var(--color5);
}

.dash-nav ul li a:hover span img {
  filter: brightness(0) saturate(100%) invert(5%) sepia(12%) saturate(146%) hue-rotate(333deg) brightness(90%) contrast(86%);
}

.dash-nav ul li a:hover:before,
.dash-nav ul li a.active:before {
  width: 100%;
}

.dash-nav ul li a span {
  flex-shrink: 0;
  display: block;
  width: 24px;
  margin-right: 12px;
}

.dash-nav ul li a span img {
  display: block;
}

.dash-nav ul li:last-child {
  margin-top: auto;
}

.dash-nav ul li:last-child a {
  background-color: #fef6f7;
  color: var(--color4) !important;
}

.dash-nav ul li:last-child a span img {
  filter: none !important;
}

.dash-tabList {
  margin: 0;
  list-style: none;
  padding: 5px;
  border-radius: 12px;
  background-color: #faf7ff;
  max-width: fit-content;
}

.dash-tabList .tablink {
  padding: 4px 18px 4px 4px;
  border-radius: 12px;
  border: 2px solid transparent;
  min-width: 140px;
  display: inline-flex;
  align-items: center;
  margin-right: 9px;
  background-color: transparent;
  color: var(--color5);
}

.dash-tabList .tablink.active {
  background: #fff;
  background: -webkit-linear-gradient(124deg,
      rgba(255, 255, 255, 1) 50%,
      rgba(250, 248, 255, 0) 100%);
  background: -moz-linear-gradient(124deg,
      rgba(255, 255, 255, 1) 50%,
      rgba(250, 248, 255, 0) 100%);
  background: linear-gradient(124deg,
      rgba(255, 255, 255, 1) 50%,
      rgba(250, 248, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FAF8FF", GradientType=0);
  border-color: #fff;
  box-shadow: 0 4px 64px 0 #ded3f1;
}

.dash-tabList .tablink:last-child {
  margin-right: 0;
}

.dash-tabList .tablink span {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #faf7ff;
  border: 1px solid #f6f0ff;
  border-radius: 100%;
  margin-right: 8px;
  flex-shrink: 0;
}

.dashtab {
  margin-bottom: 28px;
}

.dash-banner {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 0 44px 85px 0 rgba(188, 188, 255, 0.21);
}

.dash-banner-slider .dash-banner {
  box-shadow: none;
  margin: 0;
  border-radius: inherit;
  height: auto;
}

.dash-banner-slider {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 0 44px 85px 0 rgba(188, 188, 255, 0.21);
}

.dash-banner-slider .slick-track {
  display: flex;
}

.dash-banner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #050532;
  background: -webkit-linear-gradient(124deg,
      rgba(5, 5, 50, 1) 0%,
      rgba(5, 5, 50, 0) 58%);
  background: -moz-linear-gradient(124deg,
      rgba(5, 5, 50, 1) 0%,
      rgba(5, 5, 50, 0) 58%);
  background: linear-gradient(124deg,
      rgba(5, 5, 50, 1) 0%,
      rgba(5, 5, 50, 0) 58%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#050532", endColorstr="#050532", GradientType=0);
}

/* .dash-banner-img-wrap{
    padding-top: 72%;
    position: relative;
    width: 100%;
    overflow: hidden;
} */
.dash-banner-img-wrap {
  height: 100%;
}

.dash-banner-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dash-banner-content {
  position: relative;
  z-index: 1;
  padding: 60px 30px 50px 50px;
  color: var(--color6);
  max-width: 344px;
}

.dash-banner-content .dash-banner-title,
.dash-banner-content h1 {
  color: var(--color2);
  letter-spacing: -0.1px;
  font-size: 32px;
  font-weight: 700;
  font-family: var(--font-BricolageGrotesque);
}

.dash-banner-content .text1 {
  margin-bottom: 23px;
  font-size: 16px;
  font-weight: 700;
  font-family: var(--font-Lato);
  letter-spacing: 0.1px;
}

.dash-banner-content .text2 {
  margin-bottom: 41px;
  font-size: 26px;
  line-height: 1.1;
  font-weight: 400;
  text-transform: uppercase;
  font-family: var(--font-Lato);
}

.link-text {
  text-decoration: none;
  color: var(--color2);
  font-weight: 700;
  font-family: var(--font-Lato);
  letter-spacing: 0.1px;
}

.link-text:hover {
  color: #fff;
}

.cls-box {
  border-radius: 12px;
  height: 100%;
  padding: 24px;
  background: #fff;
  background: -webkit-linear-gradient(180deg,
      rgba(255, 255, 255, 1) 14%,
      rgba(237, 241, 255, 1) 100%);
  background: -moz-linear-gradient(180deg,
      rgba(255, 255, 255, 1) 14%,
      rgba(237, 241, 255, 1) 100%);
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 1) 14%,
      rgba(237, 241, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#EDF1FF", GradientType=0);
  box-shadow: 0 4px 64px 0 rgba(236, 231, 243, 0.5);
}

.time-part {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  line-height: 1.3;
  color: #000000;
  font-weight: 400;
  letter-spacing: 0.1px;
  font-family: var(--font-Lato);
  margin-bottom: 16px;
}

.time-icon {
  margin-right: 8px;
}

.time-icon img {
  width: 20px;
  display: block;
}

.time-part p {
  margin-bottom: 0;
}

.cls-para {
  font-size: 13px;
  letter-spacing: 0.1px;
  line-height: 1.9;
  max-width: 384px;
  margin-bottom: 20px;
}

.cls-btm-wrap {
  display: flex;
  justify-content: space-between;
}

.share-box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  border-radius: 12px;
  padding: 43px 10px 43px 38px;
  box-shadow: 0 4px 64px 0 rgba(236, 231, 243, 0.5);
  background: #fff2a9;
  background: -webkit-linear-gradient(180deg,
      rgba(255, 242, 169, 1) 0%,
      rgba(255, 226, 226, 1) 32%);
  background: -moz-linear-gradient(180deg,
      rgba(255, 242, 169, 1) 0%,
      rgba(255, 226, 226, 1) 32%);
  background: linear-gradient(180deg,
      rgba(255, 242, 169, 1) 0%,
      rgba(255, 226, 226, 1) 32%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFF2A9", endColorstr="#FFE2E2", GradientType=0);
}

.share-image-wrap {
  position: absolute;
  z-index: 1;
  margin-top: auto;
  width: 52%;
  right: 15px;
  bottom: 0;
  max-height: 92%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.share-image-wrap .image-share {
  max-height: 100%;
  display: block;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}

.imgtext {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  margin-left: 11px;
}

.share-box-content {
  position: relative;
  z-index: 2;
  max-width: 217px;
}

.boy-top-glow {
  position: absolute;
  right: 5%;
  top: 0;
  z-index: -1;
}

.cls-box h3,
.share-box h3 {
  font-size: 20px;
  font-family: var(--font-BricolageGrotesque);
  font-weight: 700;
  letter-spacing: -0.1px;
}

.cls-row {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 20px;
}

.quiz-part {
  display: flex;
  align-items: center;
  margin-top: 20px;
  padding: 20px 40px 20px 20px;
  border-radius: 12px;
  /* background-color: #DAF9FB; */
  font-size: 13px;
  font-weight: 400;
  font-family: var(--font-Lato);
  line-height: 1.9;
  margin-bottom: 20px;
}

.quiz-img {
  margin-right: 19px;
}

.quiz-img img {
  mix-blend-mode: multiply;
}

.quiz-content {
  max-width: 446px;
  margin-right: auto;
  color: var(--color7);
}

.quiz-content p {
  margin-bottom: 0;
}

.refer-part {
  padding: 4px 38px 4px 28px;
  border: 1px solid #faf2ff;
  border-radius: 12px;
  background: #fff;
  background: -webkit-linear-gradient(170deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(237, 241, 255, 1) 100%);
  background: -moz-linear-gradient(170deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(237, 241, 255, 1) 100%);
  background: linear-gradient(170deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(237, 241, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#EDF1FF", GradientType=0);
}

.refer-part {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rfr-right {
  max-width: 156px;
  flex-shrink: 0;
}

.rfr-left {
  max-width: 558px;
}

.rfr-left p {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1px;
}

.project-right .subtitle {
  margin-bottom: 15px;
}

.project-box {
  height: 100%;
  padding: 11px 13px;
  display: flex;
  align-items: center;
  border-radius: 12px;
  border: 1px solid #faf2ff;
  background: #fff;
  background: -webkit-linear-gradient(159deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(237, 241, 255, 1) 100%);
  background: -moz-linear-gradient(159deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(237, 241, 255, 1) 100%);
  background: linear-gradient(159deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(237, 241, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#EDF1FF", GradientType=0);
}

.project-link {
  color: var(--color4);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  font-family: var(--font-Lato);
  transition: all 300ms ease-in-out;
}

.project-link:hover {
  color: var(--color2);
}

.project-list {
  margin-top: 20px;
}

.project-img {
  position: relative;
  padding-top: 100%;
  border-radius: 12px;
  border: 2px solid #fff;
  overflow: hidden;
  margin-right: 25px;
}

.project-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-left {
  width: 40%;
  flex-shrink: 0;
}

.project-para {
  max-width: 215px;
  font-size: 13px;
  color: var(--color7);
  line-height: 1.9;
  letter-spacing: 0.15px;
  margin-bottom: 10px;
}

.assign-project {
  margin-top: 20px;
}

.project-list-row {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 20px;
}

.title-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.title-filter h2 {
  margin-bottom: 0;
}

.title-filter select {
  border: 1px solid #faf3ff;
  height: 35px;
  border-radius: 8px;
  padding: 0 14px 0 17px;
  font-size: 13px;
  letter-spacing: 0.1px;
  min-width: 131px;
}

.video-box {
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  padding-top: 56%;
}

.video-box .video-poster {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-play {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.vdo-arrows {
  display: flex;
  align-items: center;
}

.vdo-left,
.vdo-right {
  width: 36px;
  height: 36px;
  background-color: #f1f4ff;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 300ms ease-in-out;
}

.vdo-left:hover,
.vdo-right:hover {
  background-color: var(--color2);
}

.vdo-slider {
  margin: -11px;
}

.vdo-item {
  padding: 11px;
}

.vdo-right {
  margin-left: 4px;
}

.profile-img-wrap {
  position: relative;
  max-width: fit-content;
  margin: 0 auto 40px;
  display: block;
}

.file-choose {
  overflow: hidden;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid #fff;
  background-color: var(--color2);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin: 0 auto;
  z-index: 1;
}

.file-choose input {
  opacity: 0;
  position: absolute;
}

.text-block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  line-height: 1.1;
}

.text-block:last-child {
  margin-bottom: 0;
}

.text-block-left {
  font-weight: 700;
  font-size: 13px;
  padding-top: 8px;
  letter-spacing: 0.1px;
}

.text-block-right {
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.1px;
  border: 1px solid transparent;
  border-width: 0 0 1px;
  background: transparent;
  width: 57%;
  padding: 5px;
  text-align: right;
  color: var(--color7);
  box-shadow: none !important;
  outline: none !important;
}

.text-block-right:focus {
  border-color: var(--color2);
}

.profile-part {
  border-radius: 12px;
  border: 1px solid #faf2ff;
  margin-bottom: 29px;
  padding: 34px 28px;
  background: #fff;
  background: -webkit-linear-gradient(177deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(248, 249, 255, 1) 40%);
  background: -moz-linear-gradient(177deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(248, 249, 255, 1) 40%);
  background: linear-gradient(177deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(248, 249, 255, 1) 40%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#F8F9FF", GradientType=0);
}

.ancment-part {
  border-radius: 12px;
  border: 1px solid #faf2ff;
  margin-bottom: 29px;
  padding: 28px 24px;
  background: #fff;
  background: -webkit-linear-gradient(177deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(248, 249, 255, 1) 40%);
  background: -moz-linear-gradient(177deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(248, 249, 255, 1) 40%);
  background: linear-gradient(177deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(248, 249, 255, 1) 40%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#F8F9FF", GradientType=0);
}

.ancment-part-title {
  margin-bottom: 28px;
}

.ancment-block span {
  width: 54px;
  height: 54px;
  border-radius: 100%;
  background-color: #ffeef0;
  margin-right: 20px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.anounce-para {
  font-size: 13px;
  letter-spacing: 0.1px;
  line-height: 1.6;
  color: var(--color5);
}

.anounce-para p {
  margin-bottom: 0;
}

.anounce-date {
  font-size: 11px;
  letter-spacing: 0.1px;
  line-height: 1.9;
  color: #817474;
  margin-top: 4px;
}

.ancment-block {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.ancment-block:last-child {
  margin-bottom: 0;
}

.smal-bnr-part {
  border-radius: 12px;
  overflow: hidden;
}

.smal-bnr-part img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.smal-bnr-title {
  margin-bottom: 30px;
  margin-top: 30px;
}

.contact-info {
  padding: 28px 24px;
  border-radius: 12px;
  background: #fff2a9;
  background: -webkit-linear-gradient(177deg,
      rgba(255, 242, 169, 1) 0%,
      rgba(255, 226, 226, 1) 33%);
  background: -moz-linear-gradient(177deg,
      rgba(255, 242, 169, 1) 0%,
      rgba(255, 226, 226, 1) 33%);
  background: linear-gradient(177deg,
      rgba(255, 242, 169, 1) 0%,
      rgba(255, 226, 226, 1) 33%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFF2A9", endColorstr="#FFE2E2", GradientType=0);
}

.contact-info-block span {
  width: 54px;
  height: 54px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  flex-shrink: 0;
  margin-right: 20px;
}

.contact-info-block {
  display: flex;
  margin-bottom: 26px;
  margin-bottom: 26px;
  padding-bottom: 26px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.contact-info-block:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.contact-info-block a {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.1px;
  text-decoration: none;
  font-family: var(--font-BricolageGrotesque);
  color: var(--color5);
}

.gap30 {
  --bs-gutter-x: 30px;
}

.gap20 {
  --bs-gutter-x: 20px;
}

.profile-menu-img {
  width: 37px;
  height: 37px;
  border-radius: 100%;
  margin-right: 13px;
  flex-shrink: 0;
  overflow: hidden;
}

.profile-menu-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-menu {
  padding: 9px 13px;
  border: 1px solid #faf2ff;
  border-radius: 12px;
  position: relative;
  display: flex;
  align-self: anchor-center;
  align-items: center;
  background: #fff;
  background: -webkit-linear-gradient(128deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(237, 241, 255, 1) 26%);
  background: -moz-linear-gradient(128deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(237, 241, 255, 1) 26%);
  background: linear-gradient(128deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(237, 241, 255, 1) 26%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#EDF1FF", GradientType=0);
}

.pdrop {
  margin-right: 30px;
  font-size: 13px;
  letter-spacing: 0.1px;
  color: var(--color5);
}

.drop-lst {
  position: absolute;
  top: 100%;
  right: 0;
  padding: 10px 10px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #faf2ff;
  width: 206px;
  z-index: 99;
  transform: scaleY(0);
  transform-origin: top right;
  visibility: hidden;
}

.profile-menu:hover .drop-lst {
  transform: scaleY(1);
  visibility: visible;
  transition: all 300ms ease-in-out;
}

.arrow-drop {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms ease-in-out;
}

.profile-menu:hover .arrow-drop {
  transform: rotate(180deg);
}

.drop-lst ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.drop-lst ul li a {
  list-style: none;
  text-decoration: none;
  display: flex;
  align-items: center;
  color: var(--color5);
  font-size: 13px;
  font-weight: 400;
  font-family: var(--font-Lato);
  letter-spacing: 0.1px;
  padding: 10px;
  position: relative;
  z-index: 1;
  margin: 1px 0;
  border-radius: 6px;
  overflow: hidden;
}

.drop-lst ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  z-index: -1;
  background-color: var(--color2);
  transition: all 300ms ease-in-out;
}

.drop-lst ul li a:hover::before {
  width: 100%;
}

.drop-lst ul li a span {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

.drop-lst ul li a span img {
  display: block;
  max-height: 100%;
  object-fit: contain;
}

.img-list-wrap {
  display: flex;
  align-items: center;
  color: var(--color4);
}

.img-list {
  display: flex;
}

.img-list img {
  width: 38px;
  height: 38px;
  border-radius: 100%;
  border: 2px solid #f5e9ff;
  margin-left: -12px;
}

.shadow-bnr2::before {
  background: #1d1603;
  background: -webkit-linear-gradient(128deg,
      rgba(29, 22, 3, 1) 0%,
      rgba(255, 255, 255, 0) 62%);
  background: -moz-linear-gradient(128deg,
      rgba(29, 22, 3, 1) 0%,
      rgba(255, 255, 255, 0) 62%);
  background: linear-gradient(128deg,
      rgba(29, 22, 3, 1) 0%,
      rgba(255, 255, 255, 0) 62%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1D1603", endColorstr="#FFFFFF", GradientType=0);
}

.watch-vdo .quiz-content {
  max-width: 100%;
  padding-right: 111px;
  letter-spacing: 0.1px;
}

.watch-vdo .quiz-img {
  width: 126px;
  height: 112px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  margin-right: 28px;
}

.watch-vdo .quiz-img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.play-small {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
}

.shadowbox {
  padding: 0 40px 0 32px;
  border: 1px solid #faf2ff;
  border-radius: 12px;
  background: #fff;
  background: -webkit-linear-gradient(180deg,
      rgba(255, 255, 255, 1) 31%,
      rgba(237, 241, 255, 1) 100%);
  background: -moz-linear-gradient(180deg,
      rgba(255, 255, 255, 1) 31%,
      rgba(237, 241, 255, 1) 100%);
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 1) 31%,
      rgba(237, 241, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#EDF1FF", GradientType=0);
  display: flex;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.shadowbox-left {
  width: 31%;
  padding: 30px 27px 30px 0;
  position: relative;
  display: flex;
  align-items: center;
}

.shadowbox-col {
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 18%;
}

.shadowbox-right {
  padding: 30px 0 30px 30px;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.borderafter {
  position: relative;
}

.shadowbox-left::after,
.borderafter:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background: #faf2ff;
  background: -webkit-linear-gradient(180deg,
      rgba(250, 242, 255, 1) 0%,
      rgba(250, 242, 255, 0.46) 100%);
  background: -moz-linear-gradient(180deg,
      rgba(250, 242, 255, 1) 0%,
      rgba(250, 242, 255, 0.46) 100%);
  background: linear-gradient(180deg,
      rgba(250, 242, 255, 1) 0%,
      rgba(250, 242, 255, 0.46) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FAF2FF", endColorstr="#FAF2FF", GradientType=0);
}

.td-text {
  display: flex;
  align-items: center;
  font-size: 13px;
  letter-spacing: 0.1px;
  color: #000;
}

.td-img {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 8px;
  flex-shrink: 0;
}

.td-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shadowbox-para {
  color: var(--color7);
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: 0.1px;
}

.shadowbox .subtitle {
  font-weight: 500;
  color: var(--color5);
}

.group-btn a {
  padding-left: 30px;
  padding-right: 30px;
  min-width: auto;
  margin-left: 8px;
}

.group-btn {
  display: flex;
  margin-left: auto;
}

.shadowbox-row .shadowbox {
  margin-bottom: 16px;
}

.shadowbox-row .shadowbox:last-child {
  margin-bottom: 0;
}

.shadowbox .imgtext {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1px;
  color: #000000;
}

.shadowbox .img-list {
  padding-left: 7px;
}

.shadowbox .img-list img {
  width: 24px;
  height: 24px;
  border-width: 1px;
  margin-left: -7px;
}

.round-arrow {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: #faf7ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}

.round-arrow img {
  width: 24px;
}

.blu-bg-sec {
  border-radius: 12px;
  background-color: var(--color8);
  padding: 38px 46px;
}

.para-short {
  font-size: 13px;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.1px;
  color: var(--color7);
}

.subtitle.f20 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 16px;
}

.blu-bg-sec .para-short {
  margin-bottom: 30px;
}

.tag {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.1px;
  padding: 6px 10px;
  font-family: var(--font-BricolageGrotesque);
  background-color: var(--color3);
  border-radius: 40px;
  white-space: nowrap;
}

.bg1 {
  background-color: #e6d8fb;
  color: var(--color3);
}

.ml-20 {
  margin-left: 20px;
}

.shadowbox-left.big {
  width: 61%;
}

.grey-grdntbox {
  padding: 30px 42px 30px 30px;
  border-radius: 12px;
}

.gray-grdnt {
  background: #fff;
  background: -webkit-linear-gradient(180deg,
      rgba(255, 255, 255, 1) 31%,
      rgba(237, 241, 255, 1) 100%);
  background: -moz-linear-gradient(180deg,
      rgba(255, 255, 255, 1) 31%,
      rgba(237, 241, 255, 1) 100%);
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 1) 31%,
      rgba(237, 241, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#EDF1FF", GradientType=0);
  border: 1px solid #faf2ff;
}

.activity-block {
  margin-bottom: 25px;
}

.activity-block:last-child {
  margin-bottom: 0;
}

.actvy-link {
  color: var(--color9);
  font-size: 13px;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.1px;
  text-decoration: none;
  word-break: break-all;
}

.actvy-link:hover {
  color: var(--color2);
}

.activity-subtitle {
  margin-bottom: 3px;
}

.asnmnt-box .shadowbox-left {
  width: 64%;
}

.asnmnt-box .shadowbox-left::after {
  content: none;
}

.cls-note {
  border: 1px solid#FAF2FF;
  border-radius: 12px;
  padding: 28px 28px;
  background: #edf1ff;
  background: -webkit-linear-gradient(180deg,
      rgba(237, 241, 255, 1) 0%,
      rgba(255, 255, 255, 1) 88%);
  background: -moz-linear-gradient(180deg,
      rgba(237, 241, 255, 1) 0%,
      rgba(255, 255, 255, 1) 88%);
  background: linear-gradient(180deg,
      rgba(237, 241, 255, 1) 0%,
      rgba(255, 255, 255, 1) 88%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EDF1FF", endColorstr="#FFFFFF", GradientType=0);
}

.cls-dtls-left {
  width: 72%;
}

.cls-dtls-right {
  width: 28%;
}

.cls-note .para-short {
  margin-bottom: 20px;
}

.ul-tick ul {
  list-style: none;
  margin: 0;
  padding: 0;

  font-size: 13px;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.1px;
  color: var(--color7);
}

.ul-tick ul li {
  margin: 0 0 12px;
  padding: 0 0 0 35px;
  background: url(assets/images/ylw-tick.svg) no-repeat left top 0 / 20px;
}

.exm-mark {
  font-size: 16px;
  letter-spacing: -0.1px;
  font-family: var(--font-BricolageGrotesque);
  font-weight: 400;
  color: var(--color5);
}

.exm-card {
  padding: 30px 35px;
  border-radius: 12px;
}

.exm-card .subtitle {
  margin-bottom: 15px;
}

.exm-card-btn {
  margin-top: 22px;
}

/* Profile Page */
.profile-banner {
  height: 215px;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #faf2ff;
}

.profile-info-left {
  display: flex;
  align-items: flex-end;
  margin-top: -32px;
}

.profile-image-wrap {
  position: relative;
  width: 111px;
  flex-shrink: 0;
  margin-right: 28px;
}

.profile-image {
  border-radius: 12px;
  overflow: hidden;
  border: 2px solid #fff;
  width: 111px;
}

.profile-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.protitle-wrap {
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.profile-info-left-content a {
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: #101010;
}

.tag.small {
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.1px;
}

.profile-info-left-content {
  padding-bottom: 9px;
}

.profile-buttons-right {
  display: flex;
  justify-content: flex-end;
  padding-top: 24px;
}

.profile-buttons-right .themeBtn1 {
  min-width: auto;
  margin-left: 8px;
  padding-left: 15px;
  padding-right: 15px;
}

.profile-page-wrap {
  padding: 0 0 0 32px;
}

.profile-image-wrap .file-choose {
  width: 30px;
  height: 30px;
  bottom: -11px;
}

.profile-image-wrap .file-choose img {
  width: 16px;
}

.profile-txt-wrap {
  margin-top: 44px;
}

.profile-txt {
  margin-bottom: 50px;
}

.profile-txt:last-child {
  margin-bottom: 0;
}

.profile-txt .subtitle {
  border-bottom: 1px solid #efe2f7;
  margin-bottom: 30px;
  padding-bottom: 22px;
}

.nme-txt {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1px;
  color: var(--color7);
  margin-bottom: 2px;
}

.info-text {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1px;
  color: var(--color7);
}

.profile-txt-block-row {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 35px;
}

/* Exam Single Page */
.single-exm-title {
  /* padding: 37px 50px; */
  padding-bottom: 20px;
  border-bottom: 1px solid #efe2f7;
}

.mcq-part {
  /* padding: 40px 50px; */
  padding: 0;
}

.mcq-part .para-short {
  font-size: 15px;
  color: var(--color7);
  margin-bottom: 32px;
}

.mcq-part .subtitle {
  margin-bottom: 32px;
}

/* custom radio */

.form_input_radio label {
  position: relative;
  margin: 0;
  padding-left: 30px;
  display: inline-block;
}

.form_input_radio label span {
  margin: 0;
  padding: 0;
}

.form_input_radio label input[type="radio"] {
  visibility: hidden;
  display: none;
}

.form_input_radio label input[type="radio"]+span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 22px;
  height: 22px;
  border: 2px solid #000000;
  border-radius: 100%;
  background: #fff;
}

.form_input_radio label input[type="radio"]+span::after {
  content: "";
  width: 12px;
  height: 12px;
  background: #4b0049;
  position: absolute;
  top: 6px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.form_input_radio label input[type="radio"]:not(:checked)+span::after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* .form_input_radio input[type="radio"]:checked + span::before {
      
    } */

.form_input_radio label input[type="radio"]:checked+span:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* custom radio end */

.mcq-part .form_input_radio label input[type="radio"]+span::before {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #efe2f7;
}

.mcq-part .form_input_radio label input[type="radio"]+span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: url(assets/images/tick-white.svg) no-repeat center center;
  background-size: 12px;
  opacity: 0;
}

.mcq-part .form_input_radio label input[type="radio"]:checked+span::before {
  background-color: var(--color3);
  border-color: var(--color3);
}

.mcq-part .form_input_radio label input[type="radio"]:checked+span:after {
  opacity: 1;
}

.mcq-part .form_input_radio label {
  padding-left: 44px;
}

.input-textarea-design {
  border: 1px solid #efe2f7;
  width: 100%;
  resize: none;
  font-size: 15px;
  font-weight: 400;
  color: #585262;
  padding: 31px 35px;
  border-radius: 12px;
  letter-spacing: 0.1px;
  display: block;
  margin-bottom: 20px;
}

.file-upload {
  overflow: hidden;
  position: relative;
  padding: 22px 140px 22px 22px !important;
  border: 1px solid #faf2ff;
  border-radius: 12px;
  background: #fff;
  background: -webkit-linear-gradient(180deg,
      rgba(255, 255, 255, 1) 31%,
      rgba(237, 241, 255, 1) 100%);
  background: -moz-linear-gradient(180deg,
      rgba(255, 255, 255, 1) 31%,
      rgba(237, 241, 255, 1) 100%);
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 1) 31%,
      rgba(237, 241, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#EDF1FF", GradientType=0);
  display: flex !important;
  flex-wrap: wrap !important;
}

.upload-file-text {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.file-upload p {
  margin-bottom: 0;
}

.file-upload [type="file"] {
  position: absolute;
  opacity: 0;
}

.file-upload .subtitle {
  margin: 0 0 2px;
}

.sml.para-short {
  font-size: 13px !important;
}

.upload-file-text {
  min-width: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.edt-box {
  padding: 38px;
  border-radius: 12px;
}

.edt-box select,
.edt-box input {
  border-radius: 12px;
  border: 1px solid #f0ebf5;
  padding: 0 24px;
  height: 56px;
  width: 100%;
}

.edt-box select {
  appearance: none;
  background-image: url(assets/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 18px center;
  padding-right: 30px;
}

.edt-box .date-field {
  background-image: url(assets/images/calendar.svg);
  background-repeat: no-repeat;
  background-position: right 18px center;
  padding-right: 50px;
}

.edt-box .nme-txt {
  font-size: 16px;
  margin-bottom: 10px;
}

.edt-profile-txt {
  margin-bottom: 34px;
}

.edt-profile-txt:last-child {
  margin-bottom: 0;
}

.edt-profile-txt .subtitle {
  margin-bottom: 32px;
}

.edt-save {
  margin-top: 24px;
}

.profile-img {
  width: 105px;
  height: 105px;
  border-radius: 100%;
  overflow: hidden;
}

.profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dash-ban-arws {
  display: flex;
  justify-content: center;
  margin: 15px 0px 20px;
}

/* Login Page Start */
.login-page {
  position: relative;
  padding: 24px;
}

.form-logo {
  text-align: center;
  margin-bottom: 36px;
}

.form-logo a img {
  width: 170px;
}

.form-title {
  text-align: center;
  max-width: 356px;
  margin: 0 auto 35px;
}

.form-title .main-title span {
  color: var(--color3);
}

.login-para {
  color: var(--color10);
  letter-spacing: 0.1px;
}

.form-wrap {
  padding: 19px 0;
  max-width: 438px;
  margin: 0 auto;
}

.form-wrap input[type="text"],
.form-wrap input[type="password"],
.form-wrap input[type="email"],
.form-wrap input[type="number"],
.form-wrap input[type="tel"],
.form-wrap select {
  border: 1px solid #f0ebf5;
  background-color: #fff;
  border-radius: 12px;
  height: 56px;
  padding: 5px 24px;
  width: 100%;
  position: relative;
  color: var(--color5);
  outline: none !important;
}

.form-wrap input[type="password"] {
  padding-right: 58px;
}

select.slct-design {
  width: 220px;
  margin: 0 auto 30px;
  display: block;
  border-radius: 16px;
  background-color: #bb8eff;
  border: 1px solid #bb8eff;
  color: #fff !important;
}

.pass-wrap input[type="text"] {
  padding-right: 58px;
}

.form-wrap label {
  width: 100%;
}

.form-wrap .themeBtn1 {
  height: 56px;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
}

.gap-y20 {
  --bs-gutter-y: 20px;
}

.form-shape1 {
  position: absolute;
  left: 10%;
  top: 0;
  max-width: 40%;
  height: auto;
  z-index: -1;
  pointer-events: none;
}

.input-label {
  width: 100%;
  display: block;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  font-family: var(--font-Lato);
  color: var(--color10);
  letter-spacing: 0.1px;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.frmlink {
  font-size: 16px;
  font-weight: 700;
  color: var(--color4);
  letter-spacing: 0.1px;
  font-family: var(--font-Lato);
  text-decoration: none;
}

.form-right {
  min-height: calc(100vh - 48px);
  border-radius: 20px;
  padding: 99px 0 74px 0;
  background: #ff2b60;
  position: relative;
  overflow: hidden;
  background: -webkit-linear-gradient(0deg,
      rgba(255, 43, 96, 1) 0%,
      rgba(136, 33, 221, 1) 46%);
  background: -moz-linear-gradient(0deg,
      rgba(255, 43, 96, 1) 0%,
      rgba(136, 33, 221, 1) 46%);
  background: linear-gradient(0deg,
      rgba(255, 43, 96, 1) 0%,
      rgba(136, 33, 221, 1) 46%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF2B60", endColorstr="#8821DD", GradientType=0);
}

.form-shape2 {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 60%;
  pointer-events: none;
}

.form-right-title {
  max-width: 342px;
  margin: 0 auto 45px;
  text-align: center;
  color: #fff;
}

.form-right-para {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1px;
}

.form-right-title .main-title {
  color: #fff;
  margin-bottom: 10px;
}

/* Testimonial */
.tst-slider-box {
  padding: 25px 32px 32px 27px;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  border: 2px solid #edbbc9;
  z-index: 1;
  color: #fff;
  backdrop-filter: blur(21px);
}

.tst-name {
  font-family: var(--font-BricolageGrotesque);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.1px;
  color: #ffff;
}

.tst-slider-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  background: #fff;
  background: -webkit-linear-gradient(180deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.1) 90%);
  background: -moz-linear-gradient(180deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.1) 90%);
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF45", GradientType=0);
  z-index: -1;
  /* backdrop-filter: blur(21px); */
  border-radius: 14px;
}

.tst-slider-top {
  display: flex;
  margin-bottom: 28px;
}

.tst-slider-img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 60%);
  margin-right: 16px;
  flex-shrink: 0;
}

.desig {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1px;
  line-height: 1.1;
}

.tst-subtitle {
  font-family: var(--font-BricolageGrotesque);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.1px;
  color: #ffff;
  margin-bottom: 6px;
}

.tst-para {
  font-size: 14px;
  letter-spacing: 0.1px;
  color: #e6d7ee;
}

.tst-slider2 {
  margin-top: 29px;
}

.pass-wrap {
  position: relative;
}

.toggle-password {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 22px;
  color: #918f9a;
  cursor: pointer;
}

.errorMsg {
  padding: 10px;
  text-align: center;
  background: #ffeaea;
  color: #d72828;
  font-weight: 700;
  border-bottom: 1px solid #ffd3d3;
  margin-bottom: 15px;
}

.error-icon {
  max-width: 19px;
}

.schedule-class {
  margin-top: 32px;
  margin-bottom: 40px;
}

.scdle-cls-box {
  border: 1px solid #faf2ff;
  border-radius: 12px;
  box-shadow: 0 4px 64px 0 rgb(236 231 243 / 50%);
  background: #fff;
  background: -webkit-linear-gradient(180deg,
      rgba(255, 255, 255, 1) 14%,
      #f8f9ff 100%);
  background: -moz-linear-gradient(180deg,
      rgba(255, 255, 255, 1) 14%,
      #f8f9ff 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 14%, #f8f9ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#F8F9FF", GradientType=0);
}

.table-design table {
  width: 100%;
  border-color: #efe2f7;
  vertical-align: middle;
  /* table-layout: fixed; */
}

.table-design.tbl-fixed table {
  table-layout: fixed;
}

.table-design table th,
.table-design table td {
  padding: 23px;
  font-size: 16px;
  border-color: #efe2f7;
  letter-spacing: 0.1px;
}

.table-design table th {
  background-color: #f1f4ff;
  font-weight: 500;
  letter-spacing: -0.1px;
  font-family: var(--font-BricolageGrotesque);
}

.table-design table td {
  font-weight: 400;
  color: var(--color1);
}

.gnrate-report {
  min-width: 88px;
  height: 38px;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: var(--color11);
  color: var(--color12);
  font-size: 16px;
  font-family: var(--font-Lato);
  padding: 0 15px;
  white-space: nowrap;
}

.filter-srch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.filter-srch-left span {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.1px;
  color: var(--color5);
}

.filter-srch-right {
  position: relative;
}

.filter-srch-right [type="text"] {
  height: 43px;
  padding: 5px 20px;
  font-size: 13px;
  letter-spacing: 0.1px;
  color: #585262;
  border-radius: 8px;
  border: 1px solid #faf3ff;
  width: 300px;
  padding-right: 100px;
}

.filter-srch-right img {
  position: absolute;
  right: 13px;
  top: 14px;
}

.pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.pagination .page-link,
.pagination ul li a,
.pagination ul li span {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100% !important;
  background-color: #f4f1fb;
  border: 1px solid #f4f1fb !important;
  color: #101e38;
  font-size: 12px;
  margin: 0 2px !important;
  padding: 0;
  vertical-align: top;
  text-decoration: none;
}

.pagination ul li span {
  background: transparent;
  border: none !important;
}

.pagination ul li a.next,
.pagination ul li a.prev {
  font-size: 27px;
  line-height: 1;
  padding-bottom: 6px;
}

.pagination ul li span.dots {
  font-size: 21px;
  line-height: 1;
  padding-bottom: 15px;
  background: transparent;
  border: none !important;
}

.pagination .page-link:hover,
.pagination ul li a:hover,
.pagination ul li span.current {
  background-color: var(--color3);
  color: #fff;
}

.pagination .page-link:hover img {
  filter: brightness(0) invert(1);
}

/* for teacher */
.checkmsg {
  display: flex;
  align-items: center;
  width: 33%;
  flex-shrink: 0;
  padding-right: 70px;
}

.checkmsg label {
  margin-right: 14px;
  font-size: 13px;
}

.checkmsg label [type="radio"] {
  accent-color: var(--color3);
}

.add-prj-info-form-top.tcher-wrap {
  padding: 0;
  border-radius: 12px;
}

.add-prj-info-form-top.tcher-wrap .add-prj-info-form-btm {
  border-width: 1px 0 0 0;
  border-radius: 0;
}

.add-prj-info-form-top.tcher-wrap .add-prj-prfl-area {
  padding: 15px 20px;
}

.add-prj-info-form-top.tcher-wrap .add-prj-prfl {
  flex-wrap: wrap;
}

.add-prj-info-form-top.tcher-wrap .add-prj-prfl p {
  width: 100%;
  margin-top: 8px;
  padding-left: 28px;
}

.submsn-filter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 30px;
}

.submsn-filter select,
.custome-select {
  border: 1px solid #faf3ff;
  height: 38px;
  border-radius: 8px;
  padding: 0 14px 0 17px;
  font-size: 13px;
  letter-spacing: 0.1px;
  min-width: 131px;
  appearance: none;
  background-image: url(assets/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 18px center;
  margin-right: 10px;
  margin-left: 8px;
}

.wrap-res-onl-exm .table-design table th {
  white-space: nowrap;
}

/* Range Slider CSS Start */
.irs--round {
  height: 40px;
}

.irs--round .irs-bar {
  height: 8px !important;
  background-color: var(--color3) !important;
}

.irs--round .irs-line {
  height: 8px !important;
  background-color: #f1f4ff !important;
}

.irs--round .irs-handle {
  top: 24px !important;
  width: 29px !important;
  height: 29px !important;
  border: 2px solid #ffffff !important;
  background-color: #6612e7 !important;
  border-radius: 24px !important;
  box-shadow: 0 7px 8px rgb(93 15 213 / 49%) !important;
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: #00c2c0;
}

.irs--round .irs-handle {
  width: 16px;
  height: 16px;
  top: 29px;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  background-color: transparent;
  color: #666;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before,
.irs--round .irs-min,
.irs--round .irs-max {
  display: none;
}

.range-container {
  position: relative;
}

.range-container [type="number"] {
  border: none !important;
  width: auto !important;
  appearance: none !important;
  outline: none !important;
  color: var(--color7);
  font-size: 13px;
  letter-spacing: 0.1px;
  pointer-events: none;
}

.totl-cnt {
  color: var(--color7);
  letter-spacing: 0.1px;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 13px;
  letter-spacing: 0.1px;
  pointer-events: none;
}

.rnge-sec-wrap {
  max-width: 642px;
  margin: 0 auto;
}

/* ===================== */
.gnrte-rprt-card {
  text-align: center;
  max-width: 700px;
  display: block;
  width: 100%;
  margin: 0 auto 20px;
}

.gnrte-rprt-card .subtitle {
  font-size: 20px;
}

.card-gry {
  max-width: 642px;
  margin: 0 auto 30px;
  display: flex;
  justify-content: space-between;

  padding: 14px 21px;
  border: 1px solid #faf2ff;
  border-radius: 12px;
  background: #fff;
  background: -webkit-linear-gradient(170deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(237, 241, 255, 1) 100%);
  background: -moz-linear-gradient(170deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(237, 241, 255, 1) 100%);
  background: linear-gradient(170deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(237, 241, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#EDF1FF", GradientType=0);
}

.card-gry .td-text {
  font-size: 16px;
  color: #585262;
  letter-spacing: 0.1px;
}

.tg-text {
  background-color: #e6fff1;
  color: #585262;
  border-radius: 4px;
  padding: 11px 9px;
  line-height: 1;
  letter-spacing: 0.1px;
  font-size: 16px;
}

.rnge-wrap .para-short {
  font-size: 13px;
  letter-spacing: 0.1px;
  color: var(--color7);
  margin-bottom: -20px;
}

.rnge-wrap .subtitle {
  font-size: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
}

.rnge-wrap:not(:last-child) {
  margin-bottom: 32px;
}

.irs-single {
  display: none !important;
}

.rnge-wrap [type="submit"] {
  font-size: 16px;
  height: 56px;
  font-weight: 700;
}

.rnge-wrap textarea {
  height: 95px;
  padding: 20px;
  resize: none;
  border-radius: 12px;
  border: 1px solid #efe2f7;
  width: 100%;
  color: #585262;
  letter-spacing: 0.1px;
  font-size: 13px;
}

.text-block-wrap {
  margin-bottom: 15px;
}

/* == */
.profile-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ========= */
.collpse-mnu-row {
  display: flex;
}

.collpse-mnu-left {
  /* width: 100%; */
  width: calc(100% - 332px);
  transition: all 300ms ease-in-out;
}

/* 
.sidemenu-open .collpse-mnu-left {
    width: calc(100% - 332px);
} */

.collpse-mnu-right {
  /* width: 0; */
  width: 302px;
  margin-left: auto;
  /* overflow: hidden; */
}

/* .sidemenu-open .collpse-mnu-right{
    width: 302px;
} */

/* .sidemenu-open .side-menu {
    transform: rotateY(180deg);
} */

.collpse-mnu-right-wrap {
  /* transform: translateX(100%); */
  transition: all 300ms ease-in-out;
  /* height: 0; */
}

/* .sidemenu-open .collpse-mnu-right .collpse-mnu-right-wrap {
    transform: translateX(0%);
    height: auto;
} */

.collpse-mnu-wrap {
  position: relative;
}

.side-menu {
  width: 40px;
  height: 40px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
  z-index: 9;
  transition: all 300ms ease-in-out;
  background: #fff;
  border-radius: 12px;
  display: none;
}

.payment-dtls-icon {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ffeef0;
  border-radius: 100%;
  flex-shrink: 0;
  margin-right: 20px;
}

.payment-dtls-block {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.payment-dtls-block:last-child {
  margin-bottom: 0;
}

.payment-dtls-subtitle {
  font-size: 16px;
  letter-spacing: -0.1px;
  color: var(--color5);
  font-weight: 500;
  font-family: var(--font-BricolageGrotesque);
  margin-bottom: 2px;
}

.payment-dtls-price {
  font-size: 20px;
  letter-spacing: -0.1px;
  color: var(--color5);
  font-weight: 700;
  font-family: var(--font-BricolageGrotesque);
}

/* left menu */
.left-menu {
  width: 40px;
  height: 40px;
  padding: 2px;
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 20px;
  top: 34px;
  cursor: pointer;
  z-index: 9;
  transition: all 300ms ease-in-out;
  background: #fff;
  border-radius: 7px;
  border: 1px solid var(--color3);
}

/* ===== */
.menu-hide,
.menu-open .menu-show {
  display: none;
}

.menu-open .menu-hide {
  display: block;
}

.main-tle-wrap.mh-auto {
  min-height: 48px;
}

.time-icon {
  flex-shrink: 0;
}

.tcher-card {
  position: relative;
  text-align: center;
  padding: 16px 16px 32px 16px;
  border: 1px solid #faf2ff;
  border-radius: 12px;
  background: #fff;
  background: -webkit-linear-gradient(180deg,
      rgba(255, 255, 255, 1) 31%,
      rgba(237, 241, 255, 1) 100%);
  background: -moz-linear-gradient(180deg,
      rgba(255, 255, 255, 1) 31%,
      rgba(237, 241, 255, 1) 100%);
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 1) 31%,
      rgba(237, 241, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#EDF1FF", GradientType=0);
}

.tcher-card .para-short {
  margin-bottom: 24px;
}

.tcher-img {
  width: 155px;
  height: 155px;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto 28px;
}

.tcher-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tag-list {
  margin: -4px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.tag-list .tag-link {
  margin: 4px;
}

.tag-link {
  border-radius: 40px;
  background-color: #e6d8fb;
  color: var(--color9);
  text-decoration: none;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1;
  letter-spacing: -0.1px;
  font-family: var(--font-BricolageGrotesque);
  font-weight: 500;
}

.rating-tag {
  display: inline-flex;
  padding: 5px 7px;
  border-radius: 30px;
  background: #fedd4e;
  line-height: 1;
  color: #381818;
  font-size: 11px;
  font-weight: 700;
}

.rating-tag img {
  margin-right: 4px;
}

.rschdle-text .rating-tag {
  margin-left: 6px;
}

.tcher-card .rating-tag {
  position: absolute;
  top: 16px;
  right: 16px;
}

.tcher-row {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 20px;
}

.rschdle-img {
  width: 44px;
  height: 44px;
  border-radius: 100%;
  margin-right: 20px;
  flex-shrink: 0;
}

.rschdle-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rschdle-box-left {
  display: flex;
  align-items: center;
}

.rschdle-box {
  padding: 18px 21px;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rschdle-text a {
  font-size: 13px;
  letter-spacing: 0.1px;
  color: var(--color9);
  line-height: 1;
  text-decoration: none;
}

.rschdle-text .subtitle {
  margin-bottom: 1px;
}

/* 15.05.2025 start */

.profile-menu {
  flex: 0 0 auto;
}

.dash-tabList .tablink {
  text-decoration: none;
}

/* .collpse-mnu-right.teacher {
    width: calc(33.33% - 30px);
}

.sidemenu-open .collpse-mnu-left.teacher {
    padding-right: 30px;
    width: calc(100% - calc(33.33% - 30px));
} */

.apply-leave-frm p.leaveerror {
  color: var(--color4);
  font-size: 16px;
  padding: 8px 15px;
  border: 1px solid #d21c31;
  text-align: center;
  border-radius: 8px;
  background-color: rgba(210, 28, 49, 0.15);
}

.apply-leave-frm p.apply-success {
  color: #016501;
  font-size: 16px;
  padding: 8px 15px;
  border: 1px solid #016501;
  text-align: center;
  border-radius: 8px;
  background-color: rgba(1, 101, 1, 0.15);
}

.form-group.extra {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.form-group.extra label {
  margin-right: 15px;
}

.form-group.extra select {
  margin-bottom: 0;
}

.success-msg {
  color: #016501;
  font-size: 16px;
  padding: 15px;
  border: 1px solid #016501;
  text-align: center;
  border-radius: 8px;
  background-color: rgba(1, 101, 1, 0.15);
  font-family: var(--font-BricolageGrotesque);
  font-weight: 600;
}

.already_report_card_generated {
  color: var(--color4);
  font-size: 16px;
  padding: 15px;
  border: 1px solid #d21c31;
  text-align: center;
  border-radius: 8px;
  background-color: rgba(210, 28, 49, 0.15);
  font-family: var(--font-BricolageGrotesque);
  font-weight: 600;
}

.cls-box.no-class {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-family: var(--font-BricolageGrotesque);
  font-weight: 700;
  letter-spacing: -0.1px;
  color: var(--color4);
}

/* 15.05.2025 end */

/* 15-05-2025 M.M Css Start */
.tst-slider-new-wrap-two .tst-para h4,
.tst-slider-new-wrap .tst-para h4 {
  color: #e6d7ee;
  font-weight: 500;
}

.login-para p:not(:last-child) {
  margin-bottom: 10px;
}

.tcher-new-wrap>form {
  padding: 0 20px 30px;
}

.tcher-new-wrap>form label {
  display: block;
  margin-bottom: 6px;
}

.tcher-new-wrap>form select {
  border: 1px solid #f0ebf5;
  background: url(images/down-arrow-select.svg) no-repeat right 15px center;
  background-size: 15px;
  background-color: #fff;
  border-radius: 12px;
  height: 56px;
  padding: 5px 24px !important;
  padding-right: 50px !important;
  width: 100%;
  position: relative;
  color: var(--color5);
  outline: none !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.tcher-new-wrap>form textarea {
  padding: 10px 24px !important;
}

.tcher-new-wrap>form input[type="submit"] {
  position: relative;
  line-height: 1;
  font-family: var(--font-Lato);
  font-weight: 700;
  font-size: 14px;
  padding: 12px 28px !important;
  background-color: var(--color2) !important;
  border: 1px solid var(--color2) !important;
  color: var(--color4) !important;
  border-radius: 8px;
  text-transform: capitalize;
  text-decoration: none;
  min-width: 136px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms ease-in-out;
}

.tcher-new-wrap>form input[type="submit"]:hover {
  background-color: var(--color3) !important;
  color: #fff !important;
}

.tcher-new-wrap>form .rating-section {
  margin-bottom: 20px !important;
}

.tcher-new-wrap>form .checkmsg {
  padding-right: 0;
  width: auto;
}

.prize-main-wraper {
  background: #fff;
  border-radius: 8px;
  padding: 10px 20px 20px;
  margin-left: 18px;
}

.prize-main-wraper ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.prize-main-wraper ul li {
  display: flex;
  /* flex-wrap: wrap; */
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #efe2f7;
  padding: 8px 12px;
}

.prize-main-wraper ul li p {
  padding-right: 12px;
}

.prize-main-wraper ul li span,
.prize-main-wraper ul li p {
  font-weight: 700;
  color: var(--color1);
  margin-bottom: 0;
  font-size: 16px;
}

.prize-main-wraper .themeBtn1 {
  margin-top: 15px;
}

.share-learning-new-wrap {
  display: flex;
  flex-wrap: wrap;
  /* align-items: center; */
}

.share-learning-new-wrap .sh-bld {
  width: 60%;
}

.share-learning-new-wrap .prize-main-outer {
  width: 40%;
}

.share-learning-new-wrap .sh-wrp {
  flex-wrap: nowrap;
}

/* 15-05-2025 M.M Css End */

/* Popup Design */
.pop-design .pop-title {
  color: var(--color3);
  font-weight: 700;
  font-family: var(--font-Lato);
  font-size: 32px;
  text-align: center;
  max-width: fit-content;
  display: flex;
  margin: 0 auto 30px;
  padding: 5px 20px;
  background: #fff;
  background: -webkit-linear-gradient(124deg,
      rgba(255, 255, 255, 1) 50%,
      rgba(250, 248, 255, 0) 100%);
  background: -moz-linear-gradient(124deg,
      rgba(255, 255, 255, 1) 50%,
      rgba(250, 248, 255, 0) 100%);
  background: linear-gradient(124deg,
      rgba(255, 255, 255, 1) 50%,
      rgba(250, 248, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FAF8FF", GradientType=0);
  border-color: #fff;
  box-shadow: 0 4px 64px 0 #ded3f1;
  border-radius: 6px;
  font-family: var(--font-BricolageGrotesque);
}

.pop-para {
  text-align: center;
}

.pop-dte {
  text-align: center;
  margin: 0 0 15px;
}

.pop-title-top {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
  margin: 0 auto 15px;
  line-height: normal;
  font-size: 20px;
  font-weight: 700;
  /* background: #FFF;
    background: -webkit-linear-gradient(124deg, rgba(255, 255, 255, 1) 50%, rgba(250, 248, 255, 0) 100%);
    background: -moz-linear-gradient(124deg, rgba(255, 255, 255, 1) 50%, rgba(250, 248, 255, 0) 100%);
    background: linear-gradient(124deg, rgba(255, 255, 255, 1) 50%, rgba(250, 248, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FAF8FF", GradientType=0);
    border-color: #fff;
    box-shadow: 0 4px 64px 0 #DED3F1;
    border-radius: 6px;
    font-family: var(--font-BricolageGrotesque); */
}

.pop-design .modal-body {
  padding: 40px 30px;
  background: #fff2a9;
  background: -webkit-linear-gradient(180deg,
      rgba(255, 242, 169, 1) 0%,
      rgba(255, 226, 226, 1) 32%);
  background: -moz-linear-gradient(180deg,
      rgba(255, 242, 169, 1) 0%,
      rgba(255, 226, 226, 1) 32%);
  background: linear-gradient(180deg,
      rgba(255, 242, 169, 1) 0%,
      rgba(255, 226, 226, 1) 32%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFF2A9", endColorstr="#FFE2E2", GradientType=0);
}

.pop-design .btn-close,
.pop-cls {
  position: absolute;
  right: 0;
  top: -60px;
  z-index: 1;
  padding: 0;
  width: 45px;
  height: 45px;
  background: #fff url(images/close-pop.svg) no-repeat center / 16px;
  border-radius: 100%;
  outline: none !important;
  border: none !important;
  opacity: 1 !important;
}

.pop-stdnt-img {
  width: 180px;
  height: 180px;
  overflow: hidden;
  margin: 0 auto 20px;
  border-radius: 12px;
}

.pop-stdnt-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Common Popup Design */
.cmn-design-pop .modal-content {
  box-shadow: 0 4px 64px 0 rgba(236, 231, 243, 0.5);
  border: 1px solid #faf2ff;
  border-radius: 12px;
  background: #edf1ff;
  background: -webkit-linear-gradient(180deg,
      rgba(237, 241, 255, 1) 0%,
      rgba(255, 255, 255, 1) 79%);
  background: -moz-linear-gradient(180deg,
      rgba(237, 241, 255, 1) 0%,
      rgba(255, 255, 255, 1) 79%);
  background: linear-gradient(180deg,
      rgba(237, 241, 255, 1) 0%,
      rgba(255, 255, 255, 1) 79%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EDF1FF", endColorstr="#FFFFFF", GradientType=0);
}

/* .cmn-design-pop .gform-theme--foundation .gform_fields{
    display: block !important; 
} */
.cmn-design-pop .gform-theme--foundation .gform_fields .gfield {
  grid-column: span 12;
}

.cmn-design-pop .gform-theme--foundation .gform_fields .gfield.gfield--input-type-text,
.cmn-design-pop .gform-theme--foundation .gform_fields .gfield--input-type-email {
  grid-column: span 6;
}

.cmn-design-pop .gform_fields {
  row-gap: 0px !important;
  grid-column-gap: 10px !important;
  -moz-column-gap: 10px !important;
  column-gap: 10px !important;
}

/* .cmn-design-pop.modal{
    --bs-modal-margin: 110px; 
} */
.cmn-design-pop .gform-field-label {
  display: block !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1px !important;
  color: var(--color10) !important;
}

.cmn-design-pop [type="date"],
.cmn-design-pop input[type="text"],
.cmn-design-pop input[type="tel"],
.cmn-design-pop input[type="password"],
.cmn-design-pop input[type="email"],
.cmn-design-pop select,
.cmn-design-pop .gform-theme--foundation .gfield textarea {
  border: 1px solid #f0ebf5 !important;
  height: 46px !important;
  border-radius: 12px !important;
  background-color: #fff !important;
  color: #918f9a !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1px !important;
  box-shadow: none !important;
}

.cmn-design-pop .gform-theme--foundation .gform_fields .gfield {
  margin-bottom: 18px;
}

.cmn-design-pop .gform-theme--foundation .gform_fields .gfield .gfield_label {
  font-size: 16px !important;
  letter-spacing: 0.1px !important;
  color: var(--color10) !important;
}

.cmn-design-pop [type="submit"] {
  position: relative !important;
  line-height: 1 !important;
  height: 56px !important;
  font-family: var(--font-Lato) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  width: 100% !important;
  padding: 11px 20px;
  background-color: var(--color2) !important;
  border: 1px solid var(--color2) !important;
  color: var(--color4) !important;
  border-radius: 8px !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
  min-width: 136px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 300ms ease-in-out !important;
}

.cmn-design-pop [type="submit"]:hover {
  background-color: var(--color3) !important;
  color: #fff !important;
}

.cmn-design-pop .gfield-choice-input {
  border: 1px solid var(--color3) !important;
  box-shadow: none !important;
  outline: none !important;
}

.cmn-design-pop .gfield-choice-input::before {
  background-color: var(--color3) !important;
}

.cmn-design-pop .gfield_radio .gchoice .gfield-choice-input {
  opacity: 0;
  position: absolute;
}

.cmn-design-pop .gfield_radio .gchoice .gfield-choice-input:checked~label {
  background-color: var(--color3) !important;
  color: #fff !important;
}

/* .cmn-design-pop .gfield_radio .gchoice label{
    font-size: 15px !important;
    letter-spacing: 0.1px !important;
    color: #381818 !important;
} */
.cmn-design-pop .gfield_radio .gchoice label {
  font-size: 15px !important;
  letter-spacing: 0.1px !important;
  color: #381818 !important;

  border: 1px solid #ccc;
  border-radius: 9px;
  padding: 9px;
  display: block !important;
  width: auto !important;
  min-width: 70px;
  margin: 0;
  text-align: center;
  cursor: pointer;
}

/* .cmn-design-pop .gfield_radio .gchoice label::before{
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background-color: var(--color3);
} */

.cmn-design-pop .modal-body {
  padding: 35px !important;
}

.cmn-design-pop .gfield_radio {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
}

/* .cmn-design-pop .gfield_radio .gchoice{
    width: 30% !important;
} */

.pop-design .modal-content,
.cmn-design-pop .modal-content {
  overflow: visible;
  border-radius: 12px;
}

.pop-design .modal-body,
.cmn-design-pop .modal-body {
  border-radius: 12px;
}

.save_succes_msg {
  padding: 10px;
  color: green;
  font-weight: 700;
}

.cmn-design-pop .gform_heading {
  display: none;
}

.pop-design .modal-dialog,
.cmn-design-pop .modal-dialog {
  z-index: 9999;
  padding-top: 59px;
}

.cmn-design-pop .h2-title {
  font-size: 30px;
}

.home .main-head {
  z-index: 999 !important;
}

/* 21-05-2025 start KM */
.dash-banner-video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.project-rating-popup .modal-body {
  background: linear-gradient(0deg, #ffffff 31.17%, #edf1ff 96.51%);
}

.prf-rt-avater {
  display: flex;
  align-items: center;
}

.prf-rt-avater-pic {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 8px;
}

.prf-rt-avater-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prf-rt-avater h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #1c1c1c;
  margin: 0 0 3px;
}

.prj-rationg-card-title {
  font-weight: 600;
  font-size: 19px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #1c1c1c;
  font-family: var(--font-BricolageGrotesque);
  margin: 0 0 12px;
}

.rating-image {
  width: 125px;
}

.prj-rationg-card-sv-rt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.prg-rating-imgs {
  flex-shrink: 0;
  margin-left: 15px;
}

.prj-rationg-card {
  background: #ffffff;
  padding: 14px 17px;
  border-radius: 7px;
  border: 1px solid #faf2ff;
}

.prj-rationg-wrp-col {
  padding: 8px 0;
}

.prj-rationg-wrp {
  margin: -8px 0;
}

.project-rating-pop-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #1c1c1c;
  font-family: var(--font-BricolageGrotesque);
  margin: 0 0 18px;
}

/* 21-05-2025 end KM */
/* 22-05-2025 start KM */
.tcher-new-wrap>form input[type="submit"].cmnt-btn {
  height: auto;
  background-image: unset !important;
  position: absolute;
}

.tcher-new-wrap>form textarea.cmn-areae {
  padding-right: 162px !important;
}

/* 22-05-2025 end KM */
.vw-more-prfle-inf {
  max-width: fit-content;
  margin: 0 auto 10px;
  display: block;
  color: var(--color3);
}

/* .videoslider-box {
    position: relative;
    padding-top: 72%;
    overflow: hidden;
    width: 100%;
} */
.videoslider {
  border-radius: 24px;
  filter: drop-shadow(0 0 15px var(--aqua));
}

.videoslider .masthead-image-video {
  filter: none;
}

.videoslider .slick-arrow,
.videoslider .slick-arrow {
  width: 56px;
  height: 56px;
  position: absolute;
  bottom: 10px;
  left: 0;
  z-index: 1;
  border: none;
  font-size: 0;
  border-radius: 4px;
  padding: 0;
  background: var(--red-color);
  transition: all 0.4s ease-in-out;
}

.videoslider .slick-prev {
  left: calc(50% - 60px);
}

.videoslider .slick-next {
  left: auto;
  right: calc(50% - 60px);
}

.videoslider .slick-next::after,
.videoslider .slick-prev::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.videoslider .slick-prev::after {
  background-image: url(./images/slider-prev-arrow.svg);
}

.videoslider .slick-next::after {
  background-image: url(./images/slider-next-arrow.svg);
}

.form-right.form-right-signup {
  height: 100%;
}

.cmn-design-pop-title {
  margin: 22px 0 20px 0;
  text-align: center;
  padding: 0;
  font-weight: 700;
  line-height: 1.14;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: var(--color5);
  text-transform: capitalize;
  font-family: var(--font-BricolageGrotesque);
}

.reshdle-pop {
  text-align: center;
}

.reshdle-pop-cntnt-wrap {
  max-width: 245px;
  margin: 0 auto;
}

.reshdle-pop .themeBtn1 {
  min-width: 101px;
}

.reshdle-pop .modal-footer {
  justify-content: center;
  border: none;
  padding-top: 0;
  padding-bottom: 49px;
}

.cmn-design-pop.reshdle-pop .modal-body {
  padding: 50px 35px 23px !important;
}

.cmn-design-pop-para {
  color: var(--color7);
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.rate-pop-cntnt-wrap .cmn-design-pop-title {
  margin: 0 0 20px;
  text-align: left;
}

.pop-rate-flx {
  display: flex;
  align-items: center;
}

.strflx {
  display: inline-flex;
  align-items: center;
}

.strflx img {
  margin-right: 8px;
  vertical-align: top;
}

.pop-rate-right {
  margin-left: auto;
}

.pop-rate-left {
  color: var(--color5);
  font-size: 13px;
}

.pop-rate-flx {
  margin-bottom: 22px;
}

.pop-rate-flx:last-child {
  margin-bottom: 0;
}

.image-box .pattern {
  opacity: 0;
}

.clndr-sidebar {
  min-height: 100%;
  padding: 36px 28px;
  border: 1px solid #faf2ff;
  border-radius: 12px;
  background: #edf1ff;
  background: -webkit-linear-gradient(180deg,
      rgba(237, 241, 255, 1) 0%,
      rgba(255, 255, 255, 1) 75%);
  background: -moz-linear-gradient(180deg,
      rgba(237, 241, 255, 1) 0%,
      rgba(255, 255, 255, 1) 75%);
  background: linear-gradient(180deg,
      rgba(237, 241, 255, 1) 0%,
      rgba(255, 255, 255, 1) 75%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EDF1FF", endColorstr="#FFFFFF", GradientType=0);

  font-size: 13px;
  letter-spacing: 0.02em;
  color: var(--color7);
}

.clndr-sidebar .subtitle {
  font-size: 20px;
}

.week-day-wrap {
  margin-top: 20px;
}

.week-day-wrap h3 {
  font-size: 13px;
  line-height: normal;
}

.week-day-slot-info {
  padding: 7px 7px;
  line-height: 1.5;
  background: #fff;
  border: 1px solid #f0ebf5;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  flex: 1;
}

.week-day-start-tme {
  border-right: 1px solid #f0ebf5;
}

.week-day-start-tme,
.week-day-end-tme {
  width: 50%;
  text-align: center;
  padding: 3px 10px;
}

.week-day-slot-lst {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}

.week-day-slot-lst:last-child {
  margin-bottom: 0;
}

.week-day-slot-lst [type="submit"] {
  padding: 0;
  width: 40px;
  border: 1px solid #f0ebf5;
  height: 40px;
  color: #000000;
  background: #fff;
  border-radius: 12px;
  margin-left: 8px;
  transition: all 300ms ease-in-out;
}

.week-day-slot-lst [type="submit"]:hover {
  background-color: var(--color3);
  color: #fff;
}

/* Calendar Design */
.fc-toolbar .fc-left .fc-today-button {
  padding: 10px 20px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #faf3ff;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.02em;
  color: #000000;
  height: auto;
  opacity: 1;
  text-transform: capitalize;
}

.fc-toolbar .fc-left .fc-button-group [type="button"] {
  width: 36px;
  height: 36px;
  font-size: 0;
  border: none;
  border-radius: 100%;
  background: #f1f4ff url(assets/images/arrow-left.svg) no-repeat center;
}

.fc-toolbar .fc-left .fc-button-group .fc-next-button {
  margin-left: 4px;
  background: #f1f4ff url(assets/images/arrow-right.svg) no-repeat center;
}

.fc-toolbar.fc-header-toolbar .fc-center,
.fc-toolbar.fc-header-toolbar .fc-center h2 {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--font-BricolageGrotesque);
  margin: 0;
  text-transform: capitalize;
  color: var(--color5);
}

.fc-toolbar .fc-right .fc-button-group [type="button"] {
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #faf3ff;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.02em;
  color: #000000;
  height: auto;
  opacity: 1;
  text-transform: capitalize;
}

.fc-head {
  background: #eef1ff;
}

.fc .fc-view table .fc-head th {
  padding: 10px 4px;
  font-size: 16px;
  font-weight: 500;
}

.fc .fc-view table {
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0.02em;
  color: #1c1c1c;
  border-color: #efe2f7;
}

.fc .fc-view table th,
.fc .fc-view table td {
  border-color: #efe2f7 !important;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: none !important;
  text-decoration: none;
  color: var(--color7);
  margin: 5px;
  font-weight: 500;
}

.addslot-pop form label {
  font-size: 16px !important;
  letter-spacing: 0.1px !important;
  color: var(--color10) !important;
  width: 100%;
}

.addslot-pop form select,
.addslot-pop form input {
  width: 100%;
  padding: 0 15px;
}

.addslot-pop form select {
  appearance: none;
  background-image: url(assets/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 18px center;
  padding-right: 30px;
}

/* 04-06-2025 start KM */
.cnlclass-pop .reshdle-pop-cntnt-wrap {
  max-width: unset;
}

.drft {
  text-align: left;
  margin: 12px 0 0;
}

.drft select {
  width: 100%;
  padding: 0 12px;
  appearance: none;
  background-image: url(images/down-arrow-select.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
  outline: none;
  margin: 0 0 2px;
}

.drft select option {
  color: #000000;
}

.drft label {
  margin: 0 0 10px;
  color: #000000;
}

.cnlclass-pop .cmn-design-pop-para {
  text-align: left;
}

.cnlclass-pop .cmn-design-pop-para textarea {
  outline: none;
  margin: 0 0 2px;
}

.cnlclass-pop #reason_empty_err,
.cnlclass-pop #slot_empty_err {
  color: #f00;
  text-align: left;
}

.btn-loader-icon {
  width: 32px;
}

.cnlclass-pop #ajax-response-message {
  width: 100%;
  max-width: 428px;
}

.rate-pop .strflx label {
  position: relative;
  cursor: pointer;
}

.rate-pop .fill {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}

.rate-pop input[type="radio"] {
  display: none;
}

/* .rate-pop input[type="radio"]:checked ~ .fill {
    opacity: 1;
} */

.rate-pop .strflx {
  flex-direction: row-reverse;
}

.rate-pop .strflx>input[type="radio"]:checked~label .fill,
.rate-pop .strflx>label>input[type="radio"]:checked~label .fill~label .fill {
  opacity: 1;
}

.rate-pop #punctuality-rating-err,
.rate-pop #overall-rating-err {
  color: #f00;
  text-align: left;
  font-size: 13px;
  position: relative;
  top: -18px;
}

.rate-pop #ajax-response-messageee {
  width: 100%;
}

.cls-tab .nav-tabs {
  margin: 0;
  list-style: none;
  padding: 5px;
  border-radius: 12px;
  background-color: #faf7ff;
  max-width: fit-content;
  border: none;
}

.cls-tab .nav-tabs .nav-link {
  font-size: 16px;
  font-family: var(--font-BricolageGrotesque);
  text-transform: capitalize;
  color: var(--color5);
  border-radius: 12px;
  border: 2px solid transparent;
  font-weight: 600;
}

.cls-tab .nav-tabs .nav-link.active {
  background: #fff;
  background: -webkit-linear-gradient(124deg,
      rgba(255, 255, 255, 1) 50%,
      rgba(250, 248, 255, 0) 100%);
  background: -moz-linear-gradient(124deg,
      rgba(255, 255, 255, 1) 50%,
      rgba(250, 248, 255, 0) 100%);
  background: linear-gradient(124deg,
      rgba(255, 255, 255, 1) 50%,
      rgba(250, 248, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FAF8FF", GradientType=0);
  border-color: #fff;
  box-shadow: 0 4px 64px 0 #ded3f1;
}

.stre {
  list-style: none;
  margin: 0 -1px;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  line-height: 0;
}

.stre li {
  padding: 0 1px;
}

.rt-wrap .text-block-right {
  width: unset;
}

.text-block-wrap.rt-wrap {
  margin: 15px 0 0;
}

.fc-event,
.fc-event-dot {
  background-color: #ffe780 !important;
  border-color: #ffe780 !important;
  border-radius: 8px !important;
  color: #381818 !important;
  /* overflow: unset!important; */
  padding: 8px 0;
}

.fc-event .fc-bg {
  opacity: 0 !important;
}

.fc-ltr .fc-time-grid .fc-event-container {
  margin: 0px 11px !important;
}

.fc-time-grid-event .fc-time {
  font-size: 11px !important;
  border-bottom: 1px solid #dcc55f;
  padding: 8px 11px !important;
  text-align: center;
}

.fc-time-grid-event .fc-title {
  font-size: 11px !important;
  padding: 8px 11px !important;
}

.fc-event .fc-content {
  background-color: #ffe780 !important;
  border-color: #ffe780 !important;
  border-radius: 8px !important;
}

.fc .fc-axis {
  padding: 0 18px !important;
}

.fc-ltr .fc-axis {
  text-align: center !important;
}

.fc-time-grid .fc-slats td {
  height: 4em !important;
  color: #1c1c1c;
  font-size: 12px;
}

.fc .fc-view table .fc-head th {
  padding: 20px 4px;
  font-family: var(--font-BricolageGrotesque);
  color: #1c1c1c;
}

.fc-toolbar.fc-header-toolbar {
  text-align: left;
}

.fc-toolbar.fc-header-toolbar .fc-center {
  padding: 8px 0 0 14px;
}

.fc-toolbar.fc-header-toolbar .fc-right button {
  width: 36px;
  height: 36px;
  background-color: #f1f4ff !important;
  border-radius: 50%;
  box-shadow: unset !important;
  border: none;
}

.fc-toolbar.fc-header-toolbar .fc-right button span {
  display: none;
}

.fc-toolbar.fc-header-toolbar .fc-right button.fc-prev-button {
  background-image: url(assets/images/calender-arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.fc-toolbar.fc-header-toolbar .fc-right button.fc-next-button {
  background-image: url(assets/images/calender-arrow-left.svg);
  background-repeat: no-repeat;
  background-position: center;
}

/* 04-06-2025 end KM */

/* 06-06-2025 start KM */
.pt-ftr {
  display: flex;
  justify-content: space-between;
}

.pt-btn {
  padding: 0;
  background: transparent;
  border: none;
  color: var(--color4);
  line-height: 1;
  font-family: var(--font-Lato);
  font-weight: 700;
  font-size: 14px;
  text-transform: capitalize;
  text-decoration: none;
  transition: all 300ms ease-in-out;
}

.pt-btn:hover {
  color: var(--color3);
}

.welcomepop,
.sidenav,
.assistancepop,
.tc-popup {
  background: rgba(0, 0, 0, 0.25);
  z-index: 1111111111;
}

.welcomepop .modal-body,
.sidenav .modal-body,
.assistancepop .modal-body {
  background: #ffffff;
}

.welcomepop .modal-content,
.sidenav .modal-content,
.assistancepop .modal-content {
  border: none;
}

.sidenav .modal-dialog {
  margin-left: 108px;
}

.assistancepop .modal-dialog {
  margin-right: 108px;
}

.welcomepop .btn-close,
.sidenav .btn-close,
.assistancepop .btn-close {
  outline: none !important;
  box-shadow: unset !important;
}

.sidenav .modal-body::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translate(0, -50%);
  border-top: 10px solid #ff000000;
  border-bottom: 10px solid #0000ff00;
  border-left: 10px solid #00000000;
  border-right: 10px solid #ffffff;
}

.assistancepop .modal-body::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translate(0, -50%);
  border-top: 10px solid #ff000000;
  border-bottom: 10px solid #0000ff00;
  border-left: 10px solid #ffffff;
  border-right: 10px solid #ffffff00;
}

.welcomepop .project-rating-pop-title,
.sidenav .project-rating-pop-title,
.assistancepop .project-rating-pop-title {
  margin: 0 0 10px;
}

.cal-loader {
  width: 100% !important;
  height: 100svh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgb(0, 0, 0, 0.47);
  z-index: 111111;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 20px;
  padding: 15px;
}

/* 06-06-2025 end KM */

/* 10/6/25 work start */
.dash-banner-img-wrap {
  min-height: 450px;
  display: flex;
  align-items: center;
}

.quiz-part h3 {
  font-size: 25px;
}

.quiz-part .quiz-content {
  font-size: 14px;
  line-height: 1.5;
}

/* 10/6/25 work end */

[data-section] {
  position: relative;
}

[data-section] .instrctn-pop {
  position: absolute;
  right: 100%;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
}

[data-side="right"] .instrctn-pop {
  right: 100%;
}

[data-side="left"] .instrctn-pop {
  left: 100%;
}

.flse-overlay {
  position: fixed;
  width: 5000px;
  height: 5000px;
  left: 0;
  top: 0;
  background: rgb(0 0 0 / 20%);
}

[data-section] .instrctn-pop .modal-content {
  width: 500px;
}

[data-section] .instrctn-pop .modal-body {
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}

[data-section].pop-show .instrctn-pop {
  opacity: 1;
  visibility: visible;
}

[data-side="left"] .modal-body::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translate(0, -50%);
  border-top: 10px solid #ff000000;
  border-bottom: 10px solid #0000ff00;
  border-left: 10px solid #00000000;
  border-right: 10px solid #ffffff;
}

[data-side="right"] .modal-body::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translate(0, -50%);
  border-top: 10px solid #ff000000;
  border-bottom: 10px solid #0000ff00;
  border-left: 10px solid #ffffff;
  border-right: 10px solid #ffffff00;
}

[data-side="bottomleft"] .instrctn-pop {
  left: 0;
  top: 100%;
}

[data-side="bottomleft"] .modal-body::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translate(-50%, 0%);
  border-top: 10px solid #ff000000;
  border-bottom: 10px solid #fff;
  border-left: 10px solid #0000ff00;
  border-right: 10px solid #ffffff00;
}

.class-completed {
  position: relative;
  line-height: 1;
  font-family: var(--font-Lato);
  font-weight: 700;
  font-size: 14px;
  padding: 11px 20px;
  background-color: #ffffff;
  border: 1px solid green;
  color: #20b285;
  border-radius: 8px;
  text-transform: capitalize;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.class-completed::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(images/check.png) no-repeat center;
  background-size: contain;
  margin-right: 6px;
}

.bnr-btn-center {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  max-width: fit-content;
  margin: 0 auto;
  z-index: 1;
}

/* 23/6/25 work start */
.modal {
  z-index: 99999999;
}

.modal-backdrop {
  z-index: 9999999;
}

.schedule-lessons-text.class-type .label-text img {
  width: 20px;
  margin-right: 3px;
}

.course-listing-tab-wrapper {
  padding-top: 8vw;
}

.text-block-wrap .text-block-right {
  text-align: left;
}

.text-block-wrap input.text-block-right {
  border-bottom: 1px solid var(--color2);
}

.text-block-wrap .text-block-right[readonly] {
  cursor: not-allowed;
}

.para-short iframe {
  width: 100% !important;
}

/* 23/6/25 work end */

/* 24/6/25 work start */
.introducing-robotics-media {
  animation: dropShadowPulse 6s infinite linear;
}

.contact-box .h3-title {
  text-transform: none;
}

.sn-box:hover {
  transform: rotateY(15deg) rotateX(5deg) scale(1.05) !important;
  animation: dropShadowPulse 6s infinite linear;
}

.sec-title.jnt-sec-last {
  padding-top: 30px;
}

.course-schedule-middle.left {
  text-align: left;
}

.schedule-lessons-text.class-type .label-text {
  display: inline-flex;
  align-items: center;
}

.schedule-lessons-text.class-type .label-text img {
  margin: 0px;
  margin-left: 8px;
}

.schedule-lessons-text.class-type>* {
  padding: 5px;
}

.schedule-lessons-text.class-type {
  margin: -5px;
}

.rank-education-new-header .shark-tank-india-img {
  animation: dropShadowPulse 6s infinite linear;
}

.program {
  position: relative;
}

.prgm-top-img {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: -1;
  width: 320px;
  opacity: .3;
}

.prgm-btm-img {
  transform: rotate(180deg);
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 220px;
  opacity: .3;
}

#formPop #field_2_13 {
  width: 100%;
  grid-column: span 12;
}

#formPop input#input_2_6 {
  padding-left: 100px !important;
}

.discount-percentage {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background-image: url(../coderu/images/offer-wall-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 23px;
  line-height: 1.2;
  font-weight: 700;
  padding: 30px;
  color: #fff;
}

.discount-percentage span {
  font-size: 14px;
  line-height: .8;
}

.discount-percentage span>span+span {
  font-size: 8px;
  font-weight: 600;
  text-transform: uppercase;
}

/* 24/6/25 work end */


/* 25-06-25 S.Mv Css Start */
.blog-main-sec {
  background: #5512d8;
}

.banner-path-two,
.banner-path-first {
  pointer-events: none;
}

.blog-wpr-outer {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 9;
}

.blog-clm:not(:last-child) {
  margin-bottom: 30px;
}

.blg-card {
  display: flex;
  flex-wrap: wrap;
  backdrop-filter: blur(5px);
  background: rgba(34, 0, 100, 0.2);
  border-radius: 8px;
  transition: 0.4s ease-in-out;
  padding: 10px;
}

.blg-card-img {
  width: 30%;
  overflow: hidden;
  border-radius: 5px;
  margin: 0;
}

.blg-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}

.blg-card-txt {
  width: 70%;
  padding: 25px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.blg-card-txt .blg-pub-date {
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
}

.blg-card-txt h2 {
  font-size: 34px;
  color: #fff;
  margin-bottom: 10px;
  transition: 0.5s;
}

.blg-card-txt .blg-rd-mr,
.blg-card:hover .blg-card-txt h2 {
  color: #fedd4e;
}

.blg-card:hover .blg-card-img img {
  transform: scale(1.1);
}

.cmn-btn.bk-now {
  min-width: 278px;
  margin-top: 15px;
  padding: 14px 15px;
}

.prgm-right-img {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  z-index: -1;
  width: 320px;
  opacity: .3;
}

.why-choose {
  position: relative;
}

/* Cart Page Css Start */
.woocommerce-cart .woocommerce-message {
  border-radius: 15px 15px 0 0;
  border-color: #d32432;
  outline: none;
}

.woocommerce-cart .woocommerce-message::before {
  color: #d32432;
}

.woocommerce-cart .woocommerce-message .button.wc-forward {
  background-color: #d32432;
  color: #fff;
  font-size: 16px;
}

.woocommerce-cart .woocommerce-message .button.wc-forward:hover {
  background-color: #fedd4e;
  color: #000;
}

/* Cart Page Css End */

/* 25-06-25 S.Mv Css End */


/* 26-06-25 S.Mv Css Start */
.woocommerce-cart .shop_table {
  width: 100%;
  border: none !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  overflow: hidden;
}

.woocommerce-cart .shop_table thead tr th {
  background-color: #d21c31;
}

.woocommerce-cart .shop_table tbody tr td {
  padding: 10px;
  font-size: 18px;
}

.woocommerce-cart .shop_table tbody tr td a {
  color: #fff;
}

.woocommerce-cart .shop_table tbody tr td a:hover {
  color: #d21c31;
}

.woocommerce-cart .shop_table .product-thumbnail {
  max-width: 120px;
  width: 120px;
}

.woocommerce-cart .shop_table .product-remove {
  width: 5%;
  vertical-align: top;
}

.woocommerce-cart .shop_table .product-remove a.remove {
  box-shadow: none;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  border: 1px solid var(--color2);
  background-color: var(--color2);
  justify-content: center;
  transition: unset;
  font-size: 18px;
}

.woocommerce-cart .shop_table .product-quantity .input-text.qty.text {
  background: transparent;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 1);
  padding: 5px;
  color: #fff;
}


.woocommerce-cart .woocommerce table.shop_table td {
  border-top: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.woocommerce-cart .shop_table .coupon #coupon_code {
  width: 13rem;
  background-color: transparent;
  padding: 13px;
  margin-right: 15px;
}


.woocommerce-cart .shop_table .coupon .button,
.woocommerce-cart .shop_table .actions .button {
  padding: 19px 30px !important;
  filter: drop-shadow(0 0 7px #d21c31);
  background: #d21c31;
  color: #fff;
  transition: 0.5s;
}

.woocommerce-cart .shop_table .coupon .button:hover,
.woocommerce-cart .shop_table .actions .button:hover {
  background-color: #fedd4e !important;
}

.woocommerce-cart .cart-collaterals .cart_totals {
  width: 100%;
}

.woocommerce-cart .cart-collaterals .shop_table {
  width: 100%;
  border: none !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  overflow: hidden;
  border-collapse: collapse !important;
}

.woocommerce-cart .cart-collaterals .shop_table tbody tr {
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.woocommerce-cart .cart-collaterals .shop_table tbody tr td,
.woocommerce-cart .cart-collaterals .shop_table tbody tr th {
  border: 0 !important;
}

.woocommerce-cart .cart-collaterals .shop_table tbody tr:last-child {
  border: 0 !important;
}

.woocommerce-cart .wc-proceed-to-checkout {
  max-width: 250px;
  margin-left: auto;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
.woocommerce-checkout .woocommerce-checkout-payment .button.alt {
  padding: 19px 30px !important;
  filter: drop-shadow(0 0 7px #d21c31);
  background-color: #d21c31 !important;
  color: #fff !important;
  transition: 0.5s;
  font-size: 18px !important;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
.woocommerce-checkout .woocommerce-checkout-payment .button.alt:hover {
  background-color: #ffe780 !important;
}

.woocommerce-checkout .woocommerce-info {
  border-radius: 15px 15px 0 0;
  border-color: #d32432;
  outline: none;
}

.woocommerce-checkout .woocommerce-info::before {
  color: #d32432;
}

.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
  box-shadow: 0 4px 64px 0 rgba(236, 231, 243, 0.5);
  border: 1px solid #faf2ff;
  border-radius: 12px;
  background: #edf1ff;
  background: -webkit-linear-gradient(180deg,
      rgba(237, 241, 255, 1) 0%,
      rgba(255, 255, 255, 1) 79%);
  background: -moz-linear-gradient(180deg,
      rgba(237, 241, 255, 1) 0%,
      rgba(255, 255, 255, 1) 79%);
  background: linear-gradient(180deg,
      rgba(237, 241, 255, 1) 0%,
      rgba(255, 255, 255, 1) 79%);
  padding: 20px;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper label,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper label {
  color: #000;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper input[type="text"],
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper input[type="tel"],
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper input[type="email"],
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-selection {
  border: 1px solid #f0ebf5;
  height: 46px;
  border-radius: 12px;
  background-color: #fff;
  color: #918f9a;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1px;
  box-shadow: none;
}

#order_comments {
  border: 1px solid #f0ebf5;
  height: 46px;
  border-radius: 12px;
  background-color: #fff;
  color: #918f9a;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1px;
  box-shadow: none;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-last {
  width: 48%;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-search--dropdown .select2-search__field {
  background: transparent !important;
}

.woocommerce-checkout #order_review_heading,
.woocommerce-checkout .woocommerce-checkout-review-order {
  width: 50% !important;
  padding: 0 20px !important;
  float: right;
  /* clear: right; */
}

.woocommerce-checkout #customer_details {
  width: 50%;
  float: left;
}

.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
  width: 100%;
}

.woocommerce-checkout #customer_details .col-2 {
  padding-top: 30px;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table {
  width: 100%;
  border: none !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  overflow: hidden;
  border-collapse: collapse !important;
}

.woocommerce-checkout .woocommerce table.shop_table tbody th,
.woocommerce-checkout .woocommerce table.shop_table tfoot td,
.woocommerce-checkout .woocommerce table.shop_table tfoot th {
  border-top: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.woocommerce-checkout .woocommerce table.shop_table td {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.woocommerce-checkout .woocommerce-checkout-payment {
  background: rgba(34, 0, 100, 0.2) !important;
}

.woocommerce-order-pay .entry-content .order_details {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 0;
  text-align: left;
}

.woocommerce-order-pay .woocommerce {
  text-align: center;
}

.quantity {
  display: none;
}

.woocommerce-cart .product-quantity {
  display: none;
}

.woocommerce-cart .woocommerce-error {
  border-radius: 10px 10px 0 0;
}

.cmn-pagination {
  padding: 0;
  display: flex;
  justify-content: center;
}

.cmn-pagination>* {
  margin: 0 4px;
}

.cmn-pagination .page-numbers {
  justify-content: center;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  color: #fff;
}

.cmn-pagination .page-numbers.current,
.cmn-pagination .page-numbers:hover {
  background-color: #d21c31;
  border-color: #d21c31;
}

.cmn-pagination .next.page-numbers {
  width: 80px;
  border-radius: 20px;
  border-color: #d21c31;
}

/* 26-06-25 S.Mv Css End */

/* ====================================================================================== */
/* ========================= dashboard Color Theme Changes Start  ======================= */
/* ====================================================================================== */
/* 26-06-25 dashboard Color Theme Changes S.Mv Css Start */

.dashborad-main {
  color: var(--newColor4);
}

.dashborad-main h2,
.dashborad-main h3,
.dashborad-main h4,
.dashborad-main h5,
.dashborad-main h6 {
  color: var(--newColor7);
}

.dashborad-main-bk-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: -1;
}


.dash-left {
  background: var(--newColor1);
  border-right: 0;
}

.dash-nav ul li a {
  color: var(--newColor4);
}

.dash-nav ul li a::before {
  background: var(--newColor2);
}

.dash-nav ul li a:hover,
.dash-nav ul li a.active {
  color: var(--newColor5);
}

.dash-nav ul li:last-child a {
  background-color: var(--newColor6);
  color: var(--newColor4) !important;
}

.dash-nav ul li:last-child a:hover,
.dash-nav ul li:last-child a.active {
  color: var(--newColor5) !important;
}

.dash-nav ul li a:hover .dash-icon img,
.dash-nav ul li a.active .dash-icon img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(139deg) brightness(103%) contrast(101%);
}

.dash-nav ul li:last-child a:hover .dash-icon img,
.dash-nav ul li:last-child a.active .dash-icon img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(139deg) brightness(103%) contrast(101%) !important;
}

.dash-tabList {
  padding: 0;
  background: transparent;
}

.dash-tabList .tablink.active {
  box-shadow: none;
  background: var(--newColor3);
  color: var(--newColor7);
  border: 0;

}

.dash-tabList .tablink span {
  background-color: var(--newColor5);
  border: 0;
}

.dash-banner-content .link-text {
  padding: 14px 30px;
  background-color: var(--newColor3);
  color: var(--color4);
  border-radius: 12px;
}

.dash-banner-content .link-text:hover {
  background-color: var(--newColor2);
  color: var(--newColor5);
}

.vdo-left,
.vdo-right {
  background-color: var(--newColor8);
}

.cls-box {
  background: var(--newColorGradient1);
}

.quiz-part {
  background: var(--newColorGradient2) !important;
}

.quiz-btn-wrap .themeBtn1 {
  border: 0;
}

.quiz-content .subtitle,
.quiz-content p {
  color: var(--newColor5);
}

.cls-box .imgtext {
  color: var(--newColor4);
}

.profile-menu {
  background: var(--newColor9);
  border: 0;
}

.profile-part,
.ancment-part,
.contact-info {
  background: var(--newColor9);
  border: 0;
}

.text-block-wrap input.text-block-right {
  border: 0;
}

.ancment-block span,
.contact-info-block span {
  background-color: var(--newColor10);
}

.ancment-block span img,
.contact-info-block span img {
  filter: brightness(0) saturate(100%) invert(23%) sepia(96%) saturate(2103%) hue-rotate(249deg) brightness(79%) contrast(123%);
}

.anounce-date {
  color: var(--newColor2);
}

.contact-info-block {
  border-bottom: 0;
  margin-bottom: 0;
}

.text-block {
  margin-bottom: 10px;
}



.dashborad-main .shadowbox,
.dashborad-main .cls-note,
.dashborad-main .gray-grdnt,
.dashborad-main .prjct-base-list-card,
.dashborad-main .leave-policy-lft-card,
.dashborad-main .pay-slip-list-box,
.dashborad-main .tb-row,
.dashborad-main .pr-prg-box,
.dashborad-main .file-upload {
  background: #fff;
  background: -webkit-linear-gradient(180deg, rgb(234 224 255 / 10%) 31%, rgb(234 224 255) 100%);
  background: -moz-linear-gradient(180deg, rgb(234 224 255 / 10%) 31%, rgb(234 224 255) 100%);
  background: linear-gradient(180deg, rgb(234 224 255 / 10%) 31%, rgb(234 224 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#EDF1FF", GradientType=0);
}

.dashborad-main .msg-list-area {
  background: #fff2a9;
  background: -webkit-linear-gradient(180deg,
      rgba(255, 242, 169, 1) 0%,
      rgba(255, 226, 226, 1) 32%);
  background: -moz-linear-gradient(180deg,
      rgba(255, 242, 169, 1) 0%,
      rgba(255, 226, 226, 1) 32%);
  background: linear-gradient(180deg,
      rgba(255, 242, 169, 1) 0%,
      rgba(255, 226, 226, 1) 32%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFF2A9", endColorstr="#FFE2E2", GradientType=0);
}

.dashborad-main .msg-main-top,
.dashborad-main .apply-leave-frm,
.card-gry,
.rnge-sec-wrap {
  background: #fff;
  background: -webkit-linear-gradient(180deg, rgb(234 224 255) 31%, rgb(234 224 255 / 10%) 100%);
  background: -moz-linear-gradient(180deg, rgb(234 224 255) 31%, rgb(234 224 255 / 10%) 100%);
  background: linear-gradient(180deg, rgb(234 224 255) 31%, rgb(234 224 255 / 10%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#EDF1FF", GradientType=0);
}

.dashborad-main .blu-bg-sec {
  background: var(--newColorGradient1);
}

.dashborad-main .outline.themeBtn1 {
  border-color: #646464;
}

.dashborad-main .submsn-filter select,
.dashborad-main .custome-select {
  background-color: #eadfff;
}

.cmn-design-pop .modal-content {
  background: #edf1ff;
  background: -webkit-linear-gradient(180deg, rgb(236 227 255) 0%, rgba(255, 255, 255, 1) 79%);
  background: -moz-linear-gradient(180deg, rgb(236 227 255) 0%, rgba(255, 255, 255, 1) 79%);
  background: linear-gradient(180deg, rgb(236 227 255) 0%, rgba(255, 255, 255, 1) 79%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EDF1FF", endColorstr="#FFFFFF", GradientType=0);
}

.rnge-sec-wrap {
  padding: 30px;
  border-radius: 20px;
}

.rnge-sec-wrap .card-gry {
  background: #fff !important;
}

.rnge-sec-wrap .range-container [type="number"] {
  background-color: transparent;
}

.table-hover>tbody>tr:hover>* {
  --bs-table-bg-state: rgb(249 246 255);
}

/* 26-06-25 dashboard Color Theme Changes S.Mv Css End */
/* ====================================================================================== */
/* ========================= dashboard Color Theme Changes End  ======================= */
/* ====================================================================================== */
.return-to-shop {
  display: none;
}

/* 04-07-2025 start KM */
.cln-data .td-img {
  background: #dbdbdb;
}

.cln-data-list {
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
  padding-top: 8px;
}

.cln-data-list .td-text {
  padding: 4px;
}

.outline.themeBtn1.red.sbcls {
  height: 38px;
  padding: 0 32px 0 10px;
  min-width: 201px;
  margin-right: 6px;
  background-color: transparent !important;
  color: rgba(210, 28, 49, 1) !important;
  outline: none;
  appearance: none;
  background-image: url(assets/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
}


.blu-bg-sec .subtitle {
  flex-wrap: wrap;
}

.message_form_tool_col.scd {
  display: flex;
  flex-wrap: wrap;
  margin: -6px;
  padding-bottom: 20px;
}

.message_form_tool_col.scd .form-group {
    padding: 6px;
}

.message_form_tool_col.scd .form-group .custome-select {
    margin: 0;
}

.filter-srch {
  flex-wrap: wrap;
}

/* 04-07-2025 end KM */

/* July 4 2025 */
.batch-creation-form .form-group .custome-select, .batch-creation-form .form-group .form-control{
  width: 100%; margin: 0;
  background-color: #eadfff;
}
.sec-and-grd{
  display: flex;
  margin: 10px;
}
.student-item-check-flex{
  display: flex; align-items: center;
  width: 60%;
}
.sec-grd-col, .sec-col{
  width: 20%;
}
.batch-creation-form .student-selection-container{
  overflow-x: auto;
  border: 1px solid #e2e7fa;  
  background: #f1f4ff;
}
.batch-creation-form .students-list-container{
  min-width: 440px;
}
.group-btn-td .themeBtn1{min-width: auto;}
/* Responsive Start */

/* Side Nav Toggle */


@media (min-width: 1170px) {
  .dashborad-main .left-menu {
    left: 220px;
  }

  .dashborad-main .dash-left {
    transition: all 300ms ease-in-out;
    overflow: hidden;
  }

  .dashborad-main .dash-nav ul li {
    width: 100%;
    white-space: nowrap;
    transition: all 300ms ease-in-out;
  }

  .dashborad-main:not(.menu-open) .dash-nav ul li {
    width: 53px;
  }

  .dashborad-main:not(.menu-open) .dash-left {
    width: 78px;
    padding-left: 10px;
    padding-right: 2px;
    /* padding-top: 60px; */
  }

  .dashborad-main:not(.menu-open) .logo-main {
    width: 54px;
    overflow: hidden;
  }

  .dashborad-main:not(.menu-open) {
    padding-left: 110px;
  }

  .dashborad-main:not(.menu-open) .left-menu {
    left: 18px;
    top: 10px;
  }

  .dashborad-main:not(.menu-open) .dash-nav ul {
    height: calc(100vh - 140px);
  }
}

@media(max-width: 1599px) {

  /* 25-06-25 S.Mv Css start */
  .cmn-btn.bk-now {
    min-width: 260px;
  }

  /* 25-06-25 S.Mv Css End */

}

/* Check 1200 */
@media (max-width: 1364px) {

  /* Student dashboard Start */
  .dash-left {
    width: 230px;
  }

  .dashborad-main {
    padding-left: 260px;
  }

  .cls-box {
    padding: 14px;
  }

  .share-box {
    padding: 14px 10px 63px 20px;
  }

  .boy-top-glow {
    right: 0;
    top: 20%;
    width: 70%;
  }

  .project-img {
    margin-right: 12px;
  }

  .project-para {
    line-height: 1.4;
  }

  .project-right .subtitle {
    margin-bottom: 10px;
  }

  .project-link {
    font-size: 13px;
  }

  .profile-part {
    padding: 25px 20px;
  }

  .text-block {
    margin-bottom: 10px;
  }

  .profile-img-wrap {
    margin: 0 auto 30px;
  }

  .ancment-part,
  .contact-info {
    padding: 20px;
  }

  .contact-info-block span {
    width: 44px;
    height: 44px;
    margin-right: 10px;
  }

  .contact-info-block a {
    font-size: 13px;
  }

  /* Classes Page Start */
  .shadowbox-left.big {
    width: 48%;
  }

  .group-btn a {
    padding-left: 14px;
    padding-right: 14px;
  }

  .cls-details-main .asnmnt-box .shadowbox-left {
    width: auto;
  }

  .cls-details-main .asnmnt-box .shadowbox-right .themeBtn1 {
    white-space: nowrap;
  }

  /* 15-05-2025 M.M Css Start */
  .prize-main-wraper {
    padding: 5px 12px 16px;
    margin-left: 12px;
  }

  .prize-main-wraper ul li {
    padding: 8px 6px;
  }

  .prize-main-wraper ul li span,
  .prize-main-wraper ul li p {
    font-size: 14px;
  }

  .share-learning.share-learning-new-wrap {
    padding-right: 2%;
  }

  .share-learning-new-wrap .sh-mkp {
    width: 16%;
  }

  /* 15-05-2025 M.M Css End */
}

/* Check 1170 */
@media (max-width: 1199px) {

  /* Student dashboard Start */
  .imgtext {
    margin-left: 5px;
  }

  .img-list img {
    width: 35px;
    height: 35px;
  }

  .ancment-block span {
    width: 44px;
    height: 44px;
    margin-right: 15px;
  }

  .tab-content>.tab-pane {
    overflow: hidden;
    padding-top: 5px;
  }

  /* Collapse Menu */
  .sidemenu-open .collpse-mnu-left {
    width: 100%;
  }

  .collpse-mnu-right {
    width: 100%;
    margin-top: 40px;
  }

  .collpse-mnu-row {
    flex-direction: column;
  }

  .collpse-mnu-right-wrap {
    transform: none;
    height: auto;
  }

  .side-menu {
    display: none;
  }

  .profile-part {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  /* 15.05.2025 start */

  .collpse-mnu-right.teacher {
    width: 100%;
  }

  .sidemenu-open .collpse-mnu-left.teacher {
    padding-right: 0;
    width: 100%;
  }

  /* 15.05.2025 end */


  /* 25-06-25 S.Mv Css start */
  .cmn-btn.bk-now {
    min-width: 236px;
    margin-top: 10px;
  }

  /* 25-06-25 S.Mv Css End */


}

/* Check 992 */
@media (max-width: 1169px) {

  /* Student dashboard Start */
  .dashborad-main {
    padding-left: 20px;
  }

  .quiz-content {
    padding-right: 20px;
  }

  .quiz-part {
    padding: 20px 20px 20px 20px;
  }

  .gap30 {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
  }

  /* tepry code */
  .dash-right .tab-pane>.row>[class*="col"] {
    width: 100%;
  }

  /* Class Details */
  .cls-note {
    padding: 20px;
  }

  /* Menu */
  .left-menu {
    display: flex;
    background: #edf1ff;
  }

  .dash-left {
    left: -230px;
    z-index: 9991;
    background-color: #fff;
  }

  .menu-open .dash-left {
    left: 0;
  }

  .menu-open .left-menu {
    left: 230px;
    width: 32px;
    border-radius: 0 8px 8px 0;
    border-color: #ebebeb;
  }

  .main-tle-wrap {
    padding-left: 67px;
  }

  .collpse-mnu-left {
    width: 100%;
  }

  /* 06-06-2025 start KM */
  .sidenav .modal-dialog {
    margin-left: 84px;
    min-height: unset;
    margin-top: 10px;
  }

  .sidenav .modal-body::after {
    top: 25px;
  }

  .assistancepop .modal-dialog {
    margin-right: 20px;
  }

  .assistancepop .modal-body::after {
    top: unset;
    transform: unset;
    bottom: -20px;
    border-top: 10px solid #ffffff;
    border-left-color: transparent;
    right: 14px;
  }

  /* 06-06-2025 end KM */
}

/* Check 768 */
@media (max-width: 991px) {

  /* Student dashboard Start */
  .profile-part {
    padding: 25px 20px;
    max-width: 400px;
    margin: 0 auto 30px;
  }

  /* Classes Page Start */
  .group-btn a {
    padding-left: 14px;
    padding-right: 14px;
    min-width: 107px;
    font-size: 13px;
  }

  .shadowbox {
    padding: 0 15px 0 15px;
  }

  .shadowbox-left {
    padding: 20px 27px 20px 0;
  }

  .shadowbox-right {
    padding: 20px 0 20px 30px;
  }

  .gapy-15 {
    --bs-gutter-y: 15px;
  }

  .blu-bg-sec {
    padding: 20px;
  }

  .cls-dtls-left,
  .cls-dtls-right {
    width: 100%;
  }

  /* Exam List */
  .exm-card {
    padding: 20px;
  }

  .exm-mark {
    font-size: 14px;
  }

  .tag {
    font-size: 14px;
  }

  .text-block-left {
    padding-top: 5px;
  }

  .checkmsg {
    width: 53%;
  }

  .table-design table th,
  .table-design table td {
    padding: 10px;
    font-size: 13px;
  }

  .table-design table th {
    white-space: nowrap;
  }

  .gnrate-report {
    font-size: 15px;
  }

  .table-design table {
    min-width: 900px;
  }

  .tcher-card {
    padding: 16px 12px 32px 12px;
  }

  .tcher-img {
    width: 115px;
    height: 115px;
    margin-bottom: 16px;
  }

  .tcher-card .para-short {
    margin-bottom: 17px;
  }

  /* 10/6/25 work start */
  .dash-banner-img-wrap {
    min-height: auto;
  }

  /* 10/6/25 work end */

  /* Popup Section */
  [data-side="right"] .instrctn-pop {
    right: 20px;
    bottom: 90%;
    top: auto;
  }

  [data-side="right"] .modal-body::after {
    top: 100%;
    transform: rotate(90deg);
    right: auto;
  }

  [data-section] .instrctn-pop .modal-body {
    padding: 25px 15px;
    font-size: 14px;
  }

  [data-section="sharebox"] .instrctn-pop .modal-content {
    width: 350px;
  }

  .prgm-top-img {
    opacity: 0.2;
  }

  .prgm-btm-img {
    opacity: 0.2;
  }

  /* S.Mv Css start 25-06-25  */
  .blg-card-txt {
    width: 60%;
    padding: 15px;
  }

  .blg-card-img {
    width: 40%;
  }

  .blg-card-txt h2 {
    font-size: 28px;
  }

  /* S.Mv Css end 25-06-25  */


  /* 26-06-25 S.Mv Css Start */
  .woocommerce-checkout #customer_details {
    width: 100%;
    margin-bottom: 30px;
  }

  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout .woocommerce-checkout-review-order {
    width: 100% !important;
    padding: 0 !important;
    float: inherit;
  }

  .woocommerce-checkout .woocommerce-checkout-payment .button.alt {
    margin-top: 30px;
  }



  /* 26-06-25 S.Mv Css End */

}

/* Check 576 */
@media (max-width: 767px) {

  /* Student dashboard Start */
  .dash-banner-content {
    max-width: 100%;
    padding: 40px 30px 40px 30px;
  }

  .dash-banner-content .text2 {
    margin-bottom: 22px;
  }

  .dash-tabList .tablink span {
    width: 30px;
    height: 30px;
    padding: 4px;
  }

  .profile-menu-img {
    width: 30px;
    height: 30px;
    margin-right: 7px;
  }

  .profile-menu {
    padding: 6px 10px;
  }

  .quiz-btn-wrap .themeBtn1 {
    min-width: auto;
    white-space: nowrap;
  }

  .quiz-img {
    margin-right: 15px;
  }

  /* Classes Page Start */
  .shadowbox {
    flex-direction: column;
  }

  .shadowbox-left.big {
    width: 100%;
  }

  .shadowbox-right {
    padding: 0 0 20px 0;
  }

  .shadowbox-right>div {
    justify-content: flex-start !important;
  }

  .cls-dtls-top-part {
    margin-top: 12px;
    justify-content: flex-start !important;
  }

  .cls-dtls-top-part.group-btn a,
  .cls-dtls-top-part .themeBtn1 {
    margin: 0 4px 4px 0;
  }

  .blu-bg-sec .para-short {
    margin-bottom: 20px;
  }

  .gray-grdnt {
    padding: 20px;
  }

  .left-menu {
    top: 30px;
  }

  .add-prj-info-form-top.tcher-wrap .add-prj-info-form-btm {
    flex-direction: column;
    height: auto;
  }

  .checkmsg {
    width: 100%;
    padding: 0 20px 10px;
  }

  .checkmsg label [type="radio"] {
    vertical-align: middle;
  }

  /* 14.05.2025 start */

  .cls-box.no-class {
    min-height: 120px;
  }

  /* 14.05.2025 end */
  /* 15-05-2025 m.m css start */
  .tcher-new-wrap>form .checkmsg {
    padding: 0 0 0;
  }

  /* 15-05-2025 M.M Css Start */
  .share-learning-new-wrap .prize-main-outer,
  .share-learning-new-wrap .sh-bld {
    width: 100%;
  }

  .prize-main-wraper {
    margin-left: 0;
    margin-top: 18px;
  }

  /* .share-learning-new-wrap .sh-wrp {
    flex-wrap: wrap;
} */
  .share-learning.share-learning-new-wrap {
    padding-right: 36px;
  }

  /* 21-05-2025 end start */
  .project-rating-pop-title {
    font-size: 20px;
  }

  .prj-rationg-card-title {
    font-size: 17px;
  }

  .prf-rt-avater-pic {
    width: 28px;
    height: 28px;
  }

  .rating-image {
    width: 108px;
  }

  /* 21-05-2025 end KM */

  .calender-right-part {
    overflow-x: auto;
  }

  .calender-right-part>div {
    width: 650px;
  }

  .fc .fc-view table .fc-head th {
    font-size: 13px;
  }

  .fc-toolbar .fc-center {
    padding-top: 10px;
  }

  .calender-right-part #calendar {
    width: 1300px;
  }

  /* 10/6/25 work start */
  .quiz-part h3 {
    font-size: 18px;
  }

  /* 10/6/25 work end */

  .two-btns {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .two-btns>* {
    width: 100%;
    min-width: 100% !important;
  }

  .prgm-top-img {
    width: 150px;
    opacity: 0.2;
  }

  .prgm-btm-img {
    width: 130px;
    opacity: 0.2;
  }


  /* 25-06-25 S.Mv Css start */
  .schedule-enroll-btn-wrap {
    display: flex;
    flex-direction: column;
  }

  .blg-card-txt {
    width: 65%;
  }

  .blg-card-img {
    width: 35%;
  }

  .blg-card-txt h2 {
    font-size: 26px;
  }

  /* 25-06-25 S.Mv Css start */

}

/* Check 480 */
@media (max-width: 575px) {

  /* Student dashboard Start */
  .pdrop {
    display: none;
  }

  .dash-tabList .tablink {
    font-size: 14px;
  }

  .dashborad-main {
    padding: 15px 12px;
  }

  .quiz-part {
    line-height: 1.5;
  }

  .refer-part {
    padding: 15px 20px 15px 15px;
  }

  .card-gry {
    flex-direction: column;

    align-items: flex-start;

    position: relative;

    padding-right: 100px;
  }

  .card-gry .tg-text {
    position: absolute;

    top: 12px;

    right: 20px;
  }

  .card-gry .td-text {
    margin-bottom: 10px;
  }

  .left-menu {
    top: 20px;
    left: 10px;
    top: 21px;
    left: 10px;
    width: 36px;
    height: 36px;
  }

  .dash-tabList .tablink {
    padding: 2px 18px 2px 4px;
  }

  .main-tle-wrap {
    padding-left: 42px;
  }

  .main-tle-wrap {
    padding-left: 42px;
    margin-bottom: 15px !important;
  }

  .filter-srch-right [type="text"] {
    width: 200px;
    padding-right: 40px;
  }

  .filter-srch-right [type="text"] {
    padding-right: 37px;
    padding-left: 12px;
  }

  /* 15.05.2025 start */

  .apply-leave-frm p.leaveerror,
  .apply-leave-frm p.apply-success {
    font-size: 14px;
    padding: 5px 10px;
  }

  /* 15.05.2025 end */

  /* 21-05-2025 start KM */
  .project-rating-popup .modal-body {
    padding: 28px 20px;
  }

  .project-rating-pop-title {
    font-size: 18px;
  }

  .prj-rationg-card {
    padding: 12px 12px;
  }

  .prf-rt-avater h4 {
    font-size: 14px;
  }

  .prj-rationg-card-title {
    font-size: 16px;
  }

  .rating-image {
    width: 94px;
  }

  /* 21-05-2025 end KM */

  /* 22-05-2025 start KM */
  .tcher-new-wrap>form input[type="submit"].cmnt-btn {
    right: 0;
    width: 66px !important;
    min-width: unset;
    padding: 10px 6px !important;
    font-size: 13px;
  }

  .tcher-new-wrap>form textarea.cmn-areae {
    padding-right: 70px !important;
    padding-left: 0px !important;
  }

  /* 22-05-2025 end KM */

  /* 06-06-2025 start KM */
  .sidenav .modal-dialog {
    margin-left: 45px;
  }

  /* 06-06-2025 end KM */
  /* Popup Section */
  [data-section="sharebox"] .instrctn-pop .modal-content {
    width: 300px;
  }

  [data-section] .instrctn-pop .modal-content {
    width: 300px;
  }

  /* 25-06-25 S.Mv Css start */
  .blg-card-txt {
    width: 100%;
    padding: 20px 0 0;
  }

  .blg-card-img {
    width: 100%;
    padding-top: 50%;
    position: relative;
  }

  .blg-card-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* 25-06-25 S.Mv Css start */
}

/* Check 360 */
@media (max-width: 479px) {

  /* Student dashboard Start */
  .main-title {
    font-size: 22px;
  }

  .main-title {
    font-size: 26px;
  }

  .dash-banner-content .dash-banner-title,
  .dash-banner-content h1 {
    font-size: 26px;
  }

  .dash-banner-content .text2 {
    font-size: 18px;
  }

  .cls-box h3,
  .share-box h3 {
    font-size: 17px;
  }

  .quiz-part {
    flex-direction: column;
    text-align: center;
  }

  .quiz-content {
    margin-bottom: 10px;
    padding-right: 0px;
  }

  .rfr-right {
    max-width: 50%;
    flex-shrink: 0;
    padding: 10px;
  }

  .drop-lst ul li a {
    padding: 4px 10px;
  }

  .dash-banner-content .text1 {
    margin-bottom: 15px;
  }

  .dash-banner-content .text2 {
    margin-bottom: 15px;
  }

  .dash-banner-content {
    padding: 35px 30px 35px 30px;
  }

  .actvy-link {
    line-height: 1;
  }

  .blu-bg-sec .subtitle {
    display: flex;
    align-items: center;
  }

  .tag {
    font-size: 13px;
  }

  .para-short {
    line-height: 1.6;
  }

  .subtitle.f20 {
    font-size: 17px;
  }

  .round-arrow {
    width: 31px;
    height: 31px;
    margin-right: 4px;
  }

  .arow-title {
    display: flex;
    align-items: center;
  }

  .ul-tick ul li {
    margin: 0 0 7px;
    padding: 0 0 0 25px;
  }

  .cls-note .para-short {
    margin-bottom: 0;
  }

  .input-textarea-design {
    padding: 12px 18px;
  }

  .mcq-part .file-upload {
    padding: 20px !important;
  }

  .mcq-part .form_input_radio label .upload-file-text {
    position: static;
    transform: none;
    margin-top: 15px;
  }

  .mcq-part .form_input_radio label {
    padding-left: 34px;
  }

  .mcq-part .para-short {
    margin-bottom: 20px;
  }

  .dash-right .single-navTab {
    min-width: auto;
    width: auto;
  }

  .profile-menu {
    padding: 3px 7px 3px 5px;
  }

  .arrow-drop {
    width: 13px;
    height: 13px;
    margin-right: 10px;
  }

  .main-tle-wrap {
    margin-bottom: 10px !important;
    min-height: 69px;
  }

  .refer-part {
    flex-wrap: wrap;
  }

  .rfr-left {
    width: 100%;
    order: 2;
  }

  .rfr-right {
    max-width: 100%;
  }

  .drop-lst {
    padding: 5px 5px;
    width: 166px;
  }

  .drop-lst ul li a {
    padding: 4px 10px;
  }

  .dash-tabList .tablink span {
    padding: 6px;
  }

  .text-block-right {
    width: 60%;
  }

  .checkmsg {
    flex-wrap: wrap;
  }

  .checkmsg label {
    margin-bottom: 6px;
  }

  .gnrate-report {
    font-size: 13px;
  }

  .rnge-wrap [type="submit"] {
    font-size: 14px;
    height: 40px;
  }

  .rnge-wrap:not(:last-child) {
    margin-bottom: 22px;
  }

  .submsn-filter {
    flex-wrap: wrap;
  }

  .submsn-filter label {
    width: 100%;
    margin-bottom: 10px;
  }

  .submsn-filter select {
    flex: 1;
    margin-left: 0;
  }

  .submsn-filter .themeBtn1 {
    min-width: auto;
  }

  .main-title.arow-title {
    font-size: 19px;
  }

  .rschdle-box {
    flex-direction: column;
  }

  .rschdle-box-left {
    margin-bottom: 10px;
  }

  .rschdle-box-left,
  .rschdle-box-right {
    width: 100%;
  }

  /* 15.05.2025 start */

  .success-msg,
  .already_report_card_generated {
    font-size: 14px;
    padding: 10px 15px;
  }

  .cls-box.no-class {
    min-height: 100px;
    font-size: 16px;
  }

  /* 15.05.2025 end */

  /* 15-05-2025 M.M Css Start */
  .share-learning-new-wrap .sh-bx {
    max-width: 100%;
  }

  /* 15-05-2025 M.M Css End */
  .pop-design .pop-title {
    font-size: 22px;
    padding: 5px 13px;
  }

  .pop-stdnt-img {
    width: 140px;
    height: 140px;
  }

  .pop-title-top {
    font-size: 17px;
  }

  .cmn-design-pop .h2-title {
    font-size: 23px;
    margin-bottom: 20px;
  }

  .cmn-design-pop .modal-body {
    padding: 30px 20px !important;
  }


  /* 26-06-25 S.Mv Css End */
  .woocommerce-cart .shop_table .coupon #coupon_code {
    width: 100%;
    margin-right: 0;
  }

  .woocommerce-cart .shop_table .coupon .button {
    width: 100% !important;
    margin-top: 10px;
  }




  /* 26-06-25 S.Mv Css End */

  .group-btn.cls-dtls-top-part.sdr {
    flex-wrap: wrap;
  }

  .outline.themeBtn1.red.sbcls {
    width: 100%;
    margin-right: 0;
  }

    .group-btn.cls-dtls-top-part.sdr .outline.themeBtn1.red {
      width: 100%;
    }

}

/* Check 320 */
@media (max-width: 359px) {
  .main-title {
    font-size: 20px;
  }

  .exm-card .themeBtn1 {
    min-width: auto;
  }

  .profile-part {
    padding: 25px 15px;
  }

  .pop-design .pop-title {
    font-size: 20px;
  }

  .cmn-design-pop .h2-title {
    font-size: 21px;
  }

  [data-section] .instrctn-pop .modal-content {
    width: 260px;
  }
}