/* Shared styles for web-hosting template pages */

/* Shared block: product-detail pages */
        /*Common CSS */
        .wh-heading { font: 600 34px 'Poppins' !important; }
        .wh-pd-section-bg {
            background-color: #F5F6F8;
        }

        .wh-pd-padding0 {
            padding: 0rem;
        }

        .wh-pd-margin0 {
            margin: 0rem;
        }

        .wh-pd-color-org {
            color: #eb5424;
        }

        .wh-pd-jc {
            justify-content: center;
        }

        .wh-pd-fc {
            flex-direction: column;
        }

        .wh-pd-gap2 {
            gap: 2rem;
        }

        .wh-pd-gap1 {
            gap: 1rem;
        }

        .wh-pd-primary-text {
            font: 500 18px 'Poppins';
        }

        .wh-pd-paddingr {
            padding-right: 12rem;
        }

        .wh-pd-list-none {
            list-style: none;
        }

        .web-primiary-btn {
            border-radius: 10px;
            padding: 1.5rem 2rem;
            font: 600 15px 'Poppins';
            letter-spacing: 0.5px;
            background: #eb5424;
            color: #fff;
        }

        .web-primiary-btn:hover,
        .web-secondary-btn:hover {
            background: #da4c1f !important;
            color: #fff !important;
        }

        .web-secondary-btn {
            border-radius: 10px;
            border: 1.5px solid #eb5424;
            padding: 1.5rem 2rem;
            font: 600 15px 'Poppins';
            letter-spacing: 0.5px;
            background: transparent;
            color: #333;
        }

        /*Banner Section */
        .wh-pd-banner-bg {
            background-image: url('/images/web-hosting/grid-banner.webp');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            height: 100%;
            width: 100%;
            padding: 10rem 0rem;
        }

        .wh-pd-h1 {
            font: 600 46px/1.3 'Poppins' !important;
            margin: 4rem 0rem 0rem;
            color: #333;
        }

        .wh-pd-banner {
            max-width: 650px;
            margin: 5rem auto;
        }

        .wh-pd-lines-bg {
            background-image: url('/images/web-hosting/lines-bg.png');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            height: 100%;
            width: 100%;
            padding: 6rem 17rem;
        }

        /*Cards Section*/
        .wh-pd-steps-title {
            font: 500 42px 'Poppins';
        }

        .wh-pd-feature-title {
            font: 500 22px 'Poppins';
        }

        .wh-pd-feature-card {
            display: flex;
            gap: 1rem;
            border: 1.5px solid #cfd1da;
            border-radius: 20px;
            padding: 4rem 4rem 3rem;
        }

        /*Grid section */
        .wh-pd-card-logo {
            width: 11.5%;
            margin-bottom: 2rem;
        }

        .wh-pd-card-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 4rem;
            max-width: 1150px;
            margin: 5rem auto;

        }

        .wh-pd-hr {
            height: 1rem;
            color: #7E818B;
            width: 100%;
            margin: 0rem;
        }

        .wh-pd-card-list li {
            padding: 0.5rem 0rem;
        }

        /*Grid section */
        .wh-pd-grid-mid:before,
        .wh-pd-grid-mid:after {
            content: "";
            display: inline-block;
            width: 2px;
            height: 2.3rem;
            background-color: #eb5424;
            position: absolute;
        }

        .wh-pd-grid-mid:before {
            top: 8.2rem;
            left: 0;
        }

        .wh-pd-grid-mid:after {
            top: 8.2rem;
            right: -0.3rem;
        }

        .wh-pd-grid-title {
            font: 600 20px 'Poppins';
            letter-spacing: 0.5px;
        }

        .wh-pd-grid-card {
            padding: 2rem 3rem;
            flex: 1 0 0%;
            padding: 3%;
            position: relative;
        }

        .wh-pd-grid-mid {
            border-right: 1px solid #6164752e;
            border-left: 1px solid #6164752e;
        }

        .wh-pd-grid-container {
            display: flex;
            justify-content: center;
            gap: 3rem;
            padding: 5rem 0;
        }

        .wh-pd-grid-wrapper {
            padding: 5rem 10rem 0rem;
        }

        /*Contact Us Form */
        .wh-home-contact-us-title {
            font: 400 38px 'Poppins';
            color: #fff;
        }

        .wh-home-contact-us-subtext {
            font: 400 18px 'Poppins';
            color: #b5b5b5;
            max-width: 720px;
            margin: 1rem auto;
        }

        .wh-home-contact-us-container {
            background-image: url(/images/web-hosting/contact-us.webp);
            background-size: cover;
            height: 350px;
            padding: 5rem 7rem;
        }

        .wh-home-contact-us-btn-container {
            display: flex;
            gap: 2rem;
            justify-content: center;
            padding: 3rem 0;
        }

        .wh-home-contact-us-btn {
            width: max-content;
            border-radius: 8px;
            padding: 12px 24px;
            font: 400 16px Poppins;
        }

        .wh-home-contact-us-btn.filled {
            background: #eb5424;
            color: #fff;
        }

        .wh-home-contact-us-btn.outline {
            background: none;
            border: 1.5px solid #eb5424;
            color: #fff;
        }

        @media screen and (max-width: 992px) {

            .wh-pd-gap2,
            .wh-pd-grid-container,
            .wh-home-contact-us-btn-container {
                flex-direction: column;
                align-items: center;
            }

            .wh-pd-card-container {
                grid-template-columns: 1fr;
            }

            .wh-pd-banner,
            .wh-pd-card-container {
                padding: 0rem 2rem;
            }

            .wh-pd-card-container {
                max-width: 40rem;
            }

            .wh-pd-banner,
            .wh-pd-card-container {
                padding: 0rem 2rem;
            }

            .wh-pd-paddingr {
                padding-top: 3rem;
                padding-right: 0rem;
            }

            .wh-pd-grid-wrapper {
                padding: 5rem;
            }

            .wh-pd-grid-mid {
                border: none;
            }

            .wh-home-contact-us-container {
                height: auto;
            }
        }

        @media screen and (width: 1024px) {
            .wh-pd-paddingr {
                padding-right: 6rem;
            }

            .wh-pd-card-container {
                padding: 0rem 10rem;
            }

            .wh-pd-grid-wrapper {
                padding: 5rem 5rem 0rem;
            }
        }
        @media screen and (max-width: 1024px) {
            .wh-pd-grid-mid:before,
            .wh-pd-grid-mid:after {
                display: none;
            }
            .wh-pd-lines-bg {
                padding: 5rem;
            }
        }
    

