.form-control {
    text-align: right;
}

.buy-now-btn {
    left: 20px;
    right: auto;
}

.switch-box {
    left: 25px;
    right: auto;
}

.desk-pad-left-10 {
    padding-left: 0;
    padding-right: 10px;
}

.desk-pad-right-10 {
    padding-right: 0;
    padding-left: 10px;
}

.desk-pad-left-20 {
    padding-left: 0;
    padding-right: 20px;
}

.desk-pad-right-20 {
    padding-right: 0;
    padding-left: 20px;
}

.desk-pad-left-30 {
    padding-left: 0;
    padding-right: 30px;
}

.desk-pad-right-30 {
    padding-right: 0;
    padding-left: 30px;
}

.desk-pad-left-40 {
    padding-left: 0;
    padding-right: 40px;
}

.desk-pad-right-40 {
    padding-left: 0;
    padding-right: 40px;
}

.image-margin-left {
    margin-left: 0;
    margin-right: -50px;
}

.sub-section-title {
    text-align: right;
}

.section-title-left {
    text-align: right;
}

.breadcrumb .breadcrumb-item {
    padding-left: 0;
    padding-right: 0.5rem;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
    padding-right: 0;
    padding-left: 0.5rem;
}

.pagination .page-item {
    margin-right: 0;
    margin-left: 5px;
}

.pagination .page-item:last-child {
    margin-left: 0;
}

.topbar-list-thumb {
    margin-right: 0;
    margin-left: 5px;
}

.topbar-item-list .language-option .language-flag {
    margin-right: 0;
    margin-left: 10px;
}

