:root {

    --primary-color: #333333;

    --sc-1: #c9b45b;

    --sc-2: #0f2c4c;

    --gray-color: #ebe6d7;



    --sf-r: "montserrat-regular";

    --sf-m: "montserrat-medium";

    --sf-bl: "montserrat-semibold";

    --sf-b: "montserrat-bold";

}



a {

    color: var(--sc-1);

}



a:hover {

    color: var(--sc-2-color);

}



strong {

    font-family: var(--sf-b);

}



.shopping-wrapper .btn-primary {

    color: #ffffff !important;

    font-size: 14px;

    line-height: 1.2;

    font-family: var(--sf-bl);

    letter-spacing: 0.5px;

    background-color: var(--sc-1) !important;

    border: 0px solid var(--sc-1) !important;

    text-transform: uppercase;

    border-radius: 3px;

    padding: 19px 30px;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    min-height: 55px;

    display: inline-block;

}



.shopping-wrapper .btn-primary:hover {

    background-color: var(--sc-2) !important;

    border: 0px solid var(--sc-1) !important;

}



.breadcrumb a,

.breadcrumb-item {

    font-size: 14px;

    line-height: 1.5;

    color: #000 !important;

    transition: all .3s ease-in-out;

    padding-right: 10px;

    font-family: var(--sf-m);

}



.breadcrumb a:hover {

    color: var(--sc-1) !important;

}



.breadcrumb-item {

    position: relative;

    text-align: center;

    padding: 0 !important;

}



.breadcrumb .breadcrumb-item+.breadcrumb-item::before {

    color: #000;

    content: var(--bs-breadcrumb-divider, "\f280");

    font-family: bootstrap-icons !important;

    font-size: 12px;

    margin-top: 1px;

    padding-right: 10px;

}



/** Login Page Start **/

.shopping-wrapper {

    background-color: var(--gray-color);

}



.shopping-wrapper .container {

    max-width: 1000px;

    position: relative;

    z-index: 2;

}



.shopping-main-title {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    margin-bottom: 50px;

    padding-bottom: 15px;

    border-bottom: 1px solid #ddd;

}



.shopping-main-title h2 {

    color: #000000;

    font-size: 25px;

    line-height: 1.2;

    margin: 0;

}



.shopping-main-title .btn {

    min-height: inherit;

    padding: 15px 20px;

    display: flex;

    align-items: center;

    gap: 10px;

    text-align: left;

}



.cart-wrapper h6.pro-title,

.SmallTextX {

    margin-left: 80px;

}


.shopping-wrapper.login-wrapper .container{
    padding-bottom: 80px;
}
.login-wrapper .btn-primary {

    background-color: var(--sc-2) !important;

    border: 0px solid var(--sc-2) !important;

}



.login-wrapper .btn-primary:hover {

    background-color: var(--sc-1) !important;

    border: 0px solid var(--sc-2) !important;

}



.top-login-icon {

    background-color: var(--sc-1);

    width: 80px;

    height: 80px;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 50px;

    margin: -70px auto 15px;

}



.login-wrapper .inner-col {

    max-width: 400px;

    margin: 80px auto 0;

}



.login-wrapper .form-wrap {

    background-color: #fff;

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);

    border-radius: 10px;

    padding: 30px;

}



.login-wrapper .form-wrap h5.title {

    color: #000000;

    font-size: 22px;

    line-height: 1.3;

    font-family: var(--sf-bl);

    text-align: center;

    margin-bottom: 20px;

}



.login-wrapper .form-wrap .form-col .icon-input+.icon-input {

    margin-top: 15px;

}



.login-wrapper .form-wrap .form-col .link {

    font-size: 15px;

    line-height: 1.5;

}



.login-wrapper .form-wrap .form-col input,

.login-wrapper .form-wrap .form-col .form-floating>label {

    padding-left: 40px !important;

    padding-right: 0px !important;

    color: #000;

    opacity: 1;

    line-height: 1.2;

}



.login-wrapper .form-wrap .form-col input {

    border-radius: 0;

    border: 0 !important;

    height: 50px;

    box-shadow: none !important;

    border-bottom: 1px solid #ced4da !important;

    background-color: #fff;

}



