
main {
	background: radial-gradient(78.5% 11.65% at 68.12% 4.21%, rgba(42, 25, 153, 0.17) 0%, rgba(33, 29, 49, 0.3) 60%), rgb(33 29 49);
}

/*.sec > .row:last-child {
    flex-grow: 1;
}*/

body {
	min-width: 390px;
}

#sec-hero-rewards, #sec-hero-recognize, #sec-hero-incentivize, #sec-hero-incentivize-fr {
    /*background-color: #211D33;*/
    color: #faf8f3;
    overflow-x: visible !important;
    overflow-y: visible !important;
    max-width: 1920px !important;
    margin: auto;
	padding-bottom: 60px;
}

#sec-hero-rewards {
	background: transparent url('../img/img_rewards_rings.png') no-repeat 80% 0%;
}

#sec-hero-recognize {
	background: transparent url('../img/img_recognize_mountain.png') no-repeat 80% 95%;
	background-size: 865px;
}

#sec-hero-incentivize, #sec-hero-incentivize-fr {
	background: transparent url('../img/img_incentivize_rings.png') no-repeat 82%;
	background-size: 45%;
}

#sec-2 {
    min-height: unset;
    background-color: #FAF8F3;
    color: #211D33;
	border-radius: 20px;
	overflow:hidden;
	padding-top:0px !important;
	padding-bottom:0px !important;
}

#sec-stack {
    min-height: unset;
    background-color: #FFE4B0;
    color: #211D33;
	border-radius: 20px;
	overflow:hidden;
	padding-top:0px !important;
	padding-bottom:0px !important;
}

#sec-cta {
    min-height: unset;
    color: #211D33;
	border-radius: 50px;
	overflow: hidden;
	padding: 0px 15px 0px 0px;
	margin: 60px auto 60px auto;
}

#sec-split {
    color: #faf8f3;
	padding: 0px;
}

#sec-accent {
    /*background-color: #B6DBBC;*/
	border-radius: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#sec-5 {
    padding-top: 0;
    padding-bottom: 0;

}

#sec-5-1 {
    background-color: #faf8f3;
    color: #211d33;
	border-radius: 20px;
	padding: 60px;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

#sec-5-2 {
    background-color: #49416D;
    color: #faf8f3;
}


#sec-hero-rewards > div, #sec-hero-recognize > div, #sec-hero-incentivize > div, #sec-hero-incentivize-fr > div  {
	display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-width: 1152px;
    margin: 30px auto 0px auto;
}

#sec-hero-rewards img, #sec-hero-recognize img, #sec-hero-incentivize img, #sec-hero-incentivize-fr img {
    width: 100%;
    /*max-width: 500px;*/
}

#sec-hero-rewards .body, #sec-hero-recognize .body, #sec-hero-incentivize .body, #sec-hero-incentivize-fr .body  {
    margin-top: 200px;
    justify-content: start !important;
}

#sec-hero-rewards .body-1, #sec-hero-recognize .body-1, #sec-hero-incentivize .body-1, #sec-hero-incentivize-fr .body-1 {
    padding: 0 40px;
}

#sec-hero-rewards .body-2, #sec-hero-recognize .body-2, #sec-hero-incentivize .body-2, #sec-hero-incentivize-fr .body-2  {
    padding: 0 25px;
}

#sec-hero-rewards h2, #sec-hero-recognize h2, #sec-hero-incentivize h2, #sec-hero-incentivize-fr h2, #sec-hero-rewards p, #sec-hero-recognize p, #sec-hero-incentivize p, #sec-hero-incentivize-fr p, #sec-accent h2, #sec-accent p {
    text-align: start;
}

#sec-2 .grid {
    width: 570px;
    max-width: 570px;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: hidden;
    margin: 0 0 0 auto;
}

#sec-2 .grid:after {
    content: '';
    display: block;
    clear: both;
}

#sec-2 .grid-item {
    width: 210px;
    height: 420px;
    float: left;
    margin-bottom: 15px;
}

#sec-2 .grid-item.small {
    height: 50px;
}

#sec-2 .grid-item.medium {
    height: 300px;
}

#sec-2 > div {
    flex-shrink: 1;
}

#sec-2 .m-grid {
    width: 330px;
    max-width: 330px;
    max-height: 50vh;
    overflow-y: hidden;
    margin: 0 auto;
}

