.elementor-10535 .elementor-element.elementor-element-e2fc15b{--display:flex;}.elementor-10535 .elementor-element.elementor-element-aff760f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-10535 .elementor-element.elementor-element-aff760f.e-con{--align-self:center;}.elementor-10535 .elementor-element.elementor-element-66719d3{--display:flex;--min-height:400px;--justify-content:center;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10535 .elementor-element.elementor-element-22addd6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -26px) 0px;}.elementor-10535 .elementor-element.elementor-element-22addd6 .elementor-icon-wrapper{text-align:center;}.elementor-10535 .elementor-element.elementor-element-22addd6.elementor-view-stacked .elementor-icon{background-color:#FA8D28;}.elementor-10535 .elementor-element.elementor-element-22addd6.elementor-view-framed .elementor-icon, .elementor-10535 .elementor-element.elementor-element-22addd6.elementor-view-default .elementor-icon{color:#FA8D28;border-color:#FA8D28;}.elementor-10535 .elementor-element.elementor-element-22addd6.elementor-view-framed .elementor-icon, .elementor-10535 .elementor-element.elementor-element-22addd6.elementor-view-default .elementor-icon svg{fill:#FA8D28;}.elementor-10535 .elementor-element.elementor-element-22addd6 .elementor-icon{font-size:102px;}.elementor-10535 .elementor-element.elementor-element-22addd6 .elementor-icon svg{height:102px;}.elementor-10535 .elementor-element.elementor-element-26ad3f8{text-align:center;}.elementor-10535 .elementor-element.elementor-element-0a82ef4{--display:flex;--min-height:400px;--justify-content:center;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10535 .elementor-element.elementor-element-77651c8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -26px) 0px;}.elementor-10535 .elementor-element.elementor-element-77651c8 .elementor-icon-wrapper{text-align:center;}.elementor-10535 .elementor-element.elementor-element-77651c8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-blocksy_palette_1 );}.elementor-10535 .elementor-element.elementor-element-77651c8.elementor-view-framed .elementor-icon, .elementor-10535 .elementor-element.elementor-element-77651c8.elementor-view-default .elementor-icon{color:var( --e-global-color-blocksy_palette_1 );border-color:var( --e-global-color-blocksy_palette_1 );}.elementor-10535 .elementor-element.elementor-element-77651c8.elementor-view-framed .elementor-icon, .elementor-10535 .elementor-element.elementor-element-77651c8.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-blocksy_palette_1 );}.elementor-10535 .elementor-element.elementor-element-77651c8 .elementor-icon{font-size:102px;}.elementor-10535 .elementor-element.elementor-element-77651c8 .elementor-icon svg{height:102px;}.elementor-10535 .elementor-element.elementor-element-00a2ecd{text-align:center;}.elementor-10535 .elementor-element.elementor-element-767c65c{--display:flex;--min-height:400px;--justify-content:center;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10535 .elementor-element.elementor-element-76ad5ac{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + -38px) 0px;}.elementor-10535 .elementor-element.elementor-element-76ad5ac .elementor-icon-wrapper{text-align:center;}.elementor-10535 .elementor-element.elementor-element-76ad5ac .elementor-icon{font-size:107px;}.elementor-10535 .elementor-element.elementor-element-76ad5ac .elementor-icon svg{height:107px;}.elementor-10535 .elementor-element.elementor-element-8fa1517{text-align:center;}.elementor-10535 .elementor-element.elementor-element-ae925ec{--display:flex;--min-height:400px;--justify-content:center;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10535 .elementor-element.elementor-element-272f303{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -26px) 0px;}.elementor-10535 .elementor-element.elementor-element-272f303 .elementor-icon-wrapper{text-align:center;}.elementor-10535 .elementor-element.elementor-element-272f303 .elementor-icon{font-size:102px;}.elementor-10535 .elementor-element.elementor-element-272f303 .elementor-icon svg{height:102px;}.elementor-10535 .elementor-element.elementor-element-61bc1c6{text-align:center;}.elementor-10535 .elementor-element.elementor-element-c271621{--display:flex;--min-height:400px;--justify-content:center;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10535 .elementor-element.elementor-element-0f8b0ae{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + -33px) 0px;}.elementor-10535 .elementor-element.elementor-element-0f8b0ae .elementor-icon-wrapper{text-align:center;}.elementor-10535 .elementor-element.elementor-element-0f8b0ae.elementor-view-stacked .elementor-icon{background-color:#4F2424;}.elementor-10535 .elementor-element.elementor-element-0f8b0ae.elementor-view-framed .elementor-icon, .elementor-10535 .elementor-element.elementor-element-0f8b0ae.elementor-view-default .elementor-icon{color:#4F2424;border-color:#4F2424;}.elementor-10535 .elementor-element.elementor-element-0f8b0ae.elementor-view-framed .elementor-icon, .elementor-10535 .elementor-element.elementor-element-0f8b0ae.elementor-view-default .elementor-icon svg{fill:#4F2424;}.elementor-10535 .elementor-element.elementor-element-0f8b0ae .elementor-icon{font-size:128px;}.elementor-10535 .elementor-element.elementor-element-0f8b0ae .elementor-icon svg{height:128px;}.elementor-10535 .elementor-element.elementor-element-6ffa4e3{text-align:center;}.elementor-10535 .elementor-element.elementor-element-852be15{--display:flex;--min-height:400px;--justify-content:center;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10535 .elementor-element.elementor-element-eb0ac71{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -26px) 0px;}.elementor-10535 .elementor-element.elementor-element-eb0ac71 .elementor-icon-wrapper{text-align:center;}.elementor-10535 .elementor-element.elementor-element-eb0ac71 .elementor-icon{font-size:102px;}.elementor-10535 .elementor-element.elementor-element-eb0ac71 .elementor-icon svg{height:102px;}.elementor-10535 .elementor-element.elementor-element-ef8b248{text-align:center;}.elementor-10535 .elementor-element.elementor-element-9f9dbd4{--display:flex;--min-height:400px;--justify-content:center;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10535 .elementor-element.elementor-element-bbf8338{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -26px) 0px;}.elementor-10535 .elementor-element.elementor-element-bbf8338 .elementor-icon-wrapper{text-align:center;}.elementor-10535 .elementor-element.elementor-element-bbf8338 .elementor-icon{font-size:102px;}.elementor-10535 .elementor-element.elementor-element-bbf8338 .elementor-icon svg{height:102px;}.elementor-10535 .elementor-element.elementor-element-2cf1f92{text-align:center;}.elementor-10535 .elementor-element.elementor-element-4ad8135{--display:flex;--min-height:400px;--justify-content:center;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10535 .elementor-element.elementor-element-c0e329f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -26px) 0px;}.elementor-10535 .elementor-element.elementor-element-c0e329f .elementor-icon-wrapper{text-align:center;}.elementor-10535 .elementor-element.elementor-element-c0e329f .elementor-icon{font-size:102px;}.elementor-10535 .elementor-element.elementor-element-c0e329f .elementor-icon svg{height:102px;}.elementor-10535 .elementor-element.elementor-element-82cf8bd{text-align:center;}.elementor-10535 .elementor-element.elementor-element-e1786a5{--display:flex;--min-height:400px;--justify-content:center;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10535 .elementor-element.elementor-element-038277f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -26px) 0px;}.elementor-10535 .elementor-element.elementor-element-038277f .elementor-icon-wrapper{text-align:center;}.elementor-10535 .elementor-element.elementor-element-038277f .elementor-icon{font-size:102px;}.elementor-10535 .elementor-element.elementor-element-038277f .elementor-icon svg{height:102px;}.elementor-10535 .elementor-element.elementor-element-f4e7487{text-align:center;}.elementor-10535 .elementor-element.elementor-element-6c1c95c{--display:flex;--min-height:400px;--justify-content:center;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10535 .elementor-element.elementor-element-f8e166d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -26px) 0px;}.elementor-10535 .elementor-element.elementor-element-f8e166d .elementor-icon-wrapper{text-align:center;}.elementor-10535 .elementor-element.elementor-element-f8e166d .elementor-icon{font-size:102px;}.elementor-10535 .elementor-element.elementor-element-f8e166d .elementor-icon svg{height:102px;}.elementor-10535 .elementor-element.elementor-element-08bd031{text-align:center;}.elementor-10535 .elementor-element.elementor-element-30bfd31{--display:flex;--min-height:400px;--justify-content:center;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10535 .elementor-element.elementor-element-fee942f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -26px) 0px;}.elementor-10535 .elementor-element.elementor-element-fee942f .elementor-icon-wrapper{text-align:center;}.elementor-10535 .elementor-element.elementor-element-fee942f .elementor-icon{font-size:102px;}.elementor-10535 .elementor-element.elementor-element-fee942f .elementor-icon svg{height:102px;}.elementor-10535 .elementor-element.elementor-element-45f84e0{text-align:center;}.elementor-10535 .elementor-element.elementor-element-c573c64{--display:flex;--min-height:400px;--justify-content:center;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10535 .elementor-element.elementor-element-db4f0c3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -26px) 0px;}.elementor-10535 .elementor-element.elementor-element-db4f0c3 .elementor-icon-wrapper{text-align:center;}.elementor-10535 .elementor-element.elementor-element-db4f0c3 .elementor-icon{font-size:102px;}.elementor-10535 .elementor-element.elementor-element-db4f0c3 .elementor-icon svg{height:102px;}.elementor-10535 .elementor-element.elementor-element-8c6161f{text-align:center;}.elementor-10535 .elementor-element.elementor-element-1213f19{--display:flex;--min-height:400px;--justify-content:center;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10535 .elementor-element.elementor-element-c347841{margin:-76px 0px calc(var(--kit-widget-spacing, 0px) + -57px) 0px;}.elementor-10535 .elementor-element.elementor-element-c347841 .elementor-icon-wrapper{text-align:center;}.elementor-10535 .elementor-element.elementor-element-c347841 .elementor-icon{font-size:216px;}.elementor-10535 .elementor-element.elementor-element-c347841 .elementor-icon svg{height:216px;}.elementor-10535 .elementor-element.elementor-element-857e49b{text-align:center;}@media(max-width:1024px){.elementor-10535 .elementor-element.elementor-element-aff760f{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-10535 .elementor-element.elementor-element-aff760f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-66719d3 *//* Tambahkan class 'border-animasi-sudut' pada bagian Advanced > CSS Classes di Elementor */

.border-animasi-sudut {
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 16px; 
    overflow: visible; 
    box-sizing: border-box;
}

/* Pseudo-element dasar */
.border-animasi-sudut::before,
.border-animasi-sudut::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 3px solid transparent; 
    transition: width 0.3s ease, height 0.3s ease, border-color 0.3s ease, border-radius 0.3s ease;
    pointer-events: none;
    z-index: 10;
    box-sizing: border-box; /* Sangat penting agar ukuran border presisi */
}

