@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Black.woff2") format("woff2");
  font-weight: 900;
  font-display: swap;
}
#sg_b.sungroup * {
  box-sizing: border-box;
}
.landing-page-sun-group {
  max-width: 1920px !important;
}
.c-layout_row.c-layout_item.is-main.is-container {
  width: 1920px;
  max-width: 100%;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
#sg_b.sungroup .button a {
  display: block !important;
}
/*  */

.sg_fix {
  max-width: 1920px;
  width: 100%;
  margin: auto;
}
#sg_b.sungroup img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
#sg_b.sungroup .sg_wrapper {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
#sg_b.sungroup .c-y {
  color: #fbb900;
}
#sg_b.sungroup .sg_section {
  font-family: "Lato";
}
#sg_b.sungroup .sg_title {
  font-size: 44px;
  line-height: 50px !important;
}
#sg_b.sungroup .sg_text {
  font-size: 24px;
  line-height: 30px !important;
}
#sg_b.sungroup .sg_sec1-switcher {
  gap: 40px;
}

#sg_b.sungroup .sec-1 {
  padding: 300px 0 50px;
  overflow: hidden;
}
#sg_b.sungroup .sg_sec1-img {
  left: 0;
  top: 0;
  width: 100%;
}
#sg_b.sungroup .sg_sec1-img img {
  height: 870px;
  object-fit: cover;
  object-position: center;
}
#sg_b.sungroup .sg_sec1-switcher-item {
  padding: 10px 20px;
  background: #fff;
  border-radius: 30px;
  border: 2px solid #fbb900;
  font-size: 22px;
  line-height: 22px !important;
  font-weight: 700;
  color: #fbb900;
  cursor: pointer;
  transition: 0.3s background;
}
#sg_b.sungroup .sg_sec1-row-img {
  display: none !important;
  height: 660px;
}
#sg_b.sungroup .sg_sec1-row-img img {
  width: auto;
  max-height: 100%;
}
#sg_b.sungroup .sg_sec1-row-img.sg-active {
  display: inline-flex !important;
}
#sg_b.sungroup .sg_sec1-switcher-item:hover {
  background: #fbb900;
  color: #fff;
}
#sg_b.sungroup .sg_sec1-switcher-item.sg-active {
  background: #fbb900;
  color: #fff;
}
#sg_b.sungroup .sg_sec1-cols {
  gap: 40px;
}
/* tooltip */
#sg_b.sungroup .sg_tooltip-box {
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  transition: 0.3s ease-in-out;
}
#sg_b.sungroup .sg_tooltip-box img {
  width: auto;
  max-height: 100%;
}
#sg_b.sungroup .sg_tooltip-box:hover {
  background: rgba(255, 255, 255, 0.5);
}
#sg_b.sungroup .sg_tooltip-box.tooltip-1 {
  left: -5%;
  bottom: 33%;
}
#sg_b.sungroup .sg_tooltip-box.tooltip-2 {
  left: -9%;
  bottom: 60%;
}
#sg_b.sungroup .sg_tooltip-box.tooltip-3 {
  left: -4%;
  bottom: 87%;
}
#sg_b.sungroup .sg_tooltip-box.tooltip-4 {
  left: 20%;
  bottom: 105%;
}
#sg_b.sungroup .sg_tooltip-box.tooltip-5 {
  right: 20%;
  bottom: 105%;
}
#sg_b.sungroup .sg_tooltip-box.tooltip-6 {
  right: -4%;
  bottom: 87%;
}
#sg_b.sungroup .sg_tooltip-box.tooltip-7 {
  right: -9%;
  bottom: 60%;
}
#sg_b.sungroup .sg_tooltip-box.tooltip-8 {
  right: -5%;
  bottom: 33%;
}
#sg_b.sungroup .sg_tooltip-box.tooltip-2-1 {
  left: -5%;
  bottom: 42%;
}
#sg_b.sungroup .sg_tooltip-box.tooltip-2-2 {
  left: 0;
  bottom: 70%;
}
#sg_b.sungroup .sg_tooltip-box.tooltip-2-3 {
  left: 17%;
  bottom: 93%;
}
#sg_b.sungroup .sg_tooltip-box.tooltip-2-4 {
  left: 42%;
  bottom: 106%;
}
#sg_b.sungroup .sg_tooltip-box.tooltip-2-5 {
  right: 15%;
  bottom: 93%;
}
#sg_b.sungroup .sg_tooltip-box.tooltip-2-6 {
  right: 0;
  bottom: 70%;
}
#sg_b.sungroup .sg_tooltip-box.tooltip-2-7 {
  right: -5%;
  bottom: 42%;
}
#sg_b.sungroup .sg_tooltip-text {
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 184px / 2 - 36px);
  width: 184px;
  padding: 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 1);
  font-size: 22px;
  line-height: 22px !important;
  font-family: "Lato";
  font-weight: 700;
  color: #fbb900;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease-in-out;
  z-index: 2;
}
#sg_b.sungroup .sg_tooltip-box:hover .sg_tooltip-text {
  visibility: visible;
  opacity: 1;
}
#sg_b.sungroup .sg_tooltip-text::after {
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  background: rgba(255, 255, 255, 1);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: calc(0% - 22px - 8px);
  z-index: 2;
}
#sg_b.sungroup .sg_tooltip-text::before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  background: rgba(255, 255, 255, 1);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: calc(0% - 14px - 36px);
  z-index: 2;
}
#sg_b.sungroup .sg_sec1-row-img[data-switch="sw2"] .sg_tooltip-box:not(.filter-none) img {
  filter: invert(76%) sepia(84%) saturate(2278%) hue-rotate(1deg) brightness(101%) contrast(100%);
}
/*  */
#sg_b.sungroup .sec-2 {
  padding: 70px 0 250px;
  background: url("../images/lp/bg-1.webp");
  background-size: cover;
  background-position: center;
}
#sg_b.sungroup .sg_sec2-img {
  margin-top: 70px;
}
#sg_b.sungroup .sg_section img.pos-a {
  left: 0;
  top: -13%;
}
#sg_b.sungroup .sg_section.sec-3 img.pos-a {
  top: 13%;
}
#sg_b.sungroup .sg_section.slider-1 img.pos-a {
  left: unset;
  right: 0;
  top: -6%;
}
#sg_b.sungroup .sg_section.slider-2 img.pos-a {
  left: unset;
  right: 0;
  top: -11%;
}

