@import url("https://fonts.googleapis.com/css2?family=Forum&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Forum&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Forum&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

.forum {
  font-family: "Forum", serif !important;
}

.poppins {
  font-family: "Poppins", sans-serif !important;
}

.crimson-text {
  font-family: "Crimson Text", serif !important;
}

body {
  box-sizing: border-box !important;
  width: 100% !important;
  /* height: 100% !important; */
  background-color: #f7f7fa;
}

html,
body {
  box-sizing: border-box !important;
  width: 100% !important;
  background-color: #f7f7fa;
  overflow-x: hidden !important;
}

:root {
  --primary: #fc6a35;
  --red: #e61818;
  --dark: #484848;
  --green: #00b050;
  --blue: #0070c0;
  --black: #000000;
  --white: #ffffff;
  --gray: #e5e5e5;
  --sky-blue: #85a9df;
}

/* --------------------------------------------------------------------------------------- */
/* ------------------------------------------common css --------------------------------------- */
/* --------------------------------------------------------------------------------------- */

.li-remove {
  list-style: none;
}

.underline-remove {
  text-decoration: none;
}

.uppercase {
  text-transform: uppercase !important;
}

.lowercase {
  text-transform: lowercase !important;
}

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

.text-justify {
  text-align: justify !important;
}

/* --------------------------------------------------------------------------------------- */
/* ------------------------------------------text color --------------------------------------- */
/* --------------------------------------------------------------------------------------- */

.primary-text {
  color: var(--primary) !important;
}

.black-text {
  color: var(--black) !important;
}

.dark-text {
  color: var(--dark) !important;
}

.red-text {
  color: var(--red) !important;
}

.green-text {
  color: var(--green) !important;
}

.blue-text {
  color: var(--blue) !important;
}

.gray-text {
  color: var(--gray) !important;
}

.white-text {
  color: var(--white) !important;
}

.sky-blue-text {
  color: var(--sky-blue) !important;
}
/* --------------------------------------------------------------------------------------- */
/* ------------------------------------------border color --------------------------------------- */
/* --------------------------------------------------------------------------------------- */

.primary-outline {
  border: 1px solid var(--primary) !important;
}

.black-outline {
  border: 1px solid var(--black) !important;
}

.green-outline {
  border-color: var(--green) !important;
}

.blue-outline {
  border-color: var(--blue) !important;
}

.red-outline {
  border-color: var(--red) !important;
}

.gray-outline {
  border-color: var(--gray) !important;
}

.dark-outline {
  border-color: var(--dark) !important;
}

/* --------------------------------------------------------------------------------------- */
/* ------------------------------------------Background color --------------------------------------- */
/* --------------------------------------------------------------------------------------- */

.primary-bg {
  background-color: var(--primary) !important;
}

.gray-bg {
  background-color: var(--primary) !important;
}

.red-bg {
  background-color: var(--red) !important;
}

.dark-bg {
  background-color: var(--dark) !important;
}

.gray-bg {
  background-color: var(--gray) !important;
}

.black-bg {
  background-color: var(--black) !important;
}

.white-bg {
  background-color: var(--white) !important;
}

.green-bg {
  background-color: var(--green) !important;
}

.blue-bg {
  background-color: var(--blue) !important;
}

.sky-blue-bg {
  background-color: var(--sky-blue) !important;
}

.transparent-bg {
  background-color: transparent !important;
}

/* --------------------------------------------------------------------------------------- */
/* ------------------------------------------font size --------------------------------------- */
/* --------------------------------------------------------------------------------------- */

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px !important;
}
.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

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

