.bg-image-container {
  width: 100%;
  max-width: 1110px;
  height: auto;
  display: flex;
  justify-content: center;
  position: relative;
}

.bg-image {
  width: 100%;
  height: auto;
  margin-top: -33px;
  object-fit: contain;
}

.bg-container {
  width: 100%;
  max-width: 520px;
  height: auto;
  max-height: 418px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: absolute;
  bottom: 0;
}

.overlay-image {
  position: relative;
  z-index: 2;
/*   max-width: unset; */
	width: 520px;
}

.img-bg-overlay {
	overflow: hidden;
}

@media (max-width: 768px) {
  .bg-image-container {
    max-width: 100%;
	  height: 300px;
	  margin-top: 40px;
  }
	
	.bg-image {
		height: unset;
		max-width: unset;
		margin-top: -50px;
        object-fit: cover;
	}
  .bg-container {
    max-width: 100%;
  }
  .overlay-image {
    max-width: 100%;
    height: auto;
	  width: 394px;
    }
  }
}


svg.circle-animation {
  height: 600px;
  width: 600px;
}

svg#Layer_1.circle-animation {
	margin-bottom: -50%;
}

.st, .st0, .st1, .st2, .st3, .st4 {
  fill: none;
  stroke: rgba(83, 113, 255, 0.15);
  stroke-width: 1;
  stroke-miterlimit: 10;
}
.st--transparent, .st0--transparent, .st1--transparent, .st2--transparent, .st3--transparent, .st4--transparent {
  stroke: rgba(255, 255, 255, 0);
}
.st--xlarge, .st0--xlarge, .st1--xlarge, .st2--xlarge, .st3--xlarge, .st4--xlarge {
  stroke-linecap: square;
  stroke-dasharray: 2000, 513;
  stroke-width: 3;
}
.st--large, .st0--large, .st1--large, .st2--large, .st3--large, .st4--large {
  stroke-linecap: square;
  stroke-dasharray: 1500, 1013;
  stroke-width: 3;
}
.st--medium, .st0--medium, .st1--medium, .st2--medium, .st3--medium, .st4--medium {
  stroke-linecap: square;
  stroke-dasharray: 1000, 1513;
  stroke-width: 3;
  stroke: rgba(83, 113, 255, 0.35);
}
.st--small, .st0--small, .st1--small, .st2--small, .st3--small, .st4--small {
  stroke-linecap: square;
  stroke-dasharray: 500, 2013;
  stroke-width: 4;
}
.st--xsmall, .st0--xsmall, .st1--xsmall, .st2--xsmall, .st3--xsmall, .st4--xsmall {
  stroke-linecap: square;
  stroke-dasharray: 100, 2413;
  stroke-width: 6;
}
.st--three, .st0--three, .st1--three, .st2--three, .st3--three, .st4--three {
  stroke-linecap: square;
  stroke-dasharray: 320, 320;
  stroke-width: 6;
  stroke: rgba(83, 113, 255, 0.45);
}

.st0 {
  stroke-dasharray: 12.1947, 12.1947, 12.1947, 12.1947, 12.1947, 12.1947;
}

.st1 {
  stroke-dasharray: 50, 90, 200, 30, 40, 0;
}

.st2 {
  stroke-linecap: square;
  stroke-dasharray: 2000, 513;
  stroke-width: 4;
}

.st3 {
  stroke-width: 1;
  stroke-linecap: square;
}

.st4 {
  stroke-width: 1;
  stroke-linecap: square;
}