.elementor-6218 .elementor-element.elementor-element-311a3fe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-6218 .elementor-element.elementor-element-60f8926{--display:flex;--min-height:800px;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-6218 .elementor-element.elementor-element-adb293f .elementor-widget-container{text-align:justify;line-height:30px;}.elementor-6218 .elementor-element.elementor-element-9db76be{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-6218 .elementor-element.elementor-element-a74e024{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-6218 .elementor-element.elementor-element-a74e024 .elementor-icon-box-wrapper{text-align:start;gap:1px;}.elementor-6218 .elementor-element.elementor-element-a74e024.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-385cf18 );}.elementor-6218 .elementor-element.elementor-element-a74e024.elementor-view-framed .elementor-icon, .elementor-6218 .elementor-element.elementor-element-a74e024.elementor-view-default .elementor-icon{fill:var( --e-global-color-385cf18 );color:var( --e-global-color-385cf18 );border-color:var( --e-global-color-385cf18 );}.elementor-6218 .elementor-element.elementor-element-a74e024 .elementor-icon{font-size:30px;}.elementor-6218 .elementor-element.elementor-element-a74e024 .elementor-icon-box-title, .elementor-6218 .elementor-element.elementor-element-a74e024 .elementor-icon-box-title a{font-size:15px;}.elementor-6218 .elementor-element.elementor-element-c951e76{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-6218 .elementor-element.elementor-element-c951e76 .elementor-icon-list-icon i{color:var( --e-global-color-385cf18 );font-size:30px;}.elementor-6218 .elementor-element.elementor-element-c951e76 .elementor-icon-list-icon svg{fill:var( --e-global-color-385cf18 );--e-icon-list-icon-size:30px;}.elementor-6218 .elementor-element.elementor-element-c951e76 .elementor-icon-list-icon{width:30px;}body:not(.rtl) .elementor-6218 .elementor-element.elementor-element-c951e76 .elementor-icon-list-text{padding-left:15px;}body.rtl .elementor-6218 .elementor-element.elementor-element-c951e76 .elementor-icon-list-text{padding-right:15px;}.elementor-6218 .elementor-element.elementor-element-c951e76 .elementor-icon-list-text, .elementor-6218 .elementor-element.elementor-element-c951e76 .elementor-icon-list-text a{color:var( --e-global-color-858f331 );}.elementor-6218 .elementor-element.elementor-element-f00da3b{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-6218 .elementor-element.elementor-element-f00da3b .elementor-icon-list-icon i{color:var( --e-global-color-385cf18 );font-size:30px;}.elementor-6218 .elementor-element.elementor-element-f00da3b .elementor-icon-list-icon svg{fill:var( --e-global-color-385cf18 );--e-icon-list-icon-size:30px;}.elementor-6218 .elementor-element.elementor-element-f00da3b .elementor-icon-list-icon{width:30px;}body:not(.rtl) .elementor-6218 .elementor-element.elementor-element-f00da3b .elementor-icon-list-text{padding-left:15px;}body.rtl .elementor-6218 .elementor-element.elementor-element-f00da3b .elementor-icon-list-text{padding-right:15px;}.elementor-6218 .elementor-element.elementor-element-f00da3b .elementor-icon-list-text, .elementor-6218 .elementor-element.elementor-element-f00da3b .elementor-icon-list-text a{color:var( --e-global-color-858f331 );}.elementor-6218 .elementor-element.elementor-element-6efa425{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-6218 .elementor-element.elementor-element-3279af2 .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-6218 .elementor-element.elementor-element-1066949 .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-6218 .elementor-element.elementor-element-a30ceb0 .elementor-button{background-color:var( --e-global-color-92e5315 );border-radius:10px 10px 10px 10px;}.elementor-6218 .elementor-element.elementor-element-0e96475 .elementor-button{background-color:var( --e-global-color-92e5315 );border-radius:10px 10px 10px 10px;}.elementor-6218 .elementor-element.elementor-element-67751f9 img{width:50%;}.elementor-6218 .elementor-element.elementor-element-b89e5a4 .elementor-toc__header-title{text-align:start;}.elementor-6218 .elementor-element.elementor-element-b89e5a4 .elementor-toc__header{flex-direction:row;}.elementor-6218 .elementor-element.elementor-element-b89e5a4{--item-text-hover-decoration:underline;}.elementor-6218 .elementor-element.elementor-element-73eb24c{--display:flex;}.elementor-6218 .elementor-element.elementor-element-556a913{text-align:justify;line-height:30px;}.elementor-6218 .elementor-element.elementor-element-0ba0f05{--display:flex;--min-height:800px;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-6218 .elementor-element.elementor-element-1b838c8 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-6218 .elementor-element.elementor-element-1b838c8 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-6218 .elementor-element.elementor-element-1b838c8{--image-border-radius:10px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-6218 .elementor-element.elementor-element-2142d84{--display:flex;--min-height:800px;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-6218 .elementor-element.elementor-element-c7f33b2{--display:flex;--min-height:800px;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-6218 .elementor-element.elementor-element-6539003{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:20px;--n-tabs-gap:20px;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-color:var( --e-global-color-858f331 );}.elementor-6218 .elementor-element.elementor-element-6539003 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#969090;}.elementor-6218 .elementor-element.elementor-element-6539003.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-5ef3e49 );}.elementor-6218 .elementor-element.elementor-element-6539003.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-6218 .elementor-element.elementor-element-6539003.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}@media(min-width:768px){.elementor-6218 .elementor-element.elementor-element-311a3fe{--width:90%;}}@media(max-width:1366px) and (min-width:768px){.elementor-6218 .elementor-element.elementor-element-311a3fe{--width:100%;}}@media(max-width:1366px){.elementor-6218 .elementor-element.elementor-element-6efa425{--grid-auto-flow:row;}.elementor-6218 .elementor-element.elementor-element-67751f9 img{width:80px;}}@media(max-width:1024px){.elementor-6218 .elementor-element.elementor-element-6efa425{--grid-auto-flow:row;}.elementor-6218 .elementor-element.elementor-element-67751f9 img{width:100%;}}@media(max-width:767px){.elementor-6218 .elementor-element.elementor-element-311a3fe{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6218 .elementor-element.elementor-element-60f8926{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-6218 .elementor-element.elementor-element-9db76be{--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;}.elementor-6218 .elementor-element.elementor-element-a74e024{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6218 .elementor-element.elementor-element-c951e76{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6218 .elementor-element.elementor-element-f00da3b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6218 .elementor-element.elementor-element-6efa425{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-6218 .elementor-element.elementor-element-73eb24c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6218 .elementor-element.elementor-element-2142d84{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for theme-post-content, class: .elementor-element-556a913 */.tozihat h2 {
    margin: 30px 0px 30px 0px;
}
.tozihat h3 {
    margin: 30px 0px 10px 0px;
}
.tozihat img {
    border-radius: 20px;
     display: block;
    margin-left: auto;
    margin-right: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73eb24c */.wp-caption-text {
    text-align: center;
    font-weight: 800;
    color:green;
    font-size: 20px;
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-8f535e0 */#comments .comment-author .avatar{
  display: none !important;
}

#comments .comment-author.vcard{
  gap: .35rem !important;
}

#comments .comment-meta{
  gap: .55rem .85rem !important;
}

#comments .comment-meta{
  gap: .55rem .85rem !important;
}

#comments .comment-metadata{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
}

#comments .edit-link{
  display: inline-flex !important;
}

#comments .comment-metadata .comment-edit-link{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: .22rem .78rem !important;
  border-radius: 999px !important;

  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.045) !important;
  color: rgba(238,242,255,.88) !important;

  font-size: .78rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;

  margin-left: .55rem !important;
  margin-inline-start: .55rem !important;

  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, filter .15s ease !important;
}

#comments .comment-metadata .comment-edit-link:hover{
  transform: translateY(-1px) !important;
  filter: saturate(1.06) !important;
  background: rgba(245,54,54,.14) !important;
  border-color: rgba(245,54,54,.40) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.55), 0 0 28px rgba(245,54,54,.18) !important;
}

#comments .comment-metadata .comment-edit-link:active{
  transform: translateY(0) !important;
  box-shadow: none !important;
}

@media (max-width: 640px){
  #comments .comment-meta{
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  html[dir="rtl"] #comments .comment-meta{
    align-items: flex-end !important;
  }

  #comments .comment-metadata{
    width: 100% !important;
    justify-content: flex-start !important;
  }

  html[dir="rtl"] #comments .comment-metadata{
    justify-content: flex-end !important;
  }

  #comments .comment-metadata .comment-edit-link{
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
  }
}

#comments.comments-area{
  --c-bg: #07080c;
  --c-wrap1: #0e111a;
  --c-wrap2: #090b12;

  --c-card: rgba(255,255,255,.045);
  --c-reply-card: rgba(255,255,255,.032);

  --c-border: rgba(255,255,255,.10);
  --c-border-soft: rgba(255,255,255,.08);

  --c-accent: #F53636;
  --c-accent-soft: rgba(245,54,54,.14);

  --c-text-main: #eef2ff;
  --c-text-muted: rgba(238,242,255,.72);

  --c-radius-lg: 18px;
  --c-radius-md: 14px;
  --c-radius-pill: 999px;
}

.elementor-widget-post-comments .elementor-widget-container{
  padding: 0;
}

.elementor-widget-post-comments .comments-area,
#comments.comments-area{
  width: 100% !important;
  box-sizing: border-box;
  
  padding: 2.1rem 1.9rem;
  background:
    radial-gradient(900px 320px at 12% 0%, rgba(245,54,54,.12), transparent 58%),
    radial-gradient(700px 280px at 92% 10%, rgba(0,252,25,.08), transparent 60%),
    linear-gradient(180deg, var(--c-wrap1), var(--c-wrap2));
  border-radius: 22px;
  border: 1px solid var(--c-border);
  box-shadow:
    0 22px 70px rgba(0,0,0,.78),
    0 0 0 1px rgba(255,255,255,.04) inset;
  color: var(--c-text-main);
}

html[dir="rtl"] #comments,
body[dir="rtl"] #comments{
 
}

#comments a{
  color: var(--c-accent);
  text-decoration: none;
}

#comments a:hover{
  text-shadow: 0 0 18px rgba(245,54,54,.28);
}

#comments .title-comments,
#comments #reply-title{
  margin: 0 0 1.6rem 0;
  font-size: clamp(18px, 1.2vw + 12px, 26px);
  font-weight: 800;
  color: var(--c-text-main);
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  position: relative;
  padding-bottom: .55rem;
  width: fit-content;
  max-width: 100%;
}

#comments .title-comments::before,
#comments #reply-title::before{
  content: "";
  width: 20px;
  height: 18px;
  border-radius: 10px;
  background: linear-gradient(180deg, #ff5a5a, var(--c-accent));
  box-shadow: 0 0 18px rgba(245,54,54,.28);
}

