.reset-form {
    background-color: #fff;
    border-radius: 4px
}
#tableServicesList td.text-center.sorting_2 {
    width: 12%
}
.unlimited-business .cloud-price .cloud-prc {
    font-size: 40px
}
.verification-banner {
    font-size: 13px !important;
    font-weight: 600 !important;
    width: 100% !important
}
.reset-form label {
    font-size: 14px;
    font-weight: 400
}
.form-title h3 {
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center
}
.reset-input {
    margin-top: 15px
}
p {
    font-size: 14px;
    font-weight: 400
}
.ftp-backup-page .col-md-3.aos-init.aos-animate,
.next-cloud-page .col-md-3.aos-init.aos-animate {
    margin-bottom: 20px
}
.cloud-price {
    min-width: 180px
}
.results {
    font-size: 20px;
    text-align: center;
    padding: 20px 0;
    float: left
}
#servicenick_name {
    margin-left: 10px;
    color: #f60;
    font-size: 20px
}
form#product-form {
    font-size: 13px
}
div#loadernick {
    text-align: center
}
#result-container .results_box li img {
    margin-right: 3px
}
.results_box .col1.col2.results_box_full {
    display: block
}
.col2.results_box_full ul {
    display: flex;
    flex-wrap: wrap
}
.col2.results_box_full ul li {
    width: 50%;
    padding-right: 10px
}
.results_box .col1 {
    align-items: center
}
.results_box .col1.col2.results_box_full h5 {
    margin-bottom: 5px
}
ul.col_in {
    list-style-type: none
}
ul.col_in img {
    margin-right: 8px
}
select#price_order {
    font-weight: 600;
    color: #000
}
div#cPanelPackagePanel,
div#cPanelUsagePanel,
div#cPanelQuickShortcutsPanel,
div#cPanelBillingOverviewPanel,
div#cPanelMetricStatsPanel {
    font-size: 12px
}
div#cPanelPackagePanel a {
    width: 24%
}
div#cPanelPackagePanel {
    min-height: 186px
}
.text-info.limit-near {
    margin-top: 10px;
    margin-left: 5px
}
div#cpanel_msgusage {
    display: inline-flex
}
.cpanel-package-details em,
.cpanel-package-details h4 {
    font-size: 16px
}
.package-domain-row .col-md-6 {
    margin-bottom: 35px
}
.verification-banner.email-verification .container .row {
    display: block
}
#creditCardInputFields~.text-center .cptca .captchaimage img {
    width: 100%
}
#creditCardInputFields~.text-center .cptca input#inputCaptcha {
    width: 100% !important;
    display: block !important
}
#mg-container table#mainTable tr td {
    padding: 10px;
    border: 0;
    border-bottom: 1px solid #c5c5c5
}
#mg-container table#mainTable tr td:first-child {
    color: #000;
    font-size: 15px
}
#mg-container table#mainTable {
    border: 0
}
#mg-container table tr:nth-child(even) td {
    background-color: #fff
}
#mg-container table tr td textarea.form-control {
    min-height: 90px
}
#modalGenerateCsr .modal-footer.panel-footer {
    display: block
}
div#modalGenerateCsr {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
.configuressl-steptwo {
    font-size: 14px
}
.iradio_square-blue {
    margin-right: 5px
}
.widgetLabel-ctm {
    padding: 12px 20px;
    background-color: #e0e1e2
}
.gridster-item.ctm-link-div .dashboard-widget {
    padding-bottom: 0;
    min-height: 1px;
    border-radius: 6px;
    overflow: hidden
}
.widgetLabel-ctm a {
    font-size: 14px;
    font-weight: 600;
    color: #747576
}
.widgetLabel-ctm i {
    margin-right: 8px;
    color: #747576
}
.widgetLabel-ctm a:hover {
    color: #0d1925
}
.ctm-link-div h3.boxttl.ctm-link {
    font-size: 18px;
    font-weight: 600;
    color: #272727
}
.login-form #default-captcha-domainchecker {
    margin-top: 15px;
    margin-bottom: 10px
}
#servicenick_name {
    margin-left: 10px;
    color: #f60;
    font-size: 20px
}
form#product-form {
    font-size: 13px
}
.login-form.business-email-form label {
    font-size: 16px
}
.login-form.business-email-form .irs-single {
    font-size: 17px
}
div#d_name_error {
    font-size: 13px;
    color: #d80808
}
.filter-btn {
    margin-bottom: 10px
}
.server-plans-left-block {
    position: sticky;
    top: 100px
}
.firewall-submenu {
    padding-top: 28px !important
}
.reduce-configureproductdomain {
    margin: auto !important
}
.web-rank {
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    border-top: dashed 1px #e6f0f3;
    padding-top: 40px
}
.rank-item.product_addons {
    background: #fff;
    border: solid 1px #d1e9f1
}
.rank-item {
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 5px;
    border: solid 1px #ebebeb;
    box-shadow: 0 0 5px #ebebeb;
    cursor: pointer
}
.daily-web {
    display: inline-block;
    width: 100%;
    margin: 24px 0 20px
}
.paddons .daily-web {
    margin: 5px 0
}
.paddons .daily-web label.pay-check.web-chek {
    margin: 0 !important
}
.daily-web .pay-check.web-chek {
    padding-bottom: 0;
    margin: 0;
    padding-left: 30px
}
.daily-web .checkmark {
    width: 20px;
    height: 20px;
    border-color: #5cc55a
}
.pay-check .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%
}
.mo-price {
    float: right;
    font-size: 20px
}
.scans-cont {
    font-size: 16px;
    line-height: 22px
}
.daily-web .pay-check.web-chek {
    padding-bottom: 0;
    margin: 0;
    padding-left: 0
}
.pay-check.web-chek {
    border: none
}
.daily-web label {
    font-size: 20px;
    font-weight: 900;
    text-transform: inherit
}
.pay-check {
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 0 0 15px 23px;
    user-select: none
}
.daily-web .checkmark {
    width: 20px;
    height: 20px;
    border-color: #5cc55a
}
.mo-price {
    float: right;
    font-size: 20px
}
.scans-cont {
    font-size: 16px;
    line-height: 22px
}
.configure-addons .panel-addon {
    text-align: left !important
}
.configure-addons .product_addons {
    min-height: 0 !important
}
.no-addon-desc {
    padding-bottom: 0 !important
}
.configure-addons .panel-addon {
    padding-left: 20px !important
}
.ossystem_div.col-md-4 {
    float: unset
}
button.btn.btn-primary.filtertab.active:after {
    position: absolute;
    width: 100%;
    content: "";
    height: 3px;
    background-color: #F60;
    left: 0;
    bottom: -9px
}
button.btn.btn-primary.filtertab.active {
    overflow: visible
}
.none-cpanel {
    padding-top: 20px !important
}
.owl-next::after {
    background-color: #f60 !important
}
.owl-next span {
    color: #fff !important;
    top: 2px !important;
    left: 4px !important
}
.owl-prev::after {
    background-color: #f60 !important
}
.owl-prev span {
    color: #fff !important;
    top: 3px !important;
    left: 5px !important
}
.owl-theme .owl-nav .disabled {
    opacity: .5 !important;
    cursor: default !important
}
.owl-carousel .owl-nav span {
    font-size: 32px !important;
    margin-top: 0 !important;
    font-weight: 100 !important
}
.history-inner.owl-nav button.owl-prev,
.history-inner.owl-nav button.owl-next {
    background: url() no-repeat !important
}
.owl-next:not(.disabled) {
    animation-duration: 2.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}
@keyframes owl-next {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}
.owl-next:not(.disabled) {
    animation-name: owl-next;
    animation-duration: 1s
}
.owl-prev:not(.disabled) {
    animation-duration: 2.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}
