a, body, h1, h2, h3, h4, h5, h6, li, p, span {
    font-family: 'IBM Plex Sans Arabic', sans-serif
}

.link-card-text h5, .link-card-text p {
    font-size: 17px;
    line-height: 26px;
    color:#23252c
}

.link-card-text h5, h1 {
    font-weight: 700;
    font-style:normal
}

.btn-primary, .call-status {
    font-family: 'IBM Plex Sans Arabic'
}

.content-description label, .link span {
    background: #090b25;
    border-radius:25px
}

.slide, .slide.active {
    opacity:1
}

.back a, .back a:hover, .items li a:hover, .menu-items li:hover, a:hover {
    text-decoration:none
}

.carousel-section, .slider-data {
    overflow:hidden
}

body {
    font-size:16px
}

.profile-page {
    background:#eaecf3
}

.trial-subscripe-bg {
    background: url('../../img/profile/free_trial_bg.svg') center top/cover no-repeat fixed #070aad
}

.order_details_pattern-bg, .pattern-bg {
    background-repeat: no-repeat;
    background-position:center
}

.wrapper {
    min-height: 100%;
    margin-bottom:-100px
}

.content, .min-90 {
    min-height:80vh
}

.card-header:first-child, .client_sec .content-description .card {
    border-radius:0 !important
}

.pattern-bg {
    background-image: url('../../img/profile/Pattern.svg')
}

.order_details_pattern-bg {
    background-image: url('../../img/profile/order/order_details_bg.svg');
    background-size: cover;
    min-height:161px
}

.order_details_pattern-bg-cancel, .order_details_pattern-bg-success {
    min-height: 112px;
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat
}

.order_details_pattern-bg-cancel {
    background-image: url('../../img/profile/order/order_details_bg_cancel.svg')
}

.order_details_pattern-bg-success {
    background-image: url('../../img/profile/order/order_details_bg_success.svg')
}

.order_details_pattern-bg-process {
    background-image: url('../../img/profile/order/order_details_bg_process.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height:161px
}

.main-image {
    position: relative;
    z-index:1
}

.profile_img, .radio-custom + .radio-custom-label:before {
    border-radius:50%
}

.package-card {
    border-radius:12px
}

.content-description, .link-card-text {
    text-align:right
}

.link-card-text p {
    font-style: normal;
    font-weight:400
}

.service-price {
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 18px !important;
    color:#23252c
}

.package-price {
    color:#152243 !important
}

h1 {
    font-size: 34px;
    line-height: 41px;
    text-align: center;
    color:#03142d
}

.profile-bio, .profile_not_available_text {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    text-align: center;
    color:#23252c
}

.profile-footer p, .profile-link {
    color: #494e5b;
    line-height: 18px;
    text-align: center;
    font-style:normal
}

.profile-link {
    font-weight: 400;
    font-size:13px
}

.profile-footer p {
    font-weight: 450;
    font-size:15px
}

.menu-content:hover span, .profile-footer a, .video-content:hover span {
    color:#3342f2
}

.statistics-icon {
    position: absolute;
    left: 0;
    top:0
}

.statistics-title {
    font-weight: 700;
    font-size: 25px;
    line-height: 38px;
    color:#23252c
}

.statistics-text {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    align-items: center;
    text-align: center;
    color:#23252c
}

.empty-text, .statistics-footer {
    line-height: 18px;
    color: #5d6372;
    text-align:center
}

.empty-links {
    margin-top: 120px;
    margin-bottom:104px
}

.empty-text {
    font-weight: 400;
    font-size:13px
}

.statistics-footer {
    font-style: normal;
    font-weight: 450;
    font-size:10px
}

.ui-state-default, a {
    color:#202ae9
}

.title-purchase-page {
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 26px;
    align-items: center;
    text-align: center;
    color:#23252c
}

.text-purchase-green, .text-purchase-package {
    font-style: normal;
    font-weight: 400;
    font-size:15px
}

.text-purchase-package {
    line-height: 22px;
    text-align: center;
    color:#152243
}

.text-purchase-green {
    line-height: 18px;
    color:#386c0e
}

.footer-copyright, .text-purchase-gray {
    font-weight: 400;
    color: #72798a;
    font-style:normal
}

.text-purchase-gray {
    font-size: 10px;
    line-height:18px
}

.footer-copyright {
    font-size: 10px !important;
    line-height:18px
}

.most-selling-badge, .overall-badge {
    padding: 4px 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    border-radius: 100px;
    gap: 8px;
    text-align:center
}

.most-selling-badge {
    justify-content: center;
    align-items: center;
    background: #fff6ea;
    color:#b66708
}

.overall-badge {
    justify-content: center;
    align-items: center;
    background: #edffdf;
    font-style: normal;
    color:#386c0e
}

.mawthuq-badge {
    background: #eaddf7;
    border-radius: 100px;
    display: inline-block;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    font-style: normal;
    font-weight: 450;
    font-size: 17px;
    line-height: 26px;
    text-align: center;
    color:#101114
}

.btn-primary, .menu-content:hover i, .menu-content:hover img, .video-content:hover i {
    background:#3342f2
}

.btn-primary, .btn-primary:disabled {
    border-radius: 10px;
    font-weight: 450;
    font-size: 17px;
    line-height: 26px;
    font-style:normal
}

.btn-primary {
    padding: 16px 24px;
    gap:24px
}

.btn-primary:focus, .btn-primary:hover {
    background:#202ae9
}

.profile_not_available_image {
    margin-top:126px
}

.profile_not_available_title {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    color:#101114
}

.btn-primary:disabled {
    background: rgba(203, 208, 220, .3);
    border-color: rgba(203, 208, 220, .3);
    align-items: center;
    text-align: center;
    color:#8990a1
}

.before-discount {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    text-decoration-line: line-through;
    color:#2b3f72
}

.request_order_title {
    font-weight: 700;
    font-size: 25px;
    line-height: 38px;
    text-align: right;
    color:#101114
}

.request_order_description {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #494e5b;
    text-align:left
}

.yellow_100_color {
    color:#b66708
}

.Green_100, .green_100_color {
    color:#386c0e
}

.request_amount {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color:#353943
}

.form-control, .select2-selection {
    padding: 16px !important;
    font-weight:450
}

.form-control {
    height: 58px;
    background: #fff !important;
    border: 2px solid #bdc2d0 !important;
    border-radius: 8px;
    font-size: 17px;
    line-height:26px
}

.form-select, .select2-selection, select {
    background-image: url('https://link.billenda.com/assets/img/profile/order/arrow.svg') !important;
    background-size:16px 16px
}

.form-control::placeholder, .form-group input::placeholder {
    color:#8990a1
}

.has-error .form-control {
    border-color: #d53e3d !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border:3px solid
}

.form-control:hover, .select2-selection:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 3px solid #202ae9 !important;
    padding:15px !important
}