#sg_b.sungroup .sg_section.sec-5 img.pos-a {
  top: -43%;
}
#sg_b.sungroup .sec-3 {
  padding: 250px 0 200px;
}
#sg_b.sungroup .sg_table {
  max-width: 1420px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 2;
  margin-top: 20px;
}
#sg_b.sungroup .sg_main-cols {
  min-width: 230px;
  max-width: 25%;
  width: 100%;
  position: sticky;
  left: 0;
}
#sg_b.sungroup .sg_head-box {
  height: 230px;
  width: 100%;
  margin-bottom: 50px;
  font-size: 30px;
  line-height: 38px !important;
  color: #d51317;
  font-weight: 900;
  padding: 0 10px;
}
#sg_b.sungroup .sg_main-cols .sg_head-box {
  padding: 5px 15px;
}
#sg_b.sungroup .sg_row-col {
  height: 50px;
  font-size: 17px;
  line-height: 22px !important;
  font-weight: 400;
  color: #000;
  width: 100%;
  padding: 5px;
  z-index: 2;
}
#sg_b.sungroup .sg_row-col:nth-child(2n) {
  background: #f6f6f6;
  font-weight: 700;
}
#sg_b.sungroup .sg_main-cols .sg_row-col {
  padding: 5px 15px;
}
#sg_b.sungroup .sg_row-col:last-child {
  background: unset;
  height: 80px;
  padding: 0 10px;
}
#sg_b .sg_table .splide__arrow {
  display: none;
}
#sg_b.sungroup .sg_row-col span {
  color: #d51317;
}
#sg_b.sungroup .sg_tbody {
  overflow: hidden;
  width: 100%;
}
#sg_b.sungroup .slider-1 {
  padding: 157px 125px 0;
}
#sg_b.sungroup .sg_slider1-rows {
  gap: 40px;
}
#sg_b.sungroup .sg_slider1-row {
  gap: 40px;
}
#sg_b.sungroup .sg_slider1-row-box {
  max-width: 60%;
  width: 100%;
  background: #fbb900;
  border-radius: 25px;
  padding: 46px;
}
#sg_b.sungroup .sg_slider1-content {
  max-width: 458px;
  width: 100%;
}
#sg_b.sungroup .sg_slider1-text {
  font-size: 28px;
  line-height: 32px !important;
}
#sg_b.sungroup .slider-1 .splide__arrow {
  top: unset;
  bottom: calc(-58px / 2 - 46px / 2);
  border-radius: 50%;
  background: #d51317;
  width: 58px;
  height: 58px;
}
#sg_b.sungroup .slider-1 .splide__arrow--prev {
  left: 40%;
}
#sg_b.sungroup .slider-1 .splide__arrow--next {
  right: 40%;
}
#sg_b.sungroup .slider-1 .splide__arrow svg,
#sg_b.sungroup .slider-2 .splide__arrow svg,
#sg_b.sungroup .sec-4 .splide__arrow svg,
#sg_b.sungroup .sec-2 .splide__arrow svg {
  fill: #fff;
  width: 25px;
  height: 25px;
}
#sg_b.sungroup .slider-2 {
  padding: 250px 100px;
}
#sg_b.sungroup .slider-2 .splide__arrow,
#sg_b.sungroup .sec-4 .splide__arrow,
#sg_b.sungroup .sec-2 .splide__arrow {
  border-radius: 50%;
  background: #d51317;
  width: 58px;
  height: 58px;
}
#sg_b.sungroup .slider-2 .splide {
  max-width: 1440px;
  margin: 50px auto 0;
  z-index: 2;
}
#sg_b.sungroup .slider-2 .splide__arrow--next,
#sg_b.sungroup .sec-2 .splide__arrow--next {
  right: -5%;
}
#sg_b.sungroup .slider-2 .splide__arrow--prev,
#sg_b.sungroup .sec-2 .splide__arrow--prev {
  left: -5%;
}
#sg_b.sungroup .sec-5 {
  padding: 0 200px 200px;
}
#sg_b.sungroup .sg_sec5-content {
  max-width: 450px;
  width: 100%;
}
#sg_b.sungroup .sg_sec5-content div {
  text-align: right !important;
}
#sg_b.sungroup .sg_sec5-rows div:nth-child(2) {
  flex-grow: 1;
}
#sg_b.sungroup .sg_sec5-text {
  font-size: 18px;
  line-height: 24px !important;
}
#sg_b.sungroup .sg_sec5-line-dot {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fbb900;
}
#sg_b.sungroup .sg_sec5-line-img {
  height: 91px;
}
#sg_b.sungroup .sg_sec5-line::before {
  position: absolute;
  content: "";
  top: calc(50% - -15px / 2);
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 108px);
  height: 7px;
  background: #fbb900;
}

