.div-row-mobile {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 3%;
    padding: 10px;
}

.div-row-mobile-2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 3%;
    padding: 10px;
}

.simcard-type-mobile {
    width: 140px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border: 2px solid #FFFFFF;
    border-radius: 25px 12px 12px 12px;
    text-align: center;
    height: 70px;
}

.shape-irancell-mobile {
    background-color: #FFCB08;
}

.shape-MCI-mobile {
    background-color: #54C5D0;
}

.shape-righel-mobile {
    background-color: #851179;
}

.pic-MCI-mobile {
    border-radius: 13px;
    width: 42px;
    margin-top: 12px;
    margin-left: 2px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.pic-rightel-mobile {
    border-radius: 13px;
    margin-top: 12px;
    height: 39px;
    margin-left: 2px;
    width: 51px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.pic-wenex-mobile {
    border-radius: 13px;
    margin-top: 12px;
    height: 39px;
    margin-left: 2px;
    width: 101px !important;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}


.pic-irancell-mobile {
    border-radius: 13px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    width: 45px;
    height: 45px;
    padding: 2px;
}

.input-select {
    display: none;
}

.container-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.txt-simcard-mobile {
    color: white;
    font-size: 12px;
    margin-left: 5px;
    font-weight: bold;
    white-space: nowrap;
}

.product-type-mobile {
    width: 30%;
    background-color: #54C5D0;
    border: 2px solid white;
    box-shadow: 0px 4px 4px #00000040;
    border-radius: 25px 12px 12px 12px;
    width: 85px;
    text-decoration: none;
    color: white;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-type-mobile:hover {
    color: white;
}

@media only screen and (max-width: 400px) {
    .shape-simcard-mobile {
        width: 30%;
    }
}

@media only screen and (min-width: 500px) {
    .txt-simcard-mobile {
        display: block;
    }

    .pic-MCI-mobile {
        width: 65px;
    }

    .pic-rightel-mobile {
        width: 70px;
        height: 55px;
    }

    .pic-wenex-mobile{
        width: 100px;
        height: 55px;
    }

    .pic-irancell-mobile {
        width: 65px;
        height: 65px;
    }

    .simcard-type-mobile {
        height: 85px;
    }
}

.bg-mci {
    background-color: #54C5D0 !important;
}