.form-control:focus {
    color: #23252c !important;
    border: 3px solid #202ae9 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding:15px !important
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    color: #d53e3d !important;
    border: 3px solid !important;
    position:relative
}

.form-control input, .form-control input[type=text], .text {
    color:#000 !important
}

.is-invalid-label {
    color:#d53e3d !important
}

.phone_input {
    flex: 0 0 auto;
    right:0
}

.iti__flag-container {
    flex: 0 0 auto;
    width:25%
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: #fff !important;
    color: #23252c !important;
    border:3px solid #202ae9 !important
}

.iti--separate-dial-code .iti__selected-flag {
    padding: 16px 10px;
    border: 2px solid #bdc2d0;
    border-radius: 8px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: #fff;
    font-size: 17px;
    line-height: 26px;
    align-items: center;
    text-align: center;
    color: #101114;
    direction: ltr;
    height: 58px;
    float:left
}

select::-ms-expand {
    display:none
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right:20px
}

.form-select, .select2-selection {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat !important;
    background-position: 16px center !important;
    line-height:1.5 !important
}

.form-select option:disabled, .form-select option[disabled], .form-select[disabled] {
    color:#8990a1
}

.select2-selection {
    background: #fff;
    border: 2px solid #bdc2d0 !important;
    border-radius: 8px !important;
    font-size: 17px;
    height:58px !important
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color:#202ae9 !important
}

.select2-selection__arrow {
    display:none !important
}

.ui-datepicker {
    position: absolute;
    display: none;
    font-size: 14px;
    background-color: #fff;
    padding: 8px;
    border-radius: 8px;
    border:2px solid #bdc2d0 !important
}

.ui-datepicker:hover {
    border:2px solid #202ae9 !important
}

.ui-state-disabled > .ui-state-default {
    color:#bdc2d0
}

.ui-datepicker-buttonpane, .ui-datepicker-title {
    display: flex !important;
    padding:8px 0
}

.close-img, .hide, .owl-dots, .owl-nav, .ui-datepicker-next, .ui-datepicker-prev {
    display:none
}

.ui-datepicker-month, .ui-datepicker-year {
    display: block !important;
    width: 100%;
    background-position: left center;
    border: none;
    background-color:#fff
}

.ui-datepicker-close, .ui-datepicker-current {
    display: block !important;
    width: 100%;
    background-color: #202ae9;
    border-radius: 8px;
    padding: 4px;
    color: #fff;
    margin:0 4px
}

.ui-datepicker-calendar {
    border:none
}

.ui-datepicker-calendar td {
    padding: 5px;
    text-align: center;
    border: 1px solid #eee;
    text-decoration:none
}

.ui-datepicker-calendar td a:hover {
    background-color:#e0e0e0
}

.ui-datepicker-calendar .ui-state-active {
    background-color: #202ae9;
    color: #fff;
    padding:4px 8px
}

.order_details_image {
    border: 2px solid #fff;
    position: absolute;
    left: 32px;
    top:24px
}

.order_details {
    margin:-57px 32px 32px
}

.order_details_cancel {
    margin:24px 32px 32px
}

.order_details_counter_card, .order_details_sms_card {
    background: #fff;
    border-radius: 8px;
    border: 0;
    box-shadow:none
}

.order_details_counter_description {
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    color:#494e5b
}

.remaining_counter {
    font-weight: 600;
    font-size: 34px;
    line-height: 41px;
    align-items: center;
    text-align: center;
    color:#101114
}

.line_counter {
    width: 100%;
    height: 0;
    border: 4px solid #becffe;
    border-radius: 8px;
    direction:ltr
}

.line_progress {
    width: 100%;
    transition: width 1s linear;
    height: 0;
    border: 4px solid #202ae9;
    margin: -4px;
    border-radius:10px !important
}

.stay_reminder, .warning_notification {
    background: #fff6ea;
    border-radius: 8px;
    border: 0;
    box-shadow:none
}

.add_contact {
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    border: 1px dashed #23252c;
    border-radius: 8px;
    background: 0 0;
    font-weight: 600;
    font-size: 17px;
    line-height: 26px;
    color:#101114
}

.order_invoice {
    border: 1px solid #cbd0dc;
    border-radius:8px
}

.order_invoice_row {
    border-bottom:1px solid #cbd0dc
}

.order_invoice_row_description {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-align: right;
    color:#494e5b
}

.call-status, .sms_date {
    line-height: 18px;
    text-align:right
}

.sms_date {
    font-weight: 400;
    font-size: 10px;
    color:#494e5b
}

.replay_card {
    display: flex;
    background: #ebf1ff;
    border: 0;
    border-radius:8px
}

.purpose-tabs, .tab {
    border-radius: 8px;
    background:#dadee8
}

.call-status {
    width: 75px;
    height: 18px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    display: flex;
    align-items:center
}

.Red_100 {
    color:#d53e3d
}

.blue_100_color {
    color:#070aad
}

.purpose-tabs {
    display: flex;
    align-items: center;
    height:58px
}

.tab {
    cursor: pointer;
    color: #23252c;
    text-align: center;
    padding:12px 0
}

.tab.active {
    background-color: #fff;
    color:#23252c
}

.invalid-feedback {
    display:block
}

.free-trial-title {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color:#fff
}

.free-trial-card {
    position: fixed;
    bottom: 0;
    display: block;
    left: 0;
    right: 0;
    background: #eaecf3;
    border-radius:8px 8px 0 0
}

.blur-card {
    -webkit-backdrop-filter: blur(10px) brightness(80%) grayscale(20%);
    border-radius:16px
}

.footer-trial-details {
    font-weight: 300 !important;
    font-size: 13px !important;
    line-height: 18px !important;
    color:#fff !important
}

.trial-alert, .trial-end-alert {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    top:0
}

