/*********************
START: INFO ARTICLE FOR SINGLE SERVICE PAGE
*********************/
.infoArticle--content {
    display: flex;
    align-items: center;
    padding-block-start: 2rem;
    justify-content: space-between;
}

.infoArticle--items {
    width: 70%;
}

.infoArticle--items ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    justify-content: space-between;
}

.infoArticle--items ul::before,
.infoArticle--items ul::after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    opacity: 0.2;
    background: linear-gradient(to right, rgba(48, 50, 58, 0.1) 0%, rgba(48, 50, 58, 1) 50%, rgba(48, 50, 58, 0.1) 100%);
}

.infoArticle--items ul::before {
    bottom: 0;
}

.infoArticle--items ul li {
    display: flex;
    align-items: center;
    column-gap: 0.25rem;
    font-size: var(--text-xs);
    padding-block: 0.6rem;
    position: relative;
    color: var(--secondary-color);
}

.infoArticle--items ul li:nth-child(1),
.infoArticle--items ul li:nth-child(2) {
    width: 50%;
}

.infoArticle--items ul li:nth-child(3),
.infoArticle--items ul li:nth-child(4),
.infoArticle--items ul li:nth-child(5) {
    width: 33.33%;
}

.infoArticle--items ul li img {
    max-width: 16px;
}