#sec-2 .m-grid:after {
    content: '';
    display: block;
    clear: both;
}

#sec-2 .m-grid-item {
    width: 75px;
    height: 138px;
    float: left;
    margin-bottom: 15px;
}

#sec-2 .m-grid-item.small {
    height: 25px;
}

#sec-2 .m-grid-item.medium {
    height: 100px;
}

#sec-2 .m-grid-item img {
    height: auto;
    width: 100%;
}

#sec-split > div {
    /*background: url("../img/img_background_dots.png");*/
    background-size: cover;
    background-blend-mode: multiply;
}

#sec-split .col-content {
    /*margin-top: 100px;*/
    justify-content: center !important;
}

#sec-split .col-content img {
    max-height: 200px;
}

#sec-2 h2 {
	color: #211D33;
	text-align: left;
}

#sec-2 p, #sec-accent p {
	width: 50%;
}

/*#sec-5 p {
    font-size: 40px;
    /*padding: 60px 40px;
}*/

#sec-5-1 h2 {
    text-align: start;
	margin: 20px 0px !important;
}

/*#sec-5-1 p {
    padding: 60px 40px;
	width: 100%;
}*/

#hero-offset {
	text-align:left !important;
}

#hero-content {
	text-align: left !important;
}
.rewards-img {
    background: transparent no-repeat url('../img/img_rewards_card.png') 95% 0%;
    min-height: 325px;
}
.recognize-img {
	background: transparent no-repeat url('../img/img_recognize_ribbon.svg') 92% 0%;
    min-height: 325px;
}
.incentivize-img {
	background: transparent no-repeat url('../img/img_incentivize_click.png') 80% 40%;
    background-size: 37%;
}
.incentivize-img-fr {
	background: transparent no-repeat url('../img/img_incentivize_click.png') 65% 120%;
    background-size: 37%;
}
/*.banner-menu:not(.disabled) #mi-tns.mi-active {
	padding: 8px !important;	
}*/

/*.col-7 {
	width: 45.333333%;
}*/

#support-btn {
	padding: 0px;
	margin-bottom: 0px !important;
	display:unset !important;
	width: 100%;
}
#recognize-wrapper {
	overflow: hidden !important;
	margin-right: 0px;
	justify-content: left !important;
}
#scale-wrapper-fr {
	overflow: hidden !important;
	margin-right: 0px;
	justify-content: left !important;
}
#scale-wrapper-fr p {
	padding-left: 0px !important;
}
p.mx-lg-5 {
	margin: 0px 0px 20px 0px !important;
}
/*#builds-img {
	margin-bottom: -10px !important;
}*/
h2#hero-subhead {
	text-align: center;
    font-size: 48px !important;
    font-weight: 300;
    width: 100%;
    line-height: 66px !important;
	margin: 0px !important;
}

#stack-wrapper svg.ic-check {
	width: unset !important;
}
#custom-rewards div.row, #major-brands div.row {
	margin: 0px;
}

#sec-features div {
	gap: 30px
}

#video-transcript {
	color: #FFF;
	display: block;
	text-align: center;
	padding: 15px;
}
#video-transcript p {
	font-size: 16px !important;
	text-align: left;
	line-height: 110% !important;
}
#video-transcript ul {
	text-align: left;
}
#video {
	display:block
}


