.color-dark {
	--bs-bg-opacity: 1;
	color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important;
}
.color-dark-gray {
	color: #60697b;
}
.btn-icon { 
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
	background: rgba(255, 255, 255, 0.15);
	border-color: transparent;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.rounded-circle {
    border-radius: 50% !important;
}
.zindex-2 {
	z-index: 2 !important;
}
.top-100px {
	top: 100px;
}
.top-280px {
	top: 280px;
}
.background-cover {
	background-repeat: no-repeat;
	/* background-size: cover; */
	object-fit: cover;
	height: 100%;
}
.bg-light-gray {
	background: #e2e2e2;
}
@media (max-width: 444px) 
{
	.height-1000px {
		height: 2200px;
	}
	
	.device-image{
		width: 370px;
		height: 250px;
	}
}
@media (min-width: 445px) and (max-width: 543px) 
{
	.height-1000px {
		height: 1800px;
	}
	
	.device-image{
		width: 445px;
		height: 320px;
	}
}
@media (min-width: 544px) and (max-width: 575px) 
{
	.device-image{
		width:530px;
		height:350px;
	}
}
@media (min-width: 544px) and (max-width: 767px) 
{
	.height-1000px {
		height: 1700px;
	}
}
@media (min-width: 576px) and (max-width: 767px) 
{
	.device-image{
		width:310px;
		height:220px;
	}
}
@media (min-width: 768px) and (max-width: 990px) 
{
	.height-1000px {
		height: 1200px;
	}
	.device-image{
		width:330px;
		height:240px;
	}
}
@media (min-width: 991px ) and (max-width: 1199px) 
{
	.height-1000px {
		height: 1200px;
	}
	.device-image{
		width:450px;
		height:310px;
	}
}
@media (min-width: 1200px) 
{
	.height-1000px {
		height: 1200px;
	}
	.device-image{
		width:640px;
		height:430px;
	}
}

.device-image-1{
	transform: translate3d(26px, 62px, 10px);
}
.device-image-2{
	transform: translate3d(12px, 84px, 15px);
}
.device-image-3{
	transform: translate3d(-7px, 11px, 20px);
}
.device-image-4{
	transform: translate3d(0px, 3px, 50px);
}
.hm-400
{
	min-height: 400px;
}
.hmx-500
{
	max-height: 500px;
}
.h-550
{
	height: 550px!important;
}
@media (max-width: 550px) 
{
	.h-550
	{
		height: 350px!important;
	}
}
.h-250
{
	height: 250px!important;
}
.text-justify 
{
	text-align: justify;
}
.object-fit-contain 
{
	object-fit: contain;
}
.main-logo 
{
	max-width: 250px;
}
.object-fit-contain
{
	object-fit : contain;
}
.thumbnail-interactive
{
	height:400px!important;
	object-fit:cover;
}