/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #011689;
	--cnvs-themecolor-rgb: 1, 22, 137;
    	--cnvs-secondary-color: #040d1d;
}

.dark,
body.dark {
	--cnvs-body-bg: var(--cnvs-secondary-color);
	--cnvs-body-bg-boxed: var(--cnvs-secondary-color);
	--cnvs-footer-bg: var(--cnvs-secondary-color);

	--cnvs-header-sticky-bg: var(--cnvs-body-bg);
}

.img-hover-in,
	.img-hover-in img,
	.product .product-image,
	.product .product-image img {
		transition: transform .5s ease-out,
			border-radius .5s ease-out;
		border-radius: 6px;
	}

	.img-hover-in:hover img,
	.product:hover .product-image img {
		transform: scale(1.15);
	}

	.img-hover-in:hover,
	.product:hover .product-image {
		transform: scale(0.95);
		border-radius: 10px;
	}

	.img-overlap img {
		width: calc(100% + 30%);
		max-width: none;
	}

	.img-overlap + div {
		border-radius: 0.3rem;
		padding: 60px;
	}