#comments .title-comments::after,
#comments #reply-title::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width: 120%;
  height: 2px;
  border-radius: 999px;
  background: var(--c-accent);
  box-shadow: 0 0 18px rgba(245,54,54,.28);
}

#comments .comment-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

#comments .comment-list > .comment{
  margin-bottom: 1.2rem;
}

#comments .comment-body{
  position: relative;
  padding: 1.15rem 1.2rem 1rem 2rem !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.028));
  border-radius: var(--c-radius-lg);
  border: 1px solid var(--c-border-soft);
  box-shadow: 0 16px 44px rgba(0,0,0,.70), 0 0 0 1px rgba(255,255,255,.03) inset;
  transition: box-shadow .16s ease, transform .12s ease, border-color .16s ease, filter .16s ease;
}

#comments .comment-body{
  padding-left: 2rem !important;
}

#comments .comment .children > .comment > .comment-body{
  padding-left: 2.2rem !important;
}

html:not([dir="rtl"]) #comments .comment-body{
  border-left: 3px solid rgba(245,54,54,.28);
}
html[dir="rtl"] #comments .comment-body{
  border-right: 3px solid rgba(245,54,54,.28);
}

#comments .comment-body:hover{
  transform: translateY(-2px);
  filter: saturate(1.04);
  border-color: rgba(255,255,255,.12);
  box-shadow: 0 24px 70px rgba(0,0,0,.82), 0 0 0 1px rgba(255,255,255,.04) inset;
}

#comments .by-postauthor > .comment-body,
#comments .bypostauthor > .comment-body,
#comments .byuser.bypostauthor > .comment-body{
  background:
    radial-gradient(520px 200px at 10% 0%, rgba(245,54,54,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border-color: rgba(245,54,54,.35);
}

html:not([dir="rtl"]) #comments .by-postauthor > .comment-body,
html:not([dir="rtl"]) #comments .bypostauthor > .comment-body,
html:not([dir="rtl"]) #comments .byuser.bypostauthor > .comment-body{
  border-left-color: rgba(245,54,54,.75);
}
html[dir="rtl"] #comments .by-postauthor > .comment-body,
html[dir="rtl"] #comments .bypostauthor > .comment-body,
html[dir="rtl"] #comments .byuser.bypostauthor > .comment-body{
  border-right-color: rgba(245,54,54,.75);
}

#comments .by-postauthor > .comment-body .fn::after,
#comments .bypostauthor > .comment-body .fn::after,
#comments .byuser.bypostauthor > .comment-body .fn::after{
  content: "مدیر";
  display: inline-block;
  margin-inline-start: 0.45rem;
  padding: 0.12rem 0.6rem;
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: var(--c-radius-pill);
  border: 1px solid rgba(245,54,54,.55);
  background: rgba(245,54,54,.14);
  color: var(--c-text-main);
}

#comments .comment-meta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem .9rem;
  margin-bottom: .85rem;
}

#comments .comment-author.vcard{
  display: flex;
  align-items: center;
  gap: .55rem;
}

#comments .comment-author .fn{
  font-size: .95rem;
  font-weight: 800;
  color: var(--c-text-main);
}

#comments .comment .children > .comment > .comment-body::before{
  content: none !important;
  display: none !important;
}

#comments .comment .children > .comment .comment-author .fn{
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
}

#comments .comment .children > .comment .comment-author .fn::before{
  content: "↳ پاسخ" !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  color: rgba(238,242,255,.88) !important;
  padding: .1rem .5rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.06) !important;
}

#comments .comment-author .says{
  display: none;
}

#comments .comment-metadata{
  font-size: .78rem;
  color: var(--c-text-muted);
}

#comments .comment-metadata a{
  color: rgba(238,242,255,.78);
  border-bottom: 1px solid rgba(255,255,255,.10);
}

#comments .comment-metadata a:hover{
  color: var(--c-text-main);
  border-bottom-color: rgba(245,54,54,.55);
}

#comments .comment-content{
  font-size: clamp(14px, 1vw + 10px, 16px);
  line-height: 1.9;
  color: var(--c-text-muted);
  margin-bottom: .9rem;
}

#comments .comment-content p{
  margin: 0 0 .5rem 0;
}

#comments .comment-content p:last-child{
  margin-bottom: 0;
}

#comments .comment-content a{
  color: var(--c-accent);
  border-bottom: 1px solid rgba(245,54,54,.35);
}

#comments .comment-content a:hover{
  border-bottom-color: rgba(245,54,54,.75);
}

#comments .comment-content blockquote{
  margin: .8rem 0;
  padding: .85rem .95rem;
  border-radius: 12px;
  background: rgba(0,0,0,.28);
  color: rgba(238,242,255,.80);
  border-inline-start: 3px solid rgba(245,54,54,.65);
}

#comments .comment-body .reply,
#comments .comment-body .edit-link{
  display: inline-block;
}

#comments .comment-body .reply + .edit-link,
#comments .comment-body .edit-link + .reply{
  margin-inline-start: .4rem;
}

#comments .comment-body .reply a,
#comments .comment-body .comment-edit-link,
#comments .comment-body .edit-link a,
#comments .comment-body a.comment-delete-link,
#comments .comment-body a.comment-spam-link,
#comments .comment-body a.comment-approve-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .28rem .95rem;
  border-radius: var(--c-radius-pill);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  font-size: .8rem;
  font-weight: 700;
  color: rgba(238,242,255,.80);
  text-decoration: none;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, transform .1s ease, box-shadow .15s ease, color .15s ease, filter .15s ease;
}

#comments .comment-body .reply a{
  background: var(--c-accent-soft);
  border-color: rgba(245,54,54,.35);
  color: #fff;
}

#comments .comment-body .reply a:hover,
#comments .comment-body .comment-edit-link:hover,
#comments .comment-body .edit-link a:hover,
#comments .comment-body a.comment-delete-link:hover,
#comments .comment-body a.comment-spam-link:hover,
#comments .comment-body a.comment-approve-link:hover{
  transform: translateY(-1px);
  filter: saturate(1.06);
  box-shadow: 0 14px 34px rgba(0,0,0,.55);
}

#comments .comment-body a.comment-delete-link,
#comments .comment-body a.comment-spam-link{
  background: rgba(255,31,31,.12);
  border-color: rgba(255,31,31,.30);
  color: rgba(255,220,220,.92);
}

#comments .comment-body a.comment-delete-link:hover,
#comments .comment-body a.comment-spam-link:hover{
  background: rgba(255,31,31,.18);
  border-color: rgba(255,31,31,.45);
}

#comments .comment .children{
  list-style: none;
  margin: 1rem 0 0 0;
  padding: 0;
  position: relative;
}

html:not([dir="rtl"]) #comments .comment .children{
  margin-left: 2.1rem;
  padding-left: 1.6rem;
  border-left: 2px solid rgba(255,255,255,.10);
}
html[dir="rtl"] #comments .comment .children{
  margin-right: 2.1rem;
  padding-right: 1.6rem;
  border-right: 2px solid rgba(255,255,255,.10);
}

#comments .comment .children > .comment{
  position: relative;
  margin-top: 1rem;
}

html:not([dir="rtl"]) #comments .comment .children > .comment::before{
  content: "";
  position: absolute;
  top: 1.6rem;
  left: -1.6rem;
  width: 1.6rem;
  height: 2px;
  background: rgba(255,255,255,.10);
}
html[dir="rtl"] #comments .comment .children > .comment::before{
  content: "";
  position: absolute;
  top: 1.6rem;
  right: -1.6rem;
  width: 1.6rem;
  height: 2px;
  background: rgba(255,255,255,.10);
}

#comments .comment .children > .comment > .comment-body{
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.028));
  border-radius: var(--c-radius-md);
  box-shadow: 0 12px 32px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.03) inset;
}

#comments #respond{
  margin-top: 2.2rem;
  padding: 1.6rem 1.5rem 1.35rem 2rem !important;
  padding-left: 2rem !important;
  background: radial-gradient(700px 240px at 15% 0%, rgba(245,54,54,.10), transparent 60%), rgba(255,255,255,.03);
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 22px 70px rgba(0,0,0,.78);
}

#comments #respond p{
  margin: 0 0 .85rem 0;
}

#comments .logged-in-as,
#comments .comment-notes{
  font-size: .85rem;
  color: var(--c-text-muted);
}

#comments .logged-in-as a{
  color: var(--c-accent);
  border-bottom: 1px solid rgba(245,54,54,.35);
}

#comments .logged-in-as a:hover{
  border-bottom-color: rgba(245,54,54,.75);
}

#comments .comment-form label{
  display: block;
  margin-bottom: .35rem;
  font-size: .86rem;
  font-weight: 700;
  color: rgba(238,242,255,.88);
}

#comments .comment-form input[type="text"],
#comments .comment-form input[type="email"],
#comments .comment-form input[type="url"],
#comments .comment-form textarea{
  width: 100%;
  box-sizing: border-box;
  padding: .7rem .95rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.28);
  color: var(--c-text-main);
  font-size: .92rem;
  line-height: 1.6;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

#comments .comment-form textarea{
  min-height: 150px;
  resize: vertical;
}

#comments .comment-form input::placeholder,
#comments .comment-form textarea::placeholder{
  color: rgba(238,242,255,.45);
}

#comments .comment-form input[type="text"]:focus,
#comments .comment-form input[type="email"]:focus,
#comments .comment-form input[type="url"]:focus,
#comments .comment-form textarea:focus{
  border-color: rgba(245,54,54,.55);
  background: rgba(0,0,0,.34);
  box-shadow: 0 0 0 4px rgba(245,54,54,.14), inset 0 1px 0 rgba(255,255,255,.06);
}

#comments .comment-form .comment-form-cookies-consent{
  display: flex;
  align-items: center;
  gap: .45rem;
  font-size: .82rem;
  color: var(--c-text-muted);
}

#comments .comment-form .comment-form-cookies-consent input[type="checkbox"]{
  width: 16px;
  height: 16px;
}

#comments .form-submit #submit.submit{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .7rem 1.65rem;
  border-radius: var(--c-radius-pill);
  border: 2px solid rgba(245,54,54,.35);
  background: linear-gradient(180deg, #ff2b2b, var(--c-accent));
  color: #fff;
  font-size: .92rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 18px 44px rgba(0,0,0,.70), 0 0 40px rgba(245,54,54,.18);
  transition: filter .15s ease, transform .1s ease, box-shadow .15s ease, border-color .15s ease;
}

#comments .form-submit #submit.submit:hover{
  transform: translateY(-1px);
  filter: saturate(1.08) contrast(1.05);
  border-color: rgba(245,54,54,.55);
  box-shadow: 0 26px 70px rgba(0,0,0,.82), 0 0 58px rgba(245,54,54,.26);
}

#comments .form-submit #submit.submit:active{
  transform: translateY(0);
  box-shadow: none;
}

#comments #cancel-comment-reply-link{
  font-size: .8rem;
  color: var(--c-text-muted);
  border-bottom: 1px dashed rgba(255,255,255,.18);
}