.login-wrapper .form-wrap .form-col input.error {

    border-bottom: 1px solid #ff0000 !important;

}



.login-wrapper .form-floating>.form-control:focus~label,

.login-wrapper .form-floating>.form-control:not(:placeholder-shown)~label,

.login-wrapper .form-floating>.form-select~label {

    -webkit-transform: scale(0.85) translateY(-0.7rem) translateX(0.4rem);

    transform: scale(0.85) translateY(-0.7rem) translateX(0.4rem);

}



.login-wrapper .form-wrap .form-col .icon-input {

    position: relative;

    color: #000;

}



.login-wrapper .form-wrap .form-col .icon-input i {

    position: absolute;

    top: 14px;

    left: 0;

    font-size: 24px;

    line-height: 1.2;

}



.sign-up-col .btn {

    display: flex;

    align-items: center;

    gap: 10px;

    justify-content: space-between;

    border-radius: 10px;

    background-color: var(--sc-1) !important;

    font-size: 16px;

}



.sign-up-col .btn:hover {

    background-color: var(--sc-2) !important;

}



.sign-up-col .btn i {

    font-size: 26px;

}



/** Login Page End **/



/** Registration Page Start **/

.gray-bg {

    background-color: var(--gray-color);

    padding: 30px 20px;

}



.form-check-input {

    margin-top: 6px;

}



.shopping-wrapper .form-floating>.form-control,

.shopping-wrapper .form-floating>.form-select,

.shopping-wrapper input,

.shopping-wrapper select,

.shopping-wrapper .form-control,

.shopping-wrapper .form-select,

.shopping-wrapper textarea,

.shopping-wrapper .form-check-label {

    font-size: 15px;

    line-height: 1.2;

}



.form-floating label {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    padding: 1rem 0.75rem;

    pointer-events: none;

    border: 1px solid transparent;

    transform-origin: 0 0;

    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;

}



.shopping-wrapper .form-floating>label {

    padding: 12px;

    font-size: 15px;

    opacity: 0.65;

}



.form-control,

.form-select {

    height: 55px;

    background-color: #fff;

    border-radius: .25rem;

}



label[for=requiredShippingState] {

    padding: 5px 12px !important;

}



/** Registration Page End **/



/** My Account Page Start **/

.my-account-wrapper .list-wrap {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 30px;

}



.my-account-wrapper .list-item {

    background-color: #fff;

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);

    width: 31.33%;

    min-width: 250px;

    text-align: center;

    margin-top: 30px;

    border-radius: 10px;

}



