.elementor-2517 .elementor-element.elementor-element-tgvj2cb:not(.elementor-motion-effects-element-type-background), .elementor-2517 .elementor-element.elementor-element-tgvj2cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#212121;background-image:url("https://lphalrahman.com/wp-content/uploads/2020/10/online-programming-course-hero-section-bg.svg");}.elementor-2517 .elementor-element.elementor-element-tgvj2cb > .elementor-container{max-width:1280px;}.elementor-2517 .elementor-element.elementor-element-tgvj2cb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-2517 .elementor-element.elementor-element-tgvj2cb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2517 .elementor-element.elementor-element-4af0dbc{text-align:center;}.elementor-2517 .elementor-element.elementor-element-4af0dbc .elementor-heading-title{color:#FFFFFF;}.elementor-2517 .elementor-element.elementor-element-f7075c5{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-2517 .elementor-element.elementor-element-b0f077b{--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-2517 .elementor-element.elementor-element-3f58b14 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2517 .elementor-element.elementor-element-3f58b14.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-2517 .elementor-element.elementor-element-3f58b14.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-2517 .elementor-element.elementor-element-3f58b14.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-2517 .elementor-element.elementor-element-3f58b14 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-2517 .elementor-element.elementor-element-1ae2b9d{--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-2517 .elementor-element.elementor-element-924b099 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2517 .elementor-element.elementor-element-924b099.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-2517 .elementor-element.elementor-element-924b099.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-2517 .elementor-element.elementor-element-924b099.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-2517 .elementor-element.elementor-element-924b099 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-2517 .elementor-element.elementor-element-d3d2612{--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-2517 .elementor-element.elementor-element-0b863c5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2517 .elementor-element.elementor-element-0b863c5.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-2517 .elementor-element.elementor-element-0b863c5.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-2517 .elementor-element.elementor-element-0b863c5.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-2517 .elementor-element.elementor-element-0b863c5 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-2517 .elementor-element.elementor-element-deefdf7{--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-2517 .elementor-element.elementor-element-5107893 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2517 .elementor-element.elementor-element-5107893.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-2517 .elementor-element.elementor-element-5107893.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-2517 .elementor-element.elementor-element-5107893.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-2517 .elementor-element.elementor-element-5107893 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-2517 .elementor-element.elementor-element-7adaece{--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-2517 .elementor-element.elementor-element-5810364 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2517 .elementor-element.elementor-element-5810364.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-2517 .elementor-element.elementor-element-5810364.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-2517 .elementor-element.elementor-element-5810364.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-2517 .elementor-element.elementor-element-5810364 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-2517 .elementor-element.elementor-element-de9f3fd{--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-2517 .elementor-element.elementor-element-de9f3fd.e-con{--order:99999 /* order end hack */;}.elementor-2517 .elementor-element.elementor-element-3a2bc0a{--display:flex;}.elementor-2517 .elementor-element.elementor-element-80cb6a7{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2517 .elementor-element.elementor-element-b0f077b{--width:50%;}.elementor-2517 .elementor-element.elementor-element-1ae2b9d{--width:50%;}.elementor-2517 .elementor-element.elementor-element-d3d2612{--width:50%;}.elementor-2517 .elementor-element.elementor-element-deefdf7{--width:50%;}.elementor-2517 .elementor-element.elementor-element-7adaece{--width:50%;}}@media(max-width:1024px){.elementor-2517 .elementor-element.elementor-element-tgvj2cb{padding:80px 80px 80px 80px;}}@media(max-width:767px){.elementor-2517 .elementor-element.elementor-element-tgvj2cb{padding:10px 10px 10px 10px;}.elementor-2517 .elementor-element.elementor-element-3f58b14 .elementor-image-box-img{margin-bottom:15px;}.elementor-2517 .elementor-element.elementor-element-924b099 .elementor-image-box-img{margin-bottom:15px;}.elementor-2517 .elementor-element.elementor-element-0b863c5 .elementor-image-box-img{margin-bottom:15px;}.elementor-2517 .elementor-element.elementor-element-5107893 .elementor-image-box-img{margin-bottom:15px;}.elementor-2517 .elementor-element.elementor-element-5810364 .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for image-box, class: .elementor-element-3f58b14 */.elementor-2517 .elementor-element.elementor-element-3f58b14 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(242,193,46,0.5); /* soft glow emas */
  transition: all 0.4s ease-in-out;
}

.elementor-2517 .elementor-element.elementor-element-3f58b14:hover {
  box-shadow: 0 0 25px rgba(242,193,46,0.8), 0 0 40px rgba(31,119,212,0.6);
  transform: scale(1.02);
}

