.-ycwt-compare .compare-v1-wrap{
    display:flex;
    flex-direction:column;
    gap:34px;
}

.-ycwt-compare .compare-v1-head{
    text-align:center;
}

.-ycwt-compare .compare-v1-head .g-content{
    max-width:840px;
    margin:0 auto;
}

.-ycwt-compare .compare-v1-title{
    margin-bottom:12px;
}

.-ycwt-compare .compare-v1-text{
    max-width:760px;
    margin:0 auto;
}

.-ycwt-compare .compare-v1-table-shell{
    background:#fff;
    border:1px solid #d7efed;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 18px 48px rgba(15, 23, 42, .11);
}

.-ycwt-compare .compare-v1-table-scroll{
    overflow-x:auto;
}

.-ycwt-compare .compare-v1-table{
    min-width:900px;
    display:flex;
    flex-direction:column;
}

.-ycwt-compare .compare-v1-row{
    display:flex;
    border-bottom:1px solid #e6efee;
}

.-ycwt-compare .compare-v1-row:last-child{
    border-bottom:0;
}

.-ycwt-compare .compare-v1-row-head{
    background:linear-gradient(90deg, var(--uicolor) 0%, var(--uicolor) 100%);
}

.-ycwt-compare .compare-v1-cell{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:63px;
    padding:16px 18px;
    text-align:center;
    color:#203144;
    font-size:16px;
    line-height:1.8;
}

.-ycwt-compare .compare-v1-cell-label{
    flex:0 0 24%;
    justify-content:flex-start;
}

.-ycwt-compare .compare-v1-cell-option{
    flex:1 1 0;
}

.-ycwt-compare .compare-v1-row:nth-child(even):not(.compare-v1-row-head):not(.compare-v1-row-feature){
    background:#fbfdfd;
}

.-ycwt-compare .compare-v1-row-head .compare-v1-cell{
    min-height:68px;
    color:#fff;
    font-size:19px;
    line-height:1.4;
    font-weight:600;
}

.-ycwt-compare .compare-v1-label-wrap{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    width:100%;
}

.-ycwt-compare .compare-v1-label-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--uicolor);
    font-size:18px;
    line-height:1;
    font-weight:300;
}

.-ycwt-compare .compare-v1-row-head .compare-v1-label-icon{
    color:#fff;
}

.-ycwt-compare .compare-v1-label-text{
    font-weight:600;
    text-align:right;
}

.-ycwt-compare .compare-v1-row-feature{
    align-items:center;
}

.-ycwt-compare .compare-v1-row-feature .compare-v1-cell{
    align-items:flex-start;
    padding-top:18px;
    padding-bottom:18px;
    min-height:auto;
    max-height:max-content;
}

.-ycwt-compare .compare-v1-row-good{
    background:#f0fdf4;
}

.-ycwt-compare .compare-v1-row-bad{
    background:#fef2f2;
}

.-ycwt-compare .compare-v1-row-good .compare-v1-label-icon,
.-ycwt-compare .compare-v1-points-good .compare-v1-point-icon{
    color:#2e9c5a;
}

.-ycwt-compare .compare-v1-row-bad .compare-v1-label-icon,
.-ycwt-compare .compare-v1-points-bad .compare-v1-point-icon{
    color:#ee5a5a;
}

.-ycwt-compare .compare-v1-points{
    display:flex;
    flex-direction:column;
    gap:11px;
    width:100%;
}

.-ycwt-compare .compare-v1-point{
    display:flex;
    align-items:flex-start;
    gap:8px;
    width:100%;
    text-align:right;
}

.-ycwt-compare .compare-v1-point-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    line-height:1;
    margin-top:6px;
}

.-ycwt-compare .compare-v1-point-text{
    color:#314255;
    font-size:15px;
    line-height:1.8;
    font-weight:400;
}

.-ycwt-compare .compare-v1-empty{
    width:100%;
    color:#7d8998;
    font-size:15px;
    line-height:1.5;
}

.-ycwt-compare .compare-v1-note{
    display:flex;
    align-items:center;
    gap:24px;
    padding:26px 28px;
    border-radius:18px;
    background:linear-gradient(90deg, var(--uicolor) 0%, var(--uicolor) 100%);
    box-shadow:0 18px 38px rgba(13, 143, 132, .22);
    flex-direction:row-reverse;
    justify-content:flex-end;
}

.-ycwt-compare .compare-v1-note-content{
    display:flex;
    flex-direction:column;
    gap:10px;
    color:#fff;
}

.-ycwt-compare .compare-v1-note-title{
    font-size:27px;
    line-height:1.35;
    font-weight:600;
}

