.title-text-shipping h5 {
    font-size: 30px;
}
.shipping-info-div  table.table{ background-color: transparent;}
.shipping-info-div .cart-table td{ color: black;vertical-align: middle !important;border: 2px solid #000; font-weight: 500;}
.shipping-info-div .cart-table tbody {
    border-left: 2px solid #000;
}
.shipping-info-div .img-cart i {
    color: #000;
    font-size: 20px;
}
span.input-group-btn {
    width: auto !important;
}
.shipping-info-div .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #000; color: black;    font-weight: 700;
}
.shipping-info-div .table>thead>tr {
    vertical-align: bottom;
    border: 2px solid #000;
}
.shipping-info-div input.form-control.input-number.qty-value{ border: 1px solid #d7d7d7;}
/*.... section content
...........................*/
.content_area {
    --flow-spacer: 1em;
    position: relative;
}
/*....shoppingCart page
...........................*/
.section_shoppingCart {
    padding: 1rem 0;
}
.shoppingCart_box {
    margin: 0.75rem 0 1.25rem;
    border: 1px solid var(--border);
    padding: 0.675rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.shoppingCart_box > * {
    flex-basis: 50%;
}
.shoppingCart_box .close2 {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 20px;
}
.shoppingCart_content {
    padding-left: 1.25rem;
}
.input_box {
    margin-top: 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.input_box .input-number-decrement,
.input_box .input-number-increment {
    width: 32px;
    height: 32px;
    border: 1px solid var(--border);
    display: flex;
    justify-content: center;
    align-items: center;
}
.input_box .input-number {
    width: 42px;
    border: 0;
    height: 32px;
    text-align: center;
}
.section_shoppingCart .btn {
    margin: 0 auto;
    display: block;
}
/*section promise*/
.section_promise  {
    padding:  4rem 0;
}
.promise_wrap {
    --flow-spacer: 1.125rem;
    padding: 1.125rem 2.5rem;
}
.promise_wrap .guarantee {
    max-width: 180px;
    margin-inline: auto;
}
.section_checkout .moneyback_wrap .moneyback_box .moneyback_tab p {
    font-size: 1.6rem;
}
.section_checkout .input-group-btn{ width: auto !important;}
.section_checkout .moneyback_box h5 {
    font-size: 3rem;
    font-weight: bold;
}
.section_checkout .moneyback_box h6 {
    font-size: 2rem;
    font-weight: bold;
    color: black;
}
@media (min-width: 75rem)
{
    .section_checkout .moneyback_wrap::after {
    right: -33px;
}
}
/*summary section*/
.summary_box {
    padding: 1rem 1rem 1.5rem;
    margin-bottom: 1.5rem;
    --flow-spacer: 1rem;
}
.freeShipping {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding: 0.75rem 0;font-size: 22px;
}

.section_proceed {
    border-top: 1px solid var(--border);
    padding: 1.25rem 0;
}
.proceed_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.proceed_box .btn {
    padding: 0.75rem 1.25rem;
    font-size: .75rem;
}
.subscribe.btn:hover {
    background: var(--primary);
    color: var(--light);
    border: 1px solid var(--primary);
}
.hide_box .inline_form,
.hide_box1 .inline_form {
    border: 1px solid var(--border);
    border-radius: 6px;
    box-shadow: 0 8px #000;
}
/*.... tab page
...........................*/
.tab_area {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.section_tabHeader {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid var(--border);
}
.section_tabHeader > * {
    padding: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.section_tabHeader p {
    font-size: 0.75rem;
}
.section_tabHeader > * + *::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    width: 1px;
    height: 80%;
    background-color: var(--border);
}
.section_tabHeader .logo {
    justify-self: flex-start;
}
.section_tabHeader .tele {
    flex-direction: column;
}
.section_tabHeader .tele img {
    width: 24px;
    margin: 0 auto 0.5rem;
}
.section_tabHeader .tele a {
    color: #3ba9dd;
    font-family: var(--font-base-bold);
    font-size: 0.75rem;
}
.section_tabHeader .back {
    justify-content: space-evenly;
    text-transform: uppercase;
    font-size: 1rem;
    font-size: clamp(0.75rem, 4vw, 1.5rem);
    letter-spacing: 2px;
}
.section_tabHeader .back span.icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid var(--light);
    display: inline-block;
    text-align: center;
    line-height: 2;
    font-size: 1rem;
}
.section_tabbar {
    display: grid;
    grid-template-columns: 75% 25%;
    border-bottom: 1px solid var(--border);
}
.section_tabbar.section_tabbar_one {
    grid-template-columns: 1fr;
}
.section_tabbar_one p {
    font-family: var(--font-base-bold);
}
.section_tabbar > * {
    padding: 0.75rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section_tabbar > * + *::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    width: 1px;
    height: 80%;
    background-color: var(--border);
}
.section_tabbar .left_box {
    justify-self: flex-start;
}
.section_tabbar .right_box p {
    font-family: var(--font-base-bold);
}
.section_tabcontent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3.5rem 0;
}
.tabcontent p {
    font-size: 1rem;
    font-size: clamp(0.75rem, 4vw, 1.5rem);
}
.tabcontent .radio_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}
.tabcontent .btn-tab {
    width: 140px;
    height: 38px;
    border: 0;
    font-size: 0.75rem;
}
.tabcontent .btn-tabCheck {
    width: 210px;
    height: 38px;
    border: 0;
    font-size: 0.75rem;
}
.tabcontent .btn-tab.btnskip {
    background-color: #f3f9f9;
}
.btn_box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.875rem;
}
.section_tabFooter {
    margin-top: auto;
    padding: 0.5rem 0;
    border-top: 1px solid var(--border);
}
.section_tabFooter .container {
    max-width: 900px;
}
.tabcontent_checkbox > * {
    width: 220px;
    margin: 0 auto;
}
.tabcontent_checkbox > * + * {
    margin-top: 1rem;
}
.check_bar {
    width: 250px;
    margin: 3rem auto 0;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    font-family: var(--font-base-bold);
}
.bar {
    width: 100%;
    height: 24px;
    border: 1px solid var(--border);
    position: relative;
}
.bar::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 78%;
    height: 100%;
    background-color: var(--secondary);
}
/*check box and radio box*/
.checkbox-custom,
.radio-custom {
    opacity: 0;
    position: absolute;
}
.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}
.checkbox-custom-label,
.radio-custom-label {
    position: relative;
}
.checkbox-custom + .checkbox-custom-label:before,
.radio-custom + .radio-custom-label:before {
    content: "";
    background: var(--light);
    border: 1px solid var(--border);
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    border-radius: 50%;
}
.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}
.checkbox-custom:checked + .checkbox-custom-label:before,
.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    color: var(--primary);
    font-weight: 600;
    background: var(--secondary);
}
.checkbox-custom:focus + .checkbox-custom-label,
.radio-custom:focus + .radio-custom-label {
    outline: 1px solid #ddd;
}
/*------------------------------------------*/
/*.... BIG check box
...........................*/
.label-cbx {
    user-select: none;
    cursor: pointer;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: left;
}
.label-cbx input:checked + .checkbox {
    border-color: #bfc601;
}
.label-cbx input:checked + .checkbox svg path {
    fill: #bfc601;
}
.label-cbx input:checked + .checkbox svg polyline {
    stroke-dashoffset: 0;
}
.label-cbx:hover .checkbox svg path {
    stroke-dashoffset: 0;
}
.label-cbx .checkbox {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    border: 2px solid var(--border);
    border-radius: 3px;
    box-sizing: border-box;
}
.label-cbx .checkbox svg {
    position: absolute;
    top: -2px;
    left: -2px;
}
.label-cbx .checkbox svg path {
    fill: none;
    stroke: #bfc601;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 71px;
    stroke-dashoffset: 71px;
    transition: all 0.6s ease;
}
.label-cbx .checkbox svg polyline {
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 18px;
    stroke-dashoffset: 18px;
    transition: all 0.3s ease;
}
.label-cbx > span {
    pointer-events: none;
    vertical-align: middle;
    font-size: 1rem;
    font-family: var(--font-base-bold);
}
.checkicon {
    width: 30px;
    height: 30px;
}
.cntr.bg-dark400 {
    background: white !important;    border: 1px solid #9a9999;
   
}
.cntr {
    position: relative;
    max-width: 260px;
    margin: 0 auto 0.75rem;
    border: 2px solid var(--border);
    padding: 0.75rem;
}
button.btn.btn-primary.chkout-btn {
    width: auto;
    font-size: 1.8rem;
}
.coupon-applied {
    font-size: 25px;
}
.save-div {
    font-weight: bold;
    font-size: 20px;
}
.slide_box1 h6 {
    font-size: 24px;
}
.proceed_box h4.text-primary.carttotal {
    font-size: 40px;
    color: #df5952 !important;
}
.invisible {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    opacity: 0;
}
.coupondiv > * + * {
    margin-top: 1rem;
}
.coupon-applied .coupon-code {
    background: var(--primary);
    color: var(--light);
    padding: 6px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    margin-left: 1rem;
}
.save-div span {
    margin-left: 1rem;
}

