section.guten-element.guten-hu4Isr > .guten-container > .guten-column > .sticky-wrapper > .guten-column-wrapper, section.guten-element.guten-hu4Isr > .guten-container > .guten-column > .guten-column-wrapper { align-content: center; align-items: center; } .guten-element.guten-hu4Isr { margin-top: 40px; margin-bottom: 40px; padding-top: 0px; } @media only screen and (max-width: 1024px) { .guten-element.guten-hu4Isr { padding-right: 10px; padding-bottom: 100px; padding-left: 10px; } } @media only screen and (max-width: 767px) { .guten-element.guten-hu4Isr { padding-top: 0px; padding-bottom: 60px; } }.guten-yG2SV1 { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-yG2SV1 { width: 100%; } }.guten-4c8Ypa.layout-boxed > .guten-container { max-width: 1300px; } section.guten-element.guten-4c8Ypa > .guten-container > .guten-column > .sticky-wrapper > .guten-column-wrapper, section.guten-element.guten-4c8Ypa > .guten-container > .guten-column > .guten-column-wrapper { align-content: center; align-items: center; } .guten-element.guten-4c8Ypa { margin-top: 40px; margin-bottom: 40px; padding-top: 0px; } @media only screen and (max-width: 1024px) { .guten-element.guten-4c8Ypa { padding-right: 10px; padding-bottom: 100px; padding-left: 10px; } } @media only screen and (max-width: 767px) { .guten-element.guten-4c8Ypa { padding-top: 0px; padding-bottom: 60px; } }.guten-hF0Zpo { width: 100%; order: 1;  } .guten-section > .guten-container > .guten-hF0Zpo.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-hF0Zpo.guten-column > .guten-column-wrapper { align-content: space-between; align-items: space-between; } .guten-hF0Zpo > .sticky-wrapper > .guten-column-wrapper:before, .guten-hF0Zpo > .guten-column-wrapper:before, .guten-hF0Zpo  > .guten-column-wrapper > .guten-background-overlay { opacity: 1; } .guten-hF0Zpo:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-hF0Zpo.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-hF0Zpo:not(.background-animated) > .guten-column-wrapper, .guten-hF0Zpo.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background: rgba(217, 230, 227, 0.3); background-image: url(https://www.joget.org/wp-content/uploads/2025/10/dotted-pattern.png); background-position-x: 94px; background-position-y: 8px; background-repeat: repeat; background-size: 20px;  } .guten-hF0Zpo > .sticky-wrapper > .guten-column-wrapper, .guten-hF0Zpo > .guten-column-wrapper { border-style: solid; border-width: 1px; border-color: var(--wp--preset--color--theme-4); border-top-left-radius: 15px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; } @media only screen and (max-width: 1024px) { .guten-hF0Zpo { width: 100%; } .guten-hF0Zpo > .sticky-wrapper > .guten-column-wrapper, .guten-hF0Zpo > .guten-column-wrapper { margin-top: 30px; margin-left: 0px; } } @media only screen and (max-width: 767px) { .guten-hF0Zpo > .sticky-wrapper > .guten-column-wrapper, .guten-hF0Zpo > .guten-column-wrapper { margin-top: 20px; padding-top: 25px; padding-right: 25px; padding-left: 25px; } }.guten-0jgRQi .heading-title { color: var(--wp--preset--color--theme-0); font-family: var(--gutenverse-font-family-nxYpzu); font-size: var(--gutenverse-font-size-nxYpzu); font-weight: var(--gutenverse-font-weight-nxYpzu); text-transform: var(--gutenverse-font-transform-nxYpzu); font-style: var(--gutenverse-font-style-nxYpzu); text-decoration: var(--gutenverse-font-decoration-nxYpzu); line-height: var(--gutenverse-font-lineHeight-nxYpzu); letter-spacing: var(--gutenverse-font-spacing-nxYpzu); margin-bottom: 10px; } .guten-0jgRQi .heading-subtitle { color: var(--wp--preset--color--theme-2); font-family: var(--gutenverse-font-family-Tyko1k); font-size: var(--gutenverse-font-size-Tyko1k); font-weight: var(--gutenverse-font-weight-Tyko1k); text-transform: var(--gutenverse-font-transform-Tyko1k); font-style: var(--gutenverse-font-style-Tyko1k); text-decoration: var(--gutenverse-font-decoration-Tyko1k); line-height: var(--gutenverse-font-lineHeight-Tyko1k); letter-spacing: var(--gutenverse-font-spacing-Tyko1k); } .guten-0jgRQi {   } @media only screen and (max-width: 767px) { .guten-0jgRQi .heading-subtitle { padding-right: 0px; } }.guten-MkddoM.guten-element { display: inline-block; overflow: inherit; } .guten-MkddoM .guten-inner-wrap { width: 100%; } .guten-MkddoM { animation-delay: 0.4s; margin-top: 30px; transition: transform 0.5s, opacity 0.5s; transition-timing-function: ease; transform-origin: center center; } .guten-MkddoM:hover { transform: scaleX(0.95)scaleY(0.95); }.guten-cAVs5z.guten-button-wrapper { justify-content: center; } .guten-cAVs5z.guten-button-wrapper .guten-button i { margin-right: 12px; font-size: 14px; color: var(--wp--preset--color--white); } .guten-cAVs5z.guten-button-wrapper .guten-button { padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; background: radial-gradient(at top center, rgba(0, 146, 101, 1) 0%,rgba(9, 46, 40, 1) 100%); border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;  transition: transform 0.3s, opacity 0.3s; transition-timing-function: ease; transform-origin: center center; } .guten-cAVs5z.guten-button-wrapper .guten-button span { color: var(--wp--preset--color--white); font-family: "Open Sans"; font-size: 16px; font-weight: 600; line-height: 1em; } .guten-cAVs5z.guten-button-wrapper .guten-button:hover span { color: rgba(255, 255, 255, 0.6); } .guten-cAVs5z { background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.7) 97.6%);  width: auto!important; display: inline-block; } .guten-cAVs5z.guten-element { border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px; } .guten-element.guten-cAVs5z { padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; }