.template-vacancy section.textimg-1 h2 {
    font-size: clamp(1.25em, 5vw, 48px);
}

.template-vacancy .text p {
    font-size: 18px;
}

/*.template-vacancy section.textimg-1 figure{*/
/*	background-size: auto!important;*/
/*}*/


@media screen and (min-width: 1024px) {
    .template-vacancy section.textimg-1 .btn {
        font-size: 18px;
    }

    .template-vacancy section.textimg-1 .btn {
        font-size: 20px;
    }

    /*.template-vacancy section.textimg-1._textleft .textimg__figure{*/
    /*	grid-column-start: 13;*/
    /*}*/
}

@media screen and (max-width: 1023px) {
    .template-vacancy section.textimg-1 h2 {
        font-size: 48px;
    }

    .template-vacancy section.textimg-1 .btn {
        font-size: 18px;
    }

    .template-vacancy .text p {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .template-vacancy section.textimg-1 h2 {
        font-size: 40px;
    }

}

a.card-textimg {
    h2 {
        font-size: clamp(1.125em, 4vw, 1.75em);
    }

    p {
        margin-bottom: 2em;
        @media (width >= 1024px) {
            margin-bottom: 4em;
        }
    }

    .blog-item-details {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
        padding-block: 0.5rem;

        @media (width >= 1024px) {
            padding-block: 0.5rem 1.5rem;
        }


        span {
            position: relative;

            &:not(:first-child) {
                &:before {
                    content: '|';
                    position: absolute;
                    left: -10px;
                }
            }
        }
    }

    @media (width >= 1024px) {
        &._textleft {
            .textimg__text {
                grid-column-end: span 13;
            }

            .textimg__figure {
                grid-column-start: 14;
            }
        }

        &._textright {
            .textimg__text {
                grid-column-end: span 13;
            }
        }
    }
}

.template-blog-detail {
    .bodytext-1 {
        h2 {
            font-size: clamp(1.125em, 4vw, 1.75em);
        }

        h3 {
            font-size: clamp(1em, 4vw, 1.25em);
        }
    }

    .text {
        p {
            margin-bottom: 2em;
            @media (width >= 1024px) {
                margin-bottom: 3em;
            }
        }
    }
}

.social-share-1 {
    .social-links {
        gap: 32px;
        margin-top: 2rem;

        li {

        }

        a {
            scale: 1.5;
        }

        [class*=facebook] > a {
            background-image: url(/assets/cicons/facebook/13C6FA);

            &:before {
                background-image: url(/assets/cicons/facebook/000);
            }

        }

        [class*=instagram] > a {
            background-image: url(/assets/cicons/instagram/13C6FA);

            &:before {
                background-image: url(/assets/cicons/instagram/000);
            }

            &:hover, &:focus {
            }
        }

        [class*=linkedin] > a {
            background-image: url(/assets/cicons/linkedin/13C6FA);

            &:before {
                background-image: url(/assets/cicons/linkedin/000);
            }

            &:hover, &:focus {
            }
        }


        [class*=pinterest] > a {
            background-image: url(/assets/cicons/pinterest/13C6FA);

            &:before {
                background-image: url(/assets/cicons/pinterest/000);
            }

            &:hover, &:focus {
            }
        }

        [class*=twitter] > a {
            background-image: url(/assets/cicons/twitter/13C6FA);

            &:before {
                background-image: url(/assets/cicons/twitter/000);
            }

            &:hover, &:focus {
                background-image: none;
            }
        }


        [class*=vimeo] > a {
            background-image: url(/assets/cicons/vimeo/13C6FA);

            &:before {
                background-image: url(/assets/cicons/vimeo/000);
            }

            &:hover, &:focus {
            }
        }

        [class*=youtube] > a {
            background-image: url(/assets/cicons/youtube/13C6FA);

            &:before {
                background-image: url(/assets/cicons/youtube/000);
            }

            &:hover, &:focus {
            }
        }

    }

}


.blog-detail-info-container {
    display: flex;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;

    span {
        font-size: 1.5rem;
        font-weight: 500;
    }
}

.visual-case {
    .visual__text {

    }
}

.visual-client-sector {
    background-color: #fff;
    padding: 20px 20px;
    box-shadow: 4px 4px 23px 0 rgba(0, 0, 0, .2);
    margin-inline: auto;
    max-width: 768px;
    margin-block: 2rem;


    figure {
        max-width: 300px;
        margin-inline: auto;
        margin-block: 0 2rem;
    }

    .visual-client-sector-name,
    .visual-client-sector-sector {
        color: #13c6fa;
        line-height: 1.13;
        margin: 0 0 1.5rem;
        padding: 0;
        font-weight: 700;
        font-size: clamp(1.125em, 4vw, 1.75em);
        display: inline-block;
    }

    p {
        color: #000;
        font-size: 1rem;
    }
}

.client-sector {
    .visual-client-sector {
        max-width: unset;
        text-align: center;
    }
}

.textimg-1.contact-person {
    figure {
        @media (width > 1024px) {
            height: auto;
        }
    }

    &._textleft {
        .textimg__text {
            @media (width > 1024px) {
                grid-column-end: span 12;
                margin-right: 0;
                height: 100%;
            }
        }

        .textimg__figure {
            @media (width > 1024px) {
                grid-column-start: 15;
                grid-column-end: span 12;
            }
        }
    }

    &._textright {
        .textimg__figure {
            @media (width > 1024px) {
                grid-column-end: span 12;
            }
        }

        .textimg__text {
            @media (width > 1024px) {
                grid-column-start: 15;
                grid-column-end: span 12;
                margin-left: 0;
                height: 100%;
            }
        }
    }
}