.applyContainer{
    grid-template-columns: repeat(3, 1fr);
}

.applyBlock{
    background: rgba(49, 49, 49, 1);
    box-shadow: 0px 0.25rem 0.7rem 0px rgba(221, 188, 102, 0.25);
    border: 0.1rem solid rgba(221, 188, 102, 1);
    padding: 0.75rem 1rem;
    border-radius: 0.8rem;
}
.faqTypeButton-container{
    position: relative;
    padding: 0.2rem;
}
.faqTypeButton{
    font-size: 1.2rem;
    transition: all 0.4s ease;
    cursor: pointer;
    color: rgba(49, 49, 49, 1);
}
.faqTypeButton.active, .faqTypeButton:hover{
    color: rgba(221, 188, 102, 1);
}


.faqTypeButton-line{
    position: absolute;
    width: 0rem;
    left: 0;
    bottom: 0;
    height: 0.1rem;
    background-color: rgba(221, 188, 102, 1);
    transition: all 0.5s ease;
}

.faqContainer{
    display: none;
}
.faqContainer.active{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}
.faqBlock-title, .priceBlock-title{
    position: relative;
    width: 100%;
    cursor: pointer;
    transition: all 0.4s ease;
}
.faqBlock-title::after, .priceBlock-title::after {
    position: absolute;
    top: 50%;
    content: "";
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'><path d='M13.125 3.12512L1.87501 3.12512C1.76111 3.12547 1.64946 3.15689 1.55209 3.21598C1.45471 3.27507 1.37529 3.35959 1.32239 3.46046C1.26948 3.56133 1.24508 3.67472 1.25182 3.78842C1.25856 3.90212 1.29618 4.01183 1.36063 4.10574L6.98563 12.2307C7.21876 12.5676 7.78001 12.5676 8.01376 12.2307L13.6388 4.10574C13.7039 4.01203 13.742 3.90226 13.7492 3.78837C13.7563 3.67448 13.732 3.56082 13.6791 3.45974C13.6261 3.35866 13.5465 3.27402 13.4488 3.21503C13.3511 3.15603 13.2391 3.12494 13.125 3.12512Z' fill='%23F5EEDB'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    right: 0.75rem;
    transform: rotate(0deg) translateY(-50%);
     transition: all 0.4s ease;
     color: rgba(255, 255, 255, 1);
}

.faqBlock.active .faqBlock-title, .faqBlock-title:hover, .priceBlock.active .priceBlock-title, .priceBlock-title:hover{
    color: rgba(221, 188, 102, 1);
}

.faqBlock.active .faqBlock-title::after, .priceBlock.active .priceBlock-title::after{
    color: rgba(221, 188, 102, 1);
    transform: rotate(180deg) translateY(50%);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'><path d='M13.125 3.12512L1.87501 3.12512C1.76111 3.12547 1.64946 3.15689 1.55209 3.21598C1.45471 3.27507 1.37529 3.35959 1.32239 3.46046C1.26948 3.56133 1.24508 3.67472 1.25182 3.78842C1.25856 3.90212 1.29618 4.01183 1.36063 4.10574L6.98563 12.2307C7.21876 12.5676 7.78001 12.5676 8.01376 12.2307L13.6388 4.10574C13.7039 4.01203 13.742 3.90226 13.7492 3.78837C13.7563 3.67448 13.732 3.56082 13.6791 3.45974C13.6261 3.35866 13.5465 3.27402 13.4488 3.21503C13.3511 3.15603 13.2391 3.12494 13.125 3.12512Z' fill='rgba(221, 188, 102, 1)'/></svg>");
}

.faqBlock{
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}
.faqBlock-text{
    display: none;
}
.priceBlock{
    background-color: rgba(24, 24, 24, 1);
    border: 0.15rem solid rgba(221, 188, 102, 1);
    box-shadow: -0.25rem 0.25rem 0px 0px rgba(80, 71, 50, 0.5);
    border-radius: 0.55rem;
}

.priceBlock-title{
    padding: 1rem;
}

.priceBlock-children{
    display: none;
    width: 100%;
    border-top: 0.15rem solid rgba(221, 188, 102, 1);
    padding: 1rem;
}
.priceBlock.active .priceBlock-title,  .priceBlock-title:hover{
    background-color: rgba(24, 24, 24, 1);
}
.caseContainer{
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
}
.caseBlock-container{
    transition: all 0.5s ease;
    padding-bottom: 3rem;
    cursor: pointer;
    text-decoration: none;
}
.caseBlock-container:hover{
    padding-bottom: 2rem;
}
.caseBlock-container:hover .caseBlock{
    background-color: rgba(49, 49, 49, 1);
    gap: 0.5rem;
}
.caseBlock{
    transition: all 0.5s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    border-radius: 0.8rem;
    padding: 0.75rem 1rem;
    background: rgba(24, 24, 24, 1);
    border: 0.1rem solid rgba(221, 188, 102, 1);
    box-shadow: 0px 0.3rem 0.7rem 0px rgba(221, 188, 102, 0.25);
    font-size: 1rem;
    line-height: 1rem;
    justify-content: center;
    cursor: pointer;
}
.caseBlock-title{
    height: 2rem;
}
.tegs{
    text-decoration: none;
    color: rgba(245, 238, 219, 1);
    font-size: 0.9rem;
    background: rgba(23, 23, 23, 1);
    border-radius: 0.3rem;
    padding: 0.3rem 0.6rem;
}
.caseBlock-h{
    position: relative;
    text-align: end;
    padding-right: 2rem;
    font-size: 0.7rem;
}
.caseBlock-text{
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.caseBlock-h::after {
    position: absolute;
    top: 60%;
    content: "";
    display: inline-block;
    width: 1rem;
    height: 0.75rem;
   background-image: url("data:image/svg+xml,%3Csvg%20width%3D'23'%20height%3D'13'%20viewBox%3D'0%200%2023%2013'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M14.4096%200.5L22%206.49999L14.4096%2012.5M20.4754%206.49999L0.999999%206.49999'%20stroke%3D'%23C6A55E'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");

    background-size: contain;
    background-repeat: no-repeat;
    right: 0.75rem;
    transform:  translateY(-50%);
     transition: all 0.4s ease;
}

.butdop{
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    background: rgba(46, 46, 46, 1);
    border: 0.1rem solid rgba(221, 188, 102, 1);
    box-shadow: -0.25rem 0.25rem 0.25rem 0px rgba(80, 71, 50, 0.5);
    text-decoration: none;
    transition: all 0.5s ease;
}
.butdop:hover{
    background: rgba(24, 24, 24, 1);
}

@media(max-width:991px){
    .applyContainer{
        grid-template-columns: repeat(1, 1fr);
    }
    .faqTypeButton{
        font-size: 1rem;
    }
    .caseContainer{
        grid-template-columns: repeat(1, 1fr);
    }

    .caseBlock-container{
        padding-bottom: 1rem;
    }
    .caseBlock-container:hover{
        padding-bottom: 0rem;
    }
}