@media only screen and (max-width:768px){

body.ib-mobile-premium .elementor-section {
    padding:15px;
}

/* HEADER */

header,
.site-header,
.elementor-location-header {
    background: linear-gradient(
        90deg,
        #040b1f,
        #07142f
    ) !important;

    backdrop-filter: blur(20px);
    border-bottom:1px solid rgba(255,255,255,.08);
}

/* LOGO */

.custom-logo,
.site-logo img {
    max-height:48px !important;
}

/* REMOVE DOUBLE HEADER */

.mobile-menu,
.ast-mobile-header-wrap,
.theme-header-clone {
    display:none !important;
}

/* HERO SECTION */

.elementor-section:first-child {

    padding:25px 18px !important;

}

/* CONTENT BOX */

.elementor-widget-wrap,
.hero-box,
.elementor-column {

    border-radius:28px !important;

    overflow:hidden;

}

/* MAIN CONTENT CARD */

.elementor-section:first-child .elementor-container {

    background:
    linear-gradient(
        180deg,
        rgba(7,15,40,.96),
        rgba(4,10,28,.96)
    );

    border:1px solid rgba(255,255,255,.08);

    border-radius:28px;

    padding:26px 22px !important;

    width:92% !important;

    margin:auto;

    box-shadow:
    0 10px 35px rgba(0,0,0,.45);

}

/* TEXT */

h1,h2,h3,h4 {

    color:white !important;
    line-height:1.15em !important;
}

p {
    color:#d0d7ea !important;
    line-height:1.8em !important;
}

/* BUTTON */

.elementor-button {

    border-radius:18px !important;

    padding:16px 24px !important;

    background:linear-gradient(
        90deg,
        #ffcb33,
        #f7b500
    ) !important;

    box-shadow:
    0 10px 25px rgba(255,193,7,.35);

}

/* IMAGE */

img {
    border-radius:22px;
}

/* FLOATING WHATSAPP */

.whatsapp-float,
.joinchat,
a[href*="wa.me"] {

    bottom:110px !important;
    right:20px !important;

}

/* BOTTOM BAR */

.ib-bottom-bar {

    position:fixed;
    bottom:15px;
    left:15px;
    right:15px;

    z-index:99999;

    display:flex;
    gap:14px;

    background:
    rgba(8,15,35,.92);

    backdrop-filter:blur(18px);

    border-radius:24px;

    padding:14px;

    border:1px solid rgba(255,255,255,.08);

    box-shadow:
    0 10px 35px rgba(0,0,0,.35);
}

/* BUTTONS */

.ib-bottom-bar a {

    flex:1;

    text-align:center;

    text-decoration:none;

    padding:16px 10px;

    border-radius:18px;

    font-weight:700;

    font-size:16px;

    color:white;
}

.ib-email {

    background:
    linear-gradient(
        90deg,
        #183b82,
        #2452b8
    );
}

.ib-phone {

    background:
    linear-gradient(
        90deg,
        #00a651,
        #00c16e
    );
}

.ib-bottom-bar span {
    margin-right:8px;
}

/* FIX OVERFLOW */

body,
html {

    overflow-x:hidden !important;
}

/* HIDE DESKTOP */

@media(min-width:769px){

    .ib-bottom-bar {
        display:none;
    }

}

}
/* =====================================================
   ELEMENTOR FLIP BOX PREMIUM RESPONSIVE
===================================================== */

@media only screen and (max-width:768px){

/* WRAPPER */

.elementor-flip-box {

    width:100% !important;

    min-height:auto !important;

    perspective:1200px;

    margin-bottom:14px;
}

/* GRID 2 KOLOM */

.elementor-column {

    width:calc(50% - 7px) !important;
}

/* CARD */

.elementor-flip-box__layer {

    border-radius:22px !important;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        rgba(8,15,35,.96),
        rgba(3,8,22,.96)
    ) !important;

    border:1px solid rgba(255,255,255,.06);

    box-shadow:
    0 12px 30px rgba(0,0,0,.28);

    padding:18px 14px !important;

    min-height:220px !important;

    transition:all .4s ease;
}

/* ICON */

.elementor-flip-box__icon {

    margin-bottom:12px !important;
}

.elementor-flip-box__icon i,
.elementor-flip-box__icon svg {

    font-size:28px !important;

    color:#ffcb33 !important;
}

/* TITLE */

.elementor-flip-box__title {

    font-size:15px !important;

    line-height:1.4em !important;

    font-weight:700 !important;

    color:#fff !important;

    margin-bottom:8px !important;

    text-align:center;
}

/* DESCRIPTION */

.elementor-flip-box__description {

    font-size:12px !important;

    line-height:1.6em !important;

    color:#d6deef !important;

    text-align:center;
}

/* BUTTON */

.elementor-flip-box .elementor-button {

    width:100% !important;

    border-radius:14px !important;

    padding:11px 14px !important;

    font-size:13px !important;

    margin-top:12px !important;

    background:
    linear-gradient(
        90deg,
        #ffcb33,
        #f4b400
    ) !important;

    color:#111 !important;

    font-weight:700;
}

/* IMAGE */

.elementor-flip-box img {

    border-radius:18px !important;

    height:90px !important;

    object-fit:cover;
}

/* HOVER */

.elementor-flip-box:hover .elementor-flip-box__layer {

    transform:translateY(-4px);

    box-shadow:
    0 18px 40px rgba(0,0,0,.35);
}

/* FRONT & BACK */

.elementor-flip-box__front,
.elementor-flip-box__back {

    border-radius:22px !important;
}

/* GAP */

.elementor-container {

    gap:14px !important;
}

/* FIX */

body,
html {

    overflow-x:hidden !important;
}

}
/* GLOBAL PREMIUM EFFECT */

body.ib-mobile-premium {

    background:#050816 !important;

    overflow-x:hidden;
}

/* GLASS CARD */

body.ib-mobile-premium .elementor-widget-wrap,
body.ib-mobile-premium .elementor-column-wrap {

    backdrop-filter:blur(16px);

    border-radius:24px;
}

/* PREMIUM SCROLL */

body.ib-mobile-premium ::-webkit-scrollbar {

    width:4px;
}

body.ib-mobile-premium ::-webkit-scrollbar-thumb {

    background:#ffcb33;

    border-radius:10px;
}