/* =======================================================
================== Bootstrap Extensions ==================
================ Md. Sharif Ullah Sarkar =================
================ Explore Tech Solutions ==================
======================================================== */

/* =========== Background =========== */
.bg-no-repeat {
    background-repeat: no-repeat;
}
.bg-size-cover {
    background-size: cover;
}
.bg-position-center {
    background-position: center;
}
.bg-attachment-fixed {
    background-attachment: fixed;
}

/* =========== Border =========== */
.border-dashed{
    border-style: dashed;
}
.border-dotted{
    border-style: dotted;
}
.border-double{
    border-style: double;
}
.border-inset{
    border-style: inset;
}
.border-outset{
    border-style: outset;
}
/* =========== Box Shadow =========== */
.box-shadow-none{
	box-shadow:none!important;
}

/* =========== Cursor =========== */
.cursor-none{
	cursor:none;
}
.cursor-pointer{
	cursor:pointer;
}
.cursor-zoom-in{
	cursor:zoom-in;
}
/* =========== List =========== */
.bg-transparent>.list-group-item{
	background-color:transparent!important;
}
.border-0>.list-group-item{
	border:0!important;
}
/* =========== margin =========== */
.group-hover:hover .hover-mt-n3,
.hover-mt-n3:hover{
    margin-top: -1rem;
}
.group-hover:hover .hover-mt-n4,
.hover-mt-n4:hover{
    margin-top: -1.5rem;
}
.group-hover:hover .hover-mt-n5,
.hover-mt-n5:hover{
    margin-top: -3rem;
}

/* =========== Opacity =========== */
.opacity-0{
    opacity: 0!important;
}
.group-hover:hover .hover-opacity-0,
.hover-opacity-0:hover{
    opacity:0!important;
}
.group-hover:hover .hover-opacity-10,
.hover-opacity-10:hover{
   opacity:.1!important;
}
.group-hover:hover .hover-opacity-20,
.hover-opacity-20:hover{
    opacity:.2!important;
}
.group-hover:hover .hover-opacity-30,
.hover-opacity-30:hover{
   opacity:.3!important;
}
.group-hover:hover .hover-opacity-40,
.hover-opacity-40:hover{
    opacity:.4!important;
}
.group-hover:hover .hover-opacity-50,
.hover-opacity-50:hover{
    opacity:.5!important;
}
.group-hover:hover .hover-opacity-80,
.hover-opacity-80:hover{
    opacity:.8!important;
}
.group-hover:hover .hover-opacity-90,
.hover-opacity-90:hover{
    opacity:.9!important;
}
.group-hover:hover .hover-opacity-100,
.hover-opacity-100:hover{
    opacity:1!important;
}
.group-hover:hover .hover-bg-transparent,
.hover-bg-transparent:hover{
    background-color:transparent!important;
}
/* bg-opacity hover */
.bg-opacity-0{
    --bs-bg-opacity: 0 !important;
}
.group-hover:hover .hover-bg-opacity-0,
.hover-bg-opacity-0:hover{
    --bs-bg-opacity:0!important;
}
.group-hover:hover .hover-bg-opacity-10,
.hover-bg-opacity-10:hover{
    --bs-bg-opacity:.1!important;
}
.group-hover:hover .hover-bg-opacity-20,
.hover-bg-opacity-20:hover{
    --bs-bg-opacity:.2!important;
}
.group-hover:hover .hover-bg-opacity-25,
.hover-bg-opacity-25:hover{
    --bs-bg-opacity:.2!important;
}
.group-hover:hover .hover-bg-opacity-30,
.hover-bg-opacity-30:hover{
    --bs-bg-opacity:.3!important;
}
.group-hover:hover .hover-bg-opacity-40,
.hover-bg-opacity-40:hover{
    --bs-bg-opacity:.4!important;
}
.group-hover:hover .hover-bg-opacity-50,
.hover-bg-opacity-50:hover{
    --bs-bg-opacity:.5!important;
}
.group-hover:hover .hover-bg-opacity-80,
.hover-bg-opacity-80:hover{
    --bs-bg-opacity:.8!important;
}
.group-hover:hover .hover-bg-opacity-90,
.hover-bg-opacity-90:hover{
    --bs-bg-opacity:.9!important;
}
.group-hover:hover .hover-bg-opacity-100,
.hover-bg-opacity-100:hover{
    --bs-bg-opacity:1!important;
}
/* ========== Positioning  =========== */
.top-auto{
    top:auto!important;
}
.end-auto{
   right:auto!important;
}
.bottom-auto{
   bottom:auto!important;
}
.start-auto{
   left:auto!important;
}
	