.infoArticle--score {
    width: 28%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.infoArticle--score .kk-star-ratings{
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.infoArticle--score .kk-star-ratings .kksr-stars{
    display: flex;
    column-gap: 0.25rem;
    align-items: center;
    justify-content: center;
    margin-block-end: 0.9rem;
}

.infoArticle--score .kksr-legend{
    font-weight: 500;
    justify-content: center;
    font-size: var(--text-sm);
    line-height: var(--line-height140);
    color: var(--secondary-color);
}

/*********************
END: INFO ARTICLE FOR SINGLE SERVICE PAGE
*********************/


/*********************
START: STEPS FOR SINGLE SERVICE PAGE
*********************/
.steps--box {
    padding: 3.75rem 5rem;
    border: 1px solid var(--baseLight-color);
    background-color: rgba(103, 59, 182, 0.1);
    border-radius: var(--border-radius-20);
    box-shadow: 0px 0px 25px 0px rgba(18, 15, 53, 0.25);
}

.steps--box h2.steps--title {
    text-align: center;
    font-weight: 600;
    line-height: var(--line-height150);
    color: var(--secondary-color);
}

.steps--info {
    padding: 1.25rem 2rem;
    margin-block: 1.5rem;
    text-align: center;
    color: var(--baseLight-color);
    background-repeat: no-repeat;
    background-position: center;
    font-size: var(--text-xl);
    font-weight: 500;
    line-height: var(--line-height130);
    background-image: url("../img/bg-vector.svg");
	background-position: center;
    background-size: contain;
}

.steps--info img {
    width: 26px;
    height: 40px;
}

.steps--box ul li {
    font-weight: 400;
    padding-inline-start: 1rem;
    position: relative;
    line-height: var(--line-height150);
    color: var(--secondary-color);
    margin-block-end: 1.5rem;
    text-align: justify;
}

.steps--box ul li::before {
    position: absolute;
    content: "";
    top: 4px;
    right: 0;
    width: 13px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url("../img/icons/list-vector.svg");
}

.steps--counseling {
    display: grid;
    row-gap: 1.5rem;
    column-gap: 1.5rem;
    grid-template-columns: repeat(2, 1fr);
}

.steps--counseling>div {
    padding: 2rem 2.5rem;
    border-radius: var(--border-radius-20);
}

.steps--counseling>div:first-child {
    color: var(--baseLight-color);
    background-color: var(--primary-color);
}

.steps--counseling>div:last-child {
    background-color: var(--green-color);
    color: var(--secondary-color);
}

.steps--counseling>div h3 {
    font-weight: 600;
    line-height: var(--line-height150);
}

.steps--counseling>div>p {
    font-weight: 400;
    line-height: var(--line-height150);
    margin-block: 0.75rem 2rem;
}

.steps--counseling>div ol {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
}

.steps--counseling>div ol li {
    display: flex;
    column-gap: 0.25rem;
}

.steps--counseling>div ol li img {
    max-width: 15px;
}

.steps--counseling>div ol li p {
    font-weight: 500;
    line-height: var(--line-height150);
}

.steps--counseling>div:last-child ol li img,
.steps--update img {
    filter: brightness(0) saturate(100%) invert(8%) sepia(5%) saturate(6207%) hue-rotate(206deg) brightness(102%) contrast(92%);
}

.steps--update {
    color: var(--secondary-color);
    display: block;
    margin-inline: auto;
    font-weight: 400;
    text-align: center;
    margin-block-start: 2.5rem;
    line-height: var(--line-height150);
}

/*********************
END: STEPS FOR SINGLE SERVICE PAGE
*********************/

/*********************
START: SINGLE POST
*********************/
.singlePost--content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/* aside */
.singlePost aside {
    width: 28%;
    position: sticky;
    top: 45px;
    align-self: flex-start;
}

.content--category {
    background-color: #E8FFF7;
    padding: 2rem;
    border-radius: var(--border-radius-20);
}

.category--title,
.lwptoc_header .lwptoc_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: var(--text-xl);
    line-height: var(--line-height160);
    margin-block-end: 1.5rem;
}

.content--category .lwptoc-light .lwptoc_i .lwptoc_item a:hover{
	border-bottom: none !important;
}

ul.category--list ,
.lwptoc_itemWrap {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
}

ul.category--list li a,
.lwptoc-light .lwptoc_i A{
    position: relative;
    padding-inline-start: 1rem;
    font-weight: 500;
    font-size: var(--text-lg);
	width: 100%;
	display: block;
    line-height: var(--line-height140);
    color: var(--secondary-color) !important;
}

.lwptoc_i .lwptoc_item a:hover{
	border-bottom: npne !important;
}

.lwptoc_header {
    margin-bottom: 0 !important;
}

ul.category--list li a::before ,
.lwptoc-light .lwptoc_i A:before{
    position: absolute;
    content: "";
    top: 4px;
    right: 0;
    width: 13px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url("../img/icons/list-vector.svg");
}

.lwptoc-light .lwptoc_i{
	background: transparent !important;
	padding: 0 !important;
	width: 100%;
}

.work--time {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 330px;
    height: 273px;
    position: relative;
    background-size: cover;
    margin-block-start: 3.75rem;
    padding: 3rem;
    background-image: url(../img/bg-working-address.svg);
}

.work--time img {
    width: 42px;
    height: 40px;
    margin-block-end: 1.25rem;
}

.work--time span {
    margin-block-start: 0.5rem;
    font-weight: 600;
}

/* showCase */
.singlePost--showCase {
    width: 70%;
}

.singlePost--showCase h1,
.singlePost--showCase h2,
.singlePost--showCase h3,
.singlePost--showCase h4,
.singlePost--showCase h5,
.singlePost--showCase h6 {
    color: var(--secondary-color);
    line-height: var(--line-height140);
    margin-block: 4rem 1rem;
}

.singlePost--showCase p,
.singlePost--showCase div{
    text-align: justify;
    color: var(--secondary-color);
    line-height: var(--line-height160);
    margin-block-end: 1.25rem;
}

.singlePost--showCase p a,
.singlePost--showCase ul >li >a,
.singlePost--showCase ol > li >a{
	color: var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
}

.singlePost--showCase ul,
.singlePost--showCase ol {
    margin-block-end: 3rem;
    row-gap: 0.75rem;
    display: flex;
    flex-direction: column;
    border-radius: var(--border-radius-20);
	background-color: #E8E6FA;
	padding:2rem 1.5rem;
	row-gap: 1.5rem;
}

.singlePost--showCase ul li,
.singlePost--showCase ol li {
    position: relative;
    color: var(--secondary-color);
    line-height: var(--line-height160);
    font-weight: 500;
	padding-inline-start: 1rem;
}

.singlePost--showCase ul li:before,
.singlePost--showCase ol li:before{
	position: absolute;
    content: "";
    top: 4px;
    right: 0;
    width: 13px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url(../img/icons/list-vector.svg);
}

/* voice-player */
.singlePost--showCase .voice-player {
    background-color: rgba(240, 245, 228, 0.5);
    border-radius: var(--border-radius20);
    padding: 2rem;
    line-height: var(--line-height160);
    margin-block-end: var(--space-section-blogContent-showCase);
}

.singlePost--showCase .voice-player p {
    color: var(--green-color-2);
    margin-block-start: 0.5rem;
    font-weight: 600 !important;
}

.singlePost--showCase .voice-player audio {
    width: 100%;
    filter: sepia(0) saturate(100%) grayscale(0) contrast(221%) invert(0%);
}


/* video */
.singlePost--showCase video ,
.singlePost--showCase .wp-video{
    position: relative;
    object-fit: cover;
}

.singlePost--showCase .wp-video{
	direction: ltr;
	margin-block-end: 2rem;
}

.h_iframe-aparat_embed_frame{
	margin-block: 2.5rem;
}

.h_iframe-aparat_embed_frame iframe{
	border: none;
}

.singlePost--showCase .wp-video .overlay {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: var(--border-radius-20);
    background: linear-gradient(to bottom, rgba(33, 30, 52, 0.6) 0%, rgba(76, 58, 113, 0.6) 100%);
}

.singlePost--showCase .wp-video .overlay.active {
    display: none;
}


.singlePost--showCase .wp-video video {
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
    object-fit: cover;
/*     border-radius: var(--border-radius-20); */
}

.playerVideo {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 2;
}


.wp-video-shortcode video,
video.wp-video-shortcode {
    width: 100% !important;
    vertical-align: middle;
}

/* img */
.singlePost--showCase img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

.singlePost--showCase img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

.singlePost--showCase .alignright {
    float: right;
}

.singlePost--showCase .alignleft {
    float: left;
}

.singlePost--showCase img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.singlePost--showCase img{
	  max-width: 75%;
}

.singlePost--showCase video {
	   max-width: 100%;
}

.singlePost--showCase img,
.singlePost--showCase video {
    width: initial;
    height: auto;
    border-radius: var(--border-radius-20);
    margin-block-end: 2rem;
    margin-inline: auto;
    display: block;
}

/* 
.singlePost--showCase video {
    aspect-ratio: 900 / 550;
    object-fit: cover;
} */


/* important-message */
.important-message {
    padding: 2rem;
    border-radius: var(--border-radius-20);
    background-repeat: no-repeat;
    background-size: cover;
	margin-block-end: 2rem;
    background-image: url("../img/bg-important-message.png");
}

.important-message>div {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
    margin-block-end: 1.18rem;
}

.important-message p{
	margin-block-end: 0 !important;
}

.important-message>div img {
    width: 30px;
    height: 30px;
    margin: 0;
}

.important-message>div h4 {
    font-weight: 600;
    color: var(--primary-color);
    font-size: 22px;
    margin: 0;
    line-height: var(--line-height120);
}


/* related-posts-more */
.related-posts-more {
    margin-block: 2.5rem;
    padding: 1.5rem 2rem;
    position: relative;
    background-color: var(--green-color);
    border-radius: var(--border-radius-20);
}

.related-posts-more::before {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 4px;
    height: calc(100% - 2rem);
    border-radius: 4px;
    background-color: var(--baseLight-color);
}

.related-posts-more p {
    margin-block-end: 0;
    position: relative;
    font-weight: 400;
    font-size: var(--text-xl);
}

.related-posts-more p a {
    font-weight: 600;
}


/* share */
.share {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.5rem;
    align-items: center;
    margin-block: 4rem;
}

.share h4 {
    font-weight: 600;
    margin: 0;
    color: var(--secondary-color);
}

.share ul {
    display: flex;
    align-items: center;
    column-gap: 0.75rem;
    margin-block-end: 0;
	padding: 0;
	flex-direction: row;
    background-color: transparent;
}

.share ul li{
	padding: 0 !important;
	background-color: transparent;
}

.share ul li::before {
    content: unset;
}

.share ul li a img {
    width: 30px;
    height: 30px;
    margin-block-end: 0;
}


/* cooperation */
.cooperation {
    padding: 3.75rem;
    border-radius: var(--border-radius-20);
    background-color: rgba(103, 59, 182, 0.1);
}

.cooperation h3 {
    text-align: center;
    font-size: var(--text-3xl);
    line-height: var(--line-height150);
    font-weight: 600;
    color: var(--secondary-color);
    margin-block: 0 2rem;
}

.cooperation>ul {
    background-color: unset;
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
    margin-block-end: 0;
	padding: 0 !important;
}

.cooperation>ul>li {
    padding: 2rem;
    border-radius: var(--border-radius-20);
}

.cooperation>ul>li h4 {
    text-align: center;
    font-size: 22px;
    line-height: var(--line-height150);
    font-weight: 600;
    margin-block: 0 2rem;
}

.cooperation>ul>li:first-child {
    background-color: var(--primary-color);
}

.cooperation>ul>li:first-child h4,
.cooperation>ul>li:first-child>ol>li>a {
    color: var(--baseLight-color);
}

.cooperation>ul>li:last-child {
    background-color: var(--green-color);
}

.cooperation>ul>li:last-child h4,
.cooperation>ul>li:last-child>ol>li>a {
    color: var(--secondary-color);
}

.cooperation>ul>li:last-child>ol>li>a img {
    filter: brightness(0) saturate(100%) invert(8%) sepia(5%) saturate(6207%) hue-rotate(206deg) brightness(102%) contrast(92%);
}

.cooperation>ul>li>ol {
    margin: 0;
    width: 80%;
    margin-inline: auto;
    background-color: transparent;
    display: flex;
    align-items: center;
	flex-direction: row;
    justify-content: space-between;
    column-gap: 0.5rem;
    flex-wrap: wrap;
	padding: 0;
}

.cooperation>ul>li:before,
.cooperation>ul>li>ol> li:before{
	content: unset !important;
}

.cooperation>ul>li>ol> li{
	padding: 0 !important;
	background-color: transparent;
}

.cooperation>ul>li>ol>li>a {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
    font-weight: 500;
    font-size: var(--text-lg);
}

.cooperation>ul>li>ol>li>a img {
    border-radius: 0;
    margin: 0;
}


/* comments */
.mycm {
  width: 100%;
  margin-block-end: 7rem;
}

.comments-area{
  padding: 2.5rem;
  background-color: #E8FFF7;
  border-radius: 25px;
  max-width: 1000px;
   margin-inline: auto;
}

.comment-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  padding-block-end: 2rem;
  margin-block-end: 2rem;
}