#sg_b.sungroup .sg_sec6-rows {
  max-width: 1430px;
  width: 100%;
  margin: 0 auto 239px;
  min-height: 513px;
  max-height: 513px;
  background: #fbb900;
  border-radius: 25px;
}
#sg_b.sungroup .sg_sec6-rows::before {
  position: absolute;
  content: "";
}
#sg_b.sungroup .sg_sec6-content {
  max-width: 582px;
  width: 100%;
  padding: 50px 0 50px 50px;
}
#sg_b.sungroup .sg_sec6-img img {
  width: auto;
}
#sg_b.sungroup .sg_sec6-title {
  font-size: 38px;
  line-height: 44px !important;
}
#sg_b.sungroup .sg_sec6-img {
  margin-right: -5%;
}
#sg_b.sungroup .sg_footer {
  background: #000;
  padding: 40px;
}
#sg_b.sungroup .sg_sec2-row {
  background: #fff;
  border-radius: 20px;
  padding: 20px;
  gap: 40px;
  height: 100%;
}
#sg_b.sungroup .sg_sec2-content {
  max-width: 326px;
  width: 100%;
}
#sg_b.sungroup .slider-3 {
  margin-top: 100px;
}

#sg_b.sungroup .slider-3 .sg_slider1-text {
  color: #d51317;
}
#sg_b.sungroup .slider-3 .splide__slide:nth-child(2n) .sg_slider1-text {
  color: #fbb900;
}
#sg_b.sungroup .sg_slider2-text {
  font-size: 23px;
  line-height: 30px !important;
}

