:root{--vps-primary:#1e3a5f;--vps-secondary:#2C3C94;--vps-accent:#f97316;--vps-accent-dark:#ea580c;--vps-text:#232E2E;--vps-text-light:#64748b;--vps-bg-light:#f8fafc;--vps-bg-card:#f1f5f9;--vps-border:#e2e8f0;--vps-white:#ffffff;--vps-success:#10b981}.main_container{max-width:1400px;margin:0 auto;font-family:'Open Sans',-apple-system,BlinkMacSystemFont,sans-serif}ul.vps-duration-filter{list-style:none;display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 30px 0;padding:0;flex-wrap:wrap}ul.vps-duration-filter li{padding:12px 24px;border-radius:50px;border:2px solid var(--vps-border);background:var(--vps-white);font-weight:600;font-size:15px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;color:var(--vps-text)}ul.vps-duration-filter li:hover{border-color:var(--vps-secondary)}ul.vps-duration-filter li.active{background:linear-gradient(135deg,var(--vps-primary),var(--vps-secondary));color:var(--vps-white);border-color:#fff0;box-shadow:0 4px 15px rgb(44 60 148 / .3)}ul.vps-duration-filter li span{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:700}ul.vps-duration-filter li span.blue{background:#89D0FF;color:var(--vps-white)}ul.vps-duration-filter li span.darkblue{background:var(--vps-secondary);color:var(--vps-white)}ul.vps-duration-filter li span.red{background:var(--vps-accent);color:var(--vps-white)}ul.vps-duration-filter li.active span{background:rgb(255 255 255 / .25)}.paragrap_cl{text-align:center;margin-bottom:20px}.paragrap_cl p{font-size:18px;color:var(--vps-text-light);font-weight:400;margin:0}.vps-plans-container{display:flex;gap:30px;margin-top:20px}.vps-filter{width:280px;flex-shrink:0;background:var(--vps-white);border-radius:20px;box-shadow:0 4px 15px rgb(0 0 0 / .06);border:1px solid var(--vps-border);position:sticky;top:20px;height:fit-content;overflow:hidden}.vps-filter-heading{display:flex;align-items:center;gap:12px;padding:20px 20px 16px;border-bottom:2px solid var(--vps-bg-card)}.vps-filter-heading::before{content:"\f1de";font-family:"Font Awesome 5 Free";font-weight:900;font-size:18px;color:var(--vps-accent)}.vps-filter-heading h1{font-size:18px;font-weight:700;color:var(--vps-primary);margin:0;padding:0}.vps-filter-heading-price{margin-top:0;border-top:none;border-left:none;border-right:none;border-radius:0;background:var(--vps-bg-light);padding-top:16px}.vps-filter-heading-price::before{content:"\f02b"}.slider-dropdown{border-bottom:1px solid var(--vps-border)}.slider-dropdown:last-child{border-bottom:none}.slider-dropdown .dropdown-header{padding:14px 20px;cursor:pointer;font-weight:600;font-size:14px;color:var(--vps-text);display:flex;justify-content:space-between;align-items:center;transition:background 0.2s ease}.slider-dropdown .dropdown-header:hover{background:var(--vps-bg-light)}.slider-dropdown .dropdown-header::after{content:"\f078";font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px;color:var(--vps-text-light);transition:transform 0.3s ease}.slider-dropdown.active .dropdown-header::after{transform:rotate(-180deg)}.slider-dropdown .dropdown-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;padding:0 20px}.slider-dropdown.active .dropdown-content{max-height:200px;padding:0 20px 20px}.slider-box{margin-bottom:0}.slider-label{display:block;font-size:13px;font-weight:600;color:var(--vps-secondary);margin-bottom:12px;padding:8px 12px;background:var(--vps-bg-light);border-radius:8px}.price-range-labels{display:flex;justify-content:space-between;gap:10px}.price-range-labels .slider-label{flex:1;text-align:center;font-size:12px}.slider-box .ui-slider{height:8px;background:var(--vps-bg-card);border-radius:4px;border:none;margin-bottom:8px}.slider-box .ui-slider .ui-slider-handle{width:22px;height:22px;background:linear-gradient(135deg,var(--vps-secondary),var(--vps-primary));border-radius:50%;border:none;cursor:pointer;top:-7px;box-shadow:0 2px 8px rgb(44 60 148 / .4);transition:transform 0.2s ease}.slider-box .ui-slider .ui-slider-handle:hover{transform:scale(1.1)}.slider-box .ui-slider .ui-slider-range{background:linear-gradient(90deg,var(--vps-secondary),var(--vps-primary));border-radius:4px}.slider-marks{display:flex;justify-content:space-between;font-size:10px;color:var(--vps-text-light);padding:0 2px}.vps-plans-content{flex:1;min-width:0;padding-bottom:10px}.vps-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:10px 5px}.vps-card-content{background:var(--vps-white);border-radius:20px;overflow:hidden;border:1px solid var(--vps-border);transition:all 0.3s ease;display:flex;flex-direction:column;box-shadow:0 4px 15px rgb(0 0 0 / .05)}.vps-card-content:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgb(0 0 0 / .12);border-color:var(--vps-secondary)}.vps-card-content.featured{border:2px solid var(--vps-accent)}.vps-card-content.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--vps-accent),var(--vps-accent-dark))}.vps-card-content .popular-cl{background:linear-gradient(135deg,var(--vps-accent),var(--vps-accent-dark));padding:10px 0;text-align:center;margin:0}.vps-card-content .popular-cl h3{font-size:13px;font-weight:700;color:var(--vps-white);margin:0;text-transform:uppercase;letter-spacing:.5px}.vps-card-top{background:linear-gradient(135deg,var(--vps-bg-light),var(--vps-bg-card));padding:24px 20px;text-align:center;transition:all 0.3s ease}.vps-card-content:hover .vps-card-top{background:linear-gradient(135deg,var(--vps-primary),var(--vps-secondary))}.vps-card-content.featured .vps-card-top{background:linear-gradient(135deg,var(--vps-primary),var(--vps-secondary))}.vps-plan-icon{width:60px;height:60px;background:var(--vps-white);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 6px 16px rgb(0 0 0 / .1);font-size:24px;transition:all 0.3s ease}.vps-card-content:hover .vps-plan-icon,.vps-card-content.featured .vps-plan-icon{background:linear-gradient(135deg,var(--vps-accent),var(--vps-accent-dark));transform:scale(1.05)}.vps-plan-icon img{width:32px;height:32px;transition:filter 0.3s ease}.vps-card-content:hover .vps-plan-icon img,.vps-card-content.featured .vps-plan-icon img{filter:brightness(0) invert(1)}.vps-card-inner{padding:20px;display:flex;flex-direction:column;flex:1}.vps-card-content .heading-cl{display:flex;align-items:center;gap:8px;margin-bottom:4px}.vps-card-content .heading-cl img{width:20px;height:20px}.vps-card-content .heading-cl h3{font-size:20px;font-weight:700;color:var(--vps-primary);margin:0;transition:color 0.3s ease}.vps-card-content:hover .vps-card-top .heading-cl h3,.vps-card-content.featured .vps-card-top .heading-cl h3{color:var(--vps-white)}.vps-card-content .heading-cl p{font-size:12px;color:var(--vps-text-light);margin:0 0 12px 0;transition:color 0.3s ease}.vps-card-content:hover .vps-card-top .heading-cl p,.vps-card-content.featured .vps-card-top .heading-cl p{color:rgb(255 255 255 / .7)}.vps-card-content .base-price{font-weight:800;font-size:32px;color:var(--vps-primary);margin:8px 0 4px;text-align:center}.vps-card-content .base-price span{font-size:14px;font-weight:500;color:var(--vps-text-light)}.vps-card-content .dicsount-cl{text-align:center;margin:8px 0}.vps-card-content .discount-text{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:4px}.vps-card-content .discount-text span:first-child{font-size:16px;text-decoration:line-through;color:var(--vps-text-light)}.vps-card-content .discount-text span:last-child{background:linear-gradient(135deg,var(--vps-accent),var(--vps-accent-dark));color:var(--vps-white);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700}.vps-card-content .addtocart{display:block;padding:12px 20px;background:var(--vps-bg-light);border:2px solid var(--vps-border);border-radius:10px;color:var(--vps-text);font-size:14px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all 0.3s ease;margin:12px 0}.vps-card-content .addtocart:hover{background:var(--vps-primary);border-color:var(--vps-primary);color:var(--vps-white)}.vps-card-content .addtocart a{color:inherit;text-decoration:none}.vps-card-content.featured .addtocart{background:linear-gradient(135deg,var(--vps-accent),var(--vps-accent-dark));border-color:#fff0;color:var(--vps-white)}.vps-card-content.featured .addtocart:hover{transform:scale(1.02);box-shadow:0 6px 20px rgb(249 115 22 / .4)}ul.features-list{list-style:none;padding:0;margin:0;flex:1}ul.features-list li{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:13px;color:var(--vps-text);border-bottom:1px solid var(--vps-bg-card)}ul.features-list li:last-child{border-bottom:none}ul.features-list li i.fa-check{color:var(--vps-success);font-size:12px;width:20px;height:20px;background:#ecfdf5;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}ul.features-list li .extraprices{font-weight:600;color:var(--vps-primary)}ul.features-list li.total_cl{border-bottom:2px solid var(--vps-border);padding-bottom:12px;margin-bottom:4px}.vps-card-content.featured .heading-cl h3,.vps-card-content.featured .heading-cl p,.vps-card-content.featured .base-price,.vps-card-content.featured .base-price span,.vps-card-content.featured .discount-text span:first-child{color:var(--vps-primary)}.more_feature_cl{text-align:center;margin-top:12px}.show-more-features{background:none;border:none;color:var(--vps-secondary);font-size:13px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:6px}.show-more-features:hover{background:var(--vps-bg-light);color:var(--vps-primary)}.show-more-features::after{content:"\f078";font-family:"Font Awesome 5 Free";font-weight:900;font-size:10px;transition:transform 0.3s ease}.show-more-features.active::after{transform:rotate(180deg)}.vps-card-content.featured .show-more-features{color:var(--vps-secondary)}.vps-tooltip-trigger{text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--vps-text-light);text-underline-offset:3px;cursor:help;position:relative;display:inline}.vps-tooltip-trigger::after{content:attr(data-tooltip);position:absolute;bottom:auto;top:100%;left:50%;transform:translateX(-50%);background:var(--vps-primary);color:var(--vps-white);padding:10px 14px;border-radius:8px;font-size:12px;font-weight:400;line-height:1.5;width:220px;max-width:220px;text-align:left;z-index:9999;box-shadow:0 4px 20px rgb(0 0 0 / .25);opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;pointer-events:none;margin-top:8px;white-space:normal;word-wrap:break-word}.vps-tooltip-trigger::before{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid #fff0;border-bottom-color:var(--vps-primary);margin-top:-4px;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;pointer-events:none;z-index:10000}.vps-tooltip-trigger:hover::after,.vps-tooltip-trigger:hover::before{opacity:1;visibility:visible}.vps-card-content{overflow:visible}.vps-card-inner{overflow:visible}ul.features-list{overflow:visible}ul.features-list li{overflow:visible;position:relative}#loading-spinner{display:none;border:4px solid var(--vps-bg-card);border-top:4px solid var(--vps-secondary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:50px auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.vps-cards p{text-align:center;color:var(--vps-text-light);font-size:16px;padding:40px;width:100%}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vps-card-content{animation:fadeInUp 0.4s ease forwards}.vps-card-content:nth-child(1){animation-delay:0.05s}.vps-card-content:nth-child(2){animation-delay:0.1s}.vps-card-content:nth-child(3){animation-delay:0.15s}.vps-card-content:nth-child(4){animation-delay:0.2s}.vps-card-content:nth-child(5){animation-delay:0.25s}.vps-card-content:nth-child(6){animation-delay:0.3s}@media (max-width:1200px){.vps-cards{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:992px){.vps-plans-container{flex-direction:column}.vps-filter{width:100%;position:static}.slider-dropdown.active .dropdown-content{max-height:150px}.vps-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){ul.vps-duration-filter{justify-content:flex-start;overflow-x:auto;padding-bottom:10px;gap:8px;flex-wrap:nowrap}ul.vps-duration-filter li{flex:0 0 auto;padding:10px 16px;font-size:14px;white-space:nowrap}ul.vps-duration-filter li span{display:none}.vps-cards{grid-template-columns:1fr;gap:20px}.paragrap_cl p{font-size:16px;padding:0 15px}}@media (max-width:480px){.vps-card-content .base-price{font-size:28px}ul.vps-duration-filter li{padding:8px 14px;font-size:13px}}