/*
================================================
 Hearing Benefits Page CSS
================================================
*/
/* Page Level Common CSS Start Here */
.hearing-benefits h2{font-size:32px;line-height:40px;color:var(--woodsmoke-color);margin:0 0 16px;font-weight:600;}
.hearing-benefits h3{font-size:24px;line-height:30px;color:var(--woodsmoke-color);margin:0 0 24px;font-weight:500;}
.hearing-benefits p{font-size:20px;line-height:28px;font-weight:400;color:rgba(0,0,0,0.7);margin:0;}
.hearing-benefits section{padding:100px 0;}
/* Page Level Common CSS End Here */

/* Banner Section CSS Start Here */
.banner-section{background:url(https://nationscdn.azureedge.net/otc-container/images/hearing/1920-banner.png) no-repeat left top #1B749814;background-size:cover;}
.banner-section h1{font-size:60px;line-height:73px;font-weight:600;margin:0 0 40px;}
.banner-section p{margin:0 0 16px;}
.available-benefits{background:var(--white-color);padding:16px 24px;border-radius:8px;box-shadow: 0px 2px 8px 0px #0E0A1F14;margin:0 0 40px;}
.available-benefits .available{font-size:16px;line-height:20px;margin:0 0 12px;color:var(--woodsmoke-color);}
.benefits-list{display:flex;align-items:center;}
.benefits-list .benefit:not(:first-child){border-left:1px solid #B1B9C1; padding-left:24px;margin-left:24px;}
.benefits-list .benefit-amount{font-size: 20px;line-height:24px;font-weight: 600;margin:0 0 4px;}
.benefits-list .benefit-type{font-size: 16px;line-height:20px;font-weight: 400;color: #646F7D;}
.banner-image-main{min-height:480px;}
.banner-image-section {position: relative;width: 546px;height: 390px;}
/*.banner-section:before{content: '';position: absolute;left: 0;top: 0;}*/
.banner-image-section .banner-img{object-fit:cover;height:100%;border-radius:16px;overflow:hidden;}
.banner-image-section .hearing-img{position:absolute;left: -70px;bottom: -90px;}
/* Banner Section CSS End Here */

/* Benefit Section CSS Start Here */
.benefit-section{padding:0 24px;background-color:var(--white-color);}
.benefit-section .row{margin:0;}
.benefit-section .row > [class*="col-"]{padding:24px;}
.benefit-header{text-align:center;margin-bottom:24px;}
.benefit-card{padding:32px 20px;border-radius:8px;text-align:center;background-color:var(--white-color);border:1px solid rgba(177, 185, 193, 0.5);height:268px;}
.benefit-card .img-container{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 32px;}
.benefit-card h4{font-size:20px;line-height:32px;font-weight:400;margin-bottom:4px;color:var(--woodsmoke-color)}
.benefit-card p{color:var(--nevada-color);line-height:24px;}
/* Benefit Section CSS End Here */

/* How it Works Section CSS Start Here */
.benefit-steps{background:#f5f5f5;}
.benefit-steps h2{margin:0 0 48px;text-align:center;}
.benefit-steps .custom-container > .row:not(:last-child){padding-bottom:120px !important;}
.benefit-steps .row .col-6{display: flex;flex-direction: column;justify-content: center;}
.benefit-steps-img{max-height:380px;overflow: hidden;border-radius: 16px;display: flex;align-items:center;justify-content: center;}
.step-item{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;padding:0 0 20px;}
.step-number{border-radius: 100%;background: var(--primary-color);min-width: 24px;min-height: 24px;display: flex;align-items: center;justify-content: center;max-height: 24px;max-width: 24px;color:var(--white-color);font-size:13px;line-height:12px;font-weight:700;padding:2px;}
.step-number:before{content:'';background: var(--primary-color);min-height: 100%;width: 1px;margin:0 auto;position:absolute;left:11px;height:100%;top:24px;}
.step-item:last-child{padding:0;}
.step-item:last-child .step-number:before{display:none}
.step-text{font-size:18px;line-height:24px;color:rgba(33, 33, 33, 0.7);padding:0 0 0 20px;margin:-2px 0 0;}
/* How it Works Section CSS End Here */

/* FAQ Section CSS Start Here */
.faq{background-color:var(--white-color);}
.faq-content .faq-icon {width: 100px;height:100px;padding:24px;border-radius: 20px;margin:0 0 32px;background:#F5F6F8;}
.faq-content h2{margin:0 0 4px;}
.faq-content p{color:rgba(34, 43, 47, 0.8);}
.faq-accordion{padding:8px 24px;}
.faq .accordion{--bs-accordion-border-color:none;}
.faq .accordion-item{border-bottom:1px solid rgba(177, 185, 193, 0.5);border-radius:0 !important;}
.faq .accordion-button{padding:16px 0 12px;background:none !important;font-size: 18px;line-height: 22px;font-weight: 600;color:#222B2F;}
.faq .accordion-button::before{transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background:url(https://nationscdn.azureedge.net/otc-container/images/hearing/accordion-arrow.svg) no-repeat left center; content:"";margin: 0px 16px 0 0;width: 20px;height: 20px;transform:rotate(180deg);}
.faq .accordion-button::after{display:none;}
.faq .accordion-button, .faq .accordion-button:focus{box-shadow:none;outline:none;}
.faq .accordion-button:not(.collapsed){color:var(--woodsmoke-color);box-shadow:none;}
.faq .accordion-button:not(.collapsed)::before{transform:rotate(0deg);}
.faq .accordion-body{padding:0 0 16px 36px;font-size: 16px;font-weight: 300;line-height: 22px;}
/* FAQ Section CSS End Here */

/*@media(min-width:1400px){
    .hearing-benefits .container-fluid{padding:0 60px;}
}*/

@media(max-width:1400px){
    /*.hearing-benefits .container-fluid{padding:0 23px;}*/
    .banner-section{background-image:url(https://nationscdn.azureedge.net/otc-container/images/hearing/1366-banner.png);}
}

@media(max-width:1440px){
    .hearing-benefits .banner-content{padding-right:40px;}
     .banner-section{background-image:url(https://nationscdn.azureedge.net/otc-container/images/hearing/1440-banner.png);}
}

@media(max-width:1300px){
    .banner-image-section{width:491px;}
    .banner-section{background-image:url(https://nationscdn.azureedge.net/otc-container/images/hearing/1280-banner.png);}
}

@media(min-width:1300px){
    .faq-content p br{display:none}
    
}

/* Request Hearing Appointment Popup CSS Start Here */
.hearing-appointment .modal-dialog{max-width:872px;}
.hearing-appointment .modal-header{padding:16px 24px;border-bottom:1px solid var(--light-bg-color);}
.hearing-appointment h1{font-size:20px;line-height:24px;}
.hearing-appointment h6{font-size: 16px;font-weight: 600;line-height: 22px;margin: 0 0 12px;}
.hearing-appointment h6 span{font-weight:400;color:var(--nevada-color)}
.hearing-appointment p{font-size:14px;line-height:17px;}
.hearing-appointment .form-label {color:var(--nevada-color);font-size: 14px;font-weight: 400;line-height: 17px;margin:0 0 8px;}
.hearing-appointment .form-control, .hearing-appointment .form-select {border:1px solid #b1b9c1; line-height:46px;padding:0 60px 0 12px;box-shadow: none;outline: none;color:var(--woodsmoke-color);}
.hearing-appointment .modal-body{padding:24px;overflow:auto;max-height:615px;}
.hearing-appointment .modal-body::-webkit-scrollbar {height: 6px;width: 6px;background:var(--white-color);}
.hearing-appointment .modal-body::-webkit-scrollbar-thumb {background:#B1B9C1;border-radius: 8px;}
.hearing-appointment .modal-footer{justify-content:flex-start;box-shadow: 0px -4px 4px 0px #0000000D;padding:20px 24px;border:none;z-index:1;}
.hearing-appointment .modal-footer button{min-width:160px;margin-right:16px;}
.appointment-list{margin-bottom:32px;}
.appointment-list:last-child{margin-bottom:0;}
.icon-field{position:relative;}
.icon-field img{position:absolute;right:12px;transform:translateY(-50%);top:50%;}
.icon-field .form-control::-webkit-calendar-picker-indicator {font-size:20px;position:absolute;right:0;z-index:99;width:40px;height:40px;opacity:0;cursor:pointer;}
.language-button, .language-button:hover, .language-button:focus{border: 1px solid var(--light-bg-color);border-radius: 4px;display: block;color: var(--woodsmoke-color);font-size: 14px;font-weight: 400;line-height: 17px;padding:13px 16px;background:var(--white-color);display:flex;align-items:center;justify-content:center;width:100%;}
.language-button.active{border: 1px solid #D64029;background:#F2604A1A;}
.language-button .language-type{width:20px;height:20px;margin:0 8px 0 0;}
.hearing-appointment-success .modal-dialog{max-width:648px;}
.hearing-appointment-success .modal-body{padding:12px 110px 56px;text-align:center;}
.hearing-appointment-success h4{font-size:24px;line-height:32px;margin:0 0 8px;}
.hearing-appointment-success p{font-size:16px;line-height:20px;margin:0;color:var(--woodsmoke-color);}
.hearing-appointment-success h3{margin-top:-20px}
.hearing-appointment-success button{margin:0 auto;padding:0 17px;}
.hearing-appointment-success .placeorder {background: #ff6a00;padding: 10px 30px;border-radius: 8px;color: #fff;border: none;}
.hearing-appointment-success .circle {width: 204px;height: 124px;position: relative;z-index: 1;}
.hearing-appointment-success .circle1 {display: flex;align-items: center;justify-content: center;position: inherit;margin: 0 auto;animation-name: placeorder;animation-duration: 3s;animation-timing-function: ease-in-out;animation-fill-mode: forwards;background-size: 0%;background-repeat: no-repeat;}
.hearing-appointment-success .circle1 img {margin: -15px 0 0;}
@keyframes placeorder {
0% {background-size: 0%;}
25% {background-size: 100%;}
75% {background-size: 100%;}
100% {background-size: 0%;}
}
/* Request Hearing Appointment Popup CSS End Here */


/*
================================================
 Hearing appointment History
================================================
*/
/* Hearing Head Sec */

.hearing-appointment-wrapper {padding:32px 0 42px;}
@media (min-width:1920px) {
    .hearing-appointment-wrapper .custom-container, .accessory-orders-sec .custom-container {
        max-width: 1516px !important;
        margin: 0 auto;
        padding:0;
    }
}
.appointment-header {padding:0 0 24px;}
.appointment-info h3 {margin:0 0 4px;color:var(--woodsmoke-color);font-size: 32px; line-height:36px;}
.appointment-info p {margin: 0;color: var(--woodsmoke-color);font-size:16px; line-height:22px;}
.single-appointment-block {box-shadow: 0px 2px 8px 0px #0e0a1f14; background:var(--white-color); padding:24px; border-radius:8px; margin-top:24px;}
.single-appointment-block:first-child {margin-top:0;}
/* Hearing appointment block */
.status {padding:4px 7px; background:var(--white-color); border:1px solid var(--white-color); border-radius:4px; display:inline-flex; align-items:center; font-size: 12px !important;line-height:14px !important; font-weight:600;}
.status .icon {margin:0 4px 0 0;display:flex;}
.status.blue {border:1px solid #33bde3; color:#00497a; background:#ecfaff;}
.appointment-info .list {margin-top:24px; }
.status.green {border:1px solid var(--success-green-dark);color:#075a0b; font-weight:600; background:#ecf3ed;} 
.appointment-info .list li { color:var(--woodsmoke-color); letter-spacing:0.3px; display:inline-flex; align-items:center; width:100%; font-size: 16px;line-height:22px;}
.appointment-info .list li .icon {margin:0 12px 0 0;}
.appointment-info .list li strong {font-weight:700;margin-left:5px;}
.appointment-info .list li:not(:first-child) {margin-top:12px;}
.appointment-info .list li:last-child a {margin-left:30px; text-decoration:none; font-size: 14px;line-height:17px;}
.appointment-provider-info {padding-left:0;}
.appointment-provider-info h6 {font-size: 16px;font-weight: 600;line-height: 22px; margin:0 0 12px;}
.single-provider-info {border:1px solid var(--light-bg-color); padding:14px 16px; border-radius:8px; min-height:121px; width:100%; max-width:345px;}
@media (min-width:1920px) {
    .single-provider-info {width:509px; max-width:inherit;}
    .hearing-block {width:509px !important; max-width:inherit !important;}
    .single-provider-info small span {display:block;}
}
.single-provider-info h6 {line-height:19px; font-weight:500;margin:0 0 4px;}
.single-provider-info small {font-size: 14px;font-weight: 400;line-height: 17px;color:var(--cadet-blue-color);}
.language-block {margin-top:18px;}
.language-btn {border:1px solid var(--light-bg-color); border-radius:4px;display: block; color:var(--woodsmoke-color); font-size: 14px;font-weight: 400;line-height: 17px; padding:6px 12px 7px; border-radius:4px;}
.language-btn .icon {position:relative;top:-2px; margin:0 4px 0 0;}
.language-block small {margin-right:12px;}
.hearing-block {position:relative; width:100%; max-width:420px; margin-left:12px;}
.hearing-block .map-icon {display: inline-flex;width:24px;position: absolute;top:16px;left:16px; margin:0 8px 0 0;}
.hearing-content {padding-left:32px;}
.hearing-content small {display:block;}
.phone-btns {margin-top:12px;}
.phone {display:flex;align-items:center; color:var(--nevada-color);font-size: 14px;font-weight:500;line-height: 17px;}
.phone.text-link {color:var(--secondary-blue-dark);text-decoration:none;}

.ha-order-block {background: #f5f6f8; border-radius:4px;padding:24px; width:100%; margin-top:16px;display: flex;align-items: center;}
.ha-order-area {display: flex;align-items: center;}
.ha-order-items {display: flex;align-items: center;padding-right:50px;position: relative; gap:16px; align-items:center; position:relative}
.ha-order-items + .ha-order-items:last-child:before {content:''; position:absolute; left:-24px; top:0; width:1px; height:100%; background:rgba(100, 111, 125,0.5);}
.ha-order-items .icon { width:56px;height:56px;position: relative;}
.ha-order-items .content small {color:var(--nevada-color);}
.ha-order-items .content p {margin:0;color:var(--nevada-color);}
.ha-order-items .content p strong {font-weight:600;}
.ha-payments-area {display:flex;justify-content:end;flex-direction:column;}
.error-block {display:inline-flex;align-items:center;justify-content:end;color:var(--error-color); font-size: 14px;font-weight: 400;line-height: 17px;}
.error-block .icon {margin:0 4px 0 0;display:flex;}
.error-block .icon img {position:relative; top:-1px;}
.order-btn {margin-top:12px;}
.order-btn .btn {padding: 0 24px;line-height: 36px;height: auto;  border-radius: 4px;}
.order-btn .custom-link + .custom-link {position:relative; padding-left:24px;}
.order-btn .custom-link + .custom-link:before {content:''; position:absolute; width:1px;height:100%; left:12px;top:0; background:rgba(177, 185, 193, 0.5);}
/*
================================================
 Accessory Order page
================================================
*/
.accessory-orders-sec {width:100%; padding:32px 0 42px; background:var(--white-color);}
.accessory-orders-inner {width:100%;}
@media (min-width:1920px) {
    .accessory-orders-inner {max-width:100%;}
}
.accessory-orders-inner h2 {font-size: 32px;font-weight: 700;line-height: 36px;margin:0 0 24px;
 color:var(--woodsmoke-color); display:flex; align-items:center;}
.accessory-orders-inner h2 a { color:var(--woodsmoke-color);}
.accessory-orders-inner h2 .icon {margin-right:24px; cursor:pointer;}
.accessory-orders-block {background:#fbf3d2;padding:19px 16px; border-radius:8px;display: flex;align-items: center;}
.accessory-orders-block .ha-order-items .icon img {border-radius:8px;border: 1px solid var(--light-bg-color);}
.accessory-orders-block .ha-order-items small {font-size: 14px;font-weight:500;line-height: 17px; color:var(--nevada-color);}
.accessory-orders-block .ha-order-items:before {display:none;}
.accessory-orders-block .ha-order-items p {color:var(--woodsmoke-color);font-weight:500;line-height:20px;font-size: 16px;}
.accessory-orders-block .cover-text {font-size: 16px;font-weight: 400;line-height:20px; color:var(--woodsmoke-color);text-align: center;padding-right: 16px;}
.accessory-orders-block .cover-text span {display:block;}
@media (min-width:1920px) {
    .accessory-orders-block .cover-text span {display:inline;}
    .fulfilment-item {min-height:222px;}
    .fulfilment-item.last-block {position:relative;}
    .fulfilment-sec .fulfilment-item.last-block h6 {position:absolute; bottom:16px}
}
.fulfilment-sec {display:flex;}
.fulfilment-item:first-child {margin-left:0;}
.fulfilment-item.active {border:1px solid var(--primary-color);}
.fulfilment-item {margin:0 24px 0 0; border:1px solid var(--nevada-color);border-radius:6px; padding:16px;}
.fulfilment-item .checkbox {padding-top:0;}
.fulfilment-sec .fulfilment-item  .text {font-size: 18px;font-weight: 400;line-height: 22px;color:var(--woodsmoke-color);}
.fulfilment-sec .fulfilment-item h6 {margin:40px 0 0; color:var(--nevada-color); font-weight:600;}
.fulfilment-item span {font-size: 18px;font-weight: 700;line-height: 22px; margin:0 0 16px; color:var(--woodsmoke-color);}
.fulfilment-item  input[type="checkbox"] + .box:after {top:6px;}
.fulfilment-item .form-group .form-label {color:var(--nevada-color);font-size: 14px;font-weight: 400;line-height: 17px;margin:0 0 8px;}
.fulfilment-item .form-group .form-select {border:1px solid #b1b9c1; line-height:46px;padding:0 60px 0 12px;box-shadow: none;outline: none;color:var(--nevada-color);}

/* Shipping Block */
.shipping-block {width:100%; margin-top:40px}
.shipping-block h6 {font-size: 18px;font-weight: 700;line-height: 22px; color:var(--woodsmoke-color);margin:0 0 16px;}
.single-shipping-block {border:1px solid var(--light-bg-color); border-radius:8px; padding:0; background:var(--white-color);}
.head-info {display:flex; margin:0 0 8px;align-items:center;}
.head-info p {color:var(--woodsmoke-color);font-size: 16px;font-weight: 700;line-height: 20px;margin:0 16px 0 0;}
.single-shipping-block .head-info p {margin:0 !important; font-weight:600 !important;}
.head-info span {background:#ecf3ed;border-radius:4px; padding:0 8px; font-size: 14px;font-weight:600;line-height:17px;color:#075a0b; display:inline-flex; align-items:center; justify-content:center;margin-left:16px;min-height:28px;}
.vertified-block {display:inline-flex; align-content:center;color:#075a0b;font-size:14px;font-weight:600;line-height:18px; margin:8px 0 0;}
.vertified-block .icon {margin:0 8px 0 0;}
.single-shipping-block .form-check {position:relative; padding:0;}
.single-shipping-block .form-check .form-check-input {position:absolute; right:24px;top:39%;}
.single-shipping-block .address {margin:0; width:100%; padding:32px 24px;}
.single-shipping-block .address {margin:0;}
.single-shipping-block .address p {font-size: 16px;font-weight: 400;line-height:20px; margin:0 0 8px;color:#212121;}
.single-shipping-block .address p:last-child {margin:0;}
.vertified-block.not-verified {color:var(--nevada-color);}
.add-address-box {width:100%;border: 2px dashed #b1b9c1; border-radius:8px; border-radius:8px;display: flex;
  justify-content: center;align-items: center;min-height:180px;margin-top:24px;}
.add-address-box .add-address-link {font-size: 14px;font-weight:600;line-height: 17px; color:var(--secondary-blue-dark); display:flex;align-items:center;}
.add-address-box .add-address-link .icon {margin:0 4px 0 0;}
.shipping-buttons > a {width:200px; cursor:pointer;}


/*Product details css start*/
.hearing-product-details .bordered-heading h4 {padding-bottom:2px; border-bottom:4px solid var(--primary-color); display:inline-block;margin: 0 0 19px;}
.hearing-view-more{padding-right:218px; display:flex; justify-content:space-between; align-items:center;}
.hearing-product-details .product-details-description {margin-top:56px;}
.hearing-product-details .product-details-inner {padding:32px 24px 32px 12px;}
.hearing-product-details .product-details-description h5{margin-top:0px; line-height:20px;}
.hearing-product-details .product-details-description p{margin-bottom:19px;}
.hearing-product-details .product-details-content .item {margin-right:10px;}
.hearing-product-details span.blocked-text {font-size:16px; padding-bottom:0; display:block; font-weight:normal !important;}
.hearing-product-details .packaging-dimensions{margin-top:40px;}
.hearing-product-details .packaging-dimensions ul{padding:24px;}
.hearing-product-details .packaging-dimensions li{padding:8px 0; line-height:22px;}
.hearing-product-details .packaging-dimensions li:not(:last-child){border-bottom:1px solid #E9ECF0;}
.hearing-product-details .packaging-dimensions li span{padding-bottom:0; font-size:16px; vertical-align:top;}
.hearing-product-details .packaging-dimensions li:before{width:0;}
.hearing-product-details .packaging-dimensions li span:not(:last-child){min-width:150px;line-height:20px; font-weight:600;}
.hearing-product-details .single-product-sec .prodcut-info .item-title{min-height:0; line-height:22px; margin-bottom:8px;}
.hearing-product-details .single-product-sec .prodcut-info .wallet{margin-right:0;}
.hearing-product-details .single-product-sec .prodcut-info .wallet img{width:13px;}
.hearing-product-details .single-product-sec .prodcut-info .prodcut-wallet{margin:14px 0 23px;}
.hearing-product-details .product-card .add-cart, .product-card .product-btn{padding:6px 23px;}
.hearing-product-details .single-product-sec .item-code-text{margin:0 6px; font-weight:400; color:#646F7D;}
.hearing-breadcrumbs{margin:16px 0; padding-left:0;}
.related-products{position:relative; margin:48px 0;}
.related-products h4{margin-bottom:0;}
.related-products .custom-owl .owl-nav{right:0; top:-28px;}
.related-products .custom-owl .owl-dots .owl-dot.active span{background:var(--primary-color)}
.related-products .custom-owl .owl-dots .owl-dot span{ margin:0; width:40px;}
.related-products .custom-owl .owl-dots{max-width:80px;background:#B1B9C1; margin:16px auto;border-radius:10px;}
.related-products .custom-owl .owl-nav button span:after{margin-left:12px;}
.related-products .custom-owl .owl-nav button span:before{margin-right:0px; margin-left:12px}
.salestax-applicable{ margin:0; font-size:14px; color:var(--nevada-color); font-weight:500; line-height:15px;}
.product-details-content .price-sec .hearing-cart-btn{margin-bottom:12px; height:48px; padding:12px 21px 12px 12px; border:none;}
.product-details-content .price-sec .hearing-cart-btn img{margin-right:6px;}
.hearing-product-details .grocery-icon img {height: 16px;width: 16px;}
.hearing-product-details .product-details-img {position:sticky; top:180px;}
.hearing-product-details .breadcrumbs ul, .hearing-product-details .breadcrumbs ol {margin: 0;}

/*Product details css end*/
@media (min-width: 1800px) {
    .hearing-product-details .product-details-img .product-thumb{width:11%;}
    .hearing-product-details .product-details-sec .slick-vertical .slick-slide { height:64px; width:64px; }
    .hearing-product-details .product-card .add-cart, .product-card .product-btn { padding: 6px 16px;}
    .hearing-product-details .product-details-img .product-zoom-right{width:89%;}
}
@media (min-width: 1366px) and (max-width: 1799.98px) {
   .hearing-product-details .product-details-img .product-thumb{width:14%; padding-right:12px;}
   .hearing-product-details .product-details-img .product-zoom-right{width:86%;}
}
@media (min-width: 1280px) and (max-width:1919.98px) {
    .hearing-product-details .product-details-sec .slick-vertical .slick-slide { height:60px; width:60px; }
}

@media (min-width: 1200px) and (max-width: 1365.98px) {
    .related-products .owl-nav button.owl-prev {left: -20px !important;}
    .related-products .custom-owl .owl-nav button:first-child:before{right:-43px;}
}
@media (min-width:1200px) and (max-width:1300px) {
    .related-products .custom-owl .owl-nav{top:-38px; right:30px;}
    .related-products .custom-owl .owl-nav button span:after {margin-right: -25px;}
}
.shipping-buttons > a {width:200px; cursor:pointer;}

/*hearingproductdetails css*/
.profileRightPanel.hearingDetails .productImages .imageBlock {height: 94px;width: 94px;border-radius: 2px;background-color: var(--white-color);margin: 0px 24px 0px 0px;position: relative;border: 1px solid #E9ECF0;}
.hearingDetails .productBlock h4 {font-size: 16px;line-height: 24px;font-weight: 500;margin: 0px 0px 12px;}
.hearingDetails .wallet {font-size: 14px;line-height: 15px;color: #646F7D;}
.hearingDetails .productInfo {display: flex;align-items: center;}
.hearingDetails  .productBlock {min-width: 350px;text-align: left;}
.hearingDetails .quanity-info-block {min-width: 150px;}
.hearingDetails .orderDetailsBox .card-body h5 {font-size: 20px;color: #212121;line-height: 20px;margin: 0 0 12px;font-weight: 600;}
.hearingDetails .unit-price p {margin: 0;color: #646F7D;font-size: 14px;line-height: 17px;}
.hearingDetails .orderDetailsBox .quanity-info-block .info {font-size: 14px;line-height: 17px;color: #646F7D;font-weight:400;}
.hearingDetails .unit-price {max-width: 400px;text-align: right;}
.profileRightPanel.hearingDetails .order-header {background: #fff;border-bottom: 0;border-radius: 6px 6px 0 0 !important;padding: 24px;max-height: 100px;box-shadow: none;}
.profileRightPanel.hearingDetails .card {border: 0;border-radius: 6px;margin-bottom: 40px;box-shadow: 0px 2px 15px 0px #00000008;}
.profileRightPanel.hearingDetails .orderDetailsBox{margin:0px 0px 40px;}
.profileRightPanel.hearingDetails .orderDetailsBlock.shipping-info {margin: 24px 0px 0px;border-top: 2px solid #E9ECF0 !important;}
.hearingDetails .orderDetailsBlock .orderInfo small {font-weight: 400;line-height: 22px;color: var(--nevada-color);margin: 0 0 4px;font-size: 16px;display: block;}
.hearingDetails .orderDetailsBlock .orderInfo.last-sec {padding-bottom:14px;}
.hearingDetails .orderDetailsWrapper .orderDetailsBlock {padding: 20px 0px 0px;}
.hearingDetails .order-details-left {padding: 0px 12px;}
.hearingDetails .custom-status-labe {display: inline-block;border-radius: 3px;font-size: 12px;letter-spacing: 0.3px;line-height: 14px;padding: 5px 8px;height: 24px;padding: 5px 8px;line-height: 13px;font-weight: 600;display: flex;align-items: center;color: #00497A;}
.hearingDetails .custom-order-delivered {border: 1px solid #0FA91C;background-color: #ECF3ED;}
.hearingDetails .custom-order-created {border: 1px solid #33BDE3;background-color: var(--secondary-light-color);}
.profileRightPanel.hearingDetails  .card-header .orderInfo {color: #212121;font-size: 23px;letter-spacing: 0.3px;line-height: 28px;position: relative;top: 2px;display: flex;align-items: center;}
.profileRightPanel.hearingDetails .order-header {background: #fff;border-radius: 6px 6px 0 0 !important;padding: 24px;max-height: 100px;box-shadow: none;border-bottom: 1px solid #E9ECF0;padding-bottom: 24px;display:inline-table;}
.hearingDetails .hearing-logo img {max-height: 24px;}
.hearingDetails .order-divider span + span::after {content: "";position: absolute;border-right: 1px solid var(--nevada-color);height: 15px;right: auto;left: 0;margin-left: auto;margin-right: auto;top: 4px;}
.hearingDetails .estimated-text {position: relative;font-weight: 600;color: #075A0B;padding-left: 12px;}
.hearingDetails .order-separater1 {color: #646F7D;position: relative;margin-right:12px; font-size:16px;}
.hearingDetails .productInfo img {max-height: 20px;}
.hearingDetails .benefit-text {font-size: 20px;line-height: 28px;font-weight: 500;}
.hearingDetails .custom-link {position: relative;}
.hearingDetails .order-divider a + a::after {content: "";position: absolute;border-right: 1px solid var(--nevada-color);height: 15px;right: auto;left: 0;margin-left: auto;margin-right: auto;top: 4px;}
.hearingDetails  .custom-link.order-separater1 {color: var(--secondary-blue-dark);}
.hearingDetails .custom-status-label {color:var(--secondary-color); border-radius: 4px;font-size: 12px;letter-spacing: 0.3px;line-height: 14px;padding: 5px 8px;display: flex;align-items: center;font-weight: 600;}
.hearingDetails .order-header.accessory {background: #fff;border-radius: 6px 6px 0 0 !important;padding: 0;max-height: 100px;box-shadow: none;border-bottom: 1px solid #E9ECF0;padding-bottom: 12px;display: inline-table;width: 100%;margin:0px 0px 24px;}
.hearingDetails .productImages.productImages-small .imageBlock{width:51px; height:51px;}
/*Hearing Payment Details css*/
.hearing-pay-details {padding: 24px;border-radius: 8px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);background-color: #fff;}
.hearing-pay-details ul li {font-weight: 500;line-height: 20px;font-size: 14px;margin: 0 0 4px;}
.hearing-pay-details h4 {font-size: 16px;font-weight: 600;line-height: 20px;margin: 0 0 16px;}
.hearing-pay-details button.accordion-button.collapsed {padding: 0;margin: 0;border: 0;}
.hearing-pay-details .accordion-item {border: 0;padding: 0;margin: 0;}
.hearing-pay-details button.accordion-button {padding: 0;margin: 0;}
.hearing-pay-details h2.accordion-header {padding: 0;margin: 0;height: 30px;line-height: 30px;}
.hearing-pay-details .accordion-button:not(.collapsed), .accordion-button {color: #255798;background-color: transparent;box-shadow: none;font-weight: 600; font-size:14px;}
.hearing-pay-details .accordion-body {padding: 0;}
.hearing-pay-details .text-dark {color: var(--woodsmoke-color) !important;font-weight: 400;}
.hearing-pay-details .benefits-cover {color: #075A0B !important;font-size: 16px;font-weight: 500;line-height: 22px;}
.hearing-pay-details .billpay-text {font-size: 16px !important;font-weight: 600 !important;}
.hearing-pay-details .proceed-checkout{width:100%;}
.hearing-pay-details hr {border-top: 1px solid #E9ECF0;opacity: 10;}
.hearing-pay-details .accordion-button:not(.collapsed)::after {background-size: 90%;}
@media (min-width: 1280px) and (max-width: 1439.98px) {
.custom-status-label {margin-left: 0px;}
}
/*
================================================
 Hearing Aids List
================================================
*/
.sort-sec {background:var(--white-color); width:100%; padding:16px 0;}
.sort-sec-block .btn-border {border: 1px solid #b1b9c1; padding:4px 16px 5px; display:inline-flex; border-radius:16px; color:var(--woodsmoke-color); align-items:center;cursor:pointer;}
.sort-sec-block .btn-border img {position:relative; top:1px; margin:0 0 0 2px;}
.sort-sec-block .btn-border:not(:first-child) {margin-left:16px;}
.filter-block {padding:0 0 0 16px; margin:0 0 0 16px; position:relative;}
.filter-block:before {content:''; left:0; top:1px; width:1px; height:100%; background:#b1b9c1; position:absolute;}
.hearing-aids-list-block {background:#f8fafb;padding:24px 0 0;}
.hearing-aids-list-block h5 {font-size: 20px;font-weight: 700;line-height: 24px; margin:0 0 22px; display:flex; align-items:center; color:var(--woodsmoke-color);}
.hearing-aids-list-block h5 a { color:var(--woodsmoke-color) !important;}
.hearing-aids-list-block h5 a img {position:relative;width: 20px;height: 20px;top: -2px;padding: 0 5px 0 0;}
.hearing-aids-list-block h5 small {font-size: 12px;font-weight: 400;line-height: 14px; color:var(--woodsmoke-color); position:absolute; top:2px;}
.hearing-aids-list-block .single-product-sec {margin:0 0 24px; z-index:1;}
.hearing-aids-list-block .single-product-sec .item-code {max-width: 120px;}
.hearing-aids-list-block .single-product-sec small {margin:0 0 14px; min-height:inherit;}
.hearing-aids-list-block .single-product-sec .wallet {margin-right:0; position:relative; top:2px; min-width:18px;}
.hearing-aids-list-block  .add-cart {border:1px solid #d64029;}
.hearing-aids-list-block .prodcut-info h6 {font-size: 16px;font-weight: 400;line-height: 22px; margin:9px 0 8px;}
.hearing-aids-list-block  .prodcut-info .wallet + .wallet-title {height:inherit;}
.hearing-aids-list-block .product-price-section {margin-top:23px;}
.hearing-aids-list-block .single-product-sec .item span {font-weight:500;}
@media (min-width: 1920px) {
    .custom-1920-cols [class*="col-"] {
        flex: 0 0 auto;width: calc(100% / 6);
    }
}
.hide-breadcrumb .header-nav-section-top {display:none !important;}
.hide-visibility {visibility:hidden;}

/*New Filters*/
.all-filters .filter-btn, .selected-filters .filter-btn{padding:6px 32px 6px 16px; font-size:16px; line-height:19px; margin-right:16px; border:1px solid #B1B9C1; border-radius:16px;position:relative;}
.hearing-sort-section .all-filters .filter-btn{padding-right:32px; margin-right:0;}
.last-filter-btn{position:relative;margin:0 0 0 16px;}
.last-filter-btn:before {content:''; position:absolute; left:-16px; width:1px; height:100%; background:#b1b9c1;}
.angle-icon {position: absolute;cursor: pointer;left: auto; top: 4px;transition: all .3s ease 0s;}
.dropdown .dropdown-toggle .angle-icon {transition: all .3s ease 0s;}
.dropdown .dropdown-toggle.show .angle-icon {transform: rotateX(180deg);}
.price-filter{width:312px; margin:0;}
.hearing-aids-list .all-filters .dropdown-menu {z-index:9;}
.hearing-sort-section .all-filters .dropdown-menu {left:0;}
/*All Filters*/
.filterby-all{width:320px; padding:16px;}
.filterby-all h4{font-size: 16px; line-height:19px; font-weight:700; margin-bottom:12px;}
.filterby-all .form-group{margin-bottom:18px;}
.filterby-all .health-calendar{position:absolute; right:14px; top:10px;}
.filterby-all .filters-btn{height:36px; border-radius:4px; line-height:0;}
.form-floating .form-control{ height:48px; border: 1px solid #B1B9C1; background-color: #ECFAFF;font-size: 16px; line-height:22px; padding:12px 8px; color: #646F7D;border-radius: 4px;box-shadow: none;}
.form-floating .float-label { color: #646f7d; font-size: 16px;position: absolute;pointer-events: none; left: 18px; top: 50%;transform: translateY(-49%); transition: .2s ease all; -moz-transition: .2s ease all;-webkit-transition: .2s ease all; line-height: 20px; margin: 0;padding: 0;}
.form-floating .show .float-label {left: 16px; font-size: 14px;background: none; top: 15px;}
.dropdown .filterby-all .dropdown-toggle .angle-icon{right:14px; top:10px;}