@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900;1000&display=swap");

:root {
    --cbtn: #1b1b1c !important
}

* {
    font-family: Cairo, sans-serif !important
}

a[href=Apps][style*="--Cbtn"] {
    --cbtn: white !important
}

@keyframes float {
    0% {
        transform: translatey(0px)
    }

    50% {
        transform: translatey(-20px)
    }

    100% {
        transform: translatey(0px)
    }
}

@keyframes shadeanm {
    0% {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .6)
    }

    50% {
        box-shadow: 0 15px 15px 0 rgba(0, 0, 0, .2)
    }

    100% {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .6)
    }
}

.icon-stack {
    animation: float 4s ease-in-out infinite, shadeanm 4s ease-in-out infinite
}

table {
    border-collapse: collapse;
    width: 80%;
    margin: auto
}

td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center
}

.custom-img {
    width: 100px;
    height: 100px
}

.boxmseg {
    background-color: transparent
}

input[type=search].form-control.mb-1 {
    background: 0
}

.white-icon img {
    filter: brightness(0) invert(1)
}

button.btn.btn-primary.btn-marketing.text-center {
    background-color: transparent !important
}

.col-6 {
    display: flex;
    justify-content: center
}

.col-6 {
    margin: 0 auto
}

.image-container {
    border: 3px solid #7657FE;
    border-radius: 1.5rem;
    box-shadow: 1px 1px 1px #7657FE, 0 0 10px #7657FE, 0 0 2px #7657FE
}

.row {
    display: flex;
    flex-wrap: wrap
}

.col-6 {
    width: 20%
}

