.casesHead {
    padding: 39px 0 0;
}
.container {
}
.casesHead__heading {
}
.casesHead__heading h1 {
    font-size: 64px;
    text-transform: uppercase;
}
.portfolio-main__cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}
.portfolio-main__card {
    flex: 0 0 calc(33% - 10px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.case h1 {
    font-size: 2.4rem;
}
.case h2 {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.1;
}
.cards__img {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    max-height: 360px;
}
.cards__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 2 / 1.4;
	    border-radius: 16px;
    overflow: hidden;
}
.portfolio-main__title {
    max-width: 84%;
}
.case-row {
}
.portfolio-card {
    flex: 0 0 calc(33% - 10px);
    position: relative;
    /* padding-bottom: 5rem; */
}
.portfolio-card.portfolio-card-full {
    flex: 0 0 100%;
}
.case-cart {
}
.case__block {
    padding-bottom: 98px;
}
.case__row {
    display: flex;
    gap: 65px;
    justify-content: space-between;
}
.case-cart-photoblock {
    flex: 55%;
    width: 55%;
}
.case-cart-slider-topPhoto {
    border-radius: 17px;
    overflow: hidden;
}
.case__slider-arrows {
}
.case-cart-slider-big {
}
.imgstopLoad {
}
.gall-item-hover {
}
.single-photo {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.case-cart-slider-big .single-photo {
    aspect-ratio: 2 / 1.4;
}
.case-cart-slider-small {
    margin-top: -1.2rem;
    visibility: hidden;
    height: 0;
    opacity: 0;
}
.case-cart-slider-small.load {
    visibility: visible;
    height: auto;
    opacity: 1;
}
.case-cart-slider-small .slick-track {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0;
}
.case-cart-slider-small .slick-list {
    padding: 20px 0px 0 !important;
}
.case-cart-slider-small .slick-slide {
    margin: 0 5px;
    border-radius: 24px;
    overflow: hidden;
    /* width: 160px !important; */
}
.case-cart-slider-small .slick-slide.slick-center {
    margin-top: -20px;
    /* width: 200px !important; */
}
.case-cart-slider-small .slick-slide.slick-center .case-cart-image-small {
}
.case-cart-slider-small .slick-slide.slick-center .case-cart-image-small img {
    /* width: 200px; */
}
.case-cart-slider-small .slick-slide.slick-center .case-cart-image-small .fullImage {
    width: 210px;
}
.case-cart-image-small {
}
.case__header_block {
    flex: 45%;
}
.header-box {
}
.case__desc {
    padding: 11px 0 24px;
}
.case h1 {
    margin-bottom: 0.8rem;
}
.case__desc p {
    line-height: 1.4;
    font-size: 16px;
    max-width: 29rem;
}
.case__desc p:first-of-type {
    font-size: 1.5rem;
    margin: 0rem 0 1.6rem;
    line-height: 1.1;
    max-width: 100%;
}
.case__point {
    font-weight: 800;
    display: flex;
    gap: 90px;
}
.case__point-item {
    flex: 0 0 49%;
}
.case__point-item ul {
}
.case__point-item ul li {
    font-weight: 400;
    padding-left: 1.1rem;
    font-size: 14px;
    line-height: 1.8;
    position: relative;
}
.case__point-item ul li::before {
    position: absolute;
    content: "";
    background: url(../i/list-icon.svg);
    left: 0px;
    top: 0.4rem;
    width: 11px;
    height: 11px;
}
.case__point-item p {
    line-height: 1.1;
}
.case__point-item p em {
    display: block;
    font-size: 14px;
    font-style: normal;
    max-width: 13rem;
}
.case__point-item span {
    display: block;
    font-size: 16px;
    margin-bottom: 0.5rem;
}
.case__tools {
    padding-top: 1.2rem;
}
.case__tools ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.case__tools ul li {
    font-size: 14px;
    padding: 14px 27px;
    background: #2b2b2b38;
    border-radius: 10rem;
    border: 1px solid #0000001f;
    cursor: pointer;
    transition: all 0.3s ease;
}
.case__tools ul li:hover {
    transform: translate(0px, -3px);
    transition: all 0.3s ease;
}
.case__heading {
    max-width: 43rem;
    margin-bottom: 83px;
}
.case__steps {
}
.case__steps_nav {
    display: flex;
    gap: 10px;
    z-index: 9;
    position: relative;
    margin: 0 -1px;
}
.case__steps_nav .cost__nav-item.active .case__steps-span {
    font-weight: 600;
}
.case__steps-num {
    position: absolute;
    background: url(../../i/contur.webp);
    width: 67px;
    height: 67px;
    top: 1px;
    left: 1px;
    background-size: 100% 100%;
    border-top-left-radius: 30px;
    padding: 10px 16px 0 0;
}
.case__steps_tab {
    background: var(--color-bg-gray);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 37px 26px;
    position: relative;
}
.case__steps .cost__tabs-border {
    border: 1px solid var(--text-color);
    background: transparent;
    border-bottom-right-radius: 21px;
    border-bottom-left-radius: 21px;
    height: calc(100% + 2px);
    width: calc(100% + 1.2px);
}
.case__steps_tab-photo-lupa {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    background: #fff;
    padding: 0.5rem 0.7rem;
    border-radius: 10px;
    pointer-events: none;
}
.case__steps-visible-content {
    display: none;
    top: 0;
    padding: 37px 24px;
}
#blog {
    color: var(--txt-color);
}
.case__steps_tab-item {
}
.case__steps_tab-item.active {
}
.case__steps_tab-item.active .case__steps-visible-content {
    display: block;
}
.case__steps_tab-row {
    display: flex;
    gap: 38px;
    flex-wrap: wrap;
    justify-content: space-between;
    background: var(--color-bg-gray);
}
.case__steps_tab-photo {
    flex: 0 0 50%;
    position: relative;
}
.case__steps_tab-photo img {
    border-radius: 20px;
}
.case__steps_tab-body {
    flex: 0 0 40%;
}
.case__steps_tab-body p {
}
.case__steps_tab-body p:first-of-type {
    font-size: 24px;
    font-weight: 600;
}
.case__steps_nav-element {
    padding: 31px 1rem;
    cursor: pointer;
    flex: 1 1 10%;
    text-align: center;
}
.portfolio-main__tab {
    display: flex;
    cursor: pointer;
    margin: 0 10px 10px 0;
}
.portfolio-main__tab.reset {
}
.portfolio-main__tab.reset span {
    background: none;
}
.portfolio-main__tab.reset span:hover {
    background: none;
}
.portfolio-main__tab.reset span:hover a {
    border-bottom: 1px solid #2b2b2b;
    color: #2b2b2b;
}
.portfolio-main__tab.reset span a {
    border-bottom: 1px solid #2b2b2b7d;
    font-size: 18px;
    padding-bottom: 6px;
    color: #2b2b2b7d;
}
.portfolio-main__tab input {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
.portfolio-main__tab span {
    display: inline-flex;
    font-size: 20px;
    line-height: 130%;
    color: var(--txt-color);
    border-radius: 15px;
    padding: 13px 13px 13px 32px;
    background: var(--color-bg-gray);
    align-items: center;
}
.portfolio-main__tab span.portfolio-main__tab-count {
    padding: 0;
    margin-left: 14px;
    background: #e5e5e5;
    border-radius: 5px;
    width: 36px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.portfolio-main__tab:hover span.portfolio-main__tab-count {
    background: #937ff0;
}
.portfolio-main__tabs-head {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.portfolio-main .tab--active,
.portfolio-main__tab input:checked ~ span,
.portfolio-main__tab:hover span {
    color: #fff;
    background: var(--color-violet);
}
.case__body-search {
    padding-bottom: 64px;
}
.search-form {
    display: flex;
    align-items: center;
    position: relative;
}
.search-field {
    border: none;
    padding: 32px;
    padding-left: 4rem;
    background: var(--color-bg-gray);
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    flex: 1 1 100%;
}
.search-button {
    background: var(--text-color);
    padding: 32px 64px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.search-button span {
    padding: 0;
    min-width: auto;
}
.search-button:visited,
.search-button:focus,
.search-button:active {
    padding: 32px 64px;
}
.search-button .btn {
}
#filterCases {
    padding: 41px 0 37px;
}
#cases {
    padding-top: 0;
}
.case-card-body {
    padding: 0 14px 12px;
}
.portfolio-main__card .tags {
    gap: 10px;
    display: flex;
    padding-top: 12px;
    flex-wrap: wrap;
    /* position: absolute;
    bottom: 2rem; */
}
.portfolio-main__card .tags span {
    padding: 6px 15px;
    border: 1px solid #2b2b2b5c;
    border-radius: 5rem;
    font-size: 14px;
}
.case__steps-span {
    z-index: 9;
    position: relative;
    font-size: 20px;
}
.adaptiveBox {
    max-width: 1150px;
    margin: 0 auto;
}
.adaptiveBox-row {
    display: flex;
    gap: 5rem;
    align-items: center;
}
.adaptiveBox-item {
}
.adaptiveBox-item-phone {
    position: relative;
    overflow-y: scroll;
    height: 825px;
    border-radius: 66px;
    padding: 94px 0.5rem;
}
.adaptiveBox-item-phone::-webkit-scrollbar {
    width: 0;
}
.adaptiveBox-item-border {
    position: absolute;
    top: 0;
    width: 100%;
    left: 50%;
    transform: translate(-50%);
    z-index: 0;
    pointer-events: none;
}
.adaptiveBox-item-border img {
    z-index: 8;
    position: relative;
}
.adaptiveBox-item-img {
}
.adaptiveBox-item-img img {
    width: 100%;
}
.adaptiveBox-item-text {
    flex: 0 0 566px;
}
.adaptiveBox-item-text h2 {
    margin-top: 2rem;
}
.adaptiveBox-item-text p {
}
.adaptiveBox-item-text p:first-of-type {
    /* font-size: 64px;
    font-weight: 800;
    line-height: 1.1;
    padding-bottom: 1.5rem; */
}
.adaptiveBox-relative {
    flex: 0 0 408px;
    position: relative;
}
.product-semilar {
    background: var(--color-bg-gray);
}
.product-semilar h2 {
    font-size: 40px;
    font-weight: 800;
}
.product-semilar .header {
    padding-bottom: 44px;
}
.casePage.road {
    margin: 0;
}
.case__body-search-icon {
    position: absolute;
    left: 2rem;
    top: 50%;
    transform: translate(0, -50%);
    pointer-events: none;
}
.case__body-search-icon svg {
}
.search-button.btn .search-button-mobile {
    display: none;
}
.sendCase {
    position: relative;
    margin: 2rem 0 4rem;
}
.sendCase .noice-box {
    padding: 45px 68px 45px 37px;
}
.sendCase h2 {
    font-weight: 800;
}
.sendCase__block {
    padding: 10px;
}
.sendCase__block_row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    z-index: 23;
    position: relative;
}
.sendCase__block_head {
    flex: 0 0 53%;
    padding-bottom: 100px;
}
.sendCase__block_content {
}
.sendCase__block_content p {
}
.sendCase__block_content p:first-of-type {
    font-size: 20px;
    text-transform: uppercase;
    padding-top: 2rem;
}
.sendCase__block_content ul {
}
.sendCase__block_content ul li {
    font-size: 18px;
    padding-left: 1.5rem;
}
.sendCase__block_form {
}
.sendCase__block_form .form-control {
    padding: 1.7rem 1rem 1.7rem;
    min-width: 353px;
}
.sendCase__block_form form {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.sendCase__block_form form .agreement-label .check {
    display: none;
}
.sendCase__block_form form .agreement-check {
    flex: 0 0 100%;
}
.sendCase__block_form form .form-group {
    margin: 0;
}
.sendCase__block_form form .form-group label {
    left: 2rem;
    top: 27px;
}
.sendCase__block_form form .button {
    width: 326px;
}
.sendCase__block_form form .button .btn-txt-box {
    background: var(--txt-color);
    color: #fff;
}
.sendCase__block_form form .button .btn-svg-box {
    background: var(--txt-color);
}
.sendCase__block_form form .button .btn-svg-box svg path {
    stroke: #fff;
}
.sendCase__block_form form .btn {
}
.sendCase__block_form form .btn .btn-txt-box {
}
.sendCase__block_form form .btn .btn-svg-box {
}
.sendCase__img {
    position: absolute;
    top: 8%;
    left: 50%;
    transform: translate(-62%);
}
.caseForm {
    padding: 5rem 0 5rem;
}
.caseForm__block {
    display: flex;
    gap: 4rem;
    align-items: center;
}
.caseForm__block__content {
    display: flex;
    gap: 0.5rem;
    flex: 0 0 50%;
}
.caseForm__block__content h2 {
    font-size: 40px;
}
.caseForm__block_img {
    flex: 0 0 105px;
}
.caseForm__block_body {
}
.text-color {
}
.caseForm__block_form {
    max-width: 477px;
}
.caseForm__block_form .hideLabels .form-group {
    background: #f9f9f9;
}
#breadcrumbs a {
    border-bottom: none;
    color: #2b2b2b78;
}
#breadcrumbs span {
    color: #2b2b2b78;
}
#breadcrumbs a:hover {
    border-bottom: none;
}
.road-footer {
    margin-top: 5rem;
}
.portfolio-main-content-box {
}
.portfolio-main-content-box-tags {
    display: flex;
    align-items: flex-start;
    min-height: 6.2rem;
}
#breadcrumbs .breadcrumbs__current {
    display: inline;
}
.road-footer {
    margin-top: 3rem;
}
.road-footer .agreement-check {
    display: none;
}