.back-to-top{background-color: #05855C !important; font-family: 'Verdana', sans-serif !important; font-size: 16px !important;}
div#app {display: contents;}
.wr-promo-banner{display: contents;}

/* BS3 Promobanner CSS */
ol.breadcrumb {opacity: 0;height: 0;overflow: hidden;}
.promo-text-container, .promo-modal{
    /* wr Colors */
    --wr-primary: #05855C;
    --wr-primary-light: #08B47D;
    --wr-primary-light2: #04B17A;
    --wr-text-color: #171717;

    /* Fonts */
    --wr-georgia: 'Georgia', 'Cambria', 'Times', serif;
    --wr-verdana: 'Verdana', sans-serif;
    --wr-Tahoma: 'Tahoma', sans-serif;
}
.promo-text-container{
    /* wr Colors */
    --wr-primary: #05855C;
    --wr-primary-light: #08B47D;
    --wr-primary-light2: #04B17A;
    --wr-text-color: #171717;

    /* Fonts */
    --wr-georgia: 'Georgia', 'Cambria', 'Times', serif;
    --wr-verdana: 'Verdana', sans-serif;
    --wr-Tahoma: 'Tahoma', sans-serif;

    position: sticky;

    &.bg-green-darker{background-color: var(--wr-primary);}
    a.promo-banner {font-family: var(--wr-verdana); display: flex; justify-content: space-between; align-items: center; padding: 16px 12px; min-height: 34px;}
    a.promo-banner .mobile-promo {font-size: 14px; font-weight: 700; padding: 0; line-height: normal;}
    a.promo-banner .border-bottom{border: 0;}
    a.promo-banner .offer-details{font-size: 14px;font-family: var(--wr-verdana); padding: 0 !important; position: static;}
    
    @media (min-width: 768px) {
        a.promo-banner {justify-content: center; padding: 8px 12px;}
        a.promo-banner .mobile-promo {font-size: 14px; font-weight: 700;}
        a.promo-banner .offer-details{font-size: 12px; margin-top: 0;}
    }

    @media (min-width: 1200px) {
        position: sticky; top: 0;
    }
}
.promo-modal {
    .text-green-darker{color: var(--wr-primary);}
    h3{font-family: var(--wr-georgia);margin: 0;}
    h5{font-family: var(--wr-verdana); margin-bottom: 20px;}
    .modal-header{padding-bottom: 0;}
}
.promo-banner:hover {color: #fff}

/* Simple Header */
.simple-header{
    /* wr Colors */
    --wr-primary: #05855C;
    --wr-primary-light: #08B47D;
    --wr-primary-light2: #04B17A;
    --wr-text-color: #171717;
    --wr-bg1: #FAF8F5;
    --wr-bg2: #F5F5F5;

    /* Fonts */
    --wr-georgia: 'Georgia', 'Cambria', 'Times', serif;
    --wr-verdana: 'Verdana', sans-serif;
    --wr-Tahoma: 'Tahoma', sans-serif;
    --wr-h1: 2.25rem;
    --wr-h2: 1.875rem;
    --wr-sup-headline: 0.875rem;
    --wr-sub-headline: 1rem;

    font-family: var(--wr-verdana); font-size: 14px; color: var(--wr-text-color);
    
    /* background-color: #fff;display:block!important; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15); position: static; */
    *::after, *::before{display: none;}
    .container{padding: 0;}
    .dktp-visible{display: none;}    

    .navbar {background-color: #fff;display:flex!important; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15); position: static;padding: 12px;}
    .navbar-brand{margin-left: 20px; margin-right: auto;}
    .navbar-brand img {width: 118px; height: auto;}
    .navbar-header{display:flex; align-items: center; margin: 0; flex-wrap: wrap; width: 100%;}
    .navbar-header .navbar-branding-wrapper{display:flex; align-items: center;}
    
    .navbar-toggle {position: relative;float: none;padding: 8px 14px;margin:0;background-color: transparent;background-image: none;border: 1px solid transparent;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-radius: 4px;}
    .navbar-default .navbar-toggle {display: flex;flex-direction: column;gap:6px;padding:8px 2px;border:0;}
    .navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;}
    
    .header-link{display: flex; align-items: center; gap: 20px;}
    .header-link a {display: inline-flex !important; align-items: center;}
    .cart{position: relative; padding-right: 6px;}
    .cart .badge {position:absolute; background-color:var(--wr-primary) !important; top:-.5rem; left:1.5rem; border:1px solid #fff; color:#fff; display:inline-block; font-size:.75rem; padding:5px 6px; border-radius:50%; height:auto; max-width: 50px; overflow: hidden;}
    
    #mbl-navbar-collapse {width: 100%;}
    .navbar-nav{margin: 12px -12px 0; padding: 0 12px; border-top: 1px solid #D9D9D9;}
    .navbar-default .navbar-nav>li>a{padding: 12px 0; font-family: var(--wr-verdana); font-size: 16px;}
    #findYourPlanBtn{text-align: center; padding: 12px; margin: 4px -12px -12px; border-top: 1px solid #D9D9D9;}
    .navbar-default .navbar-nav>li>a.find-your-plan-btn{
        display: inline-flex; align-items:center; justify-content: center; gap: 8px; font-family: var(--wr-verdana); font-size: 16px; font-weight: 700; border: none; padding: 10px 12px; border-radius: 10px; cursor: pointer; text-decoration: none; transition: all 0.3s ease; background-color: var(--wr-primary); color: #fff;
        &:hover{box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.15);background-color: var(--wr-primary-light);}
    }
    .caret{
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M2.46967 6.96967C2.76256 6.67678 3.23744 6.67678 3.53033 6.96967L12 15.4393L20.4697 6.96967C20.7626 6.67678 21.2374 6.67678 21.5303 6.96967C21.8232 7.26256 21.8232 7.73744 21.5303 8.03033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L2.46967 8.03033C2.17678 7.73744 2.17678 7.26256 2.46967 6.96967Z' fill='%23171717'/></svg>");
        width: 24px;height: 24px;background-repeat: no-repeat;background-size: contain;border: 0;
    }
    .navbar-default .navbar-nav>li>a{color: var(--wr-text-color);}
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover{
        background-color: transparent; color: var(--wr-primary); outline: none;
        .caret{background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M2.46967 6.96967C2.76256 6.67678 3.23744 6.67678 3.53033 6.96967L12 15.4393L20.4697 6.96967C20.7626 6.67678 21.2374 6.67678 21.5303 6.96967C21.8232 7.26256 21.8232 7.73744 21.5303 8.03033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L2.46967 8.03033C2.17678 7.73744 2.17678 7.26256 2.46967 6.96967Z' fill='%2305855C'/></svg>");}
    }

    @media (max-width: 991px) {
        .container{width: 100%;}
        .mobile-number{display: none;}
        .account-name{display: none;}
    }

    @media (min-width: 992px) {
        .dktp-visible{display: block;}
        .mbl-visible{display: none;}

        .navbar-header{padding: 0 15px;}
        .navbar-default .navbar-toggle{display: none;}
        .navbar-brand {margin-left: 0; margin-right: 68px;}
        .navbar-brand img{width: 145px;}
        .header-link{order: 3; gap: 30px;}
        #mbl-navbar-collapse {display: flex; width: auto; margin-right: auto; height: auto !important;}
        #mbl-navbar-collapse .navbar-nav {float: none; border: 0; display: flex; gap: 40px; margin-top: 0;}
        .navbar-default .navbar-nav>li a{border: 0; font-size: 18px;}
        .navbar-nav>li{float: none;}
        .header-link a{font-size: 18px; color: var(--wr-text-color);}
        .header-link a .mobile-number{margin-left: 8px;}
        .navbar-nav>li>.dropdown-menu {padding: 16px 32px !important;flex-direction: column;align-items: flex-start;gap: 20px;border-radius: 16px;border: 1px solid #D9D9D9;background: #FFF;}
        .open>.dropdown-menu{display: flex;}
        .navbar-nav>li>.dropdown-menu li {border: 0;}
        .navbar-nav>li>.dropdown-menu li a {padding: 0 !important; font-family: var(--wr-verdana); font-size: 16px;}
        .navbar-nav>li>.dropdown-menu li a:hover{background: transparent !important; color: var(--wr-primary) !important;}
    }
    
    @media (min-width: 1200px) {
     
    }
}