/* --- FIX POSISI ANIMASI --- */

/* Sudut Kanan Atas */
.border-animasi-sudut::before {
    top: 0; 
    right: 0;
    left: auto;   /* Memaksa elemen tidak ditarik ke kiri */
    bottom: auto; /* Memaksa elemen tidak ditarik ke bawah */
}

/* Sudut Kiri Bawah */
.border-animasi-sudut::after {
    bottom: 0;
    left: 0;
    right: auto; /* Memaksa elemen tidak ditarik ke kanan */
    top: auto;   /* Memaksa elemen tidak ditarik ke atas */
}

/* --- EFEK SAAT HOVER --- */

.border-animasi-sudut:hover {
    border-radius: 15px;
    transform: translateY(-4px);
}

/* Animasi Kanan Atas */
.border-animasi-sudut:hover::before {
    width: 80px; 
    height: 80px;
    border-top-color: #0073ff; 
    border-right-color: #0073ff;
    border-top-right-radius: 10px;
}

/* Animasi Kiri Bawah */
.border-animasi-sudut:hover::after {
    width: 80px;
    height: 80px;
    border-bottom-color: #0073ff;
    border-left-color: #0073ff;
    border-bottom-left-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0a82ef4 *//* Tambahkan class 'border-animasi-sudut' pada bagian Advanced > CSS Classes di Elementor */

.border-animasi-sudut {
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 16px; 
    overflow: visible; 
    box-sizing: border-box;
}

/* Pseudo-element dasar */
.border-animasi-sudut::before,
.border-animasi-sudut::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 3px solid transparent; 
    transition: width 0.3s ease, height 0.3s ease, border-color 0.3s ease, border-radius 0.3s ease;
    pointer-events: none;
    z-index: 10;
    box-sizing: border-box; /* Sangat penting agar ukuran border presisi */
}