#comments #cancel-comment-reply-link:hover{
  color: var(--c-accent);
  border-bottom-color: rgba(245,54,54,.55);
}

@media (max-width: 640px){
  .elementor-widget-post-comments .comments-area,
  #comments.comments-area{
    padding: 1.55rem 1.15rem;
    margin: 2.3rem auto;
    width: 95% !important;
  }

  #comments .comment-body{
    padding: 1.05rem 1rem .9rem 1.55rem !important;
    padding-left: 1.55rem !important;
  }

  #comments .comment .children{
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  #comments .comment .children > .comment{
    width: 100% !important;
  }

  #comments .comment .children > .comment > .comment-body{
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 1.55rem !important;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.032)) !important;
    border-color: rgba(255,255,255,.12) !important;
  }

  #comments #respond{
    padding: 1.35rem 1.15rem 1.35rem 1.55rem !important;
    padding-left: 1.55rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-556a913 */.tozihat h2 {
    margin: 30px 0px 30px 0px;
}
.tozihat h3 {
    margin: 30px 0px 10px 0px;
}
.tozihat img {
    border-radius: 20px;
     display: block;
    margin-left: auto;
    margin-right: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73eb24c */.wp-caption-text {
    text-align: center;
    font-weight: 800;
    color:green;
    font-size: 20px;
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-8f535e0 */#comments .comment-author .avatar{
  display: none !important;
}

#comments .comment-author.vcard{
  gap: .35rem !important;
}

#comments .comment-meta{
  gap: .55rem .85rem !important;
}

#comments .comment-meta{
  gap: .55rem .85rem !important;
}

#comments .comment-metadata{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
}

#comments .edit-link{
  display: inline-flex !important;
}

#comments .comment-metadata .comment-edit-link{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: .22rem .78rem !important;
  border-radius: 999px !important;

  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.045) !important;
  color: rgba(238,242,255,.88) !important;

  font-size: .78rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;

  margin-left: .55rem !important;
  margin-inline-start: .55rem !important;

  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, filter .15s ease !important;
}

#comments .comment-metadata .comment-edit-link:hover{
  transform: translateY(-1px) !important;
  filter: saturate(1.06) !important;
  background: rgba(245,54,54,.14) !important;
  border-color: rgba(245,54,54,.40) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.55), 0 0 28px rgba(245,54,54,.18) !important;
}

#comments .comment-metadata .comment-edit-link:active{
  transform: translateY(0) !important;
  box-shadow: none !important;
}

@media (max-width: 640px){
  #comments .comment-meta{
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  html[dir="rtl"] #comments .comment-meta{
    align-items: flex-end !important;
  }

  #comments .comment-metadata{
    width: 100% !important;
    justify-content: flex-start !important;
  }

  html[dir="rtl"] #comments .comment-metadata{
    justify-content: flex-end !important;
  }

  #comments .comment-metadata .comment-edit-link{
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
  }
}

#comments.comments-area{
  --c-bg: #07080c;
  --c-wrap1: #0e111a;
  --c-wrap2: #090b12;

  --c-card: rgba(255,255,255,.045);
  --c-reply-card: rgba(255,255,255,.032);

  --c-border: rgba(255,255,255,.10);
  --c-border-soft: rgba(255,255,255,.08);

  --c-accent: #F53636;
  --c-accent-soft: rgba(245,54,54,.14);

  --c-text-main: #eef2ff;
  --c-text-muted: rgba(238,242,255,.72);

  --c-radius-lg: 18px;
  --c-radius-md: 14px;
  --c-radius-pill: 999px;
}

.elementor-widget-post-comments .elementor-widget-container{
  padding: 0;
}

.elementor-widget-post-comments .comments-area,
#comments.comments-area{
  width: 100% !important;
  box-sizing: border-box;
  
  padding: 2.1rem 1.9rem;
  background:
    radial-gradient(900px 320px at 12% 0%, rgba(245,54,54,.12), transparent 58%),
    radial-gradient(700px 280px at 92% 10%, rgba(0,252,25,.08), transparent 60%),
    linear-gradient(180deg, var(--c-wrap1), var(--c-wrap2));
  border-radius: 22px;
  border: 1px solid var(--c-border);
  box-shadow:
    0 22px 70px rgba(0,0,0,.78),
    0 0 0 1px rgba(255,255,255,.04) inset;
  color: var(--c-text-main);
}

html[dir="rtl"] #comments,
body[dir="rtl"] #comments{
 
}

#comments a{
  color: var(--c-accent);
  text-decoration: none;
}

#comments a:hover{
  text-shadow: 0 0 18px rgba(245,54,54,.28);
}

#comments .title-comments,
#comments #reply-title{
  margin: 0 0 1.6rem 0;
  font-size: clamp(18px, 1.2vw + 12px, 26px);
  font-weight: 800;
  color: var(--c-text-main);
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  position: relative;
  padding-bottom: .55rem;
  width: fit-content;
  max-width: 100%;
}

#comments .title-comments::before,
#comments #reply-title::before{
  content: "";
  width: 20px;
  height: 18px;
  border-radius: 10px;
  background: linear-gradient(180deg, #ff5a5a, var(--c-accent));
  box-shadow: 0 0 18px rgba(245,54,54,.28);
}

#comments .title-comments::after,
#comments #reply-title::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width: 120%;
  height: 2px;
  border-radius: 999px;
  background: var(--c-accent);
  box-shadow: 0 0 18px rgba(245,54,54,.28);
}

#comments .comment-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

#comments .comment-list > .comment{
  margin-bottom: 1.2rem;
}

#comments .comment-body{
  position: relative;
  padding: 1.15rem 1.2rem 1rem 2rem !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.028));
  border-radius: var(--c-radius-lg);
  border: 1px solid var(--c-border-soft);
  box-shadow: 0 16px 44px rgba(0,0,0,.70), 0 0 0 1px rgba(255,255,255,.03) inset;
  transition: box-shadow .16s ease, transform .12s ease, border-color .16s ease, filter .16s ease;
}

#comments .comment-body{
  padding-left: 2rem !important;
}

#comments .comment .children > .comment > .comment-body{
  padding-left: 2.2rem !important;
}

html:not([dir="rtl"]) #comments .comment-body{
  border-left: 3px solid rgba(245,54,54,.28);
}
html[dir="rtl"] #comments .comment-body{
  border-right: 3px solid rgba(245,54,54,.28);
}

#comments .comment-body:hover{
  transform: translateY(-2px);
  filter: saturate(1.04);
  border-color: rgba(255,255,255,.12);
  box-shadow: 0 24px 70px rgba(0,0,0,.82), 0 0 0 1px rgba(255,255,255,.04) inset;
}

#comments .by-postauthor > .comment-body,
#comments .bypostauthor > .comment-body,
#comments .byuser.bypostauthor > .comment-body{
  background:
    radial-gradient(520px 200px at 10% 0%, rgba(245,54,54,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border-color: rgba(245,54,54,.35);
}

html:not([dir="rtl"]) #comments .by-postauthor > .comment-body,
html:not([dir="rtl"]) #comments .bypostauthor > .comment-body,
html:not([dir="rtl"]) #comments .byuser.bypostauthor > .comment-body{
  border-left-color: rgba(245,54,54,.75);
}
html[dir="rtl"] #comments .by-postauthor > .comment-body,
html[dir="rtl"] #comments .bypostauthor > .comment-body,
html[dir="rtl"] #comments .byuser.bypostauthor > .comment-body{
  border-right-color: rgba(245,54,54,.75);
}

#comments .by-postauthor > .comment-body .fn::after,
#comments .bypostauthor > .comment-body .fn::after,
#comments .byuser.bypostauthor > .comment-body .fn::after{
  content: "مدیر";
  display: inline-block;
  margin-inline-start: 0.45rem;
  padding: 0.12rem 0.6rem;
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: var(--c-radius-pill);
  border: 1px solid rgba(245,54,54,.55);
  background: rgba(245,54,54,.14);
  color: var(--c-text-main);
}

#comments .comment-meta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem .9rem;
  margin-bottom: .85rem;
}

#comments .comment-author.vcard{
  display: flex;
  align-items: center;
  gap: .55rem;
}

#comments .comment-author .fn{
  font-size: .95rem;
  font-weight: 800;
  color: var(--c-text-main);
}

#comments .comment .children > .comment > .comment-body::before{
  content: none !important;
  display: none !important;
}

#comments .comment .children > .comment .comment-author .fn{
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
}

#comments .comment .children > .comment .comment-author .fn::before{
  content: "↳ پاسخ" !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  color: rgba(238,242,255,.88) !important;
  padding: .1rem .5rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.06) !important;
}

#comments .comment-author .says{
  display: none;
}

#comments .comment-metadata{
  font-size: .78rem;
  color: var(--c-text-muted);
}

#comments .comment-metadata a{
  color: rgba(238,242,255,.78);
  border-bottom: 1px solid rgba(255,255,255,.10);
}

#comments .comment-metadata a:hover{
  color: var(--c-text-main);
  border-bottom-color: rgba(245,54,54,.55);
}

#comments .comment-content{
  font-size: clamp(14px, 1vw + 10px, 16px);
  line-height: 1.9;
  color: var(--c-text-muted);
  margin-bottom: .9rem;
}

#comments .comment-content p{
  margin: 0 0 .5rem 0;
}

#comments .comment-content p:last-child{
  margin-bottom: 0;
}

#comments .comment-content a{
  color: var(--c-accent);
  border-bottom: 1px solid rgba(245,54,54,.35);
}

#comments .comment-content a:hover{
  border-bottom-color: rgba(245,54,54,.75);
}

#comments .comment-content blockquote{
  margin: .8rem 0;
  padding: .85rem .95rem;
  border-radius: 12px;
  background: rgba(0,0,0,.28);
  color: rgba(238,242,255,.80);
  border-inline-start: 3px solid rgba(245,54,54,.65);
}

#comments .comment-body .reply,
#comments .comment-body .edit-link{
  display: inline-block;
}

#comments .comment-body .reply + .edit-link,
#comments .comment-body .edit-link + .reply{
  margin-inline-start: .4rem;
}

#comments .comment-body .reply a,
#comments .comment-body .comment-edit-link,
#comments .comment-body .edit-link a,
#comments .comment-body a.comment-delete-link,
#comments .comment-body a.comment-spam-link,
#comments .comment-body a.comment-approve-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .28rem .95rem;
  border-radius: var(--c-radius-pill);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  font-size: .8rem;
  font-weight: 700;
  color: rgba(238,242,255,.80);
  text-decoration: none;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, transform .1s ease, box-shadow .15s ease, color .15s ease, filter .15s ease;
}

#comments .comment-body .reply a{
  background: var(--c-accent-soft);
  border-color: rgba(245,54,54,.35);
  color: #fff;
}

