.bubble {
	display: block;
	position: absolute;
	border-radius: 50%;
	z-index: -1;
}

.bubble.orange {
	background-color: var(--theme-color);
}

.bubble.white {
	background-color: #fff;
}

.bubble.gray {
	background-color: #bec0c4;
}

.bubble.sb {
	width: 18px;
	height: 18px;
}

.bubble.mb {
	width: 50px;
	height: 50px;
}

.bubble.bb {
	width: 160px;
	height: 160px;
}

.slide-image .bubble:nth-child(1){
	left: 30px;
}

.slide-image .bubble:nth-child(2){
	right: 0;
	bottom: 20px;
}

.slide > .bubble{
	top: 300px;
	right: -50px;
}

.slide-content > .bubble {
	top: 60px;
	left: -60px;
}

.our-about > .bubble.orange {
	top: 47%;
	right: -50px;
}

.our-about > .bubble.gray {
	top: 66%;
	left: -50px;
}

.our-about-styled-quotes > .bubble {
	top: 114px;
	right: -200px;
}

.our-about-styled-cards > div:nth-child(1) .bubble{
	top: 90px;
	right: 50%;
}

.our-about-styled-cards > div:nth-child(2) .bubble {
	right: 23%;
	top: 90px;
}

.our-about-experience-intro > div:nth-child(1) .bubble.mb {
	top: 260px;
	left: 20px;
}

.our-about-experience-intro > div:nth-child(1) .bubble.sb {
	top: 220px;
	left: -30px;
}

.our-about-experience-cards-bubbles .bubble.sb {
	bottom: -50px;
	left: 25%;
}

.our-about-experience-cards-bubbles .bubble.mb {
	bottom: -55px;
	right: 30%;
}

.our-about-experience-reviews .bubble.sb{
	left: -90px;
}

.our-about-experience-reviews .bubble.mb{
	top: 90px;
}

.our-about-experience-floating-cards-column:nth-child(2) .bubble.sb {
	top: 32%;
	left: 63px;
}

.our-about-experience-floating-cards-column:nth-child(2) .bubble.mb {
	top: 33%;
}

.contact-info-column:first-child .bubble.orange {
	left: -60px;
	top: 60px;
}

.contact-info-column:first-child .bubble.white {
	left: -80px;
	top: 90px;
}

.contact-info-column:last-child .bubble.gray {
	right: -25px;
	top: -25px;
	z-index: 3;
}

.contact-info-column:last-child .bubble.mb.orange {
	top: 25%;
	z-index: 3;
	left: -24px;
}

.contact-info-column:last-child .bubble.sb.orange {
	top: 25%;
	z-index: 3;
	right: 20px;
}

@media only screen and (max-width: 980px){
	.bubble{
		opacity: .5;
	}
}