/* Shared block: audience pages */
.mo-banner{position:relative;background-image:url(/images/web-hosting/grid-banner.webp);background-size:cover;background-position:center;background-repeat:no-repeat;margin-top:70px;}
@media (max-width:993px){.prod-banner .product-banner-heading{padding:1.5em 14px .5em 14px}}
.pd-lf-rt{padding:2.5% 6%}
.product-banner-heading{padding:0}
.compare-wrapper{position:relative;z-index:1;isolation:isolate;overflow:visible}
.compare-table thead{top:65px}
.compare-table thead th:first-child{vertical-align:middle!important}
.compare-wrapper.pricing-compare-table .compare-table thead th:first-child{width:35%!important}
.compare-wrapper.pricing-compare-table .compare-table thead th:not(:first-child){width:16.25%!important}
.compare-wrapper.pricing-compare-table.vs-wpengine-2col .compare-table thead th:first-child{width:40%!important}
.compare-wrapper.pricing-compare-table.vs-wpengine-2col .compare-table thead th:not(:first-child){width:30%!important}
.compare-wrapper.pricing-compare-table .compare-table tbody td.compare-feature-cell{width:35%}
.compare-wrapper.pricing-compare-table.vs-wpengine-2col .compare-table tbody td.compare-feature-cell{width:40%}
.prod-card-border-light{border-color:rgb(228,228,241)}
.prod-card:hover .prod-card-hover-link{display:inline-flex}
.prod-card{min-height:330px}
.web-home-heading{font:600 34px Poppins}
.footer-contact-us{position:relative;z-index:2;background:url(/images/web-hosting/contact-us.webp) center/cover;padding:5rem 7rem}
.footer-contact-heading{font:400 35px/1.6 Poppins;color:#fff}
.footer-contact-desc{font:400 18px/160% Poppins;color:#b5b5b5;padding:0 17%}
.footer-contact-us .web-home-btn-contact-form{display:flex;gap:2rem;justify-content:center;padding:3rem 0}
.wh-pd-lines-bg{background-image:url('/images/web-hosting/lines-bg.png');background-size:cover;background-position:center;background-repeat:no-repeat;height:100%;width:100%;padding:10rem 6rem 8rem 12rem;background-color:#F5F6F8}
.wh-pd-primary-text{font:500 18px 'Poppins'}
.wh-pd-secondary-text{font:500 16px 'Poppins'}
.wh-pd-steps-title{font:500 42px 'Poppins'}
.wh-pd-paddingr{padding-right:12rem}
.agency-left{display:flex;flex-direction:column;justify-content:space-between;min-height:320px}
.agency-left-top{max-width:550px}
.agency-left-bottom{margin-top:40px}
.agency-features-card{background:#fff;border-radius:20px;padding:5rem 4rem;border:1px solid #e6e6e6;margin:auto}
.agency-cta{display:flex;gap:16px;margin-bottom:16px}
.agency-rating{display:flex;align-items:center;gap:10px;font:500 14px Poppins}
.rating-stars{color:#ffcd0e;letter-spacing:3px;font-size:20px}
.rating-text{color:#333}
.agency-feature-list{list-style:none;padding:0;margin:0}
.agency-feature-list li{position:relative;padding-left:28px;margin-bottom:14px;font:500 16px Poppins}
.agency-feature-list li::before{content:"✓";position:absolute;left:0;top:0;color:#EB5424;font-weight:700}
@media (max-width:768px){.agency-features-card{padding:3rem 2rem}.agency-heading{font-size:32px}.agency-cta{flex-direction:column;align-items:flex-start}.agency-feature-list{margin-top:2rem}}
@media (max-width:992px){.pd-lf-rt{padding:2.5% 4%}}
@media (max-width:768px){.compare-controls{top:58px!important}.pd-lf-rt{padding:2% 3%}.footer-contact-us{height:auto;padding:3rem 1.5rem}.footer-contact-heading{font-size:1.5rem}.footer-contact-desc{padding:0 5%;font-size:16px}.web-home-btn-contact-form{flex-direction:column;align-items:center;padding:2rem 0}}

/*
 * Industry vertical landing pages — shared rules (exclude per-page tab backgrounds; those stay inline).
 * Class names prefixed with .wh-industry-* replace former generic/global names used only on these flows.
 */

.wh-home-banner-bg {
  background-image: url('/images/web-hosting/wh-home-banner-bg.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}
.wh-home-banner-left {
  padding: 15rem 0rem 0rem 7rem;
}
.wh-home-stats {
  font: 500 53px 'Poppins';
  color: #eb5424;
  margin: 1rem 0 0 0;
}
.wh-home-stats-icon {
  font: 600 30px 'Poppins';
  color: #333;
}

/* Homepage uses a different kicker (.wh-home-label); verticals use this pill */
.wh-industry-kicker {
  font: 400 16px 'Poppins';
  border: 1.5px solid #7fb2dc26;
  background: linear-gradient(90.66deg, #F5F8FF 0%, #FAFFFF 100%);
  width: max-content;
  padding: 1rem;
  border-radius: 10px;
}
.wh-home-bookmark {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.wh-home-h1 {
  font: 600 46px/1.5 'Poppins';
  margin-top: 4rem;
}
.wh-home-desc {
  font: 400 18px/1.7 'Poppins';
  color: #3F3E3E;
  list-style: none;
  padding: 0rem;
  margin-top: 1rem;
}
.wh-home-banner-img {
  padding: 10rem 4rem 4rem;
  width: 85%;
}
.wh-home-stats-subtext {
  font: 400 16px 'Poppins';
}

.wh-industry-trust-strip {
  background: #f5f6f8;
  padding: 2rem 0;
}
.wh-industry-trusted-logos {
  margin: 0px;
  gap: 2rem;
  flex-wrap: wrap;
}
.wh-industry-sub-bullets li {
  background: url(../images/sub_bullet.png) no-repeat 0 7px;
  padding: 0 0 0rem 2rem;
  list-style: none;
}

/* Module cards: keep legacy .module-card* and .wh-industry-module-card* in one place so they cannot drift */
.wh-industry-module-card-container,
.module-card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.wh-industry-module-card,
.module-card {
  border: .2rem solid #e2e0e0;
  color: #333;
  border-radius: 2.2rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 2rem;
}
.wh-industry-module-card:hover,
.module-card:hover {
  box-shadow: 0 1px 5px rgb(0 0 0 / 0.1);
  border: .2rem solid #ffbca8;
  color: inherit;
}

.wh-industry-bg-muted {
  background: #f5f6f8;
  padding: 1rem 0;
}
.wh-industry-customer-toggle-box {
  background: #fff;
}
.wh-industry-card-icon {
  width: 40px;
  height: 40px;
}
.wh-industry-small-icon {
  width: 18px;
  height: 18px;
}

.wh-industry-integration-dark-section {
  min-height: 400px;
}
.wh-industry-img-fill {
  width: -webkit-fill-available;
}

.wh-home-contact-us-title {
  font: 400 38px 'Poppins';
  color: #fff;
}
.wh-home-contact-us-subtext {
  font: 400 18px 'Poppins';
  color: #b5b5b5;
  max-width: 720px;
  margin: 1rem auto;
}
.wh-home-contact-us-container {
  background-image: url(/images/web-hosting/contact-us.webp);
  background-size: cover;
  height: 350px;
  padding: 5rem 7rem;
}
.wh-home-contact-us-btn-container {
  display: flex;
  gap: 2rem;
  justify-content: center;
  padding: 3rem 0;
}
.wh-home-contact-us-btn {
  width: max-content;
  border-radius: 8px;
  padding: 12px 24px;
  font: 400 16px Poppins;
}
.wh-home-contact-us-btn.filled {
  background: #eb5424;
  color: #fff;
}
.wh-home-contact-us-btn.outline {
  background: none;
  border: 1.5px solid #eb5424;
  color: #fff;
}

.wh-industry-hosting-cta-section {
  background-image: url(/images/pam/light-gray-world-map.svg);
  background-color: #252725;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4rem;
  border-radius: 15px;
}
.wh-industry-comp-faq {
  padding: 5px 8px !important;
  max-width: 90% !important;
  margin: 25px auto !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #d4dbde !important;
}

@media screen and (max-width: 764px) {
  .wh-home-h1 {
    font: 600 36px / 1.5 'Poppins';
  }
  .wh-home-contact-us-btn-container {
    flex-direction: column;
    align-items: center;
  }
  .wh-home-banner-img {
    display: none;
  }
  .wh-home-contact-us-container {
    height: auto !important;
  }
  .wh-home-banner-bg {
    background-image: none !important;
    text-align: center;
    overflow: clip;
  }
}

@media screen and (max-width: 992px) {
  .wh-home-banner-left {
    padding: 10rem 0rem 0rem;
    text-align: center;
  }
  .wh-industry-kicker {
    display: none;
  }
  .wh-industry-module-card img,
  .module-card img {
    max-width: 30px;
  }
}

@media screen and (width: 1024px) {
  .wh-home-h1 {
    font: 600 38px / 1.5 'Poppins';
  }
  .wh-home-banner-left {
    padding: 10rem 0rem 0rem 5rem;
  }
  .wh-industry-kicker {
    font: 400 14px 'poppins';
  }
}

@media screen and (max-width: 1024px) {
  .wh-home-stats {
    font: 500 35px poppins;
  }
}

/*
 * WordPress hosting comparison pages (miniOrange vs *) — shared layout & pricing chrome.
 * Per-page wrappers (.vs-<slug>-2col) and headings stay in tiny inline styles on each file.
 */

.wh-vs-banner {
  position: relative;
  background: url(/images/web-hosting/grid-banner.webp) center/cover no-repeat;
  margin-top: 70px;
}

.pricing-comparison-section{padding:4.5rem 1.5rem}
.pricing-comparison-section .pricing-section-header{text-align:center;margin-bottom:3rem}
.pricing-comparison-section .pricing-section-header h2{font:600 34px Poppins;color:#0f172a;margin:0 0 .75rem}
.pricing-comparison-inner{max-width:1000px;margin:0 auto}
.pricing-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding-top:2rem;margin:0 auto;align-items:start}
.pricing-comparison-section .pricing-col-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;line-height:1.4}
.pricing-comparison-section .pricing-col-title.mo-col{border-bottom-color:#FF6B35}
.pricing-comparison-section .pricing-list{list-style:none;padding:0;margin-top:2rem;display:flex;flex-direction:column;gap:2rem}
.pricing-comparison-section .pricing-list li{display:flex;justify-content:space-between;padding:1.5rem;border-radius:8px;font-size:14px;line-height:1.5}
.pricing-comparison-section .pricing-list.wh-vs-pricing-col-mo li{background:#fff5f0}
.pricing-comparison-section .pricing-list.wh-vs-pricing-col-mo li span strong{color:inherit;font-weight:700}
.pricing-comparison-section .pricing-list.wh-vs-pricing-col-mo li>strong:last-child{color:#FF6B35}
.pricing-comparison-section .pricing-list.wh-vs-pricing-col-competitor li{background:#f8fafc}
.pricing-comparison-section .pricing-note{font-size:12px;margin-top:1rem;line-height:1.5;padding:0;background:none}
.pricing-comparison-section .pricing-note.wh-vs-pricing-note-mo{color:#64748b}
.pricing-comparison-section .pricing-note.wh-vs-pricing-note-competitor{color:#ef4444}

.wh-vs-hosting-page .prod-banner .product-banner-heading{padding:0}
.wh-vs-hosting-page .compare-wrapper{position:relative;z-index:1;isolation:isolate;overflow:visible}
.wh-vs-hosting-page .compare-table thead{top:65px}
.wh-vs-hosting-page .compare-table thead th:first-child{vertical-align:middle!important}

@media (max-width:993px){
  .wh-vs-hosting-page .prod-banner .product-banner-heading{padding:1.5em 14px .5em 14px}
}
@media (max-width:768px){
  .wh-vs-hosting-page .compare-controls{top:58px!important}
  .wh-vs-hosting-page .compare-table thead{top:2px!important}
  .wh-vs-hosting-page .pricing-comparison-section{padding:3rem 1rem}
  .wh-vs-hosting-page .pricing-comparison-grid{grid-template-columns:1fr}
}

.wh-vs-hosting-page #why-choose .prod-card{min-height:50%;height:235px}