/*

    common

**************************************/
.title-2 {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0;
}
@media (max-width: 991.98px) {
    .title-2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.4;
    }
}
.title-3 {
    color: #020202;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.75;
}
@media (max-width: 991.98px) {
    .title-3 {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.5;
    }
}
.button-black,
.button-blue,
.button-white {
    display: inline-flex;
    justify-content: center;
    padding: 13px 34px 13px 35px;
    cursor: pointer;
    transition: var(--transition);
    border: 0;
    border-radius: 10px;
    font-family: Nunito;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    line-height: 18px; /* 150% */
}
.button-black:hover,
.button-blue:hover,
.button-white:hover {
    transition: var(--transition);
    color: var(--white-100, #fff);
}
.button-black {
    color: var(--white-100, #fff);
    background: var(--black-200, #020202);
}
.button-black:hover {
    background: var(--blue-200, #2368a9);
}
.button-blue {
    color: var(--white-100, #fff);
    background: var(--blue-200, #2368a9);
}
.button-blue:hover {
    background: var(--black-200, #020202);
}
.button-white {
    color: var(--black-200, #020202);
    background: var(--white-100, #fff);
    box-shadow: 0 0 30px 0 rgba(221, 221, 221, 0.65);
}
.button-white:hover {
    color: var(--white-100, #fff) ;
    background: var(--blue-cta, #06549e);
}
.button-black:active,
.button-blue:active,
.button-white:active {
    transition: var(--transition);
    background: var(--blue-100, #0046c0);
}
.button-link {
    transition: var(--transition);
    text-decoration: solid underline;
    color: var(--black-200);
    border: 0;
    background: none;
    font-family: Nunito;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;

    text-underline-offset: 6px;
}

@media (max-width: 991.98px) {
    .button-link{
        font-size: 14px;
        line-height: 150%;
    }
}

.button-link:hover {
    transition: var(--transition);
    color: var(--blue-100, #0046c0);
}
.button-link:active {
    transition: var(--transition);
    color: var(--blue-200, #2368a9);
}



/*

    common Swiper

**************************************/
.swiper{
    position: relative;
}

/*swiper-pagination*/
.swiper .swiper-pagination{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 30px;
    line-height: 0;
}
.swiper-pagination-bullet{
    border-radius: 0;
    width: 16px;
    height: 3px;
    background: #92B3D2;
    transition: var(--transition);


}


.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #0046C0;
    transition: var(--transition);

}

/*swiper-nav*/
.swiper-nav{


}

.swiper-prev,
.swiper-next {
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    background:none;
    border: 0;
    transition: var(--transition);
    color: rgba(216, 224, 232, 1);
}

@media (max-width: 991.98px) {
    .swiper-prev,
    .swiper-next {
        top: 43%;
        width: 48px;
        height: 48px;
    }
}

.swiper-prev:not(.swiper-button-disabled):hover,
.swiper-next:not(.swiper-button-disabled):hover{
/*color: rgba(35, 104, 169, 1);*/
/*    transition: var(--transition);*/
}

.swiper-prev:not(.swiper-button-disabled)  svg,
.swiper-next:not(.swiper-button-disabled)  svg {
    transition: var(--transition);

}
.swiper-prev:not(.swiper-button-disabled):hover svg,
.swiper-next:not(.swiper-button-disabled):hover svg{
    transform: scale(1.2);
    color: rgba(35, 104, 169, 1);

    transition: var(--transition);

}

.swiper-button-disabled{
    color:rgba(221, 221, 221, 0.24);
    transition: var(--transition);

}
.swiper-button-lock{
    display: none;
}
.swiper-prev svg,
.swiper-next svg{
    width: 16px;
    height:  52px;
}

@media (max-width: 991.98px) {
    .swiper-prev svg,
    .swiper-next svg {
        width: 12px;
        height:40px;
    }
}
.swiper-prev{

    left: 0;


}
.swiper-next{

    right: 0;


}

/*

    .service-portfolio {

**************************************/
.service-portfolio {
    margin-top: 60px;
}

@media (max-width: 991.98px) {
    .service-portfolio {
        margin-top: 60px;
    }

}

.service-portfolio-title-section{
    text-align: center;
}


.service-portfolio-swiper {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
}

@media (max-width: 991.98px) {
    .service-portfolio-swiper {
        margin-top: 30px;
        margin-bottom: 30px;

    }

}

.service-portfolio-swiper  .swiper-prev {
    left: -40px;
}

@media (max-width: 991.98px) {
    .service-portfolio-swiper .swiper-prev {
        left: -10px;
    }
}
.service-portfolio-swiper  .swiper-next{
    right: -40px;

}

@media (max-width: 991.98px) {
    .service-portfolio-swiper .swiper-next {
        right: -10px;

    }
}
.service-portfolio-swiper .swiper{
    margin: 0 28px;
    overflow: hidden;
}

.service-portfolio-i {
}

.service-portfolio-panel {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    color: var(--black-200, #020202);
    font-size: 15px;
    font-weight: 600;

    line-height: 1.4;
}

@media (max-width: 991.98px) {
    .service-portfolio-panel {

        font-size: 14px;
        line-height: 150%;

    }
}

.service-portfolio-img {
    margin-top: 15px;
    border-radius: 10px;

    position: relative;
    display: flex;
    background: #cccccc;
    overflow: hidden;
    padding: 0 0 41% 0;
}

@media (max-width: 991.98px) {
    .service-portfolio-img {
        margin-top: 12px;
    }
}

.service-portfolio-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    max-width: 100%;
    height: 100% !important;
    transition: transform 0.6s;
    object-fit: cover;
}

.service-portfolio-img:hover img {
    transition: transform 0.3s;
    transform: scale(1.04);
}
@media (max-width: 991.98px) {
    .service-portfolio-img {

    }
}

.service-portfolio-link {
    display: flex;
    justify-content: center;
    margin-top: 15px;

}

.service-portfolio-link:hover{
    transition: var(--transition);

}

@media (max-width: 991.98px) {

}

/*

    common feedback cf7

**************************************/
.feedback-form {
    margin-top: 60px;
    display: flex;
    align-items: center;
    padding: 88px 60px 88px 60px;
    background: linear-gradient(180deg, #b3dfff 0%, rgba(179, 223, 255, 0.00) 100%);
}

@media (max-width: 1299.98px) {
    .feedback-form {
        margin-top: 30px;
        padding: 52px 0px 52px 0px;

    }
}
@media (max-width: 991.98px) {
    .feedback-form {
        background: var(--bg, rgba(202, 228, 255, 0.18));
        padding:52px 0px 52px 0px;

    }
}
.feedback-form-row {
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 20px;
}



@media (max-width: 1299.98px) {
    .feedback-form-row {
        display: grid;
        grid-template-columns:1fr 1fr;
    }
}


@media (max-width: 991.98px) {
    .feedback-form-row {
        display: grid;
        grid-template-columns:1fr;
    }
}
.feedback-form-col-1 {
}



.feedback-form-content {

}
.feedback-form-content h2 {
        color: #000;
        font-size: 28px;
        font-weight: 700;
        line-height: 1.5;
    margin-bottom: 30px;
    }

@media (max-width: 991.98px) {
    .feedback-form-content h2{
        display: flex;
        justify-content: center;
        font-size: 20px;
        text-align: center;
        font-weight: 600;
        line-height: 1.4;
        margin-bottom: 22px;

    }
}

.feedback-form-content p{
    color: #020202;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 10px;
}

@media (max-width: 1299.98px) {
    .feedback-form-content p {
        text-align: center;
        text-align: center;
        font-size: 14px;
        line-height: 150%;

        margin-bottom: 10px;


    }
}

.feedback-form-col-2 {
}
.feedback-form-cf7 {
}

@media (min-width: 992px) {
    .feedback-form-cf7{
        max-width: 427px;
    }
}

.feedback-form-cf7-input{
    margin-bottom: 30px;



}

.feedback-form-cf7-input input{
    border-radius: 4px;
    background: var(--white-100, #FFF);
    box-shadow: 0px 0px 15px 0px rgba(221, 221, 221, 0.64);
    padding: 0 20px;
    height: 50px;
    display: flex;
    align-items: center;
    transition: var(--transition);
    color: var(--black-200);
    border: 0;
}

@media (max-width: 991.98px) {
    .feedback-form-cf7-input input {


    }
}

.feedback-form-cf7-input input::placeholder{
    transition: var(--transition);
    color: #6C757D;
}

.feedback-form-cf7-button{
    margin-top: 30px;

}
.feedback-form-cf7-button button{
    width: 100%;
    /*display: flex;*/
}




    /*

        service-info-card

    **************************************/

.service-info-card {
    margin-top: 60px;
    position: relative;
}

@media (max-width: 991.98px) {
    .service-info-card {
        margin-top: 60px;
    }

}
.service-info-card-i {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.service-info-card-img {
}
.service-info-card-img {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 130px;
    height: 130px;
    border-radius: 999px;
    background: #c4c4c4;
}
.service-info-card-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    max-width: 100%;
    height: 100% !important;
    transition: transform 0.6s;
    object-fit: cover;
}

.service-info-card .swiper-nav{

}

.service-info-card .swiper-prev,
.service-info-card .swiper-next {
    top: 65px;
    width: 64px;
    height: 64px;
}

@media (max-width: 991.98px) {
    .service-info-card .swiper-prev,
    .service-info-card .swiper-next {
        top: 65px;
        width: 48px;
        height: 48px;
    }
}


.service-info-card-title {
    margin-top: 15px;
}
.service-info-card-t1 {
    margin-top: 5px;
    text-align: center;
    color: #282730;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
}
@media (max-width: 991.98px) {
    .service-info-card-t1 {
        margin-top: 10px;
    }
}
.service-info-card-t2 {
    margin-top: 10px;
    text-align: center;
    color: #282730;
    font-size: 15px;
    line-height: 1.4;
}
/*

    common accordion

**************************************/
/*accordion-default*/
.accordion-default {
    margin-top: 30px;
}
.accordion-default-i {
    margin-bottom: 30px;
}
.accordion-default-title {
    display: flex;
    cursor: pointer;
    margin: 0;
    transition: var(--transition);
    user-select:none;
    outline: none;
}
.accordion-default-title:hover {
    transition: var(--transition);
    opacity: 0.7;
}
.accordion-default-title:after {
    position: relative;
    top: -2px;
    display: flex;
    padding-left: 35px;
    content: url('data:image/svg+xml;utf8,<svg width="20" height="13" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_67_113)"><path d="M0.908203 1.08325L9.99911 11.9166L19.09 1.08325" stroke="%232368A9" stroke-linecap="round"/></g><defs><clipPath id="clip0_67_113"><rect width="20" height="13" fill="white"/></clipPath></defs></svg>');
}
@media (max-width: 991.98px) {
    .accordion-default-title:after {
        margin-left: auto;
    }
}
.accordion-default-title[aria-expanded='true']:after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="13" viewBox="0 0 20 13" fill="none"><g clip-path="url(%23clip0_140_877)"><path d="M0.908203 11.9167L9.99911 1.08341L19.09 11.9167" stroke="%232368A9" stroke-linecap="round"/></g><defs><clipPath id="clip0_140_877"><rect width="20" height="13" fill="white"/></clipPath></defs></svg>');
}
.accordion-default-content {
    margin-top: 15px;
}
/*accordion-plus*/
.accordion-plus {
}
.accordion-plus-i {
    border-bottom: 1px solid #d9dbe9;
    padding: 18px 0;
}
.accordion-plus-title {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    transition: var(--transition);

    color: var(--black-100, #020202);
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    user-select:none;
    outline: none;
}

@media (max-width: 991.98px) {
    .accordion-plus-title {

        font-size: 16px;
        font-weight: 500;
    }
}
.accordion-plus-title:hover {
    transition: var(--transition);
    opacity: 0.7;
}
.accordion-plus-title:after {
    position: relative;
    top:4px;
    display: flex;
    margin-left: auto;
    padding-left: 20px;
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M11 1V21" stroke="%23170F49" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M1 11H21" stroke="%23170F49" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>');
}

@media (max-width: 991.98px) {
    .accordion-plus-title:after {
        top: 4px;

    }
}

.accordion-plus-title[aria-expanded='true']:after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="2" viewBox="0 0 23 2" fill="none"><path d="M1.26562 1H21.9994" stroke="%23020202" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>');
}
.accordion-plus-content {
    margin-top: 30px;
}
/*
	...


**************************************/

.service {
    width: 100px;
    height: 100px;
    background: red;
}
/*

    service-hero

**************************************/

@media (min-width: 768px) {
    .service-hero {
        padding: 50px 0;
        background-size: cover;
    }
}
@media (max-width: 767.98px) {
    .service-hero {
        background-color: rgba(239, 239, 238, 0.74);
        background-image: none !important;
    }
}
.service-hero-box {
}

@media (max-width: 767.98px) {
    .service-hero-box {
        padding-bottom: 20px;
    }
}
@media (min-width: 768px) {
    .service-hero-box {
        max-width: 787px;
        padding: 30px 26px 33px 28px;
        padding: 30px 26px 33px 28px;
        border-radius: 10px;
        background: rgba(239, 239, 238, 0.74);
    }
}
.service-breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px;
}
@media (max-width: 767.98px) {
    .service-breadcrumbs {
        display: none;
    }
}
.service-breadcrumbs span,
.service-breadcrumbs a {
    transition: var(--transition);
    white-space: nowrap;
    color: var(--blue-cta, #06549e);
    font-family: Nunito;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}
.service-breadcrumbs a:hover {
    transition: var(--transition);
    color: var(--black-200);
}
.service-breadcrumbs span {
    cursor: default;
}
.service-breadcrumbs svg {
    position: relative;
    left: -3px;
    width: 20px;
    height: 21px;
    pointer-events: none;
}
.service-breadcrumbs svg use {
}
.service-title {
    margin-top: 30px;
    color: var(--black-200);
    font-family: Nunito;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2; /* 120% */
}
@media (min-width: 768px) {
    .service-title-mobile {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .service-title {
        display: none;
    }
    .service-title-mobile {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        min-height: 110px;
        padding: 20px 0;
        text-align: center;
        background-size: cover;
        font-size: 30px;
        font-weight: 700;
    }
    .service-title-mobile:before {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        background: rgba(239, 239, 238, 0.74);
    }
}
.service-hero-content {
    margin-top: 18px;
}
.service-hero-b {
    margin-top: 25px;
    color: #020202;
    font-family: Nunito;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
}
.service-hero-btn {
    margin-top: 30px;
    text-transform: uppercase;

}
@media (max-width: 575.98px) {
    .service-hero-btn{

    }
    .service-hero-btn a{
        width: 100%;
        max-width: 400px;
    }
}
/*
	
    .service-related
    
**************************************/
.service-related {
    padding: 42px 0 30px 0;
    background: rgba(202, 228, 255, 0.18);
}
ul.service-related-list {
    column-gap: 20px;
    column-count: 2;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;

    gap: 20px;
}
@media (max-width: 991.98px) {
    ul.service-related-list {
        column-count: 1;

    }
}
ul.service-related-list li a {
    display: block;
    transition: var(--transition);
    color: #000;
    font-family: Nunito;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 30px;
   white-space: nowrap;
}

ul.service-related-list li a span{
    white-space: normal;
    padding-right: 30px;

}

@media (max-width: 991.98px) {
    ul.service-related-list li a span {
        padding-left: 10px;

    }
}
@media (max-width: 1299.98px) {
    ul.service-related-list li a {
        font-size: 20px;
        font-weight: 600;
        font-style: normal;
    }
}

@media (max-width: 991.98px) {
    ul.service-related-list li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
ul.service-related-list li a:hover {
    transition: var(--transition);
    color: var(--blue-100, #0046c0);
}
ul.service-related-list li svg {
    width: 20px;
    height: 21px;
    margin-left: -30px;
}
ul.service-related-list li.m-active a:hover,
ul.service-related-list li.m-active a {
    color: var(--grey-200, #737279);
}
/*

    .service-info

**************************************/

.service-tabs{
    margin-top: 60px;
}

@media (max-width: 991.98px) {
    .service-tabs {
        margin-top: 30px;
    }


}

/*service-tabs*/
.service-tabs {
}
.service-tabs .tabs-content {
    display: block;
    opacity: 1;
    transition: var(--transition);

}
.service-tabs .tabs-content.tabs-hidden {
    display: none;
    opacity:0;
    transition: var(--transition);
}
.service-tabs .tabs .tabs-head {
    display: inline-flex;
    border-bottom: 1px solid #e6e0e9;
    gap: 25px;
    padding-right: 18px;
}

@media (max-width: 991.98px) {
    .service-tabs .tabs .tabs-head {
        gap:10px;
        padding-right: 0;
        width: 100%;
    }
}
.service-tabs .tabs .tabs-head button {
    min-height: 48px;
    padding: 10px 8px;
    text-align: center;
    letter-spacing: 0.1px;
    color: #49454f;
    border-top: 0;
    border-right: 0;
    border-bottom: solid 2px transparent;
    border-left: 0;
    background: transparent;
    font-family: Nunito;
    font-size: 14px;
    line-height: 20px; /* 142.857% */
}

@media (max-width: 575.98px) {
    .service-tabs .tabs .tabs-head button {
        flex-grow: 1;
    }
}
.service-tabs .tabs .tabs-head button.tabs-selected {
    transition: var(--transition);
    color: #1d1b20;
    border-bottom: solid 2px var(--blue-100, #0046c0);
}
.service-tabs .tabs .tabs-head button:focus,
.service-tabs .tabs .tabs-head button:hover {
    transition: var(--transition);
    background: var(--grey-300, #d8e0e8);
}
/**/

.service-info-tabs-content {
    margin-top: 20px;
}
/**/
.service-info-content p {
    margin-bottom: 16px;
    color: #232323;
    font-family: Nunito;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;

}
@media (max-width: 991.98px) {
    .service-info-content p {
        margin-bottom: 12px;
    }
}
.service-info-content h2 {
    margin-bottom: 10px;
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;
}
@media (max-width: 991.98px) {
    .service-info-content h2 {
        margin-bottom: 13px;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.4;
    }
}
.service-info-content h3 {
    margin-bottom: 15px;
    color: #020202;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.75;
    margin-top: 25px;
}
@media (max-width: 991.98px) {
    .service-info-content h3 {
        margin-bottom: 18px;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.5;
    }
}

/*.service-info-content ul*/
.service-info-content ul {
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
}
@media (max-width: 991.98px) {
    .service-info-content ul {
        margin: 15px 0 0 0;
    }
}
.service-info-content ul li {
    margin-bottom: 9px;
    color: #020202;
    font-size: 20px;
    /*font-weight: 600;*/
    line-height: 1.5;
}
@media (max-width: 991.98px) {
    .service-info-content ul li {
        margin-bottom: 18px;
        font-size: 16px;
        font-weight: 500;
    }
}
.service-info-content ul li:before {
    margin-right: 10px;
    content: '\eed7';
    white-space: nowrap;
    text-transform: none;
    word-wrap: normal;
    color: var(--color-blue);
    font-family: IcoFont !important;
    font-size: 23px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    speak: none;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/*.service-info-content ol {*/
.service-info-content ol{
    /*margin-top: 10px;*/
    padding: 0;
}

.service-info-content ol li{
    line-height: 1.4;
    padding: 0 0 0 2px;
    margin: 0 0 16px 20px;

}

/*service-info-editor-row*/

.service-info-editor-row{
    display: grid;
    grid-template-columns: 8fr 4fr;
    gap: 20px;
}

@media (max-width: 991.98px) {
    .service-info-editor-row {
        grid-template-columns: 1fr;
    }
}
.service-info-editor-col-1{

}
.service-info-editor-col-2{

}

/*.service-info-editor-images*/
.service-info-editor-images{
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;

}

ul.service-info-editor-images li {
    margin-bottom: 20px;
}

.service-info-editor-images img{
    width: 100%;
    height: auto;

}

/*service-info-editor-2*/

.service-info-editor-2{

    background:no-repeat url('data:image/svg+xml;utf8,<svg width="352" height="408" viewBox="0 0 352 408" xmlns="http://www.w3.org/2000/svg"><path d="M83.6163 110.543C86.7413 109.566 88.5968 106.246 87.6202 103.121C86.6436 99.9961 83.3233 98.1406 80.1983 99.1172C69.3585 102.34 59.7882 108.199 52.464 116.012C31.9561 137.789 35.5694 167.184 36.546 172.848C37.0343 175.777 39.5733 177.828 42.4054 177.828C46.0186 177.828 48.9483 174.508 48.2647 170.895C47.4835 166.207 44.4561 141.891 61.1553 124.215C68.5772 116.207 77.4639 112.398 83.6163 110.543ZM216.136 80.1719C208.421 87.8867 208.421 100.68 216.136 108.395L231.663 123.922C236.351 128.609 242.503 131.148 249.046 131.148C255.589 131.148 261.839 128.609 266.429 123.922L310.081 80.2695C318.089 72.3594 317.601 58.8828 309.398 51.3633C301.487 44.2344 289.28 44.625 281.566 52.3398L249.046 84.8594L244.358 80.1719C236.741 72.457 223.851 72.457 216.136 80.1719ZM249.046 98.1406C251.39 98.1406 253.636 97.2617 255.198 95.6016L289.964 60.8359C293.089 57.7109 298.167 57.418 301.292 60.25C304.612 63.2773 304.808 68.6484 301.585 71.8711L258.03 115.426C255.687 117.77 252.464 119.137 249.046 119.137C245.628 119.137 242.503 117.867 240.062 115.426L224.534 99.8984C221.409 96.8711 221.409 91.6953 224.534 88.5703C227.659 85.4453 232.835 85.4453 235.862 88.5703L242.796 95.5039C244.554 97.1641 246.702 98.1406 249.046 98.1406ZM268.773 0.289064C265.452 0.0937512 262.62 2.53515 262.425 5.85547C262.23 9.17578 264.671 12.0078 267.991 12.2031C308.128 14.7422 339.671 48.3359 339.671 88.5703C339.671 131.539 304.515 165.133 263.108 165.133C220.921 165.133 186.546 130.758 186.546 88.5703C186.546 54.5859 209.398 24.3125 242.015 14.9375C245.14 14.0586 246.995 10.7383 246.116 7.51562C245.237 4.39062 241.917 2.53515 238.694 3.41406C205.003 13.082 180.394 41.8906 175.511 75.9727C170.433 79.4883 165.062 83.3945 160.081 85.9336C151.878 90.0352 144.847 90.4258 136.741 87.2031C130.687 84.7617 125.706 81.1484 120.335 77.3398C111.644 71.0898 102.562 64.6445 88.8897 63.5703C72.5811 62.3984 54.1241 67.7695 38.4015 78.4141C17.3077 92.5742 3.63583 118.453 0.901452 149.312C-0.368079 163.375 0.608483 176.754 3.83114 189.059C6.07723 197.848 10.0811 205.953 13.8897 213.766C17.4054 220.895 20.7257 227.633 22.7765 234.859C26.9757 249.117 26.3897 263.277 25.9015 278.219C25.7061 283.785 25.5108 289.449 25.5108 295.211C25.7061 328.121 25.9015 369.039 52.171 392.672C62.6202 402.145 79.3194 412.008 92.8936 405.562C102.952 400.875 104.515 390.23 106.663 375.68C107.835 368.062 109.202 358.687 112.034 347.555C112.718 345.016 113.304 342.184 113.987 339.254C114.964 335.152 116.331 329.391 110.472 328.023C104.71 326.656 103.343 332.32 102.366 336.52C101.683 339.449 101.097 342.184 100.413 344.625C97.4835 356.344 96.0186 366.109 94.8468 373.922C92.8936 387.008 91.8194 392.867 87.8155 394.82C81.1749 397.945 68.5772 391.5 60.1788 383.883C37.8155 363.766 37.6202 325.777 37.5225 295.211C37.5225 289.742 37.7179 284.176 37.9132 278.707C38.4991 263.473 39.085 247.652 34.3975 231.539C32.0538 223.434 28.3429 215.914 24.7296 208.59C21.0186 200.973 17.503 193.746 15.5499 186.227C12.7179 175.289 11.839 163.277 13.0108 150.582C15.4522 123.336 27.2686 100.68 45.335 88.5703C58.9093 79.3906 74.6319 74.7031 88.3038 75.7773C98.5577 76.5586 105.589 81.5391 113.597 87.3008C119.261 91.3047 125.12 95.5039 132.542 98.5312C143.87 103.023 154.417 102.535 165.745 96.8711C168.968 95.3086 171.995 93.3555 175.023 91.4023C176.39 138.961 215.55 177.34 263.401 177.34C269.944 177.34 276.292 176.656 282.444 175.289C280.687 186.91 277.073 197.848 271.898 207.32C257.835 232.711 258.128 256.344 258.519 281.344C258.616 285.934 258.616 290.621 258.616 295.406C258.421 325.973 258.226 363.961 235.862 384.078C227.366 391.695 214.769 398.141 208.226 395.016C204.124 393.062 203.05 387.203 201.194 374.117C200.023 366.305 198.558 356.539 195.628 344.82C190.648 324.996 182.444 286.812 161.058 275.582C153.929 271.871 146.116 271.48 138.011 274.605C126.878 278.805 118.284 288.863 111.839 305.27C110.667 308.297 112.132 311.812 115.159 312.984C118.187 314.156 121.702 312.691 122.874 309.664C128.05 296.578 134.398 288.766 142.21 285.738C147.093 283.883 151.487 283.98 155.491 286.129C171.702 294.625 179.71 330.855 184.007 347.75C186.839 358.883 188.206 368.355 189.378 375.875C191.526 390.523 193.089 401.07 203.148 405.758C216.917 412.203 233.519 402.242 243.87 392.867C270.14 369.234 270.335 328.316 270.53 295.406C270.53 290.523 270.53 285.738 270.433 281.148C270.14 256.734 269.847 235.641 282.347 212.984C289.085 200.777 293.382 186.52 294.944 171.383C328.148 158.688 351.78 126.363 351.78 88.7656C351.585 42.0859 315.257 3.21875 268.773 0.289064ZM45.8233 188.57C42.503 188.863 40.0616 191.695 40.3546 195.016C40.6475 198.434 41.1358 201.949 42.0147 205.27C42.6983 208.004 45.1397 209.859 47.7764 209.859C51.585 209.859 54.5147 206.148 53.5382 202.437C52.8546 199.703 52.4639 196.871 52.171 194.039C51.9757 190.719 49.1436 188.277 45.8233 188.57Z" fill="rgba(0,0,0,0.07)"/></svg>') 70% 0;
    background-size: contain;


}
/*

    counter-area m-services

**************************************/

.counter-area.m-services{
    margin: 0;
    box-shadow: none;
}


/*

    service-extra

**************************************/

.service-extra{
    position: relative;
    padding-bottom: 20px;
}

.service-extra-button-more button{
    color: #020202;
    font-weight: 600;
    line-height: 1.4;
    transition: var(--transition);
    background: none;
    border: 0;
    padding: 10px 0;
    display: flex;
    gap: 10px;
}





@media (max-width: 991.98px) {
    .accordion-default-title:after {
        margin-left: auto;
    }
}


/*fancy spoiler*/

.service-extra-button-more button:not(.active):before { 
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: '';
    height: 129px;
    background: linear-gradient(0deg, rgba(10, 50, 119, 0.30) 9.54%, rgba(209, 234, 255, 0.17) 73.7%, rgba(194, 226, 254, 0.22) 133.97%);
    filter: blur(2px);
    transition: var(--transition);

}

.service-extra-button-more button:after {

    position: relative;
    width: 20px;
    height: 20px;
    background: transparent;
    display: inline-block;
    vertical-align: middle;

    filter: grayscale(100%) brightness(123%) sepia(170%) hue-rotate(127deg) saturate(192%);
    transition: transform 0.3s;
    transform: rotate(00deg) scale(.75);
    cursor: pointer;
    transform-origin: center;
    color: #000;
    /*transform: scale(.75);*/
    top: 1px;

    content: url('data:image/svg+xml;utf8,<svg width="20" height="13" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_67_113)"><path d="M0.908203 1.08325L9.99911 11.9166L19.09 1.08325" stroke="%23000" stroke-linecap="round"/></g><defs><clipPath id="clip0_67_113"><rect width="20" height="13" fill="white"/></clipPath></defs></svg>');
}

.service-extra-button-more button.active:after {
    transform: rotate(180deg) scale(.75);
    transform-origin: center;
    transition: transform 0.3s;

}

.service-info-content-spoiler {
    max-height: 0;
    opacity: 0.1;
    overflow: hidden;
    transition: all .4s;
    padding-top: 1px;
}

.service-info-content-spoiler.active {
    max-height: 2000px;
    opacity: 1;
    overflow: unset;
}

/*

    service-default-content

**************************************/
.service-default-content{
    margin-top: 60px;
}

@media (max-width: 991.98px) {
    .service-default-content {
        margin-top: 30px;
    }
}


/*

    service-list

**************************************/

.service-list-title{
    text-align: center;
}