/* =====================================================
   REQUEST DOWNLOAD CENTER
   4DOWNLOAD.NET
===================================================== */

/* LAYOUT */

.rq-layout{

    display:grid;

    grid-template-columns:320px 1fr;

    gap:24px;

    align-items:start;

}

/* SIDEBAR */

.rq-sidebar{

    position:sticky;

    top:20px;

    align-self:start;

    background:var(--bg);

    border:1px solid var(--bdc);

    border-radius:18px;

    overflow:hidden;

    box-shadow:var(--bsh-item);

    z-index:20;

}

.rq-title{

    display:flex;

    align-items:center;

    gap:10px;

    padding:18px 20px;

    color:#fff;

    font-size:17px;

    font-weight:800;

    background:
    linear-gradient(
        135deg,
        #2669B3,
        #14A4A7
    );

}

.rq-item{

    padding:18px;

    border-bottom:1px solid var(--bdc);

    cursor:pointer;

    transition:.25s;

}

.rq-item:last-child{

    border-bottom:none;

}

.rq-item:hover{

    background:rgba(20,164,167,.08);

}

.rq-name{

    font-size:15px;

    font-weight:700;

    color:var(--tt);

    line-height:1.5;

}

/* CONTENT */

.rq-content{

    background:var(--bg);

    border:1px solid var(--bdc);

    border-radius:18px;

    padding:30px;

    box-shadow:var(--bsh-item);

}

/* EMPTY */

.rq-empty{

    padding:70px 20px;

    text-align:center;

}

.rq-empty i{

    font-size:64px;

    color:#14A4A7;

    margin-bottom:20px;

}

.rq-empty h2{

    margin:0 0 12px;

    color:var(--tt);

}

.rq-empty p{

    color:var(--tt-fade);

}

/* SOFTWARE */

.rq-software h2{

    margin:0;

    font-size:22px;

    line-height:1.45;

    font-weight:800;

    color:var(--tt);

    word-break:break-word;

}

/* ======================================
   SOFTWARE INFO CARD
====================================== */

.rq-meta{

    margin:28px 0;

}

.rq-meta-card{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:25px;

    padding:18px 22px;

    border-radius:18px;

    background:var(--bg);

    border:1px solid var(--bdc);

    box-shadow:var(--bsh-item);

}

.rq-meta-left{

    display:flex;

    align-items:center;

    gap:14px;

    font-size:26px;

    color:var(--tt);

}

.rq-meta-left i{

    color:#14A4A7;

}

.rq-meta-right{

    display:flex;

    align-items:center;

    gap:10px;

    padding:10px 18px;

    border-radius:999px;

    background:

    linear-gradient(
        135deg,
        #2669B3,
        #14A4A7
    );

    color:#fff;

    font-size:14px;

    font-weight:800;

    letter-spacing:.3px;

}

.rq-meta-right i{

    color:#fff;

}

/* DOWNLOAD AREA */

.rq-download-box{

    margin-top:35px;

    overflow:hidden;

    border-radius:20px;

    border:1px solid var(--bdc);

    box-shadow:var(--bsh-item);

}

/* HEADER DOWNLOAD */

.rq-download-box h3{

    display:flex;

    align-items:center;

    gap:10px;

    margin:0;

    padding:20px 24px;

    color:#fff;

    font-size:20px;

    font-weight:900;

    background:
    linear-gradient(
        135deg,
        #2669B3,
        #14A4A7
    );

}

/* BODY */

.rq-download-box p{

    margin:18px;

}

/* LINK */

.rq-download-box a{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:18px 20px;

    border-radius:14px;

    background:var(--bg);

    border:1px solid var(--bdc);

    color:var(--tt) !important;

    text-decoration:none !important;

    font-weight:700;

    transition:.25s;

}

.rq-download-box a:before{

    content:"\f019";

    font-family:"Font Awesome 6 Pro";

    font-weight:900;

    color:#14A4A7;

    margin-right:14px;

}

.rq-download-box a:after{

    content:"Download";

    margin-left:auto;   /* <-- tombol tetap kanan */

    padding:8px 14px;

    border-radius:999px;

    background:rgba(20,164,167,.10);

    color:#14A4A7;

    font-size:12px;

    font-weight:800;

}

.rq-download-box a:hover{

    transform:translateY(-2px);

    border-color:#14A4A7;

    box-shadow:
        0 12px 30px rgba(20,164,167,.18);

}

.rq-download-box a:before{

    content:"\f019";

    font-family:"Font Awesome 6 Pro";

    font-weight:900;

    color:#14A4A7;

    font-size:17px;

}

.rq-download-box a:after{

    content:"DOWNLOAD";

    padding:9px 16px;

    border-radius:999px;

    color:#fff;

    font-size:11px;

    font-weight:900;

    letter-spacing:1px;

    background:
    linear-gradient(
        135deg,
        #14b8a6,
        #0f766e
    );

}

/* MOBILE */