.comment-form:before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(45, 50, 58, 0) 0%,
    rgba(45, 50, 58, 0.5) 50%,
    rgba(45, 50, 58, 0) 100%
  );
}

.comment-form .comment-notes,
.comment-form .comment-form-comment,
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-cookies-consent {
  margin-block-end: 1rem;
}

.comment-form .comment-form-comment,
.comment-form .comment-form-cookies-consent,
.comment-form .form-submit {
  width: 100%;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email {
  width: 49%;
}

.comment-form .avatar,
.Forimgcm .avatar {
  border-radius: 50% !important;
  width: 100px !important;
  height: 100px !important;
}

.comment-form cite a {
  font-weight: 600;
  font-style: normal;
}

#reply-title {
  color: var(--baseDark-color);
  margin-block-end: 1.5rem;
  text-align: center;
}

.comment-respond #reply-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-size: var(--text-4xl);
  /*     justify-content: center; */
}

.logged-in-as {
  margin-block-end: 1rem;
}

.logged-in-as > a {
  color: var(--primary-color);
  border-bottom: 1px solid var(--primary-color);
  font-size: var(--text-lg);
  font-weight: 600;
  padding-block-end: 2px;
  line-height: var(--line-height160);
}

.comment-form .comment-form-comment textarea,
.comment-form .comment-form-author input,
.comment-form .comment-form-email input {
  margin-block: 0.5rem;
  width: 100%;
  font-family: var(--font-family);
  background-color: var(--baseLight-color);
  border: 1px solid rgba(48, 50, 58, 0.3);
}