@keyframes owl-next {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}
.owl-prev:not(.disabled) {
    animation-name: owl-next;
    animation-duration: 1s
}
.owl-carousel .owl-nav button.owl-next::after {
    left: -16px !important;
    top: -19px !important
}
.most-popular {
    top: 0 !important
}
.pricing-block:hover>.most-popular {
    top: 7px !important
}
.filter-list .range-slider label {
    width: 40%
}
.filter-list .range-slider input {
    width: 60%
}
.banner_top h1.banner-title {
    max-width: 100%
}
.banner_top {
    align-items: center
}
.left_grid {
    width: 58%;
    flex: 0 0 58%;
    padding-right: 7.5%
}
.left_grid p {
    line-height: 32px;
    color: #343a46;
    font-weight: 600;
    font-size: 18px
}
.right_grid {
    width: 42%;
    flex: 0 0 42%
}
.right_grid img {
    width: 100%
}
ul.banner_listing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 18px 0 24px
}
ul.banner_listing li {
    list-style: none;
    position: relative;
    padding-left: 25px;
    font-size: 15px;
    line-height: 26px;
    color: #302c28;
    margin-bottom: 15px;
    font-weight: 400
}
ul.banner_listing li::before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/templates/spectra/assets/image/check.png);
    left: 0;
    top: 6px
}
.security-blocks-inner {
    max-width: 900px;
    margin: auto;
    padding-top: 40px;
    position: relative
}
.security_block {
    padding: 30px 20px;
    box-shadow: 0 10px 34px -15px #0000003d;
    background-color: #fff;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 15px;
    transition: all .3s ease-in-out;
    cursor: default
}
.security-center-block {
    padding: 0 15px
}
.security-image {
    margin-bottom: 28px
}
.security-block-content h5 {
    font-size: 18px;
    font-weight: 700
}
.security-block-content p {
    font-size: 15px;
    line-height: 26px
}
.security_block:hover {
    transform: translateY(-10px)
}
.spectra-table-four {
    width: 100%;
    margin: 90px 0 25px
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
.spectra-table-four th:nth-child(2) {
    background: red;
    border-radius: 6px 0 0 0
}
.spectra-table-four th span {
    color: #fff
}
.spectra-table-four th {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    text-align: center;
    padding: 15px 10px
}
.spectra-table-four .section {
    background: #3c3b3a !important;
    padding: 15px 20px !important;
    font-size: 18px;
    text-align: center !important;
    color: #fff
}
.spectra-table-four tbody td {
    font-size: 15px;
    color: #000;
    text-align: left
}
.spectra-table-four td {
    vertical-align: middle;
    text-align: center;
    padding: 12px 15px;
    line-height: 135%
}
.spectra-table-four tbody td h4 {
    padding: 0 0 3px;
    color: #f60;
    font-weight: 600;
    font-size: 17px
}
.pspectra-table-four tbody td p:last-child {
    padding: 0 !important
}
span.td-title,
tr.pac-price td {
    font-size: 15px;
    color: #000
}
.spectra-table-four tbody td:nth-child(1) {
    background: #f50000;
    border-bottom: 1px solid #fff
}
.spectra-table-four tbody td:nth-child(2) {
    background: #ed0000;
    border-bottom: 1px solid #fff;
    font-weight: 600
}
.spectra-table-four th:nth-child(3) {
    background: red
}
.spectra-table-four tbody td:nth-child(3) {
    background: #e30000;
    border-bottom: 1px solid #fff;
    font-weight: 600
}
.spectra-table-four td:nth-child(1) {
    width: 790px;
    padding: 18px 20px
}
.spectra-table-four td:nth-child(2) {
    width: 160px;
    text-align: center !important
}
.spectra-table-four tbody td:nth-child(3) {
    text-align: center
}
.spectra-table-four tfoot td:nth-child(1) {
    width: 790px;
    padding: 12px 20px;
    background: #f9b87226;
    border-bottom: 1px solid #fff;
    text-align: left
}
.spectra-table-four tfoot td:nth-child(1) span.td-title,
.spectra-table-four tfoot td:nth-child(1),
.spectra-table-four tfoot tr:nth-child(2) td {
    font-weight: 600;
    font-size: 16px;
    color: #000
}
.spectra-table-four tfoot span.nowrap,
.spectra-table-four tfoot td {
    font-size: 16px;
    color: #000
}
.spectra-table-four tfoot td:nth-child(even) {
    background: #ed0000;
    border-bottom: 1px solid #fff
}
.spectra-table-four tfoot td:nth-child(odd) {
    background: #f50000;
    border-bottom: 1px solid #fff
}
section.table-section {
    padding: 10px 0
}
span.yes img {
    width: 21px;
    height: 21px;
    object-fit: cover
}
.spectra-table-four p {
    font-size: 15px;
    font-weight: 400;
    color: #5a5a5a
}
.wgsPdns table.table.table-bordered.table-striped {
    font-size: 14px
}
.vulnerability-form img {
    width: 100%
}
.spectra-table-four tfoot tr:nth-child(2) td {
    font-weight: 700
}
.banner-content a.btn {
    padding: 10px 30px
}
html {
    scroll-behavior: smooth
}
.security-inner::after {
    display: none
}
.spectra-table-four th:nth-child(3) {
    border-radius: 0 6px 0 0
}
.container-fluid.without-padding.container-hostx-body.store-pages {
    max-width: 1250px;
    margin: 0 auto;
    padding-top: 100px
}
.filter-tab-sql {
    margin: auto;
    width: 42%;
    padding: 10px
}
.wgs-configuration-option i {
    cursor: pointer
}
.container.vulnerability-page {
    width: 1000px
}
.captcha-register {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 40px
}
.captcha-login {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 10px
}
.sql_server_page .cloud-price .cloud-prc {
    font-size: 44px
}
.sap-busin-tabcontent {
    max-width: 800px;
    margin: 0 auto
}
.sap-busin-tabcontent .cloud-price-content {
    margin-top: 15px
}
.pricing-table-inner {
    display: flex;
    align-items: center;
    justify-content: space-around;
    cursor: pointer;
    padding: 15px;
    transform: scale(1);
    transition: all .5s
}
.pricing-table-sec {
    background: #fff;
    margin: 41px auto;
    max-width: 970px;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 0
}
.pricing-table-sec p {
    font-size: 16px;
    margin-bottom: 0
}
.product-price .price {
    font-size: 16px;
    font-weight: 700
}
.product-price span {
    font-size: 14px
}
.pricing-table-inner:hover {
    box-shadow: 0 0 6px #00000029
}
.object-storage-inner {
    padding: 20px 0 40px
}
.object-storage-inner .col-sm-6 {
    margin-bottom: 20px
}
section.banner-section.storage-top-sec {
    padding-top: 100px
}
section.storage-config {
    padding-top: 20px;
    padding-bottom: 20px
}
h2.domain-h2-text {
    text-align: left;
    margin: 30px 0;
    font-size: 20px
}
.xovinow-faq .accordion>.card>.card-header {
    border: transparent !important;
    background: transparent;
    padding: 0
}
.xovinow-faq .card.mb-3 {
    border: transparent
}
.xovinow-faq .card-body {
    background: #fbfbfb
}
.container {
    padding: 20px
}
.image-container,
.image-wrapper {
    text-align: center;
    padding: 10px;
    background-color: #f9f9f9;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}
.image-container img,
.image-wrapper img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-bottom: 5px
}
.image-wrapper p {
    margin: 0;
    font-size: 14px;
    color: #333
}
.popular-img {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center
}
.image2-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center
}
.image3-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center
}
.image-container img.image-wrapper img {
    border: 1px solid #ededed;
    border-radius: 4px;
    padding: 10px;
    background-color: #fff;
    width: 130px;
    height: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}
#trust-numbers-section {
    background-color: #f4f4f400;
    padding: 40px 0;
    text-align: center
}
.grid {
    display: flex;
    justify-content: center;
    gap: 20px
}
.text-block {
    background: #fff;
    border-radius: 150px;
    padding: 20px;
    max-width: 250px;
    flex: 1;
    transition: transform 0.3s, box-shadow .3s
}
.trust-grid-wrapper .text-block span.title {
    font-size: 50px;
    line-height: 58px
}
.title {
    font-size: 2.9em;
    font-weight: 700;
    color: #ff8c00;
    display: block;
    margin-bottom: 10px
}
.subtitle {
    color: #000;
    display: block;
    font-weight: 700;
    line-height: 0
}
.orange-text {
    color: var(--primary-color) !important;
}
.container {
    padding: 20px
}
.row.service-new-sec {
    display: flex;
    flex-wrap: wrap;
    margin: -15px
}
.col-xl-3,
.col-md-6 {
    padding: 15px;
    box-sizing: border-box
}
.service-inner {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px #0000001a;
    text-align: center;
    padding: 20px;
    transition: box-shadow 0.3s, transform .3s
}
.service-inner:hover {
    box-shadow: 0 4px 12px #0003;
    transform: translateY(-5px)
}
.server-box {
    display: flex;
    flex-direction: column;
    align-items: center
}
.index-service .service-new-sec .server-txt h3 {
    margin-bottom: 0 !important
}
.index-service .server-txt h3 {
    font-size: 19px !important
}
.index-service .service-new-sec .server-txt {
    height: 90px
}
.service-new-sec .middle-heading-sec h4 {
    font-size: 16px;
    font-weight: 600 !important;
    color: #141414
}
.server-icon img {
    max-width: 60px;
    margin-bottom: 15px
}
.server-txt h3 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
    margin-bottom: 15px
}
.middle-heading-sec h4 {
    font-size: 16px;
    color: #666;
    margin: 0;
    margin-bottom: 15px
}
.price-sec-service {
    font-size: 15px;
    margin-bottom: 15px
}
.for-from,
.for-month {
    font-size: 14px;
    color: #888
}
.server-list-blk ul.list-block {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #666
}
.server-list-blk a {
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    color: #007bff;
    text-decoration: none
}
.server-list-blk a:hover {
    text-decoration: underline
}
.usecases-section {
    padding: 70px 0;
    text-align: center
}
.usecases-section .section-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--secondary-color);
    margin: 0;
    line-height: 36px;
    margin-bottom: 50px
}
.usecases-grid {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    gap: 10px
}
.usecases-grid .row .col-md-4 {
    margin-bottom: 20px
}
section.why-optimized-vps.vps-box-section.section-spectra h2 {
    margin-bottom: 40px
}
.usecase-card {
    background: #fff;
    padding: 30px 25px;
    border-radius: 15px;
    transition: all .3s ease;
    border: 1px solid #ddd;
    height: 100%;
}
.usecase-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px #0000001f
}
.usecase-icon {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px
}
.usecase-icon i {
    font-size: 20px;
    color: #fff
}
.usecase-card h3 {
    font-size: 15px;
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 10px
}
.usecase-card p {
    font-size: 1.4rem;
    color: var(--text-color);
    line-height: 1.5
}
.trust-section {
    padding: 60px 0;
    background: #fff
}
.trust-grid-wrapper .text-block .subtitle {
    font-size: 18px;
    line-height: 23px
}
.trust-grid-wrapper .text-block .title {
    margin-bottom: 0
}
.trust-header {
    text-align: center;
    margin-bottom: 50px
}
.trust-header .section-title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 20px
}
.trust-header .trust-points {
    list-style: none;
    padding: 0;
    margin: 0;
    color: var(--subtext-color);
    font-size: 1rem;
    line-height: 1.6
}
.trust-header .trust-points li {
    margin: 8px 0
}
.trust-icons {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 60px;
    flex-wrap: wrap
}
.barchar-section .bar-chart .vm-compute-comparisonbar .label {
    flex: 0 0 190px;
}
.bar-chart.enterprise-memory-comparisonsec .bar-item .label {
    flex: 0 0 200px;
}
.trust-icons i {
    font-size: 3rem;
    color: var(--primary-color);
    transition: transform .3s ease, color .3s ease
}
.trust-icons i:hover {
    transform: scale(1.2);
    color: var(--secondary-color)
}
.trust-testimonials {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto
}
.testimonial-card {
    background: #f9f9f9;
    padding: 25px 20px;
    border-radius: 15px;
    box-shadow: 0 6px 15px #00000014;
    transition: all .3s ease
}
.testimonial-text {
    font-size: 14px;
    font-style: italic;
    color: var(--text-color);
    margin-bottom: 20px
}
.testimonial-author {
    display: flex;
    align-items: center;
    gap: 15px
}
.testimonial-author .author-icon {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}
.testimonial-author .author-icon i {
    color: #fff;
    font-size: 18px
}
#infrastructurePerformance .row {
    align-items: center
}
.testimonial-author h4 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--secondary-color);
    margin: 0
}
.testimonial-author span {
    font-size: 1.2rem;
    color: var(--subtext-color)
}
.testimonial-slider {
    position: relative;
    max-width: 980px;
    margin: 50px auto;
    overflow: hidden
}
.testimonial-track {
    display: flex;
    transition: transform .6s ease-in-out
}
.testimonial-card {
    min-width: 100%;
    box-sizing: border-box;
    background: #f9f9f9;
    padding: 25px 20px;
    border-radius: 15px;
    box-shadow: 0 6px 15px #00000014;
    text-align: left
}
.testimonial-dots {
    text-align: center;
    margin-top: 20px
}
.testimonial-dots button {
    width: 12px;
    height: 12px;
    margin: 5px;
    background: #ccc;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transition: all .3s ease
}
.testimonial-dots button.active {
    background: var(--primary-color);
    transform: scale(1.2)
}
.testimonial-slider {
    overflow: hidden;
    position: relative
}
.testimonial-track {
    display: flex;
    transition: transform .6s ease-in-out
}
.testimonial-slide {
    flex: 0 0 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    box-sizing: border-box;
    padding: 20px
}
.testimonial-card {
    border-radius: 8px;
    padding: 20px;
    background: #fff4ed;
    margin: 10px;
    border: 1px solid #e9e9e9;
    min-width: unset;
    height: 100%;
}
.why-choose-us {
    padding: 50px 0;
    background: #fff;
    text-align: center
}
.section-title {
    font-size: 32px !important;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 15px;
    line-height: 43px;
}
.section-title span {
    color: var(--primary-color)
}
.section-subtitle {
    font-size: 14px;
    color: #302c28cc;
    margin-bottom: 30px;
    font-weight: 600
}
section.why-optimized-vps.vps-box-section.section-spectra .row {
    justify-content: center
}
.features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px
}
.feature-card {
    background: #f5f5f5;
    padding: 30px 20px;
    border-radius: 15px;
    transition: all .3s ease;
    border: 1px solid #ddd;
    height: 100%;
}
.feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px #0000001f
}
.feature-card .icon {
    font-size: 2.5rem;
    margin-bottom: 15px;
    color: var(--primary-color)
}
.feature-card h3 {
    font-size: 16px;
    font-weight: 600;
    color: #f60;
    margin-bottom: 10px
}
.feature-card p {
    font-size: 14px;
    color: #302c28cc;
    line-height: 21px;
    font-weight: 500
}
.trust-text {
    margin-top: 30px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
}
section.datacenter-section.section-spectra.ftp-usecase-section h2 {
    margin-top: 0;
    margin-bottom: 40px;
}
section.service-section.pd.index-service {
    background: #f5f5f5;
    padding: 50px 0
}
.banner-img {
    margin-left: 0 !important
}
.faq-section {
    padding: 60px 0;
    background: #fff
}
.faq-item.active button.faq-question span {
    font-weight: 600
}
.faq-wrapper {
    max-width: 1020px;
    margin: 0 auto;
    width: 100%
}
.faq-section .section-title {
    padding-bottom: 20px
}
.faq-item.active .faq-question {
    border-bottom: 1px solid #ddd;
    border-radius: 0
}
.faq-item {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
    margin-bottom: 20px;
    box-shadow: 0 4px 4px 0 #0000000A;
    border: 1px solid #dfdfdf;
    border-radius: 10px
}
button.faq-question span {
    padding: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #000;
    margin: 0
}
.service-new-sec .server-list-blk a:hover {
    text-decoration: none
}
.faq-question {
    width: 100%;
    background: none;
    border: none;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--secondary-color);
    padding: 20px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}
