/* 1. Use a more-intuitive box-sizing model */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 2. Remove default margin */
*:not(dialog) {
  margin: 0;
}

body {
  /* 4. Add accessible line-height */
  line-height: 1.5;
  /* 5. Improve text rendering */
  -webkit-font-smoothing: antialiased;
  font-family:sans-serif;
}

/* 6. Improve media defaults */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* 7. Inherit fonts for form controls */
input,
button,
textarea,
select {
  font: inherit;
}

/* 8. Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/* 9. Improve line wrapping */
p {
  text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

a {
  text-decoration:none;
}

/*
  10. Create a root stacking context
*/
#root,
#__next {
  isolation: isolate;
}

.ggPageContainer span,
.ggPageContainer p {
  margin: 0px;
  padding: 0px;
}

.ggPageContainer {
  color: rgb(38, 53, 70);
}

.ggHeroSection {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 1240px;
  margin: 30px auto;
  padding: 20px;
  align-items: center;
}

@media (max-width:1100px) {
  .ggHeroSection {
    flex-direction: column;
  }

  .ggHeroSectionLeft {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}

.ggHeroSectionLeft {
  width: 100%;
  max-width: 450px;
}

.ggHeroSectionTitle {
  font-size: 46px;
  font-weight: 700;
  font-style: normal;
  color: rgb(38, 53, 70);
  line-height: 46px;
  letter-spacing: -0.046em;
}

.ggHeroSectionSubtitle {
  font-size: 37px;
  font-weight: 700;
  line-height: 37px;
  letter-spacing: -0.046em;
  font-style: normal;
  color: rgb(13, 131, 141);
  margin-top: 10px;
}

.ggHeroSectionTitle span {
  display: block;
}

.ggHeroSectionLeft img {
  width: 100%;
  max-width: 250px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ggHeroSectionRight {
  display: block;
  position: relative;
}

.ggHeroSectionRightBg {
  width: 100%;
  max-width: 750px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
}

.ggHeroSectionRightTablet {
  display: inline-block;
  position: absolute;
  z-index: 9;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 480px;
  height: 270px;
}

.ggHeroSectionRightTabletEmpty {
  display: block;
  position: absolute;
  width: 100%;
  z-index: 9;
  left: 0px;
  top: 0px;
}

.ggHeroSectionRightTabletScreen01 {
  display: block;
  position: absolute;
  width: calc(100% - 20px);
  z-index: 1;
  left: 10px;
  top: 10px;
  max-height: 260px;
  border-radius:10px;
}

.ggHeroSectionRightTablet {
  transition: transform 0.25s ease;
}

.ggHeroSectionRightTablet:hover {
  transform: translate(-50%, -50%) scale(1.10);
}

.tablet-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 10;
  pointer-events: none;
}

.screens-wrapper {
  position: absolute;
  left: 15px;
  top: 10px;
  right: 15px;
  bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
  background: white;
}

.screen {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transition: opacity 0.9s ease-in-out;
}

.screen-1 {
  animation: slideshow 12s infinite;
}
.screen-2 {
  animation: slideshow 12s infinite 4s;
}
.screen-3 {
  animation: slideshow 12s infinite 8s;
}

@keyframes slideshow {
  0%    { opacity: 0; }
  3%    { opacity: 1; }
  30%   { opacity: 1; }
  33%   { opacity: 0; }
  100%  { opacity: 0; }
}

@media (max-width: 500px) {
  .ggHeroSectionRightTablet {
    max-width: 320px;
    height: 180px;
  }
  .screens-wrapper {
    right: 10px;
    left: 10px;
    bottom: 5px;
    top: 5px;
  }
}

.ggHeroSectionCtaBtn {
  display: inline-block;
  position: relative;
  margin-top: 50px;
  border-radius: 40px;
  padding: 15px 50px;
  font-size: 19px;
  font-weight: 600;
  color: black;
  text-transform: uppercase;
  background: rgb(255, 190, 43);
}

.ggHeroSectionCtaBtn:hover {
  background: rgb(255, 190, 43);
  color: black;
  text-decoration: none;
}

.ggFvtSection {
  display: block;
  position: relative;
  background: rgb(235, 241, 248);
  padding: 60px 0px;
}

.ggFvtSectionInner {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1240px;
  padding: 20px;
  margin: 0px auto;
  background: rgb(235, 241, 248);
}

.ggFvtSectionR1 {
  color: rgb(38, 53, 70);
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 60px;
}

.ggFvtSectionTitle {
  font-size: 38px;
  font-weight: bold;
  line-height: 38px;
  margin-bottom: 30px;
}

.ggFvtSectionSubtitle {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 40px;
}

.ggFvtSectionCols {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: space-between;
}


@media (max-width:800px) {
  .ggFvtSectionCols {
    flex-direction: column;
    align-items: center;
  }
}

.ggFvtSectionCol {
  display: flex;
  position: relative;
  width: 100%;
  padding: 20px;
  max-width: 330px;
  flex-direction: column;
  align-items: center;
}

.ggFvtSectionColIcon {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ggFvtSectionColTitle {
  text-align: center;
  font-size: 24px;
  line-height: 24px;
  padding: 10px 0px;
  font-weight: bold;
}

.ggFvtSectionColSubtitle {
  text-align: center;
  font-size: 21px;
  line-height: 21px;
  padding: 10px 0px;
}

.ggHiwSection {
  display: block;
  position: relative;
  background: white;
  padding: 60px 0px;
}

.ggHiwSectionInner {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1240px;
  padding: 20px;
  margin: 0px auto;
  background: white;
}

.ggHiwSectionR1 {
  color: rgb(38, 53, 70);
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 60px;
}

.ggHiwSectionTitle {
  font-size: 38px;
  font-weight: bold;
  line-height: 38px;
  margin-bottom: 30px;
}

.ggHiwSectionSubtitle {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 40px;
}

.ggHiwSectionCols {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: space-between;
}

.ggHiwSectionColIcon {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (max-width:800px) {
  .ggHiwSectionCols {
    flex-direction: column;
    align-items: center;
  }
}

.ggHiwSectionCol {
  display: flex;
  position: relative;
  width: 100%;
  padding: 20px;
  max-width: 330px;
  flex-direction: column;
  align-items: center;
}

.ggHiwSectionColTitle {
  text-align: center;
  font-size: 24px;
  line-height: 24px;
  padding: 10px 0px;
  font-weight: bold;
}

.ggHiwSectionColSubtitle {
  text-align: center;
  font-size: 21px;
  line-height: 21px;
  padding: 10px 0px;
}

.ggPfSection {
  display: block;
  position: relative;
  background: rgb(235, 241, 248);
  padding: 60px 0px;
}

.ggPfSectionInner {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1240px;
  padding: 20px;
  margin: 0px auto;
  background: rgb(235, 241, 248);
}

.ggPfSectionR1 {
  color: rgb(38, 53, 70);
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 60px;
}

.ggPfSectionTitle {
  font-size: 38px;
  font-weight: bold;
  line-height: 38px;
  margin-bottom: 30px;
}

.ggPfSectionSubtitle {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 40px;
}

.ggPfSectionCols {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: space-between;
}

@media (max-width:800px) {
  .ggPfSectionCols {
    flex-direction: column;
    align-items: center;
  }
}

.ggPfSectionCol {
  display: flex;
  position: relative;
  width: 100%;
  padding: 20px;
  max-width: 450px;
  flex-direction: column;
  align-items: center;
}

.ggPfSectionColIcon {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ggPfSectionColTitle {
  text-align: center;
  font-size: 24px;
  line-height: 24px;
  padding: 10px 0px;
  font-weight: bold;
}

.ggPfSectionColSubtitle {
  text-align: center;
  font-size: 21px;
  line-height: 21px;
  padding: 10px 0px;
}

.ggPfSectionSubtitle2 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 10px;
  font-weight: bold;
}

.ggPfSectionSubtitle3 {
  font-size: 24px;
  line-height: 24px;
  margin: 20px 0px;
  font-weight: bold;
  text-align: center;
}


.ggPfSectionCols2 {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: center;
}

@media (max-width:800px) {
  .ggPfSectionCols2 {
    flex-direction: column;
    align-items: center;
  }
}

.ggPfSectionCols2 .ggPfSectionCol {
  display: flex;
  position: relative;
  width: 100%;
  padding: 20px;
  max-width: 450px;
  flex-direction: column;
  align-items: center;
}

.ggPfSectionCols2 .ggPfSectionColSubtitle {
  text-align: left;
}

.ggDfdSection {
  display: block;
  position: relative;
  background: white;
  padding: 60px 0px;
}

.ggDfdSectionInner {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1240px;
  padding: 20px;
  margin: 0px auto;
  background: white;
}

.ggDfdSectionR1 {
  color: rgb(38, 53, 70);
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 60px;
}

.ggDfdSectionTitle {
  font-size: 38px;
  font-weight: bold;
  line-height: 38px;
  margin-bottom: 30px;
}

.ggDfdSectionSubtitle {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 40px;
}

.ggDfdSectionCols {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: center;
}

.ggDfdSectionColIcon {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (max-width:800px) {
  .ggDfdSectionCols {
    flex-direction: column;
    align-items: center;
  }
}

.ggDfdSectionCol {
  display: flex;
  position: relative;
  width: 100%;
  padding: 20px;
  max-width: 330px;
  flex-direction: column;
  align-items: center;
}

.ggDfdSectionColTitle {
  text-align: center;
  font-size: 24px;
  line-height: 24px;
  padding: 10px 0px;
  font-weight: bold;
}

.ggDfdSectionColSubtitle {
  text-align: center;
  font-size: 21px;
  line-height: 21px;
  padding: 10px 0px;
}

.ggDfdSectionSubtitle2 {
  font-size: 24px;
  line-height: 24px;
  font-weight:bold;
  text-align: center;
  margin: 10px;
}


.ggCapSection {
  display: block;
  position: relative;
  background: rgb(235, 241, 248);
  padding: 60px 0px;
}

.ggCapSectionInner {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1240px;
  padding: 20px;
  margin: 0px auto;
  background: rgb(235, 241, 248);
}

.ggCapSectionR1 {
  color: rgb(38, 53, 70);
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 60px;
}

.ggCapSectionTitle {
  font-size: 38px;
  font-weight: bold;
  line-height: 38px;
  margin-bottom: 30px;
}

.ggCapSectionSubtitle {
  font-size: 22px;
  line-height: 22px;
}

.ggCapSectionCols {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: space-around;
}


@media (max-width:800px) {
  .ggCapSectionCols {
    flex-direction: column;
    align-items: center;
  }
}

.ggCapSectionCol {
  display: flex;
  position: relative;
  width: 100%;
  padding: 20px;
  max-width: 500px;
  flex-direction: column;
  align-items: center;
}

.ggCapSectionColIcon {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 20px;
}

.ggCapSectionColTitle {
  text-align: center;
  font-size: 24px;
  line-height: 24px;
  padding: 10px 0px;
  font-weight: bold;
}

.ggCapSectionColSubtitle {
  text-align: center;
  font-size: 21px;
  line-height: 21px;
  padding: 10px 0px;
}

.ggCasSection {
  display: block;
  position: relative;
  background: white;
  padding: 60px 0px;
}

.ggCasSectionInner {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1240px;
  padding: 20px;
  margin: 0px auto;
  background: white;
}

.ggCasSectionTitle {
  font-size: 38px;
  font-weight: bold;
  line-height: 38px;
  margin-bottom: 30px;
}

.ggCasSectionSubtitle {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 40px;
}

.ggCasSectionSubtitleList {
  font-size: 21px;
  line-height: 27px;
  margin-bottom: 40px;
}

.ggCasSectionSubtitleList ul {
  list-style:square;
  padding-left:20px;
}

.ggCasSectionSubtitleList ul li {
  list-style:square;
}

.ggCasSectionExamples {
  display: block;
  position: relative;
  margin-bottom: 20px;
}

.ggCasSectionExample {
  display: block;
  position: relative;
  margin-bottom: 20px;
}

.ggCasSectionExampleTitle {
  display: block;
  position: relative;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}


.ggListSection {
  display: block;
  position: relative;
  background: rgb(235, 241, 248);
  padding: 60px 0px;
}

.ggListSectionInner {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1240px;
  padding: 20px;
  margin: 0px auto;
  background: rgb(235, 241, 248);
}

.ggListSectionTitle {
  font-size: 38px;
  font-weight: bold;
  line-height: 38px;
  margin-bottom: 30px;
}

.ggListSectionSubtitle {
  font-size: 21px;
  line-height: 21px;
  margin-bottom: 40px;
}

.ggListSectionSubtitle2 {
  text-align: center;
  font-size: 21px;
  line-height: 21px;
  padding: 10px 0px;
  font-weight: bold;
}

.ggListSectionCtaBtn {
  display: inline-block;
  position: relative;
  margin: 30px auto;
  border-radius: 40px;
  padding: 15px 50px;
  font-size: 19px;
  font-weight: 600;
  color: black;
  text-transform: uppercase;
  background: rgb(255, 190, 43);
}

.ggListSectionCtaBtn:hover {
  background: rgb(255, 190, 43);
  color: black;
  text-decoration: none;
}



.ggGarSection {
  display: block;
  position: relative;
  background: white;
  padding: 60px 0px;
}

.ggGarSectionInner {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1240px;
  padding: 20px;
  margin: 0px auto;
  background: white;
}

.ggGarSectionTitle {
  display: inline-block;
  position: relative;
  font-size: 38px;
  font-weight: bold;
  line-height: 38px;
  margin-bottom: 60px;
}

.ggGarSectionTitleDivider {
  display: block;
  position: absolute;
  width: 80%;
}

.ggGarSectionSubtitle {
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}

.ggGarSectionSubtitle2 {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 40px;
}

.ggGarInnerSection {
  display: flex;
  position: relative;
  width: 100%;
  align-items: center;
}

.ggGarInnerSectionLeft {
  width: 100%;
  max-width: 430px;
  flex-shrink: 0;
  padding-right: 20px;
}

.ggGarInnerSectionRight {
  background: #ebf1f8;
  border-radius: 30px;
  padding: 20px;
}

.ggGarInnerSectionRight p {
  margin-bottom: 20px;
  font-size: 23px;
  line-height: 28px;
}

@media (max-width:1000px) {
  .ggGarInnerSection {
    flex-direction: column;
  }

  .ggGarInnerSectionLeft {
    max-width: 300px;
    padding-right: 0px;
  }
}

.ggFeatSection {
  display: block;
  position: relative;
  background: rgb(235, 241, 248);
  padding: 60px 0px;
}

.ggFeatSectionInner {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1240px;
  padding: 20px;
  margin: 0px auto;
  background: rgb(235, 241, 248);
}

.ggFeatSectionR1 {
  color: rgb(38, 53, 70);
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 60px;
}

.ggFeatSectionTitle {
  font-size: 38px;
  font-weight: bold;
  line-height: 38px;
  margin-bottom: 30px;
}

.ggFeatSectionSubtitle {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 40px;
}

.ggFeatSectionCols {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: space-between;
}


@media (max-width:800px) {
  .ggFeatSectionCols {
    flex-direction: column;
    align-items: center;
  }
}

.ggFeatSectionCol {
  display: flex;
  position: relative;
  width: 100%;
  padding: 20px;
  max-width: 330px;
  flex-direction: column;
  align-items: center;
}

.ggFeatSectionColIcon {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100px;
  width: 100%;
}

.ggFeatSectionColTitle {
  text-align: center;
  font-size: 24px;
  line-height: 24px;
  padding: 10px 0px;
  font-weight: bold;
}

.ggFeatSectionColSubtitle {
  text-align: center;
  font-size: 21px;
  line-height: 21px;
  padding: 10px 0px;
}

.ggFeatSectionTitle2 {
  text-align: center;
  font-size: 24px;
  line-height: 24px;
  padding: 10px 0px;
  margin-top: 20px;
  font-weight: bold;
}

.ggFeatSectionSubtitle2 {
  text-align: center;
  font-size: 21px;
  line-height: 21px;
  padding: 10px 0px;
}

.ggFeatSectionSubtitle3 {
  text-align: center;
  font-size: 21px;
  line-height: 21px;
  padding: 10px 0px;
}


.ggPrsSection {
  display: block;
  position: relative;
  background: white;
  padding: 60px 0px;
}

.ggPrsSectionInner {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1240px;
  padding: 20px;
  margin: 0px auto;
  background: white;
}

.ggPrsSectionTitle {
  font-size: 38px;
  font-weight: bold;
  line-height: 38px;
  margin-bottom: 30px;
}

.ggPrsSectionSubtitle {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 40px;
}

.ggPrsSectionSubtitle2 {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 40px;
  margin-top: 30px;
  font-weight: bold;
  text-align: center;
}


.ggSupSection {
  display: block;
  position: relative;
  background: rgb(235, 241, 248);
  padding: 60px 0px;
}

.ggSupSectionInner {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1240px;
  padding: 20px;
  margin: 0px auto;
  background: rgb(235, 241, 248);
}

.ggSupSectionTitle {
  font-size: 43px;
  font-weight: bold;
  line-height: 51px;
  margin-bottom: 30px;
}

.ggSupSectionSubtitle {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 40px;
}

.ggSupSectionInnerContainer {
  display: flex;
  position: relative;
  width: 100%;
  align-items: center;
}

.ggSupSectionInnerLeft {
  padding-right: 40px;
}

@media (max-width:1200px) {
  .ggSupSectionInnerContainer {
    flex-direction: column;
  }

  .ggSupSectionInnerLeft {
    padding-right: 0px;
  }
}

.ggSupSectionInnerRight {
  max-width: 500px;
  width: 100%;
  flex-shrink: 0;
}

.ggSupSectionSubtitle p {
  margin-bottom: 20px;
}

.ggSupSectionInnerRight img {
  border-radius: 20px;
}

.ggSupSectionTitle2 {
  font-size: 26px;
  font-weight: bold;
  line-height: 26px;
  margin-bottom: 20px;
}

.ggSupSectionSubtitle2 {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 40px;
}

.supPricing {
  max-width: 100% !important;
}


.ggCasSectionMain {
  display: block;
  position: relative;
}

.ggCasSectionMainLeft {
  display: inline-block;
  position: relative;
  max-width: calc(100% - 400px);
  width: 100%;
  float: left;
}

.ggCasSectionMainRight {
  display: inline-block;
  position: relative;
  max-width: 400px;
  padding-left: 30px;
  width: 100%;
}

.ggCasSectionMainRight h3 {
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 30px;
  text-align: center;
}

.ggCasSectionMain:after {
  display: block;
  position: relative;
  content: " ";
  clear: both;
}

@media (max-width:1000px) {
  .ggCasSectionMainLeft {
    float: none;
    max-width: 1000px;
  }

  .ggCasSectionMainRight {
    max-width: 1000px;
  }
}


.gg-hero-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgb(99 99 99 / 85%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.gg-hero-popup-overlay.active {
  display: flex;
  opacity: 1;
}

.gg-hero-popup-content {
  position: relative;
  width: 90%;
  max-width: 1200px;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
}

.gg-hero-popup-video-wrapper {
  width: 100%;
  height: 100%;
}

.gg-hero-popup-close {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 44px;
  height: 44px;
  background: #000;
  color: #fff;
  border: none;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.gg-hero-popup-close:hover {
  background: #222;
  transform: scale(1.1);
}

@media (max-width: 768px) {
  .gg-hero-popup-content {
    width: 96%;
    border-radius: 12px;
  }

  .gg-hero-popup-close {
    width: 38px;
    height: 38px;
    font-size: 24px;
    display: none;
  }
}