#comments .comment-body .reply a:hover,
#comments .comment-body .comment-edit-link:hover,
#comments .comment-body .edit-link a:hover,
#comments .comment-body a.comment-delete-link:hover,
#comments .comment-body a.comment-spam-link:hover,
#comments .comment-body a.comment-approve-link:hover{
  transform: translateY(-1px);
  filter: saturate(1.06);
  box-shadow: 0 14px 34px rgba(0,0,0,.55);
}

#comments .comment-body a.comment-delete-link,
#comments .comment-body a.comment-spam-link{
  background: rgba(255,31,31,.12);
  border-color: rgba(255,31,31,.30);
  color: rgba(255,220,220,.92);
}

#comments .comment-body a.comment-delete-link:hover,
#comments .comment-body a.comment-spam-link:hover{
  background: rgba(255,31,31,.18);
  border-color: rgba(255,31,31,.45);
}

#comments .comment .children{
  list-style: none;
  margin: 1rem 0 0 0;
  padding: 0;
  position: relative;
}

html:not([dir="rtl"]) #comments .comment .children{
  margin-left: 2.1rem;
  padding-left: 1.6rem;
  border-left: 2px solid rgba(255,255,255,.10);
}
html[dir="rtl"] #comments .comment .children{
  margin-right: 2.1rem;
  padding-right: 1.6rem;
  border-right: 2px solid rgba(255,255,255,.10);
}

#comments .comment .children > .comment{
  position: relative;
  margin-top: 1rem;
}

html:not([dir="rtl"]) #comments .comment .children > .comment::before{
  content: "";
  position: absolute;
  top: 1.6rem;
  left: -1.6rem;
  width: 1.6rem;
  height: 2px;
  background: rgba(255,255,255,.10);
}
html[dir="rtl"] #comments .comment .children > .comment::before{
  content: "";
  position: absolute;
  top: 1.6rem;
  right: -1.6rem;
  width: 1.6rem;
  height: 2px;
  background: rgba(255,255,255,.10);
}

#comments .comment .children > .comment > .comment-body{
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.028));
  border-radius: var(--c-radius-md);
  box-shadow: 0 12px 32px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.03) inset;
}

#comments #respond{
  margin-top: 2.2rem;
  padding: 1.6rem 1.5rem 1.35rem 2rem !important;
  padding-left: 2rem !important;
  background: radial-gradient(700px 240px at 15% 0%, rgba(245,54,54,.10), transparent 60%), rgba(255,255,255,.03);
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 22px 70px rgba(0,0,0,.78);
}

#comments #respond p{
  margin: 0 0 .85rem 0;
}

#comments .logged-in-as,
#comments .comment-notes{
  font-size: .85rem;
  color: var(--c-text-muted);
}

#comments .logged-in-as a{
  color: var(--c-accent);
  border-bottom: 1px solid rgba(245,54,54,.35);
}

#comments .logged-in-as a:hover{
  border-bottom-color: rgba(245,54,54,.75);
}

#comments .comment-form label{
  display: block;
  margin-bottom: .35rem;
  font-size: .86rem;
  font-weight: 700;
  color: rgba(238,242,255,.88);
}

#comments .comment-form input[type="text"],
#comments .comment-form input[type="email"],
#comments .comment-form input[type="url"],
#comments .comment-form textarea{
  width: 100%;
  box-sizing: border-box;
  padding: .7rem .95rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.28);
  color: var(--c-text-main);
  font-size: .92rem;
  line-height: 1.6;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

#comments .comment-form textarea{
  min-height: 150px;
  resize: vertical;
}

#comments .comment-form input::placeholder,
#comments .comment-form textarea::placeholder{
  color: rgba(238,242,255,.45);
}

#comments .comment-form input[type="text"]:focus,
#comments .comment-form input[type="email"]:focus,
#comments .comment-form input[type="url"]:focus,
#comments .comment-form textarea:focus{
  border-color: rgba(245,54,54,.55);
  background: rgba(0,0,0,.34);
  box-shadow: 0 0 0 4px rgba(245,54,54,.14), inset 0 1px 0 rgba(255,255,255,.06);
}

#comments .comment-form .comment-form-cookies-consent{
  display: flex;
  align-items: center;
  gap: .45rem;
  font-size: .82rem;
  color: var(--c-text-muted);
}

#comments .comment-form .comment-form-cookies-consent input[type="checkbox"]{
  width: 16px;
  height: 16px;
}

#comments .form-submit #submit.submit{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .7rem 1.65rem;
  border-radius: var(--c-radius-pill);
  border: 2px solid rgba(245,54,54,.35);
  background: linear-gradient(180deg, #ff2b2b, var(--c-accent));
  color: #fff;
  font-size: .92rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 18px 44px rgba(0,0,0,.70), 0 0 40px rgba(245,54,54,.18);
  transition: filter .15s ease, transform .1s ease, box-shadow .15s ease, border-color .15s ease;
}

#comments .form-submit #submit.submit:hover{
  transform: translateY(-1px);
  filter: saturate(1.08) contrast(1.05);
  border-color: rgba(245,54,54,.55);
  box-shadow: 0 26px 70px rgba(0,0,0,.82), 0 0 58px rgba(245,54,54,.26);
}

#comments .form-submit #submit.submit:active{
  transform: translateY(0);
  box-shadow: none;
}

#comments #cancel-comment-reply-link{
  font-size: .8rem;
  color: var(--c-text-muted);
  border-bottom: 1px dashed rgba(255,255,255,.18);
}

#comments #cancel-comment-reply-link:hover{
  color: var(--c-accent);
  border-bottom-color: rgba(245,54,54,.55);
}

@media (max-width: 640px){
  .elementor-widget-post-comments .comments-area,
  #comments.comments-area{
    padding: 1.55rem 1.15rem;
    margin: 2.3rem auto;
    width: 95% !important;
  }

  #comments .comment-body{
    padding: 1.05rem 1rem .9rem 1.55rem !important;
    padding-left: 1.55rem !important;
  }

  #comments .comment .children{
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  #comments .comment .children > .comment{
    width: 100% !important;
  }

  #comments .comment .children > .comment > .comment-body{
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 1.55rem !important;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.032)) !important;
    border-color: rgba(255,255,255,.12) !important;
  }

  #comments #respond{
    padding: 1.35rem 1.15rem 1.35rem 1.55rem !important;
    padding-left: 1.55rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-556a913 */.tozihat h2 {
    margin: 30px 0px 30px 0px;
}
.tozihat h3 {
    margin: 30px 0px 10px 0px;
}
.tozihat img {
    border-radius: 20px;
     display: block;
    margin-left: auto;
    margin-right: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73eb24c */.wp-caption-text {
    text-align: center;
    font-weight: 800;
    color:green;
    font-size: 20px;
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-8f535e0 */#comments .comment-author .avatar{
  display: none !important;
}

#comments .comment-author.vcard{
  gap: .35rem !important;
}

#comments .comment-meta{
  gap: .55rem .85rem !important;
}

#comments .comment-meta{
  gap: .55rem .85rem !important;
}

#comments .comment-metadata{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
}

#comments .edit-link{
  display: inline-flex !important;
}

#comments .comment-metadata .comment-edit-link{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: .22rem .78rem !important;
  border-radius: 999px !important;

  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.045) !important;
  color: rgba(238,242,255,.88) !important;

  font-size: .78rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;

  margin-left: .55rem !important;
  margin-inline-start: .55rem !important;

  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, filter .15s ease !important;
}

#comments .comment-metadata .comment-edit-link:hover{
  transform: translateY(-1px) !important;
  filter: saturate(1.06) !important;
  background: rgba(245,54,54,.14) !important;
  border-color: rgba(245,54,54,.40) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.55), 0 0 28px rgba(245,54,54,.18) !important;
}

#comments .comment-metadata .comment-edit-link:active{
  transform: translateY(0) !important;
  box-shadow: none !important;
}

@media (max-width: 640px){
  #comments .comment-meta{
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  html[dir="rtl"] #comments .comment-meta{
    align-items: flex-end !important;
  }

  #comments .comment-metadata{
    width: 100% !important;
    justify-content: flex-start !important;
  }

  html[dir="rtl"] #comments .comment-metadata{
    justify-content: flex-end !important;
  }

  #comments .comment-metadata .comment-edit-link{
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
  }
}

#comments.comments-area{
  --c-bg: #07080c;
  --c-wrap1: #0e111a;
  --c-wrap2: #090b12;

  --c-card: rgba(255,255,255,.045);
  --c-reply-card: rgba(255,255,255,.032);

  --c-border: rgba(255,255,255,.10);
  --c-border-soft: rgba(255,255,255,.08);

  --c-accent: #F53636;
  --c-accent-soft: rgba(245,54,54,.14);

  --c-text-main: #eef2ff;
  --c-text-muted: rgba(238,242,255,.72);

  --c-radius-lg: 18px;
  --c-radius-md: 14px;
  --c-radius-pill: 999px;
}

.elementor-widget-post-comments .elementor-widget-container{
  padding: 0;
}

.elementor-widget-post-comments .comments-area,
#comments.comments-area{
  width: 100% !important;
  box-sizing: border-box;
  
  padding: 2.1rem 1.9rem;
  background:
    radial-gradient(900px 320px at 12% 0%, rgba(245,54,54,.12), transparent 58%),
    radial-gradient(700px 280px at 92% 10%, rgba(0,252,25,.08), transparent 60%),
    linear-gradient(180deg, var(--c-wrap1), var(--c-wrap2));
  border-radius: 22px;
  border: 1px solid var(--c-border);
  box-shadow:
    0 22px 70px rgba(0,0,0,.78),
    0 0 0 1px rgba(255,255,255,.04) inset;
  color: var(--c-text-main);
}

html[dir="rtl"] #comments,
body[dir="rtl"] #comments{
 
}

#comments a{
  color: var(--c-accent);
  text-decoration: none;
}

#comments a:hover{
  text-shadow: 0 0 18px rgba(245,54,54,.28);
}

#comments .title-comments,
#comments #reply-title{
  margin: 0 0 1.6rem 0;
  font-size: clamp(18px, 1.2vw + 12px, 26px);
  font-weight: 800;
  color: var(--c-text-main);
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  position: relative;
  padding-bottom: .55rem;
  width: fit-content;
  max-width: 100%;
}

#comments .title-comments::before,
#comments #reply-title::before{
  content: "";
  width: 20px;
  height: 18px;
  border-radius: 10px;
  background: linear-gradient(180deg, #ff5a5a, var(--c-accent));
  box-shadow: 0 0 18px rgba(245,54,54,.28);
}

#comments .title-comments::after,
#comments #reply-title::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width: 120%;
  height: 2px;
  border-radius: 999px;
  background: var(--c-accent);
  box-shadow: 0 0 18px rgba(245,54,54,.28);
}

#comments .comment-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

#comments .comment-list > .comment{
  margin-bottom: 1.2rem;
}