@media(max-width:768px){

.rq-layout{

    grid-template-columns:1fr;

}

.rq-sidebar{

    position:static;

    top:auto;

}

.rq-content{

    padding:22px;

}

.rq-meta{

    flex-direction:column;

    align-items:stretch;

}

.rq-download-box a{

    flex-direction:column;

    align-items:flex-start;

}

.rq-download-box a:after{

    align-self:flex-end;

}

}
/* HISTORY CARD */

.rq-history{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:10px;

    padding:15px;

    background:var(--bg);

    border-bottom:1px solid var(--bdc);

}

.rq-history-item{

    text-align:center;

    padding:14px 10px;

    border-radius:14px;

    background:
    linear-gradient(
        135deg,
        rgba(38,105,179,.08),
        rgba(20,164,167,.08)
    );

    border:1px solid rgba(20,164,167,.15);

    transition:.25s;

}

.rq-history-item:hover{

    transform:translateY(-2px);

    border-color:#14A4A7;

}

.rq-history-value{

    font-size:24px;

    font-weight:800;

    color:#14A4A7;

    line-height:1;

}

.rq-history-label{

    margin-top:8px;

    font-size:11px;

    font-weight:700;

    color:var(--tt-fade);

    text-transform:uppercase;

    letter-spacing:.6px;

}
.rq-empty-list{

    padding:40px 20px;

    text-align:center;

}

.rq-empty-list i{

    font-size:42px;

    color:#14A4A7;

    margin-bottom:14px;

}

.rq-empty-list h4{

    margin:0 0 10px;

    font-size:16px;

    font-weight:800;

    color:var(--tt);

}

.rq-empty-list p{

    margin:0;

    font-size:13px;

    line-height:1.7;

    color:var(--tt-fade);

}
.rq-software-label{

    display:inline-block;

    margin-bottom:10px;

    padding:6px 12px;

    border-radius:999px;

    background:rgba(20,164,167,.10);

    color:#14A4A7;

    font-size:11px;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;

}







.gdrive-tips{

    margin-top:28px;

    border:1px solid var(--bdc);

    border-radius:18px;

    overflow:hidden;

    background:var(--bg);

    box-shadow:var(--bsh-item);

}

.gdrive-head{

    display:flex;

    align-items:center;

    gap:12px;

    padding:18px 22px;

    background:linear-gradient(135deg,#2669B3,#14A4A7);

    color:#fff;

    font-size:18px;

    font-weight:800;

}

.gdrive-head i{

    font-size:24px;

}

.gdrive-body{

    padding:24px;

}

.gdrive-info{

    padding:18px 20px;

    border-radius:14px;

    background:rgba(20,164,167,.08);

    border-left:4px solid #14A4A7;

    margin-bottom:22px;

}

.gdrive-info strong{

    display:block;

    margin-bottom:8px;

    color:var(--tt);

}

.gdrive-info p{

    margin:0;

    line-height:1.8;

    color:var(--tt-fade);

}

.gdrive-steps{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.gdrive-step{

    display:flex;

    gap:16px;

    align-items:flex-start;

    padding:16px 18px;

    border:1px solid var(--bdc);

    border-radius:14px;

    background:var(--bg2);

    transition:.25s;

}

.gdrive-step:hover{

    border-color:#14A4A7;

    transform:translateY(-2px);

}

.gdrive-step span{

    width:36px;

    height:36px;

    flex-shrink:0;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#14A4A7;

    color:#fff;

    font-weight:800;

}

.gdrive-step strong{

    display:block;

    color:var(--tt);

    margin-bottom:4px;

}

.gdrive-step small{

    display:block;

    color:var(--tt-fade);

    line-height:1.7;

}

.gdrive-note{

    position:relative;

    margin-top:26px;

    padding:22px 24px;

    border-radius:18px;

    background:
        linear-gradient(
            135deg,
            rgba(245,158,11,.08),
            rgba(251,191,36,.04)
        );

    border:1px solid rgba(245,158,11,.18);

    box-shadow:
        0 10px 28px rgba(245,158,11,.08);

    overflow:hidden;

}

/* 4DOWNLOAD WATERMARK */

.gdrive-note:before{

    content:"";

    position:absolute;

    right:18px;

    bottom:16px;

    width:62px;

    height:62px;

    background:
        url("https://4download.net/logo.png")
        center center /
        contain
        no-repeat;

    opacity:.18;

    pointer-events:none;

    user-select:none;

}

/* HIDE ICON */

.gdrive-note i{

    display:none;

}

/* TITLE */

.gdrive-note strong{

    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:12px;

    font-size:17px;

    font-weight:800;

    color:var(--tt);

}

.gdrive-note strong:before{

    content:"★";

    color:#f59e0b;

    font-size:18px;

}

/* DESCRIPTION */

.gdrive-note p{

    margin:0;

    max-width:calc(100% - 90px);

    color:var(--tt-fade);

    line-height:1.9;

    font-size:14px;

}

/* HOVER */

.gdrive-note:hover{

    transform:translateY(-2px);

    border-color:#f59e0b;

    box-shadow:
        0 16px 36px rgba(245,158,11,.14);

    transition:.25s;

}

.gdrive-note:hover:before{

    opacity:.28;

    transition:.25s;

}