/* ========== Scale =========== */
.group-hover:hover .hover-scale-110,
.hover-scale-110:hover{
	transform:scale(1.1);
}
.group-hover:hover .hover-scale-115,
.hover-scale-115:hover{
	transform:scale(1.15);
}
.group-hover:hover .hover-scale-120,
.hover-scale-120:hover{
	transform:scale(1.2);
}
.group-hover:hover .hover-scale-125,
.hover-scale-125:hover{
	transform:scale(1.25);
}
.group-hover:hover .hover-scale-130,
.hover-scale-130:hover{
	transform:scale(1.3);
}
.group-hover:hover .hover-scale-35,
.hover-scale-35:hover{
    transform: scale(1.35);
}
.group-hover:hover .hover-scale-140,
.hover-scale-140:hover{
	transform:scale(1.4);
}
.group-hover:hover .hover-scale-150,
.hover-scale-150:hover{
	transform:scale(1.5);
}
.group-hover:hover .hover-scale-160,
.hover-scale-160:hover{
	transform:scale(1.6);
}
.group-hover:hover .hover-scale-170,
.hover-scale-170:hover{
	transform:scale(1.7);
}
.group-hover:hover .hover-scale-175,
.hover-scale-175:hover{
	transform:scale(1.75);
}
.group-hover:hover .hover-scale-180,
.hover-scale-180:hover{
	transform:scale(1.8);
}
.group-hover:hover .hover-scale-190,
.hover-scale-190:hover{
	transform:scale(1.9);
}
.group-hover:hover .hover-scale-200,
.hover-scale-200:hover{
	transform:scale(2);
}
/* =========== Outline =========== */
.outline-0{
	outline:0!important;
}
/* =========== Scroll =========== */
.scroll-sm::-webkit-scrollbar, .scroll-sm::-moz-scrollbar {
  width: 6px;
  height: 6px;
}
.scroll::-webkit-scrollbar, .scroll::-moz-scrollbar {
  width: 8px;
  height: 8px;
}
.scroll-lg::-webkit-scrollbar, .scroll-lg::-moz-scrollbar {
  width: 10px;
  height: 10px;
}
.scroll-sm::-webkit-scrollbar-thumb,
.scroll::-webkit-scrollbar-thumb,
.scroll-lg::-webkit-scrollbar-thumb{
  background: #06060652; 
}
.scroll-sm::-webkit-scrollbar-track,
.scroll::-webkit-scrollbar-track,
.scroll-lg::-webkit-scrollbar-track{
  background: #00000025; 
}

/* =========== Tansition =========== */

/*----- Text Color ----- */
.group-hover:hover .hover-text-primary,
.hover-text-primary:hover{
	--bs-text-opacity: 1;
	color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important;
}
.group-hover:hover .hover-text-secondary,
.hover-text-secondary:hover{
	--bs-text-opacity: 1;
    	color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important;
}
.group-hover:hover .hover-text-success,
.hover-text-success:hover{
	--bs-text-opacity: 1;
	color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important;
}
.group-hover:hover .hover-text-danger,
.hover-text-danger:hover{
	--bs-text-opacity: 1;
	color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important;
}
.group-hover:hover .hover-text-warning,
.hover-text-warning:hover{
	--bs-text-opacity: 1;
	color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important;
}
.group-hover:hover .hover-text-info,
.hover-text-info:hover{
	--bs-text-opacity: 1;
	color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important;
}
.group-hover:hover .hover-text-light,
.hover-text-light:hover{
	--bs-text-opacity: 1;
	color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important;
}
.group-hover:hover .hover-text-dark,
.hover-text-dark:hover{
	--bs-text-opacity: 1;
	color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important;
}	

/*----- transition ----- */
.transition-all{
	transition:all;
}
.transition-300{
	transition: all .3s;
}
.transition-400{
	transition: all .4s;
}
.transition-500{
	transition: all .5s;
}
.transition-600{
	transition: all .6s;
}
.transition-700{
	transition: all .7s;
}
.transition-800{
	transition: all .8s;
}
.transition-900{
	transition: all .9s;
}
.transition-1000{
	transition: all 1s;
}