/* --- FIX POSISI ANIMASI --- */

/* Sudut Kanan Atas */
.border-animasi-sudut::before {
    top: 0; 
    right: 0;
    left: auto;   /* Memaksa elemen tidak ditarik ke kiri */
    bottom: auto; /* Memaksa elemen tidak ditarik ke bawah */
}

/* Sudut Kiri Bawah */
.border-animasi-sudut::after {
    bottom: 0;
    left: 0;
    right: auto; /* Memaksa elemen tidak ditarik ke kanan */
    top: auto;   /* Memaksa elemen tidak ditarik ke atas */
}

/* --- EFEK SAAT HOVER --- */

.border-animasi-sudut:hover {
    border-radius: 15px;
    transform: translateY(-4px);
}

/* Animasi Kanan Atas */
.border-animasi-sudut:hover::before {
    width: 80px; 
    height: 80px;
    border-top-color: #0073ff; 
    border-right-color: #0073ff;
    border-top-right-radius: 10px;
}

/* Animasi Kiri Bawah */
.border-animasi-sudut:hover::after {
    width: 80px;
    height: 80px;
    border-bottom-color: #0073ff;
    border-left-color: #0073ff;
    border-bottom-left-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-767c65c *//* Tambahkan class 'border-animasi-sudut' pada bagian Advanced > CSS Classes di Elementor */

.border-animasi-sudut {
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 16px; 
    overflow: visible; 
    box-sizing: border-box;
}

/* Pseudo-element dasar */
.border-animasi-sudut::before,
.border-animasi-sudut::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 3px solid transparent; 
    transition: width 0.3s ease, height 0.3s ease, border-color 0.3s ease, border-radius 0.3s ease;
    pointer-events: none;
    z-index: 10;
    box-sizing: border-box; /* Sangat penting agar ukuran border presisi */
}