.comment-form .comment-form-comment textarea {
  border-radius: var(--border-radius-10);
  padding: 1rem;
}

.comment-form .comment-form-author input,
.comment-form .comment-form-email input {
  padding: 0.6rem;
  border-radius: var(--border-radius60);
}

.comment-form .comment-form-cookies-consent input {
  margin-inline-end: 0.5rem;
}

.form-submit .submit {
  margin-inline-start: auto;
}

.UnderAllCm ol {
  list-style-type: none;
}

.comment-body {
  position: relative;
  margin-block-end: 1.5rem;
  padding-block-end: 1.5rem;
		word-break: break-word;
    overflow-wrap: anywhere;
}

.comment.byuser.comment-author-superadmin {
  position: relative;
}

.comment-body:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(
    to right,
    rgba(48, 50, 58, 0) 0%,
    rgba(48, 50, 58, 0.5) 50%,
    rgba(48, 50, 58, 0) 100%
  );
}

ol.comment-list > li > .comment-body:before {
  bottom: 0;
}

ol.children > li > .comment-body {
  background-color: var(--baseLight-color);
  border-radius: var(--border-radius-20);
  padding: 2rem;
  margin-inline-start: 3rem;
  margin-block-end: 3rem;
}

ol.children > li > .comment-body:before {
  bottom: -1.5rem;
}