.faq-question i {
    color: var(--primary-color);
    transition: transform .3s ease
}
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease, padding .3s ease;
    padding: 0 10px
}
.faq-answer p {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #141718
}
.faq-item.active .faq-answer {
    padding: 20px;
    max-height: unset
}
.faq-item.active .faq-question i {
    transform: rotate(180deg);
    content: "\f068"
}
.cta-footer {
    background: var(--secondary-color);
    color: #fff;
    padding: 45px;
    text-align: center
}
.cta-footer .cta-title {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #fff
}
.cta-footer .cta-subtitle {
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 35px;
    color: #d1d5db;
    max-width: 570px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 30px;
}
.cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap
}
.comparison-column {
    flex: 1;
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 0 10px #cabfbf75;
    border: 1px solid #ddd;
    height: 100%
}
.comparison-headline {
    font-size: 22px;
    font-weight: 700;
    color: #141414;
    margin-bottom: 16px;
    line-height: 28px
}
.comparison-subtext {
    font-size: 15px;
    color: #302c28cc;
    margin-bottom: 20px;
    line-height: 23px
}
.comparison-note {
    font-size: 14px;
    color: var(--secondary-color);
    background: #ff66001a;
    padding: 12px 16px;
    border-left: 2px solid var(--primary-color);
    border-radius: 6px;
    margin-top: 15px
}
p.comparison-note i {
    color: #f60
}
.trust-grid-wrapper .text-block {
    max-width: 100%;
    width: 100%;
    text-align: center;
    background: unset;
    padding: unset
}
section.trust-grid {
    padding: 70px 0 100px;
    background: #ff660026 url(../images/trust-bg.svg);
    color: #fff;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}
.index-service .service-new-sec .server-icon img {
    height: 25px;
    margin-bottom: 0;
}
.margin-top-70 {
    margin-top: 70px;
    margin-bottom: 0
}
.bar-chart {
    margin-top: 25px
}
.bar {
    display: flex;
    align-items: center;
    margin: 12px 0
}
.bar-label {
    width: 120px;
    font-size: 14px;
    line-height: 22px;
    color: #141414;
    font-weight: 600
}
.bar-track {
    flex: 1;
    background: #f1f1f1;
    border-radius: 6px;
    height: 22px;
    overflow: hidden;
    margin-left: 10px;
    position: relative
}
.bar-fill {
    height: 100%;
    background: var(--primary-color);
    border-radius: 6px;
    text-align: right;
    color: #fff;
    font-size: 13px;
    padding-right: 6px;
    line-height: 22px;
    white-space: nowrap
}
.bar.highlight .bar-fill {
    background: var(--secondary-color)
}
section.banner-section h2.banner-title,
section#infrastructurePerformance .banner-content h2.banner-title {
    font-size: 18px;
    line-height: 25px;
    color: #302c28cc;
    font-weight: 500
}
.service-new-sec span.main-price {
    font-weight: 600 !important
}
.trust-grid-wrapper .text-block .title {
    margin-top: 0
}
#infrastructurePerformance {
    padding: 45px 0
}
section.banner-section {
    padding-top: 130px
}
section.banner-section h1.banner-title {
    line-height: 35px;
    font-size: 27px;
    margin: 10px 0 20px;
    color: #141414
}
h1.banner-title {
    font-weight: 700 !important
}
.banner-content .get-started-btn {
    margin-top: 15px;
    margin-right: 10px
}
section#infrastructurePerformance .banner-content h1.banner-title {
    line-height: 34px;
    font-size: 26px;
    margin: 10px 0 20px;
    color: #141414;
    font-weight: 700
}
section.service-section.pd.index-service {
    margin-bottom: unset
}
h2.section-title.plans {
    padding-top: 0
}
#infrastructurePerformance h2.banner-title {
    background: #fff;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 0;
    color: #19183B !important;
    font-size: 14px !important;
    font-weight: 700 !important
}
#infrastructurePerformance {
    padding: 45px 0
}
#infrastructurePerformance .row {
    align-items: center
}
.storage-section .banner-title {
    color: var(--heading-color);
    font-size: 28px;
    font-weight: 700
}
.storage-section .sub-text {
    color: var(--text-color);
    font-size: 16px;
    margin-bottom: 20px
}
.storage-section .price {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-color)
}
.storage-section .cta-buttons .btn {
    margin: 5px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 8px;
    padding: 10px 20px;
    transition: .3s ease-in-out
}
.storage-section .cta-buttons .btn:hover {
    background: var(--secondary-color);
    color: #fff
}
.hf-vps-section .banner-title {
    font-size: 26px;
    font-weight: 700;
    color: var(--heading-color)
}
.hf-vps-section .sub-text {
    font-size: 16px;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.6
}
.hf-vps-section .specs-snapshot {
    background: #f8f9fc;
    padding: 12px 18px;
    border-left: 4px solid var(--primary-color);
    border-radius: 6px;
    margin-bottom: 20px
}
.hf-vps-section .specs-snapshot p {
    margin: 0;
    font-size: 15px;
    color: var(--subtext-color)
}
.hf-vps-section .specs-snapshot .price {
    color: var(--primary-color);
    font-weight: 700;
    font-size: 18px
}
.hf-vps-section ul li {
    margin-bottom: 10px
}
.hf-vps-section ul li i {
    margin-right: 8px;
    color: var(--primary-color)
}
.hf-vps-section .cta-buttons .btn {
    margin-top: 10px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 8px;
    padding: 10px 22px;
    font-size: 16px;
    transition: .3s ease-in-out;
    display: inline-block
}
.hf-vps-section .cta-buttons .btn:hover {
    background: var(--secondary-color);
    color: #fff
}
section.why-choose-us.collaboration-support.section-spectra .comparison-section {
    padding-bottom: 0;
}
.comparison-section .comparison-bar {
    background: #f8f9fc;
    padding: 20px;
    border-left: 5px solid var(--primary-color);
    border-radius: 8px;
    margin-bottom: 30px
}
section.storage-faq-section.section-spectra h2 {
    margin-top: 0;
    margin-bottom: 40px;
}
.comparison-section .comparison-bar h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--heading-color)
}
section.enterprise-faq-section.section-spectra.memory-faq-section h2.section-title {
    margin-top: 0;
    margin-bottom: 50px;
}
.comparison-section .comparison-bar p {
    font-size: 16px;
    color: var(--text-color)
}
.comparison-section .comparison-bar .highlight {
    color: var(--primary-color);
    font-weight: 700
}
.comp-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--heading-color)
}
.comp-specs li {
    font-size: 15px;
    color: var(--subtext-color);
    margin-bottom: 8px
}
.comp-specs li i {
    margin-right: 6px;
    color: var(--primary-color)
}
.comp-table {
    margin-top: 15px;
    background: #fff
}
.comp-table td {
    font-size: 15px;
    padding: 10px 15px;
    color: var(--text-color)
}
.comp-table .highlight-row {
    background: #e8f9f0;
    font-weight: 700;
    color: var(--secondary-color)
}
.chart-placeholder {
    border: 2px dashed #ccc;
    border-radius: 6px;
    padding: 40px 20px;
    color: #777;
    font-size: 14px;
    background: #fafafa
}
.cloud-section {
    background-color: #f9f9f9;
    padding: 60px 0
}
.banner-title {
    color: var(--heading-color);
    font-size: 2.5rem;
    margin-bottom: 20px
}
.banner-title h1 {
    line-height: 35px;
    font-size: 27px;
    margin: 10px 0 20px;
    font-weight: 700
}
p.sub-text {
    font-size: 14px !important;
    line-height: 25px !important;
    color: #302c28cc !important;
    font-weight: 500 !important
}
ul.selection-heading-cloud-sec {
    list-style: none;
    padding: 0;
    margin: 0
}
ul.selection-heading-cloud-sec li {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}
ul.selection-heading-cloud-sec li h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0
}
.font-weight-bold .fa {
    margin-right: 5px;
    color: #f60 !important;
    font-size: 13px
}
.vps-section {
    background-color: #fdfdfd;
    padding: 60px 0
}
.banner-title {
    color: var(--heading-color);
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 20px
}
.sub-text {
    color: var(--subtext-color);
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 20px
}
.trust-highlights {
    list-style: none;
    padding: 0;
    margin-bottom: 30px
}
.trust-highlights li {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 1rem
}
.trust-highlights i {
    margin-right: 10px
}
.vps-box-section {
    background-color: #f9f9f9;
    padding: 10px 0
}
.vps-box {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 30px 20px;
    text-align: center;
    border-radius: 10px;
    transition: .3s;
    height: 100%
}
.vps-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px #0000001a
}
.vps-box i {
    margin-bottom: 15px
}
.vps-box h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px
}
.vps-box p {
    font-size: 14px;
    color: var(--text-color)
}
.vps-box i {
    color: var(--primary-color)
}
/* .spectracloud-features {
    background-color: #f9f9f9
} */
.section-subtext {
    color: var(--subtext-color);
    line-height: 22px;
    margin: 0 auto;
    font-size: 14px;
    color: #302c28cc !important;
    font-weight: 600 !important;
    margin-bottom: 30px !important
}
.feature-box {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 25px 20px !important;
    text-align: center;
    border-radius: 10px;
    transition: .3s;
    height: 100%
}
.feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px #0000001a
}
.feature-box i {
    margin-bottom: 15px;
    font-size: 26px;
}
body .affordable-sme-section .comparison-header h3 {
    font-size: 25px;
}
.feature-box h4 {
    font-size: 16px;
    line-height: 23px;
    font-weight: 600;
    margin-bottom: 10px
}
.feature-box p {
    font-size: .95rem;
    color: var(--text-color)
}
.feature-box .fa {
    color: var(--primary-color) !important
}
.banner-sec-img {
    width: auto
}
.banner-sec-img img {
    width: 100%
}
.usecase-list {
    list-style: none;
    padding: 0;
    justify-content: center
}
.usecase-list.row .col-md-6 {
    margin-bottom: 0 !important
}
section.vps-box-section.section-spectra .row {
    justify-content: center
}
section.who-use-storage-server.why-choose-us.section-spectra h2 {
    margin-top: 0;
    margin-bottom: 40px
}
section.who-use-storage-server.why-choose-us.section-spectra {
    padding-bottom: 50px
}
.usecase-list li {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    transition: transform .3s ease, box-shadow .3s ease;
    height: 100%;
    border: 1px solid #ebebeb;
}
.usecase-list li:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px #0000001a
}
.usecase-list li i {
    color: #fff;
    background: var(--primary-color);
    border-radius: 50%;
    flex-shrink: 0
}
.usecase-list h4 {
    margin: 0;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    color: var(--secondary-color)
}
.usecase-list h4 span {
    display: block;
    font-weight: 400;
    color: var(--text-color);
    margin-top: 4px
}
section.banner-section.section-spectra {
    padding-top: 130px;
    /*background: linear-gradient(135deg, #ec5e0069 0%, #ff66000f 100%);*/
    background: linear-gradient(135deg, #ec5e0040 0%, #ff66000f 100%);
}
/*.section-spectra {*/
/*    padding: 70px 0*/
/*}*/
.barchar-section .comparison-box {
    max-width: 900px;
    margin: 0 auto;
    text-align: center
}
.barchar-section .section-head .headline {
    font-size: 3.4rem;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 10px
}
.barchar-section .section-head .headline span {
    color: var(--primary-color)
}
.barchar-section .section-head .subtext {
    font-size: 14px;
    color: var(--text-color);
    margin-bottom: 40px
}
.barchar-section .bar-chart {
    display: flex;
    flex-direction: column;
    gap: 18px
}
.barchar-section .bar-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px
}
.barchar-section .bar-item .label {
    flex: 0 0 140px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: var(--secondary-color)
}
.barchar-section .bar-item .bar {
    flex: 1;
    height: 12px;
    background: #eaeaea;
    border-radius: 10px;
    overflow: hidden;
    position: relative
}
.barchar-section .bar-item .fill {
    height: 100%;
    background: var(--secondary-color);
    border-radius: 10px
}
.barchar-section .bar-item .price {
    flex: 0 0 80px;
    font-size: 14px;
    font-weight: 600;
    color: var(--subtext-color)
}
.barchar-section .bar-item.highlight .fill {
    background: var(--primary-color)
}
.barchar-section .bar-item.highlight .label,
.barchar-section .bar-item.highlight .price {
    color: var(--primary-color);
    font-weight: 700
}
.barchar-section .cta-box {
    margin-top: 40px
}
.barchar-section .cta-box .savings {
    font-size: 14px;
    font-weight: 600;
    color: var(--secondary-color)
}
p.savings .fa {
    font-size: 14px;
    color: var(--primary-color)
}
.barchar-section .cta-box .savings span {
    color: var(--primary-color)
}
ul.usecase-list li strong {
    font-size: 1.4rem;
    color: var(--secondary-color);
    line-height: 1.5
}
ul.usecase-list li span {
    font-size: 1.3rem;
    line-height: 1.5
}
.why-choose-spectra.section-spectra .row {
    margin-top: 50px
}
.what-webapp-hosting.section-spectra p.cta-text {
    margin-top: 50px
}
.what-webapp-hosting.section-spectra p.cta-text span {
    font-weight: 900 !important
}
section.cloud-hero a.btn.get-started-btn.secondary-btn {
    background: #0c0d36;
    border-color: #0c0d36
}
.high-frequency-VPS-left img {
    max-width: 350px;
    display: block;
    margin: 0 auto;
}
.comparision-box {
    padding: 30px 20px;
    border-radius: 15px;
    transition: all .3s ease;
    border: 1px solid #ddd;
    height: 100%
}
.comparision-box .comparison-header i {
    font-size: 28px;
    line-height: 32px;
    color: #f60
}
.comparison-header {
    display: flex;
    align-items: center;
    gap: 10px
}
.comparision-box ul.comparison-list {
    padding-left: 15px;
    margin-top: 19px
}
section.comparison-note-section.reseller-white-lebel.section-spectra ul.comparison-list li {
    font-size: 15px;
    line-height: 23px;
    color: #302c28cc;
    margin-bottom: 10px;
}
section.comparison-note-section.reseller-white-lebel.section-spectra .row {
    align-items: center;
}
section.comparison-note-section.reseller-white-lebel.section-spectra ul.comparison-list {
    list-style-type: none;
}
.comparision-box ul.comparison-list li {
    font-size: 15px;
    line-height: 24px;
    color: #302c28cc
}
.pricing-comparison {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 150px
}
.provider {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f8f8;
    padding: 10px 20px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 1rem;
    color: var(--text-color)
}
section.spectracloud-features.section-spectra .row {
    justify-content: center
}
section.spectracloud-features.section-spectra h2.section-title {
    margin-top: 0;
    /* margin-bottom: 40px; */
}
section.section-spectra.enterprise-backup-protects-section h2 {
    margin-bottom: 50px;
    margin-top: 0;
}
section.usecases-section.spectra-usecases.section-spectra.bg-gray .usecases-grid .row {
    justify-content: center;
}
.why-choose-spectra h2 {
    margin-bottom: 40px;
    margin-top: 0;
}
/*section.faq-section.section-spectra {*/
/*     padding-top: 0; */
/*}*/
section.section-spectra.reseller-section {
    padding-top: 0;
}
.why-choose-spectra .row {
    justify-content: center;
}
.provider-name {
    font-weight: 600;
    font-size: 14px
}
.provider-price {
    font-weight: 600;
    font-size: 14px;
    color: var(--secondary-color)
}
.best-deal {
    background-color: #fff7f0;
    border-color: var(--primary-color);
    color: var(--primary-color);
    font-weight: 700
}
.savings-note {
    margin-top: 1.5rem;
    font-size: 1rem;
    color: var(--subtext-color)
}
section.vps-box-section.section-spectra h2.section-title {
    margin-top: 0;
    padding-bottom: 20px
}
section.faq-section.section-spectra h2.section-title {
    margin-top: 0 !important
}
section.cloud-section.banner-section.section-spectra:after {
    content: "";
    position: absolute;
    background: url(../assets/image/new-wave.svg);
    width: 100%;
    height: 388px;
    bottom: -89px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1
}
section.banner-section.section-spectra .banner-content span.pre-heading-text {
    font-size: 14px;
    background: #fff;
    padding: 10px 20px;
    border-radius: 40px;
    color: #f56400;
    font-weight: 700;
    margin-bottom: 4px;
    display: inline-block
}
section.cloud-section.banner-section.section-spectra {
    background: linear-gradient(135deg, #ec5e0069 0%, #ff66000f 100%);
    padding-bottom: 165px;
    z-index: 1;
    position: relative
}
section.cloud-section.banner-section.section-spectra .sub-text {
    font-size: 14px !important
}
section.vps-box-section.section-spectra {
    background: #fff
}
section.banner-section a.btn.get-started-btn.secondary-btn {
    background: #0c0d36;
    border-color: #0c0d36
}
.owl-theme .owl-dots .owl-dot span {
    background: #f1d6c4 !important
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #f60 !important
}
/*section.section-spectra.bg-gray {*/
/*    background: #f1f1f1 !important*/
/*}*/
section.section-spectra.bg-gray {
    background: #f5f5f5 !important;
}
.section-spectra {
    padding: 70px 0 !important;
}
.nextcloud-hero-wrapper .row {
    align-items: center;
}
section.datacenter-section.section-spectra .usecase-list.row {
    padding-top: 30px;
}
section.high-frequency-vps.vps-box-section.section-spectra .row {
    justify-content: center
}
.cta-footer .cta-subtitle.microcopy {
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 32px;
    font-style: italic;
    color: #d1d5db;
}
/*section.spectracloud-features.section-spectra.ftp-features-section {*/
/*    padding-top: 0;*/
/*}*/
.trust-signals {
    margin-top: 20px;
}
.trust-signals ul {
    display: flex;
    list-style: none;
    max-width: 110%;
    width: 100%;
    flex-wrap: wrap;
    gap: 10px;
}
.trust-signals ul li {
    border-right: 1px solid #37474f;
    font-size: 14px;
    padding-right: 12px;
}
.trust-signals ul li i {
    margin-right: 10px;
    color: var(--primary-color);
}
.trust-signals ul li:last-child {
    border-right: unset;
    /* color: var(--heading-color); */
}
/* --- Core Section Styles --- */
.reseller-white-label-section {
    background-color: #f9e8de63;
    color: #f0f0f0;
    padding: 60px 0;
}
.reseller-white-label-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.reseller-white-label-section .section-title {
    text-align: center;
    color: var(--heading-color);
    margin-bottom: 50px;
    font-size: 40px;
    font-weight: 700;
}
section.why-choose-us.spectra-cloud-backup h2 {
    margin-bottom: 50px;
    margin-top: 0;
}
section.why-choose-us.spectra-cloud-backup .row {
    justify-content: center;
}
section.why-choose-us.spectra-cloud-backup .row .col-md-4 {
    margin-bottom: 30px !important;
}
section.features-protocols.section-spectra.bg-gray h2.section-title {
    margin-top: 0;
    margin-bottom: 20px;
}
/*.comparison-section {*/
/*    background-color: #f8f9fa;*/
/*    color: #333;*/
/*}*/
.comparison-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.comparison-section .section-title {
    margin-bottom: 40px;
    margin-top: 0;
}
.comparison-section .comparison-list {
    list-style: none;
    padding-left: 0;
}
.comparison-section .comparison-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
    padding: 20px;
    border-radius: 8px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.comparison-section .comparison-list li:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.comparison-section .negative-point {
    background-color: #ebebeb;
    border-left: 5px solid #6e6e6e;
}
.comparison-section .positive-point {
    background-color: #ffd1b2;
    border-left: 5px solid #ff6600;
}
.comparison-section .icon-negative {
    font-size: 1.6rem;
    color: #6e6e6e;
    margin-right: 18px;
    min-width: 30px;
    padding-top: 2px;
}
.comparison-section .icon-positive {
    font-size: 1.6rem;
    color: #ff6600;
    margin-right: 18px;
    min-width: 30px;
    padding-top: 2px;
}
.comparison-section .point-text {
    line-height: 23px;
    font-size: 15px;
    font-weight: 500;
    color: #212121;
}
.comparison-section .comparison-image-column {
    display: flex;
    align-items: center;
    justify-content: center;
}
.comparison-section .comparison-graphic {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}
/* --- Features List Styles --- */
.reseller-white-label-section .features-list {
    list-style: none;
    padding-left: 0;
}
.reseller-white-label-section .features-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
    transition: transform 0.3s ease, background-color 0.3s ease;
}
.reseller-white-label-section .feature-icon {
    font-size: 18px;
    margin-right: 15px;
    border: unset;
}
.reseller-white-label-section .fa-check-circle {
    color: #4CAF50;
}
.reseller-white-label-section .policy-icon {
    color: #00bcd4;
}
.reseller-white-label-section .feature-text {
    line-height: 1.6;
    font-size: 16px;
    color: #000;
}
.reseller-white-label-section .image-column {
    display: flex;
    align-items: center;
    justify-content: center;
}
.reseller-white-label-section .cloud-graphic {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}
.table .thead-light th {
    font-size: 16px;
    line-height: 24px;
}
.table tbody td {
    font-size: 15px;
}
section.usecases-section.nextcloud-usecases.section-spectra {
    padding-top: 0;
}
section.section-spectra.enterprise-backup-protects-section {
    padding-top: 0;
}
section.section-spectra.competitive-comparison-section h2 {
    margin-bottom: 40px;
    margin-top: 0;
}
section.section-spectra.reseller-section h2 {
    margin-top: 0;
    margin-bottom: 40px;
}
section.why-choose-us.migration-support.section-spectra h2 {
    margin-top: 0;
    margin-bottom: 50px;
}
section.business-faq-section.section-spectra {
    padding-top: 0;
}
section.business-faq-section.section-spectra {
    padding-top: 0;
}
section.business-faq-section.section-spectra h2.section-title {
    margin: 0;
    margin-bottom: 50px;
}
.icon-wrapper {
    min-width: 50px;
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.icon-wrapper i {
    color: #fff;
    font-size: 18px;
}
section.section-spectra.nextcloud-comparison-section h2 {
    margin-top: 0;
    margin-bottom: 40px;
}
.comparison-section {
    background-color: #f9f9f9;
}
.comparison-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
.comparison-cards .card {
    background: #fff;
    padding: 30px 20px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    flex: 1 1 280px;
    max-width: 350px;
    text-align: center;
    transition: transform 0.3s ease;
}
.comparison-cards .card:hover {
    transform: translateY(-5px);
}
.comparison-cards .card h3 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #333;
}
.comparison-cards .card ul {
    list-style: none;
    padding: 0;
}
.comparison-cards .card ul li {
    font-size: 16px;
    margin: 10px 0;
}
.comparison-cards .google-drive {
    border-top: 4px solid var(--primary-color);
}
.comparison-cards .spectracloud {
    border-top: 4px solid var(--primary-color);
}
.banner-section .row {
    align-items: center;
}
section.enterprise-faq-section.section-spectra.memory-faq-section,
section.why-choose-us.collaboration-support.section-spectra,
section.datacenter-section.section-spectra.memory-usecase-section {
    padding-top: 0;
}
/*section.faq-section.section-spectra.hf-vps-faq-section {*/
/*    padding-top: 0;*/
/*}*/
/* section.enterprise-memory-faq-section.section-spectra.memory-faq-section {
    padding-top: 0;
} */
section.vps-faq-section.section-spectra h2.section-title {
    margin-top: 0;
    margin-bottom: 50px;
}
section.why-choose-us.collaboration-support.section-spectra h2 {
    margin-top: 0;
    margin-bottom: 50px;
}
section.vps-compute-faq-section.section-spectra h2 {
    margin-top: 0;
    margin-bottom: 50px;
}
section.why-optimized-vps.features-section.section-spectra p.trust-text {
    max-width: 820px;
    display: block;
    margin: 0 auto;
    text-align: center;
}
p.cta-microcopy {
    margin-top: 30px;
}
/*.testimonial-sliderS{*/
/*    display: none !important;*/
/*}*/
.testimonial-sliderS {
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
}
.testimonial-sliderS .slick-dots li button:before {
    font-size: 16px;
    color: var(--primary-color) !important;
}
.slick-dots li.slick-active button:before:hover {
    color: var(--primary-color) !important;
}
.cta-buttons a.btn {
    min-width: 180px;
}
.bar-chart.vm-compute-comparisonbar .bar-item .label {
    flex: 0 0 190px;
}
/*section.banner-section.section-spectra {*/
/*    padding-top: 130px;*/
/*    background: linear-gradient(135deg, #ec5e0069 0%, #ff66000f 100%);*/
/*    background: linear-gradient(135deg, #ec5e0040 0%, #ff66000f 100%);*/
/*}*/
.vps-compute-usecase-left .usecase-icon-header {
    display: flex;
    align-items: center;
    gap: 15px;
}
.vps-compute-usecase-left .usecase-icon-header i {
    font-size: 18px;
    color: var(--primary-color);
}
.vps-compute-usecase-left .usecase-icon-header h3 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0;
}
.vps-compute-usecase-left .usecase-box p {
    font-size: 14px;
    line-height: 23px;
    margin-top: 10px;
    color: var(--text-color);
    text-align: left;
}
.vps-compute-usecase-wrapper h2.section-title {
    margin-top: 0;
}
.vps-compute-usecase-left .col-md-6 {
    margin-bottom: 20px;
}
/*.vps-compute-usecase-right img {*/
/*    width: 320px;*/
/*}*/
/*.vps-compute-usecase-right img {*/
/*    width: 100%;*/
/*}*/
.typical-usecase .vps-compute-usecase-left {
    padding-left: 80px;
}
.typical-usecase .vps-compute-usecase-right img {
    width: 400px;
}
.cloudvalue-usecase-section .vps-compute-usecase-right img,
.vpswebapp-usecase-section .vps-compute-usecase-right img {
    width: 480px;
}
.enterprise-grade-datacenter .row {
    align-items: center;
}
.why-spectracloud-win .why-spectra-left img {
    margin: 0 auto;
    display: block;
}
.why-spectracloud-win .why-spectra-right h2 {
    text-align: left;
    margin-top: 0;
}
.why-spectracloud-win .spectra-media-body {
    margin-left: 25px;
}
.why-spectracloud-win .spectra-media-body h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
}
.faq-section.bg-gray .faq-item {
    background: #fff;
}
.protocols-integration-section .high-frequency-VPS-left.protocols-integration-img img {
    max-width: 420px;
}
.protocols-integration-section .row {
    align-items: center;
}
.ftp-backup-sec .high-frequency-VPS-left.ftp-backup-img img {
    max-width: 320px;
}
.vps-compute-usecase-right.supported-workloads-img img {
    width: 360px !important;
}
.why-spectra-left.vps-compute-win-left.tailored-olutions-img img {
    width: 480px;
}
.why-spectracloud-win .row {
    align-items: center;
}
.supported-workloads-section .row {
    align-items: center;
}
/*new pages css */
section.anti‑spam-email-sec.banner-section.section-spectra h1 {
    font-size: 32px;
    line-height: 38px;
}
.why-it-matter-sec .why-choose-spectra span {
    text-align: center;
    display: block;
    font-size: 22px;
    border-radius: 40px;
    color: #f56400;
    font-weight: 700;
    margin-bottom: 13px;
}
/*.mailbox-migration-sec .why-spectra-left img {*/
/*    width: 100%;*/
/*}*/
.mailbox-migration-sec .media {
    align-items: center;
}
.mailbox-migration-sec .icon-wrappers {
    min-width: 50px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary-color);
    border-radius: 50%;
}
.mailbox-migration-sec .icon-wrappers span {
    font-weight: 600;
    font-size: 24px;
    color: #fff;
}
.mailbox-migration-sec .why-spectra-right h2 {
    font-size: 28px !important;
}
.mailbox-migration-sec .why-spectra-right span.sub-heading {
    display: block;
    font-size: 22px;
    border-radius: 40px;
    color: var(--primary-color);
    font-weight: 700;
    margin-bottom: 13px;
}
.mailbox-migration-sec .why-spectra-right p {
    margin-bottom: 25px;
}
.mailbox-migration-sec p.need-help-txt.text-center {
    margin-top: 15px;
    color: #333;
    font-size: 16px;
    line-height: 23px;
}
.mailbox-migration-sec .why-spectra-right .spectra-media-body h5 {
    font-size: 15px;
}
.pricing-header span {
    text-align: center;
    display: block;
    font-size: 22px;
    border-radius: 40px;
    color: #f56400;
    font-weight: 700;
    margin-bottom: 13px;
}
.pricing-header h2 {
    margin-bottom: 45px;
}
.anti-span-pricing-box h4 {
    font-size: 18px;
}
.pricing-para p {
    padding-top: 20px;
    margin-top: 15px;
    color: #333;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
}
ul.anti-faq {
    padding-left: 10px;
    list-style: none;
}
ul.anti-faq li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    color: #333;
}
.anti-faq-sec h2 {
    padding-bottom: 50px !important;
    margin-bottom: 0;
}
.work-current-platform-sec .row {
    align-items: center;
}
.work-current-platform-sec .vps-compute-usecase-left .usecase-box p {
    font-size: 14px;
    line-height: 23px;
    margin-top: 15px;
    color: var(--text-color);
    text-align: left;
}
.work-current-platform-sec h2 {
    padding-bottom: 50px;
    margin: 0;
}
.anti-spam-gateway-sec .anti-spam-left img {
    width: 100%;
}
.anti-spam-gateway-sec .anti-spam-right h2 {
    text-align: left;
    margin-bottom: 30px;
    margin-top: 0;
}
.anti-spam-gateway-sec .anti-spam-right p {
    line-height: 26px;
    font-size: 16px;
    color: #33333399;
}
.anti-spam-gateway-sec .row {
    align-items: center;
}
.email-most-buss-sec .card svg {
    width: 40px;
    height: 40px;
    color: var(--primary-color);
}
.email-most-buss-sec .card {
    padding: 25px;
    gap: 10px;
    border-radius: 15px;
}
.email-most-buss-sec .card h3 {
    font-size: 18px;
    line-height: 23px;
    color: #000;
    font-weight: 600;
}
.email-most-buss-sec .card p {
    line-height: 23px;
    color: #333;
}
.email-most-buss-sec .card:hover {
    background: #f7f5f5;
}
.email-most-buss-sec h2.section-title {
    margin-top: 0;
    margin-bottom: 40px;
}
ul.text-start {
    list-style: none;
}
.features-comparision-section h2.section-title {
    margin-top: 0;
    margin-bottom: 40px;
}
.features-comparision-section table thead tr th {
    padding: 12px 24px;
}
.features-comparision-section table tbody tr td {
    padding: 12px 24px !important;
    font-size: 14px;
    line-height: 23px;
}
.features-comparision-section table tbody tr td:first-child {
    text-align: left;
}
.features-comparision-section table thead tr th:first-child {
    text-align: left;
}
.threat-section h2 {
    margin-top: 0;
    margin-bottom: 50px;
}
.contact-spectracloud-sec i {
    color: #ff6600;
}
.enterprise-cybersecurity-section .row {
    align-items: center;
}
.txt-spectra-primary {
    color: var(--primary-color);
}
.feature-icon-new i {
    color: #ff6600;
}
.customer-support-sec .customer-support-bx.vps-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 20px;
}
.customer-support-sec .customer-support-header h4 {
    text-align: left;
    font-size: 18px;
}
.customer-support-sec .customer-support-header p {
    text-align: left;
    min-height: 50px;
    font-size: 13px;
}
.customer-support-sec .customer-support-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    background: #ffe3d1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}
.customer-support-sec .customer-support-icon i {
    margin: 0;
}
.practical-outcomes-sec.pd {
    padding: 70px 0 !important;
}
.practical-outcomes-sec h2 {
    margin-top: 0;
    margin-bottom: 40px;
}
.pre-check-sec .pre-check-wrapper {
    box-shadow: 0 0 10px #d9d9d9;
    padding: 40px;
    border-radius: 20px;
}
.pre-check-sec pre-check-left h2 {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 38px;
}
.pre-check-sec .pre-check-left ul {
    list-style: none;
}
.pre-check-sec .pre-check-left ul li {
    margin-bottom: 9px;
    color: #333;
    font-size: 16px;
    line-height: 23px;
}
.pre-check-sec .pre-check-wrapper .row {
    align-items: center;
}
.key-features-sec .key-features-box {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid lightgray;
    height: 100%;
}
.key-features-sec .key-features-box h5 {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 12px;
    margin-top: 10px;
    font-weight: 600;
}
.key-features-sec .key-features-box p {
    color: #333;
    font-size: 14px;
    line-height: 23px;
}
.key-features-sec .key-features-box:hover {
    background: unset;
    border: 1px solid #ddd;
}
section.section-spectra.key-features-sec h2 {
    margin-top: 0;
    margin-bottom: 40px;
}
.orange-icon-section i {
    color: var(--primary-color);
}
.what-you-get .pre-check-wrapper {
    background: #fff;
}
.twobtn-section-wrapper {
    display: flex;
    gap: 10px;
    justify-content: center;
    padding-top: 20px;
}
.centre-pricing-plan {
    margin: 0 auto;
}
.section-note {
    text-align: center;
}
.quick-start-sec .quick-start-box {
    background: #fff;
    border: 1px solid #ddd;
    padding: 25px;
    border-radius: 15px;
    height: 100%;
}
.quick-start-sec .quick-start-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.quick-start-sec .quick-start-box ul {
    padding-left: 20px;
    margin-top: 20px;
}
.quick-start-sec .quick-start-header h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
}
.quick-start-sec .quick-start-header img {
    width: 40px;
    height: 40px;
}

