@font-face {
        font-family: 'Zawgyi-One';
        src: url('Zawgyi-One.woff2') format('woff2'),
        url('Zawgyi-One.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    body {
        font-family: 'Zawgyi-One', sans-serif;
      }

      .header-nav-item, .user-accounts-text-link {
        font-family: 'Zawgyi-One', sans-serif;
    }



.header-bottom-list > li > a, .header-bottom-list > li > ul.ht-dropdown li a {
    font-family: 'Zawgyi-One', sans-serif;
}




body {
    /* font-family: 'Rubik', sans-serif !important; */
    font-family: 'Zawgyi-One', sans-serif !important;
}

h1 {
    font-family: 'Zawgyi-One', sans-serif !important;
}

h2 {
    font-family: 'Zawgyi-One', sans-serif !important;
}

h3 {
    font-family: 'Zawgyi-One', sans-serif !important;
}

h4 {
    font-family: 'Zawgyi-One', sans-serif !important;
}

h5 {
    font-family: 'Zawgyi-One', sans-serif !important;
}

h6 {
    font-family: 'Zawgyi-One', sans-serif !important;
}

p {
    font-family: 'Zawgyi-One', sans-serif !important;
}

a {
    font-family: 'Zawgyi-One', sans-serif !important;
}



.header-bottom-list > li.active > a, .header-bottom-list > li:hover > a {
    color: #1ab360;
}

/* font-family: 'Rancho', cursive; */

.font_index1{
    font-family: 'Rancho', cursive !important;
    text-transform: unset;
}

.font_index2{
    font-family: 'Lato', sans-serif !important;
}

.size_font_index1{
    font-size: 65px !important;
    color:  #098040;
}


.fs_xl{
    font-size: x-large !important;
}

.fs_xl_myanmar{
    font-size: 12px !important;
}


    .text_index1{
        text-transform: initial !important;
        font-size: 65px;
        color: #098040;
    }    

    .text_index1_1{
        color: #098040 !important;
    }


    .text_index2{
        text-transform: capitalize;
        color: #098040;
        margin-bottom: unset;
        text-align: center;
        padding-bottom: unset !important;
    }

    .text_index3{
        text-align: center;
        color: white;
        font-size: initial !important;
        line-height: 25px !important;
    }


    .text_index4{
        text-align: center;
    margin-bottom: 2%;
    color: #969696;
    font-size: larger;
    }

    .text_index5{
     text-transform: unset;
     color: #696767;
     text-align: center;
    }

    .text_index7{
        color: black !important;
    }

   

    .small-btn a:hover {
        background: #098040;
        color: white;
        border: 2px solid #098040;
    }

    .footer-content p {
        font-size: initial;
        color: #bff9da;
        line-height: 30px;
        font-family: 'Lato', sans-serif !important;
    }

    .footer-list li a {
        display: block;
        color: #bff9da;
        font-weight: 400;
        line-height: 30px;
        text-transform: unset;
    }
  
    .footer-list li a:hover, .footer-menu li a:hover, .footer-copyright p a:hover {
        color: #ffffff;
    }

    .footer-img-center{
        width: 10%;
        display: block;
        margin-left: auto
        ;margin-right: auto;
    }


    .pe-7s-mail-open:before {
        content: "\e63a";
        color: white;
        font-weight: bold;
    }

    .single-makal-product:hover .pro-content p {
        opacity: unset;
    }


    .font_index2_2{
        text-transform: capitalize;
        color: #098040;
        margin-bottom: 2%;
        margin-top: -2%;
    }

    .price {
        color: #268c52;
        font-size: larger;
        font-weight: unset;
        padding-right: 5px;
    }
    

    .breadcrumb-wrap .breadcrumb-title {
        color: #098040;
        padding-bottom: 10px;
    }

    .breadcrumb-wrap .breadcrumb .breadcrumb-item a {
        color: #098040;
        line-height: 1;
    }

    .breadcrumb-wrap .breadcrumb .breadcrumb-item.active {
        color: #098040;
    }

    .breadcrumb-wrap .breadcrumb .breadcrumb-item:before {
        color: #00462029;
        content: "/";
        font-size: 12px;
        margin: 0 5px;
    }

    .wrapper_index1{
        background: #cef3df;
        margin-bottom: 10%;
        margin-top: 10%;
    }


    .myaccount-content {
        border: 1px solid #cef3df;
    }

    .myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
        background-color: #098040;
        border-color: #cef3df;
        color: #cef3df;
    }

    .myaccount-tab-menu a {
        border: 1px solid #cef3df;
        background: #abd8bf;
        border-bottom: none;       
    }

    .font_w_unset{
        font-weight: unset;
    }


    .btn_sqr_index1 {
        background-color: #098040;
    }

    .single-input-item label {
        color: #098040;
        text-transform: capitalize;
        font-size: 14px;
    }
    

    .menu_mobile_index1{        
            color: #ffffff;
            font-weight: normal;
            font-size: medium;        
    }


    .ptb-90 {
        padding: 90px 0;
    }

    .m_60{
        margin-top: 60px;
    }

    .img_center{
        width: 70% !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .btn_bk_1{
        background: #098040;
    }

    .thead_index1{
        background: #098040;
        color: white;
        border-bottom: 5px solid #00632e;
        font-size: small;
        text-align: center;
    }

    .btn_bk_2{
        padding: 0px;
        background: #4da275;
        border-radius: 20px;
        border: 2px dotted white;
    }

    .mr-index1{
        margin-right: 40px;
    }


    .header .header-actions-action--cart .icon {
        height: 35px;
        width: 35px;
    }
    

    .input_index1{
        background: #f8f8f8;
        border: 1px solid #f8f8f8;
        text-align: right;
        font-size: medium;
        font-weight: bold;
    }

    .text_card_diamond {
        font-weight: unset;
        color: white;
        font-size: larger;
        line-height: 1.5;
        margin-top: 3%;
    }

    .form_index1{
        color: #555555;
        border: 1px solid #ccc;
        padding: 12px 10px;
        width: 100%;
        font-size: 14px;
        background: #f7f7f7;
        height: auto;
        border-radius: 0rem;
    }
    


   

    @media (max-width: 991px){

        .ptb-90 {
        padding: 0px 0;
        }

        .m_60{
            margin-top: 0px;
        }

        .img_center{
            width: 100%;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

        .zoom_index1{
            zoom: 55%;
        }

        .section-padding {
            margin-top: 0px;
           padding: 20px 0;
           padding-top: 0px;
        }


        .zoom_index2{
            zoom: 7%;
        }


        .cart-update-option {
            border: 1px solid #fff;            
            padding: 2%;
            width: 50%;
            float: right;          
            
        }

        .myaccount-content {
            padding-right: 0px;
            padding-left: 0px;
        }

        .line_index1{
            line-height: 1.5;
            text-align: center;
        }

        .font_index3{            
            font-size: smaller !important;
            color: #02632f !important;
        }

        .text_card_diamond {
            font-weight: unset;
            color: white;
            font-size: small;
        }


      


    }


        /* Extra small devices (phones, 600px and down) */
        @media only screen and (max-width: 600px) {
            .menu_res {
                position: inherit;
                z-index: 9;
                width: 100%;
            }
        }

        /* Small devices (portrait tablets and large phones, 600px and up) */
        @media only screen and (min-width: 600px) {
            .menu_res {
                position: inherit;
                z-index: 9;
                width: 100%;
            }
        }


        /* Medium devices (landscape tablets, 768px and up) */
        @media only screen and (min-width: 860px) {
            .menu_res {
                position: inherit;
                z-index: 9;
                width: 100%;
            }

        }

        /* Large devices (laptops/desktops, 992px and up) */
        @media only screen and (min-width: 992px) {
            .menu_res {
                position: absolute;
                z-index: 9;
                width: 100%;
            }

        }

        /* Extra large devices (large laptops and desktops, 1200px and up) */
        @media only screen and (min-width: 1200px){
            .menu_res {
                position: inherit;
                z-index: 9;
                width: 100%;
            }
        }