:root {
    --header-color: #fff;
    --header-top-color: #fff;
    --header-bot-color: #fff;
    --btn-color: #4b4c4e;
    --custom-fonts: Arial, sans-serif;
    font-size: 14px
}

body,
html {
    font-size: 1rem
}

body,
html,
button,
h2,
p,
span {
    font-family: var(--custom-fonts) !important;
    line-height: 1.2
}

.btn-success_74s3162dkl,
.survey_button_74s3162dkl,
.info-button_74s3162dkl {
    border-radius: 10px !important
}

.survey_button_74s3162dkl {
    border: 2px solid #f0f0f0 !important;
    color: #fff !important;
    padding: 5px 0 !important;
    margin: 5px 0 !important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .74) !important
}

p.question_74s3162dkl,
.comments_face_74s3162dkl,
.p_modal_74s3162dkl p,
.btn-lg_74s3162dkl,
.intro-offer--review span {
    font-size: 1rem !important
}

.main-content_74s3162dkl h2 {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    text-transform: none !important
}

.comment-status_74s3162dkl {
    font-size: .8rem !important
}

.comments_face_74s3162dkl .comment-status_74s3162dkl span,
.comments_face_74s3162dkl .name_74s3162dkl {
    color: #14357a !important
}

.all-content-wrapper_74s3162dkl {
    max-width: none;
    padding: 0
}

.content_74s3162dkl {
    background-color: #f2f6f7
}

p.name_74s3162dkl {
    font-weight: 700 !important
}

.main-content_74s3162dkl {
    background-color: #fff
}

.main-content_74s3162dkl h2 {
    font-weight: 300
}

.p_modal_74s3162dkl p {
    font-weight: 400 !important
}

.flex_74s3162dkl {
    display: flex;
    align-items: center
}

.grid {
    display: grid
}

.header_bcg_74s3162dkl {
    background-color: var(--header-color)
}

.the_header_74s3162dkl {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 38px;
    grid-template-areas: "ht" "hb"
}

.header--container_74s3162dkl {
    padding: 0 10px
}

.header--top_container_74s3162dkl {
    grid-area: ht;
    background-color: var(--header-top-color)
}

.header--bot_container_74s3162dkl {
    grid-area: hb;
    background-color: var(--header-bot-color);
    border-top: 1px solid #ebebeb
}

.header_top_74s3162dkl,
.header_bot_74s3162dkl {
    height: 100%;
    flex-grow: 1
}

.header_top_74s3162dkl {}

.header_bot_74s3162dkl {}

.header--split_74s3162dkl {
    flex-basis: 50%;
    height: 100%;
    color: #000;
    font-weight: 700
}

.header--split_74s3162dkl span {
    font-size: 12px
}

.header--split_left_74s3162dkl {}

.header--split_right_74s3162dkl {
    justify-content: flex-end
}

.logo_container_74s3162dkl {
    padding: 10px 0
}

.logo_74s3162dkl {
    width: 150px
}

.logo--img_74s3162dkl {
    width: 100%
}

.icons_74s3162dkl {
    height: 100%;
    justify-content: space-between;
    font-weight: 300;
    margin-left: auto
}

.icons--icon_element_74s3162dkl {
    cursor: pointer;
    justify-content: center
}

.icons--container_74s3162dkl {
    width: 25px
}

.icon_74s3162dkl {
    width: 100%
}



/* ------------------------------------ new header --------------------------------------------- */


