// If you want to override variables do it here
@import "variables";

$enable-ltr: true; /* stylelint-disable-line scss/dollar-variable-default */
$enable-rtl: true; /* stylelint-disable-line scss/dollar-variable-default */

// Import styles
@import "@coreui/coreui/scss/coreui";

@import "layout";

// If you want to add custom CSS you can put it here.
@import "custom";

// Bootstrap Icons
@import "bootstrap-icons/font/bootstrap-icons.css";

body {
  scroll-behavior: smooth;
  font-family: "Poppins", sans-serif;
font-weight: 300;
font-style: normal;
}

@import "landing";

@media screen and (max-width: 600px) {
  .mobile-display-none {
    display: none !important;
  }

}

@media(min-width: 601px) {
  .desktop-display {
    display: none !important;
  }
}


.dropdown-toggle.no-arrow:after {
    content: "";
    display: none !important;
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
  }

  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}