.main-nav nav .navbar-nav .nav-item a.dropdown-toggle:after {
    margin-left: 0;
    margin-right: 5px;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu {
    left: auto;
    right: 0;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:before {
    left: auto;
    right: 0;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    left: auto;
    right: 100%;
}

.mobile-nav.mean-container .mean-nav ul li a {
    text-align: right;
}

.mobile-nav.mean-container .mean-nav ul li a.mean-expand {
    right: auto;
    left: 10px;
    text-align: left;
}

.navbar-brand {
    margin-right: 0;
    margin-left: 1rem;
    text-align: right;
}

.navbar-brand img:nth-child(2) {
    left: auto;
    right: 0;
}

.navbar-option-item {
    margin-left: 20px;
}

.navbar-option-item:first-child {
    margin-left: 20px;
}

.navbar-option-item:last-child {
    margin-left: 0;
}

.navbar-search.dropdown-menu {
    right: auto;
    left: 0 !important;
}

.navbar-search.dropdown-menu.dropdown-menu[style] {
    left: 0 !important;
    right: auto;
}

.shopping-cart-tooltip {
    transform: translate(60%, -60%);
    left: auto;
    right: 0;
}

.language-option .language-globe {
    margin-right: 0;
    margin-left: 7px;
}

.language-option .language-arrow {
    color: #fff;
    margin-left: 0;
    margin-right: 5px;
}

.navbar-language .dropdown-menu {
    left: 0;
    right: auto;
}

.navbar-language .dropdown-menu img {
    margin-right: 0;
    margin-left: 7px;
}

.navbar-language .dropdown-menu.dropdown-menu[style] {
    left: 0 !important;
    right: auto;
}

.header-content-list li i {
    margin-right: 0;
    margin-left: 10px;
}

.header-content-list li img {
    margin-right: 0;
    margin-left: 10px;
}

.feature-item-thumb {
    margin-right: 0;
    margin-left: 30px;
}

.feature-item-content {
    text-align: right;
}

.feature-item-content a span {
    margin-left: 0;
    margin-right: 10px;
}

.domain-search .form-group {
    padding: 10px 30px 10px 10px;
}

.about-text {
    text-align: right;
}

.about-list li .about-list-check {
    margin-right: 0;
    margin-left: 15px;
}

.about-list li .about-list-icon {
    margin-right: 0;
    margin-left: 15px;
}

.about-list-content {
    text-align: right;
}

.pricing-item-amount {
    text-align: right;
}

.pricing-item-body {
    text-align: right;
}

.pricing-body-list li .pricing-check-icon {
    margin-right: 0;
    margin-left: 10px;
}

.pricing-body-list li .pricing-info-icon {
    margin-left: 0;
    margin-right: 5px;
}

.box-number {
    right: auto;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-number:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
    border-color: transparent #fff #fff transparent;
    bottom: 0;
    left: auto;
    right: 0;
}

.box-number span {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
}

.client-carousel {
    direction: ltr;
}

.client-carousel.owl-theme .owl-nav {
    right: auto;
    left: 0;
}

.client-carousel-para:before {
    left: auto;
    right: 0;
}

.info-card-content {
    text-align: right;
}

.info-card-content a span {
    margin-left: 0;
    margin-right: 10px;
}

.footer-details {
    text-align: right;
}

.footer-content-title {
    text-align: right;
}

.footer-right.pl-80 {
    padding-left: 0;
    padding-right: 80px;
}

.footer-list li {
    padding-left: 0;
    padding-right: 20px;
    text-align: right;
}

.footer-list li:before {
    left: auto;
    right: 0;
}

.footer-lower-content {
    text-align: right;
}

.footer-lower-text {
    text-align: right;
}

.footer-social-list li {
    margin-right: 0;
    margin-left: 7px;
}

.footer-social-list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
}

.footer-social-list li:hover {
    transform: translateY(-3px);
}

.footer-lower-text {
    margin-right: 0;
    margin-left: 25px;
}

.scroll-top {
    right: auto;
    left: 20px;
}

.header-main-content-two {
    text-align: right;
}

.domain-search-two .form-group .input-group-append {
    padding-right: 0;
    padding-left: 15px;
    border-left: 0;
    border-right: 1px solid #d8d8d8;
}

.pricing-table-default table tbody tr td {
    border-right: 0;
    border-left: 1px solid #d8d8d8;
}

.pricing-table-default table tbody tr td .td-domain-name {
    text-align: right;
}

.pricing-table-default table tbody tr td:first-child {
    border-left: 0;
}

.pricing-table-default table tbody tr td:last-child {
    border-left: 0;
}

.client-content-carousel.owl-theme .owl-nav {
    right: auto;
    left: 0;
}

.header-bg-shape-three {
    background-position: left;
}

.header-bg-shape-three .header-shape-item {
    left: 0;
    right: auto;
}

.header-bg-shape-three .header-content-list li i {
    margin-right: 0;
    margin-left: 14px;
}

.header-main-content-three {
    text-align: right;
}

.header-main-content-three .header-content-tab {
    margin-left: 0;
    margin-right: 13px;
}

.header-main-content-three .header-content-list li {
    padding-right: 0;
    padding-left: 20px;
}

.header-content-tab {
    padding: 3px 0 3px 10px;
}

.header-tab-content {
    padding-left: 0;
    padding-right: 30px;
}

.header-tab-shadow {
    left: auto;
    right: 0;
    transform: translate(27%, -22%);
}

.domain-search-three .form-group .input-group-append {
    padding-right: 0;
    padding-left: 15px;
    border-left: 0;
    border-right: 1px solid #d8d8d8;
}

.feature-tab-item-inner {
    text-align: right;
}

.feature-tab-icon {
    margin-right: 0;
    margin-left: 15px;
}

.pricing-table-secondary table thead tr th {
    border-right: 0;
    border-left: 1px solid #d8d8d8;
}

.pricing-table-secondary table thead tr th:last-child {
    border-left: 0;
}

.pricing-table-secondary table tbody tr td {
    border-right: 0;
    border-left: 1px solid #d8d8d8;
}

.pricing-table-secondary table tbody tr td.td-list-name {
    text-align: right;
}

.pricing-table-secondary table tbody tr td del {
    margin-left: 0;
    margin-right: 15px;
}

.pricing-table-secondary table tbody tr td .td-domain-name {
    text-align: right;
}

.pricing-table-secondary table tbody tr td:first-child {
    border-right: 0;
    border-left: 0;
}

.pricing-table-secondary table tbody tr td:last-child {
    border-right: 0;
    border-left: 0;
}

.pricing-header-title {
    text-align: center;
}

.pricing-hosting-table table thead tr th {
    border-right: 0;
    border-left: 1px solid #d8d8d8;
    text-align: right;
}

.pricing-hosting-table table thead tr th:last-child {
    border-left: 0;
}

.pricing-hosting-table table tbody tr td {
    text-align: right;
    border-right: 0;
    border-left: 1px solid #d8d8d8;
}

.pricing-hosting-table table tbody tr td.td-blank {
    border-right: 0 !important;
    border-left: 0 !important;
}

.pricing-hosting-table table tbody tr td:first-child, .pricing-hosting-table table tbody tr td:last-child {
    border-left: 0;
}

.pricing-hosting-table table tbody tr:nth-child(odd) td {
    background: #ebeefa;
}

.pricing-hosting-table table tbody tr:nth-child(odd) td.td-bg {
    background: #4a6cf0;
    color: #fff;
}

.faq-accordion-header:before {
    right: auto;
    left: 25px;
}

.faq-accordion-header:after {
    right: auto;
    left: 25px;
}

.faq-accordion-title {
    padding-right: 0;
    padding-left: 35px;
    text-align: right;
}

.faq-accordion-body {
    text-align: right;
}

.input-group-prepend .input-group-text {
    margin-right: 0;
    margin-left: 10px;
}

.form-check {
    text-align: right;
}

.form-check label {
    padding-left: 0;
    padding-right: 37px;
    cursor: pointer;
}

.form-check label:before {
    left: auto;
    right: 0;
}

.form-check label:after {
    left: auto;
    right: 0;
}

.comment-input-area {
    text-align: right;
}

.authentication-tab-item i {
    margin-right: 0;
    margin-left: 10px;
}

.cart-table table thead tr th {
    text-align: right;
}

.cart-table table tbody tr td {
    text-align: right;
}

.cart-update {
    text-align: right;
}

.cart-details-title {
    text-align: right;
}

.cart-total-item h4 {
    margin-right: 0;
    margin-left: 10px;
    text-align: right;
}

.payment-method-table table tbody tr td .media img {
    margin-right: 0;
    margin-left: 15px;
}

.popular-payment-info-box {
    text-align: right;
}

.popular-payment-list-item {
    margin-right: 0;
    margin-left: 30px;
}

.wallet-content {
    text-align: right;
}

.configurator-filter {
    text-align: right;
}

.configurator-filter-check-item {
    margin-right: 0;
    margin-left: 15px;
}

.deal-counter-timer h3 {
    margin-right: 0;
    margin-left: 15px;
}

.news-entry-list li:before {
    left: auto;
    right: 0;
    top: 6px;
}

.news-sidebar-item {
    text-align: right;
}

.news-sidebar-content-inner .media img {
    margin-right: 0;
    margin-left: 20px;
}

.news-sidebar-category-list li a i {
    margin-right: 0;
    margin-left: 12px;
}

.deal-entry-list li {
    display: flex;
}

.deal-entry-list li i {
    margin-right: 0;
    margin-left: 5px;
}

.terms-privacy .sub-section-title {
    text-align: right;
}

.terms-privacy p {
    text-align: right;
}

.terms-privacy-list li {
    text-align: right;
}

.terms-privacy-list li p strong {
    margin-right: 0;
    margin-left: 10px;
}

.news-entry-box {
    padding-left: 0;
    padding-right: 30px;
}

.news-entry-social-share {
    text-align: right;
}

.team-social-list li {
    margin-left: 0;
    margin-right: 7px;
}

.team-social-list li:first-child {
    margin-right: 0;
}

.news-post-details {
    text-align: right;
}

.blockquote {
    border-left: 0;
    border-right: 7px solid #2647c8;
}

.blockquote p:before {
    left: auto;
    right: 0;
}

.news-post-details-list ul li i {
    margin-right: 0;
    margin-left: 20px;
}

.news-tag h4 {
    margin-right: 0;
    margin-left: 12px;
}

.news-tag-list li {
    margin-right: 0;
    margin-left: 10px;
}

.news-reply-para {
    text-align: right;
}

.news-reply-action i {
    margin-right: 0;
    margin-left: 10px;
}

.news-reply-details {
    padding-left: 0;
    padding-right: 30px;
    border-left: 0;
    border-right: 1px solid #d8d8d8;
}

.news-reply-user {
    padding-right: 0;
    padding-left: 30px;
}

.news-comment-reply-back {
    padding-left: 0;
    padding-right: 40px;
}

.news-entry-user-name {
    text-align: right;
}

.navbar-option-dots button {
    background-color: transparent;
    padding: 0;
}

.navbar-option-dots > .dropdown-menu {
    right: auto;
    left: -40px !important;
}

.datacenters-content .datacenters-listed ul li i {
    margin-right: 0;
    margin-left: 4px;
}

.our-test-content-wrap .our-test-content {
    padding-left: 0;
    padding-right: 170px;
}

.our-test-content-wrap .our-test-content i {
    left: auto;
    right: 0;
}

.our-test-content-wrap .our-test-content ul li {
    margin-right: 0;
    margin-left: 30px;
}

.our-test-content-wrap .our-test-content ul li:last-child {
    margin-left: 0;
}

@media only screen and (min-width: 768px) {
    .offset-md-3 {
        margin-left: 0%;
        margin-right: 25%;
    }

    .text-md-left {
        text-align: right !important;
    }
}

@media only screen and (min-width: 992px) {
    .text-lg-left {
        text-align: right !important;
    }

    .offset-lg-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .desk-ml-auto {
        margin-left: 0 !important;
        margin-right: auto;
    }

    .desk-mr-auto {
        margin-right: 0 !important;
        margin-right: auto;
    }

    .offset-lg-1 {
        margin-left: 0;
        margin-right: 8.333333%;
    }

    .offset-lg-3 {
        margin-left: 0;
        margin-right: 25%;
    }
}

@media only screen and (max-width: 1059px) {
    .mobile-nav .mobile-logo {
        left: auto;
        right: 15px;
    }

    .mean-container a.meanmenu-reveal {
        padding: 0 0 0 15px !important;
        left: 0 !important;
        right: auto !important;
    }

    .navbar-option {
        right: auto !important;
        left: 65px !important;
    }

    .navbar-search.dropdown-menu {
        right: auto !important;
        left: -70px !important;
    }

    .navbar-search.dropdown-menu.dropdown-menu[style] {
        right: auto !important;
        left: -70px !important;
    }

    .shopping-cart-tooltip {
        transform: translate(60%, -60%) !important;
    }

    .language-option {
        color: #2647c8;
    }

    .language-option .language-globe {
        color: #2647c8;
        margin-right: 0;
    }

    .language-option .language-arrow {
        color: #2647c8;
    }
}

@media only screen and (max-width: 991px) {
    .image-margin-left {
        margin-left: 0;
        margin-right: 0;
    }

    .footer-right {
        padding-left: 0;
        padding-right: 0 !important;
    }

    .our-test-content-wrap .our-test-content {
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .navbar-option {
        right: auto !important;
        left: 50px !important;
    }

    .navbar-option-item {
        margin-left: 0 !important;
        margin-right: 5px;
    }

    .navbar-option-item:first-child {
        margin-right: 0;
    }

    .navbar-search.dropdown-menu {
        right: auto !important;
        left: -70px !important;
    }

    .mobile-nav-two .navbar-search.dropdown-menu {
        right: auto !important;
        left: -70px !important;
    }

    .feature-item-thumb {
        margin-right: 0;
        margin-left: 0;
    }

    .feature-item-content {
        text-align: center;
    }

    .our-test-content-wrap .our-test-content {
        padding-right: 0;
    }

    .our-test-content-wrap .our-test-content .d-flex li {
        margin-left: 0;
    }
}

@media only screen and (max-width: 575px) {
    .header-tab-alert {
        margin-left: 0;
        margin-right: 13px;
    }

    .domain-search-two .form-group .input-group-append {
        padding-left: 0;
    }

    .domain-search-three .form-group .input-group-append {
        padding-left: 0;
    }

    .news-reply-details {
        padding-right: 0;
    }

    .news-comment-reply-back {
        padding-left: 0 !important;
        padding-right: 25px !important;
    }
}

.a-input, .ns-input, .mx-input{
    text-align: left;
}
/*# sourceMappingURL=rtl.css.map */

/*

Registration Steps page

*/

.domain-steps-section {
    padding: 80px 0;
    background: #f7f9fc;
}


.section-title {
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 800;
    color: #1f2d3d;
    margin-bottom: 12px;
}

.section-subtitle {
    max-width: 760px;
    margin: 0 auto;
    color: #7b8794;
    font-size: 17px;
    line-height: 1.8;
}

.step-card {
    position: relative;
    height: 100%;
    min-height: 265px;
    padding: 88px 28px 28px;
    background: #ffffff;
    border: 1px solid #e3eaf3;
    border-radius: 18px;
    box-shadow: 0 8px 26px rgba(15, 23, 42, 0.04);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    overflow: hidden;
}

.step-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
}

.step-card h3 {
    font-size: 20px;
    font-weight: 800;
    color: #1f2d3d;
    line-height: 1.5;
    margin-bottom: 14px;
}

.step-card p {
    color: #7b8794;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 18px;
}

.step-badge {
    position: absolute;
    top: 22px;
    inset-inline-start: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
    padding: 5px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.step-image {
    position: absolute;
    top: 22px;
    inset-inline-end: 22px;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.14);
}

.step-image img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    display: block;
}