/* --- FIX POSISI ANIMASI --- */

/* Sudut Kanan Atas */
.border-animasi-sudut::before {
    top: 0; 
    right: 0;
    left: auto;   /* Memaksa elemen tidak ditarik ke kiri */
    bottom: auto; /* Memaksa elemen tidak ditarik ke bawah */
}

/* Sudut Kiri Bawah */
.border-animasi-sudut::after {
    bottom: 0;
    left: 0;
    right: auto; /* Memaksa elemen tidak ditarik ke kanan */
    top: auto;   /* Memaksa elemen tidak ditarik ke atas */
}

/* --- EFEK SAAT HOVER --- */

.border-animasi-sudut:hover {
    border-radius: 15px;
    transform: translateY(-4px);
}

/* Animasi Kanan Atas */
.border-animasi-sudut:hover::before {
    width: 80px; 
    height: 80px;
    border-top-color: #0073ff; 
    border-right-color: #0073ff;
    border-top-right-radius: 10px;
}

/* Animasi Kiri Bawah */
.border-animasi-sudut:hover::after {
    width: 80px;
    height: 80px;
    border-bottom-color: #0073ff;
    border-left-color: #0073ff;
    border-bottom-left-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae925ec *//* Tambahkan class 'border-animasi-sudut' pada bagian Advanced > CSS Classes di Elementor */

.border-animasi-sudut {
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 16px; 
    overflow: visible; 
    box-sizing: border-box;
}

/* Pseudo-element dasar */
.border-animasi-sudut::before,
.border-animasi-sudut::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 3px solid transparent; 
    transition: width 0.3s ease, height 0.3s ease, border-color 0.3s ease, border-radius 0.3s ease;
    pointer-events: none;
    z-index: 10;
    box-sizing: border-box; /* Sangat penting agar ukuran border presisi */
}

/* --- FIX POSISI ANIMASI --- */

/* Sudut Kanan Atas */
.border-animasi-sudut::before {
    top: 0; 
    right: 0;
    left: auto;   /* Memaksa elemen tidak ditarik ke kiri */
    bottom: auto; /* Memaksa elemen tidak ditarik ke bawah */
}

/* Sudut Kiri Bawah */
.border-animasi-sudut::after {
    bottom: 0;
    left: 0;
    right: auto; /* Memaksa elemen tidak ditarik ke kanan */
    top: auto;   /* Memaksa elemen tidak ditarik ke atas */
}