.my-account-wrapper .list-item .icon {

    background-color: var(--sc-1);

    padding: 10px;

    width: 80px;

    height: 80px;

    margin: 0 auto;

    border-radius: 100%;

    margin-top: -32px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.my-account-wrapper .list-item h6 {

    padding: 15px;

    color: #000;

    font-size: 15px;

    line-height: 1.4;

    font-family: var(--sf-b);

    margin: 0;

}



/** My Account Page End **/



/** Edit Shipping Addres Start **/

.shopping-wrapper h3.subtitle {

    color: #000000;

    font-size: 22px;

    line-height: 1.3;

    text-align: center;

    font-family: var(--sf-b);

    margin-bottom: 30px;

}



.order-no-and-date-col,

.subtitle-and-icons-wrap {

    display: flex;

    align-items: center;

    justify-content: space-between;

    background-color: #fff;

    gap: 10px 20px;

    padding: 10px 15px;

    border-radius: 10px;

    flex-wrap: wrap;

}



.subtitle-and-icons-wrap h3.title {

    color: #000000;

    font-size: 22px;

    line-height: 1.4;

    font-family: var(--sf-b);

    margin: 0;

}



.suggestion-icons {

    display: flex;

    align-items: center;

}



.suggestion-icons span {

    display: flex;

    align-items: center;

    gap: 8px;

    font-size: 14px;

    line-height: 1.5;

}



.suggestion-icons span+span {

    padding-left: 15px;

    margin-left: 15px;

    border-left: 2px solid #ddd;

}



.suggestion-icons span i {

    font-size: 16px;

}



.edit-shipping-address-col {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    margin-top: 20px;

}



.edit-shipping-address-col .col {

    width: 32%;

    background-color: #fff;

    border-radius: 10px;

    flex: none;

    font-size: 14px;

    line-height: 1.5;

    overflow: hidden;

}



.edit-shipping-address-col .col .text-col {

    padding: 15px;

}



.edit-shipping-address-col .col .text-col h6 {

    font-size: 14px;

    line-height: 1.3;

    text-transform: uppercase;

    margin-bottom: 5px;

}



.billing-and-shipping-address .col .address,

.billing-and-shipping-address .col .phone,

.billing-and-shipping-address .col .email,

.edit-shipping-address-col .col .address,

.edit-shipping-address-col .col .phone {

    position: relative;

    padding-left: 25px;

}



.billing-and-shipping-address .col .address::before,

.billing-and-shipping-address .col .phone::before,

.billing-and-shipping-address .col .email::before,

.edit-shipping-address-col .col .address::before,

.edit-shipping-address-col .col .phone::before {

    position: absolute;

    min-width: 20px;

    text-align: center;

    top: 0;

    left: 0;

    color: var(--sc-1);

    font-size: 18px;

    font-family: "bootstrap-icons" !important;

}



.billing-and-shipping-address .col .address::before,

.edit-shipping-address-col .col .address::before {

    content: "\f3e8";

}



.billing-and-shipping-address .col .phone::before,

.edit-shipping-address-col .col .phone::before {

    content: "\f4e7";

}



.billing-and-shipping-address .col .email::before {

    content: "\f32f";

}



.billing-and-shipping-address .col .phone+.phone,

.billing-and-shipping-address .col .address+.phone,

.billing-and-shipping-address .col .address+.email,

.billing-and-shipping-address .col .phone+.email,

.edit-shipping-address-col .col .address+.phone {

    margin-top: 10px;

}



.edit-shipping-address-col .col .phone {

    font-size: 16px;

}



.edit-shipping-address-col .tools {

    display: flex;

    align-items: center;

    justify-items: center;

    background-color: var(--sc-1);

}



.edit-shipping-address-col .tools a {

    color: #fff;

    width: 33.33333%;

    text-align: center;

    padding: 8px;

    font-size: 16px;

    flex: 1 0 0%;

}



.edit-shipping-address-col .tools a+a {

    border-left: 1px solid #fff;

}



.edit-shipping-address-col .tools a:hover {

    background-color: var(--sc-2);

}



.add-new-address-form-wrap {

    margin-bottom: 50px;

    padding-bottom: 50px;

    border-bottom: 1px solid #ddd;

}



/** Edit Shipping Addres End **/



/** Order Status Start **/

table.table {

    background-color: #fff;

    border-radius: 10px;

    overflow: hidden;

    margin: 0;

}



table.table .table-dark th {

    border: 0;

    box-shadow: none;

    font-size: 14px;

    line-height: 1.5;

    font-family: var(--sf-b);

    text-transform: uppercase;

    background-color: var(--sc-2);

    color: #ffffff;

}



table.table th,

table.table td {

    padding: 15px 12px;

    font-size: 14px;

    line-height: 1.5;

}



.my-order-wrapper table.table th:last-child,

.my-order-wrapper table.table td:last-child {

    text-align: center;

}



table.table .Delete {

    max-width: 30px;

}



table.table .Delete,

table.table .CartPrice,

table.table .CartQty,

table.table .CartTotalPrice {

    vertical-align: middle;

}



table.table .CartPrice,

table.table .CartTotalPrice {

    max-width: 120px;

    width: 90px;

}



.checkout-wrapper table.table .CartQty {

    text-align: center;

}



table.table .Delete .bi-x-circle {

    color: #cfc9c9;

    font-size: 20px;

}



table.table td i {

    margin-right: 5px;

}



table.table td i.bi-check-circle-fill {

    color: #14bf14;

}



table.table td i.bi-x-circle-fill {

    color: #d90707;

}



table.table td:last-child a i {

    font-size: 20px;

}



.table-hover>tbody>tr:hover>* {

    --bs-table-accent-bg: #f9f9f9;

}



.order-no-and-date-col strong {

    color: var(--sc-1);

}



.cart-wrapper .inner-col+.inner-col,

.cart-wrapper .order-no-and-date-col+.inner-col {

    margin-top: 30px;

}



.cart-wrapper .CartQty {

    width: 80px;

    max-width: 80px;

}



.cart-wrapper .thumb-img {

    max-width: 70px;

    float: left;

    margin-right: 10px;

    padding: 3px;

    border: 1px solid #ddd;

}



.cart-wrapper h6.pro-title {

    font-size: 16px;

    color: #000;

    line-height: 1.2;

    margin-bottom: 6px;

    font-family: var(--sf-r);

}



.cart-wrapper .shortdesc {

    color: #000;

    font-size: 14px;

    line-height: 1.5;

    font-family: var(--sf-r);

    opacity: 0.8;

    display: table;

}



.cart-wrapper h3.title {

    color: var(--sc-1);

    font-size: 18px;

    line-height: 1.2;

    text-transform: uppercase;

    margin-bottom: 10px;

}



.CartTotalPrice {

    font-family: var(--sf-b);

}



.CartPrice,

.CartTotalPrice {

    text-align: right;

}



.billing-and-shipping-address {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

}



.billing-and-shipping-address .col {

    background-color: #fff;

    padding: 20px;

    border-radius: 10px;

}



.billing-and-shipping-address .col h4.title {

    font-size: 18px;

    line-height: 1.4;

    margin: 0 auto 10px;

    color: #000;

    font-family: var(--sf-b);

}



.billing-and-shipping-address .col h6 {

    color: var(--sc-1);

    font-size: 14px;

    text-transform: uppercase;

    line-height: 1.3;

    margin-bottom: 10px;

}



.billing-and-shipping-address .col .address,

.billing-and-shipping-address .col .phone,

.billing-and-shipping-address .col .email,

.billing-and-shipping-address .col .address a,

.billing-and-shipping-address .col .phone a,

.billing-and-shipping-address .col .email a {

    color: var(--primary-color);

    font-size: 15px;

    line-height: 1.5;

}



/* .billing-and-shipping-address .col .phone,

.billing-and-shipping-address .col .phone a {

    font-family: var(--sf-b);

} */



.billing-and-shipping-address .col .address a:hover,

.billing-and-shipping-address .col .phone a:hover,

.billing-and-shipping-address .col .email a:hover {

    color: var(--sc-1);

}



/* .payment-info-col {

    background-color: #ffff;

    border-radius: 10px;

    overflow: hidden;

}

.payment-info-col h3.title{

    margin: 0;

    background-color: #000;

    color: #fff;

    padding: 10px 20px; 

} */

.checkout-bottom-col .list-item,

.payment-info-col .list-item {

    padding: 20px;

    text-align: right;

    background-color: #ffff;

    border-radius: 10px;

    overflow: hidden;

}



.checkout-bottom-col .list-item .item,

.payment-info-col .list-item .item {

    display: flex;

    align-items: center;

    justify-content: end;

    font-size: 15px;

    line-height: 1.4;

    gap: 25px;

}



.checkout-bottom-col .list-item .item+.item,

.payment-info-col .list-item .item+.item {

    margin-top: 5px;

}



.checkout-bottom-col .list-item .item .right-caption,

.payment-info-col .list-item .item .right-caption {

    color: var(--sc-1);

    min-width: 130px;

}



/** Order Status End **/

.qty-container {

    display: flex;

    align-items: center;

    justify-content: center;

}



.qty-container .input-qty {

    text-align: center;

    padding: 5px;

    background-color: #fff;

    border: 1px solid #d4d4d4;

    max-width: 50px;

    height: auto;

    box-shadow: none !important;

}



.qty-container .qty-btn-minus,

.qty-container .qty-btn-plus {

    background-color: #f7f7f7;

    border: 1px solid #d4d4d4;

    padding: 5px;

    font-size: 10px;

    height: 30px;

    width: 30px;

    transition: 0.3s;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    box-shadow: none !important;

}



.qty-container .qty-btn-minus i,

.qty-container .qty-btn-plus i {

    margin: 0;

}



.qty-container .qty-btn-plus {

    margin-left: -1px;

    border-radius: 0 3px 3px 0px;

}



.qty-container .qty-btn-minus {

    margin-right: -1px;

    border-radius: 3px 0px 0px 3px;

}



.checkout-bottom-col {

    display: flex;

    gap: 50px;

}



.payment-info-wrapper .d-flex {

    background-color: #fff;

}



.payment-info-wrapper .left,

.payment-info-wrapper .right {

    min-height: 100vh;

}



.payment-info-wrapper .left {

    width: 60%;

}



.payment-info-wrapper .right {

    background-color: var(--gray-color);

    border-left: 1px solid #ddd;

    width: 40%;

}



.payment-info-wrapper .inner-col {

    padding: 40px;

}



.payment-info-wrapper .left .inner-col {

    float: right;

    max-width: 750px;

    min-width: 750px;

}



.payment-info-wrapper .right .inner-col {

    float: left;

    max-width: 480px;

    min-width: 480px;

    position: sticky;

    top: 0;

}



.payment-info-wrapper .site-logo {

    margin-bottom: 40px;

}



.payment-info-wrapper nav[aria-label="breadcrumb"] {

    padding: 0;

}



.payment-info-wrapper .breadcrumb {

    gap: 10px 30px;

    justify-content: center;

    margin-bottom: 0;

}



.payment-info-wrapper .breadcrumb-item:after {

    display: none;

}



.payment-info-wrapper .breadcrumb-item {

    padding: 0 !important;

    opacity: 0.5;

    transition: all 0.3s ease-in-out;

}



.payment-info-wrapper .breadcrumb-item+.breadcrumb-item {

    padding-left: .5rem;

}



.payment-info-wrapper .breadcrumb-item:hover,

.payment-info-wrapper .breadcrumb-item.active {

    opacity: 1;

}



.payment-info-wrapper .breadcrumb-item:before {

    color: #000;

    content: var(--bs-breadcrumb-divider, "\f280");

    font-family: bootstrap-icons !important;

    font-size: 12px;

    margin-top: 0;

    padding-right: 10px;

    z-index: 1;

    top: 0;

    left: inherit;

    right: -25px;

    position: absolute;

    transform: inherit;

}



.payment-info-wrapper .breadcrumb-item:last-child:before {

    display: none;

}



.payment-info-wrapper .breadcrumb a,

.payment-info-wrapper .breadcrumb-item {

    color: #000 !important;

}



.payment-info-wrapper .form-wrapper {

    padding-top: 20px;

    margin-top: 50px;

    border-top: 1px solid #ddd;

    position: relative;

}



/* .payment-info-wrapper .form-wrapper::before{

    content: "OR";

    position: absolute;

    top: -15px;

    left: 50%;

    background-color: #fff;

    width: auto;

    height: auto;

    padding: 0px 15px;

    transform: translateX(-50%);

    color: #a5a5a5;

} */

.payment-info-wrapper .form-wrapper .title {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    margin-bottom: 10px;

    margin-top: 20px;

    padding: 0 12px;

}



.order-summary h6.title,

.payment-info-wrapper .form-wrapper .title h6 {

    margin: 0;

    color: var(--sc-1);

    text-transform: uppercase;

    font-size: 18px;

}



.form-check-input:checked {

    background-color: var(--sc-1);

    border-color: var(--sc-1);

}



.form-check-input:focus {

    box-shadow: none !important;

}



.noraml-text-link {

    color: #000000;

    font-size: 15px;

    line-height: 1.5;

}



.noraml-text-link:hover {

    color: var(--sc-1);

}



.order-summary h6.title {

    margin-bottom: 20px;

}



.order-summary .list-item {

    background-color: #fff;

    padding: 12px;

    border-radius: 5px;

}



.cart-wrapper .CartItem a:hover .pro-title,

.order-summary .list-item .item a:hover .pro-title {

    color: var(--sc-1);

}



.order-summary .list-item .item+.item {

    margin-top: 15px;

}



.order-summary .list-item .clearfix {

    display: flex;

    flex-wrap: wrap;

    gap: 0px 15px;

    align-items: center;

}



.order-summary .thumb-img {

    min-width: 70px;

    max-width: 70px;

    background-color: #fff;

    padding: 3px;

    border: 1px solid #ddd;

    position: relative;

}



.thumb-img,

.thumb-img img {

    border-radius: 5px;

    object-fit: cover;

    width: 100%;

    height: 100%;

}



.order-summary .thumb-img .qty {

    width: 20px;

    height: 20px;

    background-color: var(--sc-1);

    padding: 5px;

    border-radius: 100%;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    position: absolute;

    top: -5px;

    right: -8px;

    font-size: 11px;

}



.order-summary .text {

    width: 48%;

}



.order-summary .price {

    color: #000;

    margin: 0;

    font-size: 14px;

    line-height: 1.5;

    font-family: var(--sf-r);

    opacity: 0.5;

}



.order-summary .pro-title {

    color: #000;

    margin: 0;

    font-size: 15px;

    line-height: 1.5;

    font-family: var(--sf-r);

}



.order-summary .total-price {

    color: var(--sc-1);

    font-family: var(--sf-r);

    margin: 0;

    font-size: 18px;

    line-height: 1.4;

    text-align: right;

    /* width: 75px; */

    width: 95px;

}



.item-in-bag {

    background-color: #fff;

    padding: 10px 15px;

    border-radius: 5px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 15px auto;

    color: #000000;

}



.DiscountCode .form-control {

    border-color: #fff;

}



.DiscountCode .form-control:focus {

    border-color: var(--sc-1);

}



.payment-total-box {

    margin-top: 35px;

    padding-top: 20px;

    border-top: 1px solid #ddd;

}



.payment-total-box .item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #000;

    font-size: 14px;

    line-height: 1.5;

    gap: 10px;

}



