.icon-container-x {
    all: unset !important;
    position: absolute !important;
    left: 26px !important;
    top: 26px !important;
    z-index: 2 !important;
    height: 20px !important;
    width: 20px !important;
    font-size: 0 !important;
    background: transparent;
}
.hide-text {
    font-size: 0 !important;
}
.icon-container-b {
    all: unset;
    height: 20px;
    width: 13px;
    position: absolute;
    right: 22px;
    top: 26px;
    font-size: 0;
}


.popup-style .x-exit-icone {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}
.popup-style .back-icone {
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
}


.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.flex-space-between {
    display:flex;
    justify-content:space-between;
}
.flex-align-all-center {
    display:flex;
    justify-content:center;
    align-items:center;
}