.-ycwt-compare .compare-v1-note-text{
    color:rgba(255,255,255,.92);
    font-size:17px;
    line-height:1.95;
}

.-ycwt-compare .compare-v1-note-icon{
    flex:0 0 74px;
    width:74px;
    height:74px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:rgba(255,255,255,.18);
    color:#fff;
    font-size:40px;
    line-height:1;
}

/* Tablet */
@media (max-width:991px){
    .-ycwt-compare .compare-v1-wrap{
        gap:28px;
    }

    .-ycwt-compare .compare-v1-table{
        min-width:820px;
    }

    .-ycwt-compare .compare-v1-row-head .compare-v1-cell{
        min-height:72px;
        font-size:19px;
    }

    .-ycwt-compare .compare-v1-cell{
        min-height:68px;
        padding:14px 12px;
        font-size:14px;
    }

    .-ycwt-compare .compare-v1-point-text{
        font-size:13.5px;
    }

    .-ycwt-compare .compare-v1-note{
        padding:22px 20px;
        gap:18px;
    }

    .-ycwt-compare .compare-v1-note-title{
        font-size:24px;
    }

    .-ycwt-compare .compare-v1-note-text{
        font-size:15px;
        line-height:1.85;
    }

    .-ycwt-compare .compare-v1-note-icon{
        width:64px;
        height:64px;
        flex-basis:64px;
        font-size:34px;
    }
}

/* Mobile */
@media (max-width:767px){
    .-ycwt-compare .compare-v1-wrap{
        gap:22px;
    }

    .-ycwt-compare .compare-v1-table-shell{
        position:relative;
        border-radius:16px;
        overflow:hidden;
        box-shadow:0 12px 30px rgba(15, 23, 42, .09);
    }

    .-ycwt-compare .compare-v1-table-shell::before{
        content:"اسحب الجدول يمين ويسار";
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:36px;
        padding:8px 12px;
        background:#f2fbfa;
        color:#0d8e82;
        border-bottom:1px solid #dff0ee;
        font-size:12px;
        line-height:1.4;
        font-weight:700;
        text-align:center;
    }

    .-ycwt-compare .compare-v1-table-scroll{
        width:100%;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scroll-behavior:smooth;
        scrollbar-width:thin;
        scrollbar-color:#0d8e82 #eef7f6;
    }

    .-ycwt-compare .compare-v1-table-scroll::-webkit-scrollbar{
        height:7px;
    }

    .-ycwt-compare .compare-v1-table-scroll::-webkit-scrollbar-track{
        background:#eef7f6;
        border-radius:999px;
    }

    .-ycwt-compare .compare-v1-table-scroll::-webkit-scrollbar-thumb{
        background:#0d8e82;
        border-radius:999px;
    }

    .-ycwt-compare .compare-v1-table{
        min-width:760px;
        width:760px;
    }

    .-ycwt-compare .compare-v1-row{
        min-width:760px;
    }

    .-ycwt-compare .compare-v1-cell{
        min-height:58px;
        padding:10px 9px;
        font-size:12px;
        line-height:1.55;
    }

    .-ycwt-compare .compare-v1-row-head .compare-v1-cell{
        min-height:58px;
        font-size:13.5px;
        line-height:1.4;
        padding:10px 8px;
    }

    .-ycwt-compare .compare-v1-cell-label{
        flex:0 0 150px;
        min-width:150px;
        position:relative;
        right:auto;
        z-index:auto;
        background:transparent;
        box-shadow:none;
    }

    .-ycwt-compare .compare-v1-cell-option{
        flex:0 0 203px;
        min-width:203px;
    }

    .-ycwt-compare .compare-v1-label-wrap{
        gap:6px;
    }

    .-ycwt-compare .compare-v1-label-icon{
        width:24px;
        height:24px;
        min-width:24px;
        border-radius:50%;
        background:#fff;
        color:var(--uicolor);
        box-shadow:0 4px 12px rgba(15, 23, 42, .10);
        font-size:12px;
    }

    .-ycwt-compare .compare-v1-row-head .compare-v1-label-icon{
        background:rgba(255,255,255,.18);
        color:#fff;
        box-shadow:none;
    }

    .-ycwt-compare .compare-v1-row-good .compare-v1-label-icon{
        background:#e8f8ee;
        color:#2e9c5a;
    }

    .-ycwt-compare .compare-v1-row-bad .compare-v1-label-icon{
        background:#ffe9e9;
        color:#ee5a5a;
    }

    .-ycwt-compare .compare-v1-label-text{
        font-size:12.5px;
        line-height:1.45;
    }

    .-ycwt-compare .compare-v1-row-feature{
        align-items:stretch;
    }

    .-ycwt-compare .compare-v1-row-feature .compare-v1-cell{
        padding:11px 9px;
    }

    .-ycwt-compare .compare-v1-row-feature .compare-v1-cell-label{
        align-items:center;
        justify-content:flex-start;
    }

    .-ycwt-compare .compare-v1-row-feature .compare-v1-cell-option{
        align-items:flex-start;
        justify-content:flex-start;
    }

    .-ycwt-compare .compare-v1-row-feature .compare-v1-point{
        justify-content:flex-start;
        text-align:start;
    }

    .-ycwt-compare .compare-v1-points{
        gap:7px;
    }

    .-ycwt-compare .compare-v1-point{
        gap:5px;
    }

    .-ycwt-compare .compare-v1-point-icon{
        font-size:10px;
        margin-top:4px;
    }

    .-ycwt-compare .compare-v1-point-text{
        font-size:11px;
        line-height:1.5;
    }

    .-ycwt-compare .compare-v1-empty{
        font-size:11px;
    }

    .-ycwt-compare .compare-v1-note{
        flex-direction:row-reverse;
        align-items:center;
        justify-content:flex-start;
        padding:16px 14px;
        gap:12px;
        border-radius:15px;
    }

    .-ycwt-compare .compare-v1-note-icon{
        width:48px;
        height:48px;
        min-width:48px;
        flex-basis:48px;
        font-size:25px;
        border-radius:12px;
    }

    .-ycwt-compare .compare-v1-note-title{
        font-size:18px;
        line-height:1.4;
    }

    .-ycwt-compare .compare-v1-note-text{
        font-size:13px;
        line-height:1.7;
    }
}