ol.children > li > ol.children > li > .comment-body {
  margin-inline-start: 4.5rem;
}

.comment-details {
  margin-block-start: 1rem;
}

.comment-details cite.fn {
  display: block;
  margin-block-end: 18px;
  font-size: var(--text-2xl);
  font-weight: bold;
  font-style: normal;
}
.comment-details a {
	word-break: break-word;
    overflow-wrap: anywhere;
}
.comment-text p {
  line-height: var(--line-height160);
  margin-block-start: 1rem;
  font-size: var(--text-lg);
	text-align: justify;
}

.reply,
.comment-reply-title small a {
  padding-block: 0.5rem;
  padding-inline: 1rem;
  border-radius: var(--border-radius-10);
  background: transparent;
  color: var(--purple-color);
  border: 1px solid rgba(24, 39, 82, 0.5);
  width: max-content;
  margin-inline-start: auto;
  font-weight: 500;
  font-size: 12px;
}

.reply {
  padding-inline: 1.25rem;
  margin-block-start: 2rem;
}

.form-submit input[type="submit"].submit {
  background-color: var(--primary-color);
  padding: 0.5rem 2rem;
  color: var(--baseLight-color);
	border: none !important;
  border-radius: var(--border-radius-20);
}

.comment-edit-link {
  color: var(--primary-color) !important;
  border-bottom: 1px solid var(--primary-color);
  margin-inline-start: 0.5rem;
}

.Forimgcm {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}

.Forimgcm cite {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
}

form textarea,
form input[type="email"],
form input[type="text"],
form input[type="search"],
form input[type="number"],
form textarea {
  background-color: var(--baseLight-color);
}
.comment-meta a {
  font-size: 13px;
  color: #30322a;
}
.comment-wrapper {
  display: flex;
  align-items: flex-start;
}

/*********************
END: SINGLE POST
*********************/


/*********************
START: BLOGS ARCHIVE
*********************/
.blogs ul {
    display: grid;
    row-gap: 1rem;
    column-gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
    margin-block-start: 2.5rem;
}

.blogs ul li {
    padding: 1.25rem 1.25rem 4rem 1.25rem;
    border-radius: var(--border-radius-20);
    box-shadow: 0px 0px 25px 1px rgba(193, 193, 193, 0.6);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
}

