:root {
    --color-primary: #000000;
    --color-secondary: #F5F9FF;
    --color-white: #FFFFFF;
    --color-blue: #0F4BB5;
    --color-blue-light: #E7EEF9;
    --color-blue-sky: #00AAFF;
    --color-black: #000000;
    --color-gray:#B7B7B7;
    --color-gray-medium:#929292;
    --color-second-gray:#878787;
    --color-medium-gray:#A0A0A0;
    --color-dark-gray:#666666;
    --color-yellow: #fbbc04;
    --color-blue-shadow: #0F4BB540;
    --font-title: 'Roboto';
    --font-main: 'Roboto';
}


@keyframes open-mobile-menu {
    0% {
        margin-right: -100%;
        display: flex;
    }
    100% {
        margin-right: 0;
        display: flex;
    }
}

@keyframes close-mobile-menu {
    0% {
        margin-right: 0;
        display: flex;
    }
    99% {
        margin-right: -100%;
        display: flex;
    }

    100% {
        display: none;
    }
}

@keyframes scale-image-up {
    0% {
        transform: scale(100%);
    }
    100% {
        transform: scale(120%);
    }
}

@keyframes scale-image-down {
    0% {
        transform: scale(120%);
    }
    100% {
        transform: scale(100%);
    }
}

body {
    width: 100%;
    display: flex;
    min-height: 100vh;
    background: var(--color-secondary);
    color: var(--color-black);
    font-family: var(--font-main);
    font-weight: 400;
    top: 0!important;
}

main {
    width: 100%;
    display: block;
    min-height: 100vh;
    flex-wrap: wrap;
}

footer {
    flex: 0 1 100%;
}

header {
    z-index: 1;
}

a {
    text-decoration: none;
    color: var(--color-blue);
}

a:hover {
    calor: var(--color-blue-sky);
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    font-family: var(--font-title);
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 992px;
    }
}

.btn {
    border-radius: 8px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 19px;
    padding: 16px 20px;
    gap: 10px;
    color: var(--color-white);
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 500;
}

.btn-primary {
    background: var(--color-blue);
    color: var(--color-white);
    border: 1px solid var(--color-blue);
    z-index: 1;
}

.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
    background: var(--color-blue-sky);
    color: var(--color-white);
    border: 1px solid var(--color-blue-sky);
    box-shadow: 0 0 20px var(--color-gray);
}

.btn.btn-primary:disabled {
    background: var(--color-gray);
    color: var(--color-primary);
    border: 1px solid var(--color-gray);
}

.btn-outline-primary {
    background: transparent;
    border: 1px solid var(--color-yellow);
    color: var(--color-yellow)
}

.btn-outline-primary:hover,
.btn-outline-primary:active {
    background: var(--color-yellow);
    border: 1px solid var(--color-yellow);
    color: var(--color-primary);
    box-shadow: 0 0 5px var(--color-yellow);
}

input.form-control {
    height: 56px;
    min-width: 320px;
    border-radius: 12px;
    padding-left: 20px;
}

select.form-control {
    height: 56px;
    min-width: 320px;
    border-radius: 12px;
    padding-left: 20px;
}

input[type="file"].form-control {
    border: none;
}

input.form-control::file-selector-button {
    font-weight: 600;
    color: var(--color-primary);
    padding: 0 30px;
    border: 1px solid var(--color-gray);
    border-radius: 30px;
    height: 56px;
    background: transparent;
}

input.form-control:hover::file-selector-button {
    background: var(--color-yellow);
    border: 1px solid var(--color-yellow);
}

input.form-control:focus {
    border-color: var(--color-yellow);
    box-shadow: 0 0 0 2px #00AAFF3d;
}

textarea.form-control:focus {
    border-color: var(--color-yellow);
    box-shadow: 0 0 0 0.25rem #ffc1073d;
}

.desktop-show {
    display: flex!important;
}

.tablet-show {
    display: none;
}

.mobile-show {
    display: none!important;
}

@media (max-width: 768px) {
    .desktop-show {
        display: none!important;
    }

    .tablet-show {
        display: flex;
    }

    .mobile-show {
        display: none!important;
    }
}

@media (max-width: 480px) {
    .desktop-show {
        display: none!important;
    }

    .tablet-show {
        display: none!important;
    }

    .mobile-show {
        display: flex!important;
    }
}

.breadcrumb-item a {
    color: var(--color-medium-gray);
    font-size: 14px;
    line-height: 17px;
    /*text-shadow: 0 1px var(--color-primary);*/
}

