.elementor-768 .elementor-element.elementor-element-eafe62f > .elementor-background-overlay{background-color:var( --e-global-color-ce01a3e );opacity:0.38;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-768 .elementor-element.elementor-element-eafe62f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:207px 0px 104px 0px;}.elementor-768 .elementor-element.elementor-element-2800b46{text-align:left;}.elementor-768 .elementor-element.elementor-element-2800b46 .elementor-heading-title{font-family:"Arial", Sans-serif;color:#EE0404;}.elementor-768 .elementor-element.elementor-element-bbc8ce4{text-align:left;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;}.elementor-768 .elementor-element.elementor-element-dbcde29{margin-top:40px;margin-bottom:0px;}.elementor-768 .elementor-element.elementor-element-e65df7b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-768 .elementor-element.elementor-element-a1da5f5 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Arial", Sans-serif;font-weight:600;border-radius:25px 25px 25px 25px;padding:20px 20px 20px 20px;}.elementor-768 .elementor-element.elementor-element-a1da5f5{width:var( --container-widget-width, 99.635% );max-width:99.635%;--container-widget-width:99.635%;--container-widget-flex-grow:0;}.elementor-768 .elementor-element.elementor-element-a1da5f5 .elementor-button:hover, .elementor-768 .elementor-element.elementor-element-a1da5f5 .elementor-button:focus{box-shadow:0px 9px 10px 0px rgba(249.52221069335937, 4.881956296174422, 4.881956296174422, 0.5);}.elementor-768 .elementor-element.elementor-element-9446137 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-768 .elementor-element.elementor-element-0c5e832 .elementor-button{background-color:#02010100;font-family:"Arial", Sans-serif;font-weight:600;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:25px 25px 25px 25px;padding:20px 20px 20px 20px;}.elementor-768 .elementor-element.elementor-element-0c5e832 .elementor-button:hover, .elementor-768 .elementor-element.elementor-element-0c5e832 .elementor-button:focus{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );box-shadow:0px 9px 10px 0px rgba(242.72221069335936, 0, 0, 0.5);}.elementor-768 .elementor-element.elementor-element-5d40127:not(.elementor-motion-effects-element-type-background), .elementor-768 .elementor-element.elementor-element-5d40127 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF6F6;background-image:url("https://hexatara.com/wp-content/uploads/2020/12/pattern.svg");}.elementor-768 .elementor-element.elementor-element-5d40127 > .elementor-container{min-height:85vh;}.elementor-768 .elementor-element.elementor-element-5d40127{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-768 .elementor-element.elementor-element-5d40127 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-768 .elementor-element.elementor-element-aac83f3 .elementor-heading-title{font-family:"Arial", Sans-serif;}.elementor-768 .elementor-element.elementor-element-c091d20{font-family:"Arial", Sans-serif;}.elementor-768 .elementor-element.elementor-element-6eea22a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-768 .elementor-element.elementor-element-ea03abc{--spacer-size:130px;}.elementor-768 .elementor-element.elementor-element-c31e6da > .elementor-container{min-height:35vh;}.elementor-768 .elementor-element.elementor-element-a98a8dc{text-align:center;}.elementor-768 .elementor-element.elementor-element-a98a8dc .elementor-heading-title{font-family:"Arial", Sans-serif;}.elementor-768 .elementor-element.elementor-element-af27891{text-align:center;font-family:"Arial", Sans-serif;}.elementor-768 .elementor-element.elementor-element-af27891 p{margin-block-end:0px;}.elementor-768 .elementor-element.elementor-element-5afa85b{margin-top:0px;margin-bottom:0px;}.elementor-768 .elementor-element.elementor-element-4213c5b{margin-top:0px;margin-bottom:0px;}.elementor-768 .elementor-element.elementor-element-81c2f28 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-768 .elementor-element.elementor-element-a3c804a{--spacer-size:130px;}.elementor-768 .elementor-element.elementor-element-21f5be2:not(.elementor-motion-effects-element-type-background), .elementor-768 .elementor-element.elementor-element-21f5be2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F3F4;}.elementor-768 .elementor-element.elementor-element-21f5be2 > .elementor-container{max-width:997px;min-height:51vh;}.elementor-768 .elementor-element.elementor-element-21f5be2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:19px 19px 19px 19px;}.elementor-768 .elementor-element.elementor-element-21f5be2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-768 .elementor-element.elementor-element-97c1809{text-align:center;}.elementor-768 .elementor-element.elementor-element-97c1809 .elementor-heading-title{font-family:"Arial", Sans-serif;}.elementor-768 .elementor-element.elementor-element-4493ac5{font-family:"Arial", Sans-serif;}.elementor-768 .elementor-element.elementor-element-207e974 > .elementor-background-overlay{background-color:#F7F3F4;opacity:1;}.elementor-768 .elementor-element.elementor-element-207e974{margin-top:0px;margin-bottom:0px;}.elementor-768 .elementor-element.elementor-element-60f3575 > .elementor-background-overlay{background-color:#F7F3F4;opacity:1;}.elementor-768 .elementor-element.elementor-element-60f3575{margin-top:0px;margin-bottom:0px;}.elementor-768 .elementor-element.elementor-element-272073f:not(.elementor-motion-effects-element-type-background), .elementor-768 .elementor-element.elementor-element-272073f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A365D17;}.elementor-768 .elementor-element.elementor-element-272073f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-768 .elementor-element.elementor-element-272073f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-768 .elementor-element.elementor-element-4241e7a{text-align:center;}.elementor-768 .elementor-element.elementor-element-7cc0551{margin:-7px -7px calc(var(--kit-widget-spacing, 0px) + -7px) -7px;}.elementor-768 .elementor-element.elementor-element-7cc0551 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:2px;--swiper-pagination-bullet-vertical-gap:2px;background:#02010100;}.elementor-768 .elementor-element.elementor-element-7cc0551 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#02010105;opacity:1;}.elementor-768 .elementor-element.elementor-element-7cc0551 .swiper-wrapper{display:flex;align-items:center;}.elementor-768 .elementor-element.elementor-element-4bb6d79:not(.elementor-motion-effects-element-type-background), .elementor-768 .elementor-element.elementor-element-4bb6d79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ce01a3e );}.elementor-768 .elementor-element.elementor-element-4bb6d79 > .elementor-background-overlay{opacity:0.03;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-768 .elementor-element.elementor-element-4bb6d79{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:50px 0px 50px 0px;}.elementor-768 .elementor-element.elementor-element-d344f4e .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:"Arial", Sans-serif;font-weight:700;}.elementor-768 .elementor-element.elementor-element-d344f4e .elementor-counter-title{color:var( --e-global-color-8407015 );}.elementor-768 .elementor-element.elementor-element-1d8166a .elementor-counter-number-wrapper{color:var( --e-global-color-primary );}.elementor-768 .elementor-element.elementor-element-1d8166a .elementor-counter-title{color:var( --e-global-color-8407015 );}.elementor-768 .elementor-element.elementor-element-8a5db30 .elementor-counter-number-wrapper{color:var( --e-global-color-primary );}.elementor-768 .elementor-element.elementor-element-8a5db30 .elementor-counter-title{color:var( --e-global-color-8407015 );}.elementor-768 .elementor-element.elementor-element-e6fea4e .elementor-counter-number-wrapper{color:var( --e-global-color-primary );}.elementor-768 .elementor-element.elementor-element-e6fea4e .elementor-counter-title{color:var( --e-global-color-8407015 );}@media(max-width:1024px){.elementor-768 .elementor-element.elementor-element-eafe62f{padding:48px 0px 150px 0px;}.elementor-768 .elementor-element.elementor-element-b43ee79 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:20px;}.elementor-768 .elementor-element.elementor-element-a1da5f5 .elementor-button{font-size:13px;padding:15px 15px 15px 15px;}.elementor-768 .elementor-element.elementor-element-0c5e832 .elementor-button{font-size:13px;padding:15px 15px 15px 15px;}.elementor-768 .elementor-element.elementor-element-ea03abc{--spacer-size:70px;}.elementor-768 .elementor-element.elementor-element-a3c804a{--spacer-size:70px;}.elementor-768 .elementor-element.elementor-element-4bb6d79{margin-top:-63px;margin-bottom:0px;padding:104px 0px 105px 0px;}.elementor-768 .elementor-element.elementor-element-d344f4e .elementor-counter-number-wrapper{font-size:40px;}.elementor-768 .elementor-element.elementor-element-d344f4e .elementor-counter-title{font-size:15px;}.elementor-768 .elementor-element.elementor-element-1d8166a .elementor-counter-number-wrapper{font-size:40px;}.elementor-768 .elementor-element.elementor-element-1d8166a .elementor-counter-title{font-size:15px;}.elementor-768 .elementor-element.elementor-element-8a5db30 .elementor-counter-number-wrapper{font-size:40px;}.elementor-768 .elementor-element.elementor-element-8a5db30 .elementor-counter-title{font-size:15px;}.elementor-768 .elementor-element.elementor-element-e6fea4e .elementor-counter-number-wrapper{font-size:40px;}.elementor-768 .elementor-element.elementor-element-e6fea4e .elementor-counter-title{font-size:15px;}}@media(max-width:767px){.elementor-768 .elementor-element.elementor-element-eafe62f{padding:100px 0px 195px 0px;}.elementor-768 .elementor-element.elementor-element-b43ee79{width:100%;}.elementor-768 .elementor-element.elementor-element-a1da5f5{width:var( --container-widget-width, 378.792px );max-width:378.792px;--container-widget-width:378.792px;--container-widget-flex-grow:0;}.elementor-768 .elementor-element.elementor-element-0c5e832{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-768 .elementor-element.elementor-element-5d40127 > .elementor-container{min-height:92vh;}.elementor-768 .elementor-element.elementor-element-4bb6d79{margin-top:-65px;margin-bottom:0px;padding:120px 0px 50px 0px;}.elementor-768 .elementor-element.elementor-element-1cece33{width:50%;}.elementor-768 .elementor-element.elementor-element-d344f4e .elementor-counter-title{font-size:13px;}.elementor-768 .elementor-element.elementor-element-5e94521{width:50%;}.elementor-768 .elementor-element.elementor-element-1d8166a .elementor-counter-title{font-size:13px;}.elementor-768 .elementor-element.elementor-element-2429e0c{width:50%;}.elementor-768 .elementor-element.elementor-element-8a5db30 .elementor-counter-title{font-size:13px;}.elementor-768 .elementor-element.elementor-element-46102c7{width:50%;}.elementor-768 .elementor-element.elementor-element-e6fea4e .elementor-counter-title{font-size:13px;}}@media(min-width:768px){.elementor-768 .elementor-element.elementor-element-e65df7b{width:39.045%;}.elementor-768 .elementor-element.elementor-element-9446137{width:60.955%;}.elementor-768 .elementor-element.elementor-element-738ec93{width:49.818%;}.elementor-768 .elementor-element.elementor-element-3a703ea{width:50.182%;}}@media(max-width:1024px) and (min-width:768px){.elementor-768 .elementor-element.elementor-element-e65df7b{width:50%;}.elementor-768 .elementor-element.elementor-element-9446137{width:50%;}.elementor-768 .elementor-element.elementor-element-4a694ad{width:100%;}.elementor-768 .elementor-element.elementor-element-7f6bbb9{width:100%;}.elementor-768 .elementor-element.elementor-element-e0f9a58{width:100%;}.elementor-768 .elementor-element.elementor-element-d2eb189{width:100%;}.elementor-768 .elementor-element.elementor-element-82e6a61{width:100%;}.elementor-768 .elementor-element.elementor-element-513b3e3{width:100%;}.elementor-768 .elementor-element.elementor-element-8036e1c{width:100%;}.elementor-768 .elementor-element.elementor-element-c1c7553{width:100%;}.elementor-768 .elementor-element.elementor-element-864fcf8{width:100%;}.elementor-768 .elementor-element.elementor-element-ed1e989{width:100%;}.elementor-768 .elementor-element.elementor-element-419770b{width:100%;}.elementor-768 .elementor-element.elementor-element-1127382{width:100%;}}/* Start custom CSS for heading, class: .elementor-element-2800b46 */.custom-heading {
  margin-bottom: 1.5rem;
  font-size: 3.5rem; /* default desktop */
  font-weight: 700;
  line-height: 1.2;
  color: #f7f7f7;
  font-family: Arial, sans-serif;
  text-align: left; /* rata kiri untuk semua mode */
}

