@import url(components.css);
@import url('https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-rounded/css/uicons-regular-rounded.css');

:root {
  --primary-light-green: #7A9E06;
  --primary-dark-green: #00321F;
  --primary-light-green-900: #7A9E06;
  --primary-light-green-800: #87A71E;
  --primary-light-green-700: #92AE35;
  --primary-light-green-600: #9EB84D;
  --primary-light-green-500: #A9BF64;
  --primary-light-green-400: #B6C87C;
  --primary-light-green-300: #C2D093;
  --primary-light-green-200: #CED8AB;
  --primary-light-green-100: #D9E1C2;
  --primary-light-green-50: #E5E9DA;
  --primary-dark-green-900: #00321F;
  --primary-dark-green-800: #194635;
  --primary-dark-green-700: #305849;
  --primary-dark-green-600: #496C5F;
  --primary-dark-green-500: #607E73;
  --primary-dark-green-400: #799288;
  --primary-dark-green-300: #91A59D;
  --primary-dark-green-200: #A9B8B2;
  --primary-dark-green-100: #C1CBC7;
  --primary-dark-green-50: #D9DEDC;
  --secondary: #BCB98A;
  --black-scale-900: #222222;
  --background: #FFFFFF;
  --black-scale-800: #555555;
  --black-scale-700: #6A6A6A;
  --black-scale-600: #808080;
  --black-scale-500: #939393;
  --black-scale-400: #A9A9A9;
  --black-scale-300: #BDBDBD;
  --black-scale-200: #D2D2D2;
  --black-scale-100: #D8D8D8;
  --black-scale-50: #F6F6F6;
  --colors-success-100: #31A35F;
  --colors-failure-100: #D71106;
  --colors-in-progress-100: #EF7108;
  --colors-active-100: #004FEF;
  --colors-success-50: #EDFFEF;
  --colors-failure-50: #FFE3E4;
  --colors-in-progress-50: #FFF3E1;
  --colors-active-50: #E9ECFF;
  --white: #FFFFFF;
  --black: #141414;
  --dashboard-background: #F0F4EF;
  --dashboard-sidebar: #FFFFFF;
  --dashboard-card-bg: #FFFFFF;
  --dashboard-card-border: #CEE4C9;
  --dashboard-login-bg: #FFFFFF;

  .dark-mode {
    --primary-light-green: #7A9E06;
    --primary-dark-green: #00321F;
    --primary-light-green-900: #7A9E06;
    --primary-light-green-800: #87A71E;
    --primary-light-green-700: #92AE35;
    --primary-light-green-600: #9EB84D;
    --primary-light-green-500: #A9BF64;
    --primary-light-green-400: #B6C87C;
    --primary-light-green-300: #C2D093;
    --primary-light-green-200: #CED8AB;
    --primary-light-green-100: #D9E1C2;
    --primary-light-green-50: #E5E9DA;
    --primary-dark-green-900: #00321F;
    --primary-dark-green-800: #194635;
    --primary-dark-green-700: #305849;
    --primary-dark-green-600: #496C5F;
    --primary-dark-green-500: #607E73;
    --primary-dark-green-400: #799288;
    --primary-dark-green-300: #91A59D;
    --primary-dark-green-200: #A9B8B2;
    --primary-dark-green-100: #C1CBC7;
    --primary-dark-green-50: #D9DEDC;
    --secondary: #BCB98A;
    --black-scale-900: #FFFFFF;
    --background: #091A0B;
    --black-scale-800: #FFFFFFD9;
    --black-scale-700: #FFFFFFBF;
    --black-scale-600: #FFFFFFA6;
    --black-scale-500: #FFFFFF8C;
    --black-scale-400: #FFFFFF73;
    --black-scale-300: #FFFFFF59;
    --black-scale-200: #FFFFFF40;
    --black-scale-100: #FFFFFF26;
    --black-scale-50: #FFFFFF0D;
    --dashboard-background: #121712;
    --dashboard-sidebar: #000000;
    --dashboard-card-bg: #181C18;
    --dashboard-card-border: #333C33;
    --dashboard-login-bg: #1B221B;
  }
}

* {
  padding: 0px;
  margin: 0px;
}

html {
  scroll-behavior: smooth;
}