.trial-alert {
    color: #b66708;
    background-image:linear-gradient(0deg, #fff8ef, #ffe4b2)
}

.trial-end-alert {
    color: #fff;
    background-image:linear-gradient(0deg, #070aad, #282a75)
}

.app-btn, .bottom-card, .slider, .video-back {
    position:relative
}

.landing-b h5, .landing-b p, .mobile-title, .slide {
    font-weight:700
}

.landing-b h5 {
    font-size: 24px;
    line-height:36px
}

.landing-b p, .landing-b p span {
    font-size:56px
}

.landing-b p {
    line-height:84px
}

.slide {
    display: flex;
    text-align: right;
    justify-content: right;
    font-size: 66px !important;
    line-height: 110px !important;
    transition:opacity 1s ease-in-out
}

.Advertisments, .aiz-pagination-center, .cards .accordion .pay-card i, .contact-description, .end-footer, .end-text, .links, .mobile-title, .slider-data .head, .soon-orders-link, .top-section .center {
    text-align:center
}

.slider {
    overflow-x: hidden;
    height: 110px !important;
    justify-content: center;
    align-items: center;
    overflow-y:hidden
}

.slide-anim {
    top: 0;
    animation:7s infinite slideUpDown
}

@keyframes slideUpDown {
    0%, 10% {
        transform:translateY(0)
    }

    15%, 35% {
        transform:translateY(-110px)
    }

    40%, 60% {
        transform:translateY(-220px)
    }

    65%, 85% {
        transform:translateY(-330px)
    }

    100%, 90% {
        transform:translateY(-440px)
    }
}

.slide1 {
    animation-delay:0s
}

.slide2 {
    animation-delay:2s
}

.slide3 {
    animation-delay:4s
}

.slide4 {
    animation-delay:6s
}

.link span {
    color: #fff;
    padding: 4px 10px;
    font-size:19px
}

.cards .accordion .pay-card img {
    width:56px !important
}

.cards .accordion .pay-card {
    min-height: 100%;
    background: #fff;
    padding: 16px 16px 20px !important;
    margin-bottom: 10px !important;
    border-radius:16px !important
}

.cards .card, .client_sec {
    background:#fff
}

.cards .accordion .pay-card p {
    padding: 12px 0 0;
    margin:0
}

.cards .accordion .pay-card i {
    height: 32px;
    width: 32px;
    min-width: 32px;
    background: #000;
    border-radius: 50%;
    color: #fff;
    font-size: 21px;
    line-height:32px
}

.cards .accordion .pay-card [aria-expanded=true] i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #65667833;
    color:#000
}

.cards .accordion .pay-card [aria-expanded=true] img {
    transform:rotate(0) !important
}

.head-sec {
    padding-top: 82px;
    padding-bottom: 0;
    background:linear-gradient(162.32deg, #3342f2 -50.21%, rgba(249, 250, 254, 0) 50%), linear-gradient(163.09deg, rgba(145, 115, 255, .46) -50.51%, rgba(249, 250, 254, 0) 50.53%)
}

.footer-gradient {
    background:linear-gradient(359.16deg, rgba(145, 115, 255, .46) .39%, rgba(249, 250, 254, 0) 16.6%), linear-gradient(6.13deg, #3342f2 -60.36%, rgba(249, 250, 254, 0) 71.45%)
}

#myModal button.close span {
    float: left;
    margin:0 20px
}

.modal-open .modal {
    background:#152243 !important
}

.modal-header {
    padding: 16px !important;
    background-color: #fff;
    border-top-right-radius: 16px !important;
    border-top-left-radius:16px !important
}

.modal-header .close {
    padding: 0 !important;
    margin:0 !important
}

.linked-card, .modal-content {
    border-radius:16px
}

.mobile-title {
    font-size: 61px;
    line-height:91.5px
}

button.close {
    opacity:1 !important
}

button:focus {
    outline:0 !important
}

.b-white, .landing-bg {
    background:#f0f0f8 !important
}

.link {
    transform:rotate(-3deg)
}

.license-card .d-flex, .mobile-img, .social-media {
    width:100%
}

.content-description label {
    font-size: 20px;
    font-weight: 400;
    padding: 5px 15px;
    margin-bottom:0
}

.content-description h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    direction:rtl
}

.content-description p {
    font-size: 24px;
    color: #656678;
    font-weight:500
}

.content-description p b {
    color: #000;
    font-weight:500
}

.content-description img {
    margin: Auto;
    display:table
}

.content-description label img, .list-items li {
    display:inline-block
}

.profile-page {
    background-color:#fff
}

.b-white {
    background-color:#f0f0f8
}

.content-description label a {
    background-color: #3342f2;
    color: #fff !important;
    border-radius: 25px;
    padding: 4px 10px;
    font-size:20px
}

.content-description label {
    color:#fff
}

.content-description .card {
    border-radius: 16px;
    border: 0;
    padding:72px 30px
}

.content-description h6 small {
    font-weight:400
}

.bottom-card {
    background-color: #ffffff90;
    Padding:24px 15px 24px 15px
}

.call-img, .contact-img, .free-alert {
    position:absolute
}

.free-alert {
    width: 69px;
    top: -16px;
    left:26%
}

.content-description h1 {
    color: #000;
    font-size: 40px;
    text-align: right;
    line-height:60px
}

.content-description .body-card b, .end-text, .list-items li, .menu-content span {
    color:#656678
}

.content-description .body-card {
    color: #656678;
    font-size: 24px;
    text-align: center;
    width: 50%;
    margin:auto
}

.contact-description {
    font-size: 64px;
    font-weight:700
}

.contacts {
    background: url('/public/assets/img/contact.svg') 0 0/cover no-repeat
}

.end-text {
    font-size: 17px !important;
    font-weight:500
}

.end-footer, .links li a {
    color: #090b25;
    font-size:14px
}

.list-items, .menu-items, .socila ul, .socila-media ul {
    padding:0
}

.list-items li {
    list-style: none;
    padding: 8px 16px;
    font-size: 24px;
    background: #ffff;
    margin-bottom: 8px;
    font-weight: 500;
    border-radius:8px
}

.body-card, .influcner-name .center-content .data-p b, .pay-card h5 {
    font-weight:700
}

.Advertisments {
    background:linear-gradient(196.52deg, rgba(51, 66, 242, .2) 11.44%, rgba(51, 66, 242, 0) 70.07%), linear-gradient(336.76deg, rgba(255, 165, 131, .2) 0, rgba(255, 165, 131, 0) 79.39%), linear-gradient(35.7deg, #9780ff 0, rgba(151, 128, 255, .29) 14.7%, rgba(151, 128, 255, 0) 29.62%)
}

.pay-card {
    border: 0;
    background: #d9dbed;
    padding:32px
}

.pay-card img {
    display: block;
    width: 48px !important;
    margin: inherit;
    margin-bottom:0
}

.pay-card h5 {
    font-size: 24px;
    line-height:normal
}

.pay-card .data {
    font-size: 20px;
    font-weight:500
}

.cards .card {
    margin-bottom: 32px;
    height:90%
}

.check-cards, .socila, .title-img img {
    margin: auto;
    display:table
}

.links li, .socila ul li {
    list-style: none;
    display:inline-block
}

.socila ul li img {
    width: 24px;
    height: 24px;
    margin:0 12px
}

.links li a {
    margin:0 16px
}

.call-img {
    top: 20%;
    right:10%
}

.bottom-footer {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter:blur(15px)
}

.earns-contact-img {
    margin:109px auto
}

.body-card b {
    font-weight:bolder !important
}

.owl-prev {
    right: auto !important;
    left:74px !important
}

.owl-next, .owl-prev {
    border-radius: 50% !important;
    bottom: 0;
    top: unset;
    height: 48px;
    width: 48px;
    line-height: 48px;
    font-size: 20px;
    background-color: #e1e2f3 !important;
    color: #656678;
    display: inline-block;
    background-repeat: no-repeat;
    background-size:100% 100%
}

.owl-next span, .owl-prev span {
    font-size: 24px;
    line-height:48px
}

.owl-next:hover, .owl-prev:hover {
    opacity: 1;
    background-color: #fff;
    color:#656678
}

.owl-next {
    left: 24px !important;
    color:red
}

.owl-next.disabled, .owl-prev.disabled {
    pointer-events: none !important;
    background-color:#000
}

.Advertisments, .benefites, .call-request, .client, .numbers, .regestration, .top-section {
    margin-bottom:104px
}

.pb-9 {
    padding-bottom:9rem
}

.back a {
    color: #656678;
    font-size: 14px;
    font-weight: 400;
    line-height:24px
}

.back {
    text-align:left
}

.my-18 {
    margin-top: 18px;
    margin-bottom:18px
}

.head-title h1 {
    font-size: 32px !important;
    color: #090b25;
    line-height: 48px;
    font-weight: 700;
    text-align: right;
    margin-top:80px
}

.head-title p {
    color: #656678;
    font-size: 14px;
    line-height: 24px;
    font-weight:400
}

.accordation-privacy .card-header {
    background-color: #090b25;
    color: #e7e8f5;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    padding: 8px 32px;
    cursor: pointer;
    margin-bottom:4px !important
}

.menu-content:hover, .menu-items li a:hover, .video-content:hover {
    color: #3342f2;
    text-decoration:none
}

.accordation-privacy .card-header:hover {
    background-color:#152243
}

.accordation-privacy .card {
    background: 0 0;
    border:0
}

.accordation-privacy {
    margin-bottom:1rem
}

.accordation-privacy img {
    float:left
}

.billenda-info [aria-expanded=true] img, [aria-expanded=true] img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform:rotate(180deg)
}

.list-item-content {
    padding:16px 32px
}

.list-item-content li {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    list-style:disc
}

.mobile-img {
    max-width:1020px
}

.second-items li {
    list-style:circle
}

.landing-b, .pt-80 {
    padding-top:80px
}

.p-32 {
    padding:32px
}

.ambassadors-content, .pt-40 {
    padding-top:40px
}

.accordation-privacy .card-body p {
    font-size: 18px;
    font-weight: 400;
    line-height:30px
}

.accordation-privacy .card-body p span {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom:1rem
}

.menu-content, .video-content {
    font-weight: 500;
    line-height: 34px;
    font-size: 16px;
    color: #656678;
    cursor: pointer;
    text-decoration:none
}

.menu-content i, .video-content i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    background: #656678;
    text-align: center;
    line-height: 40px;
    font-size:20px
}

