@tailwind base;
@tailwind components;
@tailwind utilities;
body{
    background:white;
}
.bg-blue-700{
    background-color:#1c085e !important;
}
.msg-env{
    color: #ff2d55;
}


.container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card {
    width: 500px;
    height: 233px;
    color: #fff;
    cursor: pointer;
    perspective: 1000px;
}

.card-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform 1s;
    transform-style: preserve-3d;
}

.front {
    width: 100%;
    background-image: linear-gradient(45deg, #04ea93, #ff77c3);
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 20px;
    border-radius: 15px;
    overflow: hidden;
    z-index: 1;
    backface-visibility: hidden;
}

.row {
    display: flex;
    align-items: center;
    margin-top: 8px;
    justify-content: space-between;
}

.map-img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3;
    z-index: -1;
}

.card-no {
    font-size: 35px;
    margin-top: 38px;
}

.card-holder {
    font-size: 12px;
}

.name {
    font-size: 22px;
}



.card-text {
    margin-top: 30px;
    font-size: 14px;
}

.text-yellow-400 {
    color: #fff !important; 
}
.bg-gradient-to-r {
    background:  #05db80 !important;
    border: 0 !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
}
.bxs--exit {
    display: inline-block;
  
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5.002 21h14c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2h-14c-1.103 0-2 .897-2 2v6.001H10V7l6 5l-6 5v-3.999H3.002V19c0 1.103.897 2 2 2'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    color:#1c085e;
    width: 2em;
    height: 2em;
margin-top: 15px;
  }
  .dashicons--admin-home {
    display: inline-block;
    width: 2.3em;
    height: 2.3em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='m16 8.5l1.53 1.53l-1.06 1.06L10 4.62l-6.47 6.47l-1.06-1.06L10 2.5l4 4v-2h2zm-6-2.46l6 5.99V18H4v-5.97zM12 17v-5H8v5z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    color: #1c085e;

  }
  .material-symbols-light--forward-to-inbox-rounded {
    display: inline-block;
    width: 2em;
    height: 2em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.983 19h-4.368q-.213 0-.356-.143q-.144-.144-.144-.357t.144-.357t.356-.143h4.387l-1.746-1.746q-.146-.146-.153-.354q-.007-.208.159-.354q.146-.14.353-.133q.208.006.354.152l2.37 2.37q.13.13.186.267t.056.298q0 .142-.056.288q-.056.147-.187.277l-2.388 2.389q-.14.14-.341.134q-.201-.007-.347-.153q-.14-.14-.14-.335t.14-.335zM4.615 19q-.67 0-1.143-.472Q3 18.056 3 17.385V6.615q0-.67.472-1.143Q3.944 5 4.615 5h14.77q.67 0 1.143.472q.472.472.472 1.143v6.423q0 .374-.291.575q-.292.202-.659.085q-.329-.086-.676-.142q-.347-.056-.7-.056q-2.155 0-3.664 1.51q-1.51 1.51-1.51 3.663q0 .137-.095.232t-.232.095zM12 11L4.82 6.32q-.195-.122-.402-.045q-.206.077-.264.288q-.058.149-.016.307q.043.159.185.245l7.229 4.714q.211.13.448.13q.237 0 .448-.13l7.229-4.714q.142-.086.194-.245t-.025-.307q-.058-.211-.264-.278q-.207-.068-.401.053z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    color: #1c085e;
    margin-top: 9px;

  }
.bg-gray-200{
    background-color: #f0f0f0 !important;
}
.setting-style{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    color: black !important;
}
.pwd{
    color: black !important;
}
.text-blue-500{
    color: #1c085e !important;
    font-weight: 400 !important;
}
.border-blue-500{
    color: #ea001b !important;
    border: 1px solid  #1c085e !important;
    box-shadow:  10px 10px 10px 10px rgb(253, 0, 0)0 !important;

backdrop-filter: blur(10px) !important;

}
.tsk-cmp{
background: #f479c0 !important;}
.bg-gray-200{
    /* background: #1c085e !important; */
    color: #fff !important;
}
.bep-coin{
    font-weight: 900 !important;
    font-size: 24px !important;
}
.head-clr{
    background-color: #05db80 !important;
}
.trm-clr{
    color: #ea001b !important;
}
.clr-bep{
    color: #1c085e !important;
    text-align: center !important;
}
.clr-bep1{
    color: #1c085e !important;
    text-align: center !important;
}
.clr-sz{
    font-size: 22px !important;
    text-align: center;
    color: #1c085e;
}
.my-payment{
display: block;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;

}
.dark\:text-white{
    color: #000000 !important;
}

.logo-verify{
    visibility: hidden !important;
}
.getinto{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column;
}