.fs-18 {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-30 {
  font-size: 30px !important;
}

/* --------------------------------------------------------------------------------------- */
/* ------------------------------------------Font weight --------------------------------------- */
/* --------------------------------------------------------------------------------------- */

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

/* --------------------------------------------------------------------------------------- */
/* ------------------------------------------Radius --------------------------------------- */
/* --------------------------------------------------------------------------------------- */

.radius-3 {
  border-radius: 3px !important;
}
.radius-4 {
  border-radius: 4px !important;
}
.radius-5 {
  border-radius: 5px !important;
}
.radius-6 {
  border-radius: 6px !important;
}
.radius-7 {
  border-radius: 7px !important;
}
.radius-8 {
  border-radius: 8px !important;
}
.radius-9 {
  border-radius: 9px !important;
}
.radius-10 {
  border-radius: 10px !important;
}

.radius-15 {
  border-radius: 15px !important;
}

.radius-20 {
  border-radius: 20px !important;
}

.radius-25 {
  border-radius: 25px !important;
}

.radius-30 {
  border-radius: 30px !important;
}

/* --------------------------------------------------------------------------------------- */
/* ------------------------------------------Avatar css --------------------------------------- */
/* --------------------------------------------------------------------------------------- */

.avatar-xxs {
  height: 1rem;
  width: 1rem;
}

.avatar-xs {
  height: 2rem;
  width: 2rem;
}

.avatar-sm {
  height: 3rem;
  width: 3rem;
}

.avatar-md {
  height: 4.5rem;
  width: 4.5rem;
}

.avatar-lg {
  height: 6rem;
  width: 6rem;
}

.avatar-xl {
  height: 7.5rem;
  width: 7.5rem;
}

/* --------------------------------------------------------------------------------------- */
/* ------------------------------------------Width --------------------------------------- */
/* --------------------------------------------------------------------------------------- */

.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

/* min */

.min-w-5 {
  min-width: 5% !important;
}

.min-w-10 {
  min-width: 10% !important;
}

.min-w-15 {
  min-width: 15% !important;
}

.min-w-20 {
  min-width: 20% !important;
}

/* --------------------------------------------------------------------------------------- */
/* ------------------------------------------height color --------------------------------------- */
/* --------------------------------------------------------------------------------------- */

.h-45 {
  height: 45px !important;
}

.h-55 {
  height: 55px !important;
}

.h-70 {
  height: 70px !important;
}

/* --------------------------------------------------------------------------------------- */
/* ------------------------------------------margin color --------------------------------------- */
/* --------------------------------------------------------------------------------------- */

.mt-10 {
  margin-top: 10px !important;
}

.mt-11 {
  margin-top: 11px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-13 {
  margin-top: 13px !important;
}

.mt-13 {
  margin-top: 13px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

/* Card */

.master-card {
  height: 100% !important;
  border: none !important;
  background-color: var(--white) !important;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px !important;
  border-radius: 5px !important;
  overflow-y: scroll !important;
}

.gray-outline-card {
  height: 100% !important;
  border: none !important;
  background-color: var(--white) !important;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px !important;
  border-radius: 5px !important;
  overflow-y: scroll !important;
}

/* modify */

.home-page .desktop_menu .nav_ul li a {
  color: black;
}

.home-page .desktop_menu .nav_ul li a:hover {
  color: var(--primary);
}

.home-page .desktop_menu .dropbtn {
  color: black;
}

.home-page .desktop_menu .dropbtn:hover {
  color: var(--primary);
}

.home-page .move_down .nav_ul li a {
  color: black;
}

.home-page .move_down .nav_ul li a:hover {
  color: var(--primary);
}

.inner-page .desktop_menu .nav_ul li a {
  color: white;
}

.inner-page .desktop_menu .nav_ul li a:hover {
  color: var(--primary);
}

.inner-page .desktop_menu .dropbtn {
  color: white;
}

.inner-page .desktop_menu .nav_ul .dropdown_content a {
  color: black;
}

.inner-page .desktop_menu .dropbtn:hover {
  color: var(--primary);
}

.inner-page .move_down .dropbtn {
  color: black;
}

.inner-page .move_down .nav_ul li a {
  color: black;
}

.inner-page .move_down .nav_ul li a:hover {
  color: var(--primary);
}

.home-page .hamburger i {
  color: black;
}

.inner-page .move_down .hamburger i {
  color: black;
}

.inner-page .hamburger i {
  color: white;
}

/* active */

/* Desktop Active Link */
/* .active-link {
  color: var(--primary) !important; 
} */

/* .mobile_menu a.active-link {
  color: #d32f2f !important;
  font-weight: 700;
} */

/* .dropdown .dropbtn.active-parent {
  color: #d32f2f !important;
  font-weight: 700;
} */