.p-head, .video-content i {
    font-size:16px
}

.accordion .card:first-of-type {
    border-radius:0
}

.top-bar {
    position: fixed;
    width: 100%;
    top: 0;
    padding: 16px 0;
    z-index: 99999;
    background: #fff;
    transition:background-color .5s, padding .5s
}

.top-bar.scrolled {
    padding:10px 0
}

.top-header {
    position: relative;
    width: 100%;
    justify-content:space-between
}

.top-menu {
    width: 100%;
    position: relative;
    z-index: 9999;
    display: none;
    margin-top:20px
}

.open-menu {
    background: rgba(255, 255, 255, .7) !important;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter:blur(15px)
}

.menu-items li a {
    color: #090b25;
    font-size: 20px;
    line-height: 30px;
    font-weight:500
}

.menu-items li:last-child {
    border-bottom:0
}

.menu-items li a.active {
    color:#9d9fb3
}

.socila-media li {
    border-bottom: 0;
    list-style: none;
    display:inline-block
}

.socila-media li img {
    width: 40px;
    margin-left:24px
}

.py-20 {
    padding:20px 0
}

.p-head {
    color: #374d6f;
    padding-bottom:24px
}

.form-register .form-upload {
    display: flex;
    align-items: center;
    margin:5px 0
}

.form-upload label {
    height: 35px;
    width: 100px;
    border: none;
    border-radius: 5px;
    background: #f1c40f;
    color: #333;
    transition: .3s;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items:center
}

.form-upload label:hover {
    opacity:.7
}

.form-upload label .file-upload {
    position: absolute;
    left:-9999px
}

.form-upload p {
    margin-left: 20px;
    font-size:1rem
}

@media screen and (max-width: 767px) {
    .privacy-footer, .privacy-footer .links, .privacy-footer .links a, .soon-orders-link {
        text-align:right
    }

    .menu-content span {
        display:none
    }

    .landing-b h5, .landing-b p, .slide {
        text-align: center !important;
        justify-content:center
    }

    .py-72 {
        padding:72px 30px !important
    }

    #toggle-menu-btn {
        margin:0 !important
    }

    .menu-content, .video-content {
        font-size: 14px;
        margin:0 !important
    }

    .privacy-footer .socila {
        margin:inherit
    }

    .form-register .form-upload {
        display: flex;
        align-items: center;
        margin:5px 0
    }

    .form-upload label {
        height: 35px;
        width: 100px;
        border: none;
        border-radius: 5px;
        background: #f1c40f;
        color: #333;
        transition: .3s;
        position: relative;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items:center
    }

    .form-upload label:hover {
        opacity:.7
    }

    .form-upload label .file-upload {
        position: absolute;
        left:-9999px
    }

    .form-upload p {
        margin-left: 20px;
        font-size:1rem
    }

    .top-menu {
        padding:16px
    }

    .pay-card h5 {
        font-size: 24px;
        font-weight: 700;
        line-height:36px
    }

    .pay-card {
        min-height:450px
    }

    .Advertisments, .benefites, .call-request, .client, .numbers, .regestration, .settings {
        margin-bottom:40px
    }

    .content-description .body-card {
        width:100%
    }
}