/* Extra small devices (phones, 768px and down) */
@media only screen and (max-width: 768px) {

	#hero-offset {
		margin-left: 0px !important;
	}
	#hero-content {
		width: 100% !important;
		background: none
	}
	#stack-wrapper {
		padding: 0px 0px 0px 0px !important;
		margin: 30px;
	}
	#stack-wrapper div {
		margin-bottom: 30px;
	}
	#builds-content {
		padding: 30px !important;
		margin-bottom: 30px;
	}
	#recognize-wrapper, #scale-wrapper-fr {
		margin: 0px 0px 0px 0px !important;
		background: url('../img/img_rewards_nurturegrowth.png') 0% 0% no-repeat !important;
		background-size: 270px !important;
		height: 70%;
	}
	#plug-play-wrapper, #plug-play-wrapper-fr, #speed-market-wrapper {
		background: none;
		background-size: 270px;
		height: 70%;
		margin: 30px;
	}
	#data-insights, #focus-diversify, #major-brands, #fast-delivery, #data-insights {
		margin: 30px !important;
	}
	#incentivize-wrapper {
		background: transparent url('../img/img_rewards_incentivizeaction.png') no-repeat 100% 30%;
		background-size: 270px;
		height: 70%;
		margin-left: 0px;
	}
	#incentivize-wrapper div h2, #incentivize-wrapper div p, #recognize-wrapper div h2, #recognize-wrapper div p {
		padding: 10px 10px 0px 10px !important;
		margin: 10px 0px 0px 0px !important;
	}
	#scale-content {
		margin-top: 50% !important;
		padding-left: 20px;
	}
	#sec-5-1 {
		padding: 60px 30px;
	}
	#support-btn {
		margin-top: 30px !important;
		padding-bottom: 15px !important;
	}
	#support-img {
		padding: 0px !important;
	}
	#support-content {
		padding: 0px !important;
	}
	#sec-split {
		padding: 0px !important;
	}
	#hero-content {
		margin-top: 30px !important;
	}
	.rewards-img {
		background: transparent no-repeat url('../img/img_rewards_card.png') 50% 0%;
		background-size: 300px;
	}
	.recognize-img {
		background: unset
	}
	.incentivize-img {
		background: unset;
	}
	#hero-offset h1 {
		margin-right: 0 !important;
	}
	#technology-img {
		order: 0 !important;
		max-width: 100%;
		margin-top: 30px;
		padding: 0px;
	}
	#technology-content {
		order: 1 !important;
	}
	#technology-content h2  {
		padding: 0px;
	}
	#technology-content p  {
		padding: 0px;
	}
	#sec-split .col-content {
		padding: 0px;
		margin-top: 30px;
	}
	#sec-features .col-content {
		padding: 0px;
		margin-top: 30px;
	}
	#sec-5 {
		margin-bottom: 60px;
	}
	.col-content .row {
		margin: 0;
	}
	#proudly-canadian-img {
		max-width: 240px;
		margin: auto;
	}
	#support-img img {
		max-width: 100%;
		margin: 0 !important;
	}
	.col-7 {
		width: 100%;
	}
	/*#builds-img {
		padding: 30px 30px 0px 30px;
	}*/
	/*#builds-content img {
		max-width: 180px;
	}*/
	#sec-hero-rewards, #sec-hero-recognize, #sec-hero-incentivize, #sec-hero-incentivize-fr {
		max-width: 100% !important;
	}
	#hero-offset h1 {
		margin-right: 0% !important;
	}
	h2#hero-subhead {
		text-align: center;
		font-size: 32px !important;
		font-weight: 300 !important;
		line-height: 110% !important;
		margin-bottom: 60px!important;
	}
	#sec-hero-rewards > div, #sec-hero-recognize > div, #sec-hero-incentivize > div, #sec-hero-incentivize-fr > div {
		max-width: 350px !important;
	} 
	#sec-cta h3 {
		width: 50%;
	}
	lottie-player {
		width: 350px !important;
	}
	/*.col-lg-4, .col-7 {
		width: 80% !important;
		margin: auto;
	}*/
	#stack-wrapper div img {
		width: 100%;
		max-width: 290px;
		margin-top: 0px !important;
	}
	#cards-fan {
		max-width: 290px;
	}
	#plug-play-wrapper .width-50, #speed-market-wrapper .width-50, #plug-play-wrapper-fr .width-50, #speed-market-wrapper .width-50 {
		margin-left: 0% !important;
	}
	#stack-wrapper div svg {
		/*width: 100% !important;*/
		padding-bottom: 10px;
	}
	#speed-market-wrapper {
		background: none !important;
		margin-left: 30px !important;
	}
	.width-33 ul {
		padding: 5px 18px !important;
	}
	#stack-wrapper ul svg {
		padding-bottom: 0px;
		width: unset !important;
	}
	#stack-wrapper {
		margin: 30px 30px 0px 30px;
	}
	#sec-features img {
		max-width: 250px;
		margin: auto;
	}
	#sec-features div {
		gap: unset !important;
	}
	#sec-hero-recognize {
		background: transparent url('../img/img_recognize_mountain.png') no-repeat 0% 0%;
	}
	#sec-stack div, #sec-2 div {
		/*inline-size: 290px;
		overflow-wrap: break-word;*/
		--bs-gutter-x: 0px !important;
	}
	h2 {
		font-size: 48px !important;
		line-height: 48px !important;
	}
	
	h2.fr {	
		font-size: 38px !important;
		line-height: 45px !important;
	}
	h1 {
		font-size: 68px !important;
		line-height: 65px !important;
	}
	
	h1.fr {
		font-size: 58px !important;
		line-height: 58px !important;
	}
	h1.fr div.slider {
		margin-top: 5px !important;
	}
	#sec-hero-recognize {
        border-bottom: none;
		background: transparent url('../img/img_recognize_mountain.png') no-repeat 55% 0% !important;
    }
	h1 br {
		display: block;
	}
	h2.fr.heavy.center.my-5.top {
		padding-top: 30px !important;
	}
	#sec-features #data-insights, #sec-features #focus-diversify, #sec-features #major-brands, #sec-features #fast-delivery, #sec-features #data-insights {
		margin: 30px 0px !important;
	}
	#sec-split #data-insights, #sec-split #focus-diversify, #sec-split #major-brands, #sec-split #fast-delivery, #sec-split #data-insights {
		max-width: 290px;
	}
	#video-1920, #video-1280 {
		display: none;
	}
	#video-768 {
		display: block;
		max-width: 350px;
	}
	#focus-diversify .col-content {
		order: 1 !important;
	}
	#focus-diversify .col-img {
		order: 0 !important;
	}
	#sec-hero-incentivize-fr {
		background: transparent url('../img/img_incentivize_rings.png') no-repeat 70% 16% !important;
		background-size: 75%;
	}
	.brand-list {
		width: 100%;
	}
	#sec-accent p {
		padding: 0px;
	}
	#plug-play-wrapper, #plug-play-wrapper-fr {
		max-width: 320px;
	}
	#work-with ul {
		font-size: 18px;
		line-height: 23.4px;
	}
	#sec-2 h2 {
		margin-top: 0px !important;
	}
	#support-btn {
		margin-top: 30px !important;
		padding-bottom: 10px !important;
	}
}	

