/*new css added 15-01-25*/
@import url('href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');

@font-face {
    font-family: 'gotham_htfbook';
    src: url('gothamhtf-book-webfont.woff2') format('woff2'), url('gothamhtf-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_htfultra';
    src: url('gothamhtf-ultra-webfont.woff2') format('woff2'), url('gothamhtf-ultra-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_htfbold';
    src: url('gothamhtf-bold-webfont.woff2') format('woff2'), url('gothamhtf-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_htfblack';
    src: url('gothamhtf-black-webfont.woff2') format('woff2'), url('gothamhtf-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_htfmedium';
    src: url('gothamhtf-medium-webfont.woff2') format('woff2'), url('gothamhtf-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'gotham_htfbook';
    color: #000;
    font-size: 14px;
    padding: 0;
    margin: 0;
    background: #f5f5f7;
}

.title-4 {
    font-family: 'gotham_htfmedium';
    font-size: 20px;
}

img {
    max-width: 100%;
}

.font-700 {
    font-family: 'gotham_htfbold';
}

.font-bold {
    font-family: 'gotham_htfbold';
}

.font-medium {
    font-family: 'gotham_htfmedium';
}

.font-ultra {
    font-family: 'gotham_htfultra';
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-13 {
    margin-bottom: 13px;
}

.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

.font-40 {
    font-size: 40px;
}

.uppercase {
    text-transform: uppercase;
}

.green-text {
    color: #007D8A
}

.normal-llink {
    color: #000;
    text-decoration: none;
}

.gray-text {
    color: #949494;
}

.gray-text-2 {
    color: #98999B;
}

.lh-24 {
    line-height: 24px;
}

.red-text, .red-text:hover {
    color: #EB002A;
}

.individual-page-logo {
    width: 163px;
    height: 32px;
    background: url(/images/usd_logo.png) no-repeat 0 0;
}

.w-95 {
    width: 95px;
}

#logo_header .location-name {
    color: #007D8A;
    text-transform: uppercase;
    text-align: right;
    font-weight: bold;
    font-size: 13px;
}

.white-bg {
    background: #fff;
}

.px-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.navigation-wrapper {
    width: 100%;
    display: flex;
    background: #fff;
    padding: 15px 0;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}


.btn.style-1, .btn.style-2 {
    display: inline-block;
    background: #fff;
    padding: 8px 20px;
    border: #007D8A solid 1px;
    border-radius: 5px;
    font-size: 16px;
    color: #007D8A;
}

    .btn.style-1 label, .btn.style-2 label {
        cursor: pointer;
    }

.btn .fa-solid {
    margin-left: 5px;
    margin-right: 5px;
}

.btn.remove-button .fa-solid {
    margin-right: 0;
}

.btn.remove-button.lg {
}

.btn.simple-button {
    color: #007D8A;
    font-size: 16px;
}

.ml-10 {
    margin-left: 10px;
}

.btn.style-2 {
    background: #007D8A;
    color: #fff;
}

.green-bg {
    background: #007D8A;
}

.ml-auto {
    margin-left: auto;
}

.px-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.container.d-flex {
    display: flex;
}

.radius-10 {
    border-radius: 10px;
}

.navigation-wrapper .header-right-section {
    display: flex;
    align-items: center;
}

.p-10 {
    padding: 10px;
}

/*menu reset*/
.custom-menu-styling #utTopMenuButtons {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

#utTopMenuButtons .drop-down-menu .faqnav {
    line-height: 28px;
    padding-right: 15px;
    overflow: hidden;
}


.custom-menu-styling ul#utTopMenuButtons li a {
    font-size: 14px;
    color: #181A20;
    padding: 0 15px;
}

.custom-menu-styling ul#utTopMenuButtons li:hover a {
    color: #007D8A;
}

.custom-menu-styling ul#utTopMenuButtons li a {
    position: relative;
}

.custom-menu-styling ul#utTopMenuButtons li:hover a:before {
    content: "";
    background: #007D8A;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 32%;
}

