.node.node--type-service.clearfix::after {
    display: none;
}

/*============================== VIEW BLOCK 1 ==============================*/
#services-block .view.view-services.view-id-services.view-display-id-block_1 .view-content { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; gap: 24px 20px; }
#services-block .view.view-services.view-id-services.view-display-id-block_1 .view-footer { display: flex; margin-top: 64px; }
#services-block .view.view-services.view-id-services.view-display-id-block_1 .view-footer a { font: 600 20px / 1.3 var(--font-family); color: #5834b4; display: flex; flex-direction: row; align-items: center; }
#services-block .view.view-services.view-id-services.view-display-id-block_1 .view-footer a::after { 
    content: '';
    background-color: #5834b4;
    -webkit-mask: url(/sites/all/themes/vesta_theme/image/icons/arrow-link.svg) no-repeat center;
    mask: url(/sites/all/themes/vesta_theme/image/icons/arrow-link.svg) no-repeat center;
    width: 8px;
    height: 8px;
    margin-left: 14px;
    transition: all 0.3s ease;
}
#services-block .view.view-services.view-id-services.view-display-id-block_1 .view-footer a:hover { color: var(--hover-color); }
#services-block .view.view-services.view-id-services.view-display-id-block_1 .view-footer a:hover::after { background-color: var(--hover-color); }

@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
    #services-block .view.view-services.view-id-services.view-display-id-block_1 .view-content { gap: 16px; }
    #services-block .view.view-services.view-id-services.view-display-id-block_1 .view-footer { justify-content: center; margin-top: 28px;  }
    #services-block .view.view-services.view-id-services.view-display-id-block_1 .view-footer a { font-size: 18px; }
}
@media screen and (max-width: 575px) {
}
/*==========================================================================*/

/*============================== VIEW PAGE SERVICES ==============================*/
.wr-page-services .wr-service-banner {
    width: 100%;
    height: auto;
    min-height: 520px;
    background: url(/sites/all/themes/vesta_theme/image/bg-services.png) center / cover no-repeat;
    padding: 121px 0 122px;
    color: white;
    margin-bottom: 40px!important;
}
.wr-page-services .wr-service-banner .wr-content { max-width: 849px; }
.wr-page-services .wr-service-banner h2 {
    font: 600 54px / 1.2 var(--third-family);
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: white;
}
.wr-page-services .wr-service-banner p {
    font: 400 18px / 1.6 var(--font-family);
    margin-top: 24px;
}

.wr-page-services .wr_content .block.block-page-title-block h1 { margin-bottom: 24px; }



.wr-page-services .wr_content #block-vesta-theme-tekstnastranicesuslugami {
    font: 400 18px / 1.6 var(--font-family);
    margin-top: 48px;
}