.blogs ul li picture img {
    width: 100%;
    height: auto;
    aspect-ratio: 383 / 220;
    object-fit: cover;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border: 2px solid var(--baseLight-color);
    border-radius: var(--border-radius-20);
    box-shadow: 0px 0px 25px 1px rgba(193, 193, 193, 0.6);
}

.blogs ul li h5 {
    font-weight: 600;
    margin-block: 1.25rem;
    line-height: var(--line-height130);
}

.blogs ul li p {
    font-weight: 400;
    text-align: justify;
/*     line-height: var(--line-height130); */
    margin-block-end: 1.25rem;
}

.blogs ul li a {
    font-weight: 500;
    color: var(--purple-color);
    line-height: var(--line-height130);
}

.blogs ul li a:last-child{
	position: absolute;
	bottom: 1.5rem;
}
/*********************
END: BLOGS ARCHIVE
*********************/

/*********************
START: MEDIA
*********************/
@media screen and (min-width: 1440px) {
    .infoArticle--items ul li {
        font-size: var(--text-sm);
    }

    /* steps */
    .steps--box h2.steps--title {
        font-size: 40px;
    }

    .steps--box ul li {
        font-size: var(--text-xl);
    }

    .steps--counseling>div h3 {
        font-size: 22px;
    }

    .steps--counseling>div>p {
        font-size: var(--text-lg);
    }
	
	 /* blogs */
    .blogs ul li h5 {
        font-size: var(--text-2xl);
    }

    .blogs ul li p,
    .blogs ul li a {
        font-size: var(--text-lg);
    }
}

@media screen and (min-width: 1320px) and (max-width: 1439px) {
    .steps--box h2.steps--title {
        font-size: var(--text-4xl);
    }

    .steps--box ul li {
        font-size: var(--text-lg);
    }
	
	/* 	blogs */
	.blogs ul li h5 {
        font-size: var(--text-xl);
    }
}

@media screen and (max-width: 1319px) {

    /* steps */
    .steps--box h2.steps--title {
        font-size: var(--text-3xl);
    }

    .steps--box ul li {
        font-size: var(--text-lg);
    }

    /* cooperation */
    .cooperation>ul>li>ol {
        width: 90%;
    }
	
	/* 	single-post */
	.comment-form .avatar, .Forimgcm .avatar {
		width: 80px !important;
		height: 80px !important;
	}
	
	/* 	blogs */
	.blogs ul li h5 {
        font-size: var(--text-lg);
    }
}

@media screen and (max-width: 1200px) {
    .infoArticle--content {
        row-gap: 1rem;
        flex-direction: column;
    }

    .infoArticle--items,
    .infoArticle--score {
        width: 100%;
    }
	
	.work--time {
		font-size: var(--text-base) !important;
	}
	
	.work--time span{
		font-size: var(--text-sm) !important;
	}
	
	.work--time {
    	width: 275px;
		height: 227px;
	}

    /* steps */
    .steps--box {
        padding: 3rem 4rem;
    }
	
	.steps--info{
		font-size: var(--text-lg);
	}

    /* cooperation */
    .cooperation>ul>li>ol {
        width: 100%;
    }
	
	 /* blogs */
    .blogs ul {
        column-gap: 1rem;
    }
	
	/* 	single-post */
	.comment-form .avatar, .Forimgcm .avatar {
		width: 70px !important;
		height: 70px !important;
	}
	
	.comment-respond #reply-title{
		font-size: var(--text-3xl);
	}
}