/* Shine elegan aktif saat hover */
.elementor-2517 .elementor-element.elementor-element-3f58b14::after {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  width: 180%;
  height: 180%;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0.15) 50%,  /* lembut */
    rgba(255, 255, 255, 0) 60%
  );
  transform: translate(-100%, -100%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.elementor-2517 .elementor-element.elementor-element-3f58b14:hover::after {
  animation: shine-profesional 2.5s forwards;
  opacity: 1;
}

@keyframes shine-profesional {
  0%   { transform: translate(-100%, -100%); }
  100% { transform: translate(100%, 100%); }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-924b099 */.elementor-2517 .elementor-element.elementor-element-924b099 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(242,193,46,0.5); /* soft glow emas */
  transition: all 0.4s ease-in-out;
}

.elementor-2517 .elementor-element.elementor-element-924b099:hover {
  box-shadow: 0 0 25px rgba(242,193,46,0.8), 0 0 40px rgba(31,119,212,0.6);
  transform: scale(1.02);
}

/* Shine elegan aktif saat hover */
.elementor-2517 .elementor-element.elementor-element-924b099::after {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  width: 180%;
  height: 180%;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0.15) 50%,  /* lembut */
    rgba(255, 255, 255, 0) 60%
  );
  transform: translate(-100%, -100%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.elementor-2517 .elementor-element.elementor-element-924b099:hover::after {
  animation: shine-profesional 2.5s forwards;
  opacity: 1;
}

@keyframes shine-profesional {
  0%   { transform: translate(-100%, -100%); }
  100% { transform: translate(100%, 100%); }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-0b863c5 */.elementor-2517 .elementor-element.elementor-element-0b863c5 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(242,193,46,0.5); /* soft glow emas */
  transition: all 0.4s ease-in-out;
}

.elementor-2517 .elementor-element.elementor-element-0b863c5:hover {
  box-shadow: 0 0 25px rgba(242,193,46,0.8), 0 0 40px rgba(31,119,212,0.6);
  transform: scale(1.02);
}

/* Shine elegan aktif saat hover */
.elementor-2517 .elementor-element.elementor-element-0b863c5::after {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  width: 180%;
  height: 180%;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0.15) 50%,  /* lembut */
    rgba(255, 255, 255, 0) 60%
  );
  transform: translate(-100%, -100%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.elementor-2517 .elementor-element.elementor-element-0b863c5:hover::after {
  animation: shine-profesional 2.5s forwards;
  opacity: 1;
}

@keyframes shine-profesional {
  0%   { transform: translate(-100%, -100%); }
  100% { transform: translate(100%, 100%); }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-5107893 */.elementor-2517 .elementor-element.elementor-element-5107893 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(242,193,46,0.5); /* soft glow emas */
  transition: all 0.4s ease-in-out;
}

.elementor-2517 .elementor-element.elementor-element-5107893:hover {
  box-shadow: 0 0 25px rgba(242,193,46,0.8), 0 0 40px rgba(31,119,212,0.6);
  transform: scale(1.02);
}

/* Shine elegan aktif saat hover */
.elementor-2517 .elementor-element.elementor-element-5107893::after {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  width: 180%;
  height: 180%;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0.15) 50%,  /* lembut */
    rgba(255, 255, 255, 0) 60%
  );
  transform: translate(-100%, -100%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.elementor-2517 .elementor-element.elementor-element-5107893:hover::after {
  animation: shine-profesional 2.5s forwards;
  opacity: 1;
}

@keyframes shine-profesional {
  0%   { transform: translate(-100%, -100%); }
  100% { transform: translate(100%, 100%); }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-5810364 */.elementor-2517 .elementor-element.elementor-element-5810364 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(242,193,46,0.5); /* soft glow emas */
  transition: all 0.4s ease-in-out;
}

.elementor-2517 .elementor-element.elementor-element-5810364:hover {
  box-shadow: 0 0 25px rgba(242,193,46,0.8), 0 0 40px rgba(31,119,212,0.6);
  transform: scale(1.02);
}

/* Shine elegan aktif saat hover */
.elementor-2517 .elementor-element.elementor-element-5810364::after {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  width: 180%;
  height: 180%;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0.15) 50%,  /* lembut */
    rgba(255, 255, 255, 0) 60%
  );
  transform: translate(-100%, -100%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.elementor-2517 .elementor-element.elementor-element-5810364:hover::after {
  animation: shine-profesional 2.5s forwards;
  opacity: 1;
}

@keyframes shine-profesional {
  0%   { transform: translate(-100%, -100%); }
  100% { transform: translate(100%, 100%); }
}/* End custom CSS */