/* --- EFEK SAAT HOVER --- */

.border-animasi-sudut:hover {
    border-radius: 15px;
    transform: translateY(-4px);
}

/* Animasi Kanan Atas */
.border-animasi-sudut:hover::before {
    width: 80px; 
    height: 80px;
    border-top-color: #0073ff; 
    border-right-color: #0073ff;
    border-top-right-radius: 10px;
}

/* Animasi Kiri Bawah */
.border-animasi-sudut:hover::after {
    width: 80px;
    height: 80px;
    border-bottom-color: #0073ff;
    border-left-color: #0073ff;
    border-bottom-left-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c271621 *//* Tambahkan class 'border-animasi-sudut' pada bagian Advanced > CSS Classes di Elementor */

.border-animasi-sudut {
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 16px; 
    overflow: visible; 
    box-sizing: border-box;
}

/* Pseudo-element dasar */
.border-animasi-sudut::before,
.border-animasi-sudut::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 3px solid transparent; 
    transition: width 0.3s ease, height 0.3s ease, border-color 0.3s ease, border-radius 0.3s ease;
    pointer-events: none;
    z-index: 10;
    box-sizing: border-box; /* Sangat penting agar ukuran border presisi */
}

/* --- FIX POSISI ANIMASI --- */

/* Sudut Kanan Atas */
.border-animasi-sudut::before {
    top: 0; 
    right: 0;
    left: auto;   /* Memaksa elemen tidak ditarik ke kiri */
    bottom: auto; /* Memaksa elemen tidak ditarik ke bawah */
}

/* Sudut Kiri Bawah */
.border-animasi-sudut::after {
    bottom: 0;
    left: 0;
    right: auto; /* Memaksa elemen tidak ditarik ke kanan */
    top: auto;   /* Memaksa elemen tidak ditarik ke atas */
}

/* --- EFEK SAAT HOVER --- */

.border-animasi-sudut:hover {
    border-radius: 15px;
    transform: translateY(-4px);
}

/* Animasi Kanan Atas */
.border-animasi-sudut:hover::before {
    width: 80px; 
    height: 80px;
    border-top-color: #0073ff; 
    border-right-color: #0073ff;
    border-top-right-radius: 10px;
}

/* Animasi Kiri Bawah */
.border-animasi-sudut:hover::after {
    width: 80px;
    height: 80px;
    border-bottom-color: #0073ff;
    border-left-color: #0073ff;
    border-bottom-left-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-852be15 *//* Tambahkan class 'border-animasi-sudut' pada bagian Advanced > CSS Classes di Elementor */

.border-animasi-sudut {
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 16px; 
    overflow: visible; 
    box-sizing: border-box;
}

/* Pseudo-element dasar */
.border-animasi-sudut::before,
.border-animasi-sudut::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 3px solid transparent; 
    transition: width 0.3s ease, height 0.3s ease, border-color 0.3s ease, border-radius 0.3s ease;
    pointer-events: none;
    z-index: 10;
    box-sizing: border-box; /* Sangat penting agar ukuran border presisi */
}

/* --- FIX POSISI ANIMASI --- */

/* Sudut Kanan Atas */
.border-animasi-sudut::before {
    top: 0; 
    right: 0;
    left: auto;   /* Memaksa elemen tidak ditarik ke kiri */
    bottom: auto; /* Memaksa elemen tidak ditarik ke bawah */
}

/* Sudut Kiri Bawah */
.border-animasi-sudut::after {
    bottom: 0;
    left: 0;
    right: auto; /* Memaksa elemen tidak ditarik ke kanan */
    top: auto;   /* Memaksa elemen tidak ditarik ke atas */
}

/* --- EFEK SAAT HOVER --- */

.border-animasi-sudut:hover {
    border-radius: 15px;
    transform: translateY(-4px);
}

/* Animasi Kanan Atas */
.border-animasi-sudut:hover::before {
    width: 80px; 
    height: 80px;
    border-top-color: #0073ff; 
    border-right-color: #0073ff;
    border-top-right-radius: 10px;
}

