@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}#brxe-79dd82 {font-size: 60px; color: #ffffff; line-height: 1.1em; font-family: "Noto Serif"}@media (max-width: 767px) {#brxe-79dd82 {text-align: center}}@media (max-width: 478px) {#brxe-79dd82 {font-size: 40px}}#brxe-5ee7e7 {color: #f0f3ff; font-family: "Open Sans"; font-size: 16px}@media (max-width: 767px) {#brxe-5ee7e7 {text-align: center}}#brxe-978914 {border-radius: 50px; font-family: "Open Sans"; font-weight: 600; font-size: 18px; color: #061a32; background-color: #ffe229; position: relative; overflow: hidden; z-index: 9}#brxe-978914:hover {color: #ffffff}#brxe-d2a0e4 {border-radius: 50px; font-family: "Open Sans"; font-weight: 600; font-size: 18px; color: #061a32; background-color: #ffffff; position: relative; overflow: hidden; z-index: 9}#brxe-d2a0e4:hover {color: #ffffff}#brxe-542c23 {flex-direction: row; column-gap: 20px; row-gap: 20px}@media (max-width: 767px) {#brxe-542c23 {justify-content: center}}#brxe-fb3fbf {row-gap: 40px; align-self: stretch !important; width: 100%; justify-content: center; z-index: 9; padding-top: 40px; padding-right: 0; padding-bottom: 40px; padding-left: 0; display: none}#brxe-7ada49 {padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 20px; flex-direction: row; column-gap: 20px; align-items: stretch; overflow: hidden; min-height: 600px; row-gap: 40px}@media (max-width: 767px) {#brxe-7ada49 {flex-direction: column-reverse}}#brxe-a88437 {background-image: linear-gradient(134deg, #0067a3 5%, #520030 40%, #3f0838 70%, #082954); flex-direction: row; column-gap: 20px; align-items: stretch; position: relative; overflow: hidden; min-height: 600px; row-gap: 40px; background-image: url(https://ihm.sg/ihm/media/pope-video.jpg); background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: contain}.hero_01 *{ transition: all .1s; outline: none;} .hero_01 .bg_magic div{ position: relative; z-index: 9;} .hero_01 div, .hero_01 h2, .hero_01 p{ z-index: 10;} .hero_01 .bg_magic:before{ content: ""; position: absolute; bottom: -30px; right: -30px; width: 250px; height: 250px; border-radius: 50%; background: #725F00; z-index: 0; filter: blur(40px); animation-name: hero_01_magic; animation-duration: 15s; animation-iteration-count: infinite; animation-timing-function: linear; will-change: transform;} .hero_01 .bg_magic:after{ content: ""; position: absolute; bottom: 200px; right: 10px; width: 150px; height: 150px; border-radius: 50%; background: #014B90; z-index: 0; filter: blur(40px); animation-name: hero_01_magic_little; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear;}@keyframes hero_01_magic { 0% {background-color:#9E0064; right:-80px; bottom:-80px;} 25% {background-color:#7A3724; right:150px; bottom:20px; width: 400px; height:400px;} 50% {background-color:#7A3724; right:150px; bottom:200px;} 75% {background-color:#9E0064; right:-50px; bottom:100px;} 100% {background-color:#9E0064; right:-80px; bottom:-80px;}}@keyframes hero_01_magic_little { 0% {background-color:#014B90; right:10px; bottom:380px;} 25% {background-color:#1133AB; right:50px; bottom:350px; width: 200px; height:200px;} 50% {background-color:#014B90; right:80px; bottom:300px;} 75% {background-color:#1133AB; right:-30px; bottom:320px;} 100% {background-color:#014B90; right:10px; bottom:380px;}}.img_hero:before{ content: ""; position: absolute; bottom:0; left:50%; transform: translateX(-50%); width: 100%; max-width: 500px; height: 500px; background: linear-gradient(to top, transparent 20%, #ffffff); z-index: -1; opacity: 0.2; border-radius: 400px;}.hero_01 h2 span{ text-decoration: underline #ffe229; color: #ffe229; } .hero_01 .btn_1:before, .hero_01 .btn_2:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background: #FF005C; transition: ease-in .2s; z-index: -1;} .hero_01 .btn_1:hover:before, .hero_01 .btn_2:hover:before{ width:100%;}@media (max-width: 991px) {.hero_01 .bg_magic:before{ position: absolute;}}@media (max-width: 767px) {#brxe-a88437 {flex-direction: column-reverse}}