.elementor-45 .elementor-element.elementor-element-e20c531{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--overlay-opacity:0;}.elementor-45 .elementor-element.elementor-element-e20c531:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-e20c531 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#69CC41;}.elementor-45 .elementor-element.elementor-element-e20c531::before, .elementor-45 .elementor-element.elementor-element-e20c531 > .elementor-background-video-container::before, .elementor-45 .elementor-element.elementor-element-e20c531 > .e-con-inner > .elementor-background-video-container::before, .elementor-45 .elementor-element.elementor-element-e20c531 > .elementor-background-slideshow::before, .elementor-45 .elementor-element.elementor-element-e20c531 > .e-con-inner > .elementor-background-slideshow::before, .elementor-45 .elementor-element.elementor-element-e20c531 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#69CC41;--background-overlay:'';}.elementor-45 .elementor-element.elementor-element-e20c531 > .elementor-shape-bottom svg, .elementor-45 .elementor-element.elementor-element-e20c531 > .e-con-inner > .elementor-shape-bottom svg{height:40px;}.elementor-45 .elementor-element.elementor-element-d43bcee{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-45 .elementor-element.elementor-element-f14d2a8{width:var( --container-widget-width, 730px );max-width:730px;--container-widget-width:730px;--container-widget-flex-grow:0;text-align:center;}body:not(.rtl) .elementor-45 .elementor-element.elementor-element-d77ef3e{left:1112.961px;}body.rtl .elementor-45 .elementor-element.elementor-element-d77ef3e{right:1112.961px;}.elementor-45 .elementor-element.elementor-element-d77ef3e{top:156.039px;}.elementor-45 .elementor-element.elementor-element-d77ef3e .elementor-icon-wrapper{text-align:center;}.elementor-45 .elementor-element.elementor-element-d77ef3e.elementor-view-stacked .elementor-icon{background-color:#FFFFFF33;color:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-d77ef3e.elementor-view-framed .elementor-icon, .elementor-45 .elementor-element.elementor-element-d77ef3e.elementor-view-default .elementor-icon{color:#FFFFFF33;border-color:#FFFFFF33;}.elementor-45 .elementor-element.elementor-element-d77ef3e.elementor-view-framed .elementor-icon, .elementor-45 .elementor-element.elementor-element-d77ef3e.elementor-view-default .elementor-icon svg{fill:#FFFFFF33;}.elementor-45 .elementor-element.elementor-element-d77ef3e.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-d77ef3e.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-d77ef3e .elementor-icon{font-size:30px;}.elementor-45 .elementor-element.elementor-element-d77ef3e .elementor-icon svg{height:30px;}.elementor-45 .elementor-element.elementor-element-2b8525e{width:var( --container-widget-width, 5.354% );max-width:5.354%;--container-widget-width:5.354%;--container-widget-flex-grow:0;top:94px;}.elementor-45 .elementor-element.elementor-element-2b8525e.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-45 .elementor-element.elementor-element-2b8525e{left:101px;}body.rtl .elementor-45 .elementor-element.elementor-element-2b8525e{right:101px;}.elementor-45 .elementor-element.elementor-element-2b8525e.elementor-view-stacked .elementor-icon{background-color:#FFFFFF33;color:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-2b8525e.elementor-view-framed .elementor-icon, .elementor-45 .elementor-element.elementor-element-2b8525e.elementor-view-default .elementor-icon{color:#FFFFFF33;border-color:#FFFFFF33;}.elementor-45 .elementor-element.elementor-element-2b8525e.elementor-view-framed .elementor-icon, .elementor-45 .elementor-element.elementor-element-2b8525e.elementor-view-default .elementor-icon svg{fill:#FFFFFF33;}.elementor-45 .elementor-element.elementor-element-2b8525e.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-2b8525e.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-2b8525e .elementor-icon{font-size:30px;}.elementor-45 .elementor-element.elementor-element-2b8525e .elementor-icon svg{height:30px;}.elementor-45 .elementor-element.elementor-element-9997c3c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:30px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-6e04ce8{--display:flex;--min-height:100px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-2005a9c{padding:0px 0px 0px 0px;text-align:center;}.elementor-45 .elementor-element.elementor-element-4877016{text-align:center;}.elementor-45 .elementor-element.elementor-element-1108413{--display:flex;--min-height:100px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-1108413:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-1108413 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-637ef97{--display:flex;--min-height:100px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-fe54549{padding:0px 0px 0px 0px;text-align:center;}.elementor-45 .elementor-element.elementor-element-f560cad{text-align:center;}.elementor-45 .elementor-element.elementor-element-cf38ec3{--display:flex;--min-height:100px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-cf38ec3:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-cf38ec3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-4b4e5b2{--display:flex;--min-height:100px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-5b10880{padding:0px 0px 0px 0px;text-align:center;}.elementor-45 .elementor-element.elementor-element-2e84287{text-align:center;}.elementor-45 .elementor-element.elementor-element-33e7dcc{width:initial;max-width:initial;top:251.995px;}.elementor-45 .elementor-element.elementor-element-33e7dcc.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-45 .elementor-element.elementor-element-33e7dcc{left:93.982px;}body.rtl .elementor-45 .elementor-element.elementor-element-33e7dcc{right:93.982px;}.elementor-45 .elementor-element.elementor-element-33e7dcc.elementor-view-stacked .elementor-icon{background-color:#FFFFFF33;color:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-33e7dcc.elementor-view-framed .elementor-icon, .elementor-45 .elementor-element.elementor-element-33e7dcc.elementor-view-default .elementor-icon{color:#FFFFFF33;border-color:#FFFFFF33;}.elementor-45 .elementor-element.elementor-element-33e7dcc.elementor-view-framed .elementor-icon, .elementor-45 .elementor-element.elementor-element-33e7dcc.elementor-view-default .elementor-icon svg{fill:#FFFFFF33;}.elementor-45 .elementor-element.elementor-element-33e7dcc.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-33e7dcc.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-33e7dcc .elementor-icon{font-size:25px;}.elementor-45 .elementor-element.elementor-element-33e7dcc .elementor-icon svg{height:25px;}.elementor-45 .elementor-element.elementor-element-1722489{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-45 .elementor-element.elementor-element-1722489:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-1722489 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-59a2ebb{--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:70px 70px;--row-gap:70px;--column-gap:70px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-59a2ebb:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-59a2ebb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-a366bc0{width:initial;max-width:initial;}.elementor-45 .elementor-element.elementor-element-a366bc0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-45 .elementor-element.elementor-element-427bdbe{width:initial;max-width:initial;}.elementor-45 .elementor-element.elementor-element-427bdbe.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-45 .elementor-element.elementor-element-4f12341{width:initial;max-width:initial;}.elementor-45 .elementor-element.elementor-element-4f12341.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-45 .elementor-element.elementor-element-fe14f07{--display:flex;--min-height:499px;--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;}body.elementor-page-45:not(.elementor-motion-effects-element-type-background), body.elementor-page-45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-45 .elementor-element.elementor-element-6e04ce8{--width:120px;}.elementor-45 .elementor-element.elementor-element-1108413{--width:1px;}.elementor-45 .elementor-element.elementor-element-637ef97{--width:120px;}.elementor-45 .elementor-element.elementor-element-cf38ec3{--width:1px;}.elementor-45 .elementor-element.elementor-element-4b4e5b2{--width:120px;}.elementor-45 .elementor-element.elementor-element-1722489{--content-width:100%;}.elementor-45 .elementor-element.elementor-element-59a2ebb{--width:100%;}}/* Start custom CSS for icon, class: .elementor-element-d77ef3e */#Icon-lampu{
  backdrop-filter: blur(6px); /* efek kaca */
     animation: floating 6s ease-in-out infinite;
}

