.section-cart { position: relative; padding: 60px 0; background: #f7f8fa;}
.section-cart h1 { font-size: 20px; font-weight: 700; margin-bottom: 15px; text-align: left; }
.section-cart h1 span { display: block; font-size: 16px; font-weight: 400; }
.section-cart .form-control { height: 46px; border: 1px solid #ced4da !important; color: #262936; }

/* region Cart Step */
.cart-header {background: var(--bs-dark); height: 50px; padding-top: 4px; }
.cart-header .container { position: relative; }
.cart-header .container:before { position: absolute; left: 0; top: -5px; width: 100%; height: 1px; background-color: #ffffff2b; }
.cart-header ul { list-style: none; padding: 0; margin: 0; display: flex;}
.cart-header ul li { margin-right: 60px; }
.cart-header ul li a { position: relative; display: block; padding: 10px 0; color:var(--bs-white); font-weight: 500; font-size: 16px; }
.cart-header ul li a:after { position: absolute; right: -40px; top: 15px; content: ''; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: 0 0; width: 15px; height: 15px; transform: rotate(270deg); background-size: 15px 15px;}
.cart-header ul li:first-child a { padding-left: 0 ;}
.cart-header ul li:last-child a:after { content: ''; padding-right: 0; }
.cart-header ul li.active a { color:var(--bs-primary); border-bottom: 2px solid var(--bs-primary);}
.cart-header ul li.active a:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232bf2fe' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); }
/* endregion */

/* region Section Cart */
.whmcs-coupon { background-color: #fff; border: 1px solid #dee2e6; padding: 20px; margin-top: 15px; border-radius: 6px; color: #767676; }
.whmcs-coupon label { display: flex; font-weight: 600; margin-bottom: 4px; }
.whmcs-coupon .form-control { border-right: 0; }
.whmcs-coupon .alert { margin-bottom: 0; background-color: #fff; }

.wh-cart { display: flex; align-items: flex-start; border: 1px solid #dee2e6; justify-content: center; flex-direction: column; width: 100%; margin-bottom: 15px; background-color: #fff; border-radius: 6px; }
.wh-cart .wh-cart-header { background-color: #ffffff; border-bottom: 1px solid #dee2e6; display: flex; align-items: center; justify-content: space-between; width: 100%; border-radius:6px 6px  0 0 ; padding: 15px; }
.wh-cart .wh-cart-header>.wh-name { font-size: 20px; font-weight: 600; color: var(--bs-dark); line-height: 1;}
.wh-cart .wh-cart-body { display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; padding: 15px; }
.wh-cart .wh-cart-body>div.wh-icon { display: flex; align-items: flex-start; justify-content: flex-start; flex: 55px; }
.wh-cart .wh-cart-body>div.wh-icon>svg { width: 40px; height: 40px; fill: #999;}
.wh-cart .wh-cart-body>div.wh-name { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; flex: calc(100% - 360px); }
.wh-cart .wh-cart-body>div.wh-name>h3 { font-size: 20px; font-weight: 600; color: var(--bs-dark); line-height: 1; margin: 0;}
.wh-cart .wh-cart-body>div.wh-name>span { font-size: 15px; font-weight: 500; line-height: 1; margin: 5px 0 0; color: #999;}
.wh-cart .wh-cart-body>div.wh-name>ul { list-style: none; padding: 0; margin: 8px 0 0;}
.wh-cart .wh-cart-body>div.wh-name>ul>li { font-size: 13px; color: #999;}
.wh-cart .wh-cart-body>div:nth-child(3) { flex: 100px; }
.wh-cart .wh-cart-body>div.wh-price { display: flex; align-items: flex-end; justify-content: center; flex-direction: column; flex: 200px; }
.wh-cart .wh-cart-body>div.wh-price>.wh-old { font-size: 14px; font-weight: 500; text-decoration: line-through; color: #999; }
.wh-cart .wh-cart-body>div.wh-price>.wh-new { font-size: 18px; font-weight: 600; color: var(--bs-dark);}
.wh-cart .wh-cart-body>div.wh-trash { display: flex; align-items: center; justify-content: flex-end; flex: 40px;}
.wh-cart .wh-cart-body>div.wh-trash>a { display: block; margin-top: 4px; -webkit-transition: .25s; -o-transition: .25s; transition: .25s; }
.wh-cart .wh-cart-body>div.wh-trash>a>svg { width: 18px; height: 18px;fill: #999; -webkit-transition: .25s; -o-transition: .25s; transition: .25s;}
.wh-cart .wh-cart-body>div.wh-trash>a:hover>svg { fill: var(--bs-danger); }
.wh-cart-footer { display: flex; align-items: center; justify-content: space-between; font-size: 16px; }
.wh-cart-footer>a { display: flex; align-items: center; justify-content: center; color: var(--bs-dark); }
.wh-cart-footer>a>svg { width: 16px; height: 16px;fill: #999; -webkit-transition: .25s; -o-transition: .25s; transition: .25s;}
.wh-cart-footer>a:hover { color: var(--bs-danger); }
.wh-cart-footer>a:hover>svg { fill: var(--bs-danger); }
/* endregion */

/* region Cart Domain */
.cart-domain { text-align: center; }
.cart-domain .title { font-size: 32px; text-align: center; font-weight: 700; color: var(--bs-dark); margin: 0; }
.cart-domain .desc { font-size: 20px; color: var(--bs-dark); margin: 0 0 30px; }
.cart-domain-item { display: flex; align-items: flex-start; justify-content: flex-start; text-align: left; padding: 20px; margin-bottom: 15px; background-color: #fff; border-radius: 6px;border: 1px solid #dee2e6; }
.cart-domain-item>div:nth-child(1) { flex: 60px; padding-top: 10px; }
.cart-domain-item>div:nth-child(1) svg { width: 48px; height: 48px; fill:var(--bs-dark-gray); }
.cart-domain-item>div:nth-child(2) { flex: calc(100% - 60px); }
.cart-domain-item>div:nth-child(2) p { margin: 0 0 5px; font-size: 22px; }
.cart-domain-item>div:nth-child(2) span { display: block; margin: 5px 0 0; font-size: 18px; }
.cart-domain-item>div:nth-child(2) .btn { min-width: 140px; }
/* endregion */

/* region Cart Configure */
.wh-server-item { background-color: #ffffff; border: 1px solid #dee2e6; display: flex; align-items: flex-start; justify-content: space-between; width: 100%; border-radius:6px; padding: 15px; margin-bottom: 15px; }
.wh-server-item>div:nth-child(1) { flex: 50px; }
.wh-server-item>div:nth-child(1)>span { display: flex; align-items: flex-start; justify-content: flex-start; font-size: 18px; font-weight: 600; line-height: 1; width: 40px; height: 40px; color: var(--bs-dark-gray); /*border: 1px solid #e9edf0; border-radius: 50%;*/ }
.wh-server-item>div:nth-child(1)>span>svg { width: 32px; height: 32px; fill: #c0c4c9;}
.wh-server-item>div:nth-child(2) { flex: calc(100% - 50px); }
.wh-server-item>div:nth-child(2)>label { display: flex; font-size: 16px; font-weight: 600; margin-bottom: 4px; }
.wh-server-item>div:nth-child(2) .form-group { margin-bottom: 15px; }
.wh-server-item>div:nth-child(2) .form-group label { display: flex; font-size: 14px; margin-bottom: 4px; }
.wh-server-item>div:nth-child(2)>.wh-server-choose { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.wh-server-item>div:nth-child(2)>.wh-server-choose>label { flex: calc(50% - 8px); align-items: flex-start; padding: 10px 12px; margin: 4px; border: 1px solid #e9edf0; border-radius: 21px; cursor: pointer; }
.wh-server-item>div:nth-child(2)>.wh-server-choose>label>span:nth-child(1) { display: flex; align-items: center; justify-content: flex-start; margin:0; }
.wh-server-item>div:nth-child(2)>.wh-server-choose>label>span:nth-child(2) { display: flex; align-items: center; justify-content: space-between; width: 100%; line-height: 1.3;}
.wh-server-item>div:nth-child(2)>.wh-server-choose>label>span:nth-child(2)>span { font-weight: 600;line-height: 1; }
/* endregion */

/* region Cart Empty */
.empty-cart { padding-top: 110px; padding-bottom: 50px; text-align: center; color: #262936; }
.empty-cart.not-found img { margin-bottom: 30px;width: 400px; }
.empty-cart h1 { font-size: 24px; font-weight: 700; color: #262936; margin-bottom: 0;}
.empty-cart p { margin: 0 0 25px; font-size: 18px; color: #262936;}
.empty-cart ul { list-style: none; padding: 0; margin: 0; }
.empty-cart ul li { float: left; width: 32.5%; margin-right: 10px; margin-bottom: 10px; }
.empty-cart ul li:nth-child(3n) { margin-right: 0; }
.empty-cart ul li a { display: block; width: 100%; text-decoration: none; padding: 18px 10px 16px 78px; background-color: #fff; border: 1px solid #E5E8ED; box-shadow: 0 1px 10px 0 rgba(141,153,176,0.1); color: #262936; position: relative; text-align: left; }
.empty-cart ul li a:hover { border: 1px solid #ddd; opacity: .7; }
.empty-cart ul li a i { position: absolute; top: 13px; left: 10px; font-size: 48px; }
.empty-cart ul li a h5 { font-size: 18px; margin: 0; }
.empty-cart ul li a p { font-size: 14px; margin: 0; }

@media only screen and (max-width: 767px) {
    .empty-cart { margin: 50px 0;}
    .empty-cart ul li { margin: 5px 4px; width: calc(50% - 8px);}
    .empty-cart ul li:nth-child(3n) { margin-right: 4px; }
    .empty-cart h1 { font-size: 28px;line-height: 1.3;}
}
/* endregion */

/* region Cart Shipping */
.shipping-content {  margin: auto; width: 100%;  position: relative; padding: 30px; border-radius: 0; background: #fff; border: 1px solid #E5E8ED; box-shadow: 0 1px 10px 0 rgba(141,153,176,0.1);}
.shipping-content.billing { display: none; margin-top: 30px; }
.shipping-content h1 { margin: 0; font-size: 24px; font-weight: 600; line-height: 1.4;text-align: center;color: var(--bs-dark) }
.shipping-content h1 span {display: block; font-size: 16px;font-weight: normal;padding-top: 5px; }
.shipping-content hr.divider { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid #E5E8ED;  }
.shipping-content .form-group { position: relative; margin-bottom: 10px; }
.shipping-content label { display: inline-flex; margin-bottom: 4px; font-weight: 500; }
.shipping-content label span.error { float: right; font-size: 12px; color: red; font-weight: 300; }
.shipping-content .form-control { box-shadow: none; height: 42px; }
.shipping-content .form-control { box-shadow: none; height: 42px; }
.shipping-content .form-check { padding-left: 0; margin-top: 6px; margin-bottom: 10px;}
.shipping-content .form-check label { font-weight: 300; margin-right: 15px;}
.shipping-content .intl-tel-input { display: block; }
.shipping-content .remember-me a { position: absolute; right: 0; top: 0; font-size: 13px; }
.shipping-content .remember-me label { font-weight: 300; font-size: 13px; float: left; width: calc(100% - 25px) !important; line-height: 1.2; padding-top: 4px; }
.shipping-content .remember-me input { float: left; width: 20px; }
.shipping-content .form-check-agrement { margin-bottom: 15px; }
.shipping-content .form-check-agrement:after,
.shipping-content .form-check-agrement:before { display: table; content: " "; clear: both; }
.shipping-content .form-check-agrement .clearfix { height: 5px; clear: both; }
.shipping-content .form-check-agrement input { float: left; }
.shipping-content .form-check-agrement label { float: left; width: calc(100% - 26px); font-weight: 300; padding-top: 4px; font-size: 12px; line-height: 1.3; }
.shipping-content .btn { border-radius: .25rem;font-weight: 600;font-size: 18px;}
/* endregion */

/* region Cart Complete */
.cart-complete { text-align: center; font-size: 18px;}
.cart-complete svg { height: 62px; width: 62px; fill: var(--bs-success); }
.cart-complete h1 { font-size: 32px; font-weight: 700; text-align: center; color: var(--bs-success); margin: 0 0 15px; }
.cart-complete .orderNo { font-size: 18px; margin-bottom: 15px; }
.cart-complete .orderNo b{ display: block; font-size: 28px; font-weight: 700; letter-spacing: 2px; }
/* endregion */

/* region Cart Month */
.wh-period {background-color: #ffffff; border: 1px solid #dee2e6; margin-bottom: -1px; padding: 0 10px 0 30px; display: flex; align-items: flex-start; justify-content: space-between;}
.wh-period:first-child {border-radius: 6px 6px 0 0; }
.wh-period:last-child {border-radius: 0 0 6px 6px; }
.wh-period>div:nth-child(1) { flex: 60%; }
.wh-period>div:nth-child(1)>label{display: flex; align-items: center; justify-content: flex-start; cursor: pointer; padding: 30px 0; margin: 0; }
.wh-period>div:nth-child(1)>label>span:nth-child(1){ margin: 5px 0 0; }
.wh-period>div:nth-child(1)>label>span:nth-child(2){font-size: 22px; font-weight: 700; line-height: 1;}
.wh-period>div:nth-child(1)>label>span:nth-child(3){font-size: 18px; font-weight: 700; line-height: 1; color: var(--bs-danger); margin-left: 30px; }
.wh-period>div:nth-child(2) { display: flex; align-items: center; justify-content: flex-end; padding: 21px 0; flex: 40%;}
.wh-period>div:nth-child(2)>.wh-old { font-size: 16px; line-height: 1; text-decoration: line-through; margin-right: 15px; }
.wh-period>div:nth-child(2)>.wh-new>span { color: var(--bs-dark); font-size: 46px; line-height: 1;margin-bottom: 0; font-weight: 800; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; justify-content: center; }
.wh-period>div:nth-child(2)>.wh-new>span>sub { color: var(--bs-dark-gray); font-size: 14px; font-weight: 600; bottom: 0; top: 13px; left: 6px; height: -webkit-max-content; height: -moz-max-content; height: max-content; }
.wh-period>div:nth-child(2)>.wh-new>span>sup { color: var(--bs-dark); font-size: 22px; top: -8px; left: -20px; height: -webkit-max-content; height: -moz-max-content; height: max-content; }

.wh-adjustable { margin-top: 30px; }
.wh-adjustable>.wh-period>div:nth-child(1)>label { padding: 20px 0; }
.wh-adjustable>.wh-period>div:nth-child(1)>label>span:nth-child(2) { font-size: 20px;}
.wh-adjustable>.wh-period>div:nth-child(2) { padding: 9px 0; }
/* endregion */

/* region Cart Payment */
.cart-invoice { display: flex; align-items: flex-start; justify-content: center; background-color: #fff; border: 1px solid #dee2e6; padding: 20px; border-radius: 6px;}
.cart-invoice>div:nth-child(1) { flex:70%;}
.cart-invoice>div:nth-child(1)>b { font-size: 16px;}
.cart-invoice>div:nth-child(1)>p { font-size: 14px; margin: 0;}
.cart-invoice>div:nth-child(2) { display: flex; align-items: flex-start; justify-content: flex-end; flex:30%;}
.cart-invoice>div:nth-child(2)>a { font-size: 14px; padding: 4px 10px; font-weight: 500; color: var(--bs-link)}

.cart-card { margin-top: 40px; }
.cart-card h2 { font-size: 20px; font-weight: 700; margin-bottom: 15px; }
.cart-card .nav-tabs {border-bottom: 1px solid #dee2e6; }
.cart-card .nav-tabs .nav-link {position: relative; border: 1px solid #dee2e6;border-bottom: 0; text-align: center; color: var(--bs-dark-gray); font-weight: 600; font-size: 18px; padding: 16px 18px; border-radius: 0;}
.cart-card .nav-tabs .nav-link.active {color: var(--bs-dark); }
.cart-card .nav-tabs .nav-item:first-child .nav-link { border-top-left-radius: 5px;}
.cart-card .nav-tabs .nav-item:last-child .nav-link { border-left:0; border-top-right-radius: 5px;}
.cart-card .tab-content .tab-pane { padding: 30px; border: 1px solid #dee2e6;border-top: 0; border-radius: 0 0 6px 6px; background: #fff; }
.cart-card .tab-content .tab-pane .form-group { margin-bottom: 15px; }
.cart-card .tab-content .tab-pane .table { width: 100%; margin-top: 20px; }
.cart-card .tab-content .tab-pane .table th { font-weight: 600; }
.cart-card .tab-content .tab-pane .table td { padding: 10px 0; font-size: 16px; }
.cart-card .tab-content .tab-pane .table td input { position: relative; top: 5px; }
/* endregion */

/* region Cart Sidebar */
/*.cart-sidebar { background-color: #fff; border: 1px solid #dee2e6; padding: 20px; border-radius: 6px; color: #767676; }
.cart-sidebar h3{ color: var(--bs-dark); font-size: 20px; font-weight: 600; margin: 0 0 10px; }
.cart-sidebar .wh-items>div { display: flex; align-items: center; justify-content: space-between; padding: 5px 0; width: 100%; }
.cart-sidebar .wh-items>div.spec { padding: 2px 0; width: 100%; }
.cart-sidebar .wh-items>div>span { font-weight: 600; color: var(--bs-dark);}
.cart-sidebar .wh-items>div.sub { font-weight: 600; color: var(--bs-dark); padding: 2px 0; }
.cart-sidebar .wh-items>div.sum { font-size: 20px; font-weight: 600; color: var(--bs-dark); margin: 10px 0; padding-top: 10px; border-top: 1px solid #dee2e6;}
.cart-sidebar .wh-check { display: flex; align-items: flex-start; justify-content: flex-start; font-size: 13px; line-height: 1; border-top: 1px solid #dee2e6; padding-top: 10px; margin: 0 0 15px;}
.cart-sidebar .wh-check>label { display: flex; align-items: flex-start; justify-content: flex-start;}
.cart-sidebar .wh-check>label>span { line-height: 1.3;}
.cart-sidebar .wh-check>label>span>a { color: var(--bs-link); font-weight: 500; }
.cart-sidebar .wh-month { border-top: 1px solid #dee2e6; padding-top: 10px; margin-top: 10px; }
.cart-sidebar .wh-month>h4 { font-size: 18px; margin: 0; color: var(--bs-dark); }
.cart-sidebar .wh-month div>label { display: flex; align-items: center; justify-content: flex-start; width: 100%; cursor: pointer; margin: 15px 0; }
.cart-sidebar .wh-month div>label>span { display: flex; align-items: center; justify-content: space-between; width: 100%; font-weight: 600; color: var(--bs-dark); font-size: 16px; }
.cart-sidebar .btn { height: 48px; font-size: 17px; }*/
/* endregion */