.object-fit-contain {
	object-fit: contain
}
  
.object-fit-cover {
	object-fit: cover
}
  
.direction-rtl {
	direction: rtl;
}
  
.direction-ltr {
	direction: ltr;
}
  
.btn-light {
	color: #212529;
	background-color: transparent;
	/* border-color: transparent; */
	border: initial;
	text-decoration: none !important;
}
  
.cursor-pointer {
	cursor: pointer;
}
  
.overflow-y-auto {
    overflow-y: auto;
}

.overflow-x-auto {
	overflow-x: auto;
	overflow-y: initial;
}
  
.flex-1 {
	flex: 1;
}
  
.text-md {
	  font-size: 0.9rem;
	  /* font-weight: 600; */
}
  /* 
.position-sticky {
	  position: -webkit-sticky;
	  position: sticky;
} */
  
.t-3 {
	  top: 1.5rem !important;
}
.t-5 {
	top: 4rem !important;
}
.t-6 {
	top: 6rem !important;
}
  
.t-100 {
	  top: 100% !important;
}
.t-0 {
	  top: 0 !important;
}
.r-0 {
	  right: 0 !important;
}
.r-100 {
	  right: 100% !important;
}
.l-0 {
	  left: 0 !important;
}
.b-0 {
	  bottom: 0 !important;
}
.z-100 {
	  z-index: 100 !important;
}
.z-1 {
	  z-index: 1 !important;
}
.z-1000 {
	  z-index: 1000 !important;
}
  
.font-weight-500 {
	  font-weight: 500 !important;
}
  
.line-height-2 {
	  line-height: 2
}
  
  
  
.shadow {
	  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.shadow-on-hover {
	transition: all .3s;
}
.shadow-on-hover:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
}




.text-weight-hover-bold:hover {
	  font-weight: bold !important;
}
  
.text-decoration-none {
	  text-decoration: none !important;
}
  

.backdrop-filter-blur {
	  backdrop-filter: blur(2px)
}

/* SCROLLBAR */
.scrollbar-hide::-webkit-scrollbar {
	display: none;
}
  
/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar-hide {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
  
.overflow-y-auto::-webkit-scrollbar-track
  {
	  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	  box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	  border-radius: 10px;
	  background-color: #F5F5F5;
	  margin: 1px;
}
  
.overflow-y-auto::-webkit-scrollbar
  {
	  width: 7px !important;
	  height: 7px !important;
	  background-color: #F5F5F5;
}
  
.overflow-y-auto::-webkit-scrollbar-thumb
  {
	  border-radius: 10px;
	  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	  background-color: rgba(0,0,0,.2);
}

/* TEXT */

.text-center-justified {
    text-align: justify;
    text-align-last: center;
}
  
  /* FONT SIZE 1400px */
  
.font-11px{
	  font-size:0.7rem;
}
  
.font-12px{
	  font-size:0.75rem;
}
  
.font-16px{
	  font-size:1rem;
}
  
.font-18px{
	  font-size:1.125rem;
}
  
.font-21px{
	  font-size:1.32rem;
}
  
.font-24px{
	  font-size:1.5rem;
}
  
  /* END FONT SIZE 1400px  */
  
  /* Z-INDEX */
.z-index-1000 {
	  z-index: 1000;
}
.z-index-1 {
	  z-index: 1;
}
  /* END Z-INDEX */


.rounded-bottom-left {
	border-bottom-left-radius: 15px;
}

.border-thick-1 {
	border-width: 2px !important;
}

.border-thick-2 {
	border-width: 5px !important;
}
  
.rounded-capsule {
	border-radius: 1rem!important;
  }
  


.p-6 {
	padding: 6rem!important;
}

.pt-6 {
	padding-top: 6rem!important;
}

.px-6 {
	padding-left: 6rem!important;
	padding-right: 6rem!important;
}

.px-7 {
	padding-left: 8rem!important;
	padding-right: 8rem!important;
}

@media (min-width: 425px) {
	
	.w-sm-25 {
		width: 25%!important;
	}
	
	.w-sm-50 {
		width: 50%!important;
	}
	
	.w-sm-75 {
		width: 75%!important;
	}

    .p-sm-6 {
		padding: 6rem!important;
	}

    .position-sm-relative {
		position: relative!important;
	}

    .position-sm-fixed {
		position: fixed!important;
	}

	.object-position-sm-top {
		object-position: top !important;
	}
}

@media (min-width: 768px) {
	
	.w-md-25 {
		width: 25%!important;
	}
	
	.w-md-50 {
		width: 50%!important;
	}
	
	.w-md-75 {
		width: 75%!important;
	}
	
	.h-md-75 {
		height: 75%!important;
	}
	
	.w-md-100 {
		width: 100%!important;
	}
	
	.h-md-100 {
		height: 100%!important;
	}

    .p-md-6 {
		padding: 6rem!important;
	}

	
	.t-md-0 {
		top: 0 !important;
	}

	.flex-md-1 {
		flex: 1 !important;
	}

    .position-md-relative {
		position: relative!important;
	}

    .position-md-fixed {
		position: fixed!important;
	}

	.object-position-md-top {
		object-position: top !important;
	}
}

@media (min-width: 992px) {
	
	.w-lg-25 {
		width: 25%!important;
	}
	
	.w-lg-50 {
		width: 50%!important;
	}
	
	.w-lg-100 {
		width: 100%!important;
	}
	
	.w-lg-75 {
		width: 75%!important;
	}

    .p-lg-6 {
		padding: 6rem!important;
	}
}