/* Test css */
/* body{
  background-color: black;
} */



.promo-content > .promo-title,
#panel-13 .promo-box .promo-content .promo-title{
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  font-family: Arial, sans-serif;
  color:#555;
  text-transform: none;
}

#panel-13 #blog-section+.container+.container{
  width: 1200px;
  border: 15px red solid;
  /* margin-right:100px; */
  /* margin-left:100px; */
  margin:0 auto;
  /* padding:0px */
  
}

#panel-13 .promo-boxes .promo-box,
.mini-promo-boxes .mini-promo-box{
/* width:300px; */
}


/* ///////////////// */
.post-comments {
    margin-top: 20px;
}

.comments-area {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.comment-respond {
    margin-top: 20px;
}

.comment-reply-title {
    color: #333;
}

.comment-form {
    display: grid;
    gap: 15px;
}

.comment-notes, .comment-form-cookies-consent {
    font-size: 14px;
}

.comment-form-comment label,
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
    font-weight: bold;
}

textarea, input {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.submit {
    background-color: #007BFF;
    color: #fff;
    padding: 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.submit:hover {
    background-color: #0056b3;
}

.g-recaptcha {
    margin-top: 15px;
}

.form-submit-msg{
  text-align: center;
}
.form-blog-success{
  color:green
}
.form-blog-error{
  color:red
}

.comment-form-cookies-consent {
    display: flex;
    align-items: center;
    margin-bottom: 15px; /* Adjust the margin as needed */
}

.comment-form-cookies-consent input[type="checkbox"] {
    margin-right: 8px; /* Adjust the margin as needed */
 width: auto;
}

.comment-form-cookies-consent label {
      font-size: 14px; /* Adjust the font size as needed */
    color: #333; /* Adjust the text color as needed */
}

.comment {
            margin-bottom: 20px;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
        }

        .comment .author {
            font-weight: bold;
            color: #333;
        }

        .comment .date {
            color: #888;
        }

        .comment .content {
            margin-top: 10px;
            color: #555;
        }