@keyframes slideUpDownMobile {
    10%, 20% {
        transform:translateY(0)
    }

    25%, 45% {
        transform:translateY(-102px)
    }

    50%, 70% {
        transform:translateY(-204px)
    }

    75%, 95% {
        transform:translateY(-306px)
    }

    100% {
        transform:translateY(-408px)
    }
}

#video-background {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    object-fit:cover
}

.video-title {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    justify-content: center;
    align-items:center
}

.video-title h3 {
    font-size: 48px;
    font-weight: 600;
    line-height:48px
}

.show-video {
    margin: auto;
    display: table;
    padding: 5px 21px 5px 25px;
    background: #202ae9;
    border: 0;
    border-radius: 8px;
    font-size: 16px;
    color:#fff
}

.show-video:focus, .show-video:hover {
    background: #202ae9 !important;
    border: 0;
    color: #fff;
    box-shadow:none important
}

.over-lay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #090B25CC;
    top: 0;
    bottom:0
}

.video-back {
    margin-bottom: 72px;
    height:675.26px
}

.video-title p {
    font-size: 24px;
    line-height: 48px;
    text-align: center;
    font-weight:450
}

.modal-content {
    padding-bottom:24px
}

video {
    margin-top: 0;
    border-radius:0
}

.py-72 {
    padding:144px 30px !important
}

.content-description h4 {
    line-height: 132px;
    font-size: 88px;
    font-weight: 700;
    text-align:center
}

#modalVideo {
    height: 600px;
    width:auto
}

.video-back video {
    margin-top: 0 !important;
    height:675.26px
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow:none !important
}

.carousel-section .owl-carousel .owl-stage {
    padding-left: 0 !important;
    padding-right:16px !important
}

.owl-theme .owl-nav {
    text-align:left !important
}

.owl-theme .owl-nav [class * =owl-]:hover {
    background-color: #fff !important;
    color: #000 !important;
    text-decoration:none
}

.carousel-section .owl-carousel .owl-stage-outer {
    overflow:unset
}

.carousel-section .owl-carousel .owl-nav .owl-next:focus, .carousel-section .owl-carousel .owl-nav .owl-prev:focus {
    outline:0
}

.carousel-section h2 {
    font-size: 34px;
    text-align: left;
    font-weight:700
}

.carousel-container {
    max-width: 1140px;
    margin: 0 auto;
    width:100%
}

.iti__country-list {
    left:0
}

.calander-img, .link-text {
    left: 16px;
    position:absolute
}

.update-bar {
    display: flex;
    align-items:center
}

.about-billenda {
    margin-top:40px
}

.about-billenda .title span {
    color: #656678;
    font-size: 24px;
    line-height: 36px;
    font-weight:500
}

.about-billenda .title h1 {
    color: #090b25;
    font-size: 40px;
    line-height: 60px;
    font-weight:700
}

.about-data {
    padding:0 19.5px 120px 20.5px
}

.mt-56 {
    margin-top:56px
}

.about-data .context h2 {
    color: #090b25;
    font-size: 24px;
    line-height: 36px;
    font-weight:700
}

.about-data .context p, .about-data .sub-context p {
    color: #656678;
    font-size: 18px;
    line-height: 27px;
    font-weight:500
}

.about-data .sub-context h3 {
    color: #090b25;
    font-size: 18px;
    line-height: 27px;
    font-weight:700
}

.data-cards .card {
    border-radius: 8px;
    padding: 24px;
    border:0
}

.data-cards .card span {
    color: #090b25;
    font-size: 18px;
    line-height: 27px;
    font-weight:500
}

.data-cards .card p, .data-cards .card p label a {
    color: #656678;
    margin-bottom: 0;
    line-height: 27px;
    font-weight: 500;
    font-size:18px
}

.data-cards .card img {
    margin-left:16px
}

.data-cards .card a {
    color: #3342f2;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    margin-top:10.5px
}

.data-cards .card p label a {
    border-bottom:1px solid #656678
}

.data-cards .card p label a:hover {
    text-decoration:none !important
}

@media only screen and (max-width: 767px) {
    .slide, .slide.active {
        opacity:1
    }

    .pay-card img {
        margin-bottom:20px
    }

    .landing-b {
        width: 230px;
        text-align: center;
        margin:AUTO
    }

    .client_sec .content-description h4 {
        line-height: 60px;
        font-size:40px
    }

    .top_banner {
        margin-bottom:48px !important
    }

    .video-title p {
        line-height: 36px;
        width: 365px;
        padding:0 32px
    }

    .video-title h3 {
        font-size: 48px;
        font-weight: 600;
        line-height: 85px;
        width: 251px;
        text-align: center;
        margin: auto;
        display: flex;
        justify-content: center;
        align-content:center
    }

    .video-content span {
        display:none
    }

    .video-content i {
        margin-left:24px
    }

    .App-store-image {
        justify-content: center;
        display:block
    }

    .App-store-image a {
        margin: auto;
        display:table
    }

    .client .content-description .card {
        margin:0 32px
    }

    .cropped-image {
        overflow: hidden;
        max-width: 100%;
        margin:0 auto
    }

    .mobile-img {
        margin-right: -300px !important;
        min-width:1000px
    }

    .bg-mobile-white {
        background: #fff;
        transition:opacity 1s
    }

    .top-bar {
        transition:.5s
    }

    .slide {
        font-size: 64px !important;
        transition: opacity 1s ease-in-out;
        line-height:102px !important
    }

    .slider {
        overflow-x: hidden;
        height: 102px !important;
        position: relative;
        justify-content: center;
        align-items: center;
        overflow-y:hidden
    }

    .slide-anim {
        top: 0;
        animation:5s infinite slideUpDownMobile
    }

    .head-sec {
        padding-top:96px !important
    }

    .landing-b {
        padding-top:40px !important
    }

    .update-bar {
        height: 74px;
        margin-bottom: 0 !important;
        background-position:65% 50%
    }

    .Top_title h5 {
        font-weight: 700;
        font-size: 24px;
        line-height:36px
    }

    .about-data {
        padding:0 32px 56px
    }

    .mobe-footer {
        justify-content:center !important
    }

    .mobe-footer .navbar-brand {
        margin:auto
    }

    .update-footer {
        padding:0
    }
}