.payment-total-box .item+.item {

    margin-top: 5px;

}



.grand-total {

    margin-top: 20px !important;

    padding-top: 15px;

    border-top: 1px solid #ddd;

}



.grand-total div {

    font-size: 18px;

}



.grand-total .right-caption {

    color: var(--sc-1);

}



.payment-total-box .item select {

    font-size: 13px;

    height: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    min-width: 171px;

}



.change-info-wrapper {

    margin-top: 30px;

    border: 1px solid #ddd;

    padding: 5px 15px;

    border-radius: 10px;

}



.change-info-wrapper .field {

    display: flex;

    align-items: center;

    color: #000000;

    font-size: 15px;

    line-height: 1.5;

    gap: 20px;

    padding: 10px 0px;

}



.change-info-wrapper .field+.field {

    border-top: 1px solid #ddd;

}



.change-info-wrapper .field .title {

    opacity: 0.6;

    width: 12%;

}



.change-info-wrapper .field .value {

    width: 72%;

}



.change-info-wrapper .field .link {

    width: 65px;

    text-align: right;

}



.billing-address-form-wrap,

.payment-infor-wrap {

    margin-top: 30px;

}



.payment-infor-wrap h6.title {

    color: var(--sc-1);

    text-transform: uppercase;

    font-size: 18px;

}