.view.view-services.view-id-services.view-display-id-page_1 .view-header { max-width: 900px; margin-bottom: 48px; font: 400 18px / 1.6 var(--font-family); color: #353535; }

.view.view-services.view-id-services.view-display-id-page_1 .view-content { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; gap: 24px 20px; }
@media screen and (max-width: 991px) {
    .wr-page-services .wr-service-banner { min-height: auto; }
    .wr-page-services .wr-service-banner h2 { font-size: 30px; }
}
@media screen and (max-width: 767px) {
    .wr-page-services .wr-service-banner { padding: 60px 0 60px; min-height: auto; }
    .view.view-services.view-id-services.view-display-id-page_1 .view-content { gap: 16px; }
}
/*================================================================================*/


/*============================== TEASER ==============================*/
.node.node--type-service.node--view-mode-teaser-with-body,
.node.node--type-service.node--view-mode-teaser {
    width: 178px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    padding: 28px 20px;
    border: 1px solid #dbdadd;
    border-radius: 4px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.node.node--type-service.node--view-mode-teaser-with-body:hover,
.node.node--type-service.node--view-mode-teaser:hover {
    background: #000;
    color: #fff;
}

.node.node--type-service.node--view-mode-teaser-with-body .group-top,
.node.node--type-service.node--view-mode-teaser .group-top { display: flex; flex-direction: column; gap: 24px; }
.node.node--type-service.node--view-mode-teaser-with-body .group-top .field.field--name-field-service-icon,
.node.node--type-service.node--view-mode-teaser .group-top .field.field--name-field-service-icon { display: grid; justify-items: center; }
.node.node--type-service.node--view-mode-teaser-with-body .group-top .field.field--name-field-service-icon img,
.node.node--type-service.node--view-mode-teaser .group-top .field.field--name-field-service-icon img { width: 52px; height: 52px; transition: all 0.3s ease; }
.node.node--type-service.node--view-mode-teaser-with-body:hover .group-top .field.field--name-field-service-icon img,
.node.node--type-service.node--view-mode-teaser:hover .group-top .field.field--name-field-service-icon img { filter: brightness(0) invert(1); }

.node.node--type-service.node--view-mode-teaser-with-body .group-top .field.field--name-node-title,
.node.node--type-service.node--view-mode-teaser .group-top .field.field--name-node-title { font: 600 15px / 1.5 var(--font-family); letter-spacing: -0.03em; text-transform: uppercase; color: var(--text-color); transition: all 0.3s ease; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; }
.node.node--type-service.node--view-mode-teaser-with-body:hover .group-top .field.field--name-node-title,
.node.node--type-service.node--view-mode-teaser:hover .group-top .field.field--name-node-title { color: #fff; }

.node.node--type-service.node--view-mode-teaser-with-body .group-bottom .link-more,
.node.node--type-service.node--view-mode-teaser .group-bottom .link-more { font: 400 13px / 1.3 var(--font-family); color: #5834b4; display: flex; flex-direction: row; align-items: center; transition: all 0.3s ease; }
.node.node--type-service.node--view-mode-teaser-with-body .group-bottom .link-more::after,
.node.node--type-service.node--view-mode-teaser .group-bottom .link-more::after { 
    content: '';
    background-color: #5834b4;
    -webkit-mask: url(/sites/all/themes/vesta_theme/image/icons/arrow-link.svg) no-repeat center;
    mask: url(/sites/all/themes/vesta_theme/image/icons/arrow-link.svg) no-repeat center;
    width: 8px;
    height: 8px;
    margin-left: 8px;
    transition: all 0.3s ease;
}
.node.node--type-service.node--view-mode-teaser-with-body:hover .group-bottom  .link-more,
.node.node--type-service.node--view-mode-teaser:hover .group-bottom  .link-more { color: #fff; }
.node.node--type-service.node--view-mode-teaser-with-body:hover .group-bottom  .link-more::after,
.node.node--type-service.node--view-mode-teaser:hover .group-bottom  .link-more::after { filter: brightness(0) invert(1); }

@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
    .node.node--type-service.node--view-mode-teaser { width: 156px; padding: 24px 16px; }
    .node.node--type-service.node--view-mode-teaser .group-top { gap: 16px; }
    .node.node--type-service.node--view-mode-teaser .group-top .field.field--name-node-title { font: 600 14px / 1.4 var(--font-family); }
}
@media screen and (max-width: 575px) {
}
/*====================================================================*/

/*============================== TEASER WITH BODY ==============================*/
.node.node--type-service.node--view-mode-teaser-with-body { width: 277px; gap: 24px; max-height: 340px; }
.node.node--type-service.node--view-mode-teaser-with-body .group-top .field.field--name-node-title {
    font: 600 20px var(--font-family);
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #353535;
}

.node.node--type-service.node--view-mode-teaser-with-body .group-top .field.field--name-body.field--type-text-with-summary {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.node.node--type-service.node--view-mode-teaser-with-body .group-top .field.field--name-field-service-icon { margin-bottom: 16px; }
.node.node--type-service.node--view-mode-teaser-with-body .group-top { gap: 16px; }

.node.node--type-service.node--view-mode-teaser-with-body .group-bottom .link-more { font: 400 14px / 1.3 var(--font-family); }



@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 575px) {
}
/*==============================================================================*/

/*============================== FULL ==============================*/
.wr-node-service-full .field--name-node-title { margin-bottom: 40px; }
.wr-node-service-full .wr-service-top { display: flex; flex-direction: row; gap: 30px; }
.wr-node-service-full .group-left { flex: 1 1 auto; }
.wr-node-service-full .group-right { flex: 0 0 313px; }

.wr-node-service-full .wr-service-top .group-left .field--name-node-title { margin-bottom: 40px; }
.wr-node-service-full .wr-service-top .group-left .field--name-field-service-image img { width: 100%; height: auto; object-fit: cover; border-radius: 14px; margin-bottom: 48px; }

.wr-node-service-full .wr-service-top .group-left .field--name-body { font: 400 18px / 1.6 var(--font-family); margin-bottom: 32px; }
.wr-node-service-full .wr-service-top .group-left .field--name-body b { color: #000; }


.wr-node-service-full .wr-service-top .group-right { display: flex; flex-direction: column; gap: 30px; }
.wr-node-service-full .wr-service-top .group-right .block-title { font: 700 20px / 1.3 var(--font-family); text-transform: uppercase; color: #000; margin-bottom: 0; }
.wr-node-service-full .wr-service-top .group-right .wr-services,
.wr-node-service-full .wr-service-top .group-right .wr-contacts { display: flex; flex-direction: column; gap: 24px; padding: 32px 40px; background: #f1f1f1; border-radius: 10px; }
.wr-node-service-full .wr-service-top .group-right .wr-services .view-services .view-content { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 7px; }
.wr-node-service-full .wr-service-top .group-right .wr-services .view-services .views-row a { font: 400 14px / 1.6 var(--font-family); letter-spacing: -0.03em; text-transform: uppercase; color: #454545; }
.wr-node-service-full .wr-service-top .group-right .wr-services .view-services .views-row a:hover { text-decoration: underline; text-decoration-skip-ink: none; color: #5834b4; }
.wr-node-service-full .wr-service-top .group-right .wr-contacts .contacts { display: flex; flex-direction: column; gap: 16px; }
.wr-node-service-full .wr-service-top .group-right .wr-contacts .contacts .contact-item { font: 400 16px / 1.3 var(--font-family); align-items: flex-start; gap: 8px; }
.wr-node-service-full .wr-service-top .group-right .wr-contacts .contacts .contact-item img { margin-top: 2px; }   
.wr-node-service-full .wr-service-top .group-right .wr-contacts .contacts .contact-item a { font: 400 16px / 1.3 var(--font-family); color: #353535; }
.wr-node-service-full .wr-service-top .group-right .wr-contacts .contacts .contact-item a:hover { color: var(--hover-color); }


.wr-node-service-full .wr-service-bottom .wr-prices > p { font: 600 20px / 1.6 var(--font-family); margin-bottom: 24px; }

.wr-node-service-full .wr-service-bottom .wr-prices .field--name-field-prices { overflow-x: auto; font: 400 18px / 1.6 var(--font-family); margin-bottom: 32px; }
.wr-node-service-full .wr-service-bottom .wr-prices .field--name-field-prices b { color: #000; }


.wr-page-service-node #callback-block {
    background: url(/sites/all/themes/vesta_theme/image/bg-callback.png) center / cover no-repeat;
    margin-bottom: 0;
}

.wr-page-service-node #callback-block .region-callback #block-vesta-theme-poluchitkonsultaciyu h2 { color: #000; }
.wr-page-service-node #callback-block .region-callback #block-vesta-theme-poluchitkonsultaciyu p { color: var(--text-color); }
.wr-page-service-node #callback-block .block.block-webform .webform-submission-form.webform-submission-callback-form {
    --form-color: #353535;
}
.wr-page-service-node #callback-block .block.block-webform .webform-submission-form.webform-submission-callback-form .form-item { 
    --form-item-color: #868686;
    --form-item-border-color: #dbdbdb;
    --form-item-error: #dc3545;
    --form-item-placeholder: #868686;
    --form-checkbox-color: #353535;
}

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

}
@media screen and (max-width: 767px) {
    .wr-node-service-full .field--name-node-title { margin-bottom: 24px; }
    .wr-node-service-full .wr-service-top .group-left .field--name-body { font-size: 16px; }
}
@media screen and (max-width: 575px) {
}
/*==================================================================*/