.elementor-527 .elementor-element.elementor-element-efee3f5{--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;--align-items:center;--padding-top:250px;--padding-bottom:250px;--padding-left:0px;--padding-right:0px;}.elementor-527 .elementor-element.elementor-element-efee3f5:not(.elementor-motion-effects-element-type-background), .elementor-527 .elementor-element.elementor-element-efee3f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tbcs.sch.id/wp-content/uploads/2025/05/Bangunan-Sekolah-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-527 .elementor-element.elementor-element-36fa167 > .elementor-widget-container{padding:0px 100px 0px 100px;}.elementor-527 .elementor-element.elementor-element-36fa167{text-align:center;}.elementor-527 .elementor-element.elementor-element-36fa167 .elementor-heading-title{font-size:64px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-f66014e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-527 .elementor-element.elementor-element-f66014e:not(.elementor-motion-effects-element-type-background), .elementor-527 .elementor-element.elementor-element-f66014e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-4f3bbc7{--display:flex;}.elementor-527 .elementor-element.elementor-element-2d169fc{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-527 .elementor-element.elementor-element-2d169fc.e-con{--align-self:center;}.elementor-527 .elementor-element.elementor-element-b79d549{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:40px 40px;--row-gap:40px;--column-gap:40px;--grid-auto-flow:row;--align-items:center;}.elementor-527 .elementor-element.elementor-element-b79d549.e-con{--align-self:center;}.elementor-527 .elementor-element.elementor-element-7b272c9{--display:flex;--min-height:537px;}.elementor-527 .elementor-element.elementor-element-7b272c9:not(.elementor-motion-effects-element-type-background), .elementor-527 .elementor-element.elementor-element-7b272c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tbcs.sch.id/wp-content/uploads/2025/05/Perpustakaan-5-e1770959441374.jpg");background-position:center center;background-size:cover;}.elementor-527 .elementor-element.elementor-element-1156596 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-527 .elementor-element.elementor-element-1156596{text-align:center;}.elementor-527 .elementor-element.elementor-element-1156596 .elementor-heading-title{text-shadow:0px 0px 10px rgba(0, 0, 0, 0.9);color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-adc36de{--display:flex;--min-height:537px;}.elementor-527 .elementor-element.elementor-element-adc36de:not(.elementor-motion-effects-element-type-background), .elementor-527 .elementor-element.elementor-element-adc36de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tbcs.sch.id/wp-content/uploads/2025/05/Ruang-Kelas-4.jpg");background-position:center center;background-size:cover;}.elementor-527 .elementor-element.elementor-element-6ef84dd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-527 .elementor-element.elementor-element-6ef84dd{text-align:center;}.elementor-527 .elementor-element.elementor-element-6ef84dd .elementor-heading-title{text-shadow:0px 0px 10px rgba(0, 0, 0, 0.9);color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-e79df37{--display:flex;--min-height:537px;}.elementor-527 .elementor-element.elementor-element-e79df37:not(.elementor-motion-effects-element-type-background), .elementor-527 .elementor-element.elementor-element-e79df37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tbcs.sch.id/wp-content/uploads/2025/05/Lab-Komputer-7.jpg");background-position:center center;background-size:cover;}.elementor-527 .elementor-element.elementor-element-57073bc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-527 .elementor-element.elementor-element-57073bc{text-align:center;}.elementor-527 .elementor-element.elementor-element-57073bc .elementor-heading-title{text-shadow:0px 0px 10px rgba(0, 0, 0, 0.9);color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-323b96a{--display:flex;}.elementor-527 .elementor-element.elementor-element-323b96a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-527 .elementor-element.elementor-element-093761c{text-align:justify;}.elementor-527 .elementor-element.elementor-element-01de505{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-527 .elementor-element.elementor-element-c3ce5f9 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-527 .elementor-element.elementor-element-c3ce5f9 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-527 .elementor-element.elementor-element-c3ce5f9 > .elementor-widget-container{margin:30px 30px 30px 30px;}.elementor-527 .elementor-element.elementor-element-c3ce5f9{--image-border-radius:15px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-527 .elementor-element.elementor-element-8744918{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;--n-tabs-title-border-radius:15px 15px 15px 15px;--n-tabs-title-color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-8744918 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#000000;}.elementor-527 .elementor-element.elementor-element-8744918.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#006666;}.elementor-527 .elementor-element.elementor-element-8744918.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-527 .elementor-element.elementor-element-8744918.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#006666;}.elementor-527 .elementor-element.elementor-element-8744918 > .elementor-widget-container{background-color:#FFFFFF;padding:15px 0px 0px 0px;}.elementor-527 .elementor-element.elementor-element-8744918.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-527 .elementor-element.elementor-element-e7b5ccc{--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;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-527 .elementor-element.elementor-element-e7b5ccc:not(.elementor-motion-effects-element-type-background), .elementor-527 .elementor-element.elementor-element-e7b5ccc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#006666;}.elementor-527 .elementor-element.elementor-element-be64d42 > .elementor-widget-container{border-radius:30px 30px 30px 30px;}.elementor-527 .elementor-element.elementor-element-be64d42 iframe{height:390px;}.elementor-527 .elementor-element.elementor-element-d15ddd7{--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-527 .elementor-element.elementor-element-d15ddd7:not(.elementor-motion-effects-element-type-background), .elementor-527 .elementor-element.elementor-element-d15ddd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#006666;}.elementor-527 .elementor-element.elementor-element-223a26f{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-527 .elementor-element.elementor-element-b2c53a5 .elementor-icon-box-wrapper{gap:20px;}.elementor-527 .elementor-element.elementor-element-b2c53a5 .elementor-icon-box-title{margin-block-end:7px;color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-b2c53a5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-b2c53a5.elementor-view-framed .elementor-icon, .elementor-527 .elementor-element.elementor-element-b2c53a5.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-b2c53a5 .elementor-icon{font-size:50px;}.elementor-527 .elementor-element.elementor-element-b2c53a5 .elementor-icon-box-title, .elementor-527 .elementor-element.elementor-element-b2c53a5 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:28.13px;font-weight:600;text-transform:none;font-style:normal;line-height:1.3em;}.elementor-527 .elementor-element.elementor-element-b2c53a5 .elementor-icon-box-description{color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-4a7dd9b .elementor-icon-box-wrapper{gap:14px;}.elementor-527 .elementor-element.elementor-element-4a7dd9b .elementor-icon-box-title{margin-block-end:7px;color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-4a7dd9b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-4a7dd9b.elementor-view-framed .elementor-icon, .elementor-527 .elementor-element.elementor-element-4a7dd9b.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-4a7dd9b .elementor-icon{font-size:50px;}.elementor-527 .elementor-element.elementor-element-4a7dd9b .elementor-icon-box-title, .elementor-527 .elementor-element.elementor-element-4a7dd9b .elementor-icon-box-title a{font-family:var( --e-global-typography-83682a1-font-family ), Sans-serif;font-size:var( --e-global-typography-83682a1-font-size );font-weight:var( --e-global-typography-83682a1-font-weight );text-transform:var( --e-global-typography-83682a1-text-transform );font-style:var( --e-global-typography-83682a1-font-style );line-height:var( --e-global-typography-83682a1-line-height );}.elementor-527 .elementor-element.elementor-element-986fc6c .elementor-icon-box-wrapper{gap:25px;}.elementor-527 .elementor-element.elementor-element-986fc6c .elementor-icon-box-title{margin-block-end:7px;color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-986fc6c.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-986fc6c.elementor-view-framed .elementor-icon, .elementor-527 .elementor-element.elementor-element-986fc6c.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-986fc6c .elementor-icon{font-size:40px;}.elementor-527 .elementor-element.elementor-element-986fc6c .elementor-icon-box-title, .elementor-527 .elementor-element.elementor-element-986fc6c .elementor-icon-box-title a{font-size:28.13px;}.elementor-527 .elementor-element.elementor-element-986fc6c .elementor-icon-box-description{color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-f77a0c4 .elementor-icon-box-wrapper{gap:22px;}.elementor-527 .elementor-element.elementor-element-f77a0c4 .elementor-icon-box-title{margin-block-end:7px;color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-f77a0c4.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-f77a0c4.elementor-view-framed .elementor-icon, .elementor-527 .elementor-element.elementor-element-f77a0c4.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-f77a0c4 .elementor-icon{font-size:40px;}.elementor-527 .elementor-element.elementor-element-f77a0c4 .elementor-icon-box-title, .elementor-527 .elementor-element.elementor-element-f77a0c4 .elementor-icon-box-title a{font-size:28.13px;}.elementor-527 .elementor-element.elementor-element-f77a0c4 .elementor-icon-box-description{color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-527 .elementor-element.elementor-element-b79d549{--grid-auto-flow:row;}.elementor-527 .elementor-element.elementor-element-223a26f{--grid-auto-flow:row;}.elementor-527 .elementor-element.elementor-element-b2c53a5 .elementor-icon-box-title, .elementor-527 .elementor-element.elementor-element-b2c53a5 .elementor-icon-box-title a{font-size:23.04px;}.elementor-527 .elementor-element.elementor-element-4a7dd9b .elementor-icon-box-title, .elementor-527 .elementor-element.elementor-element-4a7dd9b .elementor-icon-box-title a{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );}}@media(min-width:768px){.elementor-527 .elementor-element.elementor-element-4f3bbc7{--content-width:1400px;}.elementor-527 .elementor-element.elementor-element-b79d549{--width:1400px;}.elementor-527 .elementor-element.elementor-element-adc36de{--width:0%;}.elementor-527 .elementor-element.elementor-element-e79df37{--width:0%;}.elementor-527 .elementor-element.elementor-element-323b96a{--width:1400px;}.elementor-527 .elementor-element.elementor-element-e7b5ccc{--content-width:1400px;}}@media(max-width:1024px) and (min-width:768px){.elementor-527 .elementor-element.elementor-element-b79d549{--width:100%;}}@media(min-width:1025px){.elementor-527 .elementor-element.elementor-element-efee3f5:not(.elementor-motion-effects-element-type-background), .elementor-527 .elementor-element.elementor-element-efee3f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-527 .elementor-element.elementor-element-36fa167 .elementor-heading-title{font-size:50px;}.elementor-527 .elementor-element.elementor-element-b79d549{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-527 .elementor-element.elementor-element-be64d42 iframe{height:280px;}.elementor-527 .elementor-element.elementor-element-223a26f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-527 .elementor-element.elementor-element-b2c53a5 .elementor-icon{font-size:30px;}.elementor-527 .elementor-element.elementor-element-b2c53a5 .elementor-icon-box-title, .elementor-527 .elementor-element.elementor-element-b2c53a5 .elementor-icon-box-title a{font-size:20.16px;}.elementor-527 .elementor-element.elementor-element-4a7dd9b .elementor-icon{font-size:30px;}.elementor-527 .elementor-element.elementor-element-4a7dd9b .elementor-icon-box-title, .elementor-527 .elementor-element.elementor-element-4a7dd9b .elementor-icon-box-title a{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );}.elementor-527 .elementor-element.elementor-element-986fc6c .elementor-icon{font-size:30px;}.elementor-527 .elementor-element.elementor-element-f77a0c4 .elementor-icon{font-size:30px;}}/* Start custom CSS for heading, class: .elementor-element-1156596 */.rotate-heading {
  transform: rotate(-90deg);
  transform-origin: left top;
  display: inline-block;
  margin-top: 480px
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b272c9 */.elementor-527 .elementor-element.elementor-element-7b272c9 {
  position: relative;
  width: 350px;
  transition: all 0.3s ease;
  border-radius: 20px;
  overflow: hidden;
}

.elementor-527 .elementor-element.elementor-element-7b272c9:hover {
  width: 100%;
  left: 0;
  border-radius: 0;
  z-index: 2;
}

/* Tablet - iPad dan sejenisnya */
@media screen and (max-width: 1024px) {
  .elementor-527 .elementor-element.elementor-element-7b272c9 {
    width: 280px; /* Lebih kecil dari desktop */
  }
  
  .elementor-527 .elementor-element.elementor-element-7b272c9:hover {
    width: 95%; /* Tidak sampai 100% agar ada margin */
    border-radius: 10px; /* Tetap ada sedikit border-radius */
  }
}

/* Mobile Phone - Landscape */
@media screen and (max-width: 768px) {
  .elementor-527 .elementor-element.elementor-element-7b272c9 {
    width: 100%; /* Full width di mobile */
    max-width: 400px;
    margin: 0 auto;
  }
  
  .elementor-527 .elementor-element.elementor-element-7b272c9:hover {
    width: 100%;
    border-radius: 15px; /* Kembali ke border-radius */
    transform: scale(1.02); /* Efek zoom kecil sebagai ganti expand */
  }
}

/* Mobile Phone - Portrait */
@media screen and (max-width: 480px) {
  .elementor-527 .elementor-element.elementor-element-7b272c9 {
    width: 100%;
    border-radius: 15px;
  }
  
  .elementor-527 .elementor-element.elementor-element-7b272c9:hover {
    width: 100%;
    border-radius: 15px;
    transform: scale(1.01); /* Zoom lebih kecil lagi */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* Tambah shadow untuk efek */
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ef84dd */.rotate-heading {
  transform: rotate(-90deg);
  transform-origin: left top;
  display: inline-block;
  margin-top: 480px
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-adc36de */.elementor-527 .elementor-element.elementor-element-adc36de {
  position: relative;
  width: 350px;
  transition: all 0.3s ease;
  border-radius: 20px;
  overflow: hidden;
}

.elementor-527 .elementor-element.elementor-element-adc36de:hover {
  width: 100%;
  left: 0;
  border-radius: 0;
  z-index: 2;
}

/* Tablet - iPad dan sejenisnya */
@media screen and (max-width: 1024px) {
  .elementor-527 .elementor-element.elementor-element-adc36de {
    width: 280px; /* Lebih kecil dari desktop */
  }
  
  .elementor-527 .elementor-element.elementor-element-adc36de:hover {
    width: 95%; /* Tidak sampai 100% agar ada margin */
    border-radius: 10px; /* Tetap ada sedikit border-radius */
  }
}

/* Mobile Phone - Landscape */
@media screen and (max-width: 768px) {
  .elementor-527 .elementor-element.elementor-element-adc36de {
    width: 100%; /* Full width di mobile */
    max-width: 400px;
    margin: 0 auto;
  }
  
  .elementor-527 .elementor-element.elementor-element-adc36de:hover {
    width: 100%;
    border-radius: 15px; /* Kembali ke border-radius */
    transform: scale(1.02); /* Efek zoom kecil sebagai ganti expand */
  }
}

/* Mobile Phone - Portrait */
@media screen and (max-width: 480px) {
  .elementor-527 .elementor-element.elementor-element-adc36de {
    width: 100%;
    border-radius: 15px;
  }
  
  .elementor-527 .elementor-element.elementor-element-adc36de:hover {
    width: 100%;
    border-radius: 15px;
    transform: scale(1.01); /* Zoom lebih kecil lagi */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* Tambah shadow untuk efek */
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-57073bc */.rotate-heading {
  transform: rotate(-90deg);
  transform-origin: left top;
  display: inline-block;
  margin-top: 480px
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e79df37 */.elementor-527 .elementor-element.elementor-element-e79df37 {
  position: relative;
  width: 350px;
  transition: all 0.3s ease;
  border-radius: 20px;
  overflow: hidden;
}

.elementor-527 .elementor-element.elementor-element-e79df37:hover {
  width: 100%;
  left: 0;
  border-radius: 0;
  z-index: 2;
}

/* Tablet - iPad dan sejenisnya */
@media screen and (max-width: 1024px) {
  .elementor-527 .elementor-element.elementor-element-e79df37 {
    width: 280px; /* Lebih kecil dari desktop */
  }
  
  .elementor-527 .elementor-element.elementor-element-e79df37:hover {
    width: 95%; /* Tidak sampai 100% agar ada margin */
    border-radius: 10px; /* Tetap ada sedikit border-radius */
  }
}

/* Mobile Phone - Landscape */
@media screen and (max-width: 768px) {
  .elementor-527 .elementor-element.elementor-element-e79df37 {
    width: 100%; /* Full width di mobile */
    max-width: 400px;
    margin: 0 auto;
  }
  
  .elementor-527 .elementor-element.elementor-element-e79df37:hover {
    width: 100%;
    border-radius: 15px; /* Kembali ke border-radius */
    transform: scale(1.02); /* Efek zoom kecil sebagai ganti expand */
  }
}

/* Mobile Phone - Portrait */
@media screen and (max-width: 480px) {
  .elementor-527 .elementor-element.elementor-element-e79df37 {
    width: 100%;
    border-radius: 15px;
  }
  
  .elementor-527 .elementor-element.elementor-element-e79df37:hover {
    width: 100%;
    border-radius: 15px;
    transform: scale(1.01); /* Zoom lebih kecil lagi */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* Tambah shadow untuk efek */
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1156596 */.rotate-heading {
  transform: rotate(-90deg);
  transform-origin: left top;
  display: inline-block;
  margin-top: 480px
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b272c9 */.elementor-527 .elementor-element.elementor-element-7b272c9 {
  position: relative;
  width: 350px;
  transition: all 0.3s ease;
  border-radius: 20px;
  overflow: hidden;
}

.elementor-527 .elementor-element.elementor-element-7b272c9:hover {
  width: 100%;
  left: 0;
  border-radius: 0;
  z-index: 2;
}

/* Tablet - iPad dan sejenisnya */
@media screen and (max-width: 1024px) {
  .elementor-527 .elementor-element.elementor-element-7b272c9 {
    width: 280px; /* Lebih kecil dari desktop */
  }
  
  .elementor-527 .elementor-element.elementor-element-7b272c9:hover {
    width: 95%; /* Tidak sampai 100% agar ada margin */
    border-radius: 10px; /* Tetap ada sedikit border-radius */
  }
}

/* Mobile Phone - Landscape */
@media screen and (max-width: 768px) {
  .elementor-527 .elementor-element.elementor-element-7b272c9 {
    width: 100%; /* Full width di mobile */
    max-width: 400px;
    margin: 0 auto;
  }
  
  .elementor-527 .elementor-element.elementor-element-7b272c9:hover {
    width: 100%;
    border-radius: 15px; /* Kembali ke border-radius */
    transform: scale(1.02); /* Efek zoom kecil sebagai ganti expand */
  }
}

/* Mobile Phone - Portrait */
@media screen and (max-width: 480px) {
  .elementor-527 .elementor-element.elementor-element-7b272c9 {
    width: 100%;
    border-radius: 15px;
  }
  
  .elementor-527 .elementor-element.elementor-element-7b272c9:hover {
    width: 100%;
    border-radius: 15px;
    transform: scale(1.01); /* Zoom lebih kecil lagi */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* Tambah shadow untuk efek */
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ef84dd */.rotate-heading {
  transform: rotate(-90deg);
  transform-origin: left top;
  display: inline-block;
  margin-top: 480px
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-adc36de */.elementor-527 .elementor-element.elementor-element-adc36de {
  position: relative;
  width: 350px;
  transition: all 0.3s ease;
  border-radius: 20px;
  overflow: hidden;
}

.elementor-527 .elementor-element.elementor-element-adc36de:hover {
  width: 100%;
  left: 0;
  border-radius: 0;
  z-index: 2;
}

/* Tablet - iPad dan sejenisnya */
@media screen and (max-width: 1024px) {
  .elementor-527 .elementor-element.elementor-element-adc36de {
    width: 280px; /* Lebih kecil dari desktop */
  }
  
  .elementor-527 .elementor-element.elementor-element-adc36de:hover {
    width: 95%; /* Tidak sampai 100% agar ada margin */
    border-radius: 10px; /* Tetap ada sedikit border-radius */
  }
}

/* Mobile Phone - Landscape */
@media screen and (max-width: 768px) {
  .elementor-527 .elementor-element.elementor-element-adc36de {
    width: 100%; /* Full width di mobile */
    max-width: 400px;
    margin: 0 auto;
  }
  
  .elementor-527 .elementor-element.elementor-element-adc36de:hover {
    width: 100%;
    border-radius: 15px; /* Kembali ke border-radius */
    transform: scale(1.02); /* Efek zoom kecil sebagai ganti expand */
  }
}

/* Mobile Phone - Portrait */
@media screen and (max-width: 480px) {
  .elementor-527 .elementor-element.elementor-element-adc36de {
    width: 100%;
    border-radius: 15px;
  }
  
  .elementor-527 .elementor-element.elementor-element-adc36de:hover {
    width: 100%;
    border-radius: 15px;
    transform: scale(1.01); /* Zoom lebih kecil lagi */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* Tambah shadow untuk efek */
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-57073bc */.rotate-heading {
  transform: rotate(-90deg);
  transform-origin: left top;
  display: inline-block;
  margin-top: 480px
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e79df37 */.elementor-527 .elementor-element.elementor-element-e79df37 {
  position: relative;
  width: 350px;
  transition: all 0.3s ease;
  border-radius: 20px;
  overflow: hidden;
}

.elementor-527 .elementor-element.elementor-element-e79df37:hover {
  width: 100%;
  left: 0;
  border-radius: 0;
  z-index: 2;
}

/* Tablet - iPad dan sejenisnya */
@media screen and (max-width: 1024px) {
  .elementor-527 .elementor-element.elementor-element-e79df37 {
    width: 280px; /* Lebih kecil dari desktop */
  }
  
  .elementor-527 .elementor-element.elementor-element-e79df37:hover {
    width: 95%; /* Tidak sampai 100% agar ada margin */
    border-radius: 10px; /* Tetap ada sedikit border-radius */
  }
}

/* Mobile Phone - Landscape */
@media screen and (max-width: 768px) {
  .elementor-527 .elementor-element.elementor-element-e79df37 {
    width: 100%; /* Full width di mobile */
    max-width: 400px;
    margin: 0 auto;
  }
  
  .elementor-527 .elementor-element.elementor-element-e79df37:hover {
    width: 100%;
    border-radius: 15px; /* Kembali ke border-radius */
    transform: scale(1.02); /* Efek zoom kecil sebagai ganti expand */
  }
}

/* Mobile Phone - Portrait */
@media screen and (max-width: 480px) {
  .elementor-527 .elementor-element.elementor-element-e79df37 {
    width: 100%;
    border-radius: 15px;
  }
  
  .elementor-527 .elementor-element.elementor-element-e79df37:hover {
    width: 100%;
    border-radius: 15px;
    transform: scale(1.01); /* Zoom lebih kecil lagi */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* Tambah shadow untuk efek */
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1156596 */.rotate-heading {
  transform: rotate(-90deg);
  transform-origin: left top;
  display: inline-block;
  margin-top: 480px
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b272c9 */.elementor-527 .elementor-element.elementor-element-7b272c9 {
  position: relative;
  width: 350px;
  transition: all 0.3s ease;
  border-radius: 20px;
  overflow: hidden;
}

.elementor-527 .elementor-element.elementor-element-7b272c9:hover {
  width: 100%;
  left: 0;
  border-radius: 0;
  z-index: 2;
}

/* Tablet - iPad dan sejenisnya */
@media screen and (max-width: 1024px) {
  .elementor-527 .elementor-element.elementor-element-7b272c9 {
    width: 280px; /* Lebih kecil dari desktop */
  }
  
  .elementor-527 .elementor-element.elementor-element-7b272c9:hover {
    width: 95%; /* Tidak sampai 100% agar ada margin */
    border-radius: 10px; /* Tetap ada sedikit border-radius */
  }
}

/* Mobile Phone - Landscape */
@media screen and (max-width: 768px) {
  .elementor-527 .elementor-element.elementor-element-7b272c9 {
    width: 100%; /* Full width di mobile */
    max-width: 400px;
    margin: 0 auto;
  }
  
  .elementor-527 .elementor-element.elementor-element-7b272c9:hover {
    width: 100%;
    border-radius: 15px; /* Kembali ke border-radius */
    transform: scale(1.02); /* Efek zoom kecil sebagai ganti expand */
  }
}

/* Mobile Phone - Portrait */
@media screen and (max-width: 480px) {
  .elementor-527 .elementor-element.elementor-element-7b272c9 {
    width: 100%;
    border-radius: 15px;
  }
  
  .elementor-527 .elementor-element.elementor-element-7b272c9:hover {
    width: 100%;
    border-radius: 15px;
    transform: scale(1.01); /* Zoom lebih kecil lagi */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* Tambah shadow untuk efek */
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6ef84dd */.rotate-heading {
  transform: rotate(-90deg);
  transform-origin: left top;
  display: inline-block;
  margin-top: 480px
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-adc36de */.elementor-527 .elementor-element.elementor-element-adc36de {
  position: relative;
  width: 350px;
  transition: all 0.3s ease;
  border-radius: 20px;
  overflow: hidden;
}

.elementor-527 .elementor-element.elementor-element-adc36de:hover {
  width: 100%;
  left: 0;
  border-radius: 0;
  z-index: 2;
}

/* Tablet - iPad dan sejenisnya */
@media screen and (max-width: 1024px) {
  .elementor-527 .elementor-element.elementor-element-adc36de {
    width: 280px; /* Lebih kecil dari desktop */
  }
  
  .elementor-527 .elementor-element.elementor-element-adc36de:hover {
    width: 95%; /* Tidak sampai 100% agar ada margin */
    border-radius: 10px; /* Tetap ada sedikit border-radius */
  }
}

/* Mobile Phone - Landscape */
@media screen and (max-width: 768px) {
  .elementor-527 .elementor-element.elementor-element-adc36de {
    width: 100%; /* Full width di mobile */
    max-width: 400px;
    margin: 0 auto;
  }
  
  .elementor-527 .elementor-element.elementor-element-adc36de:hover {
    width: 100%;
    border-radius: 15px; /* Kembali ke border-radius */
    transform: scale(1.02); /* Efek zoom kecil sebagai ganti expand */
  }
}

/* Mobile Phone - Portrait */
@media screen and (max-width: 480px) {
  .elementor-527 .elementor-element.elementor-element-adc36de {
    width: 100%;
    border-radius: 15px;
  }
  
  .elementor-527 .elementor-element.elementor-element-adc36de:hover {
    width: 100%;
    border-radius: 15px;
    transform: scale(1.01); /* Zoom lebih kecil lagi */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* Tambah shadow untuk efek */
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-57073bc */.rotate-heading {
  transform: rotate(-90deg);
  transform-origin: left top;
  display: inline-block;
  margin-top: 480px
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e79df37 */.elementor-527 .elementor-element.elementor-element-e79df37 {
  position: relative;
  width: 350px;
  transition: all 0.3s ease;
  border-radius: 20px;
  overflow: hidden;
}

.elementor-527 .elementor-element.elementor-element-e79df37:hover {
  width: 100%;
  left: 0;
  border-radius: 0;
  z-index: 2;
}

/* Tablet - iPad dan sejenisnya */
@media screen and (max-width: 1024px) {
  .elementor-527 .elementor-element.elementor-element-e79df37 {
    width: 280px; /* Lebih kecil dari desktop */
  }
  
  .elementor-527 .elementor-element.elementor-element-e79df37:hover {
    width: 95%; /* Tidak sampai 100% agar ada margin */
    border-radius: 10px; /* Tetap ada sedikit border-radius */
  }
}

/* Mobile Phone - Landscape */
@media screen and (max-width: 768px) {
  .elementor-527 .elementor-element.elementor-element-e79df37 {
    width: 100%; /* Full width di mobile */
    max-width: 400px;
    margin: 0 auto;
  }
  
  .elementor-527 .elementor-element.elementor-element-e79df37:hover {
    width: 100%;
    border-radius: 15px; /* Kembali ke border-radius */
    transform: scale(1.02); /* Efek zoom kecil sebagai ganti expand */
  }
}

/* Mobile Phone - Portrait */
@media screen and (max-width: 480px) {
  .elementor-527 .elementor-element.elementor-element-e79df37 {
    width: 100%;
    border-radius: 15px;
  }
  
  .elementor-527 .elementor-element.elementor-element-e79df37:hover {
    width: 100%;
    border-radius: 15px;
    transform: scale(1.01); /* Zoom lebih kecil lagi */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* Tambah shadow untuk efek */
  }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b2c53a5 */.elementor-527 .elementor-element.elementor-element-b2c53a5 a,
.elementor-527 .elementor-element.elementor-element-b2c53a5 a:visited,
.elementor-527 .elementor-element.elementor-element-b2c53a5 a:hover,
.elementor-527 .elementor-element.elementor-element-b2c53a5 a:active {
  color: #ffffff !important;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b2c53a5 */.elementor-527 .elementor-element.elementor-element-b2c53a5 {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.elementor-527 .elementor-element.elementor-element-b2c53a5:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.elementor-527 .elementor-element.elementor-element-b2c53a5 a,
.elementor-527 .elementor-element.elementor-element-b2c53a5 a:visited,
.elementor-527 .elementor-element.elementor-element-b2c53a5 a:hover,
.elementor-527 .elementor-element.elementor-element-b2c53a5 a:active {
  color: #ffffff !important;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4a7dd9b */.elementor-527 .elementor-element.elementor-element-4a7dd9b a,
.elementor-527 .elementor-element.elementor-element-4a7dd9b a:visited,
.elementor-527 .elementor-element.elementor-element-4a7dd9b a:hover,
.elementor-527 .elementor-element.elementor-element-4a7dd9b a:active {
  color: #ffffff !important;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4a7dd9b */.elementor-527 .elementor-element.elementor-element-4a7dd9b {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.elementor-527 .elementor-element.elementor-element-4a7dd9b:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-986fc6c */.elementor-527 .elementor-element.elementor-element-986fc6c {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.elementor-527 .elementor-element.elementor-element-986fc6c:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f77a0c4 */.elementor-527 .elementor-element.elementor-element-f77a0c4 {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.elementor-527 .elementor-element.elementor-element-f77a0c4:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-527 .wa-link {
  color: #FFFFFF; /* Warna default WhatsApp */
  text-decoration: none;
  transition: color 0.3s ease;
}

body.elementor-page-527 .wa-link:hover {
  color: #051b9b; /* Warna saat hover */
}/* End custom CSS */