.elementor-13 .elementor-element.elementor-element-72ff56a{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-72ff56a:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-72ff56a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at bottom center, #F093FF 0%, #FFFFFF 50%);}.elementor-13 .elementor-element.elementor-element-065174e{--display:flex;}.elementor-13 .elementor-element.elementor-element-065174e:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-065174e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-ffcde35 ) 0%, var( --e-global-color-astglobalcolor5 ) 58%);}.elementor-13 .elementor-element.elementor-element-9b654cd.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-0115a27{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#FB00DB;}.elementor-13 .elementor-element.elementor-element-0115a27 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-0115a27 .elementor-headline{text-align:center;font-family:"Poppins", Sans-serif;font-weight:bold;}.elementor-13 .elementor-element.elementor-element-1839c38 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-1839c38{text-align:center;}.elementor-13 .elementor-element.elementor-element-1839c38 .elementor-heading-title{font-family:"Poppins", Sans-serif;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-13 .elementor-element.elementor-element-b7bf85a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-b7bf85a.elementor-element{--align-self:center;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-b7bf85a{left:7px;}body.rtl .elementor-13 .elementor-element.elementor-element-b7bf85a{right:7px;}.elementor-13 .elementor-element.elementor-element-b7bf85a{top:-2px;text-align:center;}.elementor-13 .elementor-element.elementor-element-b7bf85a img{width:100vw;height:100vh;object-fit:cover;object-position:center center;}.elementor-13 .elementor-element.elementor-element-554cdd4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-color:var( --e-global-color-ffcde35 );--border-color:var( --e-global-color-ffcde35 );--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-554cdd4:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-554cdd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F093FF 0%, var( --e-global-color-astglobalcolor5 ) 100%);}.elementor-13 .elementor-element.elementor-element-723ac22 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-723ac22.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-07ca924 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-07ca924.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-fe03a44{--display:flex;--gap:13px 13px;--row-gap:13px;--column-gap:13px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-13 .elementor-element.elementor-element-fe03a44:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-fe03a44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4AFFF;}.elementor-13 .elementor-element.elementor-element-a4bf9c5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-a4bf9c5.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-663caeb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:-53px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-663caeb:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-663caeb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4AFFF;}.elementor-13 .elementor-element.elementor-element-1d6a35e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-34311d4 .elementor-cta__content-item{transition-duration:1000ms;}.elementor-13 .elementor-element.elementor-element-34311d4.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-13 .elementor-element.elementor-element-34311d4.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-13 .elementor-element.elementor-element-34311d4.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-13 .elementor-element.elementor-element-34311d4 .elementor-cta .elementor-cta__bg, .elementor-13 .elementor-element.elementor-element-34311d4 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-13 .elementor-element.elementor-element-34311d4 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:30px 30px 30px 30px;}.elementor-13 .elementor-element.elementor-element-34311d4 .elementor-cta__content{text-align:center;}.elementor-13 .elementor-element.elementor-element-34311d4 .elementor-cta__title{color:var( --e-global-color-astglobalcolor5 );}.elementor-13 .elementor-element.elementor-element-34311d4 .elementor-cta__button{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-astglobalcolor5 );border-color:var( --e-global-color-astglobalcolor5 );box-shadow:0px 0px 30px 1px rgba(0,0,0,0.5);}.elementor-13 .elementor-element.elementor-element-5f870ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:-26px -26px -26px -26px;}.elementor-13 .elementor-element.elementor-element-2dcb781 .elementor-cta__content-item{transition-duration:1000ms;}.elementor-13 .elementor-element.elementor-element-2dcb781.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-13 .elementor-element.elementor-element-2dcb781.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-13 .elementor-element.elementor-element-2dcb781.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-13 .elementor-element.elementor-element-2dcb781 .elementor-cta .elementor-cta__bg, .elementor-13 .elementor-element.elementor-element-2dcb781 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-13 .elementor-element.elementor-element-2dcb781 > .elementor-widget-container{border-radius:30px 30px 30px 30px;}.elementor-13 .elementor-element.elementor-element-2dcb781 .elementor-cta__content{text-align:center;}.elementor-13 .elementor-element.elementor-element-2dcb781 .elementor-cta__title{color:var( --e-global-color-astglobalcolor5 );}.elementor-13 .elementor-element.elementor-element-2dcb781 .elementor-cta__button{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-astglobalcolor5 );border-color:var( --e-global-color-astglobalcolor5 );box-shadow:0px 0px 30px 1px rgba(0,0,0,0.5);}.elementor-13 .elementor-element.elementor-element-98ba4dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-1e97ee7 .elementor-cta__content-item{transition-duration:1000ms;}.elementor-13 .elementor-element.elementor-element-1e97ee7.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-13 .elementor-element.elementor-element-1e97ee7.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-13 .elementor-element.elementor-element-1e97ee7.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-13 .elementor-element.elementor-element-1e97ee7 .elementor-cta .elementor-cta__bg, .elementor-13 .elementor-element.elementor-element-1e97ee7 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-13 .elementor-element.elementor-element-1e97ee7 > .elementor-widget-container{border-radius:30px 30px 30px 30px;}.elementor-13 .elementor-element.elementor-element-1e97ee7 .elementor-cta__content{text-align:center;}.elementor-13 .elementor-element.elementor-element-1e97ee7 .elementor-cta__title{color:var( --e-global-color-astglobalcolor5 );}.elementor-13 .elementor-element.elementor-element-1e97ee7 .elementor-cta__button{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-astglobalcolor5 );border-color:var( --e-global-color-astglobalcolor5 );box-shadow:0px 0px 30px 1px rgba(0,0,0,0.5);}.elementor-13 .elementor-element.elementor-element-97af1c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-0e5f40c .elementor-cta__content-item{transition-duration:1000ms;}.elementor-13 .elementor-element.elementor-element-0e5f40c.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-13 .elementor-element.elementor-element-0e5f40c.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-13 .elementor-element.elementor-element-0e5f40c.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-13 .elementor-element.elementor-element-0e5f40c .elementor-cta .elementor-cta__bg, .elementor-13 .elementor-element.elementor-element-0e5f40c .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-13 .elementor-element.elementor-element-0e5f40c > .elementor-widget-container{border-radius:30px 30px 30px 30px;}.elementor-13 .elementor-element.elementor-element-0e5f40c .elementor-cta__content{text-align:center;}.elementor-13 .elementor-element.elementor-element-0e5f40c .elementor-cta__title{color:var( --e-global-color-astglobalcolor5 );}.elementor-13 .elementor-element.elementor-element-0e5f40c .elementor-cta__button{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-astglobalcolor5 );border-color:var( --e-global-color-astglobalcolor5 );box-shadow:0px 0px 30px 1px rgba(0,0,0,0.5);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-72ff56a{--content-width:100vw;}.elementor-13 .elementor-element.elementor-element-1d6a35e{--width:25%;}.elementor-13 .elementor-element.elementor-element-5f870ee{--width:25%;}.elementor-13 .elementor-element.elementor-element-98ba4dc{--width:25%;}.elementor-13 .elementor-element.elementor-element-97af1c8{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-9b654cd */.glow-text {
    font-size: 50px;
    font-weight: 900px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 10px;
    display: block; /* Memastikan container mengambil ruang penuh */
    line-height: 1.3; /* Mencegah bagian atas/bawah huruf terpotong */
    padding: 10px 0;
    
    /* Gunakan warna dasar yang lebih gelap dari background agar terbaca */
    background: linear-gradient(
        to right, 
        #4A235A 20%, 
        #FFFFFF 50%, 
        #4A235A 80%
    );
    background-size: 200% auto;
    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    animation: shine 4s linear infinite;
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

/* Memperbaiki tampilan Card agar lebih clean */
.card-materi {
    background: #FFFFFF !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease;
    border: 1px solid #f2f2f2 !important;
}

.card-materi:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(240, 147, 255, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-723ac22 *//* Container Utama agar kartu di tengah */
.cp-container {
  display: flex;
  justify-content: center;
  padding: 20px;
}

/* Ukuran Kartu Persegi */
.cp-flip-card {
  background-color: transparent;
  width: 500px; /* Lebar diperbesar agar teks muat */
  height: 500px; /* Tinggi disamakan agar menjadi PERSEGI */
  max-width: 100%; /* Agar responsif di HP */
  perspective: 1000px;
  cursor: pointer;
}

.cp-flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
}

/* Logic Klik untuk Membalik */
.cp-flip-card.is-flipped .cp-flip-card-inner {
  transform: rotateY(180deg);
}

/* Sisi Depan & Belakang */
.cp-flip-card-front, .cp-flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 30px; /* Sudut membulat yang elegant */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  box-sizing: border-box;
}

