@import "../components/Headers/defaultHeader.css";
@import "../components/Headers/header-img.css";
@import "../components/Headers/headerDetail.css";
@import "../components/Headers/mobile-menu/mob-menu_handle.css";

@import "../components/Filtri/custom-select.css";


#ergea-services .services-list .col-0 {
    display: block !important;
}

.faq-style-2 .toggle-title {
    border-bottom: 1px solid var(--color-main-); /*1*/
    border-top: 1px solid var(--color-main-); /*1*/
}
.faq-style-2 .toggle:not(:last-child) {
    margin-bottom: 2.083vw; /*40*/
}
.faq-style-2 .toggle-title {
    padding: 1.354vw 1.563vw 1.354vw 1.563vw; /*26 30 26 30*/
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all 0.125 sease-in-out;
    transition: all 0.125 sease-in-out;
}
.faq-style-2 .toggle .toggle-title .faq-title {
    padding-right: 1.563vw; /*30*/
}
.faq-style-2 .faq-toggle {
    position: relative;
    width: 1.615vw; /*31*/
    height: 1.615vw; /*31*/
    transition: transform 0.2s linear;
}
.faq-style-2 .faq-toggle svg {
    height: 100%;
    width: 100%;
}
.faq-style-2 .toggle-title.active .faq-toggle {
    transform: rotate(45deg);
}
.faq-style-2 .toggle-title:hover .faq-toggle svg,
.faq-style-2 .toggle-title.active .faq-toggle svg {
    filter: brightness(10) invert(0);
}
.faq-style-2 .toggle .toggle-title:hover,
.faq-style-2 .toggle .toggle-title.active {
    background-color: var(--color-main);
}
.faq-style-2 .toggle .toggle-title:hover .faq-title,
.faq-style-2 .toggle .toggle-title.active .faq-title {
    color: var(--color-pure-white);
}
.faq-style-2 .col a:hover .line-title,
.faq-style-2 .col a:hover .line-description {
    border-color: #cdcdcd;
}

/* List
--------------------------------*/
    .faq-style-2 .services-list .col {
        border-bottom: 1px solid #dadada; /*1*/
    }
    .faq-style-2 .line-title {
        width: 34.62%;
        padding: 0 1.563vw; /*30*/
        font-family: var(--sbd-font) !important;
        border-right: 1px solid #dadada; /*1*/
        line-height: 1.3;
    }
    .faq-style-2 .line-description {
        width: 46.22%;
        padding: 0 1.563vw; /*30*/
        border-right: 1px solid #dadada; /*1*/
        line-height: 1.3;
    }
    .faq-style-2 .col a {
        text-decoration: unset !important;
    }
    .faq-style-2 .col a:hover {
        background-color: #e5dbcf;
    }
    .faq-style-2 .col a > * {
        height: 3.125vw; /*60*/
    }
    .faq-style-2 .line-view-page {
        width: 19.16%;
        justify-content: center;
    }
    .faq-style-2  .line-view-page .link-arrow span {
        font-family: var(--bd-font);
        text-transform: unset;
    }
    .faq-style-2 .link-arrow .arrow-btn svg {
        width: 1.042vw; /*20*/
        height: 1.042vw; /*20*/
    }


@media screen and (max-width: 1920px) {
    .faq-style-2 .toggle:not(:last-child) {
        margin-bottom: 40px; /*40*/
    }
    .faq-style-2 .toggle-title {
        padding: 26px 30px 26px 30px; /*26 30 26 30*/
    }
    .faq-style-2 .toggle .toggle-title .faq-title {
        padding-right: 30px; /*30*/
    }    
    .faq-style-2 .faq-toggle {
        width: 31px; /*31*/
        height: 31px; /*31*/
    }

    /* List
    --------------------------------*/
        .faq-style-2 .line-title,
        .faq-style-2 .line-description {
            padding: 0 30px; /*30*/
        }
        .faq-style-2 .col a > * {
            height: 60px; /*60*/
        }
        .faq-style-2 .link-arrow .arrow-btn svg {
            width: 20px; /*20*/
            height: 20px; /*20*/
        }

}

@media screen and (max-width: 1600px) {
    .faq-style-2 .toggle-title { /*1600*/
        padding: 22px 30px 22px 30px;
    }
}

@media screen and (max-width: 1440px) {
    .faq-style-2 .faq-toggle {
        width: 27px;
        height: 27px;
    }
    .faq-style-2 .toggle-title {
        padding: 20px 25px 20px 25px;
    }
    .faq-style-2 .toggle .toggle-title .faq-title {
        padding-right: 20px; /*30*/
    }    
    /* List
    ---------------------------------*/
        .faq-style-2 .line-title {
            padding: 0 25px;
        }
        .faq-style-2 .link-arrow .arrow-btn svg {
            width: 18px;
            height: 18px;
        }
}

@media screen and (max-width: 1280px) {
    .faq-style-2 .toggle:not(:last-child) {
        margin-bottom: 30px;
    }
    .faq-style-2 .faq-toggle {
        width: 23px;
        height: 23px;
    }
    .faq-style-2 .toggle-title {
        padding: 20px 20px 20px 20px;
    }

    /* List
    ---------------------------------*/
        .faq-style-2 .line-title,
        .faq-style-2 .line-description {
            padding: 0 20px;
        }
        .faq-style-2 .line-title {
            width: 30.62%;
        }
        .faq-style-2 .line-description {
            width: 51.22%;
        }
        .faq-style-2 .line-view-page {
            width: 17.16%;
        }
}

@media screen and (max-width: 992px) {
    #ergea-services .stripe-container-inner {
        padding-left: 0;
        padding-right: 0;
    }
    .faq-style-2 .link-arrow .arrow-btn svg {
        width: 16px;
        height: 16px;
    }

    /* List
    ---------------------------------*/
        .faq-style-2 .line-description {
            width: calc(100% - 200px - 150px);
        }
        .faq-style-2 .line-title {
            width: 200px;
        }
        .faq-style-2 .line-view-page {
            width: 150px;
        }
}

@media screen and (max-width: 767px) {
    .faq-style-2 .bg-sz, .faq-style-2 .bg-sz * {
        font-size: 19px;
    }
    .faq-style-2 .toggle-title {
        padding: 15px 10px;
    }
    .faq-style-2 .toggle:not(:last-child) {
        margin-bottom: 20px;
    }
    .faq-style-2 .faq-toggle {
        width: 17px;
        height: 17px;
    }
    .faq-style-2 .line-title,
    .faq-style-2 .line-description {
        padding: 0 10px;
    }

    /* List
    ---------------------------------*/
        .line-description,
        .line-view-page span {
            display: none;
        }
        .faq-style-2 .col a > * {
            height: 55px;
        }
        .faq-style-2 .line-view-page {
            width: 55px;
            min-width: 55px;
        }
        .faq-style-2 .line-title {
            width: 100%;
        }
        .faq-style-2 .link-arrow .arrow-btn svg {
            width: 19px;
            height: 19px;
        }
        .faq-style-2 .link-arrow .arrow-btn {
            margin-left: 0;
        }
}

@media screen and (max-width: 600px) {
    .five-col-grid {
        grid-template-columns: 1fr;
    }
}