/* Animasi Kiri Bawah */
.border-animasi-sudut:hover::after {
    width: 80px;
    height: 80px;
    border-bottom-color: #0073ff;
    border-left-color: #0073ff;
    border-bottom-left-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9dbd4 *//* Tambahkan class 'border-animasi-sudut' pada bagian Advanced > CSS Classes di Elementor */

.border-animasi-sudut {
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 16px; 
    overflow: visible; 
    box-sizing: border-box;
}

/* Pseudo-element dasar */
.border-animasi-sudut::before,
.border-animasi-sudut::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 3px solid transparent; 
    transition: width 0.3s ease, height 0.3s ease, border-color 0.3s ease, border-radius 0.3s ease;
    pointer-events: none;
    z-index: 10;
    box-sizing: border-box; /* Sangat penting agar ukuran border presisi */
}

/* --- FIX POSISI ANIMASI --- */

/* Sudut Kanan Atas */
.border-animasi-sudut::before {
    top: 0; 
    right: 0;
    left: auto;   /* Memaksa elemen tidak ditarik ke kiri */
    bottom: auto; /* Memaksa elemen tidak ditarik ke bawah */
}

/* Sudut Kiri Bawah */
.border-animasi-sudut::after {
    bottom: 0;
    left: 0;
    right: auto; /* Memaksa elemen tidak ditarik ke kanan */
    top: auto;   /* Memaksa elemen tidak ditarik ke atas */
}

/* --- EFEK SAAT HOVER --- */

.border-animasi-sudut:hover {
    border-radius: 15px;
    transform: translateY(-4px);
}

/* Animasi Kanan Atas */
.border-animasi-sudut:hover::before {
    width: 80px; 
    height: 80px;
    border-top-color: #0073ff; 
    border-right-color: #0073ff;
    border-top-right-radius: 10px;
}

/* Animasi Kiri Bawah */
.border-animasi-sudut:hover::after {
    width: 80px;
    height: 80px;
    border-bottom-color: #0073ff;
    border-left-color: #0073ff;
    border-bottom-left-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ad8135 *//* Tambahkan class 'border-animasi-sudut' pada bagian Advanced > CSS Classes di Elementor */

.border-animasi-sudut {
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 16px; 
    overflow: visible; 
    box-sizing: border-box;
}

/* Pseudo-element dasar */
.border-animasi-sudut::before,
.border-animasi-sudut::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 3px solid transparent; 
    transition: width 0.3s ease, height 0.3s ease, border-color 0.3s ease, border-radius 0.3s ease;
    pointer-events: none;
    z-index: 10;
    box-sizing: border-box; /* Sangat penting agar ukuran border presisi */
}

/* --- FIX POSISI ANIMASI --- */

/* Sudut Kanan Atas */
.border-animasi-sudut::before {
    top: 0; 
    right: 0;
    left: auto;   /* Memaksa elemen tidak ditarik ke kiri */
    bottom: auto; /* Memaksa elemen tidak ditarik ke bawah */
}

/* Sudut Kiri Bawah */
.border-animasi-sudut::after {
    bottom: 0;
    left: 0;
    right: auto; /* Memaksa elemen tidak ditarik ke kanan */
    top: auto;   /* Memaksa elemen tidak ditarik ke atas */
}

/* --- EFEK SAAT HOVER --- */

.border-animasi-sudut:hover {
    border-radius: 15px;
    transform: translateY(-4px);
}

/* Animasi Kanan Atas */
.border-animasi-sudut:hover::before {
    width: 80px; 
    height: 80px;
    border-top-color: #0073ff; 
    border-right-color: #0073ff;
    border-top-right-radius: 10px;
}

/* Animasi Kiri Bawah */
.border-animasi-sudut:hover::after {
    width: 80px;
    height: 80px;
    border-bottom-color: #0073ff;
    border-left-color: #0073ff;
    border-bottom-left-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e1786a5 *//* Tambahkan class 'border-animasi-sudut' pada bagian Advanced > CSS Classes di Elementor */

.border-animasi-sudut {
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 16px; 
    overflow: visible; 
    box-sizing: border-box;
}

/* Pseudo-element dasar */
.border-animasi-sudut::before,
.border-animasi-sudut::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 3px solid transparent; 
    transition: width 0.3s ease, height 0.3s ease, border-color 0.3s ease, border-radius 0.3s ease;
    pointer-events: none;
    z-index: 10;
    box-sizing: border-box; /* Sangat penting agar ukuran border presisi */
}