.best-practice-sec .best-practice-box {
    border-left: 6px solid #ff6600;
    background: #ffdfca69;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 8px;
    transition: all 0.3s ease;
}
.best-practice-sec h2.section-title {
    margin-top: 0;
    margin-bottom: 50px;
}
.best-practice-sec .best-practice-box h2 {
    margin-top: 0;
    color: #333;
    font-size: 27px;
}
.best-practice-sec .best-practice-wrapper ul {
    padding-left: 20px;
    margin: 10px 0;
}
.best-practice-sec .best-practice-wrapper ul li {
    margin-bottom: 8px;
    line-height: 1.6;
}
.email-zimbra-section .section-note p.section-bottom-txt {
    text-align: left;
}
.migration-onboarding-section .media {
    align-items: center;
}
.use-cases-dedicated-servers h2.section-title {
    margin-bottom: 20px !important;
}
.use-cases-dedicated-servers p.text-center {
    margin-bottom: 20px;
}
ul.boxes-inner-list {
    text-align: left;
    padding: 0 0 0 25px;
    margin-bottom: 8px;
}
.starter-templates-sec ul li {
    list-style: none;
}
.dedicated-servers-designed p{
    font-size:14px;
}
.dedicated-servers-designed p{
    font-size:14px;
    line-height:25px;
}
.dedicated-servers-designed h1{
    font-size:35px;
    line-height: 42px;
}
.high-memory-optimised-servers .comparison-header {
    padding-left: 13px;
}
.contact-spectracloud-sec .comparision-box {
    box-shadow: 0px 3px 5.5px rgb(0 0 0 / 5%);
}
.contact-spectracloud-sec .comparison-header h3 {
    font-size: 30px;
    padding: 0px 0 10px 0;
}.contact-spectracloud-sec .comparison-list p {
    font-size: 16px;
}
section.section-spectra.dedicated-compute-plans.bg-gray.dedicated-high-memory-plans {
    padding-top: 0;
}
.platform-section .why-spectra-left h2 {
    text-align: left;
}
.vulnerability-assessment-plans .pricing-header h2 {
    margin-bottom: 30px !important;
}
.essential-coverage-teams .section-title{
    margin-bottom:40px;
}
.vulnerability-assessment-plans .pricing-block:hover .get-started-btn {
    background-color: var(--secondary-color);
    color: #fff;
    overflow: hidden;
    border-color: var(--secondary-color);
}
.vulnerability-assessment-plans  .get-started-btn:hover {
    background-color: var(--primary-color) !important;
    color: #fff;
    overflow: hidden;
    border-color: var(--primary-color) !important;
}
.scope-Sign‑off-Steps.mailbox-migration-sec .why-spectra-right h2 {
    font-size: 35px !important;
}
.key-features-dedicated-compute .pre-check-left h4 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
    color: var(--heading-color);
}

