/* SFMono Fonts CSS  */
@font-face {
    font-family: "SFMono-Regular";
    src: url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Regular.woff2') format('woff'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Regular.woff') format('truetype'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Regular.otf') format('svg');
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "SFMono-Semibold";
    src: url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Semibold.woff2') format('woff'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Semibold.woff') format('truetype'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Semibold.otf') format('svg');
    font-display: auto;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
}

@font-face {
    font-family: "SFMono-Bold";
    src: url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Bold.woff2') format('woff'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Bold.woff') format('truetype'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Bold.otf') format('svg');
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}
/*
================================================
Header
================================================
*/
.otc-header-wrapper {position: relative;z-index: 99;}
/*close icon css*/
.close {color: #fff;font-size: 14px;padding: 0;margin: 0;opacity: 1;text-shadow: none;background-color: transparent;}
.close svg {fill: var(--secondary-color);}
.close img {height: 12px;}
.store-block .tab-content{z-index:9;}
.suggestion-close { width: 12px;}
/*shop dropdown css*/
.cat-promotions {border: 1px solid var(--success-green-dark);border-radius: 4px;padding: 0 8px;background-color: #fff;height: 26px;display: inline-flex;line-height: 22px;}
/*product add cartbox css*/
.cartbox.cartbox-new {position: fixed;width: 524px;border-radius: 6px;box-shadow: 0px 0px 11px 0px var(--woodsmoke-color);right:16px;}
.cartbox.cartbox-new .cartbox-header {height: 50px;padding: 24px;border-bottom: 1px solid #E9ECF0;display: flex;align-items: center;justify-content: space-between;}
.cartbox.cartbox-new .cartbox-header span {font-weight: 600;font-size: 16px;line-height: 20px;}
.cartbox.cartbox-new .cartbox-header{height:50px; padding:24px;border-bottom: 1px solid #E9ECF0;}
.cartbox.cartbox-new .cartbox-img {width: 80px;height: 80px;overflow: hidden;}
.cartbox.cartbox-new .cartbox ul {padding: 24px;}
.cartbox.cartbox-new .cartbox h6 {margin: 0 0 0 20px;}
/*language css*/
.language-sec .form-check {min-width: 250px;display: flex;align-items: center;border-bottom: 1px solid #E9ECF0;margin: 0;padding: 10px 16px;padding-bottom: 16px;justify-content:space-between;}
.language-sec .form-check img {width: 18px;margin-right: 12px;}
.language-sec .form-check:last-child{border:none;}
.language-sec .form-check label{display:inline-flex;align-items:center;color:var(--woodsmoke-color);}
.language-sec .form-check span{display:block;font-size:16px;line-height:22px;margin:0;font-weight:600}
.language-sec .form-check span:last-child{font-size:14px;line-height:17px;font-weight:400;margin:4px 0 0;}
.language-sec .language-title {margin: 0;display: flex;align-items: center;justify-content: flex-start; cursor:pointer; width:100%;}
.language-title img {width: 18px; margin-right:12px;}
.language-sec .language-title span{font-weight:600;}
.language-sec { min-width: 250px;}
.language-preference.header-dropdown {position: relative;}
/*agent stop sections css*/
.agent-top-section .exit-access a {font-size: 16px;line-height: 18px;font-weight: 600;color: #965A00;display: flex;align-items: center;background: #FF880024;border-radius: 4px;padding: 8px 12px 8px 12px;margin-left: 26px;}
.agent-top-section .headertop-sec {display: flex;align-items: center;justify-content: space-between;height:56px;}
.agent-top-section .member-name {font-weight: 600;color: #965A00;}
.agent-top-section .headertop-sec  .small-text {color: #965A00;font-style: normal;font-weight:400;}
.agent-top-section .exit-access .exit-access-line:after {position: absolute;content: "";width: 1px;border-right: 1px solid #965A00;height: 20px;right: -15px;top: 8px;}
.agent-top-section .exit-access span {position: relative; display:flex; align-items:center; cursor:pointer;}
.agent-top-section .logo-section .nb-logo img{height:24px;}
.agent-top-section p{margin:0px;}
.agent-top-section {background: #FDE5CA;padding:0px;}
.agentHeader {background: #FF8800;color: var(--white-color);height: 56px;display: flex;align-items: center;}
.agentHeader .agentExit {padding: 18px 0px 0;text-align: right;}
.otc-header-inner .logo-section img {height:30px;object-fit: contain;max-width: 180px;}
.agent-top-section .exit-access {display: flex;}

/*header  css*/
.otc-header-inner .dropdown-menu{left:0px;}
.otc-header-inner .search-wrap {position: relative;width: 100%;max-width: 100%;}
/*.otc-header-inner .search-wrap .search-input:hover, .search-wrap .search-input:focus {border-radius: 6px;background-color: var(--white-color);border: 2px solid var(--secondary-color);}*/
.otc-header-inner .category-search-wrap .search-wrap form input {font-size: 14px;outline: none;box-shadow: none;height: 40px;padding: 0 75px 0 16px;background-color: #fff;border: 2px solid #E9ECF0;border-radius: 6px;width: 100%;letter-spacing: 0.3px;line-height: 18px;color: #00497A; font-weight:500;}
.otc-header-inner .category-search-wrap input::placeholder {color: var(--secondary-color);font-size: 14px;line-height: 24px;font-weight: 600 !important;}
.otc-header-inner .category-search-wrap .search-close:after {position: absolute;content: "";width: 1px;border-right: 1px solid #B1B9C1;height: 16px;right: 4px;top: 10px;}
/*.otc-header-inner .category-search-wrap input[type=text]:focus{opacity:0.6 ;}*/
.otc-header-inner .category-search-wrap {width: 100%; margin:15px 24px  16px 40px;}
.otc-header-inner .search-wrapper{margin-left:40px;}
.otc-header-inner .global-search-input{border:2px solid #E9ECF0; border-radius:6px; padding:8px 16px 8px 48px; width:100%;}
.otc-header-inner .search-wrapper .search-btn{left:17px;top:10px; color:var(--secondary-color); font-size:20px;}
.otc-header-inner ul li, .custom-nav li{align-items:center; position:relative;}
.otc-header-inner ul li{margin:0 12px 0 0;}
.otc-header-inner ul li:last-child{margin-right:0;}
.otc-header-inner .navbar-nav .nav-link{font-size:16px; font-weight:600; line-height:24px; color:var(--secondary-color); padding:8px 12px; display:flex; align-items:center; cursor:pointer;}
.otc-header-inner .navbar-nav .nav-link .user-details{text-align:left}
.otc-header-inner .navbar-nav .nav-link .user-info{font-size:10px; font-weight:600;display:block;line-height:10px;display:flex;margin:0 0 -2px;}
.otc-header-inner .navbar-nav .nav-link .user-name{max-width:100px;overflow:hidden;display:block;white-space:nowrap;margin:0 0 0 2px;text-overflow:ellipsis;}
.custom-nav .navbar-nav .nav-link{margin: 0;font-size:16px; font-weight:600 !important; line-height:24px; color:#fff; display:flex; align-items:center; border-radius:4px; padding:10px 12px;}
.otc-header-inner ul li a img{margin-right:8px;}
.custom-nav .navbar-nav li.nav-item.active-bg .nav-link {opacity: 10;background: #ECFAFF;}
.custom-nav .navbar-nav li.nav-item.active-nav .nav-link {opacity: 10;}
.otc-header-inner .global-search-input:focus {border: var(--secondary-color) 2px solid;}
nav.navbar.navbar-expand-lg {padding: 0;margin: 0;}
.otc-header-inner ul.nav-link:focus, .nav-link:hover, .nav-link:active, .custom-nav ul.nav-link:focus, .nav-link:hover, .nav-link:active, .active-bg{background:#ECFAFF; border-radius:4px; color:var(--secondary-color); font-weight:bold !important; opacity:10 !important;}
.custom-nav ul.nav-link:focus, .custom-nav .nav-link:hover, .custom-nav .nav-link:active, .custom-nav .custom-nav ul.nav-link:focus, .custom-nav .nav-link:active, .custom-nav .active-nav .nav-link {background: transparent !important;border-radius: 4px;color: #fff;opacity: 10 !important;border-bottom: 4px solid #F25D4A;border-radius: 1px !important;}
.otc-header-inner .succes-bg {background-color:#0B7A14;color: #fff;font-weight: 600;font-size: 14px;line-height: 18px;height: 24px;display: flex;align-items: center;border-radius: 39px;padding: 3px 8px;margin-left:6px;}
.search-backdrop { transition: all 0.3s ease 0s;opacity: 0.5;position: fixed;top: 72px; left: 0; z-index: 9; width: 100vw; height: 100vh;background: #000; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;}
.search-results{z-index:999; width:100%;}
.otc-header-inner .category-search-wrap .search-results {border: 2px solid #E9ECF0;box-shadow: none;border-top: 0;border-radius: 0 0 7px 7px;top: 24px;}
.otc-header-inner .category-search-wrap .search-results:after {position: absolute;content: "";height: 2px;background-color: #E9ECF0;left: 16px;border-radius: 4px;top: 4px;right:16px;}
.otc-header-inner .category-search-wrap input:focus::placeholder {color: #6c91ae !important;}
.otc-header-inner .category-search-wrap input::placeholder {color: var(--secondary-color) !important;}
.custom-nav .nav-link {border-bottom: 4px solid #00497A;}
.custom-nav li.nav-item.nav-custom-icon {display: flex;margin-right:16px}
.custom-nav li.nav-item.nav-custom-icon img {margin:3px 4px 0 4px;transition: all 0.3s ease 0s}
.custom-nav li img.nav-img {margin:0 8px 0 0 !important;}
.custom-nav li.nav-item.nav-custom-icon a {padding-right:4px;}
.custom-nav li.nav-item.nav-custom-icon a.show img{transform: rotate(180deg)}

.custom-nav li.nav-item.nav-custom-icon a.show .nav-img-zero{
    transform: rotate(0deg)
}

/*main nav css*/
.custom-nav{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05); background:#00497A; padding:0px; height:48px; z-index:10;width:100%;}
.custom-nav ul li:first-child{margin-left:0;}
.custom-nav .dropdown.card-dropdown  .dropdown-menu a img {margin:0 12px 0 0; height:22px; width:22px;}
.custom-nav .nav-item.dropdown.card-dropdown ul li{align-items: center;border-bottom: 1px solid #E9ECF0; padding:0px; margin:0px;}
.custom-nav li.nav-item.dropdown.card-dropdown .dropdown-menu .dropdown-item {    padding: 0 16px;height: 52px;align-items: center;display: flex; font-weight:600;}
.custom-nav .nav-item.dropdown.card-dropdown ul li:last-child{border:0px;}
.main-nav-menu {display: flex;align-items: center;justify-content: space-between; height:48px;}
.main-nav-menu .custom-link {color: var(--secondary-color);font-weight: 600;display: flex;align-items: center;}
.main-nav-menu .custom-link a {display: flex;align-items: center; text-decoration:none;}
.custom-nav .dropdown-menu .dropdown-item:hover, .custom-nav .dropdown-menu .dropdown-item:focus, .custom-nav .dropdown-menu .dropdown-item.active {border-radius: 8px;}
/*offcanvas*/
.custom-offcanvas{width:540px !important; top:70px !important}
.offcanvas-backdrop{top:70px}
.custom-offcanvas .offcanvas-backdrop.show{opacity: .7;}
.custom-offcanvas .offcanvas-header, .offcanvas-inner{padding:16px; border-top: 1px solid #E9ECF0; border-bottom: 1px solid #E9ECF0;}
.custom-offcanvas .offcanvas-header .offcanvas-title{font-size:24px; line-height:32px; font-weight:600; color:#000;}
.offcanvas-inner h5{font-size:16px; line-height:22px; font-weight:600; color:#000;}
.past-details{background:#f8fafb;}
.dot-separator span{padding-right:20px; position:relative;}
.dot-separator span:after{position: absolute;content: "";height: 5px;width: 5px;border-radius: 100%; right: 4px; top:0;margin: 8px 0 0;background-color: var(--nevada-color);}
.dot-separator span:last-child:after{display:none;}
.past-details .date-time:before{display:none;}
.past-details .date-time{padding:0;}
.offcanvas-inner p{font-size:16px; line-height:22px;color:var(--nevada-color);}
.offcanvas-inner .img-section{width:88px; height:88px;}
.date-time{ font-size:14px; line-height:17px; color:var(--nevada-color); font-weight:600; padding-left:20px;}
.date-time:before{position: absolute;content: "";height: 8px;width: 8px;border-radius: 100%;left: 0px;margin: 9px 0 0;background-color: var(--primary-color); outline:4px solid #FEE9E8;}
.offcanvas-inner .accordion-header {border-top: 1px solid #E9ECF0; margin:0px 24px;}
.offcanvas-inner .accordion-flush .accordion-item {border: 0;}
.offcanvas-inner .dropdown-item img, .dropdown-item svg {margin-right: 12px; height:22px; width:22px;}
.offcanvas-inner .accordion-collapse a.dropdown-item {font-size: 18px;font-weight: 600;margin: 0;height: 54px;padding: 0;display: flex;align-items: center;}
.offcanvas-inner .accordion-collapse .accordion-body {padding:0px 58px;}
.offcanvas-inner .accordion-collapse a.dropdown-item:hover, .offcanvas-inner .accordion-collapse a.dropdown-item:focus {color: var(--secondary-color);font-weight: 500;}
.offcanvas-inner .accordion-flush .accordion-button:not(.collapsed) {background-color: transparent;box-shadow: none;}

/*Wallet Ballance*/
.wallet-ballance .wallet-store{border-bottom:2px solid #E9ECF0; padding-bottom:24px;}
.wallet-ballance .wallet-store-inner {margin-bottom: 18px;}
.wallet-ballance .offcanvas-body{background:#f8fafb; margin-bottom:100px;}
.wallet-ballance .offcanvas-inner{background:#fff; margin-bottom:20px; border-top:2px solid #E9ECF0; border-bottom:0;}
.wallet-balance{padding:16px 0 0;}
.wallet-store-inner .wallet-title{font-size:18px; line-height:24px; font-weight:600;}
.wallet-store-inner span img{margin-right:8px;max-width:22px;}
.wallet-shop .shop{font-size:14px; font-weight:600; line-height:17px; color:var(--nevada-color);max-height:55px; max-height:24px;}
.wallet-ballance .wallet-cost h4{font-size:20px; font-weight:600; line-height:28px;margin:0;}
.wallet-ballance .wallet-cost p{font-size:12px; font-weight:400; line-height:14px; color:var(--woodsmoke-color); margin-bottom:0;}
.wallet-ballance .alerts{padding:4px 8px; font-size:16px; font-weight:400; line-height:20px; border-radius:4px;  display:inline-flex;}
.wallet-ballance .alerts img{margin-right:8px;}
.wallet-ballance .alerts span{font-weight:600;}
.wallet-ballance .default-alert{background:#F5F6F8;}
.wallet-ballance .warning-alert{background:#FBF3D2; border:1px solid #FABE2E;}
.wallet-ballance .success-alert{background:#ECF3ED; border:1px solid #0FA91C; color:#075A0B; margin:16px 0 0;}
.offcanvas .offcanvas-body {margin-bottom: 76px;}
.wallet-shop {min-width: 60px;display: flex;align-items: center;}
/*Account*/
.account .accordion-button, .offcanvas-inner a {font-size: 20px;line-height: 28px;font-weight: bold;color: #222B2F;padding: 0;height: 76px;display: flex;align-items: center;}
.offcanvas-inner .profile-footer a {font-size: 16px;line-height: 20px;font-weight: 600;color:var(--secondary-blue-dark);}
.account .profile-footer {padding: 0 24px;box-shadow: none;position: absolute;width: 100%;bottom: 0;background-color: #fff;border-top: 1px solid #E9ECF0;display: flex;align-items: center;justify-content: space-between;}
.account .profile-footer .btn{width:100%;}
.account .profile-footer .language-preference .section-icon {background: var(--secondary-light-color);margin: 0;color: var(--secondary-blue-dark);min-width: 80px;display: flex;align-items: center;justify-content: center;height: 40px; border-radius:4px; padding:0px 10px;}
 /*Card*/
.cart-section .cart-date p{font-size:12px; line-height:15px; color:#075A0B; font-weight:600; margin-top:6px;}
.cart-section .cart-date img{max-height:16px;}
.cart-section .cart-items img{margin:0 8px 12px;}
.cart-section .cart-price{font-size:12px; font-weight:400; color:var(--nevada-color); line-height:14px;}
.cart-section .cart-price span:first-child{font-size:20px; font-weight:600; color:var(--woodsmoke-color); line-height:24px; margin-bottom:4px; display:block;}
.cart-circle {height: 18px;width: 18px;position: absolute;letter-spacing: -0.5px;line-height: 18px;font-size: 12px; background: var(--primary-color);color: var(--white-color);text-align: center; border-radius: 50%;right: 42px; top: 0px; font-weight: 600;left:20px;}/*Mega Dropdown*/
.dropdown-mega .custom-megadropdown{left:0; top:45px;}
.shop-dropdown{width:720px; border-radius:6px; padding:16px;}
.shop-dropdown h5 {font-size: 16px;line-height: 20px;letter-spacing: 0.3px;font-weight: 700;color: var(--woodsmoke-color); margin:0px 0px 10px;}
.shop-dropdown ul{padding:0px;border-radius:6px; display:flex; flex-wrap:wrap;}
.shop-dropdown ul li{width:50%; margin:0; margin-bottom:6px;}
.shop-dropdown ul li a {padding: 6px;display: inline-block;color: var(--woodsmoke-color);font-size: 16px;letter-spacing: 0.3px;line-height: 20px;font-weight: inherit;width: 85%; font-weight:400;}
.shop-dropdown ul li a:hover, .shop-dropdown ul li.active a {background-color:transparent;font-weight: 600;}
.search-dropdown{width:525px; border-radius:8px;}
.search-dropdown h5{font-size:14px; line-height:17px; font-weight:600;}
.profile .accordion-button::after{background-image:none;}
.profile .accordion-button{background:none; box-shadow:none;}
.simplebar-scroll {height: 530px;}
.main-nav-menu .simplebar-scroll {height: auto;max-height:530px;}
/*Lower menu*/
.lower-menu ul li{width:244px; margin:0 16px 16px 0;}
.lower-menu ul li:nth-child(even) {margin-right:0;}
.lower-menu ul li a{padding:16px 12px; width:100%; display:inline-block; border:1px solid #E9ECF0; border-radius:4px; font-size:20px; font-weight:600; line-height:24px; color:var(--secondary-color);}
.lower-menu ul li a img, .lower-menu ul li a svg{margin-right:12px;}
.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute;padding: 0;z-index:9999999; max-width:370px;top: 46px; min-width:260px;}
.navbar-expand-lg .navbar-nav .dropdown-menu.shadow.custom-megadropdown {min-width: 800px;}
.mycard-track {width: 18px;margin-left: 6px;background: var(--primary-color);text-align: center;border-radius: 100%;color: #fff;font-size: 12px;font-weight: 600;height: 18px;justify-content: center;align-items: center;display: flex;padding: 0 1px 0 0;}
.availtrack{width:8px; height:8px; background:var(--primary-color); border-radius:100%; position:absolute; left:32px; top:12px;}
.submenu{position:relative; padding:8px 0; margin-top:2px;}
.submenu .right-arrow-menu{position:absolute; right:0;top:10px;}
.submenu:hover .submenu-list{display:block;}
.submenu:hover .submenu-list .nav-link{border-bottom:none; color:var(--woodsmooke-color);}
.submenu .submenu-list .nav-item:hover, .submenu .submenu-list .nav-item:focus{background: var(--secondary-light-color); color: var(--woodsmoke-color)}
.submenu-list{position:absolute; display:none; width:100%; border-radius:6px; left:100%; top:0px; background:#fff;box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.15);}
.custom-nav .navbar-nav .submenu .nav-link{padding:16px;}
button.accordion-button.accordion-arrow-none {background-color: transparent;border: 0px;box-shadow:none;}
.accordion-button.accordion-arrow-none:after {display: none;}
.profile-footer .custom-link {display: flex;align-items: center;}
.yellow-banner .owl-carousel.owl-loaded {padding: 0 3px;}
.offcanvas-hide .yellow-banner .owl-carousel.owl-loaded, .multiple-Wallet-backdrop.overflow-hidden .yellow-banner .owl-carousel.owl-loaded {padding-left:0px !important;}
.multi-card-banner .item-card.item-card-full {width: 99%;}
.yellow-banner {margin: 0;padding: 0;}
/*Wallet Balances css*/
/*.wallet-card .card {padding: 16px;width: 100%;border: 1px solid #B1B9C180;display: flex;height: 100%;min-height: 82px;background-color: #fff;border-radius: 8px;}
.wallet-card .card-right {display: flex; width:130px;}
.wallet-card .card-left .shop-title .value-text {font-size: 12px !important;line-height: 14px; text-align:left; color:#646F7D;}
.wallet-card .card-left p, .wallet-card .card-right p {font-size: 14px;line-height: 18px;font-weight: 400;color: #646F7D;margin: 0px; display:flex; align-items:center;}
.wallet-card .shop-title {margin: 16px 58px 0 0;}
.wallet-card .shop-title h3 {margin-bottom: 4px;font-size: 18px;font-weight: 600;line-height: 24px;}
.wallet-card .shop-title h3 span{font-size:18px;line-height:21px; margin-right:4px;}
.wallet-card .card-right p.custom-link {text-decoration: none;color: #255798;display: flex;align-items: center; font-weight:600;}
.wallet-card .alerts {font-size: 14px;font-weight: 400;line-height: 18px;}
.wallet-card .alerts span {font-weight: 600;font-size: 14px;}
.wallet-ballance .offcanvas-inner{margin-bottom:80px;}
.wallet-pay-sec {display: flex;align-items: center;justify-content: space-between;background-color: #fff;padding: 20px 24px;box-shadow: 0px -2px 16px 0px #0F567329;border-radius: 10px;position: absolute;bottom: 24px;left: 0;right: 0;margin: 0 16px; z-index:1;}
.wallet-pay-sec .pay-text span {background-color: #D64029;height: 22px;width: 22px;text-align: center;display: flex;align-items: center;justify-content: center;border-radius: 5px;color: #fff;font-weight: 400;margin-right: 6px;}
.wallet-pay-sec .pay-text {display: flex;align-items: center;color: #646F7D;}
.wallet-pay-sec .pay-title {font-weight: 800;font-size: 20px;line-height: 24px;}
.wallet-card .value-text img {width: 16px;height: 16px;}
.wallet-card .benefit-tooltip {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 110px;text-decoration: none;}
.wallet-card .show-popup {text-align: left;}
.wallet-card .custom-link {text-decoration: none;cursor: pointer;}
.wallet-card .hover-popup {width: 120px;white-space: initial;text-align:left;}*/

/*Wallet Balances css*/
.wallet-balances-sec .success-alert {margin: 0; left:0px;}
.wallet-balances-sec{margin:16px 0 0; overflow:hidden;}
.wallet-balances-sec .card {padding: 16px;width: 100%;border:1px solid #E9ECF0;display: flex;height: 100%;min-height: 82px;background-color: #fff;border-radius: 8px;}
.wallet-balances-sec .shop-title.title-line {position: relative;}
.wallet-balances-sec .shop-title:after {height: 30px;width: 1px;position: absolute;content: "";top: 10px;right: -28px;background: #e1e2e3;}
.wallet-balances-sec .shop-title .value-text {font-size: 12px;line-height: 14px;text-align: left;color: #646F7D;margin: 0px;display: flex;align-items: center;}
.wallet-balances-sec .card-left p, .wallet-card .card-right p {font-size: 14px;line-height: 18px;font-weight: 400;color: #646F7D;margin: 0px; display:flex; align-items:center;}
.wallet-balances-sec .shop-title {margin:0px 58px 0 0;}
.wallet-balances-sec .shop-title h3 {margin: 0px;font-size: 24px;font-weight: 600;line-height: 30px;}
.wallet-balances-sec .shop-title h3 span {font-size: 16px;line-height: 19px;margin-right: 0;font-weight: 500;}
.wallet-balances-sec .shop .custom-link {font-size: 14px;line-height: 18px;}
.wallet-balances-sec .Wallet-title a.custom-link{color: #255798;font-size: 21px;line-height: 26px;font-weight: 600;max-width: 230px;align-items: start; height:auto;}
.wallet-balances-sec .card-right p.custom-link {text-decoration: none;color: #255798;display: flex;align-items: center; font-weight:600;}
.wallet-balances-sec .alerts {font-size: 14px;font-weight: 400;line-height: 18px;}
.wallet-balances-sec .alerts span {font-weight: 600;font-size: 14px;}
.wallet-ballance .offcanvas-inner{margin-bottom:80px;}
.wallet-balances-sec .value-text img {width: 16px;height: 16px;}
.wallet-balances-sec .custom-link {text-decoration: none;cursor: pointer;}
.wallet-balances-sec .card-price {display: flex;align-items: center;justify-content: space-between;margin:12px 0 0;} 
.wallet-balances-sec .card-price .shop{display:flex; align-items:center;} 
.wallet-balances-sec .txpires-date p {margin: 0;background: #F5F6F8;padding: 4px 8px; display:flex; border-radius:4px;}
.wallet-balances-sec .txpires-date p span {color: #212121;font-weight: 600;margin-left: 5px;}
.wallet-pay-sec {display: flex;align-items: center;justify-content: space-between;background-color: #fff;padding: 20px 24px;box-shadow: 0px -2px 16px 0px #0F567329;border-radius: 10px;position: absolute;bottom: 24px;left: 0;right: 0;margin: 0 16px; z-index:1;}
.wallet-pay-sec .pay-text span {background-color: #D64029;height: 22px;width: 22px;text-align: center;display: flex;align-items: center;justify-content: center;border-radius: 5px;color: #fff;font-weight: 300;margin-right: 6px;}
.wallet-pay-sec .pay-text {display: flex;align-items: center;color: #646F7D;}
.wallet-pay-sec .pay-title {font-weight: 700;font-size: 24px;line-height: 29px;}
.wallet-pay-sec .pay-title span {font-size: 16px;line-height: 19px;margin-right: 0;font-weight: 500;}
.wallet-balances-sec .txpires-date .disabled, .wallet-balances-sec .txpires-date .disabled span {color: #646F7D !important;font-weight: 400 !important;}

@media(min-width:1800px) {
.custom-nav .custom-container {padding: 0 36px;}
.otc-header-inner .search-wrap {position: relative;width: 100%;}
}
@media(min-width:1280px) {
/*.custom-nav.custom-nav-sticky {width:100%;left:0px;right:0px;position: fixed;width: 100%;top: 0;-webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown; z-index:9;}*/
/*.custom-nav.custom-nav-agent{margin-top:126px;}*/
li.nav-item.lower-menu {display: none;}
.ipad-search{display:none;}
 /*.agent-top {top: 116px !important;}*/
.categories-fixed-bottom .categories-fixed-b.categories-fixed-b-new {height: calc(100vh - 50px);}
.otc-header-inner {top:0px;position: fixed;z-index: 99;border: 0px;padding: 0;left: 0;right: 0;width: 100%;background-color: #fff;}

/*.navbar-nav li.nav-item.nav-item-line {position: relative;}
.navbar-nav li.nav-item.nav-item-line:after {position: absolute;content: "";height: 24px;width: 1px;right: 10px;top: 12px;background: #B1B9C1;}*/
}
@media(min-width:991px) {
    li.nav-item.search-menu {display: none;}
.otc-header-inner {width: 100%;background-color: #fff;}
/*.otc-header-inner .custom-container{border-bottom: 1px solid rgba(233, 236, 240, 1);}*/

}
@media (min-width:1440px) and (max-width:1799.98px) {
.otc-header-inner .search-wrap {width: 400px;}
.address-book {padding: 24px 0 0 40px;}
.myProfileRightPanel {padding: 32px 0 0 36px;}
}
@media (min-width:1024px) and (max-width:1279.98px) {
.multi-card-banner.custom-nav-agent {margin-top: 150px;}
.ipad-search{display:none;}.custom-nav{display:none;}
.otc-header-inner .category-search-wrap {width: 100%;margin: 15px 20px 16px 16px;}
.otc-header-inner .category-search-wrap .search-wrap form input { padding: 0 44px 0 16px;}
.otc-header-inner .navbar-nav .nav-link, .custom-nav .navbar-nav .nav-link {padding: 8px 5px;}
.custom-offcanvas {top:85px !important;}
.offcanvas-backdrop {top:85px;}
.otc-header-inner ul li a img {margin-right: 4px;}
.offcanvas-inner .accordion-header {border-top: 1px solid #E9ECF0 !important;}
}

@media (min-width:768px) and (max-width:1279.98px) {
.offcanvas-inner .nav-sub-menu li a {font-size: 16px;font-weight: 400;margin-left: 10px;}
.lower-menu ul li a img {height:20px; margin-right:8px;}
.offcanvas-inner {padding:0px;border-bottom:0;}
.lower-menu ul li a {padding: 12px;height: 56px;display: flex;align-items: center;}
.custom-offcanvas .offcanvas-header .offcanvas-title {font-size: 20px;line-height: 28px;}
.account-menu{display:none !important;}
.wallet-balance .wallet-store {padding: 0 0px 20px;}
.categories-popup {display: block;}
.offcanvas-inner .accordion-collapse a.dropdown-item {font-size: 18px;font-weight: 600;}
.shop-list-ipad ul li a {font-size: 16px;height: 40px;font-weight: 400;}
.shop-list-ipad {padding: 0px 24px;}
.shop-list-ipad ul li a:hover, .shop-list-ipad ul li a:focus{font-weight:600;}
.otc-header-inner {top:0px;position: fixed;z-index: 99;border: 0px;padding: 0;left: 0;right: 0;width: 100%;background-color: #fff;border-bottom: 1px solid rgba(177, 185, 193, 0.5);}
.wallet-card {margin: 0px 16px;}
}

@media (min-width:768px) and (max-width:1023.98px) {
.multi-card-banner.custom-nav-agent {margin-top:210px;}
.global-search{display:none !important;}
.custom-nav .dropdown-mega .custom-megadropdown {position: absolute; left:0;}
.custom-nav ul li{margin:0;}
.otc-header-inner .navbar-nav .nav-link, .custom-nav .navbar-nav .nav-link{font-size:14px; padding:8px;}
.category-search-wrap{display:none;}
.category-search-wrap.ipad-search{display:block; max-width:100%; margin:15px 24px  16px 0;}
.md-navbar{flex-direction:row; float:right; padding-top:20px;}
.category-search-wrap .search-wrap{max-width:100%;}
.custom-nav{display:none;}
.otc-header-inner .logo-section img {height: 26px;}
.custom-offcanvas {top:140px !important;}
.offcanvas-backdrop {top:140px;}
.otc-header-inner {box-shadow: 0px 4px 4px 0px #0000000D;width: 100%;background-color: #fff;min-height:140px;}
.search-backdrop {top: 130px;}
.ms-14{margin-left:14px;}
}

@media(max-width:1279.98px) {
/*.otc-header-inner {box-shadow: 0px 4px 4px 0px #0000000D;position: relative;z-index: 9999; border:0px;padding: 6px 0;}*/
.lower-menu ul li { width: 47%;}
.lower-menu ul li a img, .lower-menu ul li a svg{width:20px; margin-right:12px; height:20px;}
.offcanvas-inner .lower-menu ul li a {color: var(--secondary-color);}
.cart-circle {left: 15px;top: 1px;height: 16px;width: 16px;line-height: 16px;font-size: 10px;}
.offcanvas-inner .nav-sub-menu li a {font-size: 14px;font-weight: 600;margin-left:10px; height:36px;}
.offcanvas-inner .nav-sub-menu li {display: flex;align-items: center;}
.custom-offcanvas .offcanvas-header, .offcanvas-inner {padding:16px;border-bottom: 0;}
.categories-popup {padding: 30px 8px;z-index: 9999;}
.categories-popup button.close-btn {right: 10px;}
/*Search dropdown*/
.otc-header-inner .mob-search-wrap .search-input:hover, .mob-search-wrap .search-input:focus {border-radius: 6px;background-color: var(--white-color);}
.otc-header-inner .mob-search-wrap form input {font-size: 14px;outline: none;box-shadow: none; margin-bottom:6px; padding: 10px 16px 10px 44px;background-color: #fff;border: 2px solid #E9ECF0;border-radius: 6px;width: 100%;letter-spacing: 0.3px;line-height: 18px;color: #252525; height:40px;}
.mob-search-btn{left:16px; top:6px;}
.otc-header-inner .mob-search-wrap input::placeholder {color: var(--secondary-color) !important;font-size: 14px;line-height: 17px;font-weight: 600 !important;}
.mob-search-wrap.position-relative {position: relative;margin: 12px 0 0;}
.mob-search-wrap .search-close {right: 20px;top: 6px;position: absolute;background: transparent;}
.otc-header-inner .myOfferWrapper ul li, .mob-search-wrap ul li {display: block;position: relative;}
.otc-header-inner .mob-search-wrap ul li {display: block;}
/*Account*/
.custom-offcanvas .offcanvas-header .offcanvas-title{font-size:20px; line-height:24px;}
.custom-offcanvas .offcanvas-inner{padding:16px 0px;}
.offcanvas .offcanvas-body {margin-bottom:76px;padding: 0;}
.offcanvas-inner .accordion-collapse .accordion-body{background-color:#fff;padding:0px 0px 6px 38px;}
.offcanvas-inner .accordion-flush .accordion-collapse {border-bottom: 0;}
.offcanvas-inner .accordion-header .accordion-button {padding: 0px; width:100%;}
.offcanvas-body .lower-menu ul {padding: 0 12px;}
.account .accordion-button, .offcanvas-inner a {align-items: center;}
.offcanvas-inner .accordion-flush .accordion-item {border: 0;width: 100%;display: inline-block;}
/* Wallet Balance*/
.wallet-balance h6 {font-size: 14px;line-height:17px;}
.wallet-store-inner .wallet-title{font-size:16px;}
.wallet-ballance .wallet-cost h4{font-size:18px;}
.accordion-flush .accordion-button img, .accordion-flush .accordion-button svg, .accordion-flush .accordion-body svg, .accordion-flush .accordion-body img {width:20px; margin-right:8px; height:20px;}
.account .profile-footer {padding: 16px;}
.wallet-balance {padding:0px 16px;}

.track-menu .offcanvas-header h5{font-size:20px; line-height:24px; color:var(--woodsmoke-color); font-weight:600;}
.track-menu ul{padding:0 11px; background:#fff; border-top:1px solid #E9ECF0; border-bottom:1px solid #E9ECF0;}
.track-menu ul li a{padding:20px 0px; border-bottom:1px solid #E9ECF0; display:block; font-size:16px; font-weight:700; color:var(--woodsmoke-color); line-height:19px;}
.track-menu ul li:last-child a{border-bottom:none;}
.track-menu ul li a img{width:24px; margin-right:12px;}
/*.wallet-card .shop-title h3 {margin-bottom: 4px;font-size: 16px;font-weight: 600;line-height: 18px;}
.wallet-card .shop-title {width: 65px;}*/
}
@media(max-width:767.98px) {
.otc-header-inner {padding:0px;border-bottom: 1px solid rgba(233, 236, 240, 1);background: #fff;}

.multi-card-banner {margin: 26px 0px 26px;}
header .otc-header-inner .client-logo img, header .otc-header-inner .nb-logo img {height:20px;}
header .otc-header-inner .client-logo{margin:0px; padding:0px;}
header .otc-header-inner .client-logo:before{display:none;}
.otc-header-inner ul li a img {margin-right: 8px;height: 24px;}
.otc-header-inner .navbar-nav .nav-link, .custom-nav .navbar-nav .nav-link {padding: 8px}
.otc-header-inner .navbar-nav {display: inline-block;}
.otc-header-inner ul li {margin-right: 0;display: inline-block; position:relative;}
.custom-offcanvas {top: 50px !important;z-index:9999;}
.card-information{flex-direction:column-reverse;padding:24px;text-align:center;}
.card-information .content-area{padding:24px 0 0;}
.cart-circle {left: 21px;top: 2px;}
.otc-header-inner ul li .hamburger-menu {margin: 0;}
.offcanvas-inner .accordion-header {border-top: 1px solid #E9ECF0;margin: 0px 12px;}
.offcanvas-inner .lower-menu ul li a {padding:16px 12px; font-size: 16px;line-height: 19px; display:flex;align-items:center;height:100%;color: var(--secondary-color);}
.lower-menu ul li a {padding: 12px;font-size: 16px;line-height: 20px;height: 56px;display: flex;align-items: center;}

/*Account*/
.account .accordion-button, .switch-plan-item .accordion-header a{font-size:16px; padding:16px 0px; line-height:20px; font-weight:700;}
.account .accordion-button, .offcanvas-inner a {height: 60px;}
/*.wallet-card { margin: 0px 12px;}*/
.wallet-balances-sec .Wallet-title a.custom-link {max-width: 180px;}
.wallet-balances-sec .txpires-date {display: flex;margin: 12px 0 4px;}
.wallet-balances-sec .txpires-date p {margin: 0;background: #F5F6F8;padding: 4px;font-size: 14px;line-height: 18px;}
.wallet-balances-sec .shop-title {margin: 0px 40px 0 0;}
.wallet-balances-sec .shop-title:after {top: 10px;right: -20px;}
.wallet-balances-sec .shop p {display: flex;align-items: center;}
    .wallet-balances-sec .card {
        padding: 16px;
        width: 100%;
        border: 1px solid #E9ECF0;
        display: flex;
        height: 100%;
        min-height: 82px;
        background-color: #fff;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }
    .wallet-balances-sec {
        margin: 10px 0 0;
        overflow: hidden;
    }
    .wallet-ballance .offcanvas-inner {
        background-color: transparent;
    }
}
.offcanvas-hide {
    overflow: hidden;
}
/*.custom-nav.custom-nav-sticky {
    position: fixed;
    animation: slideDown .5s ease-out;
}

@keyframes slideDown {
    from {
        transform: translateY(-72px);
    }

    to {
        transform: translateY(0);
    }
}*/

.agent-banner .custom-offcanvas, .agent-banner .offcanvas-backdrop{top:126px !important}
.mycard-track{width:16px; height:16px; margin-left:6px; background:#D64029; display:inline-block; text-align:center; border-radius:100%; color:#fff; font-size:12px; line-height:17px; font-weight:700;}
.availtrack{width:8px; height:8px; background:#D64029; border-radius:100%; position:absolute; left:32px; top:12px;}
.submenu{position:relative; padding:8px 0; margin-top:2px;}
.submenu:hover .submenu-list{display:block;}
.submenu-list{position:absolute; display:none; width:100%; border-radius:6px; left:100%; top:0px; background:#fff;box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.15);}
.custom-nav .navbar-nav .submenu .nav-link{padding:16px;}
.dropdown-arrow:after{position:absolute;content:''; width:12px; height:12px; right:20px; top:21px;}
.submenu:hover .submenu-list {display: inline-table;}