/* Link */
.step-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #2f80ed;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: gap 0.2s ease, color 0.2s ease;
}

.step-link:hover {
    color: #1b64c8;
    gap: 12px;
}

.link-arrow {
    display: inline-block;
    line-height: 1;
    transition: transform 0.2s ease;
}

/* في اللغة الإنجليزية نعكس السهم */
.domain-steps-section[dir="ltr"] .link-arrow {
    transform: rotate(180deg);
}

/* Card colors */
.step-blue {
    border-color: #d9e9ff;
}

.step-blue .step-image {
    background: linear-gradient(135deg, #38bdf8, #2563eb);
}

.step-blue .step-badge {
    background: #eaf4ff;
    color: #2563eb;
}

.step-indigo {
    border-color: #e0e7ff;
}

.step-indigo .step-image {
    background: linear-gradient(135deg, #6366f1, #4f46e5);
}

.step-indigo .step-badge {
    background: #eef2ff;
    color: #4f46e5;
}

.step-purple {
    border-color: #eadcff;
}

.step-purple .step-image {
    background: linear-gradient(135deg, #a855f7, #7c3aed);
}

.step-purple .step-badge {
    background: #f3e8ff;
    color: #7c3aed;
}

.step-cyan {
    border-color: #cffafe;
}

.step-cyan .step-image {
    background: linear-gradient(135deg, #06b6d4, #0891b2);
}

.step-cyan .step-badge {
    background: #ecfeff;
    color: #0891b2;
}

.step-yellow {
    border-color: #fde68a;
}

.step-yellow .step-image {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

.step-yellow .step-badge {
    background: #fef3c7;
    color: #b45309;
}

.step-green {
    border-color: #bbf7d0;
}

.step-green .step-image {
    background: linear-gradient(135deg, #10b981, #059669);
}

.step-green .step-badge {
    background: #dcfce7;
    color: #047857;
}

.step-teal {
    border-color: #ccfbf1;
}

.step-teal .step-image {
    background: linear-gradient(135deg, #14b8a6, #0f766e);
}

.step-teal .step-badge {
    background: #ccfbf1;
    color: #0f766e;
}

/* Responsive */
@media (max-width: 767.98px) {
    .domain-steps-section {
        padding: 56px 0;
    }

    .step-card {
        min-height: auto;
        padding: 84px 22px 24px;
    }

    .step-card h3 {
        font-size: 18px;
    }

    .step-card p {
        font-size: 14px;
    }

    .section-subtitle {
        font-size: 15px;
    }

    .step-image {
        width: 52px;
        height: 52px;
    }

    .step-image img {
        width: 28px;
        height: 28px;
    }
}

/*

    Package Badge

*/


.package-header-box {
    position: relative;
    overflow: hidden;
    padding-top: 48px;
}

.package-badge {
    position: absolute;
    top: 12px;
    inset-inline-end: 12px;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 82px;
    padding: 7px 13px;

    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.3px;
    white-space: nowrap;

    color: #ffffff;
    background: linear-gradient(135deg, #ff7a18, #ff2d55);

    box-shadow: 0 8px 18px rgba(255, 45, 85, 0.28);
}

/* Small dot to make it feel alive without annoying animation */
.package-badge::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-inline-end: 6px;
    border-radius: 50%;
    background: #ffffff;
    opacity: 0.9;
}

/* Different badge colors */
.package-badge-offer {
    background: linear-gradient(135deg, #ff7a18, #ff2d55);
}

.package-badge-new {
    background: linear-gradient(135deg, #00c6ff, #0072ff);
    box-shadow: 0 8px 18px rgba(0, 114, 255, 0.25);
}

.package-badge-popular {
    background: linear-gradient(135deg, #7c3aed, #db2777);
    box-shadow: 0 8px 18px rgba(124, 58, 237, 0.25);
}

.package-badge-best {
    background: linear-gradient(135deg, #10b981, #059669);
    box-shadow: 0 8px 18px rgba(5, 150, 105, 0.25);
}

.package-badge-limited {
    background: linear-gradient(135deg, #ef4444, #b91c1c);
    box-shadow: 0 8px 18px rgba(185, 28, 28, 0.25);
}

/* Dark mode */
[data-bs-theme="dark"] .package-badge,
.dark-mode .package-badge,
body.dark .package-badge {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
}

/* Mobile */
@media (max-width: 767.98px) {
    .package-header-box {
        padding-top: 44px;
    }

    .package-badge {
        top: 10px;
        inset-inline-end: 10px;
        min-width: 72px;
        padding: 6px 10px;
        font-size: 11px;
    }
}

.pricing-old-price {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 3px;

    margin-bottom: 6px;

    color: #8b95a1;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;

    text-decoration: line-through;
    text-decoration-thickness: 2px;
    text-decoration-color: #ef4444;
}

.pricing-old-price small,
.pricing-old-price span {
    font-size: 12px;
    font-weight: 600;
    color: #8b95a1;
}

.pricing-new-price {
    color: #ef4444;
}

.pricing-new-price small,
.pricing-new-price span {
    color: inherit;
}

/* Optional: make the offer package feel more attractive */
.package-header-box:has(.pricing-new-price) {
    background: linear-gradient(180deg, rgba(239, 68, 68, 0.08), transparent);
    border-radius: 1%;
}

/* Dark mode */
[data-bs-theme="dark"] .pricing-old-price,
.dark-mode .pricing-old-price,
body.dark .pricing-old-price {
    color: #aab4c0;
    text-decoration-color: #ff6b6b;
}

[data-bs-theme="dark"] .pricing-old-price small,
[data-bs-theme="dark"] .pricing-old-price span,
.dark-mode .pricing-old-price small,
.dark-mode .pricing-old-price span,
body.dark .pricing-old-price small,
body.dark .pricing-old-price span {
    color: #aab4c0;
}

/*

    Packages List Page Badge + Offer Price

*/

.package-card {
    position: relative;
    overflow: hidden;
    height: 100%;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.package-card:hover {
    transform: translateY(-6px);
}

.package-card .package-header-box {
    position: relative;
    overflow: hidden;
    padding: 58px 22px 26px;
    border-radius: 16px 16px 0 0;
}

/* Badge */
.package-card .package-badge {
    position: absolute;
    top: 14px;
    inset-inline-end: 14px;
    z-index: 3;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    min-width: 82px;
    padding: 7px 13px;

    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.3px;
    white-space: nowrap;

    color: #ffffff;
    background: linear-gradient(135deg, #ff7a18, #ff2d55);

    box-shadow: 0 8px 18px rgba(255, 45, 85, 0.28);
}

.package-card .package-badge::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ffffff;
    opacity: 0.95;
    flex: 0 0 auto;
}

/* Badge colors */
.package-card .package-badge-offer {
    background: linear-gradient(135deg, #ff7a18, #ff2d55);
    box-shadow: 0 8px 18px rgba(255, 45, 85, 0.28);
}

.package-card .package-badge-new {
    background: linear-gradient(135deg, #00c6ff, #0072ff);
    box-shadow: 0 8px 18px rgba(0, 114, 255, 0.25);
}

.package-card .package-badge-popular {
    background: linear-gradient(135deg, #7c3aed, #db2777);
    box-shadow: 0 8px 18px rgba(124, 58, 237, 0.25);
}

.package-card .package-badge-best {
    background: linear-gradient(135deg, #10b981, #059669);
    box-shadow: 0 8px 18px rgba(5, 150, 105, 0.25);
}

.package-card .package-badge-limited {
    background: linear-gradient(135deg, #ef4444, #b91c1c);
    box-shadow: 0 8px 18px rgba(185, 28, 28, 0.25);
}

/* Featured offer card */
.package-card.package-has-offer {
    border: 1px solid rgba(239, 68, 68, 0.25);
}

.package-card.package-has-offer .package-header-box {
    background: linear-gradient(180deg, rgba(239, 68, 68, 0.08), transparent);
}

/* Title */
.package-card .pricing-header-title {
    margin-bottom: 22px;
}

.package-card .pricing-header-title-text {
    margin-bottom: 10px;
}

.package-card .pricing-header-title p {
    min-height: 48px;
    margin-bottom: 0;
}

/* Price */
.package-card .pricing-item-amount {
    text-align: center;
}

.package-card .pricing-item-amount > p {
    margin-bottom: 8px;
}

/* Old price */
.package-card .pricing-old-price {
    position: relative;

    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 4px;

    width: fit-content;
    margin: 0 auto 8px;

    color: #8b95a1;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
}

.package-card .pricing-old-price::after {
    content: "";
    position: absolute;
    left: -7px;
    right: -7px;
    top: 50%;

    height: 2px;
    border-radius: 999px;

    background: #ef4444;
    transform: translateY(-50%) rotate(-5deg);
}

.package-card .pricing-old-price small,
.package-card .pricing-old-price span {
    font-size: 12px;
    font-weight: 600;
    color: #8b95a1;
}

/* New price */
.package-card .pricing-new-price {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 6px;

    color: #1744e8;
    font-weight: 800;
    line-height: 1;
}

.package-card .pricing-new-price .price-number {
    font-size: 34px;
}

.package-card .pricing-new-price small,
.package-card .pricing-new-price span {
    color: inherit;
    font-size: 14px;
    font-weight: 700;
}

/* Body spacing */
.package-card {
    height: 100%;
}

.package-card .pricing-secondary-header {
    position: relative;
    z-index: 2;
}

.package-card .pricing-item-body {
    position: relative;
    z-index: 3;
    padding-top: 24px;
}

.package-card .pricing-body-list {
    margin-bottom: 24px;
}

.package-card .pricing-item-body .btn {
    position: relative;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Dark mode */
[data-bs-theme="dark"] .package-card .package-badge,
.dark-mode .package-card .package-badge,
body.dark .package-card .package-badge {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
}

[data-bs-theme="dark"] .package-card .pricing-old-price,
.dark-mode .package-card .pricing-old-price,
body.dark .package-card .pricing-old-price {
    color: #aab4c0;
}

[data-bs-theme="dark"] .package-card .pricing-old-price small,
[data-bs-theme="dark"] .package-card .pricing-old-price span,
.dark-mode .package-card .pricing-old-price small,
.dark-mode .package-card .pricing-old-price span,
body.dark .package-card .pricing-old-price small,
body.dark .package-card .pricing-old-price span {
    color: #aab4c0;
}

[data-bs-theme="dark"] .package-card .pricing-old-price::after,
.dark-mode .package-card .pricing-old-price::after,
body.dark .package-card .pricing-old-price::after {
    background: #ff6b6b;
}

[data-bs-theme="dark"] .package-card .pricing-new-price,
.dark-mode .package-card .pricing-new-price,
body.dark .package-card .pricing-new-price {
    color: #5b7cfa;
}

[data-bs-theme="dark"] .package-card.package-has-offer .package-header-box,
.dark-mode .package-card.package-has-offer .package-header-box,
body.dark .package-card.package-has-offer .package-header-box {
    background: linear-gradient(180deg, rgba(239, 68, 68, 0.12), transparent);
}

/* Mobile */
@media (max-width: 767.98px) {
    .package-card .package-header-box {
        padding: 54px 16px 24px;
    }

    .package-card .package-badge {
        top: 12px;
        inset-inline-end: 12px;
        min-width: 72px;
        padding: 6px 10px;
        font-size: 11px;
    }

    .package-card .pricing-new-price .price-number {
        font-size: 30px;
    }

    .package-card .pricing-old-price {
        font-size: 15px;
    }

    .package-card .pricing-header-title p {
        min-height: auto;
    }
}

/** End: New Styles **/