@import "tailwindcss/base.css";
@import "tailwindcss/components.css";
@import "tailwindcss/utilities.css";

@font-face {
    font-family: "IRANSans(FaNum)";
    src: url("../fonts/IRANSans(FaNum).eot"); /* IE9 Compat Modes */
    src: url("../fonts/IRANSans(FaNum).eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/IRANSans(FaNum).woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/IRANSans(FaNum).woff") format("woff"),
        /* Pretty Modern Browsers */ url("../fonts/IRANSans(FaNum).ttf") format("truetype"); /* Safari, Android, iOS */
}

html,
body {
    font-family: "IRANSans(FaNum)", 'Tanha', sans-serif;
}

.jinFont {
    font-family: "Roboto", 'Tanha', sans-serif;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.fa-caret-down, .fa-caret-up {
    margin-right: 0.5rem;
}

#list.collapsed {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-in;
}

#list.expanded {
    max-height: 25rem;
    transition: max-height 1s ease-out;
}

.fa-phone-flip, .fa-message, .fa-globe {
    padding-left: 0.625rem;
    color: #181b61;
}

.fa-arrow-left {
    margin-right: 10px;
}

.prev_arrow {
    cursor: pointer;
    font-size: 2rem;
    color: #fff;
    position: absolute;
    top: 70%;
    left: -50px;
    opacity: 0.8;
}

.next_arrow {
    cursor: pointer;
    font-size: 2rem;
    color: #fff;
    position: absolute;
    top: 70%;
    right: -50px;
    opacity: 0.8;
}

@media (max-width: 1450px) {
    .next_arrow {
        font-size: 1.5rem;
        top: 63%;
        right: -40px;
    }

    .prev_arrow {
        font-size: 1.5rem;
        top: 63%;
        left: -40px;
    }
}

@media (max-width: 992px) {
    .next_arrow {
        font-size: 1.5rem;
        top: 30%;
        right: -70px;
    }

    .prev_arrow {
        font-size: 1.5rem;
        top: 30%;
        left: -70px;
    }

    .text-slider {
        margin-top: -480px;
    }
}

@media (max-width: 640px) {
    .next_arrow {
        font-size: 1rem;
        top: 30%;
        right: -30px;
    }

    .prev_arrow {
        font-size: 1rem;
        top: 30%;
        left: -30px;
    }

    .text-slider {
        margin-top: -290px;
    }
}

#custom-arrow:hover {
    color: #fff;
    opacity: 1;
}

.disabled-link {
    cursor: default;
}

.sms-code-input input:focus {
    box-shadow: 0 0 4px #0090bc; /* Add a box shadow when focused */
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear
{
    display: none;
}

.custom-toast {
    font-family: 'IRANSans(FaNum)', sans-serif; /* Specify your custom font family here */
    /* Add other custom styles as needed */
}