/* Small mobile */
@media (max-width:420px){
    .-ycwt-compare .compare-v1-wrap{
        gap:18px;
    }

    .-ycwt-compare .compare-v1-table-shell{
        border-radius:14px;
    }

    .-ycwt-compare .compare-v1-table-shell::before{
        min-height:34px;
        font-size:11.5px;
        padding:7px 10px;
    }

    .-ycwt-compare .compare-v1-table{
        min-width:690px;
        width:690px;
    }

    .-ycwt-compare .compare-v1-row{
        min-width:690px;
    }

    .-ycwt-compare .compare-v1-cell-label{
        flex-basis:126px;
        min-width:126px;
    }

    .-ycwt-compare .compare-v1-cell-option{
        flex-basis:188px;
        min-width:188px;
    }

    .-ycwt-compare .compare-v1-cell{
        min-height:52px;
        padding:9px 7px;
        font-size:11px;
        line-height:1.45;
    }

    .-ycwt-compare .compare-v1-row-head .compare-v1-cell{
        min-height:52px;
        font-size:11.5px;
        padding:9px 6px;
    }

    .-ycwt-compare .compare-v1-label-icon{
        width:22px;
        height:22px;
        min-width:22px;
        font-size:11px;
    }

    .-ycwt-compare .compare-v1-label-text{
        font-size:11.2px;
    }

    .-ycwt-compare .compare-v1-point-text{
        font-size:10.5px;
        line-height:1.45;
    }

    .-ycwt-compare .compare-v1-note{
        padding:14px 12px;
        gap:10px;
        border-radius:14px;
    }

    .-ycwt-compare .compare-v1-note-icon{
        width:42px;
        height:42px;
        min-width:42px;
        flex-basis:42px;
        font-size:22px;
    }

    .-ycwt-compare .compare-v1-note-title{
        font-size:16px;
    }

    .-ycwt-compare .compare-v1-note-text{
        font-size:12px;
        line-height:1.6;
    }
}

/* Very small mobile */
@media (max-width:340px){
    .-ycwt-compare .compare-v1-table{
        min-width:640px;
        width:640px;
    }

    .-ycwt-compare .compare-v1-row{
        min-width:640px;
    }

    .-ycwt-compare .compare-v1-cell-label{
        flex-basis:112px;
        min-width:112px;
    }

    .-ycwt-compare .compare-v1-cell-option{
        flex-basis:176px;
        min-width:176px;
    }

    .-ycwt-compare .compare-v1-cell{
        font-size:10.5px;
    }

    .-ycwt-compare .compare-v1-row-head .compare-v1-cell{
        font-size:10.8px;
    }

    .-ycwt-compare .compare-v1-label-icon{
        width:20px;
        height:20px;
        min-width:20px;
        font-size:10px;
    }

    .-ycwt-compare .compare-v1-label-text{
        font-size:10.5px;
    }
}