.module-gchild-browser .module-gchild-browser-bar .module-gchild-browser-field {
  gap: calc((8px * var(--scale-ratio)) + (8 - (8 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
}

.module-gchild-browser {
  --close: #ff6057;
  --minimize: #26ca40;
  --fullscreen: #ffc32f;
  position: relative;
}

.module-gchild-browser-wrapper.module-gc-dark-theme {
  border-color: var(--background-constant-dark-level-4-color);
}

.module-gchild-browser-wrapper {
  border: 1px solid var(--background-main-level-4-color);
  border-radius: calc((12px * var(--scale-ratio)) + (12 - (12 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
  overflow: hidden;
}

.module-gchild-browser-bar {
  align-items: center;
  background: var(--background-main-level-1-color);
  border-radius: calc((8px * var(--scale-ratio)) + (8 - (8 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120) 0 0 0;
  display: flex;
  flex-flow: row nowrap;
  gap: calc((16px * var(--scale-ratio)) + (16 - (16 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
  padding: calc((8px * var(--scale-ratio)) + (8 - (8 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120) calc((12px * var(--scale-ratio)) + (12 - (12 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
}

.module-gchild-browser-bar .module-gchild-browser-dots {
  display: flex;
}

.module-gchild-browser-bar .module-gchild-browser-dots span {
  align-items: center;
  aspect-ratio: 1;
  background: var(--background-main-level-5-color);
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  height: calc((8px * var(--scale-ratio)) + (8 - (8 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
  justify-content: center;
  margin-right: calc((4px * var(--scale-ratio)) + (4 - (4 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
  transition: all .2s ease-in-out;
}

.module-gchild-browser-bar .module-gchild-browser-dots span:first-child:hover {
  background: var(--close);
}

.module-gchild-browser-bar .module-gchild-browser-dots span:nth-child(2):hover {
  background: var(--fullscreen);
}

.module-gchild-browser-bar .module-gchild-browser-dots span:nth-child(3) {
  margin-right: 0;
}

.module-gchild-browser-bar .module-gchild-browser-dots span:nth-child(3):hover {
  background: var(--minimize);
}

.module-gchild-browser-bar .module-gchild-browser-field {
  align-items: center;
  background: var(--background-main-level-2-color);
  border: calc((2px * var(--scale-ratio)) + (2 - (2 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120) solid transparent;
  border-radius: calc((32px * var(--scale-ratio)) + (32 - (32 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
  display: flex;
  flex-grow: 1;
  justify-content: flex-start;
  padding: calc(((4px * var(--scale-ratio)) + (4 - (4 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120) / 2) calc((12px * var(--scale-ratio)) + (12 - (12 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
  transition: all .2s ease-in-out;
}

.module-gchild-browser-bar .module-gchild-browser-field:focus-within {
  border-color: var(--background-main-level-4-color);
}

.module-gchild-browser-bar .module-gchild-browser-field i {
  display: inline-block;
  font-size: calc(8px + (12 - 8) * (var(--box-width) - 320px) / (1440 - 320));
  font-weight: 450;
  margin-right: calc((4px * var(--scale-ratio)) + (4 - (4 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
}

.module-gchild-browser-bar .module-gchild-browser-field input[type=text] {
  background: var(--background-main-level-2-color);
  border: none;
  border-radius: 0;
  color: var(--text-main-level-3-color);
  font-size: calc(8px + (12 - 8) * (var(--box-width) - 320px) / (1440 - 320));
  font-weight: 450;
  letter-spacing: .002em;
  padding: 0;
}

.module-gchild-browser-bar .module-gchild-browser-field input[type=text]:focus {
  color: var(--text-main-level-1-color);
}

.module-gchild-browser-image {
  background: var(--background-negative-level-1-color);
}

.module-gchild-browser-image img,
.module-gchild-browser-image video {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  display: block;
  transition: opacity .3s ease-in-out;
  width: 100%;
}

.module-radius .module-gchild-browser-image img,
.module-radius .module-gchild-browser-image video {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.module-gchild-browser-image.refresh:after {
  animation: spin .8s ease infinite,round .8s ease infinite;
  border-radius: 50%;
  color: var(--action-primary-main-default-color);
  content: "";
  display: block;
  font-size: max(16px,calc(40px * var(--scale-ratio)) + (40 - calc(40 * var(--scale-ratio))) * (var(--box-width) - 320px)/(1440 - 320));
  height: 1em;
  left: 50%;
  position: absolute;
  text-indent: -9999em;
  top: 50%;
  transform: translate3d(-50%,-50%,0);
  width: 1em;
}

.module-gchild-browser-image.refresh img {
  opacity: .4;
}

.module-gchild-browser.hero-title {
  display: grid;
  justify-items: center;
}

.module-gchild-browser.hero-title .module-gc-has-bg-image {
  height: 100%;
  min-height: calc((537px * var(--scale-ratio)) + (537 - (537 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
  padding-bottom: 0;
}

.module-gchild-browser.hero-title .module-gchild-browser-desc,
.module-gchild-browser.hero-title .module-gchild-browser-wrapper {
  grid-column: -1;
  grid-row: -1;
}

.module-gchild-browser.hero-title .module-gchild-browser-wrapper {
  height: 100%;
  width: 100%;
}

.module-gchild-browser.hero-title .module-gchild-browser-desc {
  padding: calc((40px * var(--scale-ratio)) + (40 - (40 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
  padding-top: calc(30px + (144 - 30) * (var(--box-width) - 320px) / (1440 - 320));
  z-index: 2;
}

.module-gchild-browser.hero-title .module-gchild-browser-desc .btn {
  margin-top: calc((32px * var(--scale-ratio)) + (32 - (32 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
}

.module-gchild-browser.auto-height .slide {
  padding-bottom: 0!important;
}

.module-gchild-browser.auto-height .slide .module-video,
.module-gchild-browser.auto-height .slide img,
.module-gchild-browser.auto-height .slide video {
  height: auto!important;
  position: relative!important;
}

.section-start-hero .row-fw-offset-browser .module-gchild-browser {
  margin-left: calc(0px - ((20px * var(--scale-ratio)) + (20 - (20 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120));
}

.module-gchild-browser [class^=module-]+[class^=module-] {
  margin-top: 0;
}

.module-gchild-browser [class^=module-]+.module-gchild-browser-desc {
  margin-top: calc((4px * var(--scale-ratio)) + (4 - (4 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
}

.module-gchild-browser .module-gc-dark-theme {
  background: var(--background-constant-dark-level-1-color);
}

.module-gchild-browser .module-gc-dark-theme ::-moz-selection {
  background: hsla(0,0%,100%,.5);
  color: var(--text-constant-light-level-1-color);
}

.module-gchild-browser .module-gc-dark-theme ::selection {
  background: hsla(0,0%,100%,.5);
  color: var(--text-constant-light-level-1-color);
}

.module-gchild-browser .module-gc-dark-theme .module-gchild-browser-bar {
  background: var(--background-constant-dark-level-1-color);
  border-color: var(--background-negative-level-4-color);
}

.module-gchild-browser .module-gc-dark-theme .module-gchild-browser-bar .module-gchild-browser-arrows i {
  color: var(--text-constant-dark-level-2-color);
}

.module-gchild-browser .module-gc-dark-theme .module-gchild-browser-bar .module-gchild-browser-arrows i:not(.fa-arrow-right) {
  cursor: pointer;
}

.module-gchild-browser .module-gc-dark-theme .module-gchild-browser-bar .module-gchild-browser-arrows i:not(.fa-arrow-right):hover {
  color: var(--text-constant-dark-level-5-color);
}

.module-gchild-browser .module-gc-dark-theme .module-gchild-browser-bar .module-gchild-browser-arrows i.fa-arrow-right {
  color: var(--text-constant-dark-level-5-color);
}

.module-gchild-browser .module-gc-dark-theme .module-gchild-browser-bar .module-gchild-browser-arrows .fa-sync:hover {
  color: var(--text-constant-dark-level-5-color);
}

.module-gchild-browser .module-gc-dark-theme .module-gchild-browser-bar .module-gchild-browser-field {
  background: var(--background-constant-dark-level-2-color);
}

.module-gchild-browser .module-gc-dark-theme .module-gchild-browser-bar .module-gchild-browser-field:focus-within {
  border-color: var(--background-constant-dark-level-5-color);
}

.module-gchild-browser .module-gc-dark-theme .module-gchild-browser-bar .module-gchild-browser-field i {
  color: var(--text-constant-dark-level-5-color);
}

.module-gchild-browser .module-gc-dark-theme .module-gchild-browser-bar .module-gchild-browser-field input[type=text] {
  background: var(--background-constant-dark-level-2-color);
  color: var(--text-constant-dark-level-2-color);
}

.module-gchild-browser .module-gc-dark-theme .module-gchild-browser {
  background: var(--background-constant-dark-level-1-color);
}

.module-gchild-browser .module-gc-dark-theme .module-gchild-browser-image.refresh:after {
  color: var(--action-primary-negative-default-color);
}

.module-gchild-browser .module-gc-has-bg-image {
  padding-bottom: 54%;
  position: relative;
}

.module-gchild-browser .module-gc-has-bg-image .bg-image {
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  background-size: initial;
  height: auto;
  left: auto;
  overflow: visible;
  overflow: initial;
  position: static;
  top: auto;
  width: auto;
  z-index: auto;
}

.module-gchild-browser .module-gc-has-bg-image img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left top;
  object-position: left top;
  position: absolute;
  top: 0;
  width: 100%;
}

.module-gchild-browser .module-gc-has-bg-image .module-gc-bg-image {
  z-index: 0;
}

.module-gchild-browser .slider-container {
  z-index: 1;
}

.module-gchild-browser .slider-container.refresh:after {
  animation: spin .8s ease infinite,round .8s ease infinite;
  border-radius: 50%;
  color: var(--action-primary-main-default-color);
  content: "";
  display: block;
  font-size: max(16px,calc(40px * var(--scale-ratio)) + (40 - calc(40 * var(--scale-ratio))) * (var(--box-width) - 320px)/(1440 - 320));
  height: 1em;
  left: 50%;
  position: absolute;
  text-indent: -9999em;
  top: 50%;
  transform: translate3d(-50%,-50%,0);
  width: 1em;
}

.module-gchild-browser .slider-container.refresh .slide .module-image,
.module-gchild-browser .slider-container.refresh .slide .module-video {
  opacity: .4;
}

.module-gchild-browser .slider-container:not(.loaded) .slide:not(:first-child) img {
  display: none;
}

.module-gchild-browser .slider-container:not(.loaded) .slide:not(:first-child) video {
  display: none;
}

.module-gchild-browser .slider-container .slide {
  --slides-to-show: 1;
  --gap: calc((40px * var(--scale-ratio)) + (40 - (40 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
  align-items: center;
  display: flex;
  flex: initial;
  flex-shrink: 0;
  justify-content: center;
  margin-right: calc(var(--gap) / 2);
  padding-bottom: 54%;
  position: relative;
  transition: opacity .2s ease-in-out;
  width: calc(100% / var(--slides-to-show) - var(--gap) / var(--slides-to-show));
}

.module-gchild-browser .slider-container .slide img,
.module-gchild-browser .slider-container .slide video {
  border-radius: 0;
  border-bottom-left-radius: calc((12px * var(--scale-ratio)) + (12 - (12 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left top;
  object-position: left top;
  position: absolute;
  top: 0;
  transform: scale(1.01);
  width: 100%;
}

.module-gchild-browser .slider-container .slide video {
  pointer-events: none;
}

.module-gchild-browser .slider-container .slide .module-image,
.module-gchild-browser .slider-container .slide .module-video {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  transition: opacity .8s cubic-bezier(.23,1,.32,1);
  width: 100%;
}

.module-gchild-browser .slider-container .slide .module-image .inner-video,
.module-gchild-browser .slider-container .slide .module-video .inner-video {
  height: 100%;
  width: 100%;
}

.module-gchild-browser .slider-container .slide .video-play-btn {
  display: none;
}

.module-gchild-browser .slider-container .slide .module-code {
  display: none;
}

.module-gchild-browser .swiper-pagination {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  gap: calc((8px * var(--scale-ratio)) + (8 - (8 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
  left: 0;
  position: absolute;
  transform: translateY(100%);
  transition: opacity .6s cubic-bezier(.23,1,.32,1);
  z-index: 2;
}

.module-gchild-browser .swiper-pagination .swiper-pagination-bullet {
  aspect-ratio: 1/1;
  background: var(--background-main-level-5-color);
  border: 2px solid var(--background-main-level-1-color);
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: calc((12px * var(--scale-ratio)) + (12 - (12 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
  transition: all .8s cubic-bezier(.23,1,.32,1);
}

.module-gchild-browser .swiper-pagination .swiper-pagination-bullet:hover {
  background: var(--background-negative-level-4-color);
}

.module-gchild-browser .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--background-main-level-1-color);
  border-color: transparent;
  box-shadow: 0 0 0 1px var(--background-main-level-5-color);
}

.module-gchild-browser .swiper-pagination .swiper-pagination-bullet:only-child {
  display: none;
}

@media (max-width:991.98px) {
  .module-gchild-browser.hero-title {
    align-items: center;
  }
}

@media (max-width:767.98px) {
  .module-gchild-browser-bar {
    height: auto;
    padding: calc((4px * var(--scale-ratio)) + (4 - (4 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120) calc((12px * var(--scale-ratio)) + (12 - (12 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120) calc((4px * var(--scale-ratio)) + (4 - (4 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120) 0;
  }

  .module-gchild-browser-bar .module-gchild-browser-dots {
    margin: 0 calc((4px * var(--scale-ratio)) + (4 - (4 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
    min-width: calc((20px * var(--scale-ratio)) + (20 - (20 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
    width: auto;
  }

  .module-gchild-browser-bar .module-gchild-browser-dots span {
    margin-right: calc((4px * var(--scale-ratio)) + (4 - (4 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
  }

  .module-gchild-browser-bar .module-gchild-browser-arrows {
    margin: 0 calc((4px * var(--scale-ratio)) + (4 - (4 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
    min-width: 0;
  }

  .module-gchild-browser-bar .module-gchild-browser-arrows i {
    font-size: calc((8px * var(--scale-ratio)) + (8 - (8 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
    margin-right: calc((8px * var(--scale-ratio)) + (8 - (8 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
  }

  .module-gchild-browser-bar .module-gchild-browser-field {
    max-width: calc(100% - 87px);
    overflow: hidden;
    padding: calc((2px * var(--scale-ratio)) + (2 - (2 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120) calc((4px * var(--scale-ratio)) + (4 - (4 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
  }

  .module-gchild-browser-bar .module-gchild-browser-field input[type=text] {
    font-size: calc((12px * var(--scale-ratio)) + (12 - (12 * var(--scale-ratio))) * (var(--box-width) - 320px) / 1120);
    overflow: hidden;
    white-space: nowrap;
  }
}

@media (min-width:992px) {
  .module-gchild-browser.hero-title .module-gchild-browser-desc {
    max-width: 55%;
  }
}