.key-features-dedicated-compute .pre-check-left ul li {
    font-size: 15px;
    line-height: 23px;
    color: #333;
    font-weight: 500;
}
.dedicated-high-memory-plans h2 {
    margin-top: 0;
    margin-bottom: 20px;
}

.dedicated-high-memory-plans p {
    margin-bottom: 30px;
}
.use-cases-dedicated-servers .feature-card h3 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}
.methodology-section .vps-compute-usecase-wrapper .row {
    align-items: center;
}
.what-you-get .pre-check-left ul li {
    font-size: 14px;
}
.core-cybersecurity-section .row {
    justify-content: center;
}
img {
    max-width: 100%;
}
.zimbra-enterprise-features .comparision-box{
	background: #fff;
}
.affordable-sme-section  .comparison-header h3{
	font-weight:700;
	padding-left:30px;
	font-size:28px;
}
.ssl-types-section h2.section-title {
    max-width: 810px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 10px;
}

.plans-pricing-section .comparison-table {
    padding-top: 50px !important;
}
.ssl-india-section p.section-bottom-txt {
    text-align: left;
}
.pricing-block.anti-span-pricing-box ul.list-unstyled {
    min-height: 180px;
}

.lower-ownership-section .usecase-list {
    MARGIN-TOP: 50PX !IMPORTANT;
}

