/* #### Generated By: http://font.download #### */

@font-face {
    font-family: 'Univers LT Std';
    font-style: normal;
    font-weight: 300;
    src: local('Univers LT Std 45 Light'), url('../fonts/UniversLTStd-Light.woff') format('woff');
}

@font-face {
    font-family: 'Univers LT Std';
    font-style: normal;
    font-weight: 400;
    src: local('Univers LT Std 55 Roman'), url('../fonts/UniversLTStd.woff') format('woff');
}

@font-face {
    font-family: 'Univers LT Std';
    font-style: normal;
    font-weight: 500;
    src: local('Univers LT Std 65 Bold'), url('../fonts/UniversLTStd-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Univers LT Std';
    font-style: normal;
    font-weight: 700;
    src: local('Univers LT Std 75 Black'), url('../fonts/UniversLTStd-Black.woff') format('woff');
}

@font-face {
    font-family: 'Univers LT Std';
    font-style: normal;
    font-weight: 900;
    src: local('Univers LT Std 85 Extra Black'), url('../fonts/UniversLTStd-XBlack.woff') format('woff');
}

@font-face {
    font-family: 'Univers LT Std';
    font-style: italic;
    font-weight: 300;
    src: local('Univers LT Std 45 Light Oblique'), url('../fonts/UniversLTStd-LightObl.woff') format('woff');
}

@font-face {
    font-family: 'Univers LT Std';
    font-style: italic;
    font-weight: 400;
    src: local('Univers LT Std 55 Oblique'), url('../fonts/UniversLTStd-Obl.woff') format('woff');
}

@font-face {
    font-family: 'Univers LT Std';
    font-style: italic;
    font-weight: 500;
    src: local('Univers LT Std 65 Bold Oblique'), url('../fonts/UniversLTStd-BoldObl.woff') format('woff');
}

@font-face {
    font-family: 'Univers LT Std';
    font-style: italic;
    font-weight: 700;
    src: local('Univers LT Std 75 Black Oblique'), url('../fonts/UniversLTStd-BlackObl.woff') format('woff');
}

@font-face {
    font-family: 'Univers LT Std';
    font-style: italic;
    font-weight: 900;
    src: local('Univers LT Std 85 Extra Black Oblique'), url('../fonts/UniversLTStd-XBlackObl.woff') format('woff');
}


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


:root {
    --light-gray: #F1F1F6;
    /* --font: 'Univers LT Std';*/
    --font: "Open Sans", sans-serif;
    --bs-primary: #04884f;
    --bs-primary-rgb: 25,135,84;
}

body {
    font-family: var(--font);
}

.bg-background {
    background: var(--light-gray);
}


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

.page-heading-caption {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #030305;
}
.page-heading img {
    width: 36px
}

h1 {
 
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 1.2;
    /* identical to box height */
    color: var(--bs-black);
    margin-bottom: 0px
}

h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 0;
}

h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
}

li {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: var(--bs-black)
}
.itemsInList {
    display: flex !important;
    flex-flow: column !important;
    gap: 1rem !important;
    --bs-body-bg: var(--bs-primary);
    --bs-body-color: #fff
}
#parentimmediatechild h4 span, #saltmobile h4 span {
    font-size: 15px;
    opacity: 0.8;
}
#topDeviceList li a{font-weight:400; font-size:16px;}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #025231;
    --bs-btn-hover-border-color: #025231;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: #025231;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #04884f;
    --bs-btn-hover-border-color: #04884f;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #025231;
    --bs-btn-active-border-color: #025231;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #025231;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #025231;
    --bs-gradient: none;
}

.btnside {
    position: relative;
}

    .btnside::before {
        content: '';
        height: 100%;
        position: absolute;
        width: 10px;
        background: var(--bs-primary);
        left: 0;
        top: 0;
    }

a {
    font-family: 'Univers LT Std';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-decoration-line: underline;
    color: #000000;
}

.card {
    --bs-card-border-width: 0px
}

.cards-primary .card {
    --bs-body-bg: var(--bs-primary);
    --bs-body-color: #fff
}

.width-content {
    width: max-content;
}

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

.categoryNames {
    font-size: 14px;
}

#product-list li:hover, .card-click:hover, .list-item-click:hover {
    cursor: pointer
}

.list-item-click.active {
    --bs-list-group-active-bg: #fff !important;
    color: inherit !important;
    border-color: #dee2e6 !important;
}

a:hover {
    color: var(--bs-primary)
}

.btn-check:focus + .btn-primary, .btn-primary:focus{
    background-color:var(--bs-primary);
    border-color:var(--bs-primary)
}

.columnView{flex-direction:column;}

    .columnView .card-body{
        display:flex;
        justify-content:start;
        gap:0.75rem;
        align-items:center;
    }
        .columnView .card-body img{margin-bottom:0px !important}

        @media only screen and (max-width: 480px) {
            .page-heading img {
        width: 36px
    }

}



.notes-content img{
    width:100%;
    object-fit:scale-down;
    height:auto;
    object-position:top;
}
.customBadge {
    border: 1px solid rgb(204, 204, 204);
    background: #f9f9f9;
    color: rgb(51, 51, 51);
    font-family:'Univers LT Std';
    font-weight:400;
    //text-decoration: underline;
}
.customLinks{
    font-weight:700
}
.customBadge:hover {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}

#categoryCarousel {
    display: block !important;
    width: 100% !important;
}

.carousel-inner {
    width: 100%;
}

.carousel-item {
    transition: transform 0.6s ease-in-out;
}

.rating-box {
    background: #fff;
    //padding: 2rem;
    border-radius: 10px;
    //box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    text-align: center;
}

.rating-title {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.stars {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.star {
    font-size: 2rem;
    color: #ccc;
    cursor: pointer;
    transition: color 0.3s;
}

    .star.selected {
        color: gold;
    }


.feedback-label {
    margin-top: 1rem;
    font-size: 1rem;
    opacity: 0;
    transition: opacity 0.3s;
    min-height: 1.2rem;
}

    .feedback-label.visible {
        opacity: 1;
    }

.customLinks{
    text-decoration:underline;
    background:transparent;
}


#dtsteps .btn-outline-primary.btnside:hover {
    --bs-btn-hover-color: #04884f !important;
    --bs-btn-hover-bg: #fff !important;
}