.elementor-1465 .elementor-element.elementor-element-155492f{--display:flex;--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-widget-theme-post-content{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-feature-settings:var( --e-global-typography-text-font-feature-settings );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1465 .elementor-element.elementor-element-b69650d{--display:flex;--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-1465 .elementor-element.elementor-element-f5780b2{--display:flex;--border-radius:32px 32px 32px 32px;--padding-top:30px;--padding-bottom:10px;--padding-left:30px;--padding-right:10px;}.elementor-1465 .elementor-element.elementor-element-f5780b2:not(.elementor-motion-effects-element-type-background), .elementor-1465 .elementor-element.elementor-element-f5780b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-1465 .elementor-element.elementor-element-f5780b2.e-con{--align-self:center;}.elementor-1465 .elementor-element.elementor-element-d7165c9 > .elementor-widget-container{background-color:#FAFAFA;padding:0px 0px 0px 0px;}.elementor-1465 .elementor-element.elementor-element-4e0c01f{--spacer-size:100px;}@media(min-width:768px){.elementor-1465 .elementor-element.elementor-element-b69650d{--content-width:1160px;}}/* Start custom CSS for post-comments, class: .elementor-element-d7165c9 */#comments .comment .comment-body, #comments .pingback .comment-body {
    display: flex
;
    flex-direction: column;
    padding-block-start: 30px;
    padding-block-end: 30px;
    padding-inline-start: 60px;
    padding-inline-end: 0;
    border-block-end: 0px solid #ccc;
    background-color: white;
    border-radius: 15px;
    margin-top: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}

.comment-metadata a {
   color: #1976d2;
}

#comments .comment-metadata, #comments .reply {
    font-size: 11px;
    line-height: 1;
    margin-left: 20px;
}

#email{
  background-color: #F1F1F1;
   margin-bottom: 10px;
   width: 100%;
}


.avatar.avatar-42.photo {
    margin-right: 5px;
}
.title-comments{font-size:20px;}


#author {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
        margin-bottom: 10px;
   background-color: #F1F1F1;
    width: 100%;
}

.comment-form-comment #comment{
    
}

.comment-form-comment label{
    display: none;
}

.comment-form-email label{
    display: none;
}
.comment-form-cookies-consent{
    display: none;
}
.comment-form-url{
     display: none;
}

.my-comment-form #submit{
    width: 300px;
    background-color: #0189FF;
    color:white;
    border-radius: 15px;
    border-color: white;
    float: left;
}
#comment :active {
    border-color:white;
}





  /* فرم ارسال نظر */
  .comment-form {
    margin-top: 40px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
  }
  


  .comment-textarea {
      width:68%; /* عرض 50 درصد برای عنصر کامنت */
      max-height:200px !important;
      
    border: 1px solid #ffffff;
    border-radius: 15px;
    padding: .5rem 1rem;
    transition: all .3s;
    background-color: #F1F1F1;
    
  }

  .input-group {
   
    flex-direction: column;
    
    gap: 10px;
    width:27%;
    
  }

  .input-group input {
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 13px;
    font-family: 'Vazirmatn', sans-serif;
    display: flex;
  }
  


  #submit {
    background-color: #0189FF;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 12px 20px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    margin-top: auto;
    align-self: flex-start;
    width: 100%;
  }
  
  
 .comment-form-cookies-consent{
    display: none;
}
.comment-reply-title{ font-size:20px;
    margin-top:50px;
}
.comment-notes{font-size:15px;}

.comment-reply-link{color:#0189FF;
    font-size: 16px;
}

.fn,.says{
    font-size: 15px;
}

@media (max-width: 768px) {
  .comment-form {
    flex-direction: column;
    gap: 20px;
  }

  .comment-textarea {
    width: 100%;
  }

  .input-group {
    width: 100%;
  }

  #submit {
    width: 100%;
    margin-top: 10px;
  }

  #comments .comment .comment-body, 
  #comments .pingback .comment-body {
    padding: 20px;
    padding-inline-start: 20px;
    margin-top: 15px;
  }

  #author,
  #email {
    width: 100%;
  }

  .comment-reply-title {
    font-size: 18px;
    text-align: center;
  }
}



.comment-pagination {
    margin-top: 30px;
    text-align: right;
}

.comment-pagination ul {
    list-style: none;
    padding: 0;
    display: inline-flex;
    gap: 8px;
}

.comment-pagination li {
    display: inline;
}

.comment-pagination a,
.comment-pagination span {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #1976d2;
    border-radius: 5px;
    color: #1976d2;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s;
}

.comment-pagination a:hover {
    background-color: #1976d2;
    color: #fff;
}

.comment-pagination .current {
    background-color: #1976d2;
    color: white;
    border-color: #1976d2;
}

.comment-pagination span ,.comment-pagination a{border-radius:15px !important;
    background-color: #F1F1F1;
    border: 1px solid #F1F1F1;
}/* End custom CSS */