#comments .comment-body{
  position: relative;
  padding: 1.15rem 1.2rem 1rem 2rem !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.028));
  border-radius: var(--c-radius-lg);
  border: 1px solid var(--c-border-soft);
  box-shadow: 0 16px 44px rgba(0,0,0,.70), 0 0 0 1px rgba(255,255,255,.03) inset;
  transition: box-shadow .16s ease, transform .12s ease, border-color .16s ease, filter .16s ease;
}

#comments .comment-body{
  padding-left: 2rem !important;
}

#comments .comment .children > .comment > .comment-body{
  padding-left: 2.2rem !important;
}

html:not([dir="rtl"]) #comments .comment-body{
  border-left: 3px solid rgba(245,54,54,.28);
}
html[dir="rtl"] #comments .comment-body{
  border-right: 3px solid rgba(245,54,54,.28);
}

#comments .comment-body:hover{
  transform: translateY(-2px);
  filter: saturate(1.04);
  border-color: rgba(255,255,255,.12);
  box-shadow: 0 24px 70px rgba(0,0,0,.82), 0 0 0 1px rgba(255,255,255,.04) inset;
}

#comments .by-postauthor > .comment-body,
#comments .bypostauthor > .comment-body,
#comments .byuser.bypostauthor > .comment-body{
  background:
    radial-gradient(520px 200px at 10% 0%, rgba(245,54,54,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border-color: rgba(245,54,54,.35);
}

html:not([dir="rtl"]) #comments .by-postauthor > .comment-body,
html:not([dir="rtl"]) #comments .bypostauthor > .comment-body,
html:not([dir="rtl"]) #comments .byuser.bypostauthor > .comment-body{
  border-left-color: rgba(245,54,54,.75);
}
html[dir="rtl"] #comments .by-postauthor > .comment-body,
html[dir="rtl"] #comments .bypostauthor > .comment-body,
html[dir="rtl"] #comments .byuser.bypostauthor > .comment-body{
  border-right-color: rgba(245,54,54,.75);
}

#comments .by-postauthor > .comment-body .fn::after,
#comments .bypostauthor > .comment-body .fn::after,
#comments .byuser.bypostauthor > .comment-body .fn::after{
  content: "مدیر";
  display: inline-block;
  margin-inline-start: 0.45rem;
  padding: 0.12rem 0.6rem;
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: var(--c-radius-pill);
  border: 1px solid rgba(245,54,54,.55);
  background: rgba(245,54,54,.14);
  color: var(--c-text-main);
}

#comments .comment-meta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem .9rem;
  margin-bottom: .85rem;
}

#comments .comment-author.vcard{
  display: flex;
  align-items: center;
  gap: .55rem;
}

#comments .comment-author .fn{
  font-size: .95rem;
  font-weight: 800;
  color: var(--c-text-main);
}

#comments .comment .children > .comment > .comment-body::before{
  content: none !important;
  display: none !important;
}

#comments .comment .children > .comment .comment-author .fn{
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
}

#comments .comment .children > .comment .comment-author .fn::before{
  content: "↳ پاسخ" !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  color: rgba(238,242,255,.88) !important;
  padding: .1rem .5rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.06) !important;
}

#comments .comment-author .says{
  display: none;
}

#comments .comment-metadata{
  font-size: .78rem;
  color: var(--c-text-muted);
}

#comments .comment-metadata a{
  color: rgba(238,242,255,.78);
  border-bottom: 1px solid rgba(255,255,255,.10);
}

#comments .comment-metadata a:hover{
  color: var(--c-text-main);
  border-bottom-color: rgba(245,54,54,.55);
}

#comments .comment-content{
  font-size: clamp(14px, 1vw + 10px, 16px);
  line-height: 1.9;
  color: var(--c-text-muted);
  margin-bottom: .9rem;
}

#comments .comment-content p{
  margin: 0 0 .5rem 0;
}

#comments .comment-content p:last-child{
  margin-bottom: 0;
}

#comments .comment-content a{
  color: var(--c-accent);
  border-bottom: 1px solid rgba(245,54,54,.35);
}

#comments .comment-content a:hover{
  border-bottom-color: rgba(245,54,54,.75);
}

#comments .comment-content blockquote{
  margin: .8rem 0;
  padding: .85rem .95rem;
  border-radius: 12px;
  background: rgba(0,0,0,.28);
  color: rgba(238,242,255,.80);
  border-inline-start: 3px solid rgba(245,54,54,.65);
}

#comments .comment-body .reply,
#comments .comment-body .edit-link{
  display: inline-block;
}

#comments .comment-body .reply + .edit-link,
#comments .comment-body .edit-link + .reply{
  margin-inline-start: .4rem;
}

#comments .comment-body .reply a,
#comments .comment-body .comment-edit-link,
#comments .comment-body .edit-link a,
#comments .comment-body a.comment-delete-link,
#comments .comment-body a.comment-spam-link,
#comments .comment-body a.comment-approve-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .28rem .95rem;
  border-radius: var(--c-radius-pill);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  font-size: .8rem;
  font-weight: 700;
  color: rgba(238,242,255,.80);
  text-decoration: none;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, transform .1s ease, box-shadow .15s ease, color .15s ease, filter .15s ease;
}

#comments .comment-body .reply a{
  background: var(--c-accent-soft);
  border-color: rgba(245,54,54,.35);
  color: #fff;
}

#comments .comment-body .reply a:hover,
#comments .comment-body .comment-edit-link:hover,
#comments .comment-body .edit-link a:hover,
#comments .comment-body a.comment-delete-link:hover,
#comments .comment-body a.comment-spam-link:hover,
#comments .comment-body a.comment-approve-link:hover{
  transform: translateY(-1px);
  filter: saturate(1.06);
  box-shadow: 0 14px 34px rgba(0,0,0,.55);
}

#comments .comment-body a.comment-delete-link,
#comments .comment-body a.comment-spam-link{
  background: rgba(255,31,31,.12);
  border-color: rgba(255,31,31,.30);
  color: rgba(255,220,220,.92);
}

#comments .comment-body a.comment-delete-link:hover,
#comments .comment-body a.comment-spam-link:hover{
  background: rgba(255,31,31,.18);
  border-color: rgba(255,31,31,.45);
}

#comments .comment .children{
  list-style: none;
  margin: 1rem 0 0 0;
  padding: 0;
  position: relative;
}

html:not([dir="rtl"]) #comments .comment .children{
  margin-left: 2.1rem;
  padding-left: 1.6rem;
  border-left: 2px solid rgba(255,255,255,.10);
}
html[dir="rtl"] #comments .comment .children{
  margin-right: 2.1rem;
  padding-right: 1.6rem;
  border-right: 2px solid rgba(255,255,255,.10);
}

#comments .comment .children > .comment{
  position: relative;
  margin-top: 1rem;
}

html:not([dir="rtl"]) #comments .comment .children > .comment::before{
  content: "";
  position: absolute;
  top: 1.6rem;
  left: -1.6rem;
  width: 1.6rem;
  height: 2px;
  background: rgba(255,255,255,.10);
}
html[dir="rtl"] #comments .comment .children > .comment::before{
  content: "";
  position: absolute;
  top: 1.6rem;
  right: -1.6rem;
  width: 1.6rem;
  height: 2px;
  background: rgba(255,255,255,.10);
}

#comments .comment .children > .comment > .comment-body{
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.028));
  border-radius: var(--c-radius-md);
  box-shadow: 0 12px 32px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.03) inset;
}

#comments #respond{
  margin-top: 2.2rem;
  padding: 1.6rem 1.5rem 1.35rem 2rem !important;
  padding-left: 2rem !important;
  background: radial-gradient(700px 240px at 15% 0%, rgba(245,54,54,.10), transparent 60%), rgba(255,255,255,.03);
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 22px 70px rgba(0,0,0,.78);
}

#comments #respond p{
  margin: 0 0 .85rem 0;
}

#comments .logged-in-as,
#comments .comment-notes{
  font-size: .85rem;
  color: var(--c-text-muted);
}

#comments .logged-in-as a{
  color: var(--c-accent);
  border-bottom: 1px solid rgba(245,54,54,.35);
}

#comments .logged-in-as a:hover{
  border-bottom-color: rgba(245,54,54,.75);
}

#comments .comment-form label{
  display: block;
  margin-bottom: .35rem;
  font-size: .86rem;
  font-weight: 700;
  color: rgba(238,242,255,.88);
}

#comments .comment-form input[type="text"],
#comments .comment-form input[type="email"],
#comments .comment-form input[type="url"],
#comments .comment-form textarea{
  width: 100%;
  box-sizing: border-box;
  padding: .7rem .95rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.28);
  color: var(--c-text-main);
  font-size: .92rem;
  line-height: 1.6;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

#comments .comment-form textarea{
  min-height: 150px;
  resize: vertical;
}

#comments .comment-form input::placeholder,
#comments .comment-form textarea::placeholder{
  color: rgba(238,242,255,.45);
}

#comments .comment-form input[type="text"]:focus,
#comments .comment-form input[type="email"]:focus,
#comments .comment-form input[type="url"]:focus,
#comments .comment-form textarea:focus{
  border-color: rgba(245,54,54,.55);
  background: rgba(0,0,0,.34);
  box-shadow: 0 0 0 4px rgba(245,54,54,.14), inset 0 1px 0 rgba(255,255,255,.06);
}

#comments .comment-form .comment-form-cookies-consent{
  display: flex;
  align-items: center;
  gap: .45rem;
  font-size: .82rem;
  color: var(--c-text-muted);
}

#comments .comment-form .comment-form-cookies-consent input[type="checkbox"]{
  width: 16px;
  height: 16px;
}

#comments .form-submit #submit.submit{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .7rem 1.65rem;
  border-radius: var(--c-radius-pill);
  border: 2px solid rgba(245,54,54,.35);
  background: linear-gradient(180deg, #ff2b2b, var(--c-accent));
  color: #fff;
  font-size: .92rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 18px 44px rgba(0,0,0,.70), 0 0 40px rgba(245,54,54,.18);
  transition: filter .15s ease, transform .1s ease, box-shadow .15s ease, border-color .15s ease;
}

#comments .form-submit #submit.submit:hover{
  transform: translateY(-1px);
  filter: saturate(1.08) contrast(1.05);
  border-color: rgba(245,54,54,.55);
  box-shadow: 0 26px 70px rgba(0,0,0,.82), 0 0 58px rgba(245,54,54,.26);
}

#comments .form-submit #submit.submit:active{
  transform: translateY(0);
  box-shadow: none;
}

#comments #cancel-comment-reply-link{
  font-size: .8rem;
  color: var(--c-text-muted);
  border-bottom: 1px dashed rgba(255,255,255,.18);
}

#comments #cancel-comment-reply-link:hover{
  color: var(--c-accent);
  border-bottom-color: rgba(245,54,54,.55);
}

