
<style>
    /* Modern Reset & Base Styles */
    * {
        box-sizing: border-box;
    }

    body {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        line-height: 1.6;
        color: #1f2937;
        background-color: #f9fafb;
    }

    /* Tab Styles - Modernized */
    .tab {
        overflow: hidden;
    }

    .tab button {
        float: left;
        border: 1px solid #e5e7eb;
        outline: none;
        cursor: pointer;
        transition: all 0.3s ease;
        font-size: 14px;
        color: #4b5563;
        padding: 10px 20px;
        border-radius: 8px 8px 0 0;
        margin-right: 4px;
    }

    .tab button:hover {
        background-color: #f3f4f6;
        border-color: #d1d5db;
    }

    .tab button.active {
        background-color: var(--primary-color);
        color: white;
        border-color: var(--primary-color);
    }

    .tabcontent {
        display: none;
    }

    /* Cart Page - Enhanced */
    .cart-page .col-md-9 {
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        overflow: hidden;
        padding: 40px 30px;
        background: white;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    }

    .cart-page .nav-tabs {
        margin-left: unset !important;
        border-bottom: 2px solid #e5e7eb;
    }

    .cart-page .nav>li {
        height: unset;
    }

    .cart-page .nav-link.active {
        border: unset;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        background-color: var(--primary-color) !important;
        color: #fff !important;
        border-radius: 8px 8px 0 0;
    }

    .cart-page .nav-link {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        transition: all 0.3s ease;
    }

    .cart-page .nav-tabs {
        border-bottom: unset;
    }

    .cart-page .nav-link {
        border: none !important;
        border-radius: 8px 8px 0 0;
    }

    .cart-page .nav-link:hover {
        width: 100%;
        border: unset;
        background-color: #f3f4f6;
    }

    /* Search Form - Improved */
    .search-frm .input-group-btn {
        width: unset;
        z-index: 99 !important;
    }

    .search-frm .form-control {
        height: 55px;
        background: #f9fafb;
        border: 2px solid #e5e7eb;
        margin-right: -128px;
        font-size: 16px;
        border-radius: 8px;
        transition: all 0.3s ease;
        padding: 12px 20px;
    }

    .search-frm .form-control:hover,
    .search-frm .form-control:focus {
        background: #ffffff;
        border-color: var(--primary-color);
        outline: none;
        box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb), 0.1);
    }

    input.form-control:hover {
        background: #ffffff;
    }

    .search-frm .form-control::placeholder {
        font-size: 16px;
        color: #9ca3af;
        padding-left: 0;
        margin-top: 0;
    }

    .search-frm .btn.btn-primary {
        font-size: 16px;
        background: var(--primary-color);
        padding: 12px 30px;
        margin-top: 6px;
        border: unset;
        border-radius: 8px;
        transition: all 0.3s ease;
        font-weight: 600;
    }

    .search-frm .btn.btn-primary:hover {
        background: var(--primary-hover);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.3);
    }

    .search-frm .btn.btn-primary:active {
        background: var(--primary-color);
        transform: translateY(0);
    }

    /* Domain TLDs - Modernized */
    .cart-domain-tlds {
        display: flex;
        flex-wrap: wrap;
        column-gap: 15px;
        row-gap: 12px;
        margin-top: 25px;
    }

    .cart-domain-tlds p {
        margin: 0 !important;
        padding: 0 !important;
        color: #1f2937;
    }

    .cart-domain-tlds span {
        background: #fef3c7;
        border: 2px solid #fbbf24;
        border-radius: 8px;
        font-size: 14px;
        padding: 8px 16px;
        font-weight: 600;
        transition: all 0.3s ease;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    .cart-domain-tlds span:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    /* Main Cart Page Heading - Enhanced */
    .main-cart-page .product-heading {
        color: var(--primary-color);
        font-size: 32px;
        font-weight: 700;
        letter-spacing: -0.5px;
    }

    /* Checkout Block - Improved */
    .checkout-block {
        margin-top: 30px;
        border: 2px solid #e5e7eb;
        border-radius: 12px;
        padding: 40px 30px;
        background: white;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    }

    .main-cart-packages {
        column-gap: 25px;
    }

    .main-cart-packages .col-md-4 {
        max-width: 30% !important;
    }

    .main-cart-packages .pr {
        font-size: 15px !important;
    }

    /* Price Order - Modernized */
    .price-order p {
        padding: 15px 20px;
        margin: 0px;
    }

    .price-order {
        display: flex;
        justify-content: space-between;
        font-size: 16px;
        color: #1f2937;
        background: #f3e8ff;
        border-radius: 10px;
        margin-top: 20px;
        align-items: center;
        font-weight: 600;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    /* Total Display - Enhanced */
    .total-d.mt-5 {
        text-align: center;
        font-size: 16px;
        color: #1f2937;
        padding: 20px;
    }

    .total-d.mt-5 h3 {
        font-size: 48px;
        font-weight: 800;
        color: var(--primary-color);
        margin: 10px 0;
        letter-spacing: -1px;
    }

    .total-d a {
        color: white;
        background: #f7941e;
        padding: 18px 30px;
        display: block;
        border-radius: 10px;
        font-weight: 700;
        font-size: 18px;
        text-transform: uppercase;
        transition: all 0.3s ease;
        box-shadow: 0 4px 6px -1px rgba(247, 148, 30, 0.3);
    }

    .total-d a:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 12px -1px rgba(247, 148, 30, 0.4);
    }

    /* Cycle Selection - Modernized */
    .cycle-selection {
        border: 2px solid #e5e7eb;
        border-radius: 12px;
        padding: 24px 28px;
        transition: all 0.3s ease;
        background: white;
        cursor: pointer;
    }

    .cycle-selection:hover {
        border-color: var(--primary-color);
        box-shadow: 0 4px 6px -1px rgba(var(--primary-color-rgb), 0.1);
    }

    .cycle-selection.selected {
        border-color: var(--primary-color);
        background: var(--primary-light);
        box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.15);
    }

    .cycle-selection h3 {
        font-size: 24px;
        color: #1f2937;
        margin-bottom: 12px;
        font-weight: 700;
    }

    /* Discounted Price - Enhanced */
    .discounted-price {
        display: flex;
        align-items: center;
        font-size: 16px;
        column-gap: 20px;
        color: #dc2626;
        flex-wrap: wrap;
    }

    .discounted-price p {
        background: #fee2e2;
        padding: 8px 14px;
        margin: 0;
        border-radius: 6px;
        font-weight: 700;
        border: 2px solid #fca5a5;
    }

    .discounted-price del {
        padding: 8px 14px;
        color: #9ca3af;
    }

    p.retail-price {
        margin: 0;
        color: var(--primary-color);
        font-size: 32px;
        font-weight: 800;
        letter-spacing: -0.5px;
    }

    .monthly-pr {
        font-size: 14px;
        color: #4b5563;
        margin: 0;
        font-weight: 500;
    }

    /* Cycle Button - Enhanced */
    a.cycle-button {
        background: #fa9221;
        font-size: 16px;
        border: 2px solid #f97316;
        border-radius: 8px;
        font-weight: 600;
        display: block;
        width: 100%;
        text-align: center;
        padding: 12px;
        margin-top: 20px;
        color: white !important;
        transition: all 0.3s ease;
        box-shadow: 0 2px 4px rgba(250, 146, 33, 0.2);
    }

    a.cycle-button:hover {
        color: #fff !important;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(250, 146, 33, 0.3);
    }

    .row.product-cart-cycle .col-md-4 {
        padding: 0 !important;
        max-width: 30%;
    }

    .product-cart-cycle {
        column-gap: 25px;
    }

    .search-tabs {
        border: 1px solid black;
        padding: 50px 30px;
    }



    /* Available Addons - Modernized */
    .available-addons-block h3 {
        font-size: 28px;
        color: var(--primary-color);
        font-weight: 700;
        margin-bottom: 8px;
    }

    .addons-two-box {
        display: flex !important;
        align-content: center;
        border: 2px solid #e5e7eb;
        border-radius: 12px;
        padding: 28px 32px;
        column-gap: 16px;
        align-items: center;
        transition: all 0.3s ease;
        background: white;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    .addons-two-box:hover {
        border-color: var(--primary-color);
        box-shadow: 0 4px 8px rgba(var(--primary-color-rgb), 0.1);
        transform: translateY(-2px);
    }

    .available-addons {
        width: 74%;
    }

    .available-addons h4 {
        font-size: 20px;
        color: #1f2937;
        font-weight: 700;
        margin-bottom: 8px;
    }

    .available-addons p {
        font-size: 15px;
        color: #4b5563;
        margin-bottom: 12px;
        line-height: 1.6;
    }

    /*.row.addons-row {*/
    /*    column-gap: 25px !important;*/
    /*}*/
    .add-ons {
        column-gap: 25px;
        row-gap: 25px;
    }



    .select-dropdown,
    .select-dropdown * {
        margin: 0;
        padding: 0;
        position: relative;
        box-sizing: border-box;
    }

    .select-dropdown {
        position: relative;
        Width: 80%;
    }

    .select-dropdown select {
        font-size: 16px;
        font-weight: normal;
        /*max-width: 100%;*/
        padding: 8px 24px 8px 10px;
        background-color: #f7941e;
        /*border: none;*/
        /*background-color: transparent;*/
        /*	-webkit-appearance: none;*/
        /*	-moz-appearance: none;*/
        /*appearance: none;*/
    }

    .select-dropdown option {
        background: white;
    }

    .select-dropdown select:active,
    .select-dropdown select:focus {
        outline: none;
        box-shadow: none;
    }

    .select-dropdown:after {
        /*content: "";*/
        position: absolute;
        top: 50%;
        right: 8px;
        width: 0;
        height: 0;
        margin-top: -2px;
        border-top: 5px solid #aaa;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
    }




    .image-container {
        width: 26% !important;
    }

    .add-ons .col-md-6 {
        padding: 0;
        max-width: 48.6% !important;
    }

    .cartformfields {
        overflow: hidden;
        padding: 40px 0px;
    }

    .infosection {
        padding: 20px 0px;
        border-bottom: 1px solid #e2b7eb;
    }

    .sectionFields .gap {
        gap: 20px;
    }

    .sectionFields .form-group {
        width: 100%;
    }

    .sectionFields .form-group input#email {
        width: 100%;
    }

    /* Form Fields - Enhanced */
    .sectionFields .form-control {
        padding: 14px 20px !important;
        background-color: #ffffff !important;
        border: 2px solid #e5e7eb !important;
        border-radius: 8px !important;
        font-size: 15px !important;
        transition: all 0.3s ease !important;
        color: #1f2937 !important;
    }

    .sectionFields .form-control:focus {
        outline: none !important;
        border-color: var(--primary-color) !important;
        box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb), 0.1) !important;
    }

    .sectionFields .form-select {
        padding: 14px 20px !important;
        background-color: #ffffff !important;
        border: 2px solid #e5e7eb !important;
        border-radius: 8px !important;
        transition: all 0.3s ease !important;
    }

    .sectionFields .form-select:focus {
        outline: none !important;
        border-color: var(--primary-color) !important;
        box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb), 0.1) !important;
    }

    .sectionFields .form-group .form-select {
        font-size: 16px;
        line-height: 22px;
        color: #1f2937;
        font-weight: 500;
    }

    /* Section Heading - Modernized */
    .secHeading h4 {
        font-size: 22px;
        line-height: 32px;
        color: var(--primary-color);
        font-weight: 700;
        font-family: "Inter", sans-serif !important;
        margin-bottom: 16px;
    }

    .sectionFields .form-group label {
        font-size: 15px;
        line-height: 22px;
        color: #374151;
        font-weight: 600;
        margin-bottom: 8px;
        display: block;
    }

    .sectionFields .checkbox label {
        font-size: 16px;
        line-height: 22px;
        color: #000000;
        font-weight: 600;
    }

    .sectionFields .checkbox .checkboxtext,
    .sectionFields .radio .radioboxtext {
        font-size: 16px;
        line-height: 22px;
        color: #000000;
        font-weight: 600;
    }

    .sectionFields .checkbox .form-checbox {
        width: 22px;
        height: 22px;
        background-color: #ffffff;
        border: 1px solid var(--border);
        accent-color: var(--primary-color);
    }

    .sectionFields .radio .form-radio {
        width: 22px;
        height: 22px;
        background-color: #ffffff;
        border: 1px solid var(--border);
        accent-color: var(--primary-color);
        margin-bottom: 0px !important;
    }

    .sectionFields .radio img {
        padding: 4px 0px 0px 20px;
    }

    .sectionFields .form-group input {
        font-size: 16px;
        line-height: 22px;
        color: #000000;
        font-weight: 500;
    }

    .sectionFields .form-group input::placeholder {
        font-size: 16px;
        line-height: 22px;
        color: #000000;
        font-weight: 500;
    }

    /* Background Sections - Enhanced */
    .pinkbackgroundsec {
        padding: 24px 30px !important;
        background: #f3e8ff !important;
        border-radius: 12px;
        border: 2px solid #e5e7eb;
        margin: 20px 0;
    }

    .nobackgroundsec {
        padding: 24px 0px !important;
        margin: 20px 0;
    }

    .contentparagraph p {
        font-size: 15px;
        line-height: 1.7;
        color: #4b5563;
        font-weight: 400;
    }

    .yellowbackgroundsec {
        padding: 24px 30px !important;
        background: #fef3c7 !important;
        border-radius: 12px;
        border: 2px solid #fbbf24;
        margin: 20px 0;
    }

    .yellowbackgroundsec .contentparagraph p,
    .buttonslogins p {
        font-size: 16px;
        line-height: 22px;
        color: #000000;
        font-weight: 600;
    }

    .billingcustomersec .radio {
        padding: 20px 0px 10px;
        border-top: 1px solid #e2b7eb;
    }

    .billingcustomersec .secHeading h2 {
        font-size: 28px;
        line-height: 7px;
        color: var(--primary-color);
        font-family: "Elephant";
        padding-bottom: 10px;
    }

    .billingcustomersec .sectionFields .radio .form-radio {
        margin-bottom: 0px !important;
        margin-top: 0px;
    }

    .radioinnercontent {
        border-top: 1px solid #e2b7eb;
        padding: 25px 20px 15px !important;
    }

    .buttonslogins button {
        border-radius: 10px;
        padding: 10px 20px;
        margin: 0px;
    }

    .buttonslogins .facebookbtn {
        background: #4267b2;
        text-align: center;
    }

    .buttonslogins .facebookbtn i {
        color: #fff;
        font-size: 20px;
        margin: 0px 10px;
    }

    .buttonslogins .facebookbtn span {
        color: #fff;
        font-size: 16px;
        text-transform: capitalize !important;
    }

    .buttonslogins .googlebtn {
        background: #fff;
        text-align: center;
        border: 1px solid #000;
    }

    .buttonslogins .googlebtn i {
        color: #000;
        font-size: 20px;
        margin: 0px 10px;
    }

    .buttonslogins .googlebtn span {
        color: #000;
        font-size: 16px;
        text-transform: capitalize !important;
    }

    .radioinnercontent.hidden {
        display: none;
    }

    .sticky-content {
        height: 100%;
    }

    .checkout-block {
        /* position: sticky; */
        top: 150px;
        margin-bottom: 115px;
    }

    .add-ons h4 {
        font-size: 20px;
        line-height: 32px;
        color: #000000;
        font-weight: 700;
        font-family: "Montserrat" !important;
    }

    .radioinnercontent2 {
        padding: 0px !important;
    }

    .radioinnercontent2 .newaccountsec {
        padding: 25px 20px 25px !important;
        border-bottom: 1px solid #e2b7eb;
    }

    .add-ons .addons-two-box h4 {
        font-size: 16px;
    }

    .main-tabs-title ul.nav.nav-tabs {
        border-bottom: 1px solid #000;
    }

    .main-tabs-title .nav>li {
        height: auto !important;
        color: #000;
    }

    .main-tabs-title a.nav-link {
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 30px;
        text-transform: uppercase;
        color: #310c39 !important;
        font-weight: 600;
    }

    .main-tabs-title a.nav-link:hover {
        background-color: #f7941e !important;
        color: #fff !important;
    }

    .main-tabs-title a.nav-link.active {
        background-color: #f7941e !important;
        color: #fff !important;
    }

    .main-tabs-title .nav-item.active a {
        background-color: #f7941e !important;
        color: #fff !important;
    }

    .cycle-selection .selecticon {
        position: absolute;
        top: 15px;
        right: 20px;
        display: none;
    }

    .cycle-selection.selected .selecticon {
        display: block !important;
    }

    .cycle-selection .showonselect {
        display: none;
    }

    .cycle-selection.selected .showonselect {
        display: inline;
    }

    .cycle-selection.selected a.cycle-button {
        background-color: var(--primary-color);
        font-size: 18px;
        border: 1px solid var(--primary-color);
        font-weight: 600;
        display: block;
        width: 100%;
        text-align: center;
        padding: 7px;
        margin-top: 15px;
        color: #fff !important;
        text-decoration: none !Important;
    }

    .grid-items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .image-items {
        background-color: #ffffff;
        border: 1px solid #000000;
        padding: 20px;
        position: relative;
        cursor: pointer;
    }

    .image-items .items-inner-content {
        gap: 20px;
        color: #000;
    }

    .image-items p.serverheading {
        font-size: 20px;
        line-height: 22px;
        color: #000000;
        font-weight: 700;
        margin: 0px;
    }

    .image-items p.servermodel {
        font-size: 16px;
        line-height: 20px;
        color: #575757;
        font-weight: 500;
        margin: 0px;
    }

    .server-tabs .nav-link {
        border: 1px solid #000 !important;
        box-shadow: none !important;
    }

    .image-items.selected {
        background-color: #9e50af;
    }

    .image-items.selected p.serverheading {
        color: #fff;
    }

    .image-items.selected p.servermodel {
        color: #fff;
    }

    .image-items.selected .imageitem-selecticon-white {
        display: block !important;
    }

    .image-items .imageitem-selecticon-white {
        position: absolute;
        top: 15px;
        right: 20px;
        display: none;
    }

    .headinginblack {
        font-size: 20px;
        line-height: 32px;
        color: #000000;
        font-weight: 700;
        font-family: "Montserrat" !important;
    }

    .serverstorageblockmain {
        background-color: #ffffff;
        border: 1px solid #000000;
        position: relative;
        cursor: pointer;
    }

    .serverstoragetext {
        font-size: 16px;
        line-height: 20px;
        color: #000;
        font-weight: 500;
        margin: 0px;
    }

    .radiosec p.radioboxtextbold {
        font-size: 16px;
        line-height: 22px;
        color: #000000;
        font-weight: 700;
    }

    .radiosec p.radioboxtextlight {
        font-size: 16px;
        line-height: 22px;
        color: #4c4c4c;
        font-weight: 500;
    }

    .serverstorageblockmain .contentside {
        padding: 20px;
    }

    .serverstorageblockmain .radiosec {
        border-top: 1px solid #000;
    }

    .serverstorageblockmain .radiosec .radio {
        margin: 0px;
        padding: 15px 20px;
        border-bottom: 1px solid #000;
    }

    .serverstorageradios {
        margin-top: 0px !important;
    }

    /* .radio.mainradioclass.selected {
    background: #f1dbf6;
} */
    .serverstorageblockmain .items-inner-content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    @media screen and (max-width:992px) {
        .buttonslogins button {
            padding: 10px 10px;
        }

        .buttonslogins button span {
            font-size: 14px !important;
        }

        .main-cart-packages .col-md-4 {
            max-width: 100% !important;
        }

        .row.product-cart-cycle .col-md-4 {
            padding: 0 !important;
            max-width: 100%;
            margin: 10px 20px;
        }

        .search-tabs {
            margin: 10px 20px;
            padding: 25px 15px;
        }

        .cart-domain-tlds {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
        }

        .cart-page ul.nav.nav-tabs .nav-item {
            margin-right: 10px !important;
        }

        .row.add-ons {
            margin: 10px 10px !important;
        }

        .add-ons .col-md-6 {
            padding: 0;
            max-width: 100% !important;
        }

        .checkout-block {
            margin-top: 40px;
        }

        .main-cart-page h2 {
            margin: 0px 20px;
        }

        .main-cart-page h2 {
            color: #6f2f7e;
            font-size: 28px;
        }

        .total-d.mt-5 h3 {
            font-size: 40px;
        }

        .buttonslogins .mobilehide {
            display: none;
        }

        .buttonslogins button {
            margin-top: 15px;
        }

        .cart-page .nav-tabs {
            display: grid !important;
            justify-content: start;
            gap: 10px;
        }

        .cart-page .nav-tabs {
            display: block !important;
            width: 100% !important;
        }

        .cart-page .nav-tabs a.nav-link {
            width: 100%;
            padding: 10px 20px !important;
            font-size: 16px !important;
            justify-content: center;
        }

        .cart-page ul.nav.nav-tabs .nav-item {
            width: 100%;
            margin-top: 10px;
        }

        .cart-page .nav-link.active {
            color: #f7941e;
        }

        .search-frm .form-control {
            height: 55px;
            background: #f1dbf6;
            margin-right: 0px;
            font-size: 16px;
            width: 100%;
        }

        .search-frm .btn.btn-primary {
            width: 100%;
        }

        .search-frm .input-group-btn {
            width: 100%;
            z-index: 99 !important;
        }

        .add-ons h4 {
            margin-top: 0px !important;
        }

        .mobilepadding {
            padding: 0px 20px !important;
        }

        .server-tabs .grid-items {
            grid-template-columns: repeat(2, 1fr);
        }

        .server-storage-blocks .grid-items {
            grid-template-columns: repeat(1, 1fr);
        }

        .image-items .items-inner-content {
            flex-direction: column;
            justify-content: left;
            flex-wrap: unset;
            align-items: flex-start !important;
        }

        .main-tabs-title {
            margin-left: 50px;
        }
    }



    .mt-1,
    .my-1 {
        margin-top: 1rem !important;
    }

    .mt-2,
    .my-2 {
        margin-top: 2rem !important;
    }

    .mt-3,
    .my-3 {
        margin-top: 3rem !important;
    }

    .mt-4,
    .my-4 {
        margin-top: 4rem !important;
    }

    .mt-5,
    .my-5 {
        margin-top: 5rem !important;
    }

    .mt-6,
    .my-6 {
        margin-top: 6rem !important;
    }

    .mt-7,
    .my-7 {
        margin-top: 7rem !important;
    }





    .slabs-content th {
        border: 1px solid var(--border) !important;
        padding: 15px 12px 15px 22px !important;
        color: var(--primary-color) !important;
        font-family: "Montserrat", Sans-serif !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        background-color: var(--surface) !important;
        position: sticky !important;
        top: 0 !important;
        background: var(--surface-hover);
        z-index: 1 !important;
    }

    .slabs-content tr {
        font-family: "Montserrat", Sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
    }

    .slabs-content td br {
        display: none !important;
    }

    .slabs-content td {
        width: 19%;
        color: black;
        padding: 15px 22px 15px 22px !important;
        border: 1px solid #000000 !important;
    }


    .slabs-content th:first-child {
        padding-left: 22px !important;
    }

    .slabs-content td:first-child,
    th:first-child {
        width: 20%;
        padding-left: 22px !important;
    }

    .slabs-content .strikethrough {
        font-weight: 500 !important;
        margin-left: 20px !important;
        text-decoration: line-through !important;
        color: #000000 !important;
    }

    .slabs-content.active {
        /*     margin-top: 30px !important; */
        display: block !important;
    }

    .slabs-tab.active {
        font-weight: 500 !important;
        font-size: 16px !important;
        padding: 10px 30px !important;
        background: var(--primary-color) !important;
        color: #fff !important;
    }

    .slabs-tab {
        font-weight: 600 !important;
        font-size: 16px !important;
        padding: 10px 30px !important;
        color: #2b2828 !important;
        display: inline-block !important;
        cursor: pointer !important;
        margin-right: 5px !important;
        background: #e1b4eb !important;
        border-radius: 0px !important;
    }

    .page-id-72984 .container,
    .page-id-72984 .row {
        max-width: 1350px !important;
    }

    /* Block Packages - Modernized */
    .block-packages {
        border: 2px solid #e5e7eb;
        border-radius: 4px;
        padding: 20px;
        margin-bottom: 30px !important;
        background: white;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
        overflow: hidden;
    }

    .block-packages::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 200px;
        height: 200px;
        background: url('/img/Vector-Smart-Object.png');
        background-repeat: no-repeat;
        background-position: top right;
        background-size: contain;
        opacity: 0;
        transition: opacity 0.4s ease;
    }

    .block-packages:hover {
        background: var(--primary-color) !important;
        border-color: var(--primary-color);
        transform: translateY(-4px);
        box-shadow: 0 12px 24px -1px rgba(var(--primary-color-rgb), 0.3);
    }

    .block-packages:hover::before {
        opacity: 1;
    }

    .block-packages:hover .detail-content,
    .block-packages:hover h4,
    .block-packages:hover .price {
        color: white !important;
    }

    .block-packages:hover ul.packages_desc li::before {
        color: white;
    }

    .block-packages:hover a.packaegs-button {
        background: #f7941e;
        box-shadow: 0 4px 12px rgba(247, 148, 30, 0.4);
    }

    .block-packages:hover .discount_statement {
        color: white;
    }

    body.translatepress-ar .block-packages .detail-content {
        text-align: right;
    }

    body.translatepress-ar .block-packages:hover {
        background-color: var(--primary-color) !important;
        background-image: url("/wp-content/uploads/2024/05/Vector-Smart-Object-1.png") !important;
        background-repeat: no-repeat;
        background-position: top left !important;
        background-size: 150px;
    }

    .detail-content {
        z-index: 5;
    }
</style>