/* GAYA SISI DEPAN */
.cp-flip-card-front {
  background-color: #ffffff !important;
  border: 4px solid #F4AFFF !important;
  box-shadow: 0 15px 35px rgba(244, 175, 255, 0.2);
}

.cp-icon-box i {
  font-size: 80px !important;
  color: #F4AFFF !important;
  margin-bottom: 20px;
}

h2.cp-title-front {
  font-size: 32px !important;
  font-weight: 900 !important;
  color: #4A235A !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

.click-hint {
  margin-top: 15px;
  font-size: 14px;
  color: #aaa;
  font-style: italic;
}

/* GAYA SISI BELAKANG */
.cp-flip-card-back {
  background-color: #F4AFFF !important; /* Warna sesuai permintaan */
  color: white !important;
  transform: rotateY(180deg);
}

h2.cp-title-back {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 20px !important;
  border-bottom: 2px solid rgba(255,255,255,0.3);
  padding-bottom: 10px;
}

.cp-content p {
  font-size: 18px !important;
  line-height: 1.6 !important;
  text-align: center;
  margin: 0 !important;
  font-weight: 500;
}

/* Responsif untuk HP */
@media (max-width: 600px) {
  .cp-flip-card {
    height: 400px;
  }
  h2.cp-title-front {
    font-size: 24px !important;
  }
  .cp-content p {
    font-size: 15px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07ca924 *//* Container Utama agar kartu di tengah */
.cp-container {
  display: flex;
  justify-content: center;
  padding: 20px;
}

/* Ukuran Kartu Persegi */
.cp-flip-card {
  background-color: transparent;
  width: 500px; /* Lebar diperbesar agar teks muat */
  height: 500px; /* Tinggi disamakan agar menjadi PERSEGI */
  max-width: 100%; /* Agar responsif di HP */
  perspective: 1000px;
  cursor: pointer;
}

.cp-flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
}

/* Logic Klik untuk Membalik */
.cp-flip-card.is-flipped .cp-flip-card-inner {
  transform: rotateY(180deg);
}

/* Sisi Depan & Belakang */
.cp-flip-card-front, .cp-flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 30px; /* Sudut membulat yang elegant */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  box-sizing: border-box;
}

/* GAYA SISI DEPAN */
.cp-flip-card-front {
  background-color: #ffffff !important;
  border: 4px solid #F4AFFF !important;
  box-shadow: 0 15px 35px rgba(244, 175, 255, 0.2);
}

.cp-icon-box i {
  font-size: 80px !important;
  color: #F4AFFF !important;
  margin-bottom: 20px;
}

h2.cp-title-front {
  font-size: 32px !important;
  font-weight: 900 !important;
  color: #4A235A !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

.click-hint {
  margin-top: 15px;
  font-size: 14px;
  color: #aaa;
  font-style: italic;
}

/* GAYA SISI BELAKANG */
.cp-flip-card-back {
  background-color: #F4AFFF !important; /* Warna sesuai permintaan */
  color: white !important;
  transform: rotateY(180deg);
}

h2.cp-title-back {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 20px !important;
  border-bottom: 2px solid rgba(255,255,255,0.3);
  padding-bottom: 10px;
}

.cp-content p {
  font-size: 18px !important;
  line-height: 1.6 !important;
  text-align: center;
  margin: 0 !important;
  font-weight: 500;
}

/* Responsif untuk HP */
@media (max-width: 600px) {
  .cp-flip-card {
    height: 400px;
  }
  h2.cp-title-front {
    font-size: 24px !important;
  }
  .cp-content p {
    font-size: 15px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a4bf9c5 */.glow-text {
    font-size: 70px;
    font-weight: 900px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 10px;
    display: block; /* Memastikan container mengambil ruang penuh */
    line-height: 1.3; /* Mencegah bagian atas/bawah huruf terpotong */
    padding: 10px 0;
    
    /* Gunakan warna dasar yang lebih gelap dari background agar terbaca */
    background: linear-gradient(
        to right, 
        #4A235A 20%, 
        #FFFFFF 50%, 
        #4A235A 80%
    );
    background-size: 200% auto;
    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    animation: shine 4s linear infinite;
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

/* Memperbaiki tampilan Card agar lebih clean */
.card-materi {
    background: #FFFFFF !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease;
    border: 1px solid #f2f2f2 !important;
}

.card-materi:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(240, 147, 255, 0.3) !important;
}/* End custom CSS */