@media (max-width: 640px){
  .elementor-widget-post-comments .comments-area,
  #comments.comments-area{
    padding: 1.55rem 1.15rem;
    margin: 2.3rem auto;
    width: 95% !important;
  }

  #comments .comment-body{
    padding: 1.05rem 1rem .9rem 1.55rem !important;
    padding-left: 1.55rem !important;
  }

  #comments .comment .children{
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  #comments .comment .children > .comment{
    width: 100% !important;
  }

  #comments .comment .children > .comment > .comment-body{
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 1.55rem !important;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.032)) !important;
    border-color: rgba(255,255,255,.12) !important;
  }

  #comments #respond{
    padding: 1.35rem 1.15rem 1.35rem 1.55rem !important;
    padding-left: 1.55rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-556a913 */.tozihat h2 {
    margin: 30px 0px 30px 0px;
}
.tozihat h3 {
    margin: 30px 0px 10px 0px;
}
.tozihat img {
    border-radius: 20px;
     display: block;
    margin-left: auto;
    margin-right: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73eb24c */.wp-caption-text {
    text-align: center;
    font-weight: 800;
    color:green;
    font-size: 20px;
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-8f535e0 */#comments .comment-author .avatar{
  display: none !important;
}

#comments .comment-author.vcard{
  gap: .35rem !important;
}

#comments .comment-meta{
  gap: .55rem .85rem !important;
}

#comments .comment-meta{
  gap: .55rem .85rem !important;
}

#comments .comment-metadata{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
}

#comments .edit-link{
  display: inline-flex !important;
}

#comments .comment-metadata .comment-edit-link{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: .22rem .78rem !important;
  border-radius: 999px !important;

  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.045) !important;
  color: rgba(238,242,255,.88) !important;

  font-size: .78rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;

  margin-left: .55rem !important;
  margin-inline-start: .55rem !important;

  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, filter .15s ease !important;
}

#comments .comment-metadata .comment-edit-link:hover{
  transform: translateY(-1px) !important;
  filter: saturate(1.06) !important;
  background: rgba(245,54,54,.14) !important;
  border-color: rgba(245,54,54,.40) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.55), 0 0 28px rgba(245,54,54,.18) !important;
}

#comments .comment-metadata .comment-edit-link:active{
  transform: translateY(0) !important;
  box-shadow: none !important;
}

@media (max-width: 640px){
  #comments .comment-meta{
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  html[dir="rtl"] #comments .comment-meta{
    align-items: flex-end !important;
  }

  #comments .comment-metadata{
    width: 100% !important;
    justify-content: flex-start !important;
  }

  html[dir="rtl"] #comments .comment-metadata{
    justify-content: flex-end !important;
  }

  #comments .comment-metadata .comment-edit-link{
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
  }
}

#comments.comments-area{
  --c-bg: #07080c;
  --c-wrap1: #0e111a;
  --c-wrap2: #090b12;

  --c-card: rgba(255,255,255,.045);
  --c-reply-card: rgba(255,255,255,.032);

  --c-border: rgba(255,255,255,.10);
  --c-border-soft: rgba(255,255,255,.08);

  --c-accent: #F53636;
  --c-accent-soft: rgba(245,54,54,.14);

  --c-text-main: #eef2ff;
  --c-text-muted: rgba(238,242,255,.72);

  --c-radius-lg: 18px;
  --c-radius-md: 14px;
  --c-radius-pill: 999px;
}

.elementor-widget-post-comments .elementor-widget-container{
  padding: 0;
}

.elementor-widget-post-comments .comments-area,
#comments.comments-area{
  width: 100% !important;
  box-sizing: border-box;
  
  padding: 2.1rem 1.9rem;
  background:
    radial-gradient(900px 320px at 12% 0%, rgba(245,54,54,.12), transparent 58%),
    radial-gradient(700px 280px at 92% 10%, rgba(0,252,25,.08), transparent 60%),
    linear-gradient(180deg, var(--c-wrap1), var(--c-wrap2));
  border-radius: 22px;
  border: 1px solid var(--c-border);
  box-shadow:
    0 22px 70px rgba(0,0,0,.78),
    0 0 0 1px rgba(255,255,255,.04) inset;
  color: var(--c-text-main);
}

html[dir="rtl"] #comments,
body[dir="rtl"] #comments{
 
}

#comments a{
  color: var(--c-accent);
  text-decoration: none;
}

#comments a:hover{
  text-shadow: 0 0 18px rgba(245,54,54,.28);
}

#comments .title-comments,
#comments #reply-title{
  margin: 0 0 1.6rem 0;
  font-size: clamp(18px, 1.2vw + 12px, 26px);
  font-weight: 800;
  color: var(--c-text-main);
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  position: relative;
  padding-bottom: .55rem;
  width: fit-content;
  max-width: 100%;
}

#comments .title-comments::before,
#comments #reply-title::before{
  content: "";
  width: 20px;
  height: 18px;
  border-radius: 10px;
  background: linear-gradient(180deg, #ff5a5a, var(--c-accent));
  box-shadow: 0 0 18px rgba(245,54,54,.28);
}

#comments .title-comments::after,
#comments #reply-title::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width: 120%;
  height: 2px;
  border-radius: 999px;
  background: var(--c-accent);
  box-shadow: 0 0 18px rgba(245,54,54,.28);
}

#comments .comment-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

#comments .comment-list > .comment{
  margin-bottom: 1.2rem;
}

#comments .comment-body{
  position: relative;
  padding: 1.15rem 1.2rem 1rem 2rem !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.028));
  border-radius: var(--c-radius-lg);
  border: 1px solid var(--c-border-soft);
  box-shadow: 0 16px 44px rgba(0,0,0,.70), 0 0 0 1px rgba(255,255,255,.03) inset;
  transition: box-shadow .16s ease, transform .12s ease, border-color .16s ease, filter .16s ease;
}

#comments .comment-body{
  padding-left: 2rem !important;
}

#comments .comment .children > .comment > .comment-body{
  padding-left: 2.2rem !important;
}

html:not([dir="rtl"]) #comments .comment-body{
  border-left: 3px solid rgba(245,54,54,.28);
}
html[dir="rtl"] #comments .comment-body{
  border-right: 3px solid rgba(245,54,54,.28);
}

#comments .comment-body:hover{
  transform: translateY(-2px);
  filter: saturate(1.04);
  border-color: rgba(255,255,255,.12);
  box-shadow: 0 24px 70px rgba(0,0,0,.82), 0 0 0 1px rgba(255,255,255,.04) inset;
}

#comments .by-postauthor > .comment-body,
#comments .bypostauthor > .comment-body,
#comments .byuser.bypostauthor > .comment-body{
  background:
    radial-gradient(520px 200px at 10% 0%, rgba(245,54,54,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border-color: rgba(245,54,54,.35);
}

html:not([dir="rtl"]) #comments .by-postauthor > .comment-body,
html:not([dir="rtl"]) #comments .bypostauthor > .comment-body,
html:not([dir="rtl"]) #comments .byuser.bypostauthor > .comment-body{
  border-left-color: rgba(245,54,54,.75);
}
html[dir="rtl"] #comments .by-postauthor > .comment-body,
html[dir="rtl"] #comments .bypostauthor > .comment-body,
html[dir="rtl"] #comments .byuser.bypostauthor > .comment-body{
  border-right-color: rgba(245,54,54,.75);
}

#comments .by-postauthor > .comment-body .fn::after,
#comments .bypostauthor > .comment-body .fn::after,
#comments .byuser.bypostauthor > .comment-body .fn::after{
  content: "مدیر";
  display: inline-block;
  margin-inline-start: 0.45rem;
  padding: 0.12rem 0.6rem;
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: var(--c-radius-pill);
  border: 1px solid rgba(245,54,54,.55);
  background: rgba(245,54,54,.14);
  color: var(--c-text-main);
}

#comments .comment-meta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem .9rem;
  margin-bottom: .85rem;
}

#comments .comment-author.vcard{
  display: flex;
  align-items: center;
  gap: .55rem;
}

#comments .comment-author .fn{
  font-size: .95rem;
  font-weight: 800;
  color: var(--c-text-main);
}

#comments .comment .children > .comment > .comment-body::before{
  content: none !important;
  display: none !important;
}

#comments .comment .children > .comment .comment-author .fn{
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
}

#comments .comment .children > .comment .comment-author .fn::before{
  content: "↳ پاسخ" !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  color: rgba(238,242,255,.88) !important;
  padding: .1rem .5rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.06) !important;
}

#comments .comment-author .says{
  display: none;
}

#comments .comment-metadata{
  font-size: .78rem;
  color: var(--c-text-muted);
}

#comments .comment-metadata a{
  color: rgba(238,242,255,.78);
  border-bottom: 1px solid rgba(255,255,255,.10);
}

#comments .comment-metadata a:hover{
  color: var(--c-text-main);
  border-bottom-color: rgba(245,54,54,.55);
}

#comments .comment-content{
  font-size: clamp(14px, 1vw + 10px, 16px);
  line-height: 1.9;
  color: var(--c-text-muted);
  margin-bottom: .9rem;
}

#comments .comment-content p{
  margin: 0 0 .5rem 0;
}

#comments .comment-content p:last-child{
  margin-bottom: 0;
}

#comments .comment-content a{
  color: var(--c-accent);
  border-bottom: 1px solid rgba(245,54,54,.35);
}

#comments .comment-content a:hover{
  border-bottom-color: rgba(245,54,54,.75);
}

#comments .comment-content blockquote{
  margin: .8rem 0;
  padding: .85rem .95rem;
  border-radius: 12px;
  background: rgba(0,0,0,.28);
  color: rgba(238,242,255,.80);
  border-inline-start: 3px solid rgba(245,54,54,.65);
}

#comments .comment-body .reply,
#comments .comment-body .edit-link{
  display: inline-block;
}

#comments .comment-body .reply + .edit-link,
#comments .comment-body .edit-link + .reply{
  margin-inline-start: .4rem;
}

#comments .comment-body .reply a,
#comments .comment-body .comment-edit-link,
#comments .comment-body .edit-link a,
#comments .comment-body a.comment-delete-link,
#comments .comment-body a.comment-spam-link,
#comments .comment-body a.comment-approve-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .28rem .95rem;
  border-radius: var(--c-radius-pill);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  font-size: .8rem;
  font-weight: 700;
  color: rgba(238,242,255,.80);
  text-decoration: none;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, transform .1s ease, box-shadow .15s ease, color .15s ease, filter .15s ease;
}

#comments .comment-body .reply a{
  background: var(--c-accent-soft);
  border-color: rgba(245,54,54,.35);
  color: #fff;
}

#comments .comment-body .reply a:hover,
#comments .comment-body .comment-edit-link:hover,
#comments .comment-body .edit-link a:hover,
#comments .comment-body a.comment-delete-link:hover,
#comments .comment-body a.comment-spam-link:hover,
#comments .comment-body a.comment-approve-link:hover{
  transform: translateY(-1px);
  filter: saturate(1.06);
  box-shadow: 0 14px 34px rgba(0,0,0,.55);
}

#comments .comment-body a.comment-delete-link,
#comments .comment-body a.comment-spam-link{
  background: rgba(255,31,31,.12);
  border-color: rgba(255,31,31,.30);
  color: rgba(255,220,220,.92);
}

