.elementor-879 .elementor-element.elementor-element-f6e39a8{--display:flex;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}:root{--page-title-display:none;}/* Start custom CSS *//*=========================================================
        FILOX - PREMIUM DARK COMMENT SECTION
=========================================================*/

/*-------------------------
    باکس اصلی دیدگاه
-------------------------*/

.comments-area,
.comment-respond{

    font-family:"Vazirmatn",sans-serif !important;

    background:linear-gradient(145deg,#090909,#131313);

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

    border-radius:24px;

    padding:35px;

    margin-top:35px;

    overflow:hidden;

    position:relative;

    box-shadow:
    0 20px 60px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.04);

    backdrop-filter:blur(20px);

}

/* نور بالای باکس */

.comments-area::before,
.comment-respond::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:2px;

    background:linear-gradient(
    90deg,
    transparent,
    #8b5cf6,
    #06b6d4,
    transparent);

}

/*-------------------------
        عنوان
-------------------------*/

.comments-title,
.comment-reply-title{

    color:#fff;

    font-size:28px;

    font-weight:800;

    margin-bottom:30px;

    letter-spacing:.5px;

}

/*-------------------------
      لیست دیدگاه
-------------------------*/

.comment-list{

    list-style:none;

    margin:0;

    padding:0;

}

/*-------------------------
      هر دیدگاه
-------------------------*/

.comment-body{

    background:linear-gradient(145deg,#181818,#101010);

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

    border-radius:20px;

    padding:24px;

    margin-bottom:20px;

    transition:.35s;

    position:relative;

}

.comment-body:hover{

    transform:translateY(-6px);

    border-color:#8b5cf6;

    box-shadow:
    0 18px 40px rgba(139,92,246,.28);

}

/* نوار رنگی */

.comment-body::before{

    content:"";

    position:absolute;

    right:0;

    top:0;

    width:5px;

    height:100%;

    background:linear-gradient(
    180deg,
    #8b5cf6,
    #06b6d4);

}

/*-------------------------
      آواتار
-------------------------*/

.comment-author img{

    border-radius:50%;

    border:3px solid #8b5cf6;

    box-shadow:0 0 18px rgba(139,92,246,.45);

}

/*-------------------------
      نام
-------------------------*/

.comment-author .fn{

    color:#fff;

    font-size:18px;

    font-weight:700;

}

/*-------------------------
      تاریخ
-------------------------*/

.comment-metadata a{

    color:#999;

    text-decoration:none;

    font-size:13px;

}

.comment-metadata a:hover{

    color:#06b6d4;

}

/*-------------------------
      متن دیدگاه
-------------------------*/

.comment-content{

    margin-top:18px;

}

.comment-content p{

    color:#ddd;

    line-height:2.1;

    font-size:15px;

}

/*-------------------------
      فرم
-------------------------*/

.comment-form{

    margin-top:20px;

}

/* برچسب ها */

.comment-form label{

    display:block;

    margin-bottom:8px;

    color:#fff !important;

    font-weight:600;

}

/* متن های بالا */

.comment-notes,
.logged-in-as,
.comment-form-cookies-consent,
.comment-form-cookies-consent label{

    color:#f1f1f1 !important;

}

/* ستاره قرمز */

.required{

    color:#ff4d4d;

}

/*-------------------------
      اینپوت ها
-------------------------*/

.comment-form input,
.comment-form textarea{

    width:100%;

    background:#111;

    color:#fff;

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

    border-radius:15px;

    padding:15px 18px;

    font-size:15px;

    transition:.3s;

    margin-bottom:18px;

    font-family:"Vazirmatn",sans-serif;

}

.comment-form textarea{

    min-height:180px;

    resize:vertical;

}

.comment-form input:focus,
.comment-form textarea:focus{

    outline:none;

    background:#151515;

    border-color:#8b5cf6;

    box-shadow:
    0 0 25px rgba(139,92,246,.25);

}

/* Placeholder */

.comment-form input::placeholder,
.comment-form textarea::placeholder{

    color:#888;

}

/*-------------------------
      دکمه
-------------------------*/

.comment-form .submit{

    background:linear-gradient(
    135deg,
    #8b5cf6,
    #06b6d4);

    color:#fff;

    border:none;

    border-radius:14px;

    padding:15px 35px;

    font-size:15px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;

    box-shadow:
    0 12px 30px rgba(139,92,246,.35);

}

.comment-form .submit:hover{

    transform:translateY(-4px);

    box-shadow:
    0 20px 40px rgba(139,92,246,.45);

}

/*-------------------------
      لینک پاسخ
-------------------------*/

.comment-reply-link{

    display:inline-block;

    margin-top:12px;

    padding:8px 18px;

    border-radius:30px;

    background:#1b1b1b;

    color:#fff;

    text-decoration:none;

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

    transition:.3s;

}

.comment-reply-link:hover{

    background:#8b5cf6;

    color:#fff;

}

/*-------------------------
      دیدگاه فرزند
-------------------------*/

.children{

    margin-top:18px;

    padding-right:22px;

    border-right:2px solid rgba(139,92,246,.35);

}

/*-------------------------
      تمام متن ها سفید
-------------------------*/

.comments-area,
.comments-area *,

.comment-respond,
.comment-respond *{

    color:#fff;

}

/* لینک ها */

.comments-area a,
.comment-respond a{

    color:#8b5cf6;

}

.comments-area a:hover,
.comment-respond a:hover{

    color:#06b6d4;

}

/* Checkbox */

.comment-form input[type="checkbox"]{

    width:18px;

    height:18px;

    accent-color:#8b5cf6;

}

/* فیلدهای نام و ایمیل و سایت */

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment{

    margin-bottom:18px;

}

/* انتخاب متن */

::selection{

    background:#8b5cf6;

    color:#fff;

}/* End custom CSS */