/*
  Note: These are temporary previews of the images. 
  They're active for 10-15 days only. You should replace them with the actual images before using the code in production.
*/
:root {
  --image-0: url("/wp-content/themes/hrb-child/slider/images/image0.webp"), url("/wp-content/themes/hrb-child/slider/images/image0.png");
  --image-1: url("/wp-content/themes/hrb-child/slider/images/image1.webp"), url("/wp-content/themes/hrb-child/slider/images/image1.png");
  --image-2: url("/wp-content/themes/hrb-child/slider/images/image2.webp"), url("/wp-content/themes/hrb-child/slider/images/image2.png");
  --image-3: url("/wp-content/themes/hrb-child/slider/images/image3.webp"), url("/wp-content/themes/hrb-child/slider/images/image3.png");
  --custom-width: min(446px, 100vw);
  --design-width: 446;
  --ratio: calc(var(--custom-width) / var(--design-width));
}

/* Default classes */
.pos-abs {
  position: absolute;
}
.fill-parent {
  width: 100%;
  height: 100%;
}
.bg-contain {
  background-size: contain;
}
.bg-cover {
  background-size: cover;
}
.bg-auto {
  background-size: auto;
}
.bg-crop {
  background-size: 100% 100%;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.pos-init {
  top: 0px;
  left: 0px;
}
.image-div {
  background-color: transparent;
  background-position: center;
}
/* Default classes end */
body {
  margin: 0px;
  padding: 0px;
}
.parent-div {
  position: relative;
  width: var(--custom-width);
  height: calc(0.97 * var(--custom-width));
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
.imageimage1-1-325920 {
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  opacity: 1;
  z-index: 0;
  transform: rotate(0deg);
  overflow: hidden;
}
.ellipse-2-1-248724 {
  width: 77.08%;
  height: 79.39%;
  top: 10.48%;
  left: 22.92%;
  opacity: 1;
  z-index: 0;
  transform: rotate(0deg);
  border-radius: 50%;
  background: #0000ffff;
}
.ellipse-3-1-464776 {
  width: 77.08%;
  height: 79.39%;
  top: 20.61%;
  left: 16.36%;
  opacity: 1;
  z-index: 1;
  transform: rotate(0deg);
  border-radius: 50%;
  box-sizing: border-box;
  border-left: 1.8285714387893677px solid #fedf00ff;
  border-right: 1.8285714387893677px solid #fedf00ff;
  border-top: 1.8285714387893677px solid #fedf00ff;
  border-bottom: 1.8285714387893677px solid #fedf00ff;
}
.image-1-82917 {
  width: 84.87%;
  height: 87.42%;
  top: 6.47%;
  left: 6.73%;
  opacity: 1;
  z-index: 2;
  transform: rotate(0deg);
  overflow: hidden;
  border-radius: 1697.37353515625px 1697.37353515625px 1697.37353515625px
    1697.37353515625px;
}
.nodeBg-14384826 {
  background-image: var(--image-0);
  opacity: 1;
}
.image0071-0-44702 {
  width: 151.91%;
  height: 101.45%;
  top: 0%;
  left: -7.4%;
  opacity: 0;
  z-index: -10;
  transform: rotate(0deg);
  overflow: hidden;
}
.nodeBg-14384827 {
  background-image: var(--image-1);
  opacity: 1;
}
.image0041-0-391045 {
  width: 150.32%;
  height: 100.13%;
  top: 0%;
  left: -25.1%;
  opacity: 0;
  z-index: -10;
  transform: rotate(0deg);
  overflow: hidden;
}
.nodeBg-14384828 {
  background-image: var(--image-2);
  opacity: 1;
}
.image0051-0-91425 {
  width: 160.1%;
  height: 106.73%;
  top: -2.91%;
  left: -23.25%;
  opacity: 0;
  z-index: -10;
  transform: rotate(0deg) scaleX(-1);
  overflow: hidden;
}
.nodeBg-14231660 {
  background-image: var(--image-3);
  opacity: 1;
}
.image006-1-145700 {
  width: 134.08%;
  height: 200.9%;
  top: -46.86%;
  left: -0.22%;
  opacity: 1;
  z-index: 0;
  transform: rotate(0deg) scaleX(-1);
  overflow: hidden;
}
.mask-group-1-263427 {
  width: 93.27%;
  height: 87.53%;
  top: 6.24%;
  left: 6.73%;
  opacity: 1;
  z-index: 3;
  transform: rotate(0deg);
}
.ellipse-3-1-421806 {
  width: 123.08%;
  height: 135.09%;
  top: -44.85%;
  left: -17.55%;
  opacity: 1;
  z-index: 1;
  transform: rotate(0deg);
  border-radius: 50%;
  box-sizing: border-box;
  border-left: 1.8285714387893677px solid #ffffffff;
  border-right: 1.8285714387893677px solid #ffffffff;
  border-top: 1.8285714387893677px solid #ffffffff;
  border-bottom: 1.8285714387893677px solid #ffffffff;
}

.union-1-411474 {
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  opacity: 1;
  z-index: 0;
  transform: rotate(0deg);
  overflow: hidden;
}