.post-cases{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.single-post-cases{
    display: flex;
    width: 100%;
    max-width: 1200px;
    justify-content: space-between;
    border-radius: 32px;
    background: #FFF;
    padding: 20px;
    cursor: pointer;
    position: relative;
    overflow: hidden;

    box-shadow: 0 1px 4px rgba(12, 12, 13, 0.05);

}
.img-article-container{
    width: 100%;
    max-width: 537px;
}
.img-article-container::after{
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(100%, -100%);
    background-image: url(/wp-content/uploads/2025/01/Frame-2087326671.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transition: .5s ease;

    @media screen and (max-width: 480px) {
        width: 40px;
        height: 40px;
        transform: translate(-20px, 20px);
    }
}

@media (hover: hover) and (min-width: 481px) {
    .single-post-cases:hover .img-article-container:after {
        transform: translate(-40px, 40px);
    }
}

.single-post-cases .text-article-container{
    padding: 20px;
    width: 50%;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 35px;

}
.single-post-cases .text-article-container .text.text h2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;

    color: #070707;
    font-size: clamp(20px,4vw,32px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    max-width: 490px;
    margin-bottom: 8px;

    
    
}
.text-article-container .single-tag-article ul li{
    padding: 6px 16px;
}
.single-post-cases .text-article-container .text.text p {
    color: #4D4D4D;
    font-size: clamp(14px,4vw,16px);
    font-style: normal;
    font-weight: 300;
    line-height: 26px; /* 162.5% */


    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;

}


.text-article-container .tags-article{
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.text-article-container .tags-article span{
    color: #000;
    font-size: clamp(16px,4vw,20px);
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 32px */
    letter-spacing: 0.2px;
    width: max-content;

    display: flex;
    gap: 12px;
    align-items: center;

 }
 .text-article-container .tags-article span svg{
    width: 32px;
    height: 32px;

    border: 1px solid #ACB0B3;
    border-radius: 32px;
    transition: 0.5s ease;
 }
 .text-article-container .tags-article span:hover svg{
    background-color: #000;

 }
 .text-article-container .tags-article span:hover svg path{
    fill: none;
    stroke: #fff
 }
.text-article-container .tags-article li{
    display: flex;
    padding: 6px 10px 6px 6px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 32px;
    border: 1px solid #212121;
}

.single-post-cases .img-article-container img{
    border-radius: 30px;
    width: 100%;
    max-width: 537px;
    height: auto;
    max-height: 425px;
    object-fit: cover;
}

@media (max-width:900px) {
.single-post-cases{
    flex-direction: column-reverse;
    
}
.single-post-cases .text-article-container {
    width: 100%;
}
.single-post-cases .img-article-container img {
    max-width: 100%;
}
.our-cases__tags {
scrollbar-width: none;
}
.single-post-cases .text-article-container .text.text h2 {
    margin-bottom: 16px;
}

.single-post-cases_main:first-child .services-list__item-ellipse-1 {
display: none;
}
.single-post-cases_main:first-child .services-list__item-ellipse-2 {
display: none;
}

}
.page-template-page-case-studies .section-el{
    overflow: hidden;
}
.tax-case_category .section-el{
    overflow: hidden;
}
.single-post-cases_main{
    position: relative;
    width: 100%;


}
.single-post-cases_main:nth-child(3n + 1) .services-list__item-ellipse-1 {
    top: -65%;
    left: -28%;
    width: 694px;
    height: 799px;
    transform: rotate(-112deg);
    border-radius: 799px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
}
.single-post-cases_main:nth-child(3n + 1) .services-list__item-ellipse-2 {
    top: -52%;
    right: -43%;
    width: 841px;
    height: 967px;
    transform: rotate(127deg);
    border-radius: 967px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
}


.single-post-cases_main:nth-child(3n + 2) .services-list__item-ellipse-1 {
    top: -88%;
    left: -38%;
    width: 931px;
    height: 893px;
    transform: rotate(154deg);
    border-radius: 931px;
    opacity: 0.5;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
}
.single-post-cases_main:nth-child(3n + 2) .services-list__item-ellipse-2 {
    top: -38%;
    right: -28%;
    width: 905px;
    height: 868px;
    transform: rotate(127deg);
    border-radius: 905px;
    opacity: 0.5;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
}

#load-more{
    background-color: #191A23;
    color: #FFFFFF;
    display: flex;
    padding: 14px 53.5px 13px 54.5px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    gap: 8px;
    margin: 15px auto;
}


@media (max-width:750px) {
    .single-post-cases .text-article-container .text.text h2 {
        line-height: 32px;
    }
}
@media (max-width:500px) {
    .single-post-cases {
        padding: 10px;
    }
    .single-post-cases .img-article-container img {
        max-height: 245px;
        min-height: 245px;
        object-fit: cover;
    }
}



/* Табы на FAQ */
.faq_page{
    padding: 40px 0px 120px 0px;
}

.faq_page .container{
    display: flex;
    flex-direction: column;
}

.title-section{
    display: flex;
    position: relative;
    gap: 15px;
}
.faq_page h1{
    color: #000;
    font-size: clamp(32px,4vw,50px);
    font-style: normal;
    font-weight: 700;
    line-height: 62px;
}

.faq_page h1 i{
    font-weight: 300;
}

.faq_page .faq__item-stars{
    display: none;
}

.tabs-container {
   width: 100%;
   display: flex;
   justify-content: space-between;
   gap: 32px;

   padding: 52px 0px 200px 0px;
}

.tabs {
    display: flex;
    max-width: 387px;
    flex-wrap: wrap;
    height: fit-content;

    gap: 12px;
    list-style: none;
    padding: 0;

}

.tab {
    display: flex;
    padding: 10px 18px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    border: 1px solid #C9C9C9;
    height: fit-content;
    cursor: pointer;

    color: #333;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
}

.tab.active {
    background: #191A23;
    color:#FFF;


}

.tab-content {
    display: none;

}

.tab-content.active {
    display: flex;
}

.tab_content_main{
    display: flex;
    flex-direction: column;
    width: calc(100% - 390px);
    align-items: flex-end;
}

.questions_section{
    position: relative;
}
.questions_section .services-list__item-ellipse-1 {
    top: -1%;
    left: -54%;
    width: 659px;
    height: 750px;
    transform: rotate(-112deg);
    border-radius: 799px;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
}
.questions_section .services-list__item-ellipse-2 {
    top: -47%;
    left: 98%;
    width: 764px;
    height: 859px;
    transform: rotate(154deg);
    border-radius: 931px;
    opacity: 0.5;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(226, 57, 209, 0.20) 0%, rgba(240, 240, 240, 0.00) 59.6%);
}
.questions_section .services-list__item-ellipse-3 {
    top: 14%;
    left: 98%;
    width: 764px;
    height: 859px;
    transform: rotate(154deg);
    border-radius: 931px;
    opacity: 0.5;
    background: radial-gradient(84.92% 79.24% at 50% 50%, rgba(111, 226, 57, 0.40) 0%, rgba(240, 240, 240, 0.00) 59.6%);
}



@media (max-width:900px) {
    .faq_page{
        padding: 40px 0px 60px 0px;
    }
    .tabs-container{
        flex-direction: column;
        padding: 24px 0px 60px 0px;

    }
    .tabs{
        width: 100%;
        max-width: none;
        gap: 8px;

        scrollbar-width: none;
        flex-wrap: nowrap;
        overflow: scroll;
    }
    .tab{
        white-space: nowrap;
    }
    .tab_content_main{
        width: 100%;
    }
    .faq_page h1{
        font-weight: 500;
        line-height: 43px;
    }

}
@media (max-width:550px) {
    .faq_page .faq__item-stars{
        display: block;
    }
    .questions_section .services-ellipse{
        display: none;
    }
}

/* Style for single case template */

.case_prototyping{
    padding: 120px 0;
}
.case_prototyping .container{
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.case_prototyping .text_content{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
}

.case_prototyping .text_content p{
    max-width: 569px;
    color: #191A23;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
    
}
.case_prototyping .prototyping_content{
    display: flex;
    scrollbar-width: none;
    flex-wrap: nowrap;
    overflow: scroll;
    gap: 20px;
}
.case_prototyping .prototyping_content .case_prototyping_single{
    padding: 50px 0px;
    width: calc(33.3% - 20px);
    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 24px;
    background: var(--5, linear-gradient(180deg, #E4E2FF 0%, #FFF 100%));
}
.case_prototyping .prototyping_content video{
    max-width: 220px;
    border: 4px solid black;
    border-radius: 30px;
}


.case-gallery__phase_3{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    padding-bottom: 32px;
}
.case-gallery__phase_3 h2{
    max-width: 366px;
}

.case-gallery__phase_3 p{
    max-width: 569px;
    color: #191A23;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
}
.case-gallery__phase_3 a{
    display: flex;
    gap: 12px;
    align-items: center;
    padding-top: 24px;
}
.case-gallery__phase_3 a span{
    color: #000;
    font-size: clamp(16px,4vw,20px);
    font-style: normal;
    font-weight: 500;
    line-height: 160%; 
    letter-spacing: 0.2px;

 }
 .case-gallery__phase_3 a svg{
    width: 32px;
    height: 32px;

    border: 1px solid #ACB0B3;
    border-radius: 32px;
    transition: 0.5s ease;
 }
 .case-gallery__phase_3 a:hover  svg{
    background-color: #000;

 }
 .case-gallery__phase_3 a:hover svg path{
    fill: none;
    stroke: #fff
 }

.case-phase .case-description-text , .case_prototyping .text_content .case-description-text{
    color: #7D7D7D;
    font-size: clamp(16px,4vw,20px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
}

 @media (max-width:900px) {
    .case_prototyping {
        padding: 72px 0;
    }
    .case_prototyping .case-description-text , .case-gallery__phase_3 .case-description-text{
        margin: 0;
    }
    .case_prototyping .text_content , .case-gallery__phase_3 {
        flex-direction: column;
        align-items: flex-start;
    }
    .case_prototyping .text_content p , .case-gallery__phase_3 p {
        max-width: none;
    }

    .case_prototyping .prototyping_content .case_prototyping_single {
        padding: 35.5px 62.3px;
        width: auto;
    }
    .case_prototyping .prototyping_content video {
        max-width: 145px;
    }
 }

 /* Style for services  */

 .comprehensive_block .icon-title-descr__title-wrap:has(.icon-title-descr__subtitle) {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 16px;
}
.comprehensive_block .icon-title-descr__title-wrap:has(.icon-title-descr__subtitle) .icon-title-descr__title {
    width: 57%;
}
.comprehensive_block .icon-title-descr__subtitle {
    color: #191A23;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
}
.comprehensive_block .icon-title-descr__item-title {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
}
.comprehensive_block .icon-title-descr__item-icon{
    color: #000;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; 
    letter-spacing: 0.24px;
}
.comprehensive_block .icon-title-descr__item{
    border: 1px solid #C9C9C9;
}
.comprehensive_block .icon-title-descr__items {
    margin-top: 40px;
}
@media (max-width:640px) {
    .comprehensive_block .icon-title-descr__title-wrap:has(.icon-title-descr__subtitle) .icon-title-descr__title {
        width: 100%;
    }
    .comprehensive_block .icon-title-descr--simple .icon-title-descr__item-icon {
        margin: 0;
    }
    .comprehensive_block .icon-title-descr--simple .icon-title-descr__item {
        text-align: start;
    }

}

.audit_main_section{
    overflow: hidden;

    padding: 100px 0px;

}
.audit_main_section .container{
    display: flex;
    gap: 24px;
    justify-content: space-between;

    position: relative;
    z-index: 3;

}
.audit_main_section .book_consultation{
    max-width: 510px;
}

.audit_main_section .book_consultation h2{
    color: #000;
    font-size: clamp(32px,4vw,40px);
    font-style: normal;
    font-weight: 500;
    line-height: 50px; 
}
.audit_main_section .book_consultation p{
    color: #191A23;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.14px;

    padding: 16px 0px 32px 0px;
}
.audit_main_section .book_consultation button{
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    background: #191A23;

    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.audit_main_section .book_consultation button:hover{
box-shadow: 0px 4px 14px 0px rgba(145, 255, 14, 0.34);
color: #E8FFCC;
}
.audit_services{
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 590px;
}

.audit_services article{
    display: flex;
    gap: 16px;
}

.audit_services article div:nth-child(1){
display: flex;
flex-direction: column;
gap: 6px;
align-items: center;
}

.audit_services article div:nth-child(1) span{
    width: 100%;
    max-width: 48px;
    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 30px;
}
.audit_services article div:nth-child(1) span.bordered-num {
    border: 1px solid #bbb;
}
.choose_services .audit_services article div:nth-child(1) span{
    background-color: #F2F2F2;
}
.audit_services article div:nth-child(1) span img{
    padding: 12px;
}

.audit_services article div:nth-child(1) .border{
    width: 2px;
    height: 100%;
    background: linear-gradient(to bottom, rgba(187, 187, 187, 0) 0%, #BBBBBB 44%);
    border-left: 2px dashed #BBBBBB;
}

.audit_services article div:nth-child(2){
display: flex;
flex-direction: column;
gap: 20px;
width: calc(100% - 48px);
}

.audit_services article div:nth-child(2) h3{
    color: #000;
    font-family: 'Poppins-SemiBold', sans-serif;
    font-size: clamp(16px,4vw,20px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 30px */
    letter-spacing: .01em;
}

.audit_services article div:nth-child(2) p{
    color: #7F7F7F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.14px;
    padding-bottom: 48px;


}

.audit_services article:last-child .border{
    display: none;
}

.audit_services article:last-child div:nth-child(2) p{
    padding: 0;
}

.audit_main_section button{
    display: none;
}

@media (max-width:900px){
    .audit_main_section{
        padding: 60px 0px;

    }
    .audit_main_section .container{
        flex-direction: column;
    }
    .audit_main_section .book_consultation h2{
        line-height: 44px; /* 137.5% */
    } 
    .audit_main_section .book_consultation p{
        line-height: 28px; /* 200% */
        padding: 16px 0px 0px 0px;
    }
    .audit_services article div:nth-child(2){
        gap: 8px;
    }
    .audit_main_section .book_consultation button{
        display: none;
    }
    .audit_services article div:nth-child(2) p{
        padding-bottom: 24px;

    }
    .audit_main_section button{

        display: flex;
        width: fit-content;
        padding: 16px 32px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 16px;
        background: #191A23;
        
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
}




.banner-website-audit .hiring-block__avatar.hiring-block__avatar-left {
    bottom: 0;
    top: auto;
}
.banner-website-audit .hiring-block__avatar.hiring-block__avatar-right {
    top: 0;
    bottom: auto;
}
.security-banner-audit__tag-3{
    right: calc(100% + -100px);
    top: 133px;
    z-index: 2;
    border-radius: 40px 0px 40px 40px;
    text-wrap: nowrap;
}

@media (max-width: 1057px) {
    .banner-website-audit .banner-audit__item {
    padding: 196px 66px;
}
}
@media (max-width: 1024px) {
    .banner-website-audit .hiring-block__avatar-pc {
        display: block;
    }
}
@media (max-width: 991px) {
    .banner-audit__tag.security-banner-audit__tag-3 {
        display: inline-block;
        position: initial;
        padding: 8px 18px;
        border-radius: 40px;
        margin-bottom: 12px;
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .banner-website-audit .banner-audit__item {
        padding: 106px 24px 140px;
    }
    .banner-website-audit .hiring-block__avatar.hiring-block__avatar-left {
        width: 200px;
    }
    .banner-website-audit .hiring-block__avatar.hiring-block__avatar-right {
        width: 200px;
    }
}


/* Блок we serve */

.we-serve-add-style .we-serve__title {
    text-align: start;
}

.we-serve-add-style .we-serve__description{
    color: #191A23;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    max-width: 783px;
    padding-top: 32px;
}
.we-serve-add-style .we-serve__list {
    justify-content: flex-start;
}
@media (max-width: 990px) {
    .we-serve-add-style .we-serve__description{
    padding-top: 16px;
    }
}