body,
html {
  padding: 0px;
  margin: 0px;
  font-family: "Public Sans", serif;
  font-style: 400;
  font-size: 14px;
  font-weight: normal;
  background: var(--background);
  color: var(--black-scale-900);
}

select {
  cursor: pointer !important;
}

a {
  text-decoration: none !important;
}

img {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0;
}

.header-marketing {
  padding: 20px 40px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  transition: 0.3s cubic-bezier(.95, .77, 0, 1.8);
}

.header-marketing .navbar-nav {
  /* position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none; */
  flex: 1;
  justify-content: center;
}

.head-right-menu {
  margin-left: auto;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 15px;
  flex-wrap: wrap;
}

.header-marketing .navbar-nav>* {
  pointer-events: initial;
}

.header-marketing .navbar {
  transition: 0.3s cubic-bezier(.95, .77, 0, 1.8);
  padding: 15px;
  border-radius: 16px;
  background: var(--background);
}

.header-marketing .nav-link {
  color: var(--black-scale-900);
}

body.fixed .header-marketing .navbar {
  box-shadow: 0px 4px 20px #0000001c;
  border-radius: 0;
}

body.fixed .header-marketing {
  padding: 0;
}

body.fixed.dark-mode .header-marketing .navbar {
  backdrop-filter: blur(40px);
  background-color: rgba(255, 255, 255, 20%);
}

.hero-section {
  position: relative;
  background: linear-gradient(101.81deg, var(--primary-light-green) 0%, var(--primary-dark-green) 100%);
  padding-top: 126px;
}

.hero-section:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(../images/line-bg.svg) no-repeat;
  height: 100%;
  background-size: 100% 100%;
}

.hero-text h1 {
  font-size: clamp(32px, 4vw, 72px);
  color: var(--white);
  font-weight: 700;
  line-height: 101%;
  margin-bottom: 15px;
}

.hero-section .row {
  padding: 70px 0;
  position: relative;
  z-index: 1;
}

.hero-text p {
  color: var(--white);
}

.hero-text {
  padding-right: 40px;
}

.hero-text .btn {
  margin-top: 50px;
}

.pra-text {
  color: var(--black-scale-700);
}

.section-padding {
  padding-top: clamp(30px, 4vw, 120px);
  padding-bottom: clamp(30px, 4vw, 120px);
  padding-left: 0;
  padding-right: 0;
}

.about-images img {
  position: relative;
  aspect-ratio: 9/14;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.services-card {
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 26px;
}

.services-card h4 {
  border-radius: 26px;
  color: var(--white);
  font-size: 24px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 20%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  text-align: center;
}

.services-card img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 26px;
}

.services-section-inner {
  background: var(--black-scale-50);
  padding-top: clamp(30px, 4vw, 100px);
  padding-bottom: clamp(30px, 4vw, 100px);
  padding-left: 0;
  padding-right: 0;
  border-radius: 16px;
}

.services-section-inner .headings {
  margin-top: 100px;
}

.headings h5 {
  color: var(--primary-light-green-900);
}

.how-it-work-card figure {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  margin: auto;
}

.how-it-work-card figure i {
  font-size: 48px;
  color: var(--white);
}

.how-it-work-box .row>*:nth-child(1) figure {
  background: var(--primary-light-green-900);
}

.how-it-work-box .row>*:nth-child(2) figure {
  background: var(--primary-dark-green);
}

.how-it-work-box .row>*:nth-child(3) figure {
  background: var(--secondary);
}

.how-it-work-card figcaption {
  text-align: center;
  margin-top: 50px;
}

.how-it-work-card figcaption h5 {
  margin-bottom: 10px;
}

.how-it-work-box .row {
  justify-content: space-between;
}

.how-it-work-box {
  max-width: 900px;
  margin: auto;
}

.testimonials-sec {
  background: var(--black-scale-50);
}

.testimonials-card {
  padding: 60px 40px;
  background: var(--background);
  border-radius: 16px;
}

.testimonials-card p {
  color: var(--black-scale-800);
  font-size: 18px;
}

.testimonials-card {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.testimonials-card .avatar {
  margin-right: 10px;
  background-color: var(--colors-in-progress-100);
  color: var(--white);
}

.testimonials-swiper {
  position: relative;
}

.testimonials-swiper:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  height: 100%;
  background: linear-gradient(90deg, var(--black-scale-50) 18.57%, rgba(246, 246, 246, 0) 100%);
  z-index: 2;
}

