.sub-side-bar {
  height: auto;
}
.gradient-1 {
  background: #1f4037;
  background: -webkit-linear-gradient(to right, #99f2c8, #1f4037);
  background: linear-gradient(to right, #99f2c8, #1f4037);
}
.gradient-2 {
  background: #8360c3;
  background: -webkit-linear-gradient(to right, #2ebf91, #8360c3);
  background: linear-gradient(to right, #2ebf91, #8360c3);
}
.gradient-3 {
  background: #7f7fd5;
  background: -webkit-linear-gradient(to right, #91eae4, #86a8e7, #7f7fd5);
  background: linear-gradient(to right, #91eae4, #86a8e7, #7f7fd5);
}
.gradient-4 {
  background: #da4453;
  background: -webkit-linear-gradient(to right, #89216b, #da4453);
  background: linear-gradient(to right, #89216b, #da4453);
}
.gradient-5 {
  background: #ad5389;
  background: -webkit-linear-gradient(to right, #3c1053, #ad5389);
  background: linear-gradient(to right, #3c1053, #ad5389);
}
.gradient-6 {
  background: #da4453;
  background: -webkit-linear-gradient(to right, #89216b, #da4453);
  background: linear-gradient(to right, #89216b, #da4453);
}
.gradient-7 {
  background: #11998e;
  background: -webkit-linear-gradient(to right, #38ef7d, #11998e);
  background: linear-gradient(to right, #38ef7d, #11998e);
}
.gradient-8 {
  background: #00b09b;
  background: -webkit-linear-gradient(to right, #96c93d, #00b09b);
  background: linear-gradient(to right, #96c93d, #00b09b);
}
.gradient-9 {
  background: #00f260;
  background: -webkit-linear-gradient(to right, #0575e6, #00f260);
  background: linear-gradient(to right, #0575e6, #00f260);
}
.gradient-10 {
  background: #8e9eab;
  background: -webkit-linear-gradient(to right, #eef2f3, #8e9eab);
  background: linear-gradient(to right, #eef2f3, #8e9eab);
}
.gradient-11 {
  background: #abbaab;
  background: -webkit-linear-gradient(to right, #fff, #abbaab);
  background: linear-gradient(to right, #fff, #abbaab);
}
.gradient-12 {
  background: #efefbb;
  background: -webkit-linear-gradient(to right, #d4d3dd, #efefbb);
  background: linear-gradient(to right, #d4d3dd, #efefbb);
}
.gradient-13 {
  background: #757f9a;
  background: -webkit-linear-gradient(to right, #d7dde8, #757f9a);
  background: linear-gradient(to right, #d7dde8, #757f9a);
}
.gradient-01 {
  background: linear-gradient(to right, rgb(95 159 181), rgb(40 171 80 / 53%));
}
.gradient-02 {
  background: linear-gradient(to right, #41875bd1, #4bc1b6);
}
.gradient-03 {
  background: linear-gradient(to right, #699d93, #4ac259cc);
}
.gradient-04 {
  background: linear-gradient(to right, #66817d, #a1ffce);
}
.gradient-05 {
  background: linear-gradient(to right, #485451, #7f5ebb);
}
.gradient-06 {
  background: linear-gradient(to right, #1e362775, #5cc1ae, #30a54d);
}
.gradient-07 {
  background: linear-gradient(to right, #62bdb9e3, #407c70e0, #33a751);
}
.gradient-08 {
  background: linear-gradient(to right, #0f9b0f7a, #00000052);
}
.gradient-09 {
  background: linear-gradient(to right, #2dcf6aba, #11998ecc);
}
.gradient-010 {
  background: linear-gradient(to right, #12a747bf, #41817bd6);
}
.px-10 {
  padding-right: 10rem !important;
  padding-left: 10rem !important;
}
@media (max-width: 991px) {
  .px-10 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
}
.h-24 {
  height: 24px;
}
.wid-100 {
  width: 100px;
}
.mt-n5 {
  margin-top: -3rem !important;
}
.img-radius {
  border-radius: 50%;
}
.text-h-primary:hover {
  color: #4099ff !important;
}
.f-18 {
  font-size: 18px;
}
.filter-bt {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  border: 2px solid #1b944c;
}
.filter-bt:focus {
  outline: 2px solid #1b944c !important;
  border: 0;
  margin-right: 3px;
}
.sidebar-logo {
  height: 56px;
  display: block;
}
.sidebar-fav {
  display: none;
}
.sidebar-collapse .sidebar .sidebar-logo {
  display: none;
}
.sidebar-collapse .sidebar .sidebar-fav {
  display: block;
  width: 50px;
}
.modal-content {
  border-radius: 20px !important;
}
a[data-fancybox] img {
  cursor: zoom-in;
}
.fancybox__container {
  --fancybox-bg: rgba(17, 6, 25, 0.85);
}
.fancybox__container .fancybox__content {
  box-sizing: content-box;
  padding: 1rem;
  background: #fff;
  border-radius: 6px;
  color: #374151;
  box-shadow: 0 8px 23px rgb(0 0 0 / 50%);
}
.fancybox__caption {
  max-width: 80%;
  --fancybox-opacity: 1;
}
.content {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  padding: 0 30px;
}
.box {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.box .hide {
  opacity: 0;
}
.box .frame {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.box:hover {
  background-color: rgb(0 0 0 / 83%);
  color: #fff;
}
.box:hover:before {
  transition: all 0.2s ease-in-out;
}
.box img {
  position: relative;
  width: 100%;
  height: 260px;
  z-index: 1;
  transition: all 0.2s ease-in-out;
}
.box img:hover {
  transition: all 0.2s ease-in-out;
}
.box img:after {
  content: "";
  position: absolute;
  transition: all 0.2s ease-in-out;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.box img:hover {
  transition: all 0.2s ease-in-out;
}
.blury-card .frame {
  width: 250px;
  height: auto;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.blury-card:before {
  content: "";
  position: absolute;
  height: 100%;
  background: #008e6b;
  z-index: 1;
  left: 0;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.blury-card img {
  z-index: 2;
}
.blury-card:hover .frame {
  width: 250px;
  height: auto;
  opacity: 1;
}
.blury-card:hover img {
  opacity: 0.2;
  background-color: rgba(17, 6, 25, 0.85) !important;
}
.blury-card:hover:before {
  opacity: 1;
  background-color: rgba(17, 6, 25, 0.85) !important;
  transition: all 0.2s ease-in-out;
}
.bg-primary-gradient {
  background: linear-gradient(to right, #0095ff, #0e1e36);
}
.bg-info-gradient {
  background: linear-gradient(60deg, #7426dac2, #003bc1d4);
}
.bg-success-gradient {
  background: linear-gradient(60deg, #df58b5, #af5656);
}
.bg-dark-gradient {
  background: linear-gradient(to right, #243b55, #141e30);
}
.ms-auto,
.mx-auto {
  margin-left: auto !important;
}
.brround {
  border-radius: 50% !important;
}
.box-shadow-primary {
  box-shadow: -3px 6px 13px 3px #6259ca4d;
}
.counter-icon {
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  font-size: 29px;
}
.ms-auto {
  margin-left: auto !important;
}
fieldset {
  border: 2px solid #8c97a396 !important;
  margin: 3rem 0 0 0 !important;
  min-width: 0 !important;
  position: relative !important;
  border-radius: 4px !important;
  margin-bottom: 20px !important;
  padding: 10px !important;
  background-color: #f5f5f5c4 !important;
}
legend {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-top: -2.5rem !important;
  width: 50% !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  background-color: #dde9e0 !important;
  padding: 7px 8px 8px 10px !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #697471 !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  color: red !important;
}
.select2-selection__rendered,
input[type="date"].form-control,
input[type="email"].form-control,
input[type="file"].form-control,
input[type="number"].form-control,
input[type="password"].form-control,
input[type="text"].form-control,
input[type="time"].form-control,
input[type="input"].form-control,
select.form-control {
  border-left: 4px solid #;
}
.basic .pricing-header {
  background-color: #4b7bec;
}
.basic .price-circle {
  border: 10px solid #4b7bec;
  transition: all 0.4s;
}
.basic:hover .price-circle {
  border-width: 5px;
}
.basic .buy-now:hover {
  background-image: none !important;
  background-color: #4b7bec !important;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
}
.eco .pricing-header {
  background-color: #f53677;
}
.eco .price-circle {
  border: 10px solid #f53677;
  transition: all 0.4s;
}
.eco:hover .price-circle {
  border-width: 5px;
}
.eco .buy-now:hover {
  background-image: none !important;
  background-color: #f53677 !important;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
}
.business .pricing-header {
  background-color: #a55eea;
}
.business .price-circle {
  border: 10px solid #a55eea;
  transition: all 0.4s;
}
.business:hover .price-circle {
  border-width: 5px;
}
.business .buy-now:hover {
  background-image: none !important;
  background-color: #a55eea !important;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
}
.pricing-card {
  -webkit-transition: 0.4s background-color ease;
  -ms-transition: 0.4s background-color ease;
  transition: 0.4s background-color ease;
  background-color: #fff;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  position: relative;
  transition: all 0.4s;
  box-shadow: 0 4px 8px 0 rgb(28 9 9 / 26%);
}
.pricing-card:hover {
  transform: scale(1.05);
}
.pricing-card .popular {
  position: absolute;
  top: 0;
  right: 5%;
  width: auto;
  padding: 10px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #eb3b5a;
  color: #fff;
  font-size: 12px;
  z-index: 1;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.pricing-card .pricing-header {
  width: 100%;
  height: 150px;
  position: relative;
  border-radius: 20px 20px 0 0;
  text-align: center;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
}
.pricing-card .pricing-header .plan-title {
  font-size: 25px;
  color: #fff;
  position: relative;
  top: 25%;
  font-weight: 700;
}
.pricing-card .pricing-header .price-circle {
  width: calc(33.3% - 30px);
  width: 135px;
  height: 135px;
  border-radius: 100%;
  left: calc(50% - 60px);
  top: 60%;
  background-color: #fff;
  position: absolute;
}
.pricing-card .pricing-header .price-circle .info {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: gray;
  text-decoration: line-through;
}
.pricing-card .pricing-header .price-circle .price-title {
  display: block;
  font-size: 28px;
  padding: 28px 0 0;
  font-weight: 700;
}
.pricing-card .pricing-header .price-circle .price-title small {
  font-size: 18px;
}
.pricing-card .pricing-header h2 {
  position: relative;
  top: 40%;
  color: #fff;
}
.pricing-card ul {
  margin: 85px 20px 10px 20px;
  padding: 0;
}
.pricing-card ul li {
  list-style-type: none;
  display: block;
  padding: 10px 0 10px 0;
  margin: 0;
  text-align: center;
  border-bottom: 1px solid #f2f2f2;
}
.pricing-card .buy-button-box {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  padding-bottom: 40px;
}
.pricing-card .buy-button-box .buy-now {
  text-decoration: none;
  color: #fff;
  padding: 10px 30px;
  border-radius: 20px;
  background-image: linear-gradient(to left, #a55eea, #45aaf2);
  margin-top: 20px;
}
.pricing-card .buy-button-box .purchase {
  text-decoration: none;
  color: #fff;
  padding: 10px 30px;
  border-radius: 20px;
  background-image: linear-gradient(to left, #2f4435, #12b50d);
  margin-top: 20px;
}
.pricing-card ul {
  margin: 85px 20px 10px 20px;
  padding: 0;
  height: 228px;
  overflow-y: hidden;
}
.pricing-card ul:hover {
  overflow-y: scroll;
}
.pricing-card ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}
.pricing-card ul::-webkit-scrollbar {
  width: 3px;
  background-color: transparent;
}
.pricing-card ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d9d9d9;
}
.word_nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.swal2-confirm.btn.btn-primary {
  margin-right: 5px;
}
.text-left {
  text-align: left !important;
}
.error {
  text-align: left;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
  border-color: #dc3545;
}
body.sidebar-collapse .sidebar .sidebar-header img.sidebar-brand_icon {
  display: block !important;
}
body.sidebar-collapse.sidebar-collapse_hover
  .sidebar
  .sidebar-header
  img.sidebar-brand_icon {
  display: none !important;
}
.user-menu-img {
  border-radius: 50%;
  width: 42px;
}
.user-menu a.nav-link.dropdown-toggle:hover {
  background: 0 0 !important;
}
.f-25 {
  font-size: 25px;
}