.elementor-2558 .elementor-element.elementor-element-48901cec{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--overlay-opacity:0.5;--padding-top:110px;--padding-bottom:110px;--padding-left:20px;--padding-right:20px;}.elementor-2558 .elementor-element.elementor-element-48901cec:not(.elementor-motion-effects-element-type-background), .elementor-2558 .elementor-element.elementor-element-48901cec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tbeafrica.com/wp-content/uploads/2026/10/rivonia-breakout.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-2558 .elementor-element.elementor-element-48901cec::before, .elementor-2558 .elementor-element.elementor-element-48901cec > .elementor-background-video-container::before, .elementor-2558 .elementor-element.elementor-element-48901cec > .e-con-inner > .elementor-background-video-container::before, .elementor-2558 .elementor-element.elementor-element-48901cec > .elementor-background-slideshow::before, .elementor-2558 .elementor-element.elementor-element-48901cec > .e-con-inner > .elementor-background-slideshow::before, .elementor-2558 .elementor-element.elementor-element-48901cec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2558 .elementor-element.elementor-element-48a31cff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}@media(min-width:768px){.elementor-2558 .elementor-element.elementor-element-48901cec{--width:100%;}}@media(max-width:991px){.elementor-2558 .elementor-element.elementor-element-48901cec{--padding-top:72px;--padding-bottom:72px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-2558 .elementor-element.elementor-element-48901cec{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-213bbfc *//* ==========================================================================
   TBE — thank-you shortcode on a dark image background
   Site-wide: applies wherever the shortcode renders, no per-page setup.
   Add to Elementor > Site Settings > Custom CSS, or Customizer >
   Additional CSS, or the child theme stylesheet.

   Panel matches the homepage glass (glass.css: rgba(18,16,15,.55) +
   blur(10px)), minus the border.
   ========================================================================== */

.tbe-ty {
	background: rgba(18, 16, 15, .55);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: 6px;
	padding: 56px 40px;
}

/* Without backdrop-filter the fill alone reads as a wash, so give it body */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.tbe-ty {
		background: rgba(18, 16, 15, .82);
	}
}

/* Asked for less transparency: solid enough surface, no blur */
@media (prefers-reduced-transparency: reduce) {
	.tbe-ty {
		background: rgba(18, 16, 15, .9);
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}
}

/* Text */
.tbe-ty .tbe-ty__eyebrow {
	color: rgba(255,255,255,.8) !important;
}

.tbe-ty h1.tbe-ty__title {
	color: #ffffff !important;
	margin-bottom: 26px !important;
}

.tbe-ty p.tbe-ty__body {
	color: rgba(255,255,255,.92) !important;
	margin-bottom: 12px !important;
	text-wrap: balance;
}

.tbe-ty .tbe-ty__address {
	color: rgba(255,255,255,.8) !important;
}

/* Button: label stays white in every state */
.tbe-ty .tbe-ty__btn--solid,
.tbe-ty .tbe-ty__btn--solid:link,
.tbe-ty .tbe-ty__btn--solid:visited,
.tbe-ty .tbe-ty__btn--solid:hover,
.tbe-ty .tbe-ty__btn--solid:focus,
.tbe-ty .tbe-ty__btn--solid:active {
	color: #ffffff !important;
}

.tbe-ty .tbe-ty__btn--solid:focus,
.tbe-ty .tbe-ty__btn--solid:active {
	background: #12100F !important;
	border-color: #12100F !important;
}

@media (max-width: 600px) {
	.tbe-ty {
		padding: 38px 22px;
	}
	.tbe-ty h1.tbe-ty__title {
		margin-bottom: 18px !important;
	}
}/* End custom CSS */