/*section accordian*/
/* .accordian_box ul {
    border-top: 1px solid var(--border);
} */
.accordion_box h6 {
    font-size: 1rem;
    font-size: clamp(0.75rem, 2vw, 1.125rem);
    text-transform: uppercase;
}
.accordian_box ul li {
    border-bottom: 1px solid var(--border);
    padding: 0.75rem 0;
    text-align: center;
}
li.slide_box h3 {
    background: #7e7c8a;
    font-size: 20px;
    font-weight: 400;
    color: var(--primary);
    padding: 12px;
    cursor: pointer;
    position: relative;
}
.slide_box {
    position: relative;
    cursor: pointer;
}
li.slide_box h6:after,
.slide_box:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 0;
    width: 20px;
    height: 14px;
    background: url(../images/down-arrow.svg) no-repeat;
    background-size: 100%;
}
li.active h6:after {
    transform: rotate(180deg);
}
.slide_box.active:after {
    transform: rotate(180deg);
}
.hide_box {
    padding: 1rem 0;
    max-width: 707px;
    margin: 0 auto;
    width: 100%;
}
.hide_box .btn {
    width: auto;
}
.inline_form {
    display: flex;
    background: var(--light);
    padding: 0.5rem;
}
.hide_box .form-control {
    background: var(--light);
        border: 1px solid var(--light);
}
.bnr-wd {
    max-width: 100%;
    margin-bottom: 2rem;
}
.cart-table tbody {
    border-left: 2px solid #fff;
}
.cart-table th {
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    color: #FFF;
}
.cart-table td {
    color: #fff;
    font-size: 2rem;
    font-weight: 400;
    vertical-align: middle;
    border: 1px solid #fff;
    text-align: center;
    padding: 15px;
}
.img-cart {
    display: flex;
    align-items: center;
}
.img-cart i {
    color: #fff;
    font-size: 20px;
}
.img-cart img {
    width: 120px;
    margin-inline: auto;
}
.cart-table .number-input {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart-table .number-input .input-group {
    width: 110px;
    float: left;
    margin-right: 10px;
}
.cart-table .number-input button {
    color: #000;
}
input.form-control.input-number {
    text-align: center;
    min-height: 43px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #DDDDDB;
    border-left: 0;
    border-right: 0;
    font-size: 1.5rem;
    padding: 0;
}
.cart-btn2 {
    margin: 0 0 20px;
}
.cart-btn2 .chkout-btn {
    font-weight: 700;
    line-height: 1.5;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: 1.3rem 3rem;
    font-size: 1.4rem;
    border-radius: 30px;
    background-color: #df5952;
    color: white;
    width: auto;
}
.number-input button {
    border: 1px solid #DDDDDB;
    border-radius: 0px;
    background: #fff;
    font-size: 12px;
    padding: 0px;
    font-weight: 200;
    min-height: 43px;
    min-width: 28px;
}
.slide_box1 {
    position: relative;
    cursor: pointer;
}
.hide_box1 {
    padding: 1rem 0;
    max-width: 450px;
    margin: 0 auto;
    width: 100%;
    /* box-shadow: -4px -5px 6px #121212; */
    /* border-radius: 6px; */
}
.hide_box1 .btn {
    width: auto;
}
.inline_form {
    display: flex;
    background: var(--light);
    padding: 0.5rem;
}
.hide_box1 .form-control {
    background: var(--light) !important;
    border: 1px solid var(--light);
    color: #898989 !important;
    font-size: 15px;
    height: auto;
}
.hide_box1 button.btn.btn-primary.apply-coupon {
   background: #df5952;
    border: 0px;
    color: #fff;
    opacity: 1;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 50px;
}
.mobile-table{display:none;}
@media screen and (min-width:280px) and (max-width: 767px) { 
.desktop-table{display:none;}
.mobile-table{display:block;}
.mobile-table .img-cart{    min-width: 40px;}
}

.slide_box1:after{content: "";
    position: absolute;
    right: 5px;
    top: 0;
    width: 25px;
    height:25px;
    background: url(../../images/new_images/drop-down-arrow-icon.png) no-repeat;
    background-size: 100%;
}

.slide_box1.active:after {
    transform: rotate(180deg);
}
.text-right1{
    text-align: right;
}

@media screen and (max-width: 479px){
.text-right1{
    text-align: center;
    margin-top: 20px;
}
.chkout-btn{
    width: 100%;
}
.mob-wh{
    width: 100%;
}
button.btn.btn-primary.chkout-btn {
    width: auto;
    font-size: 1.8rem;
    margin: 0 auto;
    display: block;
}

}
.mob_badge{
    right: -13px;
    top: 13px;
    left: auto;
    background-color: hsl(62deg 100% 50%);
}
.new-shopping-btn {
    background: #000;
    border: 2px solid #000;
    color: #fff;
    padding: 1.3rem 3rem;
   font-size: 1.8rem;
    width: auto;
}
section.section_checkout.bg-dark500 {
    background-color: hsl(36.64deg 61.76% 73.23%) !important;
}
.summary_box.bg-dark300.text-center.flow {
    background: transparent !important;
}
.coupon-text1::placeholder {
    font-size:14px;
}
@media screen and (max-width:1200px){
.mob_badge { right: -6px;}


}
@media screen and (max-width:1000px){
    .mob_badge {
    right: 0px;
    top: 0px;
    left: auto;
  
}

}