.lower-ownership-section .cta-buttons {
    MARGIN-TOP: 40PX;
}

.lower-ownership-section .comparision-box ul.comparison-list {
    padding-left: 20px;
    margin-top: 10px;
}
.lower-ownership-section .comparision-box .comparison-header h3{
    font-weight: 600;
}
.starter-templates-sec .card ul li {
    margin-bottom: 10px;
}
.ssl-types-section .comparision-box {
    background: #fff;
}
.enterprise-backup-section .trust-signals ul li {
	padding-right: 5px;
	font-size: 13px;
}

.enterprise-backup-section .trust-signals ul {
    gap: 5px;
}
.migration-onboarding-section img {
    max-width: 430px;
}
.comparison-cards .card.google-drive, .comparison-cards .card.spectracloud,.dr-services-section li {
    text-align: left;
}
.quick-start-guides.quick-start-sec .quick-start-header img {
    width: 80px;
    height: 30px;
}
.quick-start-guides.quick-start-sec i {
    width: 20px;
}
.spectracloud-features ul li,.our-infrastructure ul li, .features-and-Capabilities ul li,.ssl-types-section ul li, .sverything-spf-dkin ul li, .sme-vs-enterprises ul li,  .high-memory-optimised-servers ul li, .lower-ownership-section ul li, .sverything-spf-dkin ul li, .affordable-sme-section ul li, .zimbra-enterprise-features ul li, .quick-start-sec ul li {
    list-style:none;
}
.spectracloud-features ul i.fas.fa-check ,.ssl-types-section ul li i, .lower-ownership-section ul li i{
    color:#ff6600;
    font-size: 16px;
}
.spectracloud-features ul.boxes-inner-list{
    padding: 0 0 0 14px;
}
.lower-ownership-section ul li{
    line-height:25px;
}
.dr-services-section ul.text-start {
    padding-left: 15px;
}
.zimbra-enterprise-features .comparision-box ul.comparison-list {
    padding-left: 5px;
}
.lower-ownership-section .quick-start-sec .quick-start-header{
    width:100%;
}
/*comparison table section start*/
.comparison-table-container {
    margin: 20px auto;
    overflow-x: auto;
}

.comparison-table {
    width: 100%;
    border-collapse: collapse;
    letter-spacing: 0.2px;
}

.comparison-table thead th {
    background-color:var(--primary-color);
    color: white;
    font-weight: 600;
    padding: 15px 10px;
    text-transform: uppercase;
    font-size: 15px;
    border: none;
    border-bottom: 5px solid #ff66000d;
}

.comparison-table thead th:first-child {
    border-top-left-radius: 8px;
}

.comparison-table thead th:last-child {
    border-top-right-radius: 8px;
}

.comparison-table tbody td {
    padding: 15px 10px;
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
    vertical-align: middle;
}

.comparison-table tbody tr:nth-child(even) {
    background-color: #fe73470f;
}

.comparison-table tbody td:first-child {
    /*background-color: #f5f5f5;*/
    font-weight: 600;
    text-align: left;
    color: #333;
}

.check-icon {
    color: #ff7043;
    font-size: 1.1em;
    margin-right: 5px;
}
i.fas.fa-check-circle.check-iconsss {
    color: #fff;
}

table.comparison-table thead tr th {
    white-space: nowrap;
}

table.comparison-table tbody tr td {
    white-space: nowrap;
}
/*comparison table section End*/
.expand-email-features .expand-feature-inner ul li {
    list-style: none;
}
.dr-services-section ul.text-start li i {
    margin-bottom: 0;
    text-align: start;
}

.dr-services-section ul.text-start li {
    text-align: left;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 5px;
}
/*feature css dedicated*/

.enhanced-feature-sec.key-features-section.enhanced-design {
    background-color: var(--background-light); 
    color: var(--text-dark);
}
.enhanced-feature-sec.key-features-section .section-title {
    font-size: 2.5em;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--text-dark);
}
.enhanced-feature-sec.key-features-section .section-title strong {
    color: var(--primary-color);
}
.enhanced-feature-sec.key-features-section .section-description {
    font-size: 15px;
    color: #333;
    margin-bottom: 30px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 20px;
}
.enhanced-feature-sec .feature-card {
    background: #fff;
    padding: 30px;
    border-radius: var(--border-radius);
    text-align: left;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-top: 5px solid var(--primary-color); 
    border-radius: 10px;
}
.enhanced-feature-sec.enhanced-feature-sec.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}
.enhanced-feature-sec .feature-card .icon-wrap {
    font-size: 2.5em;
    color: #fff; 
    margin-bottom: 20px;
    display: inline-flex;
    padding: 15px;
    background-color: #ff6600;
    border-radius: 50%;
    width: 56px;
    min-width: 56px;
    height: 56px;
}
.enhanced-feature-sec .feature-card .card-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.enhanced-feature-sec .feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.enhanced-feature-sec .feature-list li {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative;
    color: var(--text-dark);
}
.enhanced-feature-sec .feature-list li:before {
    content: "\f00c"; 
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: var(--primary-color);
    font-size: 0.8em;
    top: 3px;
}

/* --- General Section Styling (Assuming Bootstrap is in use) --- */
.contact-spectracloud-new {
    padding: 60px 0;
    background-color: #f8f9fa; /* Light background color */
}
 
.contact-spectracloud-new .section-title {
    text-align: center;
    font-size: 2.5rem;
    color: #343a40;
    margin-bottom: 10px;
}
 
.contact-spectracloud-new .section-subtitle {
    text-align: center;
    color: #6c757d;
    margin-bottom: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
 
/* --- Card Base Styling --- */
.contact-spectracloud-new .contact-card {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); /* Soft initial shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%; /* Ensure both cards are the same height */
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
 
.contact-spectracloud-new .contact-card:hover {
    transform: translateY(-5px); /* Lift card on hover */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); /* Stronger shadow on hover */
}
 
.contact-spectracloud-new .card-icon {
    font-size: 2rem;
    margin-bottom: 15px;
    line-height: 1;
}
 
.contact-spectracloud-new .card-title {
    font-size: 1.75rem;
    margin-bottom: 10px;
    font-weight: 600;
}
 
.contact-spectracloud-new .card-description {
    color: #6c757d;
    margin-bottom: 20px;
    flex-grow: 1; /* Pushes the lists down */
}
 
/* --- Specific Card Colors/Styles --- */
 
/* Quote Card (Primary/Accent Color) */
.contact-spectracloud-new .quote-card .card-icon,
.contact-spectracloud-new .quote-card .card-title {
    color: #ff6600; /* Example Primary Color (Blue) */
}
 