/*----- transition-duration ----- */
.duration-300{
	transition-duration: .3s;
}
.duration-400{
	transition-duration: .4s;
}
.duration-500{
	transition-duration: .5s;
}
.duration-600{
	transition-duration: .6s;
}
.duration-700{
	transition-duration: .7s;
}
.duration-800{
	transition-duration: .8s;
}
.duration-900{
	transition-duration: .9s;
}
.duration-1000{
	transition-duration: 1s;
}

/* =========== Transfrom =========== */
.transform-rotateY-90{
  transform:rotateY(90deg);
}
.group-hover:hover .hover-transform-rotateY-0,
.hover-transform-rotateY-0:hover{
    transform:rotateY(0);
}
	
	
/* ================= Media CSS ============== */	

/* ------- xxl ------- */
@media (min-width: 1400px){
	
	/* ----- b ----- */
	.border-xxl-0{
		border:0!important;
	}
	
	/* ----- p ----- */
	.position-xxl-static{
		position:static!important;
	}
	.position-xxl-relative{
		position:relative!important;
	}
	.position-xxl-absolute{
		position:absolute!important;
	}
	.position-xxl-fixed{
		position:fixed!important;
	}
	.position-xxl-sticky{
		position:sticky!important;
	}
	
	/* ----- t ----- */
	.transform-translate-x-xxl-0{
		transform: translateX(0)!important;
	}
	
	/* ----- v ----- */
	.visibility-xxl-visible{
		visibility:visible!important;
	}
}
	
/* ------- xl ------- */
@media (min-width: 1200px){
	/* ----- b ----- */
	.border-xl-0{
		border:0!important;
	}
	
	/* ----- p ----- */
	.position-xl-static{
		position:static!important;
	}
	.position-xl-relative{
		position:relative!important;
	}
	.position-xl-absolute{
		position:absolute!important;
	}
	.position-xl-fixed{
		position:fixed!important;
	}
	.position-xl-sticky{
		position:sticky!important;
	}
	/* ----- t ----- */
	.transform-translate-x-xl-0{
		transform: translateX(0)!important;
	}
	
	/* ----- v ----- */
	.visibility-xl-visible{
		visibility:visible!important;
	}
}
	
/* ------- lg ------- */
@media (min-width: 992px){
	/* ----- b ----- */
	.border-lg-0{
		border:0!important;
	}
	
	/* ----- p ----- */
	.position-lg-static{
		position:static!important;
	}
	.position-lg-relative{
		position:relative!important;
	}
	.position-lg-absolute{
		position:absolute!important;
	}
	.position-lg-fixed{
		position:fixed!important;
	}
	.position-lg-sticky{
		position:sticky!important;
	}
	/* ----- t ----- */
	.transform-translate-x-lg-0{
		transform: translateX(0)!important;
	}
	
	/* ----- v ----- */
	.visibility-lg-visible{
		visibility:visible!important;
	}
}
	
/* ------- md ------- */
@media (min-width: 768px){
	/* ----- b ----- */
	.border-md-0{
		border:0!important;
	}
	
	/* ----- p ----- */
	.position-md-static{
		position:static!important;
	}
	.position-md-relative{
		position:relative!important;
	}
	.position-md-absolute{
		position:absolute!important;
	}
	.position-md-fixed{
		position:fixed!important;
	}
	.position-md-sticky{
		position:sticky!important;
	}
	/* ----- t ----- */
	.transform-translate-x-md-0{
		transform: translateX(0)!important;
	}
	
	/* ----- v ----- */
	.visibility-md-visible{
		visibility:visible!important;
	}
}
	
/* ------- sm ------- */
@media (min-width: 576px){
	/* ----- b ----- */
	.border-sm-0{
		border:0!important;
	}
	
	/* ----- p ----- */
	.position-sm-static{
		position:static!important;
	}
	.position-sm-relative{
		position:relative!important;
	}
	.position-sm-absolute{
		position:absolute!important;
	}
	.position-sm-fixed{
		position:fixed!important;
	}
	.position-sm-sticky{
		position:sticky!important;
	}
	/* ----- t ----- */
	.transform-translate-x-sm-0{
		transform: translateX(0)!important;
	}
	
	/* ----- v ----- */
	.visibility-sm-visible{
		visibility:visible!important;
	}
}