/*
Theme Name: Berich
Theme URI: http://demo.casethemes.net/berich
Author: Case-Themes
Author URI: https://casethemes.net/
Description: Berich is created to provide modern solution for any business type. The theme is packed with large collection of beautifully designed homepages and a large number of inner page styles. Also, there are versatile and easily tailored portfolio templates that will give you full freedom to create the showcase you need. Moreover, Berich looks flawless on all devices, so your content will look equally amazing across all device types. Whether you need a personal theme or professional theme, Berich can be a perfect fit. Get it today and discover all the features one WordPress site needs.
Version: 1.0.4
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: berich
Tags: business, consulting, consultant, agency, company, advertising, corporate, finance, financial, multipurpose, accountant, marketing, software, startup, modern, saas  
*/
/* قسم التعليقات */
.comments-area {
    margin-top: 30px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.comments-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
    border-bottom: 2px solid #4CAF50;
    display: inline-block;
    padding-bottom: 5px;
}
.pxl-item--title{
	color:green !important;
}

.comment-list {
    list-style: none;
    padding: 0;
}

.comment-list li {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
}

.comment-list li .comment-author {
    font-size: 16px;
    font-weight: bold;
    color: #4CAF50;
    margin-bottom: 10px;
}

.comment-list li .comment-meta {
    font-size: 12px;
    color: #666;
    margin-bottom: 10px;
}

.comment-list li .comment-content {
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

.comment-list li .reply {
    margin-top: 10px;
}

.comment-list li .reply a {
    font-size: 14px;
    color: #2196F3;
    text-decoration: none;
    transition: color 0.3s;
}

.comment-list li .reply a:hover {
    color: #0B7DD9;
}

/* نموذج التعليق */
.comment-form-comment textarea,
.comment-form input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 15px;
    font-size: 14px;
}

.comment-form input::placeholder,
.comment-form textarea::placeholder {
    font-style: italic;
    color: #999;
}

.comment-form .btn-form-submit {
    display: inline-block;
    background: #4CAF50;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.comment-form .btn-form-submit:hover {
    background: #45A049;
}

/* الرسائل */
.no-comments {
    font-size: 14px;
    color: #999;
    margin-top: 20px;
    text-align: center;
}

/* شريط التنقل الخاص بالتعليقات */
.comments-area .navigation {
    text-align: center;
    margin-top: 20px;
}

.comments-area .navigation a {
    color: #2196F3;
    text-decoration: none;
    margin: 0 5px;
    font-size: 14px;
    transition: color 0.3s;
}

.comments-area .navigation a:hover {
    color: #0B7DD9;
}


 
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Inter Tight", sans-serif;
  color: #010101;
  font-weight: 700;
  margin: 0 0 15px;
  clear: both;
  line-height: 1.25;
}
h1,
.h1 {
  font-size: 40px;
}
h2,
.h2 {
  font-size: 24px;  

  
}
h3,
.h3 {
  font-size: 22px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 15px;
  line-height: 1.4545;
}


#rank-math-faq {
   text-align:right;
    margin: 0 auto;
    padding: 20px;
    background-color: #f9f9fc;
    border-radius: 12px;
}

.rank-math-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.rank-math-list-item {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    overflow: hidden;
}

.rank-math-list-item:hover {
    box-shadow: 0 6px 12px rgba(0,0,0,0.08);
    transform: translateY(-3px);
}

.rank-math-question {
    display: flex;
   
 
    padding: 15px 20px;
    background-color: #f0f4f8;
    color: #2c3e50;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease;
}

.rank-math-question::before {
    content: "➤";
    margin-left: 10px;
    color: #04a13d;
    transition: transform 0.3s ease;
}

.rank-math-question:hover {
    background-color: #e6f2ff;
}

.rank-math-question:hover::before {
    transform: translateX(5px);
}

.rank-math-answer {
    padding: 20px;
    background-color: white;
    color: #34495e;
    line-height: 1.6;
    border-top: 1px solid #e9ecef;
}

.rank-math-answer p {
    margin: 0;
}
/* 
.pxl-content-area {
	max-width: 1078px!important;

} */