  .modal-content {
  padding:4px;

}

.modal__content{
      /* padding: 8px 20px !important; */
      box-shadow: var(--tf-active-opacity) 0px 54px 55px, var(--tf-active-opacity) 0px -12px 30px, var(--tf-active-opacity) 0px 4px 6px, var(--tf-active-opacity) 0px 12px 13px, var(--tf-active-opacity) 0px -3px 5px;
  
}

 .modal__head {
    /* background: var(--tf-bg); */
    background: transparent;
    margin-bottom: 0;
    padding:8px 0px;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}

/* .modal__head::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background-color: var(--tf-tc2);
    border-radius: 999px;
    pointer-events: none;
}


.modal__head::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 5px;
    background-color: var(--tf-tc2);
    border-radius: 999px;
    pointer-events: none;
} */

#global-modal .modal-content img {
    border-radius: 12px;
}



.header__signin {
    gap: 8px !important;
    border: 2px solid #357d54 !important;
    padding: 20px 20px !important;
    border-radius: 4px !important;
    box-shadow: rgb(76 226 137) 0px 0px 8px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgb(41 45 46) 0px -3px 0px inset !important;
}
















.modal__head::before {
    content: '';
    position: absolute;
      top: -6px;
    left: 50%;
    transform: translateX(0%);
    width: 50%;
    height: 2px;
    background: linear-gradient(90deg, var(--tf-active-opacity), var(--tf-active), var(--tf-active-opacity));
    border-radius: 999px;
    pointer-events: none;
    animation: pulse 1.5s infinite ease-in-out;
}


.modal__head::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 2px;
    background: linear-gradient(90deg, var(--tf-active-opacity), var(--tf-active), var(--tf-active-opacity));
    border-radius: 999px;
    pointer-events: none;
    /* box-shadow: 0 0 8px 2px var(--tf-active); */
    animation: pulse3 1s infinite ease-in-out;
}

@keyframes pulse {
    0%, 100% {
        transform: translateX(-50%) scaleX(1);
        opacity: 1;
    }
    50% {
        transform: translateX(-50%) scaleX(1.4);
        opacity: 0.8;
    }
}

@keyframes pulse3 {
    0%, 100% {
        transform: translateX(-50%) scaleX(1);
        opacity: 1;
    }
     50% {
        transform: translateX(-50%) scaleX(1.4);
        opacity: 0.8;
    }
}

@keyframes slidedaa {
    0% {
        background-position: 0%;
    }
    100% {
        background-position: 100%;
    }
}