.payment-infor-wrap .form-wrap {

    border: 1px solid #ddd;

    border-radius: 10px;

    padding: 15px;

    margin-top: 10px;

}



.payment-infor-wrap .form-wrap .card-col {

    background-color: var(--gray-color);

    overflow: hidden;

    padding: 15px;

    display: flex;

    align-items: center;

    gap: 20px;

    justify-content: space-between;

    color: #000;

    font-size: 18px;

    line-height: 1.3;

    font-family: var(--sf-b);

    border-radius: 10px 10px 0px 0px;

}



.payment-infor-wrap .form-wrap .row {

    padding: 30px 10px;

}



.payment-infor-wrap .form-wrap .row div {

    position: relative;

}



.payment-infor-wrap .form-wrap .row i {

    position: absolute;

    top: 50%;

    right: 10px;

    transform: translateY(-50%);

    font-size: 25px;

    z-index: 2;

}



.tooltip-show {

    position: relative;

}



.tooltip {

    position: absolute !important;

    background-color: rgba(0, 0, 0, .9);

    padding: 15px;

    border-radius: 10px;

    visibility: hidden;

    color: #fff;

    min-width: 250px;

    max-width: 250px;

    bottom: 135%;

    left: -88px;

    margin-top: 10px;

    transition: all 0.3s ease-in-out;

}