@media screen and (max-width: 992px) {

    /* steps */
    .steps--box {
        padding: 3rem;
    }

    .steps--counseling {
        grid-template-columns: repeat(1, 1fr);
    }

	.steps--info{
		font-size: var(--text-base);
	}
	
	/* 	cooperation */
	.cooperation{
		padding: 3rem;
	}

    /* singlePost */
    .singlePost--content {
        flex-direction: column;
    }

    .singlePost aside,
    .singlePost--showCase {
        width: 100%;
    }

    .singlePost aside {
        position: unset;
    }
	
	.singlePost--showCase img{
		  max-width: 90%;
	}

    .category--title,
	.lwptoc_header .lwptoc_title{
        margin-block-end: 0;
    }

    ul.category--list,
	.lwptoc_items .lwptoc_itemWrap{
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        margin-block-start: 0;
       overflow: hidden;
    }
	
	.lwptoc{
		margin: 0 !important;
	}
	
	.lwptoc_header.active ~ .lwptoc_items .lwptoc_itemWrap .lwptoc_item:first-child{
		padding-block-start: 1.5rem;
	}
	
	.rtl .lwptoc_header {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

    ul.category--list li:first-child {
        padding-block-start: 1rem;
    }

	.work--time{
		display: none;
		margin-inline: auto;
		margin-block: 2rem;
	}
	 /* blogs */
    .blogs ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
	.singlePost--showCase p,
	.singlePost--showCase div{
		line-height: var(--line-height180);
	}
	
	.singlePost--showCase img{
		  max-width: 100%;
	}
	
	.steps--info {
		padding: 1rem 0.5rem;
        font-size: var(--text-sm);
    }
	
	.steps--box {
        padding: 3rem 2rem;
    }
	
	.steps--info img {
		width: 20px;
		height: 34px;
	}
	
	.steps--counseling>div{
		padding: 2rem;
	}
	
	/* 	cooperation */
	.cooperation{
		padding: 2.5rem;
	}
	
	.cooperation h3{
		font-size: var(--text-2xl);
	}
	
	.cooperation>ul>li>ol> li {
		width: 100%;
		justify-content: center;
    	display: flex;
    	align-items: center;
	}
	
	.comments-area{
		padding: 2rem;
	}
	
	.comment-respond #reply-title{
		font-size: var(--text-2xl);
	}
	
	ol.children > li > .comment-body {
		margin-inline-start: 1rem;
	}
}

@media screen and (max-width: 576px) {

	.infoArticle--items ul li{
		width: 50% !important;
		font-size: 11px;			
	}
	
	.infoArticle--items ul::after{
		top: -3px;
	}

	.infoArticle--items ul::before {
		bottom: -3px;
	}
	
	.category--title, .lwptoc_header .lwptoc_title {
		font-size: var(--text-lg);
	}
	
	.content--category{
		padding: 1.5rem 1.25rem
	}
	
	.rtl .lwptoc_header img{
		width: 13px;
	}
	
	.singlePost--showCase ul, 
	.singlePost--showCase ol{
		    padding: 2rem 1rem;
	}
	
	.steps--box{
		padding: 2rem 1rem;
	}
	
    .steps--box ul li {
        font-size: var(--text-base);
    }
	
	.steps--info{
		background-size: cover;
		border-radius: var(--border-radius-10);
	}
	
	.steps--counseling>div{
		padding: 2rem 1.5rem;
	}
	
	/* 	cooperation */
	.cooperation{
		padding: 2rem;
	}
	
	.cooperation h3{
		font-size: var(--text-xl);
	}
	
	/* blogs */
    .blogs ul {
        grid-template-columns: repeat(1, 1fr);
    }
	
	.blogs ul li{
		padding: 1.5rem;
	}
	
	.blogs ul li a:last-child{
		position: unset;
		bottom: unset;
	}
	
	/* 	comments */
	.comments-area{
		padding: 2rem 1.5rem;
	}
	
	.comment-text p{
		font-size: var(--text-base);
	}
	
	ol.children > li > .comment-body {
		margin-inline-start: 0.5rem;
		padding: 1.25rem;
	}
	
    .comment-form .avatar, .Forimgcm .avatar {
        width: 60px !important;
        height: 60px !important;
    }
}

@media screen and (max-width: 425px) {
	/* 	cooperation */
	.cooperation{
		padding: 2rem 1rem;
	}
	
	.category--title, .lwptoc_header .lwptoc_title {
		font-size: var(--text-base);
	}
	
	.comments-area{
		padding: 2rem 1rem;
	}
}

@media screen and (max-width: 375px) {
}

/*********************
END: MEDIA
*********************/