/* Extra small devices (phones, 768px and down) */
@media only screen and (max-width: 990px) {
	#d-hero-img {
		display: none !important;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 1280px) {

	#sec-hero-recognize {
        border-bottom: none;
		background: transparent url('../img/img_recognize_mountain.png') no-repeat 95% 0%;
		background-size: 800px !important;
    }

	#sec-hero-incentivize, #sec-hero-incentivize-fr {
		padding-top: 240px;
		margin-top: -180px;
	}

    #sec-hero-rewards .body, #sec-hero-recognize .body, #sec-hero-incentivize .body, #sec-hero-incentivize-fr .body {
        margin-top: 10px;
    }

    #sec-hero-rewards .header, #sec-hero-recognize .header, #sec-hero-incentivize .header, #sec-hero-incentivize-fr .header {
        padding: 40px 10px 17px;
    }

    /*#sec-hero-rewards h1 {
        font-weight: 500;
        font-size: 40px;
        line-height: 100%;
        letter-spacing: -0.03em;
    }*/

    #sec-hero-rewards .body-1, #sec-hero-recognize .body-1, #sec-hero-incentivize .body-1, #sec-hero-incentivize-fr .body-1  {
        padding: 0 40px;
    }

    #sec-hero-rewards .body-2, #sec-hero-recognize .body-2, #sec-hero-incentivize .body-2, #sec-hero-incentivize-fr .body-2 {
        padding: 0 25px;
    }

    #sec-hero-rewards h2, #sec-hero-recognize h2, #sec-hero-incentivize h2, #sec-hero-incentivize-fr h2, #sec-hero-rewards p, #sec-hero-recognize p, #sec-hero-incentivize p, #sec-hero-incentivize-fr p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: -.05em;
    }
	#sec-hero-rewards p, #sec-hero-recognize p, #sec-hero-incentivize p, #sec-hero-incentivize-fr p {
		margin-right:0px !important;
		margin-left:0px !important;
	}

    #sec-2 {
        min-height: unset;
        padding-bottom: 0;
		margin-bottom: 60px;
    }

    #sec-split .col-content:first-child:last-child {
        margin-top: 76px;
    }

    #sec-split .col-content:last-child {
        margin-bottom: 30px;
    }

    /*#sec-5-2 {
        padding: 65px 0px 40px;
    }*/
	#hero-offset {
		margin-left: 0px !important;
	}
	/*.col-lg-4, .col-7 {
		width: 45%;
	}*/
	#platforms-content {
		order: 1 !important;
		margin-bottom: 60px;
	}
	#platforms-img {
		order: 0 !important;
	}
	#sec-accent, #sec-stack, #sec-split, #sec-cta {
		margin: 60px auto;
	}
	#support-content {
		width:100%;
	}
	/*#d-phone-flip {
		display: none !important;
	}
	#m-phone-flip {
		display: block !important;
		padding-top: 30px;
	}*/
	#d-hero-img {
		display: none !important;
	}
	#m-hero-img {
		display: block !important;
	}
	#hero-img {
		max-width: 320px;
		margin: 60px 0px 0px 0px !important;
		padding: 0px !important;
	}
	#sec-hero-rewards > div, #sec-hero-recognize > div, #sec-hero-incentivize > div, #sec-hero-incentivize-fr > div {
		max-width: 700px;
	}
	/*#hero-offset h1 {
		margin-right: 20% !important;
	}*/
	p#hero-subhead {
		text-align: center;
		font-size: 38px !important;
		font-weight: 300;
		width: 100%;
		line-height: 56px !important;
		margin-bottom: 60px !important;
		margin-top: 60px !important;
	}
	#support-img {
		justify-content: left !important;
		width: 100%;
	}
	#scale-content {
		width: 100%;
	}
	#incentivize-wrapper div h2, #incentivize-wrapper div p {
		text-align: right !important;
		padding-left: 50px !important;
	}
	#incentivize-wrapper div h2, #incentivize-wrapper div p, #recognize-wrapper div h2, #recognize-wrapper div p {
		padding: 0px 30px 30px 30px;
		margin: 0px 60px;
	}
	#sec-2 p, #sec-accent p {
		width: auto;
	}
	#builds-content img, #builds-img img {
		/*max-width: 225px;*/
		margin-top: 15px;
	}
	#data-insights, #focus-diversify, #major-brands, #fast-delivery, #data-insights {
		margin: 30px 0;
	}
	#sec-2, #sec-5, #sec-features {
		margin: 60px auto;
    }
	#speed-market-wrapper {
		background-size: 230px !important;
		background: transparent url('../img/img_incentivize_speed.png') no-repeat 8% 0%;
		margin-left: 0px;
	}
	#sec-features div {
		padding: 0px;
		gap: 30px;
	}
	#technology-content .row {
		margin: 0;
	}
	.recognize-img {
		background: transparent no-repeat url('../img/img_recognize_ribbon.svg') 100% 30%;
		background-size: 150px;
	}
	.incentivize-img {
		background: transparent no-repeat url('../img/img_incentivize_click.png') 80% 120%;
		background-size: 250px;
	}
	.slider.d-none.d-lg-block {
		display: none !important;
	}
	.slider.d-block.d-lg-none {
		display: block !important;
	}
	.slider, .slider-fr {
		margin-top: -16px !important;
	}
	h2#hero-subhead {
		font-style: normal;
		font-weight: 300;
		font-size: 32px !important;
		line-height: 120% !important;
		letter-spacing: -.05em;
	}
	h2.fr {
		font-size: 45px !important;
	}
	.ul-none {
		font-size: 18px;
		line-height: 23.4px;
	}
	#sec-features img {
		max-width: 250px !important;
	}
	h2.fr {
		font-size: 35px !important;
		line-height: 35px !important;
	}
	#work-with {
		margin-top: 15px;
	}
	#hero-content {
		padding-right: 0px;
	}
	#hero-offset {
		padding: 0px 15px;
	}
	h1.fr {
		font-size: 55px !important;
	}
	#powerful-insights, #proudly-canadian, #custom-rewards, #reward-procurement {
		gap: 30px;
	}
	/*#work-with {
		margin-bottom: -30px !important;
	}*/
	.brand-list.first {
		max-width: 90px;
	}
	div#builds-img img {
		margin-top: 0px !important;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 769px) {
	/*.col.col-content.order-0.order-lg-1 {
		order: 1 !important;
	}
	.col-md-12.col-lg-6.col-img.order-1.order-lg-0.left {
		order: 0 !important;
	}*/
	#stack-wrapper {
		padding: 30px 60px 0px 60px !important;
	}
	#technology-img {
		max-width: 100% !important;
		padding-left: 20px;
	}
	/*#sec-split .col-content {
        margin-top: 60px;
        padding-right: 35px;
        padding-left: 35px;
    }*/
	#hero-content {
		width: 100%;
		margin-top: 0px;
		padding-left: 0px;
	}
	#scale-content {
		margin-top: 0px;
		padding-right: 0px !important;
	}
	#hero-offset h1 {
		margin-top: 0px;
		padding: 0px;
		margin-right: 0%;
		display: inline-block;
	}
	#hero-offset p {
		padding: 0px;
	}
	#sec-hero-rewards .row.content div img, #sec-hero-recognize .row.content div img, #sec-hero-incentivize .row.content div img, #sec-hero-incentivize-fr .row.content div img  {
		padding-top: 60px !important;
	}
	#recognize-wrapper {
		background: transparent url('../img/img_rewards_nurturegrowth.png') no-repeat 50% 50%;
		height: 400px;
		/*margin-left: 60px;*/
	}
	#scale-wrapper-fr {
		background: transparent url('../img/img_rewards_nurturegrowth.png') no-repeat -120% 50%;
		height: 400px;
		margin-left: 60px;
	}
	#plug-play-wrapper {
		background: transparent url('../img/img_recognize_plug.png') no-repeat 0% 50%;
		height: 300px;
		margin-left: 0px;
		background-size: 650px;
	}
	#plug-play-wrapper-fr {
		background: transparent url('../img/img_recognize_plug_FR.png') no-repeat 0% 50%;
		height: 300px;
		margin-left: 0px;
		background-size: 650px;
	}
	#incentivize-wrapper {
		background: transparent url('../img/img_rewards_incentivizeaction.png') no-repeat 50% 50%;
		height: 400px;
		margin-left: 0px;
	}
	#support-img img {
		width: 30%;
		margin-left: 0px !important;
	}
	/*#builds-content {
		padding: 0px 0px 60px 0px !important;
		margin: 0 !important;
	}*/
	#powerful-insights, #proudly-canadian, #custom-rewards, #reward-procurement {
		margin-top: 60px;
		padding: 30px 0px;
	}
	/*#reward-procurement {
		hyphens:auto;
	}*/
	#stack-wrapper svg {
		width: 38% !important;
	}
	#plug-play-wrapper img, #plug-play-wrapper-fr img, #speed-market-wrapper img {
		display: none !important;
	}
	h2.fr.heavy.center.my-5.top {
		padding-top: 0px;
	}
	#video-1920, #video-768 {
		display: none;
	}
	#video-1280 {
		display: block
	}
	#proudly-canadian div.img-50, #focus-diversify div.img-50, #major-brands div.img-50, #fast-delivery div.img-50 {
		width: 40% !important;
	}
	#support-btn {
		padding-bottom: 10px;
	}
	.brand-list {
		/*width: 33%;*/
		display: flex;
		flex: 1 0 0;
	}
	.d-none.d-lg-block {
		display: block !important;
	}
	.d-block.d-lg-none {
		display: none !important;
	}
	.order-0 {
		order: 1 !important;
	}
	#video-transcript {
		max-width: 600px;
		margin: auto;
	}
	#first {
		width: 48% !important;
		max-width: 220px;
	}
	#last {
		width: 52% !important;
	}
	#powerful-insights div.img-50 {
		width: 40% !important;
	}
}

