#Etamplate .Econtainer__content h2{
    color: #343A40;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    border-radius: 10px;
    background: #E6FCF5;
    padding: 0px 9px 0px 11px;
    position: relative;
    display: inline-block;
    margin-bottom: 23px;
}
#Etamplate .Econtainer__content h2::after{
    content: attr(data-title);
    position: absolute;
    top: -30px;
    color: #12B886;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    left: 11px;
}
#Etamplate .Econtainer__content h2.pdf{
    background-color: #FFF5F5;
}
#Etamplate .Econtainer__content h2.pdf::after {
    color: #FA5252;
}
#Etamplate .EC-attachment p {
    color:  #343A40;
    text-align: justify;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
#Etamplate .EC-attachment .items{
    margin-top: 62px;
}
#Etamplate .EC-attachment .item {
    border-radius: 10px;
    background: #f7f7f7;
    padding: 14px 42px 14px 19px;
    margin-bottom: 15px;
    position: relative;
}
#Etamplate .EC-attachment .item.pdf {
    background: #FFF5F5;
}
#Etamplate .EC-attachment .item>div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#Etamplate .EC-attachment .item::after{
    content: '';
    position: absolute;
    width: var(--progress-width, 0%);
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: #FA5252;
    transition: width 10s linear;
}
#Etamplate .EC-attachment .item.hideAfter::after{
    display: none;
}
#Etamplate .EC-attachment__files-item.transition-item::after{
    transition: none;
}
#Etamplate .EC-attachment .item.pdf h3::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='48' viewBox='0 0 50 48' fill='none'%3E%3Cpath d='M46 20V30C46 40 42 44 32 44H20C10 44 6 40 6 30V18C6 8 10 4 20 4H30' stroke='%23FA5252' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46 20H38C32 20 30 18 30 12V4L46 20Z' stroke='%23FA5252' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='0.75' y='28.75' width='48.5' height='15.5' rx='3.25' fill='%23FA5252' stroke='%23FA5252' stroke-width='1.5'/%3E%3Cpath d='M14.034 41V33.3H17.202C17.884 33.3 18.467 33.41 18.951 33.63C19.4423 33.85 19.82 34.1653 20.084 34.576C20.348 34.9867 20.48 35.4743 20.48 36.039C20.48 36.6037 20.348 37.0913 20.084 37.502C19.82 37.9127 19.4423 38.228 18.951 38.448C18.467 38.668 17.884 38.778 17.202 38.778H14.826L15.464 38.107V41H14.034ZM15.464 38.261L14.826 37.568H17.136C17.7667 37.568 18.2397 37.436 18.555 37.172C18.8777 36.9007 19.039 36.523 19.039 36.039C19.039 35.5477 18.8777 35.17 18.555 34.906C18.2397 34.642 17.7667 34.51 17.136 34.51H14.826L15.464 33.806V38.261ZM21.908 41V33.3H25.274C26.11 33.3 26.8434 33.4613 27.474 33.784C28.1047 34.1067 28.596 34.554 28.948 35.126C29.3 35.698 29.476 36.3727 29.476 37.15C29.476 37.92 29.3 38.5947 28.948 39.174C28.596 39.746 28.1047 40.1933 27.474 40.516C26.8434 40.8387 26.11 41 25.274 41H21.908ZM23.338 39.79H25.208C25.7874 39.79 26.286 39.68 26.704 39.46C27.1294 39.24 27.4557 38.932 27.683 38.536C27.9177 38.14 28.035 37.678 28.035 37.15C28.035 36.6147 27.9177 36.1527 27.683 35.764C27.4557 35.368 27.1294 35.06 26.704 34.84C26.286 34.62 25.7874 34.51 25.208 34.51H23.338V39.79ZM32.3049 36.842H36.1439V38.052H32.3049V36.842ZM32.4259 41H30.9959V33.3H36.6169V34.499H32.4259V41Z' fill='white'/%3E%3C/svg%3E");
    padding-right: 33px;
    line-height: 0;
    position: relative;
    top: 8px;
}
#Etamplate .EC-attachment .item h3 {
    color: #343A40;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    display: flex;
    align-items: start;
}
#Etamplate .EC-attachment .item p {
    color: #343A40;
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding-left: 83px;
    margin-top: -14px;
}
#Etamplate .EC-attachment .btn a{
    width: max-content;
    min-width: 135px;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    background: #FA5252;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 43px;
}
#Etamplate .EC-attachment .btn a.in-progsess{
    background: #868E96;
}
#Etamplate .EC-attachment .btn a.download{
    background: #12B886;
}
#Etamplate .btn:hover{
    opacity: .8;
}
#Etamplate .EC-attachment .btn{
    display: flex;
    flex-direction: column;
    align-items: end;
}
#Etamplate .EC-attachment .alert-error{
    color: #FA5252;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    display: none;
}
#Etamplate .EC-attachment .disabled {
    pointer-events: none;
    opacity: 0.3;
}
/* ********** tablet style */
@media screen and (max-width:768px) {
    #Etamplate .EC-attachment__content{
        padding: 0 33px;
    }
    #Etamplate .EC-attachment__content-title h2[data-title]::after {
        font-size: 16px;
        top: -28px;
    }
    #Etamplate .EC-attachment__content-title {
        margin-bottom: 27px;
    }
    #Etamplate .EC-attachment__files-content>div {
        margin-right: 20px;
    }
    #Etamplate .Econtainer__content h2 {
        font-size: 24px;
        line-height: 36px;
        padding: 0 8px 0 10px;
    }
    #Etamplate .EC-attachment__files {
        margin-top: 53px;
    }
    #Etamplate .EC-attachment .item h3 {
        font-size: 16px;
    }
    #Etamplate .EC-attachment__files-content p {
        max-width: 363px;
    }
    #Etamplate .EC-attachment__files-link {
        min-width: 137px;
        line-height: 38px;
        font-size: 14px;
    }
    #Etamplate .EC-attachment .item {
        padding: 14px 14px 14px 18px;
    }
    #Etamplate .EC-attachment .alert-error {
        font-size: 13px;
        line-height: 17px;
    }
    #Etamplate .EC-attachment .item.pdf h3::before {
        padding-right: 22px;
    }
    #Etamplate .EC-attachment .btn {
        margin-left: 10px;
    }
    #Etamplate .Econtainer__content h2::after {
        left: 8px;
        font-size: 16px;
    }
    #Etamplate .EC-attachment .item p {
        padding-left: 72px;
    }
}
/* ************** mobile style */
@media screen and (max-width:576px) {
    #Etamplate .Econtainer {
        padding: 0 15px;
    }
    #Etamplate .Econtainer__content h2::after {
        font-size: 14px;
        top: -26px;
    }
    #Etamplate .Econtainer__content h2 {
        font-size: 18px;
        padding: 0 8px 0 8px;
        line-height: 27px;
        margin-bottom: 19px;
    }
    #Etamplate .EC-attachment p {
        font-size: 16px;
        line-height: 27px;
    }
    #Etamplate .EC-attachment .items {
        margin-top: 40px;
    }
    #Etamplate .attachment__files-content i {
        margin-right: 12px;
    }
    #Etamplate .EC-attachment .item>div {
        padding: 19px 13px 12px 13px;
        flex-direction: column;
        align-items: start;
    }
    #Etamplate .attachment__files-content {
        display: flex;
        align-items: start;
    }
    #Etamplate .EC-attachment .item h3 {
        font-size: 14px;
        line-height: 26px;
        display: flex;
        align-items: center;
    }

    #Etamplate .EC-attachment .item.pdf h3::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 50 48' fill='none'%3E%3Cpath d='M46 20V30C46 40 42 44 32 44H20C10 44 6 40 6 30V18C6 8 10 4 20 4H30' stroke='%23FA5252' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46 20H38C32 20 30 18 30 12V4L46 20Z' stroke='%23FA5252' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='0.75' y='28.75' width='48.5' height='15.5' rx='3.25' fill='%23FA5252' stroke='%23FA5252' stroke-width='1.5'/%3E%3Cpath d='M14.034 41V33.3H17.202C17.884 33.3 18.467 33.41 18.951 33.63C19.4423 33.85 19.82 34.1653 20.084 34.576C20.348 34.9867 20.48 35.4743 20.48 36.039C20.48 36.6037 20.348 37.0913 20.084 37.502C19.82 37.9127 19.4423 38.228 18.951 38.448C18.467 38.668 17.884 38.778 17.202 38.778H14.826L15.464 38.107V41H14.034ZM15.464 38.261L14.826 37.568H17.136C17.7667 37.568 18.2397 37.436 18.555 37.172C18.8777 36.9007 19.039 36.523 19.039 36.039C19.039 35.5477 18.8777 35.17 18.555 34.906C18.2397 34.642 17.7667 34.51 17.136 34.51H14.826L15.464 33.806V38.261ZM21.908 41V33.3H25.274C26.11 33.3 26.8434 33.4613 27.474 33.784C28.1047 34.1067 28.596 34.554 28.948 35.126C29.3 35.698 29.476 36.3727 29.476 37.15C29.476 37.92 29.3 38.5947 28.948 39.174C28.596 39.746 28.1047 40.1933 27.474 40.516C26.8434 40.8387 26.11 41 25.274 41H21.908ZM23.338 39.79H25.208C25.7874 39.79 26.286 39.68 26.704 39.46C27.1294 39.24 27.4557 38.932 27.683 38.536C27.9177 38.14 28.035 37.678 28.035 37.15C28.035 36.6147 27.9177 36.1527 27.683 35.764C27.4557 35.368 27.1294 35.06 26.704 34.84C26.286 34.62 25.7874 34.51 25.208 34.51H23.338V39.79ZM32.3049 36.842H36.1439V38.052H32.3049V36.842ZM32.4259 41H30.9959V33.3H36.6169V34.499H32.4259V41Z' fill='white'/%3E%3C/svg%3E");
        padding-right: 12px;
        top: 0;
    }
    #Etamplate .EC-attachment .btn{
        min-width: 137px;
        line-height: 42px;
        font-size: 14px;
        width: 100%;
        margin-left: 0;
    }
    #Etamplate .EC-attachment .btn a {
        width: 100%;
        line-height: 42px;
    }
    #Etamplate .EC-attachment .item p {
        line-height: 26px;
        padding-left: 0px;
        margin-top: 13px;
        margin-bottom: 13px;
    }
    #Etamplate .EC-attachment .alert-error {
        font-size: 14px;
        line-height: 28px;
        max-width: 100%;
        text-align: center;
        width: 100%;
    }
}