.contact-spectracloud-new .quote-card a {
    color: #ff6600;
    text-decoration: none;
    transition: color 0.3s;
}
 
.contact-spectracloud-new .quote-card a:hover {
    color: #ff6600;
}
 
/* Explore Card (Secondary/Alternative Color) */
.contact-spectracloud-new .explore-card .card-icon,
.contact-spectracloud-new .explore-card .card-title {
    color: #ff6600; /* Example Secondary Color (Green) */
}
 
.contact-spectracloud-new .explore-card a {
    color: #ff6600;
    text-decoration: none;
    display: block; /* Make links take full width for better click area */
    padding: 8px 0;
    border-bottom: 1px solid #e9ecef;
    transition: background-color 0.2s;
    font-weight: 500;
    font-size:15px;
}
 
.contact-spectracloud-new .explore-card a:hover {
    background-color: #f8f9fa;
    padding-left: 10px;
    border-radius: 4px;
}
 .expand-email-features .expand-feature-content h3{
     font-size:18px !important;
 }
 .features-that-matters li {
    font-size: 15px;
}
/* --- List Styling --- */
.contact-spectracloud-new .contact-list, .explore-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
 
.contact-spectracloud-new .contact-list li {
    padding: 10px 0;
    border-bottom: 1px dashed #ced4da; /* Subtle separation for contact details */
    color: #495057;
}
 
.contact-spectracloud-new .contact-list li:last-child {
    border-bottom: none;
}
 
.contact-spectracloud-new .contact-list li i {
    width: 20px; /* Align icons vertically */
    margin-right: 5px;
}
 
.contact-spectracloud-new .comparison-header {
    margin-bottom: 15px;
}



/* **************************** Login Form Start (Custom Css) **************************** */

.get-started-btn.login-btn {
    width: 100%;
}
.rember-forgot-area {
    display: flex;
    justify-content: space-between;
}
.remember-mebx {
    display: flex;
    gap: 20px;
}
.remember-mebx .rememberme-txt {
    margin-top: 1px;
}
.rember-forgot-area .forgot-pass {
    color: var(--primary-color) !important;
}
.login-form {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.12) !important;
}
.custom-des-changes .head-descrp-mn-sec {
    position: relative;
    text-align: center;
    margin: 20px 0;
}
.custom-des-changes .head-descrp-mn-sec::after {
    content: "";
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    height: 0.1px;
    background-color: #ff6600;
    transform: translateY(-50%);
    z-index: 0;
}
.custom-des-changes .head-descrp-mn {
    position: relative;
    display: inline-block;
    background: var(--bg-white, #fff); /* fallback if CSS var not set */
    padding: 0 12px;
    font-size: 14px;
    color: var(--grey, #555);
    z-index: 1;
}
.bg_light {
    background: url(/templates/spectra/assets/image/login-bg.svg) no-repeat !important;
}
.features-and-Capabilities ul li{
    font-size: 15px;
}
.features-and-Capabilities .card {
    /*min-height: 230px;*/
    height: 100%;
}
.why-choos-lbaas-note {
    max-width:900px;
    margin:10px auto;
    color:#000;
}
.why-chose-haproxy .row {
    justify-content: center;
}
.spectracloud-lbaas-vs-alternatives table thead tr th{
    font-size:13px;
}
.features-and-Capabilities ul li {
    font-size: 14px;
    margin-bottom: 6px;
    line-height: 23px;
}
.why-chose-haproxy .feature-card {
    background: #ffffff;
}
.back-arrow a {
    color: var(--primary-color) !important;
    height: 40px;
    border: solid 1px #ff660063;
    border-radius: 50%;
    box-shadow: 0 0 10px #ff660061;
    display: inline-block;
    text-align: center;
    width: 40px;
    font-size: 18px;
    line-height: 36px;
}
/*about us page */
.about-us-banner .banner-sec-img img {
    width: 330px;
    padding: 30px;
}
.about-us-banner p{
    font-size: 17px;
}
.certified-quality-security .certifications {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-top: 40px;
}
.certified-quality-security .cert-box {
    background: linear-gradient(135deg, #fff9f0 0%, #fff5e6 100%);
    padding: 30px;
    border-radius: 8px;
    border-left: 5px solid var(--primary-color);
}
.certified-quality-security .cert-box h3 {
    color: #0a0d35;
    margin-bottom: 12px;
    font-size: 23px;
    font-weight:700;
}
.our-mission-vision .feature-card p{
    font-size: 14px !important;
}
.what-offer-imgsection{
  background-image: url('../images/what-we-offer-img.avif'); 
  background-size: cover;         
  background-position: center;    
  background-repeat: no-repeat;  
  color: #fff;                    
  padding: 40px;                  
  border-radius: 10px; 
  min-height:420px;

}
.what-makes-different .spectra-media-body h5{
    font-weight:unset;
}
.what-offer-cards {
    margin-top: -60px;
}
.we-offer-contents p{
    color:#000;
}
body .our-infrastructure.why-spectracloud-win h2{
    font-size:32px !important;
    text-align: left;
}
.our-infrastructure{
    color: #000;
}
.our-infrastructure p{
    font-size: 15px;
    line-height: 26px;
}
.founder-note {
    background: linear-gradient(135deg, var(--secondary-color) 0%, #1a1d4d 100%);
    color: white;
    padding: 50px;
    border-radius: 8px;
    margin-top: 40px;
    border-left: 5px solid var(--primary-color);
}
.founder-note p {
    font-style: italic;
    margin-bottom: 20px;
    line-height: 1.8;
    font-size: 16px;
}
.founder-attribution {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 14px;
}
section.founders-note-sec h2, section.our-story-section h2{
    color: var(--heading-color);
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 15px;
}
section.founders-note-sec h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 4px;
    background: var(--primary-color);
}
.our-story-section .timeline {
    position: relative;
    padding: 40px 0;
}
.our-story-section .timeline-item {
    display: flex;
    margin-bottom: 40px;
    position: relative;
    padding-left: 60px;
}
section.our-story-section h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 4px;
    background: var(--primary-color);
}
.our-story-section .timeline-item::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 5px;
    width: 12px;
    height: 12px;
    background: var(--primary-color);
    border-radius: 50%;
    border: 3px solid white;
    box-shadow: 0 0 0 3px var(--primary-color);
}
.our-story-section .timeline-item::after {
    content: '';
    position: absolute;
    left: 25px;
    top: 26px;
    width: 2px;
    height: 40px;
    background: var(--primary-color);
}
.our-story-section .timeline-item h3 {
    color: var(--primary-color);
    font-size: 19px;
    margin-bottom: 8px;
    font-weight:700;
    margin-right: 5px;
}
.our-story-section .timeline-item:last-child::after {
  display: none;
}
.cta-footer.looking-ahead-section .cta-subtitle {
    max-width: 900px !important;
}
.getin-touch-sec a.contact-details-wrapper.w-inline-block {
    color: #515151;
}
.getin-touch-sec .contact-info-text {
    font-size: 15px;
    padding: 3px 0px;
    transition: all 0.5s;
}
.getin-touch-sec .contact-info-text:hover {
    color: #f56400;
}

.head-office-block {
    background-color: #fff;
    padding: 20px 40px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border-right: 5px solid #ff6600;;
    margin-bottom: 30px;
}
.contact-us-location_item {
    background-color: #fff;
    padding: 20px 40px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border-right: 5px solid #ff6600;;
    margin-bottom: 30px;
}
.contact-us-location_map.w-embed.w-iframe iframe {
    max-height: 331px !important;
    max-width: 410px;
}
.form-outer {
    background: #fff;
}
section.section-contact-us-location .form-outer {
    border-left: 5px solid #ff6600;
    margin-top: 0;
}
.why-reach-out-sec .reason-item {
    background-color: #ffe7d7;
    border-left: 5px solid #ff6600;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    display: flex;
    align-items: center;
}
.our-infrastructure .why-spectra-left img {
    max-width: 400px;
}
p.wheater-you-text {
    font-size: 20px;
    font-weight: 600;
}
.why-reach-out-sec .reason-icon {
    font-size: 2em;
    color: #ff6600;
    margin-right: 1.5rem;
    min-width: 50px;
    text-align: center;
}
.why-reach-out-sec .reason-text {
    font-size: 1.05em;
    color: #555;
}
.why-reachout-list li {
    list-style:none;
}
/*policy pages */
.term-domain_banner h1{
    color:#000 !important;
    text-align :center;
}
.term-domain_banner.section-spectra {
    background: #fbdcc7;
    padding: 180px 0 153px;
}
.inner-term-domain-page {
    float: left;
    width: 100%;
}
.inner-term-domain-page .inner_term_container {
    box-shadow: 0 0 43px rgba(0, 0, 0, .18);
    padding: 45px 45px;
    top: -45px;
    position: relative;
    z-index: 999;
    background: #fff;
}
.inner-term-domain-page h3 {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid #e6e8eb;
    position: relative;
    line-height: 58px;
}
.inner-term-domain-page h3:after {
    content: "";
    border-bottom: 4px solid #ff6600 !important;
    width: 45px;
    float: left;
    position: absolute;
    bottom: -4px;
    left: 0;
}
.inner-term-domain-page p {
    margin-bottom: 25px;
    margin: 8px 0px;
    font-size: 15px;
    line-height: 26px;
    color: #0b0d11;
}
.inner-term-domain-page ul li {
    list-style: none;
}
.header.service-level-agreement,header.header.terms-conditions ,header.header.refund-cancellations ,header.header.privacy-policy {
    background-color: #fbdcc7 !important;
}
.header.service-level-agreement.fixed-header ,header.header.terms-conditions.fixed-header ,header.header.refund-cancellations.fixed-header ,header.header.privacy-policy.fixed-header{
    background-color: #ffffff !important;
}
.pricing-block-content ul li {
    text-align: left !important;
    padding-left: 15px;
}
section.section-spectra.bg-plans {
    background: #f9f0e9;
}
.pricing-block i.fas.fa-check, .email-service-content i.fas.fa-check{
    color: var(--primary-color);
}
.email-service-content ul li {
    font-size: 14px;
    line-height: 24px;
    text-align:left;
}
.email-service-content ul {
   margin-bottom:10px;
}
.feature-box p, .expand-feature-content p{
    font-size:14px !important;
}
.cloud-price-content .cloud-price .cloud-prc {
    font-size: 35px;
}
.high-availability-architecture ul li {
    background: #f2e9da;
    width: 100%;
    font-size: 24px;
    border-radius: 10px;
    padding: 10px;
    margin-bottom:10px;
}
.high-availability-architecture .workload-card.feature-card {
    background: #fff;
    box-shadow: 0px 3px 12.5px #0000002e;
    font-size: 15px;
    text-align: center;

}

.high-availability-architecture .design-section {
    padding: 10px 0;
    text-align: center;
}
.high-availability-architecture .grid-workloads {
    margin-top: 18px;
}
.high-availability-architecture span.design-title {
    font-size: 20px;
    padding: 10px !important;
}
/*s3 storage page */

.predictable-pricing-section {
    background-color: #f8fafc;
    padding: 2rem 1rem;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: #334155;
    line-height: 1.6;
}

.predictable-pricing-section * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.predictable-pricing-section .pp-container {
    max-width: 900px;
    margin: 0 auto;
}

/* Header */
.predictable-pricing-section .predict-pheader {
    text-align: center;
    margin-bottom: 3rem;
}

.predictable-pricing-section .predict-pheader h1 {
    font-size: 32px;
    color: #0f172a;
    margin-bottom: 0.5rem;
    font-weight: 800;
}

.predictable-pricing-section .predict-pheader p {
    font-size: 16px;
    color: #64748b;
}

/* Pricing Card */
.predictable-pricing-section .pp-pricing-card {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1),
                0 8px 10px -6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border: 1px solid #e2e8f0;
    margin-bottom: 2rem;
    text-align: center;
}