.text-uppercase-expanded {
    text-transform: uppercase;
    font-size: 30em;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

.text-uppercase-expanded svg {
    width: 1.5em;
    height: 1.5em;
    margin-left: 2px
}

.card-img-top.shop-img {
    border-color: #7657FE32 !important;
    background-clip: border-box;
    border: 2px solid #fff;
    border-radius: 3rem;
    box-shadow: 1px 1px 1px #7657FE32, 0 0 10px #7657FE32, 0 0 2px #7657FE32
}

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

.sol a {
    display: inline-block;
    margin: 0 5px;
    padding: 5px;
    transform-origin: center;
    animation: floatupdown 3s ease-in-out infinite
}

@keyframes floatupdown {

    0%,
    100% {
        transform: translatey(0)
    }

    50% {
        transform: translatey(-10px)
    }
}

.navbar-nav li,
.navbar-nav a,
.navbar-nav select {
    color: #fff !important;
    text-align: center
}

.text-light {
    color: #091427 !important
}

.form-control {
    color: #7657FE !important;
    background-color: #091427
}

.form-control::placeholder {
    color: #7657FE !important
}

.form-control.rounded-pill {
    background: linear-gradient(to top, #7657FE 0%, #7657FE 100%) !important;
    border: 1px solid #fff !important;
    box-shadow: 1px 1px 1px #7657FE, 0 0 10px #7657FE, 0 0 2px #7657FE;
    border-radius: 24px
}

.btn.btn-primary.btn-marketing.rounded-pill.btn-home,
.badge.badge-light.badge-pill.badge-marketing.badge-sm,
.btn.btn-primary.btn-marketing.rounded-pill,
.cc,
.page-header-title,
.navbar-toggler.collapsed,
.btn-primary.btn.rounded-pill.px-4,
.list-unstyled.mb-0,
.typing-demo,
.text-arrow-icon.small,
.card-title.small.mb-0,
.text-dark,
.package_model,
.card-title,
.badge.badge-apps {
    text-transform: uppercase;
    background-image: linear-gradient(-225deg, #7657FE 0%, #fffeff 29%, #7657FE 100%, #7657FE 60%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    text-align: center
}

@keyframes textclip {
    to {
        background-position: 200% center
    }
}

.card-text {
    color: #fff !important
}

.msg,
h1.mb-4 {
    color: #fff !important
}

.msg p {
    background: #fff !important;
    padding: 10px;
    border-radius: 7px;
    margin-top: 10px
}

.wrapper {
    display: grid;
    place-items: center
}

.typing-demo {
    width: 22ch;
    animation: typing 2s steps(22), blink .5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
    font-family: monospace;
    font-size: 2em
}

@keyframes typing {
    from {
        width: 0
    }
}

@keyframes blink {
    50% {
        border-color: transparent
    }
}

.msg {
    background-image: url("https://drstore.net/dhme1.svg") !important;
    border: 3px solid #7657FE !important;
    background: linear-gradient(to top, #7657FE 0%, #7657FE4f 100%) !important;
    color: #fff !important
}

.content-align-items-center {
    background-image: url("https://drstore.net/dhme1.svg") !important;
    background-size: top 100px
}

.col-lg-6.col-md-6.mb-5.mb-lg-0 {
    text-align: center
}

.svg-border-waves.text-white {
    display: none
}

.icon-stack.icon-stack-xl.bg-gradient-primary-to-secondary.text-white.mb-4 {
    background: linear-gradient(to top, #7657FE 0%, #7657FE4f 100%) !important
}

.d-flex.align-items-center.justify-content-between.mb-3 {
    display: none !important
}

.page-header-dark {
    color: #fff;
    background: linear-gradient(to top, #7657FE 0%, #7657FE4f 100%) !important
}


.footer.footer-dark {
    color: #fff;
    background: linear-gradient(to top, #7657FE 0%, #7657FE4f 100%) !important
}

.bg-light {
    background-color: #091427 !important
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #7657FE
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: #7657FE
}

.text-white {
    color: #091427 !important
}

.bg-white {
    background-color: #091427 !important
}

.navbar-marketing .navbar-brand {
    font-size: 0;
    color: #fff !important;
    font-family: var(--cfont) !important
}

body {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: right;
    background-color: #091427
}

.modal-body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #7657FE;
    text-align: right;
    background-color: #091427
}

.navbar-light .navbar-toggler {
    color: #fff;
    border-color: rgb(255 255 255/10%)
}

.navbar-light .navbar-nav .nav-link {
    color: #fff
}

.text-white-50,
.page-header-dark .page-header-text {
    color: #fff !important
}

.badge-light {
    color: #fff;
    background-color: #091427
}

.bg-dark {
    background-color: #091427 !important
}

.card {
    background-image: url !important;
    background-size: cover;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #091427;
    border-color: #7657FE !important;
    background-clip: border-box;
    border: 3px solid #7657FE;
    border-radius: 1.5rem;
    box-shadow: 1px 1px 1px #7657FE, 0 0 10px #7657FE, 0 0 2px #7657FE
}


.iconWeb.cc{
    border: 1px solid #7657FE;
    box-shadow: 1px 1px 1px #7657FE, 0 0 10px #7657FE, 0 0 2px #7657FE
}

.badge-light {
    color: #fff;
    background-color: #7657FE;
    box-shadow: 1px 1px 1px #7657FE, 0 0 10px #7657FE, 0 0 2px #7657FE
}

.text-dark,
.page-header-light .btn-link {
    color: #fff !important
}

.pricing .pricing-price {
    font-size: 3rem;
    color: #fff;
    margin-bottom: 1rem
}

hr {
    margin-top: 0;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(0 0 0/0%)
}

.pb-10,
.py-10 {
    padding-bottom: 0 !important
}

.svg-border-wave {
    padding-top: 0
}

.page-header {
    position: relative;
    padding-top: 2rem;
    padding-bottom: 6rem
}

.navbar-marketing {
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    padding-top: .5rem;
    padding-bottom: .5rem;
    width: 100% !important
}

.pt-5,
.py-5 {
    padding-top: 2rem !important
}

.icon-stack {
    box-shadow: 1px 1px 1px #7657FE, 0 0 10px #7657FE, 0 0 2px #7657FE
}

.btn-primary {
    box-shadow: 1px 1px 1px #7657FE, 0 0 10px #7657FE, 0 0 2px #7657FE;
    border-radius: 24px
}

.msg {
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
    margin-top: -12px;
    background: #7657FE;
    border: 1px solid #fff
}

element.style {
    border-radius: 10px
}

h3,
.h3 {
    font-size: 1.4rem;
    color: #fff
}

.card.pricing.h-100 {
    width: 100%;
    height: 100px;
    background: #7657FE;
    position: relative;
    display: flex;
    place-content: center;
    place-items: center;
    overflow: hidden;
    border-radius: 20px;
    margin: 10px 0
}

.card.pricing.h-100 div h2 {
    z-index: 1;
    color: white
}

.card.pricing.h-100 div {
    z-index: 1
}

.card.pricing.h-100:before {
    content: "";
    position: absolute;
    width: 350px;
    background: #fff;
    height: 130%;
    animation: rotbgimg 3s linear infinite;
    transition: all .2s linear
}

@keyframes rotbgimg {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.card.pricing.h-100:after {
    content: "";
    position: absolute;
    background-image: url(https://drstore.net/dhme1.svg) !important;
    background-size: cover;
    inset: 5px;
    border-radius: 15px
}

.text-arrow-icon.small {
    color: #fff !important;
    height: auto
}

.col-lg-3.col-md-6.mb-5.mb-lg-0 {
    text-align: center
}

.text-xs.text-gray-500 {
    color: #fff !important
}

.card-flag card-flag-dark card-flag-top-right card-flag-lg {
    background-color: #7657FE !important
}

.navbar-nav.ml-auto.mr-lg-5 {
    text-align: center
}

.row.align-items-center {
    text-align: center !important
}

.page-header-dark {
    color: #fff;
    background: linear-gradient(to top, #7657FE 0%, #091427 100%) !important
}

.svg-inline--fa.fa-check-circle.fa-w-16.text-teal {
    color: #fff !important
}

.svg-border-waves.text-white {
    display: none
}

.backgroundHome {
    background-image: url(https://drstore.net/dhme1.svg) !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: bottom center, 100%, 100% !important
}

.navbar.navbar-marketing.navbar-expand-lg.bg-white navbar-light.animate__animated.animate__fadeInDown {
    background-image: url(https://drstore.net/dhme1.svg) !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: bottom center, 100%, 100% !important
}

.card-body.p-5 {
    background: #09142700 !important
}

.card-body.p-3 {
    background-image: url(https://drstore.net/dhme1.svg) !important;
    background-repeat: no-repeat;
    background-size: cover !important
}

.card-body {
    background-image: url(https://drstore.net/dhme1.svg) !important;
    background-repeat: no-repeat;
    background-size: cover !important
}

.card.pricing.h-100 {
    background-color: #09142713 !important
}

.footer.footer-dark {
    background-image: url(https://drstore.net/dhme1.svg) !important;
    background-repeat: no-repeat;
    background-size: cover !important
}

.card-footer {
    display: none
}

.btn.btn-primary.btn-marketing.rounded-pill {
    background-color: #09142713 !important
}

.btn.btn-primary.text-center.btn-Shop {
    background-color: #09142713 !important
}

.card-flag.card-flag-dark.card-flag-top-right.card-flag-lg {
    background-color: #7657FE3b !important
}

.text-uppercase-expanded.text-xs.mb-4 {
    background-color: #7657FE00 !important
}

.msg_top {
    background-color: #7657FE00 !important
}

.mb-1 {
    color: #fff !important;
    height: auto
}

.zoomIn {
    -webkit-animation-name: zoomin;
    animation-name: zoomin
}

@-webkit-keyframes zoomin {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomin {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.card-img-top.StorePay-img {
    object-fit: cover;
    height: auto;
    width: auto;
    border-radius: 1.5rem 1.5rem 0 0
}