p{
    font-size: 16px !important;
}

        .header {
            background-color: white;
            border-bottom: 1px solid #e0e0e0;
            padding: 0 20px;
            padding-left: 0px !important;
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
        }

        .left-section {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .menu-btn {
            background: none;
            border: none;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            gap: 4px;
            padding: 8px;
        }

        .menu-btn span {
            display: block;
            width: 20px;
            height: 2px;
            background-color: #333;
            transition: all 0.3s ease;
        }

        .menu-btn:hover span {
            background-color: #666;
        }

        .menu-text {
            font-size: 12px;
            font-weight: bold;
            color: #333;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-left: 5px;
        }

        /* .logo {
            height: 40px;
        } */

        .logo img {
            height: 100%;
            width: auto;
        }

        .center-section {
            flex: 1;
            display: flex;
            justify-content: center;
            max-width: 400px;
            margin: 0 20px;
        }

        .search-container {
            position: relative;
            width: 100%;
            max-width: 350px;
        }

        .search-input {
            width: 100%;
            padding: 12px 45px 12px 15px;
            border: 1px solid #ddd;
            border-radius: 25px;
            background-color: #f0f0f0;
            font-size: 14px;
            outline: none;
            transition: all 0.3s ease;
        }

        .search-input::placeholder {
            color: #999;
            text-transform: uppercase;
            font-size: 13px;
            letter-spacing: 0.5px;
        }

        .search-input:focus {
            background-color: white;
            border-color: #007bff;
            box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
        }

        .search-icon {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            width: 18px;
            height: 18px;
            cursor: pointer;
        }

        .search-icon::before {
            content: '';
            position: absolute;
            width: 12px;
            height: 12px;
            border: 2px solid #999;
            border-radius: 50%;
            top: 0;
            left: 0;
        }

        .search-icon::after {
            content: '';
            position: absolute;
            width: 2px;
            height: 6px;
            background-color: #999;
            transform: rotate(45deg);
            top: 10px;
            left: 10px;
        }

        .right-section {
            display: flex;
            align-items: center;
            gap: 25px;
        }

        .auth-links {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 12px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: #333;
            text-decoration: none;
        }

        .auth-links:hover {
            color: #007bff;
        }

        .cart-container {
            position: relative;
            display: flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            color: #333;
        }

        .cart-icon {
            width: 24px;
            height: 24px;
            position: relative;
        }

        .cart-icon::before {
            content: '';
            position: absolute;
            width: 20px;
            height: 16px;
            border: 2px solid #333;
            border-radius: 0 0 4px 4px;
            top: 6px;
            left: 2px;
        }

        .cart-icon::after {
            content: '';
            position: absolute;
            width: 12px;
            height: 2px;
            background-color: #333;
            top: 2px;
            left: 6px;
            border-radius: 2px 2px 0 0;
        }

        .cart-text {
            font-size: 12px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .cart-count {
            background-color: black;
            color: white;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            font-weight: bold;
            margin-left: 5px;
        }

        .mobile-menu {
            display: none;
            position: fixed;
            top: 70px;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: white;
            z-index: 1000;
            padding: 20px;
            transform: translateX(-100%);
            transition: transform 0.3s ease;
        }

        .mobile-menu.active {
            transform: translateX(0);
        }

        .menuuu{
            display: flex;
            padding: 27px 15px;
            align-items: center;
            background-color: #e0e0e0;
        }

        @media screen and (min-width: 769px)  {
            .mobile{
            display: none !important;
            
            
        }
        }

        @media (max-width: 768px) {
            .header {
                padding: 0 15px;
                height: 60px;
            }

            .desktop{
            display: none !important;
            
        }

             .search-container{
            display: none
            
        }

             .auth-links{
            display: none
            
        }

        

            .menuuu{
            padding-top: 0px;
            padding-bottom: 0px;
            background-color: white;
            padding-right: 0px;
            padding-left: 10px;
        }



            .left-section {
                gap: 15px;
            }

            .menu-text {
                display: none;
            }

            .center-section {
                margin: 0 10px;
                max-width: none;
            }

            .search-container {
                max-width: none;
            }

            .search-input {
                padding: 10px 40px 10px 12px;
                font-size: 13px;
            }

            .right-section {
                gap: 15px;
            }

            .auth-links {
                font-size: 11px;
            }

            /* .cart-text {
                display: none;
            } */

            /* .logo {
                height: 35px;
            } */
        }

        @media (max-width: 480px) {
            .header {
                padding: 0 10px;
            }

            .left-section {
                gap: 10px;
            }

            .center-section {
                margin: 0 8px;
            }

            .search-input {
                padding: 8px 35px 8px 10px;
                font-size: 12px;
            }

            .search-icon {
                width: 16px;
                height: 16px;
                right: 12px;
            }

            .search-icon::before {
                width: 10px;
                height: 10px;
            }

            .search-icon::after {
                height: 5px;
                top: 8px;
                left: 8px;
            }

            .right-section {
                gap: 12px;
            }

            .cart-icon {
                width: 20px;
                height: 20px;
            }

            .cart-count {
                width: 25px;
                height: 25px;
                font-size: 13px;
                background-color: black;
            }

            /* .logo {
                height: 30px;
            } */
        }
    

        .comment-status_74s3162dkl{
              margin-top: 10px;
            }