.toastify {
                    position: fixed;
                    top: 80px;
                    min-width: 300px;
                    max-width: 400px;
                    right: 80px;
                    z-index: 99999;
                    padding: 22px 22px;
                    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
                    overflow: hidden;
                    transform: translateX(calc(100% + 150px));
                    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.25, 1.35);
                }

                #toastersuccess {
                    background: #fff;
                }

                #toastererror {
                    background: #fff;
                }

                .toastify.active {
                    transform: translateX(0);
                }

                .toastify-content {
                    display: flex;
                    justify-content: start;
                    align-items: center;
                }

                .toastify-check {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 35px;
                    width: 35px;
                    background-color: #40f467;
                    border-radius: 50%;
                    color: #fff;
                    font-size: 20px;
                }

                .message {
                    display: flex;
                    flex-direction: column;
                    margin: 0 10px;
                }

                .message-text {
                    font-size: 20px;
                    font-weight: 600;
                }

                .text-2 {
                    color: #000;
                    font-weight: 400;
                    font-size: 14px;
                }

          

           

                .w-90 {
                    width: 90%;
                }


               

                @media(max-width:1200px) {
                    .menu-alignment {
                        flex-direction: row-reverse;
                    }

                    #anotherDivData {
                        width: 90px;
                        height: 45px;
                    }
                }

                @media(max-width:575px) {
                    .toastify {
                        width: 90%;
                    }

                    .toastify.active {
                        right: 50%;
                        transform: translatex(50%);
                    }

                  
                }