@keyframes floating {
  0% {
    transform: translateY(20px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(20px);
  }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2b8525e */#icon-buku{
  backdrop-filter: blur(6px); /* efek kaca */
     animation: floating 6s ease-in-out infinite;
}

@keyframes floating {
  0% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(10px);
  }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-33e7dcc */#Icon-list{
   
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
     animation: horizontal1 6s ease-in-out infinite;
}

@keyframes horizontal1 {
  0% {
    transform: translateX(10px);
  }
  50% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(10px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a366bc0 */.Card{
    width: 280px;
    padding: 20px 10px 20px 10px;
    background-color: #ebfcf4;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    border: solid 2px transparent;
}

.Level-Number{
background:
linear-gradient(90deg,rgba(51,212,163,1)0%,rgba(47,212,184,1)100%);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    color: white;
    justify-content: center;
    margin-bottom: 10px;
}

.Level-1{
    color: black;
    margin-bottom: 12px;
}

.Word-Container{
    gap: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.Book-Icon{
    background-color: white;
    font-size: 28px;
    color: #059668;
    padding: 10px;
    border-radius: 5px;
}

.Word-Text-Container{

    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.Number-20{
    margin-bottom: 0px;
    font-family: 'poppins', Sans-Serif;
    font-size: 20px;
    color: black;
}

.Words{
    margin-top: 0px;
    color: #4c5663;
    font-family: 'poppins', Sans-Serif;
    font-size: 12px;
}

.Button{
    width: 180px;
    background-color: white;
    margin-top: 5px;
    padding: 10px 5px 10px 5px;
    color: #374152;
    font-family: 'poppins', Sans-Serif;
    font-size: 18px;
    text-align: center;
    border-radius: 10px;
    transition: 0.3s;
}

.Button:hover{
    color: white;
    background-color: #11ba82;
}

.Card:hover{
    border: solid 2px #65c53f;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-427bdbe */.Card{
    width: 280px;
    padding: 20px 10px 20px 10px;
    background-color: #ebfcf4;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    border: solid 2px transparent;
}

.Level-Number-2{
background:linear-gradient(90deg,rgba(42,212,198,1)0%,rgba(37,213,232,1)83%);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    color: white;
    justify-content: center;
    margin-bottom: 10px;
}

.Level-2{
    color: black;
    margin-bottom: 12px;
}

.Word-Container{
    gap: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.Book-Icon{
    background-color: white;
    font-size: 28px;
    color: #059668;
    padding: 10px;
    border-radius: 5px;
}

.Word-Text-Container{

    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.Number-20{
    margin-bottom: 0px;
    font-family: 'poppins', Sans-Serif;
    font-size: 20px;
    color: black;
}

.Words{
    margin-top: 0px;
    color: #4c5663;
    font-family: 'poppins', Sans-Serif;
    font-size: 12px;
}

.Button{
    width: 180px;
    background-color: white;
    margin-top: 5px;
    padding: 10px 5px 10px 5px;
    color: #374152;
    font-family: 'poppins', Sans-Serif;
    font-size: 18px;
    text-align: center;
    border-radius: 10px;
    transition: 0.3s;
}

.Button:hover{
    color: white;
    background-color: #11ba82;
}

.Card:hover{
    border: solid 2px #65c53f;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f12341 */.Card{
    width: 280px;
    padding: 20px 10px 20px 10px;
    background-color: #ebfcf4;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    border: solid 2px transparent;
}

.Level-Number-3{
background:linear-gradient(175deg,rgba(37,213,232,1)39%,rgba(42,212,198,1)75%);

    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    color: white;
    justify-content: center;
    margin-bottom: 10px;
}

.Level-3{
    color: black;
    margin-bottom: 12px;
}

.Word-Container{
    gap: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.Book-Icon{
    background-color: white;
    font-size: 28px;
    color: #059668;
    padding: 10px;
    border-radius: 5px;
}

.Word-Text-Container{

    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.Number-20{
    margin-bottom: 0px;
    font-family: 'poppins', Sans-Serif;
    font-size: 20px;
    color: black;
}

.Words{
    margin-top: 0px;
    color: #4c5663;
    font-family: 'poppins', Sans-Serif;
    font-size: 12px;
}

.Button{
    width: 180px;
    background-color: white;
    margin-top: 5px;
    padding: 10px 5px 10px 5px;
    color: #374152;
    font-family: 'poppins', Sans-Serif;
    font-size: 18px;
    text-align: center;
    border-radius: 10px;
    transition: 0.3s;
}

.Button:hover{
    color: white;
    background-color: #11ba82;
}

.Card:hover{
    border: solid 2px #65c53f;
}/* End custom CSS */