/* --- FIX POSISI ANIMASI --- */

/* Sudut Kanan Atas */
.border-animasi-sudut::before {
    top: 0; 
    right: 0;
    left: auto;   /* Memaksa elemen tidak ditarik ke kiri */
    bottom: auto; /* Memaksa elemen tidak ditarik ke bawah */
}

/* Sudut Kiri Bawah */
.border-animasi-sudut::after {
    bottom: 0;
    left: 0;
    right: auto; /* Memaksa elemen tidak ditarik ke kanan */
    top: auto;   /* Memaksa elemen tidak ditarik ke atas */
}

/* --- EFEK SAAT HOVER --- */

.border-animasi-sudut:hover {
    border-radius: 15px;
    transform: translateY(-4px);
}

/* Animasi Kanan Atas */
.border-animasi-sudut:hover::before {
    width: 80px; 
    height: 80px;
    border-top-color: #0073ff; 
    border-right-color: #0073ff;
    border-top-right-radius: 10px;
}

/* Animasi Kiri Bawah */
.border-animasi-sudut:hover::after {
    width: 80px;
    height: 80px;
    border-bottom-color: #0073ff;
    border-left-color: #0073ff;
    border-bottom-left-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c1c95c *//* Tambahkan class 'border-animasi-sudut' pada bagian Advanced > CSS Classes di Elementor */

.border-animasi-sudut {
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 16px; 
    overflow: visible; 
    box-sizing: border-box;
}

/* Pseudo-element dasar */
.border-animasi-sudut::before,
.border-animasi-sudut::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 3px solid transparent; 
    transition: width 0.3s ease, height 0.3s ease, border-color 0.3s ease, border-radius 0.3s ease;
    pointer-events: none;
    z-index: 10;
    box-sizing: border-box; /* Sangat penting agar ukuran border presisi */
}

/* --- FIX POSISI ANIMASI --- */

/* Sudut Kanan Atas */
.border-animasi-sudut::before {
    top: 0; 
    right: 0;
    left: auto;   /* Memaksa elemen tidak ditarik ke kiri */
    bottom: auto; /* Memaksa elemen tidak ditarik ke bawah */
}

/* Sudut Kiri Bawah */
.border-animasi-sudut::after {
    bottom: 0;
    left: 0;
    right: auto; /* Memaksa elemen tidak ditarik ke kanan */
    top: auto;   /* Memaksa elemen tidak ditarik ke atas */
}

/* --- EFEK SAAT HOVER --- */

.border-animasi-sudut:hover {
    border-radius: 15px;
    transform: translateY(-4px);
}

/* Animasi Kanan Atas */
.border-animasi-sudut:hover::before {
    width: 80px; 
    height: 80px;
    border-top-color: #0073ff; 
    border-right-color: #0073ff;
    border-top-right-radius: 10px;
}

/* Animasi Kiri Bawah */
.border-animasi-sudut:hover::after {
    width: 80px;
    height: 80px;
    border-bottom-color: #0073ff;
    border-left-color: #0073ff;
    border-bottom-left-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30bfd31 *//* Tambahkan class 'border-animasi-sudut' pada bagian Advanced > CSS Classes di Elementor */

.border-animasi-sudut {
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 16px; 
    overflow: visible; 
    box-sizing: border-box;
}

/* Pseudo-element dasar */
.border-animasi-sudut::before,
.border-animasi-sudut::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 3px solid transparent; 
    transition: width 0.3s ease, height 0.3s ease, border-color 0.3s ease, border-radius 0.3s ease;
    pointer-events: none;
    z-index: 10;
    box-sizing: border-box; /* Sangat penting agar ukuran border presisi */
}

/* --- FIX POSISI ANIMASI --- */

/* Sudut Kanan Atas */
.border-animasi-sudut::before {
    top: 0; 
    right: 0;
    left: auto;   /* Memaksa elemen tidak ditarik ke kiri */
    bottom: auto; /* Memaksa elemen tidak ditarik ke bawah */
}

/* Sudut Kiri Bawah */
.border-animasi-sudut::after {
    bottom: 0;
    left: 0;
    right: auto; /* Memaksa elemen tidak ditarik ke kanan */
    top: auto;   /* Memaksa elemen tidak ditarik ke atas */
}

/* --- EFEK SAAT HOVER --- */