.testimonials-swiper:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  height: 100%;
  background: linear-gradient(90deg, rgba(246, 246, 246, 0) 18.57%, var(--black-scale-50) 100%);
  z-index: 2;
}

body.dark-mode .testimonials-swiper:after {
  background: linear-gradient(90deg, #162617 18.57%, rgba(246, 246, 246, 0) 100%);
}

body.dark-mode .testimonials-swiper:before {
  background: linear-gradient(90deg, rgba(246, 246, 246, 0) 18.57%, #162617 100%);
}

.app-slider .swiper-slide {
  transform: scale(0.85);
  transition: 0.3s ease-in-out;
}

.app-slider .swiper-slide.swiper-slide-active {
  transform: scale(1);
}

.app-slider {
  max-width: 1700px;
  margin: auto;
}

.downloadapp-inner {
  background-color: var(--primary-dark-green-800);
  padding-top: 80px;
  border-radius: 16px;
}

.downloadapp-inner-text h2 {
  color: var(--white);
}

.downloadapp-inner-text p {
  color: var(--white);
  margin-top: 20px;
}

.download-btn a img {
  width: 192px;
}

.download-btn {
  margin-top: 70px;
}

.footer-menu {
  display: flex;
  align-items: center;
  gap: 40px;
  margin: 30px 0;
  justify-content: center;
}

.footer-menu a {
  color: var(--black-scale-800);
}

footer {
  padding: 30px;
}

.footer-main {
  background: var(--primary-light-green-50);
  padding: 70px 0;
  text-align: center;
  border-radius: 40px;
}

body.dark-mode .footer-main {
  background-color: var(--primary-dark-green-700);
}

footer hr {
  margin: 40px 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50.5%, rgba(255, 255, 255, 0) 100%);
  border: none;
  height: 1px;
  width: 100%;
}

body.dark-mode footer hr {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 50%) 50.5%, rgba(255, 255, 255, 0) 100%);
  border: none;
  height: 1px;
  width: 100%;
}

.banner-header {
  position: relative;
  overflow: hidden;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--black);
  background: linear-gradient(101.81deg, var(--primary-light-green-900) 0%, var(--primary-dark-green) 100%);
}

.banner-header-content {
  margin-top: 90px;
  position: relative;
  z-index: 1;
  text-align: center;
}

.banner-header-content h1 {
  color: var(--white);
}

.banner-header .breadcrumb {
  justify-content: center;
  margin-top: 10px;
}

.banner-header .breadcrumb .breadcrumb-item,
.banner-header .breadcrumb .breadcrumb-item a {
  font-size: 16px;
  color: var(--primary-light-green-200);
}

.banner-header .breadcrumb .breadcrumb-item.active {
  color: var(--white);
}

.banner-header .breadcrumb-item+.breadcrumb-item::before {
  color: var(--white);
}

.ul-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ul-list ul li {
  position: relative;
  padding-left: 40px;
}

.cms-content p,
.cms-content li {
  color: var(--black-scale-500);
}

.ul-list ul li::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4061_1151)'%3E%3Cpath d='M17 3.34001C18.5083 4.21087 19.7629 5.46054 20.6398 6.96531C21.5167 8.47009 21.9854 10.1778 21.9994 11.9194C22.0135 13.6609 21.5725 15.376 20.72 16.8947C19.8676 18.4135 18.6332 19.6832 17.1392 20.5783C15.6452 21.4734 13.9434 21.9628 12.2021 21.9981C10.4608 22.0333 8.74055 21.6132 7.21155 20.7793C5.68256 19.9453 4.39787 18.7265 3.48467 17.2435C2.57146 15.7605 2.06141 14.0647 2.005 12.324L2 12L2.005 11.676C2.061 9.94901 2.56355 8.26598 3.46364 6.79101C4.36373 5.31604 5.63065 4.09947 7.14089 3.2599C8.65113 2.42033 10.3531 1.98641 12.081 2.00045C13.8089 2.01449 15.5036 2.47601 17 3.34001ZM15.707 9.29302C15.5348 9.12084 15.3057 9.01741 15.0627 9.00213C14.8197 8.98685 14.5794 9.06076 14.387 9.21001L14.293 9.29302L11 12.585L9.707 11.293L9.613 11.21C9.42058 11.0609 9.18037 10.987 8.9374 11.0024C8.69444 11.0177 8.46541 11.1211 8.29326 11.2933C8.12112 11.4654 8.01768 11.6945 8.00235 11.9374C7.98702 12.1804 8.06086 12.4206 8.21 12.613L8.293 12.707L10.293 14.707L10.387 14.79C10.5624 14.9261 10.778 14.9999 11 14.9999C11.222 14.9999 11.4376 14.9261 11.613 14.79L11.707 14.707L15.707 10.707L15.79 10.613C15.9393 10.4206 16.0132 10.1804 15.9979 9.93733C15.9826 9.69431 15.8792 9.46521 15.707 9.29302Z' fill='%237A9E06'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4061_1151'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: -2px;
}

