/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/styles/global.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed:ital,wght@0,1..1000;1,1..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sofia+Sans+Extra+Condensed:ital,wght@0,1..1000;1,1..1000&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

/* Importing styles starts */

/* Importing styles ends */

:root {
  --primary: #0e590a;
  --secondary: #e2e3e5;
  --white: #fff;
  --black: #222;
  --bg-color: #f7f7f7;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  max-width: 2100px;
  width: 100%;
  margin: 0 auto;
  font-family: "Ubuntu", sans-serif !important;
  background-color: var(--bg-color);
  overflow-x: hidden;
}
/* 
body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

body::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}

body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
} */

a {
  color: inherit;
  text-decoration: none;
}

.cursor {
  cursor: pointer;
}

.primary {
  color: #0e590a;
}

a {
  outline: none !important;
  text-decoration: none !important;
  color: inherit !important;
}

.caveat_font {
  font-family: "Caveat", cursive;
  font-weight: 800;
  font-style: normal;
  color: var(--primary);
  font-size: 32px;
}
/* Main Header */

.mainHeader {
  color: var(--primary);
  font-size: 2rem;
  line-height: 2;
}

/* Social Media */

.imageOverlay {
  width: 100%;
  position: relative;
  height: 655px;
}

.imageOverlay .bgImg {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
}

.imageOverlay .data {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 99;
  position: relative;
  background-color: #0d4f36;
  /* background-color: var(--primary); */
  opacity: 0.8;
}

.imageOverlay .data svg {
  padding: 5px 0 0;
  font-size: 150px;
  color: white;
}

.imageOverlay .data h3 {
  color: white;
  margin-top: 15px;
}

.details {
  width: 100%;
  display: flex !important;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2%;
  margin-bottom: 16px;
}

.details .imageOverlay {
  max-height: 150px;
  width: 48%;
  height: 500px !important;
}

.details .imageOverlay .data svg {
  font-size: 70px;
}