@media (max-width: 1600px) {
  #sg_b.sungroup .sg_sec6-img {
    margin-right: unset;
  }
}
@media (max-width: 1500px) {
  #sg_b.sungroup .slider-1 {
    padding: 50px 20px 0;
  }
  #sg_b.sungroup .slider-2 {
    padding: 50px 20px;
  }
  #sg_b.sungroup .sg_section img.pos-a {
    display: none;
  }
  #sg_b.sungroup .slider-2 .splide__arrow--next {
    right: -5px;
  }
  #sg_b.sungroup .slider-2 .splide__arrow--prev {
    left: -5px;
  }

  #sg_b.sungroup .sec-5 {
    padding: 0 20px 20px;
  }
  #sg_b.sungroup .sg_sec6-rows {
    border-radius: unset;
  }
  #sg_b.sungroup .sec-6 {
    margin-top: 140px;
  }
  #sg_b.sungroup .sg_sec6-content {
    padding: 20px 0 20px 20px;
  }
  #sg_b.sungroup .sg_footer {
    padding: 20px;
  }

  #sg_b.sungroup .sec-2 .splide__arrow--next {
    right: 5px;
  }

  #sg_b.sungroup .sec-2 .splide__arrow--prev {
    left: 5px;
  }
}
@media (max-width: 1360px) {
  #sg_b.sungroup .sg_wrapper {
    padding: 0 20px;
  }
  #sg_b.sungroup .sg_sec1-switcher,
  #sg_b.sungroup .sg_sec1-cols,
  #sg_b.sungroup .sg_sec2-row {
    gap: 20px;
  }
  #sg_b.sungroup .sec-3 {
    padding: 50px 0;
  }
}
@media (max-width: 1250px) {
  #sg_b.sungroup .sg_sec1-row-img img {
    width: 50vh;
    display: block;
  }
  #sg_b.sungroup .sg_sec1-row-img {
    height: 570px;
  }
  #sg_b.sungroup .sg_tooltip-box {
    width: 8vh;
    height: 8vh;
  }
  #sg_b.sungroup .sg_tooltip-box img {
    width: 60% !important;
  }
  #sg_b.sungroup .sg_tooltip-text {
    width: 14vh;
    padding: 1vh;
    font-size: 1.5vh;
    line-height: 1.7vh !important;
    top: calc(100% + 16vh / 2 - 3.5vh);
    left: 50%;
    transform: translate(-50%, 0);
  }
  #sg_b.sungroup .sg_tooltip-text::after {
    width: 1.7vh;
    height: 1.7vh;
    top: calc(0% - 1.7vh - 2vh);
    transform: translate(-50%, 0);

    left: 50%;
    z-index: 2;
  }
  #sg_b.sungroup .sg_tooltip-text::before {
    width: 1vh;
    height: 1vh;
    left: 50%;
    transform: translate(-50%, 0);
    top: calc(0% - 1vh - 0.5vh);
    z-index: 2;
  }
}
@media (max-width: 1000px) {
  #sg_b.sungroup .sg_slider1-row-box {
    max-width: 100%;
  }
  #sg_b.sungroup .sg_slider1-rows {
    flex-flow: column;
  }
  #sg_b.sungroup .sg_slider1-row-box {
    padding: 20px;
    gap: 20px;
  }
  #sg_b.sungroup .sg_slider1-row {
    gap: 20px;
  }
  #sg_b.sungroup .slider-1 .splide__arrow--prev {
    left: 30%;
  }
  #sg_b.sungroup .slider-1 .splide__arrow--next {
    right: 30%;
  }
  #sg_b.sungroup .sec-6 {
    margin-top: unset;
  }
  #sg_b.sungroup .sg_sec6-rows {
    gap: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 900px) {
  #sg_b.sungroup .sg_head-box {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px !important;
    padding: 0;
  }
  #sg_b.sungroup .sg_head-box img {
    max-width: 90%;
  }
  #sg_b.sungroup .sg_main-cols {
    min-width: 190px;
    max-width: 15%;
  }
  #sg_b.sungroup .sg_row-col {
    height: 60px;
  }
}
@media (max-width: 800px) {
  #sg_b.sungroup .sec-1 {
    padding: 150px 0 20px;
  }
  #sg_b.sungroup .sg_sec1-row-img {
    max-width: 400px;
    margin: auto;
    height: 455px;
  }
  #sg_b.sungroup .sg_sec5-rows {
    flex-wrap: wrap;
    align-items: flex-start !important;
  }
  #sg_b.sungroup .sg_sec5-rows .sg_sec5-img:nth-child(1),
  #sg_b.sungroup .sg_sec5-rows .sg_sec5-img:nth-child(2) {
    flex-grow: 1;
    width: 40%;
  }
  #sg_b.sungroup .sg_sec5-content {
    max-width: 100% !important;
  }
  #sg_b.sungroup .sg_sec5-content div {
    text-align: left !important;
  }
  #sg_b.sungroup .sg_sec5-line::before {
    display: none;
  }
  #sg_b.sungroup .sg_sec5-line-dot {
    display: none !important;
  }
  #sg_b.sungroup .sg_sec5-line {
    flex-wrap: wrap;
    gap: 20px;
  }
  #sg_b.sungroup .sg_sec5-line-item {
    flex-grow: 1;
    width: 40%;
    gap: 20px;
  }
  #sg_b.sungroup .sg_sec6-rows {
    flex-flow: column;
  }
  #sg_b.sungroup .sg_sec6-rows {
    min-height: unset;
    max-height: unset;
  }
  #sg_b.sungroup .sg_sec6-img {
    padding: 0 20px 20px;
  }
  #sg_b.sungroup .sg_sec6-content {
    padding: 20px 20px 0 20px;
  }
}
@media (max-width: 600px) {
  #sg_b.sungroup .sg_sec1-cols,
  #sg_b.sungroup .sg_sec1-switcher {
    flex-flow: column;
  }
  #sg_b.sungroup .sec-2,
  #sg_b.sungroup .sec-3 {
    padding: 20px 0 !important;
  }
  #sg_b.sungroup .sg_sec2-img {
    margin-top: 20px;
  }
  #sg_b.sungroup .sg_sec2-col {
    flex-flow: column-reverse;
  }
  #sg_b.sungroup .sg_sec2-col img {
    max-width: 120px;
  }
  #sg_b.sungroup .sg_video-wrap {
    flex-flow: column;
  }
  #sg_b.sungroup .sg_video-wrap .max-w {
    max-width: 100%;
  }
  #sg_b.sungroup .sg_main-cols {
    min-width: 140px;
  }
  #sg_b.sungroup .sg_head-box {
    height: 170px;
    padding: 0 5px;
  }
  #sg_b.sungroup .sg_head-box img {
    max-width: 150px;
  }
  #sg_b.sungroup .sg_row-col {
    font-size: 14px;
    line-height: 18px !important;
  }
  #sg_b.sungroup .sg_slider1-img {
    max-width: 150px;
  }
  #sg_b.sungroup .slider-1 {
    padding: 20px 20px 0;
  }
  #sg_b.sungroup .slider-1 .splide__arrow {
    bottom: calc(-55px / 2 - 20px / 2);
    width: 38px;
    height: 38px;
  }
  #sg_b.sungroup .slider-1 .splide__arrow svg,
  #sg_b.sungroup .slider-2 .splide__arrow svg,
  #sg_b.sungroup .sec-4 .splide__arrow svg,
  #sg_b.sungroup .sec-2 .splide__arrow svg {
    width: 16px;
    height: 16px;
  }
  #sg_b.sungroup .slider-2 .splide__arrow,
  #sg_b.sungroup .sec-4 .splide__arrow,
  #sg_b.sungroup .sec-2 .splide__arrow {
    width: 38px;
    height: 38px;
  }
  #sg_b.sungroup .sg_slider1-row {
    flex-flow: column;
    align-items: center !important;
  }
  #sg_b.sungroup .slider-2 {
    padding: 20px;
  }
  #sg_b.sungroup .slider-2 .splide {
    margin-top: 20px;
  }
  #sg_b.sungroup .sec-5 {
    padding: 0 20px 20px;
  }
  #sg_b.sungroup .sec-5 .sg_sec5-rows img {
    max-width: 90%;
  }
  #sg_b.sungroup .sg_footer img {
    max-width: 150px;
  }
  #sg_b.sungroup .sg_sec2-row {
    flex-flow: column;
  }
  #sg_b.sungroup .sg_row2-img {
    max-width: 150px;
  }
  #sg_b.sungroup .slider-3 {
    margin-top: 20px;
  }
  #sg_b.sungroup .sg_sec2-content {
    max-width: 100%;
  }
  #sg_b .sg_table .splide__arrow {
    display: block;
  }
  /* Tooltip */
  #sg_b.sungroup .sg_sec1-row-img img {
    width: 35vh;
  }
  #sg_b.sungroup .sg_tooltip-box {
    width: 6vh;
    height: 6vh;
  }
  #sg_b.sungroup .sec-1 {
    padding-top: 110px;
  }
  #sg_b.sungroup .sg_tooltip-box.tooltip-1 {
    bottom: 33%;
  }
  #sg_b.sungroup .sg_tooltip-box.tooltip-2 {
    bottom: 55%;
  }
  #sg_b.sungroup .sg_tooltip-box.tooltip-3 {
    bottom: 80%;
  }
  #sg_b.sungroup .sg_tooltip-box.tooltip-4 {
    bottom: 95%;
  }
  #sg_b.sungroup .sg_tooltip-box.tooltip-5 {
    bottom: 95%;
  }
  #sg_b.sungroup .sg_tooltip-box.tooltip-6 {
    bottom: 80%;
  }
  #sg_b.sungroup .sg_tooltip-box.tooltip-7 {
    bottom: 55%;
  }
  #sg_b.sungroup .sg_tooltip-box.tooltip-8 {
    bottom: 33%;
  }
  #sg_b.sungroup .sg_sec1-row-img {
    height: 390px;
  }
  #sg_b.sungroup .sg_tooltip-text {
    width: 11vh;
    font-size: 1.2vh;
    line-height: 1.4vh !important;
    top: calc(100% + 16vh / 2 - 3.5vh);
    left: 50%;
    transform: translate(-50%, 0);
  }
  /*  */
}
@media (max-width: 460px) {
  #sg_b.sungroup .sg_sec1-row-img img {
    width: 25vh;
  }
  #sg_b.sungroup .sg_tooltip-box {
    width: 5vh;
    height: 5vh;
  }
  #sg_b.sungroup .sec-1 {
    padding-top: 90px;
  }
  #sg_b.sungroup .sg_tooltip-text {
    width: 9vh;
    font-size: 1vh;
    line-height: 1.2vh !important;
  }
  #sg_b.sungroup .sg_sec1-row-img {
    height: 300px;
  }
}
@media (max-width: 420px) {
  #sg_b.sungroup .sg_sec5-line-item {
    width: 100%;
  }
  #sg_b.sungroup .sg_sec5-line-item br {
    display: none;
  }
}