.predictable-pricing-section .pp-pricing-banner {
    background: linear-gradient(135deg, #ec5e0040 0%, #5421000f 100%);
    color: #0b0b0b;
    padding: 2.5rem 1rem;
}

.predictable-pricing-section .pp-price-tag {
    font-size: 3.5rem;
    font-weight: 700;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 10px;
}

.predictable-pricing-section .pp-currency {
    font-size: 2rem;
}

.predictable-pricing-section .pp-unit {
    font-size: 16px;
    font-weight: 400;
    opacity: 0.9;
}

.predictable-pricing-section .pp-service-name {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 0.5rem;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.predictable-pricing-section .pp-pricing-body {
    padding: 2rem;
}
.predictable-pricing-section p {
    font-size: 16px !important;
}
.predictable-pricing-section .pp-highlight-text {
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto 2rem auto;
}

/* Logic Box */
.predictable-pricing-section .pp-logic-box {
    background-color: #fadbc6;
    border: 1px solid #fadbc6;
    color: #000000;
    padding: 1rem;
    border-radius: 8px;
    display: inline-block;
    margin-bottom: 2rem;
    font-weight: 600;
    font-size: 16px;
}

/* Table */
.predictable-pricing-section .pp-table-container {
    overflow-x: auto;
    margin-top: 1rem;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.predictable-pricing-section table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    text-align: left;
}

.predictable-pricing-section thead {
    background-color: #0f172a;
    color: #ffffff;
}

.predictable-pricing-section th,
.predictable-pricing-section td {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    font-size:15px;
}

.predictable-pricing-section th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.predictable-pricing-section tbody tr:nth-child(even) {
    background-color: #f8fafc;
}

.predictable-pricing-section tbody tr:hover {
    background-color: #f1f5f9;
}

.predictable-pricing-section .pp-check-icon {
    color: #2563eb;
    font-weight: bold;
    margin-right: 5px;
}

/* Footer Note */
.predictable-pricing-section .pp-note {
    margin-top: 2rem;
    font-size: 0.95rem;
    color: #64748b;
    text-align: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    font-style: italic;
}
header.predict-pheader.fixed-header {
    box-shadow: unset;
    background:unset;
}
/* Responsive */
@media (max-width: 600px) {
    .predictable-pricing-section .pp-price-tag {
        font-size: 2.5rem;
    }
    .predictable-pricing-section .predict-pheader h1 {
        font-size: 32px;
    }
    .predictable-pricing-section th,
    .predictable-pricing-section td {
        padding: 0.75rem 1rem;
    }
}

/*end s3 storage page */

/*relative-monthlycost-section */

.relative-monthlycost-section {
    background-color: #f0f2f5;
    display: flex;
    justify-content: center;
    align-items: center;
    /*min-height: 100vh;*/
    margin: 0;
    padding: 20px;
}

/* Component Container */
.relative-monthlycost-section .pricing-component {
    background-color: #ffffff;
    width: 100%;
    /*max-width: 700px;*/
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* Header */
.relative-monthlycost-section .pc-header {
    text-align: center;
    margin-bottom: 2rem;
}

.relative-monthlycost-section .pc-header h2 {
    margin: 16px;
    color: #2d3436;
    font-size: 32px;
}

.relative-monthlycost-section .subtitle {
    margin: 0.5rem 0 0;
    color: #636e72;
    font-size: 16px;
    background-color: #f1f3f5;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
}

/* Graph Area */
.relative-monthlycost-section .graph-container {
    position: relative;
    margin-bottom: 2.5rem;
    padding-top: 1rem;
}

/* Baseline marker */
.relative-monthlycost-section .baseline-marker {
    position: absolute;
    left: 47.5%;
    top: 8px;
    bottom: 0;
    border-left: 2px dashed #b2bec3;
    z-index: 1;
}

.relative-monthlycost-section .marker-label {
    position: absolute;
    top: -25px;
    left: -40px;
    font-size: 14px;
    color: #636e72;
    font-weight: 600;
    white-space: nowrap;
}

/* Graph Rows */
.relative-monthlycost-section .graph-row {
    display: flex;
    align-items: center;
    margin-bottom: 1.2rem;
    position: relative;
    z-index: 2;
}

.relative-monthlycost-section .provider-info {
    width: 30%;
    padding-right: 15px;
    text-align: right;
    font-size: 0.9rem;
    font-weight: 600;
    color: #2d3436;
}

.relative-monthlycost-section .bar-area {
    width: 70%;
    background-color: #f1f2f6;
    border-radius: 6px;
    height: 36px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

/* Bar Animation */
@keyframes relativeMonthlyLoadBar {
    from {
        width: 0;
    }
}

.relative-monthlycost-section .bar {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    box-sizing: border-box;
    color: #ffffff;
    font-weight: bold;
    font-size: 0.9rem;
    border-radius: 0 6px 6px 0;
    animation: relativeMonthlyLoadBar 1.2s ease-out forwards;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
}

/* SpectraCloud Bar */
.relative-monthlycost-section .spectra-bar {
    background-color: #00D084;
}

.relative-monthlycost-section .hero-row .provider-name {
    color: #008a57;
    font-weight: 800;
}

/* Competitor Bars */
.relative-monthlycost-section .competitor-bar {
    background: linear-gradient(90deg, #ff9f43, #ee5253);
}

/* Insight Card */
.relative-monthlycost-section .insight-card {
    background-color: #fff8e1;
    border-left: 5px solid #ff6600;
    padding: 1.2rem;
    border-radius: 6px;
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.relative-monthlycost-section .insight-icon {
    color: #ffc107;
    flex-shrink: 0;
    margin-top: 2px;
}

.relative-monthlycost-section .insight-content h3 {
    margin: 0 0 0.5rem 0;
    font-size: 24px;
    color: #2d3436;
}
.spectra-bar span.value, .competitor-bar .value {
    font-size: 13px;
}
.relative-monthlycost-section .insight-content p {
    margin: 0 0 0.8rem 0;
    font-size: 16px;
    color: #2d3436;
    line-height: 1.4;
}

/* Cost Tags */
.relative-monthlycost-section .cost-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.relative-monthlycost-section .tag {
    background-color: rgba(238, 82, 83, 0.15);
    color: #d63031;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.relative-monthlycost-bootom ul li {
    list-style: none;
    line-height: 35px;
}
.relative-monthlycost-bootom {
    padding: 20px 20px 0px 20px;
    margin: 10px 0;
    background: #fff8e1;
    border-right: 5px solid #ff6600;
    border-radius: 6px;
}
/* Mobile */
@media (max-width: 600px) {
    .relative-monthlycost-section .graph-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .relative-monthlycost-section .provider-info {
        width: 100%;
        text-align: left;
    }

    .relative-monthlycost-section .bar-area {
        width: 100%;
    }

    .relative-monthlycost-section .baseline-marker {
        left: 25%;
    }

    .relative-monthlycost-section .pricing-component {
        padding: 1.5rem 1rem;
    }
}

/*end elative-monthlycost-section */
/*bundled-unbundled-pricing*/
.bundled-unbundled-pricing {
    font-family: 'Roboto', sans-serif;
    background-color: #f9fafb;
    padding: 2rem;
    color: #111827;
}

.bundled-unbundled-pricing .container {
    /*max-width: 1000px;*/
    margin: 0 auto;
    background: #ffffff;
    padding: 2rem;
    border-radius: 12px;
    /*box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);*/
}

.bundled-unbundled-pricing .bundled-unbundled-heading {
    text-align: center;
    margin-bottom: 2rem;
}

.bundled-unbundled-pricing h1 {
    margin: 0;
    font-size: 1.8rem;
}

.bundled-unbundled-pricing .subtitle {
    color: #6b7280;
    margin-top: 0.5rem;
    font-size: 16px;
}

.bundled-unbundled-pricing .scenario-tag {
    display: inline-block;
    margin-top: 20px;
    padding: 4px 12px;
    background-color: #f9f0e9;
    color: #000000;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
}
.built-on-minio .section-subtitle{
    font-size:16px;
}
.built-on-minio .why-spectra-left img {
    max-width: 350px;
}

.bundled-unbundled-pricing .table-wrapper {
    overflow-x: auto;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.bundled-unbundled-pricing table {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
}

.bundled-unbundled-pricing th,
.bundled-unbundled-pricing td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

.bundled-unbundled-pricing th {
    background-color: #f3f4f6;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    color: #6b7280;
}

.bundled-unbundled-pricing .provider-col {
    font-weight: 700;
    font-size: 16px;
    width: 25%;
}

.bundled-unbundled-pricing .spectra-row {
    background-color: #d1fae5;
}

.bundled-unbundled-pricing .spectra-row td {
    border-bottom: 1px solid #a7f3d0;
}

.bundled-unbundled-pricing .status {
    font-size: 14px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 4px;
}

.bundled-unbundled-pricing .status.bundled {
    color: #059669;
    background: #ffffff;
    border: 1px solid #059669;
}

.bundled-unbundled-pricing .status.unbundled {
    color: #dc2626;
    background: #fef2f2;
    border: 1px solid #fecaca;
}

.bundled-unbundled-pricing .price-text {
    display: block;
    font-weight: 700;
    margin-top: 4px;
}

.bundled-unbundled-pricing .detail-text {
    font-size: 16px;
    color: #4b5563;
    line-height: 28px;
}

.bundled-unbundled-pricing .check-icon {
    color: #059669;
    margin-right: 6px;
}

.bundled-unbundled-pricing .cross-icon {
    color: #dc2626;
    margin-right: 6px;
}

.bundled-unbundled-pricing .summary-box {
    margin-top: 2rem;
    padding: 1.5rem;
    /*background-color: #1f2937;*/
    /*color: #ffffff;*/
    border-radius: 8px;
    text-align: center;
}

.bundled-unbundled-pricing .highlight-inflation {
    color: #ff6600;
    font-weight: 700;
    font-size: 1.2rem;
}

@media (max-width: 600px) {
    .bundled-unbundled-pricing .container {
        padding: 1rem;
    }

    .bundled-unbundled-pricing th,
    .bundled-unbundled-pricing td {
        padding: 0.75rem;
    }
}

/*End bundled-unbundled-pricing*/
/* **************************** Login Form End (Custom Css) **************************** */

 
/* Media Query for smaller screens (responsiveness) */
@media (min-width: 991px) and (max-width: 1240px) {
    .contact-us-location_map.w-embed.w-iframe iframe {
        max-height: 315px !important;
        max-width: 325px;
    }
}
@media (max-width: 767px) {
    .about-us-banner .banner-sec-img {
    text-align: center;
}
    .company-address-section {
        margin-top: 23px;
    }
    .contact-us-location_map.w-embed.w-iframe iframe {
        max-height: 331px !important;
        max-width: 644px;
    }
    .enhanced-feature-sec.key-features-section.enhanced-design {
        padding: 60px 0;
    }
    .enhanced-feature-sec.key-features-section .section-title {
        font-size: 2em;
    }
}