.tooltip::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-top: 10px solid rgba(0, 0, 0, .9);

    bottom: -10px;

    left: 50%;

    transform: translateX(-50%);

}



.tooltip-show:hover .tooltip,

.payment-infor-wrap .form-wrap .row i:hover .tooltip {

    opacity: 1;

    visibility: visible;

}



.payment-infor-wrap .form-wrap .row .form-control {

    padding-right: 40px !important;

}



.vertical-radio-col .form-check {

    position: relative;

    padding: 0;

    margin: 0;

}



.vertical-radio-col .form-check .form-check-input {

    position: absolute;

    top: 50%;

    left: 20px;

    margin: 0;

    transform: translateY(-50%);

}



.vertical-radio-col .form-check .form-check-label {

    padding: 15px 30px 15px 45px;

    border: 1px solid #ddd;

    width: 100%;

    cursor: pointer;

    background-color: #fff;

}



.vertical-radio-col .form-check:first-child .form-check-label {

    border-radius: 5px 5px 0px 0px;

}



.vertical-radio-col .form-check:last-child .form-check-label {

    border-radius: 0px 0px 5px 5px;

    margin-top: -1px;

}



.vertical-radio-col .form-check-input:checked+.form-check-label {

    background-color: #f3f3f3;

}







.inner-col .info-text {

    padding: 20px;

    background-color: #fff;

    border-radius: 10px;

}