.faq-container .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.faq-container .accordion-item {
  border: none;
  background: var(--black-scale-50);
  border-radius: 20px;
}

.faq-container .accordion-button {
  background: none;
  box-shadow: none !important;
  padding: 20px;
}

.faq-container .accordion-body {
  padding: 20px;
  padding-top: 0;
  color: var(--black-scale-500);
}

.faq-container .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9934 12.5542 27.6216 9.25145 25.1851 6.81491C22.7486 4.37837 19.4458 3.00661 16 3ZM21 17H17V21C17 21.2652 16.8946 21.5196 16.7071 21.7071C16.5196 21.8946 16.2652 22 16 22C15.7348 22 15.4804 21.8946 15.2929 21.7071C15.1054 21.5196 15 21.2652 15 21V17H11C10.7348 17 10.4804 16.8946 10.2929 16.7071C10.1054 16.5196 10 16.2652 10 16C10 15.7348 10.1054 15.4804 10.2929 15.2929C10.4804 15.1054 10.7348 15 11 15H15V11C15 10.7348 15.1054 10.4804 15.2929 10.2929C15.4804 10.1054 15.7348 10 16 10C16.2652 10 16.5196 10.1054 16.7071 10.2929C16.8946 10.4804 17 10.7348 17 11V15H21C21.2652 15 21.5196 15.1054 21.7071 15.2929C21.8946 15.4804 22 15.7348 22 16C22 16.2652 21.8946 16.5196 21.7071 16.7071C21.5196 16.8946 21.2652 17 21 17Z' fill='%237A9E06'/%3E%3C/svg%3E%0A");
  width: 32px;
  height: 32px;
  background-size: 100%;
}

.faq-container .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28Z' stroke='%237A9E06' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M11 16H21' stroke='%237A9E06' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.faq-container .accordion-button:not(.collapsed) {
  color: var(--primary-light-green-900);
}

.form-control::placeholder {
  color: var(--black-scale-500);
  opacity: 1;
  /* Firefox */
}

.form-control::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: var(--black-scale-500);
}

.contact-img {
  aspect-ratio: 9/13;
  border-radius: 16px;
}

.banner-about {
  background-color: var(--primary-light-green-50);
  padding-top: 126px;
}

.dark-mode .banner-about {
  background-color: var(--primary-dark-green-900);
}

.banner-about-content {
  padding-top: clamp(30px, 4vw, 100px);
  padding-bottom: clamp(30px, 4vw, 100px);
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.banner-about-content .banner-tag {
  display: inline-block;
  padding: 15px;
  background-color: var(--primary-light-green-900);
  color: var(--white);
  border-radius: 10px;
}

.banner-about-content h1 {
  margin: 20px 0;
}

.banner-about-content p {
  color: var(--black-scale-600);
}

.vission-img {
  aspect-ratio: 9/10;
  border-radius: 20px;
}

.our-vission-section {
  position: relative;
}

.our-vission-section:before {
  content: "";
  height: 135px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--primary-light-green-50);
}

.our-vission-section-wrap {
  position: relative;
  z-index: 1;
  padding: 50px;
  border-radius: 30px;
  background: var(--primary-light-green-900);
  color: var(--white);
}

.dark-mode .our-vission-section:before {
  background-color: var(--primary-dark-green-900);
}