#comments .comment-body a.comment-delete-link:hover,
#comments .comment-body a.comment-spam-link:hover{
  background: rgba(255,31,31,.18);
  border-color: rgba(255,31,31,.45);
}

#comments .comment .children{
  list-style: none;
  margin: 1rem 0 0 0;
  padding: 0;
  position: relative;
}

html:not([dir="rtl"]) #comments .comment .children{
  margin-left: 2.1rem;
  padding-left: 1.6rem;
  border-left: 2px solid rgba(255,255,255,.10);
}
html[dir="rtl"] #comments .comment .children{
  margin-right: 2.1rem;
  padding-right: 1.6rem;
  border-right: 2px solid rgba(255,255,255,.10);
}

#comments .comment .children > .comment{
  position: relative;
  margin-top: 1rem;
}

html:not([dir="rtl"]) #comments .comment .children > .comment::before{
  content: "";
  position: absolute;
  top: 1.6rem;
  left: -1.6rem;
  width: 1.6rem;
  height: 2px;
  background: rgba(255,255,255,.10);
}
html[dir="rtl"] #comments .comment .children > .comment::before{
  content: "";
  position: absolute;
  top: 1.6rem;
  right: -1.6rem;
  width: 1.6rem;
  height: 2px;
  background: rgba(255,255,255,.10);
}

#comments .comment .children > .comment > .comment-body{
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.028));
  border-radius: var(--c-radius-md);
  box-shadow: 0 12px 32px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.03) inset;
}

#comments #respond{
  margin-top: 2.2rem;
  padding: 1.6rem 1.5rem 1.35rem 2rem !important;
  padding-left: 2rem !important;
  background: radial-gradient(700px 240px at 15% 0%, rgba(245,54,54,.10), transparent 60%), rgba(255,255,255,.03);
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 22px 70px rgba(0,0,0,.78);
}

#comments #respond p{
  margin: 0 0 .85rem 0;
}

#comments .logged-in-as,
#comments .comment-notes{
  font-size: .85rem;
  color: var(--c-text-muted);
}

#comments .logged-in-as a{
  color: var(--c-accent);
  border-bottom: 1px solid rgba(245,54,54,.35);
}

#comments .logged-in-as a:hover{
  border-bottom-color: rgba(245,54,54,.75);
}

#comments .comment-form label{
  display: block;
  margin-bottom: .35rem;
  font-size: .86rem;
  font-weight: 700;
  color: rgba(238,242,255,.88);
}

#comments .comment-form input[type="text"],
#comments .comment-form input[type="email"],
#comments .comment-form input[type="url"],
#comments .comment-form textarea{
  width: 100%;
  box-sizing: border-box;
  padding: .7rem .95rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.28);
  color: var(--c-text-main);
  font-size: .92rem;
  line-height: 1.6;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

#comments .comment-form textarea{
  min-height: 150px;
  resize: vertical;
}

#comments .comment-form input::placeholder,
#comments .comment-form textarea::placeholder{
  color: rgba(238,242,255,.45);
}

#comments .comment-form input[type="text"]:focus,
#comments .comment-form input[type="email"]:focus,
#comments .comment-form input[type="url"]:focus,
#comments .comment-form textarea:focus{
  border-color: rgba(245,54,54,.55);
  background: rgba(0,0,0,.34);
  box-shadow: 0 0 0 4px rgba(245,54,54,.14), inset 0 1px 0 rgba(255,255,255,.06);
}

#comments .comment-form .comment-form-cookies-consent{
  display: flex;
  align-items: center;
  gap: .45rem;
  font-size: .82rem;
  color: var(--c-text-muted);
}

#comments .comment-form .comment-form-cookies-consent input[type="checkbox"]{
  width: 16px;
  height: 16px;
}

#comments .form-submit #submit.submit{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .7rem 1.65rem;
  border-radius: var(--c-radius-pill);
  border: 2px solid rgba(245,54,54,.35);
  background: linear-gradient(180deg, #ff2b2b, var(--c-accent));
  color: #fff;
  font-size: .92rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 18px 44px rgba(0,0,0,.70), 0 0 40px rgba(245,54,54,.18);
  transition: filter .15s ease, transform .1s ease, box-shadow .15s ease, border-color .15s ease;
}

#comments .form-submit #submit.submit:hover{
  transform: translateY(-1px);
  filter: saturate(1.08) contrast(1.05);
  border-color: rgba(245,54,54,.55);
  box-shadow: 0 26px 70px rgba(0,0,0,.82), 0 0 58px rgba(245,54,54,.26);
}

#comments .form-submit #submit.submit:active{
  transform: translateY(0);
  box-shadow: none;
}

#comments #cancel-comment-reply-link{
  font-size: .8rem;
  color: var(--c-text-muted);
  border-bottom: 1px dashed rgba(255,255,255,.18);
}

#comments #cancel-comment-reply-link:hover{
  color: var(--c-accent);
  border-bottom-color: rgba(245,54,54,.55);
}

@media (max-width: 640px){
  .elementor-widget-post-comments .comments-area,
  #comments.comments-area{
    padding: 1.55rem 1.15rem;
    margin: 2.3rem auto;
    width: 95% !important;
  }

  #comments .comment-body{
    padding: 1.05rem 1rem .9rem 1.55rem !important;
    padding-left: 1.55rem !important;
  }

  #comments .comment .children{
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  #comments .comment .children > .comment{
    width: 100% !important;
  }

  #comments .comment .children > .comment > .comment-body{
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 1.55rem !important;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.032)) !important;
    border-color: rgba(255,255,255,.12) !important;
  }

  #comments #respond{
    padding: 1.35rem 1.15rem 1.35rem 1.55rem !important;
    padding-left: 1.55rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-556a913 */.tozihat h2 {
    margin: 30px 0px 30px 0px;
}
.tozihat h3 {
    margin: 30px 0px 10px 0px;
}
.tozihat img {
    border-radius: 20px;
     display: block;
    margin-left: auto;
    margin-right: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73eb24c */.wp-caption-text {
    text-align: center;
    font-weight: 800;
    color:green;
    font-size: 20px;
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-8f535e0 */#comments .comment-author .avatar{
  display: none !important;
}

#comments .comment-author.vcard{
  gap: .35rem !important;
}

#comments .comment-meta{
  gap: .55rem .85rem !important;
}

#comments .comment-meta{
  gap: .55rem .85rem !important;
}

#comments .comment-metadata{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
}

#comments .edit-link{
  display: inline-flex !important;
}

#comments .comment-metadata .comment-edit-link{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: .22rem .78rem !important;
  border-radius: 999px !important;

  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.045) !important;
  color: rgba(238,242,255,.88) !important;

  font-size: .78rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;

  margin-left: .55rem !important;
  margin-inline-start: .55rem !important;

  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, filter .15s ease !important;
}

#comments .comment-metadata .comment-edit-link:hover{
  transform: translateY(-1px) !important;
  filter: saturate(1.06) !important;
  background: rgba(245,54,54,.14) !important;
  border-color: rgba(245,54,54,.40) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.55), 0 0 28px rgba(245,54,54,.18) !important;
}

#comments .comment-metadata .comment-edit-link:active{
  transform: translateY(0) !important;
  box-shadow: none !important;
}

@media (max-width: 640px){
  #comments .comment-meta{
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  html[dir="rtl"] #comments .comment-meta{
    align-items: flex-end !important;
  }

  #comments .comment-metadata{
    width: 100% !important;
    justify-content: flex-start !important;
  }

  html[dir="rtl"] #comments .comment-metadata{
    justify-content: flex-end !important;
  }

  #comments .comment-metadata .comment-edit-link{
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
  }
}

#comments.comments-area{
  --c-bg: #07080c;
  --c-wrap1: #0e111a;
  --c-wrap2: #090b12;

  --c-card: rgba(255,255,255,.045);
  --c-reply-card: rgba(255,255,255,.032);

  --c-border: rgba(255,255,255,.10);
  --c-border-soft: rgba(255,255,255,.08);

  --c-accent: #F53636;
  --c-accent-soft: rgba(245,54,54,.14);

  --c-text-main: #eef2ff;
  --c-text-muted: rgba(238,242,255,.72);

  --c-radius-lg: 18px;
  --c-radius-md: 14px;
  --c-radius-pill: 999px;
}

.elementor-widget-post-comments .elementor-widget-container{
  padding: 0;
}

.elementor-widget-post-comments .comments-area,
#comments.comments-area{
  width: 100% !important;
  box-sizing: border-box;
  
  padding: 2.1rem 1.9rem;
  background:
    radial-gradient(900px 320px at 12% 0%, rgba(245,54,54,.12), transparent 58%),
    radial-gradient(700px 280px at 92% 10%, rgba(0,252,25,.08), transparent 60%),
    linear-gradient(180deg, var(--c-wrap1), var(--c-wrap2));
  border-radius: 22px;
  border: 1px solid var(--c-border);
  box-shadow:
    0 22px 70px rgba(0,0,0,.78),
    0 0 0 1px rgba(255,255,255,.04) inset;
  color: var(--c-text-main);
}

html[dir="rtl"] #comments,
body[dir="rtl"] #comments{
 
}

#comments a{
  color: var(--c-accent);
  text-decoration: none;
}

#comments a:hover{
  text-shadow: 0 0 18px rgba(245,54,54,.28);
}

#comments .title-comments,
#comments #reply-title{
  margin: 0 0 1.6rem 0;
  font-size: clamp(18px, 1.2vw + 12px, 26px);
  font-weight: 800;
  color: var(--c-text-main);
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  position: relative;
  padding-bottom: .55rem;
  width: fit-content;
  max-width: 100%;
}

#comments .title-comments::before,
#comments #reply-title::before{
  content: "";
  width: 20px;
  height: 18px;
  border-radius: 10px;
  background: linear-gradient(180deg, #ff5a5a, var(--c-accent));
  box-shadow: 0 0 18px rgba(245,54,54,.28);
}

#comments .title-comments::after,
#comments #reply-title::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width: 120%;
  height: 2px;
  border-radius: 999px;
  background: var(--c-accent);
  box-shadow: 0 0 18px rgba(245,54,54,.28);
}

#comments .comment-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

#comments .comment-list > .comment{
  margin-bottom: 1.2rem;
}

#comments .comment-body{
  position: relative;
  padding: 1.15rem 1.2rem 1rem 2rem !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.028));
  border-radius: var(--c-radius-lg);
  border: 1px solid var(--c-border-soft);
  box-shadow: 0 16px 44px rgba(0,0,0,.70), 0 0 0 1px rgba(255,255,255,.03) inset;
  transition: box-shadow .16s ease, transform .12s ease, border-color .16s ease, filter .16s ease;
}

#comments .comment-body{
  padding-left: 2rem !important;
}

#comments .comment .children > .comment > .comment-body{
  padding-left: 2.2rem !important;
}

