.elementor-833 .elementor-element.elementor-element-d9a987d{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-833 .elementor-element.elementor-element-d9a987d:not(.elementor-motion-effects-element-type-background), .elementor-833 .elementor-element.elementor-element-d9a987d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://flashgrub.com/wp-content/uploads/2026/02/Hero-1-scaled.jpg");background-position:center center;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-833 .elementor-element.elementor-element-95c58f7{width:auto;max-width:auto;text-align:center;}.elementor-833 .elementor-element.elementor-element-95c58f7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-833 .elementor-element.elementor-element-95c58f7 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:72px;font-weight:700;line-height:120px;color:#FFFFFF;}.elementor-833 .elementor-element.elementor-element-cba4ebe{width:var( --container-widget-width, 70.149% );max-width:70.149%;--container-widget-width:70.149%;--container-widget-flex-grow:0;text-align:center;}.elementor-833 .elementor-element.elementor-element-cba4ebe.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-833 .elementor-element.elementor-element-cba4ebe .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:400;line-height:31px;color:#FFFFFF;}.elementor-833 .elementor-element.elementor-element-a58da2e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-833 .elementor-element.elementor-element-cf37140 .elementor-button{background-color:#F500B9;font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:500;border-style:none;padding:20px 30px 20px 30px;}.elementor-833 .elementor-element.elementor-element-cf37140.elementor-element{--align-self:center;}.elementor-833 .elementor-element.elementor-element-28135c0 .elementor-button{background-color:#000000;font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:500;border-style:none;border-radius:0px 0px 0px 0px;padding:20px 30px 20px 30px;}.elementor-833 .elementor-element.elementor-element-28135c0.elementor-element{--align-self:center;}.elementor-833 .elementor-element.elementor-element-84af6f0{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-833 .elementor-element.elementor-element-84af6f0:not(.elementor-motion-effects-element-type-background), .elementor-833 .elementor-element.elementor-element-84af6f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C1FFAF;}.elementor-833 .elementor-element.elementor-element-047bb93{text-align:center;}.elementor-833 .elementor-element.elementor-element-047bb93 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:19px;font-weight:900;color:#FFFFFF;}.elementor-833 .elementor-element.elementor-element-43201f7{padding:0px 0px 0px 0px;text-align:center;}.elementor-833 .elementor-element.elementor-element-43201f7 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:40px;font-weight:900;color:#FFFFFF;}.elementor-833 .elementor-element.elementor-element-3c8d79b{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-833 .elementor-element.elementor-element-a475e11{--grid-columns:3;}.elementor-833 .elementor-element.elementor-element-41160aa{--display:flex;}.elementor-833 .elementor-element.elementor-element-41160aa:not(.elementor-motion-effects-element-type-background), .elementor-833 .elementor-element.elementor-element-41160aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C1FFAF;}@media(max-width:1024px){.elementor-833 .elementor-element.elementor-element-a475e11{--grid-columns:2;}}@media(max-width:767px){.elementor-833 .elementor-element.elementor-element-d9a987d{--padding-top:120px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-833 .elementor-element.elementor-element-95c58f7 .elementor-heading-title{font-size:35px;line-height:1.8em;}.elementor-833 .elementor-element.elementor-element-cba4ebe .elementor-heading-title{font-size:16px;}.elementor-833 .elementor-element.elementor-element-cf37140 .elementor-button{font-size:14px;}.elementor-833 .elementor-element.elementor-element-28135c0 .elementor-button{font-size:14px;}.elementor-833 .elementor-element.elementor-element-047bb93 .elementor-heading-title{font-size:18px;}.elementor-833 .elementor-element.elementor-element-43201f7 .elementor-heading-title{font-size:20px;}.elementor-833 .elementor-element.elementor-element-a475e11{--grid-columns:1;}}/* Start custom CSS for heading, class: .elementor-element-95c58f7 *//* Box Hijau (50%) */
.elementor-833 .elementor-element.elementor-element-95c58f7 .box-green {
    background-color: #C1FFAF; /* Warna hijau muda */
    padding: 1px 15px;
    border-radius: 8px;
    display: inline-block;
    transform: rotate(4deg); /* Memiringkan box ke kiri */
    position: relative;
    color: #4F227C;
      line-height: 1.3;
}

/* Ikon Hati di 50% (Gunakan ::after) */
.elementor-833 .elementor-element.elementor-element-95c58f7 .box-green::after {
    content: ""; /* Wajib dikosongkan, jangan diisi teks */
    
    /* Masukkan URL SVG Anda di sini */
    background-image: url('https://flashgrub.com/wp-content/uploads/2026/02/Heart.svg');
    
    /* Agar gambar tidak terpotong & pas di kotak */
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center;
    
    /* Anda WAJIB menentukan ukuran lebar & tinggi */
    width: 50px;  /* Sesuaikan ukuran icon */
    height: 50px; /* Sesuaikan ukuran icon */
    
    /* Agar properti width & height berfungsi */
    display: inline-block; 
    
    /* Posisi */
    position: absolute;
    top: -20px;   /* Atur posisi vertikal */
    right: -25px; /* Atur posisi horizontal */
    
    /* Rotasi */
    transform: rotate(2deg);
    
    /* Opsional: Jika tertutup elemen lain */
    z-index: 9;
}

/* Box Pink (Groceries) */
.elementor-833 .elementor-element.elementor-element-95c58f7 .box-pink {
    background-color: #F500B9; /* Warna pink */
    color: #FFFFFF;
    padding: 1px 15px;
    border-radius: 8px;
    display: inline-block;
    transform: rotate(-2deg); /* Memiringkan sedikit */
    margin: 0 5px;
    line-height: 1.2;
}

.elementor-833 .elementor-element.elementor-element-95c58f7 .teks-box-pink {
    display: inline-block; /* Penting agar transform bekerja */
    /* Miringkan teks ke arah BERLAWANAN untuk membuatnya lurus kembali */
    transform: rotate(1deg);
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cf37140 *//* 1. Memaksa Container menjadi Flexbox agar sejajar vertikal */
.elementor-833 .elementor-element.elementor-element-cf37140 .elementor-button-content-wrapper {
    display: flex !important;
    align-items: center !important; /* Kunci sejajar vertikal */
    justify-content: center !important; /* Kunci sejajar tengah horizontal */
}

/* 2. Mengatur Ukuran Icon & Posisi Halus */
.elementor-833 .elementor-element.elementor-element-cf37140 .elementor-button-icon i, 
.elementor-833 .elementor-element.elementor-element-cf37140 .elementor-button-icon svg {
    font-size: 24px !important; /* Atur besar icon di sini */
    width: 18px; /* Samakan dengan font-size jika pakai SVG */
    height: auto;
    display: block; /* Mencegah spasi hantu di bawah icon */
    
    /* Trik jitu: Geser manual icon naik/turun pixel demi pixel */
    transform: translateY(-2px); /* Ubah angka ini (-1px, -2px, dst) sampai pas di mata */
}

/* 3. Mengatur Jarak antara Teks dan Icon */
.elementor-833 .elementor-element.elementor-element-cf37140 .elementor-button-icon {
    margin-left: 10px !important; /* Jarak icon (karena icon di kanan) */
    margin-right: 0 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-28135c0 *//* 1. Memaksa Container menjadi Flexbox agar sejajar vertikal */
.elementor-833 .elementor-element.elementor-element-28135c0 .elementor-button-content-wrapper {
    display: flex !important;
    align-items: center !important; /* Kunci sejajar vertikal */
    justify-content: center !important; /* Kunci sejajar tengah horizontal */
}

/* 2. Mengatur Ukuran Icon & Posisi Halus */
.elementor-833 .elementor-element.elementor-element-28135c0 .elementor-button-icon i, 
.elementor-833 .elementor-element.elementor-element-28135c0 .elementor-button-icon svg {
    font-size: 18px !important; /* Atur besar icon di sini */
    width: 15px; /* Samakan dengan font-size jika pakai SVG */
    height: auto;
    display: block; /* Mencegah spasi hantu di bawah icon */
    
    /* Trik jitu: Geser manual icon naik/turun pixel demi pixel */
    transform: translateY(-2px); /* Ubah angka ini (-1px, -2px, dst) sampai pas di mata */
}

/* 3. Mengatur Jarak antara Teks dan Icon */
.elementor-833 .elementor-element.elementor-element-28135c0 .elementor-button-icon {
    margin-left: 10px !important; /* Jarak icon (karena icon di kanan) */
    margin-right: 0 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-047bb93 *//* --- 1. Styling Kotak Pink Utama --- */
.elementor-833 .elementor-element.elementor-element-047bb93 .box-download {
    background-color: #F500B9; /* Warna Pink */
    padding: 15px 20px; /* Jarak dalam agar kotak terlihat tebal */
    border-radius: 8px; /* Sudut yang sangat membulat */
    display: inline-block; /* Agar lebar box mengikuti teks */
    
    /* SANGAT PENTING: Menjadi 'jangkar' agar ikon bisa menempel padanya */
    position: relative; 
    
    /* Opsional: Styling font agar tebal */
    font-weight: 800; 
    
}

/* --- 2. Styling Ikon Bintang (Menggunakan URL Gambar) --- */
.elementor-833 .elementor-element.elementor-element-047bb93 .box-download::after {
    content: ""; /* Wajib dikosongkan saat memakai background image */
    
    /* === PASTE URL GAMBAR ANDA DI DALAM TANDA KUTIP DI BAWAH INI === */
 
    
    /* Agar gambar tidak terpotong dan pas di dalam ukurannya */
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center;
    
    /* WAJIB MENENTUKAN UKURAN untuk background image */
    /* Silahkan ubah angka ini jika bintang terlalu besar/kecil */
    width: 50px; 
    height: 50px;
    
    /* Agar properti width & height berfungsi */
    display: block; 
    
    /* Posisi Mengambang */
    position: absolute;
    top: -22px;   /* Geser ke atas keluar kotak (semakin negatif semakin ke atas) */
    right: -20px; /* Geser ke kanan keluar kotak (semakin negatif semakin ke kanan) */
    
    /* Pastikan ada di layer paling atas */
    z-index: 10;
}

.elementor-833 .elementor-element.elementor-element-047bb93 .inner-text {
    display: inline-block; /* Wajib: Span harus jadi block agar bisa di-rotate */
    
    /* INI ROTASI TEKS NYA */
    /* Jika ingin teks lurus kembali, lawan rotasi kotak (misal -2deg) */
    /* Jika ingin teks miring arah lain, masukkan angka lain */
    transform: rotate(0.1deg); 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43201f7 *//* --- 1. Styling Kotak Pink Utama --- */
.elementor-833 .elementor-element.elementor-element-43201f7 .box-download {
    background-color: #7F04D2; /* Warna Pink */
    color: #FFFFFF; /* Warna Teks Putih */
    padding: 16px 15px; /* Jarak dalam agar kotak terlihat tebal */
    border-radius: 20px; /* Sudut yang sangat membulat */
    display: inline-block; /* Agar lebar box mengikuti teks */
    
    /* SANGAT PENTING: Menjadi 'jangkar' agar ikon bisa menempel padanya */
    position: relative; 
    
    /* Opsional: Styling font agar tebal */
    font-weight: 800; 
}

/* --- 2. Styling Ikon Bintang (Menggunakan URL Gambar) --- */
.elementor-833 .elementor-element.elementor-element-43201f7 .box-download::after {
    content: ""; /* Wajib dikosongkan saat memakai background image */
    
    /* === PASTE URL GAMBAR ANDA DI DALAM TANDA KUTIP DI BAWAH INI === */
    background-image: url('https://flashgrub.com/wp-content/uploads/2026/02/Heart.svg');
    
    /* Agar gambar tidak terpotong dan pas di dalam ukurannya */
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center;
    
    /* WAJIB MENENTUKAN UKURAN untuk background image */
    /* Silahkan ubah angka ini jika bintang terlalu besar/kecil */
    width: 50px; 
    height: 50px;
    
    /* Agar properti width & height berfungsi */
    display: block; 
    
    /* Posisi Mengambang */
    position: absolute;
    top: -22px;   /* Geser ke atas keluar kotak (semakin negatif semakin ke atas) */
    right : -25px; /* Geser ke kanan keluar kotak (semakin negatif semakin ke kanan) */
    
    /* Pastikan ada di layer paling atas */
    z-index: 10;
}

.elementor-833 .elementor-element.elementor-element-43201f7 .inner-text {
    display: inline-block; /* Wajib: Span harus jadi block agar bisa di-rotate */
    
    /* INI ROTASI TEKS NYA */
    /* Jika ingin teks lurus kembali, lawan rotasi kotak (misal -2deg) */
    /* Jika ingin teks miring arah lain, masukkan angka lain */
    transform: rotate(0deg); 
}/* End custom CSS */