.border-animasi-sudut:hover {
    border-radius: 15px;
    transform: translateY(-4px);
}

/* Animasi Kanan Atas */
.border-animasi-sudut:hover::before {
    width: 80px; 
    height: 80px;
    border-top-color: #0073ff; 
    border-right-color: #0073ff;
    border-top-right-radius: 10px;
}

/* Animasi Kiri Bawah */
.border-animasi-sudut:hover::after {
    width: 80px;
    height: 80px;
    border-bottom-color: #0073ff;
    border-left-color: #0073ff;
    border-bottom-left-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c573c64 *//* Tambahkan class 'border-animasi-sudut' pada bagian Advanced > CSS Classes di Elementor */

.border-animasi-sudut {
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 16px; 
    overflow: visible; 
    box-sizing: border-box;
}

/* Pseudo-element dasar */
.border-animasi-sudut::before,
.border-animasi-sudut::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 3px solid transparent; 
    transition: width 0.3s ease, height 0.3s ease, border-color 0.3s ease, border-radius 0.3s ease;
    pointer-events: none;
    z-index: 10;
    box-sizing: border-box; /* Sangat penting agar ukuran border presisi */
}

/* --- FIX POSISI ANIMASI --- */

/* Sudut Kanan Atas */
.border-animasi-sudut::before {
    top: 0; 
    right: 0;
    left: auto;   /* Memaksa elemen tidak ditarik ke kiri */
    bottom: auto; /* Memaksa elemen tidak ditarik ke bawah */
}

/* Sudut Kiri Bawah */
.border-animasi-sudut::after {
    bottom: 0;
    left: 0;
    right: auto; /* Memaksa elemen tidak ditarik ke kanan */
    top: auto;   /* Memaksa elemen tidak ditarik ke atas */
}

/* --- EFEK SAAT HOVER --- */

.border-animasi-sudut:hover {
    border-radius: 15px;
    transform: translateY(-4px);
}

/* Animasi Kanan Atas */
.border-animasi-sudut:hover::before {
    width: 80px; 
    height: 80px;
    border-top-color: #0073ff; 
    border-right-color: #0073ff;
    border-top-right-radius: 10px;
}

/* Animasi Kiri Bawah */
.border-animasi-sudut:hover::after {
    width: 80px;
    height: 80px;
    border-bottom-color: #0073ff;
    border-left-color: #0073ff;
    border-bottom-left-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1213f19 *//* Tambahkan class 'border-animasi-sudut' pada bagian Advanced > CSS Classes di Elementor */

.border-animasi-sudut {
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 16px; 
    overflow: visible; 
    box-sizing: border-box;
}

/* Pseudo-element dasar */
.border-animasi-sudut::before,
.border-animasi-sudut::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 3px solid transparent; 
    transition: width 0.3s ease, height 0.3s ease, border-color 0.3s ease, border-radius 0.3s ease;
    pointer-events: none;
    z-index: 10;
    box-sizing: border-box; /* Sangat penting agar ukuran border presisi */
}

/* --- FIX POSISI ANIMASI --- */

/* Sudut Kanan Atas */
.border-animasi-sudut::before {
    top: 0; 
    right: 0;
    left: auto;   /* Memaksa elemen tidak ditarik ke kiri */
    bottom: auto; /* Memaksa elemen tidak ditarik ke bawah */
}

/* Sudut Kiri Bawah */
.border-animasi-sudut::after {
    bottom: 0;
    left: 0;
    right: auto; /* Memaksa elemen tidak ditarik ke kanan */
    top: auto;   /* Memaksa elemen tidak ditarik ke atas */
}

/* --- EFEK SAAT HOVER --- */

.border-animasi-sudut:hover {
    border-radius: 15px;
    transform: translateY(-4px);
}

/* Animasi Kanan Atas */
.border-animasi-sudut:hover::before {
    width: 80px; 
    height: 80px;
    border-top-color: #0073ff; 
    border-right-color: #0073ff;
    border-top-right-radius: 10px;
}

/* Animasi Kiri Bawah */
.border-animasi-sudut:hover::after {
    width: 80px;
    height: 80px;
    border-bottom-color: #0073ff;
    border-left-color: #0073ff;
    border-bottom-left-radius: 10px;
}/* End custom CSS */