.details .info {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.details .info h4 {
  color: var(--primary);
}

.details .info .detailInfo p {
  font-size: 12px;
  color: #000;
}

@media (max-width: 768px) {
  .imageOverlay {
    height: 250px;
  }
}

.btn-outline-danger:hover {
  color: white !important;
}

/* css for registration form */
.registration_modal_wrapper {
  z-index: 999999 !important;
}

@media (max-width: 700px) {
  .registration_modal_wrapper .modal-dialog {
    max-width: 90vw !important;
    margin-left: auto;
    margin-right: auto;
  }
}

.registration_modal_wrapper .modal-dialog {
  max-width: 650px !important;
  width: 100% !important;
}

.modal-header {
  border: none !important;
  padding: 4px !important;
  position: relative;
}

.modal-header button {
  background-color: #F6F5F2;
  color: #373A40;
  /* border: 1px solid #000; */
  border-radius: 50%;
  opacity: 1;
  position: absolute;
  right: 0;
  top: -4px;
  z-index: 99;
  padding: 8px
}

.modal-header button:focus {
  outline: none;
  box-shadow: none;
}

.MuiInputBase-input {
  padding: 7.5px 7px !important;
}

.btn-danger {
  color: white !important;
}

.btn-outline-success {
  color: #0e590a !important;
}

.btn-outline-success:hover {
  color: white !important;
  /* css for innerHtml image */
}

.innerHtml {
  width: 100%;
}

.innerHtml img {
  width: 100%;
}

/* remove box shadow from nav input */
.form-control:focus {
  box-shadow: none !important;
  border-color: #dee2e6 !important;
}

.Toastify__toast-container {
  z-index: 9999999 !important;
}

/* css for toastify */
.custom-toast {
  margin-top: 5.5rem;
  max-width: 320px !important;
}


/* css for sign up modal  */
.signup_modal_wrapper .modal-dialog {
  max-width: 650px !important;
  width: 100% !important;
}

.detail_form_modal .modal-dialog, .signup_modal_wrapper .modal-dialog {
  max-width: 650px !important;
  width: 100% !important;
}

/* ongoing research scroll */

.ongoing-about {
  max-height: 500px;
  overflow-y: auto;
  padding-right: 10px;
}

.ongoing-about::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.ongoing-about::-webkit-scrollbar {
  width: 9px;
  background-color: #F5F5F5;
}

.ongoing-about::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

@media (max-width: 992px) {

  .on-going-research-team>h3 {
    text-align: center;
  }

  .concluded-research-team>h3 {
    text-align: center;
  }

  .team-container {
    justify-content: center;
  }
}

/* concluded research scroll */

.concluded-about {
  max-height: 500px;
  overflow-y: auto;
  padding-right: 10px;
}

.concluded-about::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.concluded-about::-webkit-scrollbar {
  width: 9px;
  background-color: #F5F5F5;
}

.concluded-about::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

/* on going research container about  */

@media (max-width: 479px) {

  .concluded_research_container,
  .ongoing_research_container {
    padding-top: 90px !important;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./node_modules/react-toastify/dist/ReactToastify.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}
.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}
.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map */
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./app/styles/Footer/Footer.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.Footer_footer_wrapper__iJqXh {
  border-top: 1px solid lightgrey;
  padding: 75px 0px 42px;
}

.Footer_footer_heading__W6T3d {
  /* font-family: Montserrat, sans-serif; */
  font-size: 13px;
  font-style: normal;
  color: #000000;
  transition: color 0.2s ease-in-out;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.Footer_footer_text__rcRm7 {
  /* font-family: "Nunito Sans", sans-serif; */
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #5b5b5b;
}

.Footer_quick_link__9FKH1 {
  list-style-type: none !important;
  padding: 0;
}

.Footer_quick_link_list__PoT6w:hover {
  color: #0e590a !important;
}

.Footer_footer_input__jTpg5 {
  border-radius: 0px !important;
}

.Footer_footer_input__jTpg5:focus {
  border-color: rgba(0, 0, 0, 0.125) !important;
  box-shadow: none !important;
}

.Footer_footer_btn__9CBfy {
  border-radius: 20px !important;
  /* font-family: Montserrat, sans-serif !important; */
  background-color: #0e590a !important;
  color: #ffffff !important;
  padding: 5px 20px !important;
  font-size: 14px !important;
}

.Footer_footer_btn__9CBfy:hover {
  border: 1px solid #0e590a !important;
  color: var(--bs-btn-hover-color) !important;
  background-color: var(--bs-btn-hover-bg) !important;
}

.Footer_quick_link_container__TQJJz {
  padding: 0 10rem !important;
}

.Footer_footer_link_list___PHzD {
  line-height: 1.5rem;
}

.Footer_tweeter_icon__NheV2:hover {
  color: #000000 !important;
}

.Footer_whats_app_icon__o48Kv:hover {
  color: #0e590a !important;
}

.Footer_insta_icon__m4X1V:hover {
  color: #e1306c !important;
}

.Footer_blue_icon__zQvBy:hover {
  color: blue !important;
}

.Footer_footer_line__cMLai {
  width: 70vw;
  margin-left: 12%;
  margin-right: 2.5%;
}
@media (max-width: 1024px) {
  .Footer_quick_link_container__TQJJz {
  padding: 0 8rem !important;
  }
}

@media (max-width: 768px) {
  .Footer_quick_link_container__TQJJz {
    padding-left: 12px !important;
    padding-right: 0 !important;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./app/styles/Navbar/Navbar.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.Navbar_navbar_wrapper__kN2Q6 {
  padding: 20px 0;
  /* border-bottom: 1px solid lightgrey; */
  background-color: #fff;
  top: 0;
  z-index: 100;
  position: fixed;
  width: 100%;
}

.Navbar_nav_top__HAnia {
  padding-left: 2rem;
  /* border-bottom: 1px solid #E2DFD0; */
  padding-bottom: 30px;
  /* padding-top: 20px; */
  max-height: 60px;
}

.Navbar_navGrid__0sUXY {
  display: grid;
  grid-template-columns: 400px 1fr 500px 100px;
  align-items: center;
}

.Navbar_navbar_link__kuoWd {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  margin: 0 0.7rem;
  position: relative;
  padding: 0 15px;
  padding-top: 15px;
}

.Navbar_navbar_link__kuoWd:hover {
  color: #0e590a;
}

.Navbar_navbar_link__kuoWd::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 15px;
  height: 20px;
  width: 1px;
  background-color: #dddddd;
}

.Navbar_header_logo_link__1e1G3 {
  margin-left: 10px;
}

/* .logo {
    width: 200px;
    height: 80px;
    height: 80px; 
    object-fit: contain;
} */

.Navbar_vertical_bar__2q_KG {
  position: relative;
}

.Navbar_vertical_bar__2q_KG::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 0px;
  height: 40px;
  width: 1px;
  background-color: #dddddd;
}

.Navbar_navbar_list__cNtZY {
  gap: 2rem;
}

.Navbar_search_form_web__6AUWP {
  position: relative;
  width: 90%;
}

.Navbar_search_input__Esw6d {
  background-color: var(--primary) !important;
  caret-color: var(--white) !important;
  border-radius: 20px !important;
  color: var(--white) !important;
}

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

.Navbar_search_icon__0gbnw {
  color: var(--secondary);
  margin-left: 5px;
  margin-top: 10px;
  position: absolute;
  right: 20px;
  cursor: pointer;
}

.Navbar_mic_icon_container__49hp6 {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 8%;
}

.Navbar_mic_icon__levfN {
  font-size: 24px !important;
  cursor: pointer;
  color: var(--primary);
}

.Navbar_activeMic__b8pFo {
  color: red !important;
}

.Navbar_log_btn__fdvHD {
  position: relative !important;
  border: none !important;
  /* width: 100px; */
}

.Navbar_log_btn__fdvHD::after {
  content: "" !important;;
  position: absolute !important;;
  right: 0 !important;;
  height: 20px !important;;
  width: 1px !important;;
  background-color: #dddddd !important;;
}

.Navbar_signup_btn__OthRr {
  padding-left: 1rem !important;;
}

.Navbar_log_btn_mobile__93ZSi {
  padding: 5px 24px !important;;
  border: none !important;;
  cursor: pointer !important;;
}

.Navbar_auth_btn__LlD0Q {
  background-color: #0e590a !important;
  color: #fff !important;
  border-radius: 20px !important;
  padding: 5px 24px !important;
  height: 40px !important;
  width: 110px !important;
}

.Navbar_auth_btn__LlD0Q:hover {
  border: 1px solid #0e590a !important;
  background-color:#ffffff !important ;
  color: #000000 !important;
}

/* mobile */

.Navbar_bar_icon__W5s3w {
  color: #0e590a;
  font-size: 30px;
  cursor: pointer;
}

.Navbar_mobile_sidebar__zdvaV {
  width: 75vw !important;
  top: 119px !important
}

.Navbar_search_form_mobile__kgn5T {
  position: relative;
}

/*dropdown web */

/* drop down mobile */

.Navbar_mobile_dropdown_content__CRCTE {
  display: block;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.Navbar_mobile_dropdown_content__CRCTE a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.Navbar_archive_btn_mobile__4KxLr {
  padding: 5px 24px;
  border: none;
}

.Navbar_dropdown_heading__rXovt {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  margin: 0 0.7rem;
}

.Navbar_dropdown_link__FMIKS {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  margin: 0 0.7rem;
  position: relative;
  padding: 0 15px;
  padding-top: 15px;
}

/* Hover drop down */

.Navbar_livelihood_dropbtn___HrHs {
  position: relative;
  background-color: #fff;
  color: #000000;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.Navbar_dropbtn_no_bar__Wt2nv {
  position: relative;
  background-color: #fff;
  color: #000000;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.Navbar_dropbtn__yAeuo {
  position: relative;
  background-color: #fff;
  color: #000000;
  padding: 16px 5px;
  font-size: 15px;
  border: none;
}

.Navbar_dropbtn__yAeuo:hover {
  color: #0e590a;
}

/* .dropbtn::after {
    content: '';
    position: absolute;
    right: -20px;
    top: 16px;
    height: 20px;
    width: 1px;
    background-color: #DDDDDD;
} */

.Navbar_dropdown_content___jWo7 {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.Navbar_dropdown_content___jWo7 a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.Navbar_dropdown_content___jWo7 a:hover {
  color: var(--primary);
}

.Navbar_dropdown__gYZ0D:hover .Navbar_dropdown_content___jWo7 {
  display: block;
}

.Navbar_dropdown_menu_container__vqPZm {
  top: 35px !important;
}

.Navbar_dropdown_category_container_mobile__gKtW3 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
}

.Navbar_accordian_body_mobile__kUEL3 {
  padding-left: 10px;
}

.Navbar_dropdown_category__ubv_Y {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  text-transform: uppercase;
  padding: 7px 0px;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  height: 32px;
  vertical-align: top;
}

.Navbar_dropdown_link__FMIKS {
  font-weight: 600;
  color: #000000 !important;
}

.Navbar_icon__WDTDx {
  color: rgb(210, 50, 1);
  font-size: 24px;
  vertical-align: top;
}

.Navbar_sub_category_container__LQDQv {
  display: flex;
  gap: 1rem;
}

.Navbar_sub_category_description__AdZlM {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}

/* profile dropdown css */

.Navbar_profile_dropdown__kazG8 .Navbar_dropbtn__yAeuo {
  /* background-color: #4CAF50; */
  color: #0E590A;
  padding: 16px 16px 25px 16px;
  /* font-size: 40px; */
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.Navbar_profile_dropdown__kazG8 .Navbar_dropdown__gYZ0D {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.Navbar_profile_dropdown__kazG8 .Navbar_profile_dropdown_content__r3kAH {
  display: none;
  top: 50px;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  right: 0;
}

/* .profile_dropdown .profile_dropdown_content:hover {
  background-color: #0E590A;
  color: #ffffff;
}

.profile_dropdown_content:hover button {
  background-color: #0E590A !important;
  color: #ffffff !important;
}

.profile_dropdown_content:hover a {
  background-color: green !important;
  color: #ffffff !important;
} */

.Navbar_profile_dropdown__kazG8 .Navbar_profile_dropdown_content__r3kAH button {
  width: 100%;
  border: none;
  display: flex;
  justify-content: flex-start;
  padding: 10px 0 10px 15px;
}

/* Links inside the dropdown */
.Navbar_profile_dropdown__kazG8 .Navbar_profile_dropdown_content__r3kAH a {
  color: black;
  padding: 12px 16px !important;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.Navbar_profile_dropdown__kazG8 .Navbar_profile_dropdown_content__r3kAH button:hover,
.Navbar_profile_dropdown__kazG8 .Navbar_profile_dropdown_content__r3kAH a:hover {
  background-color: #f1f1f1 !important;
}

/* Show the dropdown menu on hover */
.Navbar_profile_dropdown__kazG8 .Navbar_dropdown__gYZ0D:hover .Navbar_profile_dropdown_content__r3kAH {
  display: block;
}

@media (max-width: 1210px) {
  .Navbar_vertical_bar__2q_KG::after {
    content: "";
    position: absolute;
    right: -5px;
    top: -10px;
    height: 40px;
    width: 1px;
    background-color: #dddddd;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./app/styles/Auth/login.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.login_auth_common_wrapper__B0_pZ {
  margin: 50px auto;
  max-width: 800px;
  padding: 20px;
}

.login_login_wrapper___d0bt {
  max-width: 440px;
  width: 100%;
  padding: 40px 40px;
  /* border: 1px solid  #0E590A; */
  border-radius: 5px;
  /* height: 573px; */
  /* margin: auto; */
  /* margin-top: 140px !important; */
}

.login_login_header__b5PFU {
  /* border: 2px solid red; */
  font-size: 32px;
  font-weight: 600;
  line-height: 24px;
  /* margin-top: 55px; */
}

.login_google_login_btn__UiRS_ {
  border: none;
}

.login_google_logo__2bfG0 {
  width: 50px;
}

.login_forget_password__KOfRc {
  text-decoration: none;
  /* font-weight: 500; */
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
}

.login_forget_password__KOfRc:hover {
  color: #0E590A !important;
}

.login_btn_log_in__sIsZQ {
  background-color: #0E590A !important;
  width: 50% !important;
  border-radius: 100px !important;
  padding: 8px 20px !important;
  color: white !important;
}

.login_btn_log_in__sIsZQ:hover {
  border: 1px solid #0E590A !important;
  background-color: transparent !important;
  width: 50% !important;
  border-radius: 100px !important;
  padding: 8px 20px !important;
  color: #000000 !important;
}

.login_password_wrapper__sx_Yw {
  margin: 120px auto;
  max-width: 800px;
  padding: 20px;
}

.login_img_container__VzSCh .login_img_banner__R1jGt {
  height: 110vh;
  /* width: 655px !important; */
  margin-top: 79px;
  width: 100%;
  text-align: end;
}

.login_img_container__VzSCh {
  position: relative;
}

.login_img_content__UslSG {
  position: absolute;
  padding: 45px;
  bottom: 0;

  /* padding-bottom: 20px; */
}

.login_img_heading__NhH3o {
  font-size: 33px;
  font-weight: 500;
  line-height: 45.65px;

  color: white;

  /* padding-bottom: 20px; */
}

.login_log_content__xvdzO {
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* padding-left: 10px; */
}

.login_main_container__jq3er {
  /* padding-left: 217px; */
  display: flex;
  justify-content: center;
}

.login_logo_circle_img___8oiq {
  height: 72px !important;
  width: 72px !important;
}

.login_password_heading__kEBD_ {
  font-size: 20px;
  font-size: 400;
  line-height: 24px;
}

.login_error_msg__NyOu7 {
  color:#ff0000;
}

@media (max-width: 1280px) {
  [dir="rtl"] .login_logo_wrapper_rtl__1SEfQ {
    margin-left: 0px;
  }
}

/* media */
@media (max-width: 900px) {
  .login_img_main_wrapper__5yRvD {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .login_auth_common_wrapper__B0_pZ {
    margin: 50px auto;
  }

  .login_login_wrapper___d0bt {
    margin-top: 120px;
  }

  .login_custom_btn__Jg_1a {
    display: flex;
    flex-direction: column;
  }

  .login_custom_btn__Jg_1a .login_common_btn__6SDFd {
    margin: 20px 0 !important;
  }

  .login_img_main_wrapper__5yRvD {
    display: none !important;
  }

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

  .login_password_wrapper__sx_Yw {
    padding: 0px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./app/styles/Auth/signup.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.signup_auth_common_wrapper__Elni3 {
    margin: 50px auto;
    max-width: 800px;
    padding: 20px;
}

.signup_formik__toJ05 {
    /* width: 60% */
}

.signup_error_msg__oBcPW {
    color: red
}

.signup_signup_wrapper__whWrw {
    width: 100%;
    /* padding: 40px 40px; */
    /* padding: 40px 50px 30px 50px; */
    /* border: 1px solid #0E590A; */
    border-radius: 5px;
    /* height: 573px; */
    /* margin: auto; */
    /* margin-top: 110px !important; */
}

.signup_signup_header__7NaIC {
    /* border: 2px solid red; */
    font-size: 32px;
    font-weight: 600;
    line-height: 24px;
    /* margin-top: 55px; */
}

.signup_forget_password__7kfXt {
    color: #0E590A;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    border: none;
    background-color: #fff;
}

.signup_btn_sign_up__JTNZ8 {
    background-color: #0E590A !important;
    width: 40% !important;
    border-radius: 100px !important;
    padding: 8px 20px !important;
    color: white !important;
}

.signup_btn_sign_up__JTNZ8:hover {
    border: 1px solid #0E590A !important;
    background-color: transparent !important;
    width: 40% !important;
    border-radius: 100px !important;
    padding: 8px 20px !important;
    color: #000000 !important;
}

.signup_password_wrapper__FW17y {
    margin: 120px auto;
    max-width: 800px;
    padding: 20px;
}

.signup_log_content__o0AhV {
    color: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    /* padding-left: 10px; */
}

.signup_main_container__hkVw7 {
    /* padding-left: 217px; */
    display: flex;
    justify-content: center;
}

.signup_password_heading__K9VPr {
    font-size: 20px;
    font-size: 400;
    line-height: 24px;
}

[dir="rtl"] .signup_logo_wrapper_rtl__XtgGO {
    margin-left: 30px;
}

@media (max-width: 1280px) {
    [dir="rtl"] .signup_logo_wrapper_rtl__XtgGO {
        margin-left: 0px;
    }
}

/* media */
@media (max-width: 900px) {
    .signup_img_main_wrapper__fLI6z {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .signup_auth_common_wrapper__Elni3 {
        margin: 50px auto;
    }

    .signup_signup_wrapper__whWrw {
        margin-top: 120px;
    }

    .signup_custom_btn__E_8_U {
        display: flex;
        flex-direction: column;
    }

    .signup_custom_btn__E_8_U .signup_common_btn__C_P2f {
        margin: 20px 0 !important;
    }

    .signup_img_main_wrapper__fLI6z {
        display: none !important;
    }

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

    .signup_password_wrapper__FW17y {
        padding: 0px;
    }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./app/styles/Feedback/feedback.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/* feedback.module.css */

.feedback_feedback_wrapper___fQHD {
  position: fixed;
  top: 50%; /* Adjust as needed */
  right: 0;
  transform: translateY(-50%);
  z-index: +999;
  /* Other styles */
}

.feedback_feedback_wrapper___fQHD .feedback_btn_feedback__ZJyrz {
  position: fixed;
  top: 50%; /* Adjust as needed */
  right: -30px;
  transform: translateY(-50%);
  z-index: +999;
  transform: rotate(-90deg); /* Rotate the button 90 degrees clockwise */
  /* Other button styles */
}
@keyframes feedback_in__OqCvx {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes feedback_out__MuOJg {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.feedback_btn_feedback__ZJyrz{
  opacity: 0;
}
.feedback_btn_feedback__ZJyrz.feedback_active__owKxw{
  animation: feedback_in__OqCvx 0.7s ease-in;
  animation-delay: .2s;
  animation-fill-mode: forwards;
  z-index: 1;
}
.feedback_btn_feedback__ZJyrz.feedback_inactive__UJCe9{
  opacity: 0;
}

.feedback_btn_cross__4XSQX{
  opacity: 0;
}
.feedback_btn_cross__4XSQX.feedback_active__owKxw{
  animation: feedback_in__OqCvx 0.7s ease-in;
  animation-delay: .2s;
  animation-fill-mode: forwards;
  z-index: 1;
}
.feedback_btn_cross__4XSQX.feedback_inactive__UJCe9{
  opacity: 0;
}
.feedback_btn_cross__4XSQX {
  position: absolute;
  top: -10px;
  left: -15px;
  z-index: 1;
  border-radius: 50% !important;
  animation: feedback_run__RTZIS 0.7s ease-in;
  animation-fill-mode: forwards;
}
.feedback_feedback_popup__qcZG3 {
  max-width: 350px;
  width: 100%;
  height: 220px;
  border: 1px solid #146C43;
  background-color: lightgray;
  border-radius: 5px 0 0 5px;
  opacity: 0;
  display: none;
}
.feedback_feedback_popup__qcZG3.feedback_inactive__UJCe9 {
  display: none;
  animation: feedback_out__MuOJg 0.5s ease;
  animation-fill-mode: forwards;
}
.feedback_feedback_popup__qcZG3.feedback_active__owKxw {
  display: block !important;
  animation: feedback_in__OqCvx 0.5s ease;
  animation-fill-mode: forwards;
  /* opacity: 0; */
}

/* emoji */
.feedback_emoji_wrapper__KTxFP {
  position: relative;
  display: inline-block;
}

.feedback_emoji_text__SWXXh {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  bottom: 0;
  padding: 2px 5px;
  border-radius: 3px;
  font-size: 12px;
  color: black;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.feedback_emoji_wrapper__KTxFP:hover .feedback_emoji_text__SWXXh {
  opacity: 1;
  transform: translateX(-50%) translateY(15px);
}

.feedback_emoji_size__A4p3g {
  font-size: 40px;
  cursor: pointer;
}
.feedback_emoji_grey__y7ixx {
  filter: grayscale(100%);
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./app/styles/Feedback/SurveyForm/survey.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.survey_auth_common_wrapper__yEY8s {
  margin: 50px auto;
  max-width: 800px;
  padding: 20px;
}

.survey_survey_form_wrapper__LvJm3 {
  max-width: 440px;
  width: 100%;
  padding: 20px 40px;
  /* border: 1px solid  #0E590A; */
  border-radius: 5px;
  /* height: 573px; */
  /* margin: auto; */
  /* margin-top: 140px !important; */
}

.survey_survey_form_header__UL4va {
  /* border: 2px solid red; */
  font-size: 32px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 1rem !important;
}



.survey_btn_survey__f2Szk {
  background-color: #0E590A !important;
  width: 50%;
  border-radius: 100px !important;
  padding: 12 20px !important;
  color: white !important;
}

.survey_btn_survey__f2Szk:hover {
  border: 1px solid #0E590A;
  width: 50%;
  border-radius: 100px !important;
  padding: 12 20px !important;
  color: #000000;
}



.survey_img_container__ybJom .survey_img_banner__2AIwb {
  height: 110vh;
  /* width: 655px !important; */
  margin-top: 79px;
  width: 100%;
  text-align: end;
}

.survey_img_container__ybJom {
  position: relative;
}

.survey_img_content__oVzW9 {
  position: absolute;
  padding: 45px;
  bottom: 0;

  /* padding-bottom: 20px; */
}

.survey_img_heading__iKLjL {
  font-size: 33px;
  font-weight: 500;
  line-height: 45.65px;

  color: white;

  /* padding-bottom: 20px; */
}

.survey_log_content__iBHgD {
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* padding-left: 10px; */
}

.survey_main_container__I83mm {
  /* padding-left: 217px; */
  display: flex;
  justify-content: center;
}



.survey_error_msg__irLEe {
  color: #ff0000;
}

@media (max-width: 1280px) {
  [dir="rtl"] .survey_logo_wrapper_rtl__DzuDS {
    margin-left: 0px;
  }
}

/* media */
@media (max-width: 900px) {
  .survey_img_main_wrapper__u9tq4 {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .survey_auth_common_wrapper__yEY8s {
    margin: 50px auto;
  }

  .survey_survey_form_wrapper__LvJm3 {
    margin-top: 120px;
  }

  .survey_custom_btn__i1ZxS {
    display: flex;
    flex-direction: column;
  }

  .survey_custom_btn__i1ZxS .survey_common_btn__WaJHI {
    margin: 20px 0 !important;
  }

  .survey_img_main_wrapper__u9tq4 {
    display: none !important;
  }

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

  .survey_password_wrapper__nL0iR {
    padding: 0px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/styles/global/fonts.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.ubuntu-light {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.ubuntu-regular {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ubuntu-medium {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.ubuntu-bold {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.ubuntu-light-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.ubuntu-regular-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.ubuntu-medium-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.ubuntu-bold-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: italic;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/styles/global/video.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.video-wrapper {
  position: relative;
  max-width: 1300px;
  width: 100%;
}

.video {
  position: absolute;
  width: 100%;
  /* padding-top: 45px; */
  background-color: #000;
  top: 5%;
  width: 93%;
  left: 3.5%;
  height: 65%;
}

.video-wrapper.banner-wrapper {
  max-width: 100%;
}

.bgImageWrapper.banner-image-wrapper figure img {
  max-height: 700px;
}

.video-wrapper.banner-wrapper .image img {
  max-height: 550px;
  z-index: 1;
}

.video.bannerVideo {
  top: 0;
  width: 100%;
  left: 0;
  overflow: hidden;
  height: 100%;
  background-color: transparent;
}

.video.bannerVideo video {
  height: auto;
}

/* .video.bannerVideo.slide {
  width: 93.6%;
  left: 3.2%;
} */

.video.bannerVideo.carousel-inner{
  width: 100% !important;
  left: 0 !important;
}

.video > div {
  height: 100%;
}

.video iframe {
  height: 100%;
  width: 100%;
  /* height: 433px; */
}

.image img {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  max-height: 600px;
}

/* .iframe_video_wrapper {
} */

.iframe_video_wrapper iframe {
  width: 100%;
  height: 600px !important;
}

/* Video Banner Carousel Starts */

.carousel-indicators {
  bottom: 0px !important;
  top: auto !important;
  z-index: 22222 !important;
  height: 100%;
  align-items: flex-end;
  justify-content: center;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.carousel-control-prev {
  justify-content: flex-start !important;
  margin-left: 5% !important;
}

.carousel-control-next {
  justify-content: flex-end !important;
}

.carousel-control-next > .carousel-control-next-icon{
  margin-right: 5% !important;
}

/* Video Banner Carousel Ends */
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/styles/global/accordion.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
/* css to remove focus from accordian */
.accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.125);
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
  color: black;
  background: none;
}

/* Remove border from accordion items */
.accordion-item {
  border: none;
}

/* Style the accordion buttons */
.accordion-button {
  background-color: #f8f9fa;
  color: #212529;
  border: none;
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/styles/global/bgImageWrapper.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
/* Background image wrapper */

.bgImageWrapper {
  position: relative;
}

.bgImageWrapper figure {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
}

.bgImageWrapper figure::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
}

.bgImageWrapper figure img {
  height: 100%;
  width: 100%;
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/styles/global/form.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/* css to remove focus from search box */

.form-select:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.125);
}

.form-control:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.125);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/styles/global/map.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/* css for map */

.leaflet-container,
.map_map_download_container__HD_fi,
.map_map_filter_container__mez57 {
  background-color: transparent !important;
  /* border: 0 !important; */
}

.leaflet-popup-content-wrapper {
  width: 250px;
  border: 2px solid gray;
  max-height: 300px;
  overflow: auto;
  overflow-x: hidden;
}

.leaflet-popup-content {
  margin: 0 !important;
}

.leaflet-popup-close-button {
  display: none;
}

.report_modal .modal-dialog {
  max-width: 350px !important;
}

/* css for map end */

/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/styles/global/pagination.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
/* Pagination css start */
.pagination {
  display: flex;
  justify-content: center;
  list-style: none;
}

.pagination li {
  display: inline-block;
  margin: 0 5px;
}

.pagination li a {
  color: var(--primary);
  background-color: #fff;
  border: 1px solid #dee2e6;
  padding: 6px 12px;
  border-radius: 0.25rem;
  cursor: pointer;
  text-decoration: none;
}

.pagination li a:hover {
  background-color: #e9ecef;
  color: #000 !important;
}

.pagination .active a {
  background-color: var(--primary);
  color: #fff !important;
  border-color: var(--primary);
}

.pagination .previous.disabled a{
  cursor: not-allowed;
  opacity: .7;
}

.pagination .previous.disabled a:hover{
  color: rgb(33, 37, 41) !important;
  background-color: #fff;
}

.pagination .next.disabled a{
  cursor: not-allowed;
  opacity: .7;
}

.pagination .next.disabled a:hover{
  color: rgb(33, 37, 41) !important;
  background-color: #fff;
}

/* Pagination css end */

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/styles/global/popupContent.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.info_container {
  max-height: 300px;
  overflow: auto;
  overflow-x: hidden;
}

.info_container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

.info_container::-webkit-scrollbar {
  width: 9px;
  background-color: #f5f5f5;
}

.info_container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

.info_container span {
  color: gray;
  padding-left: 15px;
}

.info {
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.info h6 {
  font-weight: 600;
  color: #686d76;
}

.info p {
  color: gray;
  font-size: 1rem;
  margin: 0 !important;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/styles/global/sectionDivider.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
/* Section Didivder css */
.section_divider {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px 0;
}

.section_divider span {
  display: block;
  width: 50px;
  border-bottom: 3px solid grey;
  border-radius: 15px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/styles/global/slider.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
/* slider */

.navigation-wrapper {
  position: relative;
}

/* dots */

.dots {
  display: flex;
  padding: 10px 0;
  justify-content: center;
}

.dot {
  border: none;
  width: 10px;
  height: 10px;
  background: black;
  border-radius: 50%;
  margin: 0 5px;
  padding: 5px;
  cursor: pointer;
}

.dot:focus {
  outline: none;
}

.dot.active {
  background: black;
}

/* arrows */

.arrow {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  fill: black;
  cursor: pointer;
}

.arrow--left {
  left: 5px;
}

.arrow--right {
  left: auto;
  right: 5px;
}

.arrow--disabled {
  fill: rgba(255, 255, 255, 0.5);
}

/* slick slider css for video section */
/* .video-carousel-container {
  overflow: hidden;
} */

.video-carousel-container .slick-prev,
.slick-next {
  /* background-color: rgba(0, 0, 0, 0.5) !important;  */
  /* color: white; */
  font-size: 34px !important;
  /* Arrow font size */
  z-index: 1;
  /* Ensure arrows are on top */
}

.video-carousel-container .slick-prev {
  left: 20px !important;
  /* Adjust position */
}

.video-carousel-container .slick-next {
  right: 20px !important;
  /* Adjust position */
}

.video-carousel-container .slick-prev:before {
  font-size: 34px !important;
}

.video-carousel-container .slick-next:before {
  font-size: 34px !important;
}

/* Slick slider section for news */
/* .news-carousel-container {
  overflow: hidden;
} */

/* Slick slider for teams */

.teams .slick-slide > div {
  display: flex;
  align-items: center;
  align-items: center;
  justify-content: center;
  padding-top: 40px;
}

/* slick slider css to maintain dynamic card height */

.row-slick .slick-track {
  display: flex !important;
}

.row-slick .slick-slide {
  height: inherit !important;
}

.row-slick .slick-slide > div, 
.row-slick .slick-slide > div > div {
  height: 100% !important;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/styles/global/navTabs.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.nav-tabs{
    border-bottom-color: var(--primary);
}

.nav-tabs .nav-item .nav-link{
    color: var(--primary);
    width: 180px;
    margin: 0 10px;
}

.nav-tabs .nav-item .nav-link:hover{
    border-color: var(--primary);
    border-bottom: 1px solid transparent;
}

.nav-tabs .nav-item .nav-link.active{
    background-color: var(--primary);
    color: white;
    border-color: var(--primary);
}

.nav-tabs .nav-item .nav-link.active:hover{
    border-color: var(--primary);
}

@media(max-width:600px){
    .nav-tabs .nav-item .nav-link{
        width: 90%;
        margin: 0 10px;
    }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/styles/global/slickButtons.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.teamSlider .customArrowNext {
    position: absolute !important;
    top: 50% !important;
    right: -3% !important;
    transform: translateY(-50%) !important;
    z-index: 1 !important
}


.teamSlider .customArrowPrev {
    position: absolute !important;
    top: 50% !important;
    left: -3% !important;
    transform: translateY(-50%) !important;
    z-index: 1 !important
}

@media(max-width:1024px) {
    .teamSlider .customArrowNext {
        right: -5% !important;
    }

    .teamSlider .customArrowPrev {
        left: -5% !important;
    }
}

@media(max-width:426px){
    .teamSlider .customArrowNext {
        right: -15px !important;
    }
    .teamSlider .customArrowPrev {
        left: -15px !important;
    }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/styles/global/audioPlayer.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.fixedFooter {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
}

/* Audio */

.fixedFooter .rhap_container {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  background-color: var(--primary);
  display: flex;
}

.fixedFooter .rhap_time {
  color: var(--white);
}

.fixedFooter .rhap_progress-bar-show-download {
  background-color: #ddd;
}

.fixedFooter .rhap_progress-filled,
.fixedFooter .rhap_progress-indicator {
  background-color: var(--white);
}

.fixedFooter .rhap_main {
  width: 100%;
  display: flex;
  flex-direction: row !important;
}

.fixedFooter .rhap_additional-controls {
  display: none !important;
}

.fixedFooter .rhap_volume-controls {
  flex: 0.5 0 auto !important;
}

.fixedFooter .rhap_volume-button {
  color: var(--white);
}

.fixedFooter .rhap_volume-indicator {
  background-color: var(--white);
}

.fixedFooter .rhap_controls-section {
  margin-top: 0 !important;
  justify-content: flex-end !important;
}

.fixedFooter .rhap_main-controls-button {
  color: var(--white);
}

/* Mobile responsive */

@media (max-width: 768px) {
  .fixedFooter .rhap_controls-section {
    flex: 0.5 1;
  }
  .fixedFooter .rhap_volume-controls,
  .fixedFooter .rhap_rewind-button,
  .fixedFooter .rhap_forward-button {
    display: none;
  }
  .fixedFooter .rhap_container {
    padding-right: 0;
  }
  .fixedFooter .player .arrowBtn {
    right: 5px;
    width: 25px;
    height: 25px;
    top: -12px;
  }
  .fixedFooter .openModal {
    width: -moz-fit-content;
    width: fit-content;
    border-top-left-radius: 0;
    padding: 14px 8px;
  }
  .fixedFooter .openModal p {
    display: none;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/styles/global/searchPage.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
/* css for accordian filter */

.custom_accordian .accordion-body {
    overflow: auto;
  }
  
  
  .custom_accordian .accordion-button {
    box-shadow: none !important;
    width: 110% !important;
  }
  
  .custom_accordian .accordion-item {
    background-color: transparent !important;
  }
  
  /* css to remove focus from accordian */
  .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0, 0, 0, 0.125);
  }
  
  .accordion-button:not(.collapsed) {
    box-shadow: none;
    color: black;
    background: none;
  }
  
  /* Remove border from accordion items */
  .accordion-item {
    border: none !important;
  }
  
  /* Style the accordion buttons */
  .accordion-button {
    background-color: #f8f9fa !important;
    color: #212529;
    border: none;
  }
  
  .accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
    transform: var(--bs-accordion-btn-icon-transform);
    background-color:transparent !important;
    color: transparent !important;
  }
  
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./node_modules/react-loading-skeleton/dist/skeleton.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(
    90deg,
    var(--base-color),
    var(--highlight-color),
    var(--base-color)
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}