.update-bar {
    background-image: url(/public/assets/profile/img/top-banner.png);
    height: 100px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top:80px
}

.Top_title h5 {
    font-weight: 700;
    font-size: 32px;
    line-height:48px
}

.Top_title label {
    color: #e7e8f5;
    font-size: 16px;
    line-height: 24px;
    font-weight:500
}

.New_Updates {
    margin-top: 32px;
    margin-bottom: 48px;
    min-height:70vh
}

.leading-5 svg {
    width: 34px;
    fill: #3342F2;
    opacity:0
}

.update-footer {
    background: linear-gradient(0deg, #3342f2 -181.36%, rgba(249, 250, 254, 0) 71.45%);
    padding:24px 0
}

.update-article :not(:has(img)), .update-article h1:not(:has(img)):not(:has(span)), .update-article h2:not(:has(img)):not(:has(span)), .update-article h3:not(:has(img)):not(:has(span)), .update-article h4:not(:has(img)):not(:has(span)), .update-article h5:not(:has(img)):not(:has(span)), .update-article h6:not(:has(img)):not(:has(span)) {
    line-height: 30px !important;
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
    margin-bottom:16px !important
}

.update-article * span, .update-article div, .update-article img {
    line-height: 30px !important;
    font-family: 'IBM Plex Sans Arabic', sans-serif !important
}

.update-article {
    padding: 0 48px !important;
    font-family: 'IBM Plex Sans Arabic', sans-serif !important
}

.next-btn, .previous-btn {
    padding: 8px 18px !important;
    border-radius: 8px !important;
    text-decoration: none;
    display: inline-flex;
    transition:background-color .3s
}

.update-article p, .update-article span {
    font-style: normal;
    font-weight: 400;
    font-size: 20px !important;
    line-height: 30px;
    color:#656678
}

.previous-btn {
    background-color: #fff !important;
    color: #090b25 !important;
    align-items: center;
    font-size:16px !important
}

.next-btn {
    background-color: #3342f2 !important;
    color: #fff !important;
    align-items:center
}

.ambassadors-bar h5 {
    font-size: 32px;
    line-height:48px
}

.ambassadors-content h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    text-align: right;
    color:#23252c
}

.ambassadors-content h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color:#656678
}

.ambassadors-content p {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    color:#090b25
}

.copy-data h4, .copy-text {
    font-size: 17px;
    line-height:26px
}

.copy-data {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 13px 15px;
    background: #fff;
    border-radius: 8px;
    flex: none;
    order: 1;
    align-self: stretch;
    position:relative
}

.copy-data h4 {
    font-weight: 400;
    color: #23252c;
    flex: none;
    order: 0;
    flex-grow:0
}

.advantages h6, .order-title h1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color:#090b25
}

.copy-text, .text-note {
    font-weight: 400;
    display: flex;
    align-items: center;
    font-style:normal
}

.copy-text {
    font-family: 'IBM Plex Sans Arabic';
    text-align: center;
    color: #202ae9 !important;
    flex: none;
    order: 1;
    flex-grow:0
}

.Headline, .content-page h1 {
    font-family:IBM Plex Sans Arabic
}

.text-note {
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    color:#5d6372
}

.link-text, .notes {
    font-weight: 400;
    line-height:26px
}

.notification {
    display: none;
    position: absolute;
    top: -13px;
    right: -6px;
    background-color: #4caf50;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    font-size:12px
}

.copy-text {
    position: relative;
    cursor:pointer
}

.check-cards .card {
    background: #ffffff;
    border-radius: 16px;
    border: 0;
    padding: 17px;
    margin-left: 16px;
    height: 126px;
    width: 100%;
}

.list-data li, .notes {
    border-radius: 8px;
    display: flex;
    text-align:right
}

.check-cards .card p, .check-cards .card span {
    font-size: 18px;
    color: #1c1b1f;
    line-height: 27px;
    text-align: right;
    font-weight: 500;
    margin-bottom: 0;
    margin-top:8px
}

.advantages h6 {
    text-align:right
}

.list-data {
    margin-bottom:56px
}

.list-data li {
    list-style: none;
    background: #ffffff;
    padding: 12px;
}

.list-data li img {
    height:22px
}

.list-data li span {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: right;
    margin-right: 8px;
    color:#1c1b1f
}

.create-order {
    margin-top:50px
}

.order-title h1 {
    font-style: normal;
    text-align:right
}

.order-title p {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: right;
    color:#656678
}

.mx-54 {
    padding-right: 54px;
    padding-left:54px
}

.input-form, .input-form:focus {
    padding-left:152px !important
}

.link-text {
    top: 55%;
    direction: ltr;
    font-style: normal;
    font-size: 17px;
    color:#23252c
}

.input-form {
    direction:ltr !important
}

.notes {
    padding: 16px;
    background: rgba(200, 253, 55, .3);
    font-size: 15px;
    align-items: center;
    color:#101114
}

.calander-img {
    top:17px
}

.checkbox-custom, .radio-custom {
    opacity: 0;
    position:absolute
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor:pointer
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
    font-size:17px
}

.select2-container {
    width:100% !important
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: inherit;
    border: 2px solid #23252c;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    padding: 0;
    margin-right: 16px;
    text-align: center;
    margin-left: 6px;
    line-height:1.4
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    background: #663399;
    color:#fff
}

.purpose-tabs-check .tab {
    text-align: right !important;
    padding: 8px 0;
    margin:0 4px
}

.radio-custom:checked + .radio-custom-label:before {
    font-family: FontAwesome;
    color: #fff;
    margin-left: 6px;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 0;
    background-image: url(/public/assets/profile/img/check-icon.svg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align:middle
}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
    outline:#ddd solid 1px
}

.mt-48 {
    margin-top:48px
}

.purpose-tabs-check {
    height:60px
}

.custom-row-l, .custom-row-r {
    display: flex;
    flex-wrap:wrap
}

.top-section-title h1 {
    text-align: right;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height:96px
}

.highlight-blue {
    color:#3342f2 !important
}