/* Extra large devices (large laptops and desktops, up to 1600px) */
@media only screen and (max-width: 1600px) {
#sec-hero-rewards {
    /*background-color: #211D33;*/
    color: #faf8f3;
    background: transparent url('../img/img_rewards_rings.png') no-repeat 35% 0%;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1281px) {
	#hero-content {
		padding-right:5px !important;
		width: 100% !important;
		margin: 14% auto !important;
		min-height: 325px;
	}
	#hero-offset {
		margin-left:0px !important;
	}
	.row.d-flex.flex-grow-1.justify-content-around {
		margin-top: 60px;
	}
	/*#proudly-canadian-img {
		max-width: 420px;
		margin-left: 60px !important;
	}*/
	#recognize-wrapper {
		background: transparent url('../img/img_rewards_nurturegrowth.png') no-repeat 90% 50%;
		height: 550px;
	}
	#plug-play-wrapper {
		background: transparent url('../img/img_recognize_plug.png') no-repeat 0% 50%;
		height: 400px;
	}
	#plug-play-wrapper-fr {
		background: transparent url('../img/img_recognize_plug_FR.png') no-repeat 0% 50%;
		height: 400px;
	}
	#speed-market-wrapper {
		background: transparent url('../img/img_incentivize_speed.png') no-repeat 0% 0%;
		height: 350px;
		background-size: 400px;
		margin-left: 0;
	}
	#incentivize-wrapper {
		background: transparent url('../img/img_rewards_incentivizeaction.png') no-repeat 0% 50%;
		height: 550px;
		margin-left: 60px;
	}
	#incentivize-wrapper div p {
		margin-left: 50%;
		padding-left: 70px;
	}
	#incentivize-wrapper div h2 {
		padding-left: 13% !important;
	}
	#scale-wrapper-fr {
		background: transparent url('../img/img_rewards_nurturegrowth.png') no-repeat 150% 50%;
		height: 550px;
		margin-left: 60px;
	}
	#scale-content {
		width: 100%;
		padding-left: 0px;
	}
	#support-img {
		width: 30%;
		padding-left: 0px;
	}
	#support-content {
		width: 70%;
	}
	#data-insights, #focus-diversify, #major-brands, #fast-delivery, #data-insights {
		min-height: 400px;
		margin: 60px 0;
	}
	#technology-img {
		max-width: 500px !important;
		justify-content: center !important;
		padding-left: 30px;
	}
	/*.col-lg-4 {
		width: 46%;
	}*/
	#stack-wrapper {
		padding: 30px 60px 60px 60px !important;
	}
	#support-img img {
		width: 100%;
	}
	/*#builds-img {
		width: 450px !important;
		padding: 0;
	}*/
	/*#builds-content img {
		width: 288px;
	}*/
	#sec-2 h2, #sec-stack h2 {
		margin-top: 30px !important;
	}
	/*.col-7 {
		width: 45.333333% !important;
	}*/
	#powerful-insights, #custom-rewards, #reward-procurement {
		padding-bottom: 60px;
	}
	#recognize-wrapper p {
		padding-left: 0px !important;
	}
	/*#builds-content img, #builds-img img {
		max-width: 225px;
		margin-top: 60px;
	}*/
	#plug-play-wrapper .width-50, #speed-market-wrapper .width-50 {
		margin-left: 43% !important;
	}
	#stack-wrapper svg {
		width: 33% !important;
	}
	h2.fr.heavy.center.my-5.top {
		padding-top: 30px !important;
	}
	#video-1280, #video-768 {
		display: none;
	}
	#video-1920 {
		display: block
	}
	.ul-none {
		font-size: 24px;
		line-height: 31.20px;
	}
	#powerful-insights, #proudly-canadian, #custom-rewards, #reward-procurement {
		gap: 60px;
	}
	#proudly-canadian div.img-50 {
		padding:0px;
	}
	#sec-features > div {
		margin-top: 30px !important;
	}
	#video {
		padding: 60px 0px 0px 0px;
	}
	.brand-list.first {
		max-width: 190px;
	}
}

/* CARD FLIP STYLES */

.flip-card {
    background-color: transparent;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
div[id^='card-']:hover .flip-card .flip-card-inner,
.flip-card:hover .flip-card-inner,
.flip-card.show .flip-card-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    z-index: 2;
    color: black;
}

/* Style the back side */
.flip-card-back {
    color: white;
    transform: rotateY(180deg);
}

/* CARD FLIP STYLES - END */

@media only screen and (max-width: 768px) {
	.slider-fr {
		margin-top: 0px !important;
	}
	.features-wrapper {
		max-width: 290px !important;
	}
	.features-wrapper h2 {
		margin-top: 30px !important;
	}
	#work-with {
		margin-bottom: 0px !important;
	}
	#proudly-canadian div {
		padding-left: 0px;
		padding-right: 0px;
	}
	#proudly-canadian div#technology-content {
		padding: 0px 30px !important;
	}
}