.highlight-text {
  background: linear-gradient(135deg, rgb(229, 62, 62), rgb(255, 107, 53));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* Tablet (max 1024px) */
@media (max-width: 1024px) {
  .custom-heading {
    font-size: 2.8rem; /* lebih kecil untuk tablet */
    line-height: 1.3;
    text-align: left; /* tetap rata kiri */
  }
}

/* Mobile (max 768px) */
@media (max-width: 768px) {
  .custom-heading {
    font-size: 2rem; /* lebih kecil untuk mobile */
    line-height: 1.4;
    text-align: left; /* tetap rata kiri */
  }
}

/* Extra kecil (max 480px) */
@media (max-width: 480px) {
  .custom-heading {
    font-size: 2.6rem; /* lebih kecil untuk HP kecil */
    line-height: 1.4;
    text-align: left; /* tetap rata kiri */
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a1da5f5 *//* Kontainer Section */
.hero-section {
    display: flex; /* Menggunakan Flexbox */
    justify-content: center; /* Menjaga tombol terpusat */
    align-items: center; /* Menjaga tombol tetap terpusat vertikal */
    width: 100%; /* Lebar penuh */
}

/* Inner Section dengan Tombol */
.inner-section {
    display: flex; /* Menggunakan Flexbox pada Inner Section */
    justify-content: space-between; /* Tombol sejajar secara horizontal di desktop */
    gap: 1rem; /* Memberikan jarak antar tombol */
    width: 100%; /* Lebar penuh */
}

/* Tombol */
.column {
    display: flex;
    justify-content: center; /* Menjaga tombol di tengah kolom */
    align-items: center; /* Vertikal center untuk tombol */
}

/* Gaya Tombol */
.button-1, .button-2 {
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(229, 62, 62, 0.3);
    transition: all 0.3s ease;
}

/* Efek Hover pada Tombol */
.button-1:hover, .button-2:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(229, 62, 62, 0.4);
}

/* Responsif untuk perangkat mobile */
@media (max-width: 768px) {
    /* Tombol menjadi vertikal pada perangkat mobile */
    .inner-section {
        flex-direction: column; /* Mengubah tombol menjadi vertikal */
        align-items: center; /* Tombol tetap terpusat */
    }

    .column {
        width: 100%; /* Tombol mengambil lebar penuh */
        margin-bottom: 1rem; /* Memberikan jarak antar tombol */
    }

    /* Membuat tombol lebih besar di perangkat mobile */
    .button-1, .button-2 {
        width: 90%; /* Tombol mengambil 90% lebar */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0c5e832 *//* Kontainer Section */
.hero-section {
    display: flex; /* Menggunakan Flexbox */
    justify-content: center; /* Menjaga tombol terpusat */
    align-items: center; /* Menjaga tombol tetap terpusat vertikal */
    width: 100%; /* Lebar penuh */
}

/* Inner Section dengan Tombol */
.inner-section {
    display: flex; /* Menggunakan Flexbox pada Inner Section */
    justify-content: space-between; /* Tombol sejajar secara horizontal di desktop */
    gap: 1rem; /* Memberikan jarak antar tombol */
    width: 100%; /* Lebar penuh */
}

/* Tombol */
.column {
    display: flex;
    justify-content: center; /* Menjaga tombol di tengah kolom */
    align-items: center; /* Vertikal center untuk tombol */
}

/* Gaya Tombol */
.button-1, .button-2 {
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(229, 62, 62, 0.3);
    transition: all 0.3s ease;
}

/* Efek Hover pada Tombol */
.button-1:hover, .button-2:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(229, 62, 62, 0.4);
}

/* Responsif untuk perangkat mobile */
@media (max-width: 768px) {
    /* Tombol menjadi vertikal pada perangkat mobile */
    .inner-section {
        flex-direction: column; /* Mengubah tombol menjadi vertikal */
        align-items: center; /* Tombol tetap terpusat */
    }

    .column {
        width: 100%; /* Tombol mengambil lebar penuh */
        margin-bottom: 1rem; /* Memberikan jarak antar tombol */
    }

    /* Membuat tombol lebih besar di perangkat mobile */
    .button-1, .button-2 {
        width: 90%; /* Tombol mengambil 90% lebar */
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-3a703ea *//* Container untuk gambar */
.image-container {
    width: 100%; /* Lebar container menyesuaikan dengan ukuran gambar */
    max-width: 500px; /* Atur lebar maksimum */
    margin: 0 auto; /* Posisi gambar di tengah */
    overflow: hidden; /* Agar gambar tidak keluar dari batas container */
    border-radius: 15px; /* Memberikan sudut melengkung pada gambar */
    transition: all 0.3s ease; /* Efek transisi untuk perubahan efek hover */
}

/* Gambar dengan efek hover */
.image-hover {
    width: 100%; /* Memastikan gambar mengisi seluruh container */
    height: auto; /* Menjaga proporsi gambar */
    border-radius: 15px; /* Sudut melengkung pada gambar */
    transition: all 0.3s ease; /* Efek transisi pada gambar */
}

/* Efek saat hover pada gambar */
.image-container:hover .image-hover {
    transform: scale(1.05); /* Membesarkan gambar sedikit saat hover */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Menambahkan bayangan pada gambar */
}

/* Opsional: Menambahkan bayangan pada container saat hover */
.image-container:hover {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); /* Bayangan ringan di sekitar container */
    transform: translateY(-5px); /* Efek angkat sedikit pada container */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ceffe1d *//* Mengatur kontainer untuk card */
.service-card {
    background-color: white;
    padding: 2rem;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(229, 62, 62, 0.3); /* Bayangan pada card */
    position: relative;
    transition: all 0.3s ease;
    border: 1px solid #f2f2f2;
}

/* Ikon dalam card */
.service-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, rgb(229, 62, 62), rgb(255, 107, 53)); /* Gradien warna pada ikon */
    border-radius: 50%; /* Membuat lingkaran pada ikon */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    color: white;
    font-size: 2rem; /* Ukuran ikon */
}

/* Judul dan deskripsi dalam card */
.service-card h3 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: rgb(26, 54, 93);
}

.service-card p {
    color: #34495e;
    opacity: 0.8;
    line-height: 1.6;
}

/* Menambahkan garis di atas card saat hover */
.service-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0; /* Garis tidak terlihat pada awalnya */
    height: 4px;
    background: linear-gradient(90deg, rgb(229, 62, 62), rgb(255, 107, 53)); /* Gradien warna garis */
    transition: width 0.3s ease; /* Efek transisi saat hover */
}

/* Efek hover pada card */
.service-card:hover {
    transform: translateY(-10px); /* Mengangkat card sedikit saat hover */
    box-shadow: 0 6px 20px rgba(229, 62, 62, 0.4); /* Bayangan lebih gelap saat hover */
}

.service-card:hover::before {
    width: 100%; /* Garis muncul sepenuhnya saat hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d9b7d8f *//* Mengatur kontainer untuk card */
.service-card {
    background-color: white;
    padding: 2rem;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(229, 62, 62, 0.3); /* Bayangan pada card */
    position: relative;
    transition: all 0.3s ease;
    border: 1px solid #f2f2f2;
}

/* Ikon dalam card */
.service-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, rgb(229, 62, 62), rgb(255, 107, 53)); /* Gradien warna pada ikon */
    border-radius: 50%; /* Membuat lingkaran pada ikon */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    color: white;
    font-size: 2rem; /* Ukuran ikon */
}