@media (min-width: 768px) {
    .custom-row-l .column, .custom-row-r .column {
        max-width:calc(50% - 12px)
    }

    .custom-row-r .column + .column {
        margin-right:24px
    }

    .custom-row-l .column + .column {
        margin-left:24px
    }
}

.current-data h4 {
    text-align: right;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color:#152243
}

.content-page h1, .content-page h1 span {
    font-size: 56px;
    line-height: 84px;
    font-weight:700
}

.phone_input, .phone_input:active, .phone_input:focus, .phone_input:hover {
    padding-left: 95px !important;
    direction:ltr
}

.container {
    max-width:1080px !important
}

.content-page {
    padding-top:128px
}

.Headline {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align:right
}

.content-license-card-title, .content-link-card-title {
    text-align: right;
    font-family: "IBM Plex Sans Arabic";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height:24px
}

.menu-content img {
    background-color: #000;
    border-radius: 50%;
    padding:3px
}

.content-license-card-title {
    color:var(--License-Card-White-Primary-Text)
}

.content-link-card-title {
    color: var(--Link-Card-Colord-Primary-Text);
    display: flex;
    width: 302px;
    height:24px
}

.influcner-name, .influncer-decription {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    line-height:150%
}

.content-page h1 {
    text-align: center;
    color:#000
}

.center-content .data-p, .center-content small, .step small {
    font-family: IBM Plex Sans Arabic;
    font-weight: 400;
    text-align:center
}

.highlight {
    position: absolute;
    left: 22%;
    margin-top: -4.3%;
    z-index:-1
}

.blur-img, .content-page .avatar-img {
    left: 50%;
    transform:translate(-50%, 0)
}

.content-page h1 span {
    font-family: IBM Plex Sans Arabic;
    text-align: center;
    color:#f54e17
}

.center-content .data-p {
    font-size: 20px;
    line-height: 30px;
    color: #000;
    width: 551px;
    margin:Auto
}

.influcner-name {
    font-weight: 700;
    font-size: 22px;
    text-align: center;
    color:#000
}

.influncer-decription {
    font-weight: 450;
    font-size: 13.68px;
    text-align: center;
    color:#636375
}

.download-btn {
    width: Hug(197px) px;
    height: Hug(54px) px;
    padding: 20px 32px;
    border-radius: 72px;
    opacity: 0px;
    background: var(--Brand-Blue-Primary, #3342f2);
    color: #fff !important;
    margin: Auto;
    display: table;
    border: none;
    font-size:24px
}

.center-content small, .step small {
    line-height: 24px;
    margin: Auto;
    display: table;
    font-size: 16px;
    color:#515364
}

.body-card .link-name, .body-card label {
    font-weight: 450;
    font-size: 17.5786px;
    line-height: 150%;
    font-family: 'IBM Plex Sans Arabic';
    font-style:normal
}

.center-card {
    margin-top: 124px;
    width: 389px;
    border: 0;
    box-shadow: 8px 28px 250px 0 #a9a9ba;
    border-radius: 16px;
    padding: 75px 24px;
    position: relative;
    background: #f5f4fc;
    padding-bottom:16px !important
}

.license-card, .link-card {
    border-radius:16px !important
}

.blur-img, .click-img {
    gap: 0;
    position:absolute
}

.px-20 {
    padding-left: 20px;
    padding-right:20px
}

.content-page .avatar-img {
    width: 124.31px;
    height: 120.89px;
    gap: 0;
    border-radius: 196.48px;
    position: absolute;
    top: -58px;
    box-shadow:0 13.208px 18.869px 0 rgba(189, 193, 219, .6), 0 0 2.83px 0 rgba(4, 4, 52, .13), 0 3.774px 7.548px 0 rgba(4, 4, 52, .08), 0 5.661px 9.434px 0 rgba(4, 4, 52, .05)
}

.blur-img {
    width: 390px;
    height: 390px;
    top: -227px;
    opacity: .5px;
    margin: auto;
    z-index:-1
}

.body-card .link-name {
    align-items: center;
    text-align: center;
    color: #000;
    display: flex;
    direction: ltr;
    justify-content:center
}

.body-card .link-name .vector {
    margin:0 4px
}

.body-card .sm-name {
    background: #000;
    border-radius:5.85953px
}

.body-card label {
    padding: 4px 8px;
    color:#f0f0f8
}

.click-img {
    width: 60.87px;
    height: 59.95px;
    top: inherit;
    left: 238px;
    opacity: 0px;
    margin-top:-10px
}

.license-card {
    background: var(--License-Card-White-Background);
    box-shadow: 0 0 3px 0 rgba(4, 4, 52, .09), 0 6px 12px 0 rgba(4, 4, 52, .02);
    display: flex;
    padding: 20px;
    gap: 8px;
    align-self:stretch
}

.digital-identity, .owl-carousel {
    background-position: center;
    background-repeat:no-repeat
}

.img1, .img2, .img3 {
    position: absolute;
    box-shadow: 0 0 3px rgba(4, 4, 52, .09), 0 6px 12px rgba(4, 4, 52, .02);
    border-radius:16px
}

.img1 {
    left: 18px;
    top: -185px;
    transform:rotate(9.95deg)
}

.img2 {
    top: -23.6px;
    left: 67.1px;
    transform:rotate(-8.75deg)
}

.img3 {
    left: -21px;
    z-index: 1;
    top: 191px;
    transform:rotate(5.67deg)
}

.img4 {
    position: ABSOLUTE;
    right: -20px;
    top: -83px;
    box-shadow: 0 0 3px rgba(4, 4, 52, .09), 0 6px 12px rgba(4, 4, 52, .02);
    transform: rotate(-6.53deg);
    border-radius:16px
}

.img5, .img6 {
    position: absolute;
    box-shadow: 0 0 3px rgba(4, 4, 52, .09), 0 6px 12px rgba(4, 4, 52, .02);
    border-radius:16px
}

.img5 {
    right: 18px;
    top: -151px;
    transform:rotate(-6.08deg)
}

.img6 {
    top: 41px;
    right: 67.1px;
    transform:rotate(-1.34deg)
}

.img8 {
    position: ABSOLUTE;
    left: 5px;
    top: -83px;
    box-shadow: 0 0 3px rgba(4, 4, 52, .09), 0 6px 12px rgba(4, 4, 52, .02);
    border-radius: 16px;
    transform:rotate(-7.01deg)
}

.img7 {
    position: absolute;
    right: -21px;
    top: 197px;
    box-shadow: 0 6px 12px rgba(4, 4, 52, .02);
    border-radius: 16px;
    transform:rotate(-9.73deg)
}

.left-side, .right-side {
    position: relative;
    width: 100%;
    z-index:2
}

.nav-item {
    margin-left: 24px;
    padding-right:10px
}

.items .active, .items li:hover, .nav-item.active, .nav-item:hover {
    background-image: url(/public/assets/profile/img/vector-m.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 140px;
    color:#fff !important
}

.items .active, .items li:hover {
    background-size:100%
}

.items .active a, .items li:hover a, .nav-item.active a, .nav-item:hover a {
    color:#fff !important
}

.owl-carousel .center span, .owl-carousel .item {
    opacity: .7;
    color:#a7a7ba
}

, .sm-bar i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    background: #000;
    text-align: center;
    line-height: 40px;
    font-size:20px
}

.image-info {
    margin:auto
}

.billenda-info img {
    float: left;
    max-height: 490px;
    max-width:100%
}

.billenda-info #accordion h5 {
    align-items: center;
    padding: 0;
    line-height: 2;
    color: #000;
}