.why-choose-text figure {
  margin: 0;
  background: var(--primary-light-green);
  color: var(--white);
}

.why-choose-img {
  aspect-ratio: 1/1;
  border-radius: 40px;
}

.header-marketing .nav-item.active .nav-link {
  color: var(--primary-light-green-900);
}

.form-group-password {
  position: relative;
}

.form-group-password .btn {
  position: absolute;
  top: 0px;
  right: 0;
  font-size: 24px;
}


/* dashboard */
.dashboard-bg {
  background-color: var(--dashboard-background);
  min-height: 100vh;
}

.auth-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.auth-content {
  background-color: var(--dashboard-login-bg);
  width: 1100px;
  border-radius: 20px;
  padding: 20px;
  position: relative;
}

.left-auth-container {
  padding-left: 40px;
  padding-right: 60px;
}

.blank-bg {
  background: var(--black-scale-50);
  border-radius: 15px;
  height: 100%;
  width: 100%;
}

.auth-img {
  position: absolute;
  bottom: 0;
  right: -38px;
  width: 60%;
}

.auth-content>.row {
  min-height: 600px;
}

.auth-logo {
  display: block;
  text-align: center;
  margin-bottom: 40px;
}

.auth-logo svg {
  width: 198px;
  height: auto;
}

.form-box-head {
  text-align: center;
  margin-bottom: 30px;
}

.form-box-head p {
  color: var(--black-scale-500);
  margin-bottom: 0;
}

.form-last-foot p {
  color: var(--black-scale-500);
}

.dashboard-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 275px;
  background: var(--dashboard-sidebar);
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 20px;
}

.dashboard-sidebar .sidebar-menu {
  height: 100%;
  overflow: auto;
}

.sidebar-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sidebar-menu ul a {
  background: var(--black-scale-50);
  border-radius: 8px;
  padding: 16px 22px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--black-scale-800);
}

.sidebar-menu ul a svg path {
  fill: var(--black-scale-800);
}

.sidebar-menu ul a:hover {
  background: var(--black-scale-100);
}

.sidebar-menu li.active a {
  background-color: var(--primary-light-green);
  color: var(--white);
}

.sidebar-menu li.active svg path {
  fill: var(--white);
}

.dashboard-container {
  padding-left: 275px;
}