/* Judul dan deskripsi dalam card */
.service-card h3 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: rgb(26, 54, 93);
}

.service-card p {
    color: #34495e;
    opacity: 0.8;
    line-height: 1.6;
}

/* Menambahkan garis di atas card saat hover */
.service-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0; /* Garis tidak terlihat pada awalnya */
    height: 4px;
    background: linear-gradient(90deg, rgb(229, 62, 62), rgb(255, 107, 53)); /* Gradien warna garis */
    transition: width 0.3s ease; /* Efek transisi saat hover */
}

/* Efek hover pada card */
.service-card:hover {
    transform: translateY(-10px); /* Mengangkat card sedikit saat hover */
    box-shadow: 0 6px 20px rgba(229, 62, 62, 0.4); /* Bayangan lebih gelap saat hover */
}

.service-card:hover::before {
    width: 100%; /* Garis muncul sepenuhnya saat hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f4058ef *//* Mengatur kontainer untuk card */
.service-card {
    background-color: white;
    padding: 2rem;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(229, 62, 62, 0.3); /* Bayangan pada card */
    position: relative;
    transition: all 0.3s ease;
    border: 1px solid #f2f2f2;
}

/* Ikon dalam card */
.service-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, rgb(229, 62, 62), rgb(255, 107, 53)); /* Gradien warna pada ikon */
    border-radius: 50%; /* Membuat lingkaran pada ikon */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    color: white;
    font-size: 2rem; /* Ukuran ikon */
}

/* Judul dan deskripsi dalam card */
.service-card h3 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: rgb(26, 54, 93);
}

.service-card p {
    color: #34495e;
    opacity: 0.8;
    line-height: 1.6;
}

/* Menambahkan garis di atas card saat hover */
.service-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0; /* Garis tidak terlihat pada awalnya */
    height: 4px;
    background: linear-gradient(90deg, rgb(229, 62, 62), rgb(255, 107, 53)); /* Gradien warna garis */
    transition: width 0.3s ease; /* Efek transisi saat hover */
}

/* Efek hover pada card */
.service-card:hover {
    transform: translateY(-10px); /* Mengangkat card sedikit saat hover */
    box-shadow: 0 6px 20px rgba(229, 62, 62, 0.4); /* Bayangan lebih gelap saat hover */
}

.service-card:hover::before {
    width: 100%; /* Garis muncul sepenuhnya saat hover */
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-7cc0551 */.elementor-widget-image-carousel .swiper-slide img {
    opacity: 1 !important;
    filter: none !important;
}/* End custom CSS */