@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: Canvas
    Theme URI: http://themes.semicolonweb.com/html/canvas
    Description: The Multi-Purpose Template
    Author: SemiColonWeb
    Author URI: http://themeforest.net/user/semicolonweb
    Version: 7.3.1

    SASS Stylesheet

-----------------------------------------------------------------------------------*/
/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

 /*------------------------------------------
PromoCards
----------------------------------------------------------------------*/
.promo-card {
	--promo-card-gap: 15px;
	transform: translateX(calc(var(--promo-card-gap) * 2)) translateY(calc(var(--promo-card-gap) * -2));
	width: calc(100% - calc(var(--promo-card-gap) * 2));
}

.promo-card div:nth-child(1) {
	position: relative;
	padding: 60px 90px;
	z-index: 3;
}

.promo-card>div:nth-child(2),
.promo-card>div:nth-child(3) {
	position: absolute;
	top: var(--promo-card-gap);;
	left: calc(-1 * var(--promo-card-gap));
	width: 100%;
	height: 100%;
	background-color: #bccce7;
	z-index: 1;
}

.promo-card>div:nth-child(3) {
	top: calc(2 * var(--promo-card-gap));
	left: calc(-2 * var(--promo-card-gap));
	background-color: #e6ecf7;
	z-index: 0;
}