.breadcrumb-item.active {
    color: var(--color-medium-gray);
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.breadcrumb-item.active.show {
    width: auto;
    height: auto;
    overflow: unset;
}

.section-title {
    color: var(--color-primary);
    font-family: var(--font-title);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.section-bold-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
}

.section-subtitle {
    color: var(--color-primary);
    font-family: var(--font-title);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

.section-content {
    width: 100%;
    height: 100%;
    padding: 40px 20px;
    display: flex;
    gap: 40px;
}

.spy {
    width: 1px;
    height: 1px;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.block-white {
    border-radius: 12px;
    background: var(--color-white);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
}

.container-lg {
    overflow: hidden;
}

.page-section .container-lg {
    padding: 48px 12px;
}

.mobile-sidebar-menu {
    display: none;
}

.mobile-sidebar-menu.active {
    display: flex;
}

.header-top {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: var(--color-white);
    height: 109px;
}

.header-top .container-lg {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header-logo {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}

.logo-text {
    font-size: 8px;
    line-height: 8px;
    color: var(--color-gray);
}

.header-top-links {
    display: flex;
    gap: 40px;
}

.header-top-links a {
    color: var(--color-primary);
    font-family: var(--font-title);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.header-top-links a:hover,
.header-top-links a:active {
    color: var(--color-blue-sky);
}

.header-top-links a.active {
    color: var(--color-blue-sky);
}

.index-top-bg {
    background-image: url(../uploads/images/settings/index-top-desktop.jpg);
    background-size: 100% auto;
    width: calc(100% - 24px);
    height: 100%;
    position: absolute;
    top: 0px;
    left: 12px;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.index-top-box {
    padding: 0;
    width: 100%;
    max-width: 480px;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.index-top-text {
    display: flex;
    gap: 12px;
    flex-direction: column;
}

.index-top-name {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
}

.index-top-h1, .index-top-h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
}

.index-top-count-box {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    padding-top: 36px;
}

.count-item {
    display: flex;
    padding: 20px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 16px;
    background: var(--color-white);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
    width: 215px;
    height: 116px;
}

.count-item-value {
    color: var(--color-primary);
    font-family: var(--font-title);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.count-item-text {
    color: var(--color-primary);
    font-family: var(--font-title);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    height: 38px
}

.section-right {
    width: 520px;
    min-height: 20px;
}

.section-left {
    width: calc(100% - 560px);
    min-height: 20px;
}

.index-top .container-lg {
    position: relative;
    padding: 96px 12px 96px;
}

.index-certificate .container-lg,
.index-reviews .container-lg,
.index-faq .container-lg,
.index-services .container-lg,
.index-section-form .container-lg,
.service-section .container-lg,
.service-section-single .container-lg {
    padding: 48px 12px;
}

.service-section .section-content {
    padding: 0;
    gap: 12px;
    justify-content: flex-start;
}

.service-section-single .section-content {

}

.service-section .service-item {
    width: calc(33% - 5px);
}

.index-about .container-lg {
    padding: 96px 12px 48px;
}

.index-articles .container-lg {
    padding: 48px 12px 96px;
}

.index-certificate .section-content {
    padding: 0;
}

.certificate-items {
    display: flex;
    gap: 16px;
    width: 100%;
    margin: 0;
    overflow: unset;
}

.certificate-item {
    display: flex;
    gap: 16px;
    padding: 12px;
    width: 312px;
    flex: 0 0 312px;
}

.certificate-image {
    flex: 0 0 97px;
    margin-bottom: 30px;
    cursor: pointer;
}

.certificate-image img {
    width: 97px;
    height: 138px;
}

.certificate-text {
    color: var(--color-primary);
    font-family: var(--font-title);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.certificate-text .certificate-name {
    color: var(--color-primary);
    font-family: var(--font-title);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    cursor: pointer;
}

.certificate-show {
    color: var(--color-blue-sky);
    font-family: var(--font-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    display: flex;
    gap: 4px;
    align-items: center;
    cursor: pointer;
}

.certificate-show svg path {
    fill: var(--color-blue-sky);
}

.certificate-show:hover {
    color: var(--color-blue);
}

.certificate-show:hover svg path {
    fill: var(--color-blue);
}

.certificate-item:hover {
    box-shadow: 0px 0px 10px 0px var(--color-gray);
}

.certificate-item:hover .certificate-text .certificate-name {
    color: var(--color-blue)
}

.index-services .section-content {
    align-items: stretch;
    gap: 8px;
    justify-content: space-between;
    padding: 0px;
    flex-wrap:wrap;
}

.service-item {
    width: calc(33% - 3px);
    height: 160px;
    display: flex;
    gap: 12px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
}

.service-item.block-white:hover {
    box-shadow: 0px 0px 10px 0px #00AAFF40
}

.service-item-title {
    color: var(--color-primary);
    text-align: center;
    font-family: var(--font-title);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

.service-item:hover .service-item-title {
    color: var(--color-blue-sky)
}

.index-section-form .section-content {
    /*flex-wrap:wrap;*/
    gap: 40px;
    padding: 0;
}

.index-section-form .section-form-container {
    display: flex;
    flex-direction: column;
    padding: 40px 20px;
    gap: 12px;
    max-width: 410px;
    flex: 0 0 auto;
}

.index-section-form .section-form-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 100%;
    overflow: hidden;
    opacity: 0.2;

}

.index-section-form .section-form-image img {
    height: auto;
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
}

.form-box {
    display: flex;
    gap: 40px;
    flex-direction: column;
}


.index-faq .section-content {
    padding: 12px 0;
    flex-direction: column;
    /*max-width: 600px;*/
    margin: 0 auto;
    gap: 8px;
}

.faq-box-item {

}


.faq-box-item:after {
    content: "";
    width: 244px;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.16) 50.96%, rgba(0, 0, 0, 0.00) 100%);
    display: block;
    margin: 0 auto;
}

.faq-box-item:last-of-type:after {
    display: none;
}

.faq-box-item-question {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.faq-box-item-question-text {
    flex: 0 0 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.faq-box-item-title {
    padding: 16px 24px;
    color: var(--color-primary);
    font-family: var(--font-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.faq-box-item.active .faq-box-item-title {
    color: var(--color-blue);
}

.faq-box-item-body {
    padding: 16px 24px;
    color: var(--color-primary);
    font-family: var(--font-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    background: #efefef;
}

.faq-box-item .faq-box-item-body {
    display: none;
}

.faq-box-item.active .faq-box-item-body {
    display: flex;
}

.index-reviews .section-content {
    padding: 0;
    gap: 16px;
}
.review-items {
    margin: 0;
    overflow: unset;
}

.swiper-wrapper {
    align-items: stretch;
}

.index-review-item-box {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 300px;
    height: auto;
}

.index-review-item-box.block-white:hover {
    box-shadow: 0px 0px 2px 0px var(--color-blue-sky);
}

.index-review-item-name {
    color: var(--color-primary);
    font-family: var(--font-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
}

.index-review-item-text {
    color: var(--color-primary);
    font-family: var(--font-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

.swiper-pagination {
    /*display: none;*/
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    display: block;
    bottom: -48px;
}

.swiper-pagination-bullet-active {
    width: 16px;
    border-radius: 4px;
    background-color: var(--color-blue-sky);
}

.footer {
    background: #FFF
}

.footer .container-lg {
    padding: 60px 0 20px
}

.footer .footer-col-logo {
    display: flex;
    gap: 20px
}

.footer-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.footer-col-links {
    display: flex;
    flex-direction: column;
    gap: 12px 40px
}

.footer-col-link {
    display: flex;
    color: var(--color-primary);
    font-family: var(--font-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    gap: 12px;
}

.footer-col-link svg {
    flex: 0 0 20px
}

.footer-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex-wrap: wrap;
    height: 124px;
    max-width: 340px
}
.footer-col a {
    color: var(--color-primary);
    font-family: var(--font-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
}

.feature-items {
    flex-wrap: wrap;
    padding: 40px 0;
    justify-content: space-between;
}

.feature-item {
    max-width: 290px;
    padding: 32px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

.feature-item.block-white:hover {
    /*box-shadow: 0px 0px 10px 0px var(--color-gray);*/
}

.feature-item:hover .feature-item-title {
    color: #0f4bb5;
}

.feature-item-img {
    /*width: 30px;*/
    /*flex: 0 0 30px;*/
}

.feature-item-img svg {
    width: 64px;
    height: 64px
}
.index-features .feature-item-title {
    height: 24px;
}
.feature-item-title {
    font-size: 20px;
    /*width: calc(100% - 44px);*/
    /*padding-bottom: 10px;*/
    /*border-bottom: 2px solid var(--color-blue-light);*/
    height: 48px;
    text-align: center;
}

.feature-item-description {
    height: 95px;
    color: var(--color-primary);
    text-align: center;
    font-family: var(--font-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

.footer-content-box:after {
    content: "";
    width: 244px;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.16) 50.96%, rgba(0, 0, 0, 0.00) 100%);
    display: block;
    margin: 0 auto;
}

.footer-col {
    margin-bottom: 36px;
}

.simple-link {
    display: flex;
    color: var(--color-blue);
    align-items: center;
    gap: 16px;
}

.simple-link svg {
    flex: 0 0 20px;
}

.section-page-header {
    padding-top: 48px
}

.section-page-header .section-title {
    /*padding-bottom: 12px;*/
    /*border-bottom: 2px solid var(--color-blue);*/
    width: fit-content;
    color: var(--color-primary);
    font-family: var(--font-title);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
}

.header-contact-link {
    font-family: var(--font-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    color: var(--color-primary)
}
.header-contact-link:hover {
    color: var(--color-blue)
}
.header-contact-phone svg path,
.header-contact-address svg path{
    fill: var(--color-primary)
}

.index-articles .container-lg {
    display: flex;
    gap: 40px;
    align-items: stretch;
    height: 436px;
}

.modal-certificate {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #00000040;
    z-index: 999;
    align-items: center;
    justify-content: center;
}

.modal-certificate.show {
    display: flex;
}

.modal-certificate-container {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    background: #FFF;
    max-width: 600px;
    max-height: 600px;
    padding: 64px 24px 24px;
    border-radius: 12px;
    overflow: hidden;
    /*box-shadow: 0 0 2px var(--color-blue-sky);*/
    margin: 12px;
}

.modal-certificate-container:before {
    content: '';
    width: 160px;
    position: absolute;
    top: 36px;
    left: 50%;
    border: 1px solid #0f4bb5;
    border-radius: 50%;
    transform: translate(-50%, 0);
}

.modal-certificate-body {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.modal-certificate-close {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid var(--color-blue);
    background: var(--color-blue);
    color: var(--color-white);
    cursor:pointer;
}

.modal-certificate-close:hover {
    border: 1px solid var(--color-blue-sky);
    background: var(--color-blue-sky);
}

.modal-certificate-image {
    width: 100%;
    height: calc(100% - 64px);
    display: flex;
    align-items: self-start;
    justify-content: center;
    position: relative;
}

.modal-certificate-image:after {
    content: '';
    position: absolute;
    width: 100%;
    bottom: -15px;
    border-bottom: 1px solid var(--color-gray);
}

.modal-certificate-image img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.modal-certificate-title {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
}

.document-items {
    display: flex;
    flex-direction: column;
    gap: 16px;

}

.document-item {
    padding: 12px 20px;
    display: flex;
    gap: 12px;
    max-width: 500px;
    justify-content: space-between;
    align-items: center;
}

.document-item-name {
    color: var(--color-primary);
    font-family: var(--color-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
}

.document-item-link {
    flex: 0 0 24px
}

.review-single-items {
    padding: 0 0;
    gap: 12px 20px;
    flex-wrap: wrap;
}

.single-review-item-box {
    max-width: calc(50% - 10px);
    width: 100%;
    min-height: unset;
    display: flex;
    gap: 10px 20px;
    flex-flow: wrap;
    min-width: 300px;
    padding: 24px 24px;
}

.single-review-image {
    flex: 0 0 56px;
}

.single-review-item-top {
    flex: 0 1 auto;
}

.single-review-item-name {
    color: var(--color-primary);
    font-family: var(--font-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
}

.single-review-item-text {
    height: auto;
    flex: 0 1 100%;
    color: var(--color-primary);
    font-family: var(--font-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

.pagination {
    display: flex;
    gap: 8px;
    padding: 30px 0;
    justify-content: center;
    align-items: center;
}

.page-item .page-link {
    border-radius: 8px;
    color: var(--color-blue);
    background: var(--color-white);
}

.page-item.active .page-link{
    background: var(--color-blue);
    color: var(--color-white);
}

.text-show-more {
    color: var(--color-blue-sky)
}

.index-about-video {
    order: 1
}

.index-about-text {
    order: 2
}

.faq-items-section {
    margin: 48px 0;
}

.faq-items {
    padding: 12px 0;
    flex-direction: column;
    margin: 0 auto;
    gap: 8px;
}

.single-service-box {
    flex: 0 0 calc(100% - 312px);
    display: flex;
    gap: 24px;
    flex-direction: column;
    padding: 32px 24px;
    font-size: 16px;
    line-height: 19px;
    font-family: var(--font-main);
    color: var(--color-primary);
}

.service-single-image {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
}

.service-single-image:after {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 70%;
    background: linear-gradient(0deg, #fff, transparent);
    z-index: 1;
    display: block;
}

.service-single-image img {
    width: 100%;
}

.service-single-text h2, .service-single-text h3, .service-single-text h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 8px;
    font-family: var(--font-title);
    color: var(--color-blue);
}

.page-about-text {
    gap: 20px;
    display: flex;
    flex-direction: column;
    order: 1
}

.page-about-image {
    order: 2
}

.page-about-image img {
    width: 100%;
}

.breadcrumb {
    margin-bottom: 0
}

.google-map {
    box-shadow: 0 0 2px 0 var(--color-blue);
}

.side-whatsapp {
    width: 64px;
    height: 64px;
    position: fixed;
    right:32px;
    bottom: 32px;
    z-index: 999;
}

.single-service-box {
    flex: 1 0 calc(100% - 340px)
}

.single-service-sidebar {
    flex: 0 0 300px
}

.service-list-item {
    display: flex;
    gap: 20px;
    position: relative;
}

.service-list-item:after {
    content: '';
    width: 60px;
    position: absolute;
    border: 1px solid var(--color-gray);
    border-radius: 50%;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%, 0);
    opacity: 0.2;
}

.service-list-item-image {
    width: 40px;
    height: 40px;
}

.service-list-item-image img {
    width: 100%
}

.service-list-item-name {
    font-size: 14px;
    line-height: 17px;
}

.modal-notification {
    position: fixed;
    top: 120px;
    width: 300px;
    right: 20px;
    background: #e7eef980;
    padding: 20px 16px;
    border-radius: 12px;
    box-shadow: 0 0 2px 0 var(--color-blue-sky);
    z-index: 9999;
    display: none;
}

.modal-notification.show {
    display: block
}

.modal-notification .modal-close {
    position: absolute;
    right: 16px;
    top: 20px;
}

.modal-notification .modal-notification-header {
    padding: 12px 0;
}

.modal-notification .modal-body {
    color: var(--color-blue)
}

.post-list {
    display: flex;
    gap: 24px;
    padding: 0 0 32px;
    flex-wrap: wrap
}

.post-list-item {
    width: calc(33% - 20px);
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    overflow: hidden;
}

.post-list-item:hover {
    box-shadow: 0 0 20px 0 var(--color-blue-shadow);
}

.post-section .container-lg {
    padding: 48px 12px;
}

.post-single-section .container-lg {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 48px 12px;
    gap: 12px;
}

.post-single-sidebar-list {
    width: 300px;
    flex: 0 0 300px;
    display: flex;
    gap: 24px;
    flex-direction: column;
    padding: 24px 16px;
}

.post-single-sidebar-list .post-list-item {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.post-single-sidebar-list .post-list-item:hover {
    box-shadow: none;
}

.post-single-sidebar-list .post-list-category-name {
    font-family: var(--font-main);
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: var(--color-blue);
    width: fit-content;
}

.post-single-sidebar-list .post-list-link {
    color: var(--color-primary);
    font-size: 16px;
    line-height: 19px;
    font-family: var(--font-main);
}

.post-single-content {
    flex: 0 0 calc(100% - 312px);
    display: flex;
    gap: 24px;
    flex-direction: column;
    padding: 32px 24px;
    font-size: 16px;
    line-height: 19px;
    font-family: var(--font-main);
    color: var(--color-primary);
}

.post-single-content h2,
.post-single-content h3,
.post-single-content h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 8px;
    font-family: var(--font-title);
    color: var(--color-blue);
}

.post-single-image {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.post-single-image:after {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 70%;
    background: linear-gradient(0deg, #fff, transparent);
    z-index: 1;
    display: block;
}

.post-single-image img {
    width: 100%;
    border-radius: 12px;
}

.post-single-category-name {
    position: absolute;
    bottom: 16px;
    left: 16px;
    border: 1px solid var(--color-blue);
    width: fit-content;
    padding: 4px 8px;
    background: var(--color-blue);
    color: var(--color-white);
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    border-radius: 4px;
}

.post-list-item .section-bold-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--color-primary)
}

.post-list-item:hover .section-bold-title {
    color: var(--color-blue)
}

.post-list-item .post-item-image {
    /*position: absolute;*/
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    overflow: hidden;
    z-index: 0;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}

.post-list-item .post-item-image img {
    width: 100%;
    height: fit-content;
    /*opacity: 0.3;*/
    animation-name: scale-image-down;
    transition: all 2s linear;
    animation-duration: 700ms;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-delay: 0s;
}

.post-list-item:hover .post-item-image img {
    animation-name: scale-image-up;
}

.post-list-item .post-list-item-name {
    z-index: 1;
}

.post-list-item .post-list-item-text {
    font-size: 16px;
    line-height: 19px;
    height: 114px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    color: var(--color-gray-medium);
    z-index: 1;
}

.post-list-item .post-item-image+.post-list-item-name+.post-list-item-text {
    color: var(--color-primary);
}

.post-list-item .post-list-item-readmore {
    z-index: 1;
}

.page-subtitle-text {
    font-size: 16px;
    line-height: 22px;
}

@media (min-width: 481px) and (max-width: 768px) {

    .page-subtitle-text {
        font-size: 14px;
        line-height: 19px;
    }

    .mobile-hidden {
        display: none;
    }
    .mobile-hidden.active {
        display: block;
    }
    .faq-items-section {
        margin: 0;
    }

    .breadcrumb {
        margin-bottom: 0
    }

    .header-top {
        z-index: 9;
        position: fixed;
    }

    .container-lg {
        padding: 32px 24px!important;
    }


    .header-top  .container-lg {
        padding: 0!important;
    }

    .index-articles .container-lg {
        height: auto;
    }

    .show-inline {
        display:none;
    }

    .show-inline.active {
        display:inline-flex;
    }

    .section-page-header {
        padding-top: 109px
    }

    .index-top {
        padding-top: 109px
    }

    .header-top {
        display: flex;
        width: 100%;
        height: 109px;
        padding: 20px 40px;
        justify-content: space-between;
        align-items: center;
    }

    .header-top .container-lg {
        /*box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);*/
    }

    .section-page-header .container-lg {
        padding: 32px 24px 0!important;
    }

    .service-section-single .section-content {
        padding: 24px 16px;
    }

    .footer .footer-logo {
        width: 120px;
    }

    .footer .row {
        gap: 40px;
    }

    .footer .copyright-box {
        gap: 12px
    }

    .index-top-box {
        gap: 24px
    }

    .index-about-video {
        order: 2
    }

    .index-about-text {
        order: 1
    }

    .section-title {
        font-size: 20px;
        line-height: 23px;
        /*margin-bottom: 8px;*/
    }

    .section-text {
        font-size: 14px;
        line-height: 16px;
    }

    .section-subtitle {
        font-size: 14px;
        line-height: 16px;
    }

    .index-top-count-box {
        padding-top: 12px;
    }

    .block-white-mobile {
        border-radius: 12px;
        background: var(--color-white);
        box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        display: block;
        bottom: -32px;
    }

    .swiper-pagination-bullet-active {
        width: 16px;
        border-radius: 4px;
        background-color: var(--color-blue-sky);
    }

    .index-top-text {
        width: 100%;
        height: 100%;
        padding: 20px 24px;
        gap: 20px;
        display: flex;
        flex-direction: column;
    }

    .faq-items {
        flex-direction: column;
        gap: 0px;
        padding: 12px 0;
    }

    .block-white-mobile.index-top-text {
        background-image: url(../uploads/images/settings/index-top-mobile.jpg);
        background-size: cover;
    }

    .index-top-text .index-top-h1 {
        width: 175px;
        font-size: 16px;
        line-height: 19px;
    }

    .faq-box-item-title {
        padding: 12px 16px;
        color: var(--color-primary);
        font-family: var(--font-main);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px;
    }

    .faq-box-item-body {
        padding: 12px 16px;
        color: var(--color-primary);
        font-family: var(--font-main);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }

    .index-top-text .index-top-h2 {
        width: 175px;
        font-size: 16px;
        line-height: 19px;
    }

    .index-top-text .index-top-name {
        width: 175px;
        font-size: 20px;
        line-height: 24px;
    }

    .index-reviews .container-lg {
        padding: 32px 0 32px 24px;
    }

    .index-certificates.container-lg {
        padding: 32px 0 32px 24px;
    }

    .certificate-items {
        width: 312px;
        margin-bottom: 20px;
    }

    .review-items {
        width: 312px;
    }

    .index-about .section-content{
        flex-direction: column;
    }
    .index-about .section-right {
        width: 100%;
        flex: 0 0 auto;
    }

    .index-about .section-left {
        width: 100%;
        flex: 0 0 auto;
    }

    .index-services .section-content {
        justify-content: center;
    }

    .index-services .service-item {
        width: calc(50% - 6px);
    }

    .service-section .service-item {
        width: calc(50% - 6px);
    }

    .index-section-form .section-form-container {
        flex: 0 0 100%;
        width: 100%;
    }

    input.form-control {
        min-width: 300px;
    }

    .index-section-form .section-form-image {
        display: none
    }

    .index-review-item-text {
        font-size: 14px;
        line-height: 16px;
    }
    .index-features .container-lg {
        padding: 0 24px!important;
    }

    .feature-items {
        flex-wrap: wrap;
        gap: 12px;
        padding: 20px 0;
    }

    .feature-item {
        max-width: calc(50% - 6px);
        padding: 16px 8px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex: 0 0 calc(50% - 6px);
        align-items: center;
    }

    .index-features .feature-item-title {
        height: 38px;
    }

    .feature-item-title {
        font-size: 14px;
        word-break: break-word;
        line-height: 17px;
        text-align: center;
        height: 38px;
        font-weight: 500;
    }

    .feature-item-description {
        height: 85px;
        font-size: 14px;
        line-height: 17px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    .feature-item-img svg {
        width: 40px;
        height: 40px
    }

    .mobile-sidebar-menu {
        display: none;
        width: 100%;
        height: 100%;
        padding: 32px 0px;
        align-items: flex-start;
        gap: 10px;
        background: var(--color-white);
        animation-name: close-mobile-menu;
        transition: all 10s linear;
        animation-duration: 700ms;
        animation-iteration-count: 1;
        animation-direction: normal;
        animation-timing-function: ease-out;
        animation-fill-mode: forwards;
        animation-delay: 0s;
        position: fixed;
        right: 0;
        top: 109px;
        z-index: 9;
    }
    .mobile-sidebar-menu.active {
        display: flex;
        animation-name: open-mobile-menu;
    }
    .mobile-menu-list {
        width: 100%;
    }
    .mobile-menu-list a {
        display: flex;
        padding: 20px 40px;
        justify-content: flex-end;
        align-items: center;
        align-self: stretch;
        color: var(--color-primary);
        text-align: right;
        font-family: var(--font-main);
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 23px;
        background: var(--color-white)
    }

    .mobile-menu-list a:hover {
        background: #F6F9FF;
        color: var(--color-blue);
    }

    .service-single-image {
        width: 100%;
        height: auto;
        border-radius: 12px;
        overflow: hidden;
    }

    .service-single-image img {
        width: 100%
    }

    .review-single-items {
        padding: 0 0;
        gap: 12px 20px;
        flex-wrap: wrap;
    }

    .single-review-item-box {
        max-width: 100%;
        width: 100%;
        min-height: unset;
        display: flex;
        gap: 10px 20px;
        flex-flow: wrap;
        min-width: 300px;
    }

    .single-review-image {
        flex: 0 0 56px;
    }

    .single-review-item-top {
        flex: 0 1 auto;
    }

    .single-review-item-name {
        color: var(--color-primary);
        font-family: var(--font-main);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 19px;
    }

    .single-review-item-text {
        height: auto;
        flex: 0 1 100%;
        color: var(--color-primary);
        font-family: var(--font-main);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
    }

    .page-about-text {
        order: 2;
        width: 100%;
    }

    .page-about-image {
        order: 1
    }

    .section-left.page-about-image {
        width: 100%
    }

    .page-section-about .section-content {
        flex-direction: column;
        gap: 40px
    }

    .single-service-box {
        flex: 1 0 calc(100%)
    }

    .single-service-sidebar {
        display: none
    }

    .post-section .container-lg {
        padding: 32px 24px;
    }

    .post-list-item {
        width: 100%;
        padding: 24px 16px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .post-single-section .container-lg {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 32px 24px;
        gap: 24px;
    }

    .post-single-sidebar-list {
        width: 100%;
        flex: 0 0 100%;
        display: flex;
        gap: 24px;
        flex-direction: column;
        padding: 24px 16px;
    }

    .post-single-sidebar-list .post-list-item {
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
        width: 100%;
    }

    .post-single-sidebar-list .post-list-category-name {
        font-family: var(--font-main);
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
        color: var(--color-blue);
    }

    .post-single-sidebar-list .post-list-link {
        color: var(--color-primary);
        font-size: 16px;
        line-height: 19px;
        font-family: var(--font-main);
    }

    .post-single-content {
        flex: 0 0 100%;
        display: flex;
        gap: 24px;
        flex-direction: column;
        padding: 32px 24px;
        font-size: 14px;
        line-height: 17px;
        font-family: var(--font-main);
        color: var(--color-primary);
    }

    .post-single-content h2,
    .post-single-content h3,
    .post-single-content h4 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 8px;
        font-family: var(--font-title);
        color: var(--color-blue);
    }

    .post-single-image {
        position: relative;
        /*min-height: 42px;*/
    }

    .post-single-category-name {
        bottom: 14px;
        left: 14px;
        padding: 4px 8px;
        font-size: 14px;
        line-height: 14px;
        border-radius: 4px;
    }
}

@media (max-width: 480px) {

    .page-subtitle-text {
        font-size: 14px;
        line-height: 19px;
    }

    .mobile-hidden {
        display: none;
    }
    .mobile-hidden.active {
        display: block;
    }
    .faq-items-section {
        margin: 0;
    }

    .breadcrumb {
        margin-bottom: 0
    }

    .header-top {
        z-index: 9;
        position: fixed;
    }

    .container-lg {
        padding: 32px 24px!important;
    }


    .header-top  .container-lg {
        padding: 0!important;
    }

    .index-articles .container-lg {
        height: auto;
    }

    .show-inline {
        display:none;
    }

    .show-inline.active {
        display:inline-flex;
    }

    .section-page-header {
        padding-top: 109px
    }

    .index-top {
        padding-top: 109px
    }

    .header-top {
        display: flex;
        width: 100%;
        height: 109px;
        padding: 20px 40px;
        justify-content: space-between;
        align-items: center;
    }

    .header-top .container-lg {
        /*box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);*/
    }

    .section-page-header .container-lg {
        padding: 32px 24px 0!important;
    }

    .service-section-single .section-content {
        padding: 24px 16px;
    }

    .footer .footer-logo {
        width: 120px;
    }

    .footer .row {
        gap: 40px;
    }

    .footer .copyright-box {
        gap: 12px
    }

    .index-top-box {
        gap: 24px
    }

    .index-about-video {
        order: 2
    }

    .index-about-text {
        order: 1
    }

    .section-title {
        font-size: 20px;
        line-height: 23px;
        /*margin-bottom: 8px;*/
    }

    .section-text {
        font-size: 14px;
        line-height: 16px;
    }

    .section-subtitle {
        font-size: 14px;
        line-height: 16px;
    }

    .index-top-count-box {
        padding-top: 12px;
    }

    .block-white-mobile {
        border-radius: 12px;
        background: var(--color-white);
        box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        display: block;
        bottom: -32px;
    }

    .swiper-pagination-bullet-active {
        width: 16px;
        border-radius: 4px;
        background-color: var(--color-blue-sky);
    }

    .index-top-text {
        width: 100%;
        height: 100%;
        padding: 20px 24px;
        gap: 20px;
        display: flex;
        flex-direction: column;
    }

    .faq-items {
        flex-direction: column;
        gap: 0px;
        padding: 12px 0;
    }

    .block-white-mobile.index-top-text {
        background-image: url(../uploads/images/settings/index-top-mobile.jpg);
        background-size: cover;
    }

    .index-top-text .index-top-h1 {
        width: 175px;
        font-size: 16px;
        line-height: 19px;
    }

    .faq-box-item-title {
        padding: 12px 16px;
        color: var(--color-primary);
        font-family: var(--font-main);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px;
    }

    .faq-box-item-body {
        padding: 12px 16px;
        color: var(--color-primary);
        font-family: var(--font-main);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }

    .index-top-text .index-top-h2 {
        width: 175px;
        font-size: 16px;
        line-height: 19px;
    }

    .index-top-text .index-top-name {
        width: 175px;
        font-size: 20px;
        line-height: 24px;
    }

    .index-reviews .container-lg {
        padding: 32px 0 32px 24px;
    }

    .index-certificates.container-lg {
        padding: 32px 0 32px 24px;
    }

    .certificate-items {
        width: 312px;
        margin-bottom: 20px;
    }

    .review-items {
        width: 312px;
    }

    .index-about .section-content{
        flex-direction: column;
    }
    .index-about .section-right {
        width: 100%;
        flex: 0 0 auto;
    }

    .index-about .section-left {
        width: 100%;
        flex: 0 0 auto;
    }

    .index-services .section-content {
        justify-content: center;
    }

    .index-services .service-item {
        width: calc(50% - 6px);
    }

    .service-section .service-item {
        width: calc(50% - 6px);
    }

    .index-section-form .section-form-container {
        flex: 0 0 100%;
        width: 100%;
    }

    input.form-control {
        min-width: 300px;
    }

    .index-section-form .section-form-image {
        display: none
    }

    .index-review-item-text {
        font-size: 14px;
        line-height: 16px;
    }
    .index-features .container-lg {
        padding: 0 24px!important;
    }

    .feature-items {
        flex-wrap: wrap;
        gap: 12px;
        padding: 20px 0;
    }

    .feature-item {
        max-width: calc(50% - 6px);
        padding: 16px 8px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex: 0 0 calc(50% - 6px);
        align-items: center;
    }

    .index-features .feature-item-title {
        height: 38px;
    }

    .feature-item-title {
        font-size: 14px;
        word-break: break-word;
        line-height: 17px;
        text-align: center;
        height: 38px;
        font-weight: 500;
    }

    .feature-item-description {
        height: 85px;
        font-size: 14px;
        line-height: 17px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    .feature-item-img svg {
        width: 40px;
        height: 40px
    }

    .mobile-sidebar-menu {
        display: none;
        width: 100%;
        height: 100%;
        padding: 32px 0px;
        align-items: flex-start;
        gap: 10px;
        background: var(--color-white);
        animation-name: close-mobile-menu;
        transition: all 10s linear;
        animation-duration: 700ms;
        animation-iteration-count: 1;
        animation-direction: normal;
        animation-timing-function: ease-out;
        animation-fill-mode: forwards;
        animation-delay: 0s;
        position: fixed;
        right: 0;
        top: 109px;
        z-index: 9;
    }
    .mobile-sidebar-menu.active {
        display: flex;
        animation-name: open-mobile-menu;
    }
    .mobile-menu-list {
        width: 100%;
    }
    .mobile-menu-list a {
        display: flex;
        padding: 20px 40px;
        justify-content: flex-end;
        align-items: center;
        align-self: stretch;
        color: var(--color-primary);
        text-align: right;
        font-family: var(--font-main);
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 23px;
        background: var(--color-white)
    }

    .mobile-menu-list a:hover {
        background: #F6F9FF;
        color: var(--color-blue);
    }

    .service-single-image {
        width: 100%;
        height: auto;
        border-radius: 12px;
        overflow: hidden;
    }

    .service-single-image img {
        width: 100%
    }

    .review-single-items {
        padding: 0 0;
        gap: 12px 20px;
        flex-wrap: wrap;
    }

    .single-review-item-box {
        max-width: 100%;
        width: 100%;
        min-height: unset;
        display: flex;
        gap: 10px 20px;
        flex-flow: wrap;
        min-width: 300px;
    }

    .single-review-image {
        flex: 0 0 56px;
    }

    .single-review-item-top {
        flex: 0 1 auto;
    }

    .single-review-item-name {
        color: var(--color-primary);
        font-family: var(--font-main);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 19px;
    }

    .single-review-item-text {
        height: auto;
        flex: 0 1 100%;
        color: var(--color-primary);
        font-family: var(--font-main);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
    }

    .page-about-text {
        order: 2;
        width: 100%;
    }

    .page-about-image {
        order: 1
    }

    .section-left.page-about-image {
        width: 100%
    }

    .page-section-about .section-content {
        flex-direction: column;
        gap: 40px
    }

    .single-service-box {
        flex: 1 0 calc(100%)
    }

    .single-service-sidebar {
        display: none
    }

    .post-section .container-lg {
        padding: 32px 24px;
    }

    .post-list-item {
        width: 100%;
        padding: 24px 16px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .post-single-section .container-lg {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 32px 24px;
        gap: 24px;
    }

    .post-single-sidebar-list {
        width: 100%;
        flex: 0 0 100%;
        display: flex;
        gap: 24px;
        flex-direction: column;
        padding: 24px 16px;
    }

    .post-single-sidebar-list .post-list-item {
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
        width: 100%;
    }

    .post-single-sidebar-list .post-list-category-name {
        font-family: var(--font-main);
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
        color: var(--color-blue);
    }

    .post-single-sidebar-list .post-list-link {
        color: var(--color-primary);
        font-size: 16px;
        line-height: 19px;
        font-family: var(--font-main);
    }

    .post-single-content {
        flex: 0 0 100%;
        display: flex;
        gap: 24px;
        flex-direction: column;
        padding: 32px 24px;
        font-size: 14px;
        line-height: 17px;
        font-family: var(--font-main);
        color: var(--color-primary);
    }

    .post-single-content h2,
    .post-single-content h3,
    .post-single-content h4 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 8px;
        font-family: var(--font-title);
        color: var(--color-blue);
    }

    .post-single-image {
        position: relative;
        /*min-height: 42px;*/
    }

    .post-single-category-name {
        bottom: 14px;
        left: 14px;
        padding: 4px 8px;
        font-size: 14px;
        line-height: 14px;
        border-radius: 4px;
    }
}