.billenda-info #accordion .card {
    border: 0;
    background: initial;
    border-radius:0 !important
}

.billenda-info #accordion .card-header {
    height: 74px;
    padding: 16px;
    background-color: initial;
    border-top: 1px solid #000;
    border-bottom: 0 solid #000;
    cursor:pointer
}

.billenda-info #accordion > div:nth-child(6) {
    border-bottom:1px solid #000 !important
}

.billenda-info #accordion .card-body, .features-content p {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    text-align: right;
    color:#515364
}

.billenda-info #accordion .card:hover, .billenda-info .card[aria-expanded=true] .card-header, [aria-expanded=true] .card {
    background: #e8e8f2;
    box-shadow:0 3px 0 0 #000, 0 -1px 0 0 #000
}

.billenda-info .card {
    transition:background-color .3s, box-shadow .3s
}

.menu-items li {
    list-style: none;
    border-bottom:0
}

.slider-data {
    width:100%
}

.owl-carousel {
    background-image: url(/public/assets/profile/img/slide-vector.png);
    background-size: 304px;
    width: 100%;
    height:100%
}

.owl-carousel .item {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 150%;
    text-align: center;
    transition:opacity .7s ease-in-out, color .7s ease-in-out
}

.owl-carousel .item span {
    white-space: nowrap;
    width:100%
}

.features-content h5 {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    text-align: right;
    color:#000
}

.bottom-footer2, .digital-identity h2 {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    text-align:center
}

.row1 {
    padding-top:14px
}

.row2 {
    padding-bottom: 103px;
    padding-top:48px
}

.digital-identity {
    background-color: #000;
    height: 390px;
    background-image: url(/public/assets/frontend/new-landing/img/closing_sentence1.webp);
    background-size: cover;
    width: 100%;
    display: flex;
    align-items: center;
    position:relative
}

.digital-identity h2 {
    font-weight: 700;
    font-size: 56px;
    line-height: 150%;
    color: #000;
    position:relative
}

.digital-identity h2 span {
    color: #3342f2;
    position: relative;
    z-index: 1;
    background-image: url(/public/assets/frontend/new-landing/img/highlight-i.png);
    background-repeat: no-repeat;
    background-position: 15% 80%;
    background-size: contain;
    padding: 0 16px;
    margin:0 -15px
}

.highlight2 {
    z-index: 0;
    position: absolute;
    left: 19%;
    margin-top:40px
}

.new-footer {
    padding-bottom:56px
}

.items li {
    list-style: none;
    display: inline-block;
    padding-left: 24px;
    height: 29px;
    padding-right:10px
}

.items li a {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: right;
    color:#000
}

.bottom-footer2 {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color:#515364
}

@media only screen and (max-width: 767px) {
    .update-bar {
        height: 74px;
        margin-bottom: 0 !important;
        background-position:65% 50%
    }

    .Top_title label, .img4, .items {
        display:none
    }

    .create-date, .new-footer {
        text-align:center
    }

    .Top_title h5 {
        font-size:24px
    }

    .top-section-title h1 {
        text-align:center !important
    }

    .check-cards .card {
        margin-bottom: 10px;
        width: 100%;
        height: initial;
        display: inline-block;
        text-align: right;
        border-radius:8px
    }

    .mx-54 {
        padding-right: 0;
        padding-left:0
    }

    .px-md-32 {
        padding:0 32px
    }

    .check-cards .d-flex {
        display:block !important
    }

    .check-cards {
        display:block
    }

    .gap-3 {
        gap: auto;
        flex-wrap:wrap
    }

    .gap-l, .navbar-brand {
        margin-left:0
    }

    .gap-r {
        margin-right:0
    }

    .scrolled-up {
        transform:translateY(-200%)
    }

    .scrolled-down {
        transform:translateY(0)
    }

    .billenda-info #accordion {
        margin-top:0
    }

    .center-card {
        margin-right: 0;
        margin-left: 0;
        width: 272px;
        margin: Auto;
        padding:75px 16px
    }

    .highlight {
        position: absolute;
        left: 18%;
        margin-top:-11.3%
    }

    .highlight2 {
        z-index: 0;
        position: absolute;
        left: 4%;
        margin-top:26px
    }

    .digital-identity h2 {
        font-size:46px
    }

    .owl-carousel .item {
        font-size: 32px;
        margin:0 -16px
    }

    .owl-carousel {
        background-size:204px
    }

    .digital-identity {
        height: 390px;
        background-image: url(/public/assets/profile/img/v-mobile.png);
        background-position:18% 46%
    }

    .img4, .img8 {
        position:relative
    }

    .img1 {
        width:72px
    }

    .img2 {
        left: 0;
        width:48px
    }

    .img4 {
        right: 0;
        width:80px
    }

    .img3 {
        left: 0;
        z-index: 1;
        width:72px
    }

    .img7 {
        width:86px
    }

    .center-content .data-p {
        width:100%
    }

    .features-content img {
        margin: Auto;
        display:table
    }

    .center-data {
        margin-top:77px !important
    }

    .body-card .link-name {
        font-size:16.6838px
    }

    .click-img {
        left:initial
    }

    .items .active, .items li:hover, .nav-item.active, .nav-item:hover {
        background-position:right
    }

    .navbar-light .navbar-toggler {
        border: 0
    }
}