:root {
    --secondary-color: #EB5C2E;
    --secondary-color-rgb: 235, 92, 46;
    --primary-color: #824E8F;
    --primary-color-rgb: 130, 78, 143;
    --purb-color: #574E83;
}

.breadcrumb-item + .breadcrumb-item::before {
    padding-right: var(--phoenix-breadcrumb-item-padding-x);
    padding-left: unset;
    transform: rotateZ(180deg);
}

.border-red {
    border: 1px solid red !important;
}

.btn-primary {
    background-color: var(--primary-color) !important;
}

a {
    color: var(--secondary-color);
}

.form-switch .form-check-input:checked {
    background-color: var(--secondary-color);
}

.form-check-input:checked {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

input, button, select, optgroup, textarea, label, .alert, .badge, .blockquote-footer, .btn, .google-map-control-btn .zoomIn, .google-map-control-btn .zoomOut, .tox .tox-dialog__footer .tox-button:last-child, .tox .tox-dialog__footer .tox-button--secondary, .tox .tox-button-secondary, .tox .tox-button, [data-list] .page, .table-list .page, .navbar, .pagination, .valid-feedback, .invalid-feedback {
    font-family: "Cairo", sans-serif;
}

[data-list] li.active .page, .table-list li.active .page {
    background-color: var(--primary-color);
}

.form-check-input:focus {
    border-color: var(--secondary-color);
    -webkit-box-shadow: inset 0 1px 2px transparent, 0 0 0 0.25rem rgba(var(--secondary-color-rgb), 0.25);
    box-shadow: inset 0 1px 2px transparent, 0 0 0 0.25rem rgba(var(--secondary-color-rgb), 0.25);
}

.form-control:focus {
    -webkit-box-shadow: inset 0 1px 2px transparent, inset 0 0 0 30px var(--phoenix-emphasis-bg), 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
    box-shadow: inset 0 1px 2px transparent, inset 0 0 0 30px var(--phoenix-emphasis-bg), 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
    border-color: var(--primary-color)
}

.form-select:focus {
    border-color: var(--primary-color);
    -webkit-box-shadow: inset 0 1px 2px transparent, 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
    box-shadow: inset 0 1px 2px transparent, 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
}

.btn-link {
    color: var(--secondary-color);
}

.btn-phoenix-primary {
    color: var(--primary-color)
}

    .btn-phoenix-primary:hover {
        color: var(--primary-color)
    }

::selection {
    background-color: #574E83 !important;
}

.choices[data-type*=select-one]::after {
    right: unset;
    left: 11px
}

.choices.is-focused .choices__inner {
    -webkit-box-shadow: inset 0 1px 2px transparent, inset 0 0 0 30px var(--phoenix-emphasis-bg), 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25) !important;
    box-shadow: inset 0 1px 2px transparent, inset 0 0 0 30px var(--phoenix-emphasis-bg), 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25) !important;
    border-color: var(--primary-color) !important;
}

.choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #574E83 !important
}

.btn-subtle-primary {
    color: var(--primary-color);
    background-color: rgba(var(--primary-color-rgb), 0.2 );
    border-color: rgba(var(--primary-color-rgb), 0.2 );
}

    .btn-subtle-primary:hover {
        color: var(--primary-color);
        background-color: rgba(var(--primary-color-rgb), 0.4 );
    }

.slider-heghit {
    height: 33vw;
}

@media only screen and (max-width: 767px) {
    .slider-heghit {
        height: 50vw;
    }
}

.color-orange {
    color: var(--secondary-color) !important;
}

.color-primary {
    color: var(--primary-color) !important;
}

.mydiscountDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-color);
    min-width: 47px;
}
.mydiscountDivGold {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    background-color: var(--secondary-color);
    min-width: 47px;
}

.text-gradient-info2 {
    background: -webkit-gradient(linear, right top, right bottom, from(var(--primary-color)), to(var(--purb-color)));
    background: -o-linear-gradient(top, var(--primary-color) 0%, var(--purb-color) 100%);
    background: linear-gradient(-180deg, var(--primary-color) 0%, var(--purb-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    background-clip: text;
}
.shadow-info:before {
    background-color: var(--primary-color);
    opacity: .4;
}

.page-link.active, .active > .page-link {
    background-color: var(--purb-color);
    border-color: var(--primary-color)
}
.avatar .avatar-name {
    background-color: rgba( 130, 78, 143 , 0.25);
    color:var(--primary-color)
}

.myCard {
    width: 600px;
    height: 350px;
    max-width: 100%;
    position: relative;
    transition: transform 1s;
    transform-style: preserve-3d;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

@media only screen and (max-width:768px) {
    .myCard {
        height: 230px
    }
}

.card__face {
    position: absolute;
    height: 100%;
    width: 100%;
    backface-visibility: hidden;
}



.card_back {
    transform: rotateY( 180deg );
}
.card_left {
    transform: rotateY( 90deg );
}

.rotateBtn{
    height:34px;
    width:34px;
    border-radius:17px;
    position:absolute;
    bottom:10px;
    right:10px;
    padding:0;
    font-size:20px;
}
.rot{
    transform:rotateY(180deg);
}
.cardNumber {
    font-family: "Kode Mono", monospace;
    color: white;
    direction: ltr
}
.card_purp{
    background-image:url(/CardImgs/M1.png)
}

.cardback_purp{
    background-image:url(/CardImgs/M2.png)
}
.card_gold {
    background-image: url(/CardImgs/G1.png)
}

.cardback_gold {
    background-image: url(/CardImgs/G2.png)
}
.card_silver {
    background-image: url(/CardImgs/s1.png)
}

.cardback_silver {
    background-image: url(/CardImgs/S2.png)
}
.choices[data-type*=select-one]::after{
    right:unset !important;
    left:11px ;
}
.form-floating > .form-select{
    padding-bottom: 6px !important;
}
.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
    font-weight: 700;
    color: var(--primary-color);
    border-bottom-color: currentcolor;
}
.shadow-primary-100:before {
    background-color: rgba(var(--primary-color-rgb), 0.3);
}
.shadow-orange-100:before {
    background-color: rgba(var( --secondary-color-rgb), 0.3);
}
.shadow-success-100:before {
    background-color: rgba(var(--phoenix-success-rgb), 0.3);
}