.custom-menu-styling UL#utTopMenuButtons > LI:hover UL {
    background: #007D8A;
    padding: 10px;
    list-style: none;
    width: 255px;
    z-index: 99;
}

    .custom-menu-styling UL#utTopMenuButtons > LI:hover UL li {
        text-align: left;
    }

        .custom-menu-styling UL#utTopMenuButtons > LI:hover UL li a {
            color: #fff;
        }

.my-account-left-panel ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.my-account-left-panel .MyAcc_leftnav_links ul li a {
    font-size: 18px;
    color: #000000;
    padding: 4px 0;
}

.my-account-left-panel .MyAcc_leftnav_links ul li .fa-solid, .my-account-left-panel .ln_myaccount-title .fa-solid {
    font-size: 20px;
    width: 27px;
    text-align: left;
}

.my-account-left-panel .ln_myaccount-title {
    font-family: 'gotham_htfbold';
    margin-bottom: 25px;
    width: 100%;
    font-size: 20px;
}

.my-account-left-panel .MyAcc_leftnav_links ul li {
    margin-bottom: 24px;
}


.left-right-wrap {
    display: flex;
}

    .left-right-wrap #ctl00_MyAccountPanel .my-account-left-panel {
        width: 360px;
    }

.title-3 {
    font-size: 30px;
    color: #000000;
    font-family: 'gotham_htfmedium';
    margin-bottom: 18px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.font-14 {
    font-size: 14px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-20 {
    margin-bottom: 20px;
}

.p-20 {
    padding: 20px;
}

.p-15 {
    padding: 15px;
}

.button-reset.button {
    border: none;
    cursor: pointer;
}


.account-info {
    margin-bottom: 60px;
}

.my-account-left-panel .logout, .my-account-left-panel .MyAcc_leftnav_links ul li.logout a {
    color: #EB002A;
}

.name-information .TableHeader {
    display: none;
}

/*right section*/
.font-16 {
    font-size: 16px;
}

.col-half {
    width: 50%;
}

.pr-6 {
    padding-right: 6px;
}

.d-flex {
    display: flex;
}

.content-space-between {
    justify-content: space-between;
}

.font-60 {
    font-size: 60px;
}

.align-item-center {
    align-items: center;
}

/*button*/
.input-box-reset {
    position: relative;
    height: 42px;
    max-width: 424px;
    width: 100%;
    background: #fff;
    border: #007D8A solid 1px;
    border-radius: 5px;
}

    .input-box-reset i,
    .input-box-reset .button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .input-box-reset i {
        left: 20px;
        font-size: 16px;
        color: #007D8A;
    }

    .input-box-reset input {
        height: 100%;
        width: 100%;
        outline: none;
        font-size: 16px;
        font-weight: 400;
        border: none;
        padding: 0 60px 0 44px;
        background-color: transparent;
        color: #007D8A;
    }

        .input-box-reset input::placeholder {
            color: #7D7D7D;
        }

    .input-box-reset .button {
        right: 0;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        border: none;
        border-radius: 5px;
        background-color: #007D8A;
        cursor: pointer;
        width: 42px;
        height: 42px;
    }

        .input-box-reset .button i {
            left: 14px;
            color: #fff;
            font-size: 19px;
        }

    /*  gray search box */

    .input-box-reset.gray-set > i, .input-box-reset.gray-set input {
        color: #7D7D7D;
    }




/* checkout page */
.width-806 {
    width: 806px;
}

.mb-60 {
    margin-bottom: 60px;
}

.larger-image-popup {
    color: #B9BBBF;
    font-size: 18px;
}

.green-link {
    color: #007D8A;
    text-decoration: underline;
}

.product-left-side .image-box {
    margin-bottom: 18px;
    display: flex;
    justify-content: center;
}

    .product-left-side .image-box img {
        max-width: 275px;
    }

.price-wrap {
    margin-bottom: 10px;
}

    .price-wrap label {
        font-size: 34px;
        color: #000;
    }

    .price-wrap .price {
        color: #007D8A;
        font-size: 34px;
        font-family: 'gotham_htfbold';
    }

.product-info .product-title {
    font-size: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'gotham_htfbold';
    line-height: 34px;
}

.remove-button.lg {
    font-size: 20px;
    float: none;
}

.input-style-1 {
    padding: 7px 10px;
    border: #7D7D7D solid 1px;
    color: #7D7D7D;
    font-size: 16px;
    min-width: 254px;
    border-radius: 5px;
}

.custom-select {
    padding: 6px 4px;
    border-radius: 5px;
    border: #7D7D7D solid 1px;
}

.full-width {
    width: 100%;
}

.custom-select.sm, .input-style-1.sm, .btn.style-2.sm {
    padding: 4px 10px;
    width: 100%;
    min-width: auto;
    font-size: 14px;
}

.shop-button.btn {
    width: 92px;
    padding: 8px 8px;
    display: flex;
    align-items: center;
}

.input-style-1:focus, .custom-select:focus {
    box-shadow: none;
    border: #7D7D7D solid 1px;
}

.btn.xl {
    padding: 14px 20px;
    font-size: 20px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-30 {
    margin-bottom: 30px;
}

.font-24 {
    font-size: 24px;
}

.cat-box .product-title {
    color: #000000;
    font-size: 14px;
    font-family: 'gotham_htfmedium';
    text-transform: uppercase;
    margin-bottom: 14px;
}

.cat-box .product-img {
    margin-bottom: 15px;
}

/* plus minut button */
.plus-minus-input {
    background: rgba(243, 243, 245, 1);
    border-radius: 30px;
    padding: 3px;
}

    .plus-minus-input .cat-no {
        width: 26px;
        height: 18px;
        background: none;
        margin: 0 2px;
        text-align: center;
        color: #007D8A;
        font-size: 14px;
        font-family: 'gotham_htfbold';
        border: none;
        padding: 0;
    }

    .plus-minus-input .minus.cat-btn {
        color: #98999B;
    }

    .plus-minus-input .plus.cat-btn {
        color: #007D8A;
    }

    .plus-minus-input .cat-btn {
        padding: 0;
    }

.mxw-90 {
    max-width: 90px;
}

.w-240 {
    width: 240px;
}

.max-w-150 {
    max-width: 150px;
    width: 100%;
}

.p-10 {
    padding: 10px;
}

.blu-bg {
    background: #01426A;
}

.blue-text {
    color: #01426A;
}

.py-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.px-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.mb-50 {
    margin-bottom: 50px;
}

.title-6 {
    font-size: 16px;
    font-family: 'gotham_htfbold';
}

.white-text {
    color: #fff;
}

.radius-10 {
    border-radius: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.blu-link {
    color: #41B6E6;
    font-family: 'gotham_htfbold';
    text-decoration: none;
}

.remove-button {
    padding: 0;
    float: right;
}

    .remove-button:hover, .remove-button label:hover {
        cursor: pointer;
    }

.price-tab-wrap {
    display: flex;
}

    .price-tab-wrap .price-tab {
        width: 64px;
        height: 36px;
        font-family: 'gotham_htfmedium';
        border: #98999B solid 1px;
        font-size: 12px;
        line-height: 36px;
        text-align: center;
        cursor: pointer;
        border-radius: 8px;
        margin-right: 5px;
    }

        .price-tab-wrap .price-tab.active, .price-tab-wrap .price-tab:hover {
            background: #007D8A;
            color: #fff;
            border: #007D8A solid 1px;
        }

.font-30 {
    font-size: 30px;
}

.font-20 {
    font-size: 20px;
}

.font-18 {
    font-size: 18px;
}

.seprator {
    background: #E2E2E2;
    height: 1px;
    width: 100%;
    margin: 20px 0;
    width: 100%;
}

.label-bx {
    padding: 0 20px;
    display: flex;
    border-radius: 0 0 10px 10px;
    height: 55px;
    line-height: normal;
    align-items: center;
    justify-content: center;
    word-break: break-all;
}

.btn.toggle-btn-reset {
    color: #007D8A;
    padding: 0;
    position: relative;
    border-bottom: #007D8A solid 1px;
    border-radius: 0;
}

    .btn.toggle-btn-reset:focus {
        border: none;
        color: #007D8A;
    }

.otheramountcard .card.card-body {
    padding: 0;
    border: none;
}

.custom-select.reset-3 {
    padding: 6px 5px;
    font-size: 12px;
}

.form-select.reset-3 {
    background-position: right 5px center;
}

.btn.toggle-btn-reset:after {
    content: "\f0d8";
    font-size: 20px;
    position: absolute;
    transform: rotate(180deg);
    right: -22px;
    top: 5px;
    color: #98999B;
    text-rendering: auto;
    font: var(--fa-font-solid);
}

.btn.toggle-btn-reset.collapsed:after {
    transform: rotate(180deg);
}

.btn.toggle-btn-reset:after {
    transform: rotate(0);
}


/* progress bar css */

.step-overflow {
    overflow: hidden;
}

.stepper-wrapper {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative;
    width: 124%;
    left: -154px;
}

.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}


    .stepper-item::before {
        position: absolute;
        content: "";
        border-bottom: 2px solid #ccc;
        width: 100%;
        top: 14px;
        left: -50%;
        z-index: 2;
        display: none;
    }

.stepper-border {
    width: 92%;
    height: 1px;
    position: relative;
    top: -63px;
    left: 4%;
}

    .stepper-border svg {
        position: absolute;
        top: 0;
        left: 0;
    }


.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    margin-bottom: 6px;
    border: #007D8A solid 2px;
}

.stepper-item.completed .step-counter {
    color: #fff;
}

.stepper-item.active {
    font-weight: bold;
}

.stepper-item.completed .step-counter {
    background-color: #007D8A;
}

.stepper-item.completed::after {
    position: absolute;
    content: "";
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 3;
    display: none;
}

.p-30 {
    padding: 30px;
}

.stepper-wrapper .inner-circle {
    display: none;
}

.inner-circle {
    background: #007D8A;
    border: #fff solid 2px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 17px;
}

.stepper-item.completed .inner-circle {
    display: block;
}

    .stepper-item.completed .inner-circle .fa-solid {
        font-size: 12px;
    }

.stepper-item:first-child::before {
    content: none;
}

.stepper-item:last-child::after {
    content: none;
}

.stepper-wrapper .stepper-item.current-page .inner-circle {
    display: block;
}

    .stepper-wrapper .stepper-item.current-page .inner-circle .fa-solid {
        display: none;
    }



.our-packages {
    width: 100%;
}

.packages-header, .program-headr {
    background: #01426A url(../images/package-header-bg.png) 0px 0px no-repeat;
    background-size: 100%;
    padding: 60px 0;
    height: 160px;
    position: relative;
}

.header-design-pattern {
    background: url(../images/design-overlap-bg.png) center center no-repeat;
    height: 529px;
    position: absolute;
    background-size: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.package-title {
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    font-family: 'gotham_htfblack';
}

.packges-wrap .package-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.packges-wrap .package-info {
    font-size: 14px;
    color: #717171;
    line-height: 22px;
}

.packges-wrap .blu-row {
    font-family: 'gotham_htfbold';
    display: flex;
    font-style: italic;
    color: #01426A;
    margin-bottom: 12px;
}

    .packges-wrap .blu-row label {
        font-size: 13px;
        margin-left: 6px;
    }

    .packges-wrap .blu-row .fa-solid {
        margin-top: 2px;
    }

.font-itelic {
    font-style: italic;
}

.track-ur-order {
    background: #fff;
    border-radius: 10px;
    padding: 20px 30px;
    position: absolute;
    width: 331px;
    box-shadow: 0 424px 120px 0 rgba(0,0,0,0), 0 273px 109px 0 rgba(0,0,0,0.01), 0 17px 38px 0 rgba(0,0,0,0.15);
}

.input-box-reset.without-search-icon input {
    padding: 0 60px 0 25px;
}

.w-275 {
    width: 275px;
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.z-index-9 {
    z-index: 9;
}

.btn.style-1.lg {
    padding: 8px 11px;
}

.hidden-div {
    display: none;
}
/* table css */
.table.table-reset {
    border-radius: 10px 10px 0 0;
}

    .table.table-reset .head-row th {
        background: #007D8A;
        font-weight: 500;
        padding: 12px 8px 12px 30px;
        font-size: 12px;
        text-transform: uppercase;
        color: #fff;
    }

    .table.table-reset.table-style-2 .head-row th {
        background: #F6F6F6;
        font-size: 12px;
        font-weight: 500;
        color: #000000;
        text-transform: uppercase;
        font-weight: 600;
    }

    .table.table-reset tr td {
        background: none;
        padding: 12px 8px 12px 30px;
        line-height: normal;
        border: none;
    }

    .table.table-reset .table-group-divider {
        border: none;
    }

    .table.table-reset tr:nth-child(odd) {
        background: rgba(0,125,138,0.1);
    }
    #tab_for_earch_ItemID tr{background:none !important;}

    .table.table-reset.table-style-2 tr.no-bg-row, .table.table-reset.table-style-2 tr td {
        background: none;
    }

    .table.table-reset.table-style-2 tr, .table.table-reset.table-style-2 tbody, .table.table-reset.table-style-2 td, .table.table-reset.table-style-2 tfoot, .table.table-reset.table-style-2 th, .table.table-reset.table-style-2 thead, .table.table-reset.table-style-2 tr {
        border: none;
    }

.custom-input-2 {
    border: #000000 solid 1px;
    width: 83px;
    padding: 8px;
    height: 24px;
    border-radius: 2px;
}

.item-no-wrap {
    display: flex;
    align-items: center;
}

.form-check.custom-checkbox {
    margin: 0;
}

.form-check.custom-checkbox {
    margin: 0 4px 0 0;
}

.custom-checkbox.custom-checkbox .form-check-input[type=checkbox] {
    /* background-color: #022035; */
    border-color: #022035;
    width: 18px;
    height: 18px;
}

.custom-checkbox .form-check-input:checked {
    background-color: #022035;
}

.table-wrap {
    border-radius: 20px 20px 0 0;
    overflow-x: auto;
}

.gray-btm-bdr {
    border-bottom: #f2f2f2 solid 1px;
}

.pb-20 {
    padding-bottom: 20px;
}

.qty-input {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    border: #000000 solid 1px;
}

.gray-btm-bdr-2 {
    border-bottom: #E8E8E8 solid 1px;
}

.total-line {
    justify-content: flex-end;
}

.min-w-150 {
    min-width: 150px;
}

.pt-20 {
    padding-top: 20px;
}

/*.common-class-reset-section .item-wrap-list {
        width: 806px;
    }*/

/*.common-class-reset-section .right-section {
    width: 234px;
}*/

/*.common-class-reset-section .category-link {
    width: 240px;
}*/

.category-link ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .category-link ul li {
        width: 100%;
        display: flex;
        align-items: center;
        border-bottom: #E2E2E2 solid 1px;
    }

    .category-link ul a {
        font-size: 18px;
        display: inline-block;
        line-height: 20px;
        text-decoration: none;
        color: #000000;
        padding: 16px 0 16px 5px;
        width: 100%;
    }

.row..reset-column-guttr {
    margin-left: -5px;
    margin-right: -5px;
}

.reset-column-guttr .col-md-3, .reset-column-guttr .col-6 {
    padding-left: 5px;
    padding-right: 5px;
}

/* .reset-column-guttr .col-md-3:nth-child(4n){ */
/* margin-right:0 */

/* } */

.bredcrump ul {
    list-style: none;
    padding: 0 0 0 0;
    display: flex;
}

    .bredcrump ul li a, .bredcrump span a  {
        padding: 0 15px;
        text-decoration: none;
    }

        .bredcrump ul li a, .bredcrump span a {
            color: #181A20;
            font-size: 16px;
        }

    .bredcrump ul li:first-child a, .bredcrump span:nth-child(1) a{
        padding-left: 0;
    }

    .bredcrump ul li.active a, .bredcrump .active, .bredcrump > span {
        color: #007D8A;
        font-weight: 700;
    }

.px-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.item-order-wrap .row, .recent-order-wrap .row {
    padding: 12px 20px;
}

    .item-order-wrap .row.title-row, .recent-order-wrap .row.title-row {
        background: #F6F6F6;
        border-radius: 20px 20px 0 0;
    }

.wrap-item-list .row:nth-child(odd), .order-list-item .row:nth-child(odd) {
    background: rgba(0, 125, 138, 0.08);
}

.other-detail-wrap .total-item-amount {
    margin-right: 60px;
}

.custom-pagination .pagination li {
    border-radius: 8px !important;
    line-height: 32px;
    width: 32px;
    height: 32px;
    margin-right: 5px;
}

    .custom-pagination .pagination li a {
        line-height: 32px;
        border: #F1F1F1 solid 1px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        text-decoration: none;
        background: #fff;
        text-align: center;
        color: #333333;
    }

        .custom-pagination .pagination li a.active {
            background: #007D8A;
            color: #fff;
        }

.underline-link {
    text-decoration: underline;
}

.cat-other-device {
    display: none;
}

.only-mobile-view {
    display: none;
}

.only-upper-device {
    display: none;
}



.category-link ul > li {
    position: relative;
    padding-right: 10px;
    transition: all 0.3s ease-in-out;
}

    .category-link ul > li:before {
        content: "\f061"; /* Font Awesome right arrow (fa-arrow-right) */
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        position: absolute;
        right: 6px;
        opacity: 0;
        transition: all 0.3s ease-in-out;
        transform: translateX(-5px);
        color: #007D8A;
        font-size: 16px;
    }


    .category-link ul > li ul.sub-category-menu li:before {
        font-size: 0;
    }

    .category-link ul > li:hover::before, .category-link ul > li.active::before {
        opacity: 1;
        transform: translateX(0);
    }


    .category-link ul > li.active > a, .category-link ul > li:hover > .fa-solid, .category-link ul > li:hover > .fa-brands, .category-link ul li.active > .fa-solid, .category-link ul > li:hover > a, .category-link ul > li.active > .fa-brands {
        color: #007D8A;
        font-weight: 700;
    }

<!-- custom modal -->
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); /* Centers the modal */
    width: 60%; /* Adjust width as needed */
    max-width: 700px;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 15px rgba(0,0,0,0.3);
}

.modal-content {
    width: 74%;
    max-height: 90vh;
    object-fit: contain;
    margin: 0 auto;
}

.close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 25px;
    font-weight: bold;
    cursor: pointer;
    color: black;
}


.total-row {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

/* sub category menu */


.category-link ul li {
    position: relative;
}

.sub-category-menu {
    display: none;
}

ul.sub-category-menu li {
    position: relative;
}

.category-link ul li:hover .sub-category-menu {
 
    z-index: 9;
    width: 234px;
    position: absolute;
    left: 173px;
    top: 0;
    border: #ebebeb solid 1px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 1px 0 7px 1px #adadad;
}

.category-link ul li:hover > .sub-category-menu, .category-link ul li ul li:hover > .sub-category-menu {
    display: block;
}



/* ul.sub-category-menu li:hover{display:none;} */

ul.sub-category-menu li a {
    display: inline-block;
    line-height: 20px;
    text-decoration: none;
    color: #000000;
    padding: 8px 0 8px 15px;
    background: #fff;
    font-size: 13px;
}


.quartr-select-bx {
    margin: 160px 0 0 143px;
    border: #e7e7e7 solid 1px;
    padding: 25px;
    border-radius: 8px;
    max-width: 294px;
}

    .quartr-select-bx .form-check-input:checked, .custom-check-1 .form-check-input:checked {
        background-color: #007D8A;
        border-color: #007D8A;
    }

.form-style-2 .title {
    width: 100%;
    display: block;
    padding: 10px 0;
}

/* .input-box-reset.without-search-icon{height:auto;} */

.input-group-style-1 {
    max-width: 424px;
}

    .input-group-style-1 .input-style-2, .payment-section input[type="text"] {
        height: 38px;
        border: #007D8A solid 1px;
        width: 100%;
        outline: none;
        font-size: 16px;
        font-weight: 400;
        border: none;
        padding: 0 15px 0 15px;
        background-color: #fff;
        color: #007D8A;
        border: #007D8A solid 1px;
        border-radius: 5px;
    }

    .input-group-style-1.full-width {
        width: 100%;
        max-width: 100%;
    }

    .input-group-style-1 .title {
        display: block;
        width: 100%;
        padding: 5px 0;
    }

.search-reset-space {
    margin-top: 31px;
}

.table-reset.table-style-2 td, .table-reset.table-style-2 th {
    vertical-align: middle;
}



/* SPO Facility Select */

.mandatory-fld {
    color: #FF0000;
    position: absolute;
    left: -6px;
    top: 0px;
    font-size: 16px;
}

.input-group-style-1 .input-style-2.sm {
    height: 30px;
    font-size: 13px;
}

.border-style {
    border: #ddd solid 1px;
}

.radius-8 {
    border-radius: 8px;
}

.overflow-y-fix {
    max-height: 400px;
    overflow-y: auto;
}

    .overflow-y-fix::-webkit-scrollbar {
        width: 7px;
        background-color: #007D8A;
    }

    .overflow-y-fix::-webkit-scrollbar-thumb {
        background: #000;
        border-radius: 5px;
    }

.select-facilty-person.custom-check-1 .form-chec {
    display: flex;
    max-width: 65%;
    margin-bottom: 20px;
}

    .select-facilty-person.custom-check-1 .form-chec .form-check-input {
        margin-right: 10px;
    }

    .select-facilty-person.custom-check-1 .form-chec label {
        font-size: 13px;
    }




/* bigger screen */


@media screen and (min-width: 1024px)and (max-width: 1367px) {

    .shop-button.btn {
        width: 84px;
        padding: 8px 5px;
    }

    .upper-device-hide {
        display: none;
    }

    .product-info .product-title {
        font-size: 25px;
        line-height: 27px;
    }

    .category-link ul a {
        font-size: 15px;
    }

    .title-6 {
        font-size: 14px;
    }

    .btn.style-1.lg {
        padding: 8px 11px;
        font-size: 13px;
    }

    .stepper-wrapper {
        width: 119%;
        left: -106px;
    }
}



/* tab view */
@media screen and (min-width: 768px)and (max-width: 1024px) {

    .track-ur-order {
        max-width: 100%;
        position: relative;
    }

    .shop-button.btn {
        width: 80px;
        padding: 8px 2px;
    }

    .upper-device-hide {
        display: none;
    }
}



/* mobile responsive */
@media screen and (max-width: 767px) {
    img {
        max-width: 100%;
    }

    .stepper-wrapper {
        width: 105%;
        left: 0;
    }

    .track-ur-order {
        max-width: 100%;
        margin-top: 24px;
        position: relative;
    }

    .shop-button.btn {
        width: 80px;
        padding: 8px 4px;
    }


    .stepper-border {
        width: 85%;
        height: 1px;
        position: relative;
        top: -41px;
        left: 9%;
    }


    .package-container {
        margin-top: 140px;
    }

    .packages-header, .program-headr {
        height: 190px;
    }

    .packages-header, .program-headr, .header-design-pattern {
        background-repeat: repeat;
    }

    .package-title {
        font-size: 30px;
    }

    .program-headr {
        margin-bottom: 17vh
    }

    .category-link-other-device, .item-wrap-list-other-device, .common-class-reset-section .right-section-other-device {
        max-width: 100%;
        width: 100%;
    }




    .round-button-1 {
        width: 36px;
        height: 36px;
        border-radius: 8px;
        display: flex;
        background: #007D8A;
        border: none;
        align-items: center;
    }

    .cat-other-device {
        display: block;
    }

    .category-wrap.container {
        padding-right: 0;
        padding-left: 0;
    }

    .category-link ul {
        max-width: 95%;
    }

    .page-info .name-box {
        font-size: 12px;
    }

    .checkout-hide-device {
        display: none;
    }

    .cat-box .product-img {
        text-align: center;
    }

    .other-device-hide {
        display: none;
    }

    .lower-device-hide {
        display: none;
    }

    .full-w-sm-device {
        width: 100%;
    }

    .mob-mb-20 {
        margin-bottom: 20px;
    }

    .sub-category-wrap.px-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .mobile-hide {
        display: none;
    }

    .stepper-wrapper .step-name {
        font-size: 0;
    }



    .bredcrump.lower-device {
        display: flex;
        justify-content: space-between;
    }

    .product-info .product-title {
        font-size: 24px;
        line-height: 26px;
    }

    .py-40 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .font-18 {
        font-size: 15px;
    }

    .only-mobile-view {
        display: block;
    }

    .larger-image-popup {
        text-align: center;
        margin-bottom: 20px;
    }

    .table.table-reset.table-style-2 .head-row th, .table.table-reset.table-style-2 td {
        padding: 10px 6px 10px 6px;
    }

    .total-row {
        padding-right: 8px;
    }


    .table.table-reset.table-style-2 td:nth-child(2)::after {
        content: "..."; /* Add dots to indicate hidden text */
    }

    .table.table-reset.table-style-2 td:nth-child(2) {
        white-space: nowrap; /* Prevent text from wrapping */
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 80px; /* Adjust width as needed */
        display: inline-block;
    }

    .table.table-reset.table-style-2 .head-row th {
        font-size: 10px;
    }

    .page-info .col-7 {
        padding-right: 0;
    }

    .page-info .col-md-5 {
        padding-left: 0;
    }

    .page-info.mb-40 {
        margin-bottom: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .reset-column-guttr .col-lg-3, .reset-column-guttr .col-md-9 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .sub-cat-bx .icon-reset {
        width: 70px;
        height: 70px;
        background: rgba(9, 129, 141, 0.1);
        font-size: 21px;
        border-radius: 50%;
        line-height: 70px;
    }

    .bredcrump ul li a {
        font-size: 11px;
    }

    .category-link ul li:hover .sub-category-menu {
        left: 0;
    }
}

.red-bg {
    background: #EB002A !important;
    border: #EB002A solid 1px !important;
}

.packges-wrap > .row table, #PackageName_InSpring10{
    display: none;
}

.packges-wrap .blu-row {
    font-family: 'gotham_htfbold';
    display: flex;
    font-style: italic;
    color: #01426A;
    margin-bottom: 12px;
}
/* new custom field 22-4-25 */

.input-box-reset.set-2 {
    height: auto;
}

.btn.full-width {
    width: 100% !important;
    justify-content: center;
}

.package-single .title-top {
    width: 100%;
}

.package-single .border-style-1 {
    border: #e5e5e5 solid 1px;
}

.input-box-reset-2 .input-style-3, .input-box-reset-2 .input-style-3:focus, .input-box-reset-2 .input-style-3:focus-visible {
    position: relative;
    height: 42px;
    width: 100%;
    background: #fff;
    border: #007D8A solid 1px;
    border-radius: 5px;
    padding: 5px 8px;
}

.recipient-btn {
    margin-top: 21px;
}

.btn.full-width {
    width: 100%;
}

.red.star {
    color: #ef0000;
    font-size: 15px;
}

.top-block-wrap {
    display: flex;
    /*align-items: end;*/
    justify-content: flex-start;
    margin-bottom: 10px;
}



.input-box-reset-2 .input-style-3, .input-box-reset-2 .input-style-3:focus {
    width: 93%;
}

td#td_btnContinueShopping {
    background: #fff;
}

.my-account-information {
    margin-left: 5px;
}

a.item-image {
    text-align:center;
}

.payment-section table tr{margin-bottom:15px;}