/**
 * Css for Widget
 */

.info-accordion-lph {
    background-color: var(--etg-bkg-light);
    padding-top: var(--etg-padding-top-bottom);
    padding-bottom: var(--etg-padding-top-bottom);
}

body.etg-bkg-light .info-accordion-lph {
    background-color: #fff;
}


.info-accordion-lph .container-accordion{
    margin-top: 60px;
}

.info-accordion-lph .container-accordion .accordion-header{
    padding: 0;
}

.info-accordion-lph .container-accordion .accordion-item{
    background: #fff;
    margin-bottom: 16px;
    border: 1px solid #fff;
    padding: 24px 40px ;
}

body.etg-bkg-light .info-accordion-lph .container-accordion .accordion-item {
    background: var(--etg-bkg-light);
}


.info-accordion-lph .container-accordion .accordion-item a{
    /*
    color: var(--etg-primary);

     */
}

.info-accordion-lph .container-accordion .accordion-button{
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-weight: 400;
    padding: 0;
}

.info-accordion-lph .container-accordion .accordion-button:not(.collapsed) {
    color: var(--etg-primary);
    box-shadow: none;
}

.info-accordion-lph .container-accordion .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: none;
    font-family: bootstrap-icons!important;
    font-style: normal;
    font-weight: 400!important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: -16px;
    color: var(--etg-primary);
}

.info-accordion-lph .container-accordion .accordion-button::after {
    content: "\F4FE";
    background-image: none;
    transform: none;
}

.info-accordion-lph .container-accordion .accordion-button:not(.collapsed)::after {
    content: "\F2EA";
    background-image: none;
    transform: none;
}

.info-accordion-lph .boxImage {
    width: 100%;
    overflow: hidden;
    height: auto;
    transition: height 0.4s ease-in-out;
}

.info-accordion-lph .boxImage-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: opacity 0.4s ease-in-out;
}

.info-accordion-lph .boxImage-img.fade-out {
    opacity: 0;
}

.info-accordion-lph .boxImage-img.fade-in {
    opacity: 1;
}

.info-accordion-lph .container-accordion .accordion-body {
    color: #4A4A4A;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    word-wrap: break-word;
    padding: 24px 0 8px;
}

.info-accordion-lph .container-accordion .accordion-body a.bodyAccordionLink{
/*
    color: var(--etg-color-txt-body);
    display: inline-block;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    padding: 16px 24px;
    border: 1px solid var(--etg-color-txt-body);
    text-decoration: none;
    margin-top: 8px;
    transition: all 0.4s ease-in-out;

 */
}

.info-accordion-lph .container-accordion .accordion-body a.bodyAccordionLink svg{
    width: 16px;
    margin-top: -2px;
}

.info-accordion-lph .container-accordion .accordion-body a.bodyAccordionLink:hover{
}


.info-accordion-lph .container-accordion .accordion-body .accordion-body-image{
    display:none;
}

@media (max-width: 991px) {
    .info-accordion-lph .container-accordion .accordion-item {
        padding: 24px 30px;
    }

    .info-accordion-lph .container-accordion .accordion-body {
        padding: 24px 0 0;
    }
}

@media (max-width: 1200px) {
    .info-accordion-lph {
        padding-top: var(--etg-padding-top-bottom-mobile);
        padding-bottom: var(--etg-padding-top-bottom-mobile);
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    .info-accordion-lph .container-accordion {
        margin-top: 20px;
    }

    .info-accordion-lph .boxImage {
        aspect-ratio: 1/1;
        height: auto!important;
    }

    .info-accordion-lph .container-accordion .accordion-body .accordion-body-image{
        display: block;
        aspect-ratio: 1/1;
        overflow: hidden;
        margin: 0 -31px -24px
    }

    .info-accordion-lph .container-accordion .accordion-body .accordion-body-image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

    .info-accordion-lph .boxImage {
        display: none;
    }
}