/*
.sp-container {
            margin: 0 auto;
            padding: 15px;
            max-width: 1400px;
        }
        .specialist-hero {
            position: relative;
            background: #ECFADC;
            border-radius: 20px;
            padding: 24px 16px;
        }
        .specialist-hero h1 {
            font-family: Playfair Display;
            font-size: 32px;
            font-weight: 400;
            line-height: 1.2;
            color: #36453B;
            margin: 0 0 16px;
        }
        .specialist-info-line {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 0 8px;
        }
        .specialist-info-line:not(.specialist-info-first) svg:last-of-type {
            display: none;
        }
        .specialist-text {
            margin: 0;
            font-family: Outfit;
            font-size: 20px;
            font-weight: 400;
            line-height: 1.6;
            opacity: .7;
        }
        .specialist-text-strong {
            opacity: 1;
        }
        .specialist-tags {
            margin: 16px 0 32px;
            display: flex;
            gap: 8px;
        }
        .specialist-tags>span {
            display: inline-block;
            background: #fff;
            padding: 2px 10px 2px 10px;
            border-radius: 16px;
            font-family: Outfit;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.6;
            color: #36453B;
        }
        .specialist-work {
            margin: 16px 0 32px;
        }
        .specialist-btn {
            display: inline-block;
            font-family: Outfit;
            font-size: 15px;
            font-weight: 400;
            line-height: 1;
            text-decoration: none;
            text-align: center;
            color: #36453B !important;
            padding: 10px 16px;
            border-radius: 25px;
            background: #9FD4A3;
        }
        .specialist-photo {
            background-size: cover !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            border-radius: 20px;
            height: 500px;
            width: 100%;
            margin: 0 0 16px;
        }
        @media screen and (min-width: 1200px) {
            .specialist-hero {
                padding: 30px 40px 40px;
            }
            .specialist-hero h1 {
                font-size: 50px;
            }
            .specialist-photo {
                width: 500px;
                position: absolute;
                right: 40px;
                top: 30px;
                margin: 0;
            }
            .specialist-hero .specialist-info-line {
                padding-right: 600px;
            }
            .specialist-tags>span {
                padding: 4px 18px;
                font-size: 18px;
            }
            .specialist-btn {
                font-size: 16px;
                padding: 10px 24px;
            }
        }
        .specialist-faq {
            margin: 32px 0 80px;
            padding: 0 24px;
            overflow: hidden;
        }
        .specialist-faq-item {
            padding: 16px 0;
            cursor: pointer;
        }
        .specialist-faq-item:not(:last-of-type) {
            border-bottom: 1px solid #DCDCDD;
        }
        .specialist-faq-question {
            position: relative;
            font-family: Outfit;
            font-size: 18px;
            font-weight: 600;
            line-height: 1.4;
            color: #36453B;
            padding-right: 64px;
            cursor: pointer;
            user-select: none;
        }
        .specialist-faq-question:after {
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29_1325' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='3' width='16' height='11'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.626382 4.13452C1.0169 3.73316 1.65005 3.73316 2.04056 4.13452L7.99998 10.2595L13.9594 4.13452C14.3499 3.73316 14.9831 3.73316 15.3736 4.13452C15.7641 4.53589 15.7641 5.18663 15.3736 5.58799L7.99998 13.1665L0.626382 5.588C0.235867 5.18663 0.235867 4.53589 0.626382 4.13452Z' fill='%23006FFD'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29_1325)'%3E%3Crect x='-0.0012207' y='16.4996' width='15.9994' height='15.9996' transform='rotate(-90 -0.0012207 16.4996)' fill='%2336453B'/%3E%3C/g%3E%3C/svg%3E%0A");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            content: '';
            position: absolute;
            right: 24px;
            top: 50%;
            width: 16px;
            height: 16px;
            margin-top: -8px;
            transition: transform 0.3s ease;
        }
        .specialist-faq-item.open .specialist-faq-question:after {
            transform: rotate(180deg);
        }
        .specialist-faq-answer {
            display: none;
            font-family: Outfit;
            font-size: 16px;
            line-height: 1.6;
            color: #36453B;
            margin: 16px 0 0;
            user-select: none;
        }
        .specialist-faq-item.open .specialist-faq-answer {
          display: block;
        }

        .specialist-faq-answer {
          max-height: 0;
          opacity: 0;
          overflow: hidden;
          transition: all 0.4s ease;
        }
        .specialist-faq-item.open .specialist-faq-answer {
          max-height: 1200px;
          opacity: 1;
        }
        @media screen and (min-width: 1200px) {
            .specialist-faq {
                padding: 0 50% 0 40px;
            }
            .specialist-faq-question {
                font-size: 22px;
            }
            .specialist-faq-answer {
                font-size: 18px;
            }
        }

        .specialist-list-dark {
            padding: 40px 0;
            background: #36453B;
        }
        .specialist-list-green {
            padding: 40px 0;
            background: #ECFADC;
        }
        .specialist-section-title {
            font-family: Playfair Display;
            font-size: 32px;
            font-weight: 400;
            line-height: 1.2;
            text-align: center;
            color: #36453B;
            margin: 0 0 40px;
        }
        .specialist-btn-wrap {
            text-align: center;
        }
        .specialist-list-wrap {
            margin: 0 0 32px;
        }
        .specialist-card {
            position: relative;
            border-radius: 20px;
            background: #fff;
            border: 1px solid #EAECF0;
            margin-bottom: 32px;
        }
        .specialist-card-photo {
            position: relative;
            border-radius: 20px 20px 0 0;
            background-size: cover !important;
            background-position: top center !important;
            background-repeat: no-repeat !important;
            height: 340px;
            width: 100%;
        }
        .specialist-card-tags {
            position: absolute;
            left: 16px;
            right: 16px;
            bottom: 10px;
            display: flex;
            flex-wrap: wrap;
            gap: 4px;
        }
        .specialist-card-tags span {
            background: #ECFADC;
            padding: 2px 8px;
            border-radius: 16px;
            font-family: Outfit;
            font-size: 13px;
            line-height: 1.4;
            text-align: left;
            color: #36453B;
        }
        .specialist-card-body {
            padding: 16px 16px 48px;
            position: relative;
            min-height: 280px;
        }
        .specialist-card-body h3 {
            font-family: Playfair Display;
            font-size: 18px;
            font-weight: 600;
            line-height: 1.4;
            color: #282828;
            margin: 0 0 4px;
        }
        .specialist-card-body .specialist-work {
            font-family: Outfit;
            font-size: 18px;
            font-weight: 400;
            line-height: 1.4;
            color: #36453B;
            margin: 0 0 8px;
        }
        .specialist-description {
            font-family: Outfit;
            font-size: 14px;
            line-height: 1.4;
            color: #727D76;
            margin: 0 0 8px;
        }
        .specialist-card-body .specialist-text {
            font-size: 16px;
        }
        .specialist-card-body .specialist-info-line {
            margin: 0 0 16px;
        }
        .specialist-card-btn-wrap {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: absolute;
            left: 16px;
            right: 16px;
            bottom: 16px;
        }
        .specialist-more-link {
            text-decoration: none;
            font-family: Outfit;
            font-size: 16px;
            font-weight: 400;
            line-height: 1;
            color: #36453B !important;
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .specialist-more-link svg {
            transition: all 0.2s ease;
        }
        .specialist-more-link:hover svg {
            margin-left: 8px;
            transition: all 0.2s ease;
        }
        !*.specialist-more-link:hover {
            color: #9FD4A3 !important;
        }
        .specialist-more-link:hover svg rect {
            fill: #9FD4A3;
        }*!
        @media screen and (min-width: 1200px) {
            .specialist-section-title {
                font-size: 50px;
            }
            .specialist-card-body h3 {
                font-size: 22px;
            }
            .specialist-list-wrap {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                gap: 24px;
            }
            .specialist-card {
                width: calc(25% - 24px);
            }
            .specialist-work {
                font-size: 18px;
            }
            .specialist-description {
                font-size: 16px;
            }
        }

.specialist-line-1 {
    margin-bottom: 8px !important;
}
.specialist-line-1,
.specialist-line-2 {
    position: relative;
    padding-left: 24px;
}
.specialist-line-1:before {
    position: absolute;
    left: 0;
    top: 4px;
    content: '';
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.13117 1C8.61988 0.999775 10.0578 1.52973 11.1766 2.49095C12.2954 3.45218 13.0185 4.77899 13.2111 6.22375L14.9354 8.878C15.0488 9.05275 15.0258 9.313 14.7629 9.424L13.2617 10.0525V12.25C13.2617 12.6478 13.1002 13.0294 12.8128 13.3107C12.5254 13.592 12.1356 13.75 11.7291 13.75H10.1972L10.1964 16H3.29957V13.2295C3.29957 12.3445 2.96546 11.5068 2.34551 10.7508C1.62341 9.86834 1.17073 8.80422 1.03962 7.681C0.908512 6.55777 1.10432 5.42115 1.60447 4.40209C2.10463 3.38302 2.88878 2.52299 3.86658 1.92109C4.84438 1.31918 5.97604 0.999887 7.13117 1ZM6.72502 5.32225C6.47214 5.08312 6.13342 4.95076 5.78179 4.95368C5.43017 4.9566 5.09379 5.09457 4.84509 5.33786C4.5964 5.58116 4.4553 5.91033 4.45217 6.25446C4.44904 6.59859 4.58415 6.93016 4.82838 7.17775L7.13117 9.43225L9.43396 7.17775C9.56201 7.05665 9.66415 6.9118 9.7344 6.75166C9.80465 6.59152 9.84161 6.41928 9.84312 6.24501C9.84463 6.07073 9.81067 5.89791 9.7432 5.73663C9.67574 5.57534 9.57613 5.42881 9.45019 5.3056C9.32425 5.1824 9.1745 5.08497 9.00967 5.01901C8.84485 4.95305 8.66825 4.91987 8.49019 4.92142C8.31212 4.92297 8.13616 4.95921 7.97256 5.02803C7.80896 5.09685 7.661 5.19687 7.53732 5.32225L7.13117 5.71975L6.72502 5.32225Z' fill='%239FD4A3'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.specialist-line-2:before {
    position: absolute;
    left: 0;
    top: 4px;
    content: '';
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_309_130)'%3E%3Cpath d='M8.00015 8.1C7.46971 8.1 6.96101 7.88929 6.58593 7.51421C6.21086 7.13914 6.00015 6.63043 6.00015 6.1C6.00015 5.56957 6.21086 5.06086 6.58593 4.68579C6.96101 4.31071 7.46971 4.1 8.00015 4.1C8.53058 4.1 9.03929 4.31071 9.41436 4.68579C9.78943 5.06086 10.0001 5.56957 10.0001 6.1C10.0001 6.36264 9.94842 6.62272 9.84791 6.86537C9.7474 7.10802 9.60008 7.3285 9.41436 7.51421C9.22864 7.69993 9.00816 7.84725 8.76551 7.94776C8.52286 8.04827 8.26279 8.1 8.00015 8.1ZM8.00015 0.5C6.51493 0.5 5.09055 1.09 4.04035 2.1402C2.99014 3.19041 2.40015 4.61479 2.40015 6.1C2.40015 10.3 8.00015 16.5 8.00015 16.5C8.00015 16.5 13.6001 10.3 13.6001 6.1C13.6001 4.61479 13.0101 3.19041 11.9599 2.1402C10.9097 1.09 9.48536 0.5 8.00015 0.5Z' fill='%239FD4A3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_309_130'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
*/



@property --btn-bg-percent1 {
    syntax: '<percentage>';
    initial-value: -2.76%;
    inherits: false;
}

@property --btn-bg-percent2 {
    syntax: '<percentage>';
    initial-value: 101.17%;
    inherits: false;
}
body a.blue-gradient-btn {
    background: linear-gradient(100.28deg, #9BBBF3 var(--btn-bg-percent1), #4D699A var(--btn-bg-percent2));
    transition: --btn-bg-percent1 .3s, --btn-bg-percent2 .2s !important;
}
body a.blue-gradient-btn:hover {
	background: linear-gradient(100.28deg, #9BBBF3 var(--btn-bg-percent1), #4D699A var(--btn-bg-percent2));
    --btn-bg-percent1: 20%;
    --btn-bg-percent2: 147.54%;
}