html:not([dir="rtl"]) #comments .comment-body{
  border-left: 3px solid rgba(245,54,54,.28);
}
html[dir="rtl"] #comments .comment-body{
  border-right: 3px solid rgba(245,54,54,.28);
}

#comments .comment-body:hover{
  transform: translateY(-2px);
  filter: saturate(1.04);
  border-color: rgba(255,255,255,.12);
  box-shadow: 0 24px 70px rgba(0,0,0,.82), 0 0 0 1px rgba(255,255,255,.04) inset;
}

#comments .by-postauthor > .comment-body,
#comments .bypostauthor > .comment-body,
#comments .byuser.bypostauthor > .comment-body{
  background:
    radial-gradient(520px 200px at 10% 0%, rgba(245,54,54,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border-color: rgba(245,54,54,.35);
}

html:not([dir="rtl"]) #comments .by-postauthor > .comment-body,
html:not([dir="rtl"]) #comments .bypostauthor > .comment-body,
html:not([dir="rtl"]) #comments .byuser.bypostauthor > .comment-body{
  border-left-color: rgba(245,54,54,.75);
}
html[dir="rtl"] #comments .by-postauthor > .comment-body,
html[dir="rtl"] #comments .bypostauthor > .comment-body,
html[dir="rtl"] #comments .byuser.bypostauthor > .comment-body{
  border-right-color: rgba(245,54,54,.75);
}

#comments .by-postauthor > .comment-body .fn::after,
#comments .bypostauthor > .comment-body .fn::after,
#comments .byuser.bypostauthor > .comment-body .fn::after{
  content: "مدیر";
  display: inline-block;
  margin-inline-start: 0.45rem;
  padding: 0.12rem 0.6rem;
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: var(--c-radius-pill);
  border: 1px solid rgba(245,54,54,.55);
  background: rgba(245,54,54,.14);
  color: var(--c-text-main);
}

#comments .comment-meta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem .9rem;
  margin-bottom: .85rem;
}

#comments .comment-author.vcard{
  display: flex;
  align-items: center;
  gap: .55rem;
}

#comments .comment-author .fn{
  font-size: .95rem;
  font-weight: 800;
  color: var(--c-text-main);
}

#comments .comment .children > .comment > .comment-body::before{
  content: none !important;
  display: none !important;
}

#comments .comment .children > .comment .comment-author .fn{
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
}

#comments .comment .children > .comment .comment-author .fn::before{
  content: "↳ پاسخ" !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  color: rgba(238,242,255,.88) !important;
  padding: .1rem .5rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.06) !important;
}

#comments .comment-author .says{
  display: none;
}

#comments .comment-metadata{
  font-size: .78rem;
  color: var(--c-text-muted);
}

#comments .comment-metadata a{
  color: rgba(238,242,255,.78);
  border-bottom: 1px solid rgba(255,255,255,.10);
}

#comments .comment-metadata a:hover{
  color: var(--c-text-main);
  border-bottom-color: rgba(245,54,54,.55);
}

#comments .comment-content{
  font-size: clamp(14px, 1vw + 10px, 16px);
  line-height: 1.9;
  color: var(--c-text-muted);
  margin-bottom: .9rem;
}

#comments .comment-content p{
  margin: 0 0 .5rem 0;
}

#comments .comment-content p:last-child{
  margin-bottom: 0;
}

#comments .comment-content a{
  color: var(--c-accent);
  border-bottom: 1px solid rgba(245,54,54,.35);
}

#comments .comment-content a:hover{
  border-bottom-color: rgba(245,54,54,.75);
}

#comments .comment-content blockquote{
  margin: .8rem 0;
  padding: .85rem .95rem;
  border-radius: 12px;
  background: rgba(0,0,0,.28);
  color: rgba(238,242,255,.80);
  border-inline-start: 3px solid rgba(245,54,54,.65);
}

#comments .comment-body .reply,
#comments .comment-body .edit-link{
  display: inline-block;
}

#comments .comment-body .reply + .edit-link,
#comments .comment-body .edit-link + .reply{
  margin-inline-start: .4rem;
}

#comments .comment-body .reply a,
#comments .comment-body .comment-edit-link,
#comments .comment-body .edit-link a,
#comments .comment-body a.comment-delete-link,
#comments .comment-body a.comment-spam-link,
#comments .comment-body a.comment-approve-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .28rem .95rem;
  border-radius: var(--c-radius-pill);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  font-size: .8rem;
  font-weight: 700;
  color: rgba(238,242,255,.80);
  text-decoration: none;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, transform .1s ease, box-shadow .15s ease, color .15s ease, filter .15s ease;
}

#comments .comment-body .reply a{
  background: var(--c-accent-soft);
  border-color: rgba(245,54,54,.35);
  color: #fff;
}

#comments .comment-body .reply a:hover,
#comments .comment-body .comment-edit-link:hover,
#comments .comment-body .edit-link a:hover,
#comments .comment-body a.comment-delete-link:hover,
#comments .comment-body a.comment-spam-link:hover,
#comments .comment-body a.comment-approve-link:hover{
  transform: translateY(-1px);
  filter: saturate(1.06);
  box-shadow: 0 14px 34px rgba(0,0,0,.55);
}

#comments .comment-body a.comment-delete-link,
#comments .comment-body a.comment-spam-link{
  background: rgba(255,31,31,.12);
  border-color: rgba(255,31,31,.30);
  color: rgba(255,220,220,.92);
}

#comments .comment-body a.comment-delete-link:hover,
#comments .comment-body a.comment-spam-link:hover{
  background: rgba(255,31,31,.18);
  border-color: rgba(255,31,31,.45);
}

#comments .comment .children{
  list-style: none;
  margin: 1rem 0 0 0;
  padding: 0;
  position: relative;
}

html:not([dir="rtl"]) #comments .comment .children{
  margin-left: 2.1rem;
  padding-left: 1.6rem;
  border-left: 2px solid rgba(255,255,255,.10);
}
html[dir="rtl"] #comments .comment .children{
  margin-right: 2.1rem;
  padding-right: 1.6rem;
  border-right: 2px solid rgba(255,255,255,.10);
}

#comments .comment .children > .comment{
  position: relative;
  margin-top: 1rem;
}

html:not([dir="rtl"]) #comments .comment .children > .comment::before{
  content: "";
  position: absolute;
  top: 1.6rem;
  left: -1.6rem;
  width: 1.6rem;
  height: 2px;
  background: rgba(255,255,255,.10);
}
html[dir="rtl"] #comments .comment .children > .comment::before{
  content: "";
  position: absolute;
  top: 1.6rem;
  right: -1.6rem;
  width: 1.6rem;
  height: 2px;
  background: rgba(255,255,255,.10);
}

#comments .comment .children > .comment > .comment-body{
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.028));
  border-radius: var(--c-radius-md);
  box-shadow: 0 12px 32px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.03) inset;
}

#comments #respond{
  margin-top: 2.2rem;
  padding: 1.6rem 1.5rem 1.35rem 2rem !important;
  padding-left: 2rem !important;
  background: radial-gradient(700px 240px at 15% 0%, rgba(245,54,54,.10), transparent 60%), rgba(255,255,255,.03);
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 22px 70px rgba(0,0,0,.78);
}

#comments #respond p{
  margin: 0 0 .85rem 0;
}

#comments .logged-in-as,
#comments .comment-notes{
  font-size: .85rem;
  color: var(--c-text-muted);
}

#comments .logged-in-as a{
  color: var(--c-accent);
  border-bottom: 1px solid rgba(245,54,54,.35);
}

#comments .logged-in-as a:hover{
  border-bottom-color: rgba(245,54,54,.75);
}

#comments .comment-form label{
  display: block;
  margin-bottom: .35rem;
  font-size: .86rem;
  font-weight: 700;
  color: rgba(238,242,255,.88);
}

#comments .comment-form input[type="text"],
#comments .comment-form input[type="email"],
#comments .comment-form input[type="url"],
#comments .comment-form textarea{
  width: 100%;
  box-sizing: border-box;
  padding: .7rem .95rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.28);
  color: var(--c-text-main);
  font-size: .92rem;
  line-height: 1.6;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

#comments .comment-form textarea{
  min-height: 150px;
  resize: vertical;
}

#comments .comment-form input::placeholder,
#comments .comment-form textarea::placeholder{
  color: rgba(238,242,255,.45);
}

#comments .comment-form input[type="text"]:focus,
#comments .comment-form input[type="email"]:focus,
#comments .comment-form input[type="url"]:focus,
#comments .comment-form textarea:focus{
  border-color: rgba(245,54,54,.55);
  background: rgba(0,0,0,.34);
  box-shadow: 0 0 0 4px rgba(245,54,54,.14), inset 0 1px 0 rgba(255,255,255,.06);
}

#comments .comment-form .comment-form-cookies-consent{
  display: flex;
  align-items: center;
  gap: .45rem;
  font-size: .82rem;
  color: var(--c-text-muted);
}

#comments .comment-form .comment-form-cookies-consent input[type="checkbox"]{
  width: 16px;
  height: 16px;
}

#comments .form-submit #submit.submit{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .7rem 1.65rem;
  border-radius: var(--c-radius-pill);
  border: 2px solid rgba(245,54,54,.35);
  background: linear-gradient(180deg, #ff2b2b, var(--c-accent));
  color: #fff;
  font-size: .92rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 18px 44px rgba(0,0,0,.70), 0 0 40px rgba(245,54,54,.18);
  transition: filter .15s ease, transform .1s ease, box-shadow .15s ease, border-color .15s ease;
}

#comments .form-submit #submit.submit:hover{
  transform: translateY(-1px);
  filter: saturate(1.08) contrast(1.05);
  border-color: rgba(245,54,54,.55);
  box-shadow: 0 26px 70px rgba(0,0,0,.82), 0 0 58px rgba(245,54,54,.26);
}

#comments .form-submit #submit.submit:active{
  transform: translateY(0);
  box-shadow: none;
}

#comments #cancel-comment-reply-link{
  font-size: .8rem;
  color: var(--c-text-muted);
  border-bottom: 1px dashed rgba(255,255,255,.18);
}

#comments #cancel-comment-reply-link:hover{
  color: var(--c-accent);
  border-bottom-color: rgba(245,54,54,.55);
}

@media (max-width: 640px){
  .elementor-widget-post-comments .comments-area,
  #comments.comments-area{
    padding: 1.55rem 1.15rem;
    margin: 2.3rem auto;
    width: 95% !important;
  }

  #comments .comment-body{
    padding: 1.05rem 1rem .9rem 1.55rem !important;
    padding-left: 1.55rem !important;
  }

  #comments .comment .children{
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  #comments .comment .children > .comment{
    width: 100% !important;
  }

  #comments .comment .children > .comment > .comment-body{
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 1.55rem !important;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.032)) !important;
    border-color: rgba(255,255,255,.12) !important;
  }

  #comments #respond{
    padding: 1.35rem 1.15rem 1.35rem 1.55rem !important;
    padding-left: 1.55rem !important;
  }
}/* End custom CSS */