.SuccessMsg a {

    display: block;

}



.cart-body {

    background-color: var(--gray-color);

}





.input-group {

    position: relative;

    display: flex;

    /* flex-wrap: wrap; */

    align-items: stretch;

    width: 100%;

}



.mt-4 {

    margin-top: 1.5rem !important;

}



.CountryUnitStock {

    background-color: var(--gray-color);
    margin-top: 30px;

}



.CountryUnitStock .container {

    max-width: 700px;

}



.CountryUnitStock table.table.table-striped {

    overflow: inherit;

    border-radius: 0;

}



.CountryUnitStock .table>thead {

    background-color: #c9b45b !important;

}



.CountryUnitStock .table>thead th {

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    font-family: var(--sf-b);
    font-size: 13px;
    line-height: 1.2;


}



.CountryUnitStock .table>thead th:nth-child(1),

.CountryUnitStock .table>thead th:nth-child(2) {

    min-width: 150px;

    max-width: 150px;

}



.CountryUnitStock .table>:not(caption)>*>* {

    box-shadow: none;

}



.CountryUnitStock .table>tbody tr {

    background-color: #fff;

}



.CountryUnitStock .table>tbody tr:nth-child(even) {

    background-color: #c9b45b1f !important;

}



.CountryUnitStock table.table th,

.CountryUnitStock table.table td {

    border: 1px solid #e5e2d4;



}



.order-summary .list-item .SmallTextX {

    font-size: 14px;

}



.payment-info-col .list-item .form-text {

    font-family: var(--sf-b);

    margin-bottom: 20px;

    font-size: 16px;

    line-height: 1.2;

    color: var(--sc-2);

}



.form-wrap #RegistrationForm .submit-btn {

    display: flex;

    justify-content: end;

    align-items: center;

}



.thanks-forgot-password-wrapper .ThanksWrapper {

    background-color: #fff;

    text-align: center;

    padding: 50px 30px;

}

.header-remove{

    padding-top: 152px; 

}

.header-remove .normal-menu {

    border-bottom: 1px solid #ddd;

}