.ssl-hero-section{

            padding: 90px 0px 40px 0px;
            background: linear-gradient( rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01) ), url('../images/home/bg-img23.webp');
              background-size: cover;
              background-position: center;
              background-repeat: no-repeat;
        }
        /* Card Wrapper Border */
        .enterprise-card-wrapper {
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            overflow: hidden;
        }

        /* Individual Card */
        .enterprise-card {
            padding: 20px 30px;
            border-right: 1px solid #e5e7eb;
            height: 100%;
            background: #ffffff;
            transition: all 0.3s ease;
        }

        .enterprise-card i {
            font-size: 26px;
            color: var(--bs-primary);
            margin-bottom: 15px;
        }

        .enterprise-card h5 {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 8px;
        }

        .enterprise-card p {
            font-size: 14px;
            color: #64748b;
            margin: 0;
        }

        /* Hover Effect */
        .enterprise-card:hover {
            background: #f8fafc;
        }

        /* Remove border on last card */
        .enterprise-card-wrapper .col-lg-3:last-child .enterprise-card {
            border-right: none;
        }

        /* Responsive */
        @media (max-width: 991px) {

            .enterprise-title {
                font-size: 30px;
            }

            .enterprise-card {
                border-right: none;
                border-bottom: 1px solid #e5e7eb;
            }

            .enterprise-card-wrapper .col-lg-3:last-child .enterprise-card {
                border-bottom: none;
            }
        }

        .browser-preview {
        border: 1px solid rgba(0,0,0,.08);
        background: #fff;
        overflow: hidden;
        min-height: 300px;
    }

    .browser-top {
        background: #f8fafc;
        border-bottom: 1px solid rgba(0,0,0,.06);
    }

    .browser-dots span {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin-right: 5px;
    }

    .browser-dots span:nth-child(1) { background: #ff5f56; }
    .browser-dots span:nth-child(2) { background: #ffbd2e; }
    .browser-dots span:nth-child(3) { background: #27c93f; }

    .address-bar {
        background: #ffffff;
        border: 1px solid rgba(0,0,0,.08);
        font-size: 14px;
    }

    .browser-body {
        background: #ffffff;
    }

    .ssl-compare-section{

        /*background: linear-gradient( rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01) ), url('../images/home/bg-img24.webp');
              background-size: cover;
              background-position: center;
              background-repeat: no-repeat;*/
    }
    .ssl-compare-table {
        background: #fff;
        overflow: hidden;
        border: 1px solid #e9e9e9;
    }

    .ssl-compare-table thead {
        background: #ecf4ff;
    }

    .ssl-compare-table th,
    .ssl-compare-table td {
        padding: 15px 20px;
        border-color: rgba(0,0,0,.06);
        font-size: 14px;
        color: #142149;
    }

    .ssl-plan {
        padding: 10px 0;
    }

    .ssl-plan.dv h6 {
        color: #64748b;
    }

    .ssl-plan.ov h6 {
        color: var(--bs-primary);
    }

    .ssl-plan.ev h6 {
        color: #16a34a;
    }

    .ssl-plan.ev {
        position: relative;
    }

    .ssl-plan.ev::after {
        content: "Recommended";
        display: inline-block;
        font-size: 11px;
        font-weight: 600;
        color: #fff;
        background: #16a34a;
        padding: 4px 8px;
        border-radius: 20px;
        margin-top: 6px;
    }

    .ssl-security-ecosystem {
      position: relative;
      min-height: 650px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background: url('../images/home/sales-person.jpg') center right / cover no-repeat;
    }

    .ssl-security-ecosystem::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient( 90deg, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.90) 35%, rgba(0, 0, 0, 0.70) 55%, rgba(0, 0, 0, 0.40) 75%, rgba(0, 0, 0, 0.05) 95% );
    }

    .ssl-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient( 90deg, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.90) 35%, rgba(0, 0, 0, 0.70) 55%, rgba(0, 0, 0, 0.40) 75%, rgba(0, 0, 0, 0.05) 95% );
        z-index: 1;
    }

    .ssl-content {
       position: relative;
      z-index: 2;
      max-width: 720px;
      color: #ffffff;
    }

    .ssl-eyebrow {
        letter-spacing: 2px;
        font-size: 12px;
        text-transform: uppercase;
        color: #6b7280;
        margin-bottom: 15px;
    }

    .ssl-title {
        font-size: 42px;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    .ssl-title span {
        color: #279bff;
    }

    .ssl-subtitle {
        font-size: 18px;
        line-height: 1.6;
        color: rgba(255,255,255,0.85);
        margin-bottom: 50px;
    }

    /* Feature Grid */
    .ssl-features {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .ssl-feature h4 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 8px;
        color: #ffffff;
    }

    .ssl-feature p {
        font-size: 14px;
        color: rgba(255,255,255,0.75);
        margin: 0;
        line-height: 1.6;
    }

    

    /* Responsive */
    @media (max-width: 991px) {
        .ssl-image-side {
            display: none;
        }

        .ssl-features {
            grid-template-columns: 1fr;
        }

        .ssl-title {
            font-size: 32px;
        }
    }

    .ssl-enterprise-grid {
        padding: 100px 0;
        background: #f8fafc;
    }

    .ssl-header h2 {
        
        font-weight: 600;
        margin-bottom: 15px;
    }

    .ssl-header h2 span {
        color: #279bff;
    }

    .ssl-header p {
        /*max-width: 900px;
        color: #6b7280;
        font-size: 16px;
        line-height: 1.6;*/
    }

    /* Grid Layout */
    .ssl-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-top: 1px solid #e5e7eb;
        border-left: 1px solid #e5e7eb;
    }

    .ssl-item {
        padding: 40px 30px;
        border-right: 1px solid #e5e7eb;
        border-bottom: 1px solid #e5e7eb;
        background: #ffffff;
        transition: all 0.25s ease;
    }

    .ssl-item:hover {
        background: #f1f5f9;
    }

    

    .ssl-item h4 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 12px;
        color: #1e293b;
    }

    .ssl-item p {
        font-size: 14px;
        color: #64748b;
        line-height: 1.6;
    }

    /* Second row alignment (3 items centered) */
    .ssl-grid > .ssl-item:nth-child(5),
    .ssl-grid > .ssl-item:nth-child(6) {
        grid-column: span 2;
    }

    /* Responsive */
    @media (max-width: 1200px) {
        .ssl-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 768px) {
        .ssl-grid {
            grid-template-columns: 1fr;
        }
    }

    .ssl-assurance {
        background: linear-gradient(135deg,#0b3c7c,#007bfc);
        padding: 120px 0;
    }

    /* headings */

    .ssl-title {
        color: #fff;
        font-weight: 600;
        font-size: 40px;
    }

    .ssl-subtitle {
        color: rgba(255, 255, 255, 0.85);

    }

    /* card */

    .ssl-card {
        background: #fff;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow: hidden;
        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
        transition: all .3s ease;
    }

    .ssl-card:hover {
        transform: translateY(-8px);
    }

    /* top section */

    .ssl-card-top {
        padding: 35px 30px;
        flex: 1;
        position: relative;
    }

    .ssl-card-top h4 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .ssl-card-top p {
        color: #555;
        font-size: 14px;
        margin-bottom: 0;
    }

    /* icon */

    .assurance-ssl-icon {
        position: absolute;
        right: 25px;
        top: 25px;
        width: 50px;
        height: 50px;
        background: rgba(0, 123, 252, 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
    }

    .assurance-ssl-icon i {
        color: #007bfc;
        font-size: 24px;
    }

    /* bottom section */

    .ssl-card-bottom {
        margin-top: auto;
        background: #60a6ff1f;
        padding: 18px 30px;
        font-size: 14px;
        color: #444;
    }

    .vps-workloads-section {
            background: #f6f8fb;
        }

        .vps-spec-box {
            background: linear-gradient(135deg,#0b3c7c,#007bfc);;
            border-radius: 12px;
            padding: 50px;
            border: 1px solid #e8edf5;
        }

        .win-vps-label {
            font-size: 13px;
            letter-spacing: .1em;
            color: #6b7280;
            display: block;
            margin-bottom: 15px;
        }

        .win-vps-title {
            
            font-weight: 600;
            
            margin-bottom: 20px;
        }

        .win-vps-desc {
            font-size: 16px;
            color: #ddd;
            line-height: 1.7;
            margin-bottom: 25px;
        }

        .feature-item {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .feature-item i {
            font-size: 24px;
            color: #fff;
            margin-bottom: 8px;
        }

        .feature-item h4 {
            font-size: 18px;
            font-weight: 600;
            color: #fff;
            margin-bottom: 6px;
        }

        .feature-item p {
            font-size: 14px;
            color: #ddd;
            line-height: 1.6;
        }
        /* Layout */
        .ssl-layout {
            display: grid;
            grid-template-columns: 1.1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        /* LEFT FLOW */
        .ssl-flow {
            padding: 50px 40px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
        }

        /* Browser + Server Box */
        .flow-box {
            text-align: center;
        }

        .flow-icon {
            width: 70px;
            height: 70px;
            background: rgba(255, 255, 255, 0.19);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            color: #fff;
            margin: 0 auto 12px;
        }

        /* Center Tunnel */
        .flow-line {
            position: relative;
            flex: 1;
            margin: 0 25px;
            text-align: center;
        }

        .flow-line::before {
            content: "";
            position: absolute;
            top: 35px;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(to right, #279bff, #10b981);
            border-radius: 4px;
            z-index: 1;
        }

        .lock-circle {
            position: relative;
            z-index: 2;
            width: 70px;
            height: 70px;
            background: #ffffff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #0464cc;;
            font-size: 24px;
            margin: 0 auto 12px;
            box-shadow: 0 10px 25px rgba(39,155,255,0.15);
        }
        @media (max-width: 992px) {
            .ssl-layout {
                grid-template-columns: 1fr;
            }

            .ssl-flow {
                flex-direction: column;
                gap: 40px;
            }

            .flow-line::before {
                display: none;
            }
        }

        .ssl-card-new {
            border-radius: 20px;
            padding: 40px 28px;
            background: #efeaf7;
            transition: 0.3s;
        }


        /* Different card colors like first image */

        .col-lg-3:nth-child(2) .ssl-card-new {
            background: #efe6cf;
        }

        .col-lg-3:nth-child(3) .ssl-card-new {
            background: #f2d7c9;
        }

        .col-lg-3:nth-child(4) .ssl-card-new {
            background: #efe6cf;
        }

        .col-lg-3:nth-child(6) .ssl-card-new {
            background: #efe6cf;
        }

        .col-lg-3:nth-child(7) .ssl-card-new {
            background: #f2d7c9;
        }

        /* price */

        .price-text {
            font-size: 12px;
            color: #6b7280;
        }

        .price-main {
            font-size: 32px;
            font-weight: 700;
            color: #142149;
        }

        /* button */

        .btn-dark {
            background: var(--bs-primary);
            border-radius: 40px;
            padding: 8px 20px;
            font-weight: 500;
        }

        /* learn more */

        .learn-more {
            display: block;
            margin-top: 12px;
            font-size: 14px;
            color: #142149;
            text-decoration: none;
        }

        .learn-more:hover {
            text-decoration: underline;
        }

        /* features */

        .ssl-feature-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .ssl-feature-list li {
            margin-bottom: 12px;
            font-size: 13px;
            color: #333;
        }

        .ssl-feature-list i {
            color: #111;
            margin-right: 10px;
            border-radius: 50%;
            padding: 6px;
            font-size: 12px;
        }

        .preview-section{
            /*background: linear-gradient( rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01) ), url('../images/home/bg-img25.webp');
            background-position-x: 0%, 0%;
            background-position-y: 0%, 0%;
            background-repeat: repeat, repeat;
            background-size: auto, auto;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;*/
        }

        .qp-instance-selector {
            width: 100%;
        }

        .qp-instance-tabs {
            display: flex;
            padding: 4px;
            border: 1px solid #d7dce3;
            border-radius: 60px;
            background: #fff;
        }

        .qp-instance-tab {
            flex: 1;
            border: 0;
            background: transparent;
            padding: 8px 24px;
            cursor: pointer;
            border-radius: 50px;
            transition: all .25s ease;
        }

        .qp-instance-tab.active {
            background: var(--bs-primary);
            color: #fff;
        }

        .qp-tab-title {
            font-size: 18px;
            font-weight: 600;
            line-height: 1.2;
        }

        .qp-tab-desc {
            margin-top: 4px;
            font-size: 14px;
            line-height: 1.4;
        }

        .qp-instance-content {
            margin-top: 30px;
        }

        .qp-content-pane {
            display: none;
        }

        .qp-content-pane.active {
            display: block;
        }

        .qp-instance-tabs .qp-instance-tab {
            height: auto !important;
            line-height: normal !important;
        }

        /* Mobile */

        @media (max-width: 768px) {

            .qp-instance-tabs {
                flex-direction: row;
                border-radius: 60px;
            }

            .qp-instance-tab {
                border-radius: 60px;
                padding: 12px 8px;
                min-height: 55px;
            }

            .qp-tab-title {
                font-size: 14px;
                margin: 0;
            }

            .qp-tab-desc {
                display: none;
            }
        }

        @media (max-width: 768px) {

                img.global_sign{

                    width: 50% !important;
                }

                .ssl-hero-content{

                    text-align: center;
                }
        }

        .globalsign-card{
            background:#fff;
            padding:25px;
            max-width:320px;
            margin-top: 52px;
        }

        @media (max-width: 768px) {

                .globalsign-card{

                    margin-top: 20px;
                }

        }

        .gs-logo{
            margin-bottom:30px;
        }

        .gs-logo img{
            max-width:180px;
            height:auto;
        }

        .gs-feature{
            display:flex;
            align-items:flex-start;
            gap:18px;
            margin-bottom:28px;
        }

        .gs-feature:last-child{
            margin-bottom:0;
        }

        .gs-icon{
            flex-shrink:0;
            width:48px;
            height:48px;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#007bfc;
            font-size:32px;
            line-height:1;
        }

        .gs-content{
            color:#2d2d2d;
            font-size:16px;
            line-height:1.35;
            font-weight:500;
        }

        .gs-content strong{
            font-weight:500;
        }