/* *****************************************************

    ** Custom Stylesheet special styles for 3.7 version **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/* CloudEh Hosting order-form brand layer */
:root {
    --cloudeh-navy: #182b3a;
    --cloudeh-midnight: #0c1a23;
    --cloudeh-blue: #1266d6;
    --cloudeh-blue-dark: #0b4faa;
    --cloudeh-blue-soft: #79b7ff;
    --cloudeh-red: #ef4444;
    --cloudeh-ice: #f5fbff;
    --cloudeh-line: #d8e7f5;
}

body {
    background: var(--cloudeh-ice);
}

body,
p,
.subtitle {
    font-family: "Open Sans", Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.btn,
.badge {
    font-family: "Poppins", "Open Sans", Arial, sans-serif;
    letter-spacing: 0;
}

.bg-pink,
[data-color] .bg-pink {
    background-color: var(--cloudeh-red) !important;
}

.bg-purple,
[data-color] .bg-purple {
    background-color: var(--cloudeh-blue) !important;
}

.c-pink,
[data-color] .c-pink {
    color: var(--cloudeh-red) !important;
}

.c-purple,
[data-color] .c-purple {
    color: var(--cloudeh-blue) !important;
}

.btn-default-yellow-fill,
[data-color] .btn-default-yellow-fill {
    background-color: var(--cloudeh-blue) !important;
    border-color: var(--cloudeh-blue) !important;
    color: #fff !important;
}

.btn-default-yellow-fill:hover,
[data-color] .btn-default-yellow-fill:hover {
    background-color: var(--cloudeh-blue-dark) !important;
    border-color: var(--cloudeh-blue-dark) !important;
    color: #fff !important;
}

.btn-default-pink-fill,
[data-color] .btn-default-pink-fill {
    background-color: var(--cloudeh-red) !important;
    border-color: var(--cloudeh-red) !important;
    color: #fff !important;
}

#order-standard_cart .plan-content {
    margin-bottom: 30px;
}

#order-standard_cart .product,
#order-standard_cart #products .product {
    border: 1px solid var(--cloudeh-line) !important;
    border-radius: 8px !important;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(12, 26, 35, .08) !important;
}

#order-standard_cart .product div.product-desc,
#order-standard_cart #products .product div.product-desc {
    float: none !important;
    width: 100% !important;
    min-height: 275px;
    padding: 28px 34px 34px !important;
    background: var(--cloudeh-midnight) !important;
    color: #d8e4ec !important;
}

#order-standard_cart .product .prod-desc-div,
#order-standard_cart #products .product .prod-desc-div {
    display: block !important;
    line-height: 1.45 !important;
    color: #ffffff !important;
}

#order-standard_cart .product .prod-desc-div strong,
#order-standard_cart #products .product .prod-desc-div strong {
    display: block !important;
    margin-bottom: 14px !important;
    color: var(--cloudeh-blue-soft) !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

#order-standard_cart .product .prod-desc-div ul,
#order-standard_cart #products .product .prod-desc-div ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#order-standard_cart .product .prod-desc-div li,
#order-standard_cart #products .product .prod-desc-div li {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

#order-standard_cart .product .prod-desc-ul,
#order-standard_cart #products .product .prod-desc-ul {
    display: none !important;
}

#order-standard_cart .product .prod-desc-ul li,
#order-standard_cart #products .product .prod-desc-ul li {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

#order-standard_cart .product .prod-desc-ul li:last-child,
#order-standard_cart #products .product .prod-desc-ul li:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

#order-standard_cart .product span.feature-value,
#order-standard_cart #products .product span.feature-value {
    color: var(--cloudeh-blue-soft) !important;
    font-weight: 700 !important;
}

#order-standard_cart .product header,
#order-standard_cart #products .product header {
    background: #ffffff !important;
}

@media (min-width: 992px) {
    #order-standard_cart .plan-content.col-lg-3 {
        width: 25%;
    }
}