.profile-dropdown .dropdown-toggle {
  background: var(--primary-light-green-100);
  padding: 5px;
  border: none;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.profile-dropdown .dropdown-toggle i {
  font-size: 24px;
}

.profile-dropdown .dropdown-toggle::after {
  display: none;
}

.dashboard-header {
  padding: 24px 20px;
}

.dashboard-body {
  padding: 24px;
  padding-top: 0;
}

.profile-photo-upload {
  position: relative;
}

.profile-photo-upload-btn {
  position: absolute;
  top: 22px;
  left: 70px;
}

.card-header {
  padding: 24px;
  background: none;
  border: none;
}

.cart-svg svg {
  width: 100%;
}

.search-input {
  position: relative;
}

.search-input input {
  padding-right: 60px;
}

.search-input .btn {
  position: absolute;
  top: 0;
  right: 0;
  width: auto !important;
  background: none;
}

.table-filters {
  flex-flow: wrap;
}

.table-actions-btn {
  min-width: fit-content;
  display: flex;
  gap: 10px;
}

.class-view-info-head {
  padding: 20px;
  border-radius: 8px;
  background: var(--black-scale-50);
}

.class-view-info-table .col-md-6 {
  display: flex;
}

.class-view-info-table .col-md-6>* {
  width: 100%;
}

.class-view-info-table-in {
  padding: 20px;
  border: 1px solid var(--black-scale-100);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.class-view-info-table-row {
  display: flex;
  align-items: center;
  align-items: center;
}

.class-view-info-table-row>* {
  width: 50%;
}

.class-view-info-table-row>*:first-child {
  color: var(--black-scale-600);
}

.amenities-tags ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: wrap;
  gap: 10px;
}

.amenities-tags ul li {
  padding: 8px 12px;
  border-radius: 6px;
  background: var(--black-scale-50);
  color: var(--black-scale-800);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.amenities-tags ul li i {
  font-size: 24px;
}

.amenities-tags ul li.active {
  background-color: var(--primary-light-green-50);
  color: var(--primary-light-green-900);
}

.Notification-list-row figure {
  border-radius: 8px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  background: var(--black-scale-50);
  color: var(--primary-light-green);
  display: flex;
  align-items: center;
  justify-content: center;
}

.Notification-list-row figure i {
  font-size: 24px;
}

.Notification-list-row .card-body {
  display: flex;
  gap: 15px;
}

.Notification-list-row .card-body p {
  margin-bottom: 0;
}

.Notification-list-row .card-body time {
  color: var(--black-scale-700);
}

span.flatpickr-day.today.selected {
  background-color: var(--primary-light-green);
}

span.flatpickr-day.selected {
  background-color: var(--primary-light-green);
}

span.flatpickr-day.selected:hover {
  background-color: var(--primary-light-green);
}

.notifications-dropdown-box .btn::after {
  display: none;
}

.notifications-dropdown-box .dropdown-menu {
  padding: 0;
}

.notification-dropdown {
  width: 347px;
  border-radius: 16px;
  border: solid 1px var(--dashboard-card-border);
}

.notification-item {
  display: flex;
  align-items: start;
  gap: 15px;
  padding: 10px;
}

.notification-item:last-child {
  border-bottom: none;
}

.notification-icon {
  color: #85B324;
  font-size: 1.5rem;
}

.notification-text {
  font-size: 14px;
}

.notification-title {
  font-size: 17px !important;
}

.notification-time {
  font-size: 12px;
  color: gray;
}

.view-all {
  text-align: left;
  padding: 10px;
  font-weight: 500;
  cursor: pointer;
}

.view-all a {
  color: #7A9E06;
  text-decoration: underline !important;
}

.notification-icon {
  width: 36px;
  flex: 0 0 36px;
  background: var(--black-scale-50);
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--primary-light-green);
}

.notification-des-box {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.notification-section {
  padding: 30px;
}

.notification-heading {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.section-title {
  font-size: 16px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 10px;
  color: #6c757d;
}

.notification-card {
  background-color: #fff;
  border-radius: 16px;
  padding: 15px;
  margin-bottom: 10px;
  display: flex;
  gap: 15px;
  border: solid 1px var(--dashboard-card-border);
}

.notification-icon {
  font-size: 24px;
  color: #85B324;
}

.notification-content {
  flex-grow: 1;
}

.notification-text {
  font-size: 14px;
  margin-bottom: 5px;
}

.notification-time {
  font-size: 12px;
  color: #6c757d;
}

.notification-section .subtitle-1 {
  margin-bottom: 10px;
}

#instructor h3 {
  font-size: 32px;
  font-weight: 700;
}

#instructor p {
  font-size: 16px;
}

.app-image {
  display: flex;
  gap: 15px;
  justify-content: center;
}

.app-image img {
  max-width: 150px;
}


#instructor .close-button {
  text-align: right;
}

#instructor .close-button .btn-close {
  text-align: right;
  padding-right: 25px;
  padding-top: 10px;
}

#instructor .close-button .btn-close:focus {
  outline: none;
  box-shadow: none !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.downloadapp-section {
  overflow: hidden;
}

.about-section .row {
  row-gap: 30px;
}

.why-choose-section .row {
  row-gap: 30px;
}

.contact-page-wrap>.row {
  row-gap: 30px;
}


.dashboard-head-left {
  display: flex;
  align-items: center;
  gap: 15px;
}

.sidebar-toggel {
  width: 45px;
  height: 45px;
  flex: 0 0 45px;
  display: none;
  align-items: center;
  justify-content: center;
  border: none;
  background: #fff;
  border-radius: 5px;
  font-size: 28px;
  color: #000;
  transition: left 0.3s ease;
}

.sidebar-toggel .ti-x {
  display: none;
}

.dashboard-states>.row {
  row-gap: 15px;
}

.table-filters .btn.ms-2 {
  margin: 0 !important;
}

.class-view-info-table>.row {
  row-gap: 15px;
}

.pagination-wrap {
  flex-wrap: wrap;
  gap: 15px;
}

.table-filters {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.page-wraper.py-10 .page-wraper.py-10 {
  padding: 0;
}

.container .container {
  padding: 0;
}