/*---------------------------------
    1. Global use css
    2. Header css
    3. Moving Text css
    4. Gold Price css
    5. Shop css
    6. Produt Details css
    7. FAQ css
    8. Cart css
    9. Registration css
    10. Google Map css
    11. Network css
    12. Landing css  
    13. About Us css  
    14. Profile css 
    15. Log In css
    16. Order/History css

---------------------------------*/

/*---------------------------------
    Global use css start 
---------------------------------*/
.hidden {
    display: none !important;
}

.progress-wrap.active-progress {
    background: white;
}

.top-menu-ml-30 {
    margin-left: 30px;
}

.top-menu-ml-25 {
    margin-left: 25px;
}

.social-icon .wechat {
    background-color: #2ec100;
}

.social-icon .whatsapp {
    background-color: #29a71a;
}

.social-icon .link {
    background-color: #858585;
}

.payment-image img {
    max-width: 162px;
}

.sweet-alert h2 {
    font-size: 20px;
    font-weight: 500;
    margin: 25px 0px;
    color: #1F2024;
    line-height: 1.4;
}

.sweet-alert button {
    background-color: #fcbe00 !important;
    color: #222;
    font-size: 13px;
    font-weight: 500;
}

/*---------------------------------

    border-color: #fcbe00;
color: #222;

    Header css start 
---------------------------------*/
.header_search_all_category {
    position: relative;
}

.d-blue-bg {
    background-color: #222;
}

.textuppercase {
    text-transform: uppercase;
}

.main-menu ul li span {
    display: block;
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 13px 0;
}

.mean-container .mean-nav ul li span {
    display: block;
    float: left;
    width: 90%;
    padding: 10px 5%;
    margin: 0;
    text-align: left;
    color: #fff;
    border-top: 1px solid #e0e3ed;
    text-decoration: none;
    text-transform: uppercase;
}

.mean-container .mean-nav ul li span {
    width: 100%;
    padding: 10px 0;
    color: #222;
    border-top: 1px solid #ebebeb;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}


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

@media only screen and (max-width: 991px) {
    .hide-arrow {
        display: none !important;
    }
}

.logo .logo-image img {
    max-width: 92%;
}

.mobile-top-text-margin {
    margin: 10px 0px !important;
}

.header__search-box .search-input {
    padding-left: 15px;
}

.header__search-box::before {
    display: none;
}


/*---------------------------------
    Moving Text css start 
---------------------------------*/
.moveing-text-area {
    background-color: #222222;
}

/*---------------------------------
    Gold Price css start 
---------------------------------*/
.gold-price-1st-title, .gold-price-2nd-title {
    font-size: 1em !important;
    margin-bottom: 0.25rem !important;
    color: #dec481 !important;
    font-weight: 600 !important;
}

.buysell-title {
    color: #dec481;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
}

.gold-price-text {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}


.gold-price-text > span > .livegoldpricetext {
    margin: 5px 0px !important;
    font-size: 1.5em !important;
}

.product__item-shopgoldprice {
    padding: 20px 0px 0px 0px;
}

.gold-price-text > span > img {
    max-width: 28px;
    width: 100% !important;
}

@media only screen and (max-width: 1399px) {
    .gold-price-text > span > .livegoldpricetext {
        margin: 0px !important;
    }

    .gold-price-text > span > img {
        max-width: 20px;
    }
}

@media only screen and (max-width: 991px) {
    .gold-price-text > span > .livegoldpricetext {
        margin: 0px !important;
        font-size: 1.4em !important;
    }

    .gold-price-text > span > img {
        max-width: 20px;
    }
}


@media only screen and (max-width: 375px) {
    .gold-price-text > span > .livegoldpricetext {
        margin: 0px !important;
        font-size: 1.2em !important;
    }

    .gold-price-text > span > img {
        max-width: 18px;
        margin: 3px 0px 0px 0px !important;
    }
}


/* For Shop Only */

.gold-price-text2 > span > .livegoldpricetext {
    margin: 5px 0px !important;
    font-size: 1.5em !important;
}

.product__item-shopgoldprice {
    padding: 20px 0px 0px 0px;
}

.gold-price-text2 > span > img {
    max-width: 23px;
    width: 100% !important;
}

@media only screen and (max-width: 1399px) {
    .gold-price-text2 > span > .livegoldpricetext {
        margin: 0px !important;
    }

    .gold-price-text2 > span > img {
        max-width: 20px;
    }
}

@media only screen and (max-width: 991px) {
    .gold-price-text2 > span > .livegoldpricetext {
        margin: 0px !important;
        font-size: 1.4em !important;
    }

    .gold-price-text2 > span > img {
        max-width: 20px;
    }
}


@media only screen and (max-width: 375px) {
    .gold-price-text2 > span > .livegoldpricetext {
        margin: 0px !important;
        font-size: 1.2em !important;
    }

    .gold-price-text2 > span > img {
        max-width: 18px;
        margin: 3px 0px 0px 0px !important;
    }
}

.banner__item-shopgoldprice {
    border: 2px solid #b78846;
    border: 5px #b78846;
    border-style: double;
}

.goldpricepadding2 h6 {
    border-bottom: 1px #ffffff38;
    border-bottom-style: groove;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.goldpricepadding2 > div > div:first-child {
    border-right: 1px #ffffff38;
    border-right-style: groove;
}

/*
    border-bottom: 1px #ffffff38;
    border-bottom-style: groove;

    .banner__content h6 {  
    padding-bottom: 10px;
    margin-bottom:0px
}

        border-right: 1px #ffffff38;
    border-right-style: groove;
*/


/*---------------------------------
    Shop css start 
---------------------------------*/
.product__content-3 {
    padding-top: 6px;
}

.product-small-label {
    font-size: 14px;
}

/*---------------------------------
    Produt Details css start 
---------------------------------*/
.set85px {
    width: 85px;
}

.pricingtable {
    width: 100%;
    border: 2px solid #efebeb;
    border-radius: 5px;
}

    .pricingtable > tbody > tr > th {
        border: 1px solid #efefef;
        padding: 12px 0px;
        text-align: center;
    }

.cart-btn-width-100 {
    width: 100%;
}

.responsive-table {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*display: flex;
    display: -ms-flexbox;*/
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    overflow-x: auto;
    /*border-collapse: collapse;
        
    white-space: nowrap;
    width: 100%;
    overflow-x: auto;
    position: relative;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0.375rem;*/
}


@media only screen and (max-width: 991px) {

    .pricingtable > tbody > tr > th {
        margin: 0px 19px;
        font-size: 14px;
        min-width: 130px;
    }

    .responsive-table > tbody > tr > td {
        font-size: 14px;
    }
}

.product__modal2 {
    max-width: 500px;
}

.cta-item-d-2 {
    margin-right: 0px;
}

/*---------------------------------
    FAQ css start 
---------------------------------*/
.onliststyle > li {
    list-style: lower-alpha;
}

.onliststyleul > li {
    list-style: disc;
}

.onliststyleul {
    padding-left: 2rem;
}

/*---------------------------------
    Cart css start 
---------------------------------*/
.product-quantity > .variation {
    width: auto;
    padding: 0px 8px;
}

.tp-btn-h1-v2 {
    color: #222;
}

/*---------------------------------
    Registration css start 
---------------------------------*/
.upload-img-btn {
    padding: 12px 20px !important;
    height: auto !important;
}

/*---------------------------------
    Google Map css start 
---------------------------------*/
.google-map-btn {
    width: 100%;
    height: auto;
}

.change_map_div {
    width: 100%;
    text-align: center;
    border: 0;
    padding: 5px;
    border-radius: 5px;
    /*background-color: #0275d8;*/
    color: white;
}

.modal-b {
    display: none;
    z-index: 5;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

    .modal-b .container {
        background-color: white;
        height: 91%;
    }

    .modal-b input:focus, textarea:focus {
        outline: none;
    }

.centerMarker {
    position: absolute;
    /*url of the marker*/
    background: url(http://maps.gstatic.com/mapfiles/markers2/marker.png) no-repeat;
    /*center the marker*/
    top: 50%;
    left: 50%;
    z-index: 1;
    /*fix offset when needed*/
    margin-left: -10px;
    margin-top: -34px;
    /*size of the image*/
    height: 34px;
    width: 20px;
    cursor: pointer;
}

#pac-input:disabled {
    background-color: #ffffff;
}

.d-change {
    padding: 5px;
    border: 1px solid #ced4da;
    margin: 6px 10px;
    border-radius: 3px;
}

#change-map {
    text-align: end;
}

.d-change-map {
    margin-top: 20px;
}

#change-map div {
    font-size: 13px;
    text-align: center;
    border: 1px solid #929292;
    padding: 10px 11px;
    border-radius: 5px;
    /*background-color: #0275d8;*/
    color: white;
    width: 100%;
    display: block;
}

.mmaker {
    display: none;
    width: 27px;
    height: 43px;
    z-index: 300;
    position: absolute;
    background-color: transparent;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.m-map {
    height: 80%;
}

.btn_pos {
    width: 50px;
    height: 50px;
    z-index: 300;
}

#latlng:focus {
    outline: none;
}

#latlng:disabled {
    background-color: white;
}

.topmargin {
    padding: 4.5em 7px 7px 7px;
}

.flexiblesize {
    font-size: 15px;
}

.bottommargin {
    bottom: 0;
    margin-bottom: 0px;
    background-color: white;
    padding: 0;
    overflow: auto;
    width: 70%;
}

.paddingstyle {
    padding: 0;
}

@media only screen and (max-width: 1500px) {
    .m-map {
        height: 74%;
    }
}

@media only screen and (max-width: 320px) {
    .flexiblesize {
        font-size: 10px;
    }

    .topmargin {
        padding-top: 0em;
    }

    .bottommargin {
        bottom: 70px;
        margin-bottom: 0px;
        background-color: white;
        padding: 0;
        overflow: auto;
        width: 100%;
    }
}

@media only screen and (max-width: 375px) {
    .flexiblesize {
        font-size: 12px;
    }

    .topmargin {
        padding-top: 0em;
    }

    .bottommargin {
        bottom: 70px;
        margin-bottom: 0px;
        background-color: white;
        padding: 0;
        overflow: auto;
        width: 100%;
    }
}

@media only screen and (max-width: 414px) {
    .flexiblesize {
        font-size: 14px;
    }

    .topmargin {
        padding-top: 0em;
    }

    .bottommargin {
        bottom: 70px;
        margin-bottom: 0px;
        background-color: white;
        padding: 0;
        overflow: auto;
        width: 100%;
    }
}

@media only screen and (max-width: 920px) {
    .modal-b {
        display: none;
        z-index: 5;
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.4);
    }

    .sliderhead1 {
        margin-top: 4em !important;
    }

    .topmargin {
        padding-top: 0em;
    }

    .bottommargin {
        bottom: 70px;
        margin-bottom: 0px;
        background-color: white;
        padding: 0;
        overflow: auto;
        width: 100%;
    }
}

/*---------------------------------
    Google Map css end
---------------------------------*/


/*---------------------------------
    Network css start 
---------------------------------*/
.pad-0 {
    padding: 0px;
}

.tree li a {
    color: #1F2024 !important;
}

/*---------------------------------
    Landing css start 
---------------------------------*/
.product__thumb {
    margin-bottom: 1rem;
}

.product__content .features-des ul li span {
    font-size: 14px;
    color: #666;
}

    .product__content .features-des ul li span i {
        font-size: 6px;
        position: relative;
        top: -3px;
        margin-right: 5px;
    }


/*---------------------------------
    About Us css start 
---------------------------------*/
.about-image img {
    border: 5px solid #fcbe00;
}

.team-image .inner-timg {
    border: 4px solid #fcbe00;
}

/*---------------------------------
    Profile css start
---------------------------------*/
.desktop-profile-menu {
    /*width: 270px;*/
    /*float: left;*/
    /*padding: 10px 20px;
    padding: 10px 30px;*/

    width: 100%;
    margin-inline-end: 30px;
    background-color: #f1f1f1;
    display: block;
    padding: 15px 40px 15px 20px;
}

    .desktop-profile-menu > div > div > ul > li > a > h2 {
        font-size: 14px;
    }

    .desktop-profile-menu > ul {
        list-style: none;
        padding: 0;
        margin-bottom: 0;
        padding-inline-start: 20px;
        margin: 8px 0 8px;
    }

        .desktop-profile-menu > ul > li:not(:last-child) {
            border-bottom: 1px solid #e5e5e5;
        }

        .desktop-profile-menu > ul > li > a {
            display: block;
            padding: 8px 0;
        }

            .desktop-profile-menu > ul > li > a:after {
                float: right;
                font-family: "Font Awesome 5 Pro", sans-serif;
                content: '\f105';
                margin-inline-start: 10px;
            }

.icon-link-v2:hover span, .icon-link-v2 span {
    color: #222222 !important;
    margin-left: 0.75em;
}

.profile-logo {
    width: 3.75rem;
    height: 3.75rem;
}

.header-action-v2 {
    margin-left: 0px;
}

.label-radio input {
    width: 22px;
    height: 22px;
    margin: 8px 0px 0px 0px;
}


.label-radio label {
    margin: 0px 55px 0px 15px;
    vertical-align: super;
    font-size: 16px;
}

.subscribe__form > .button-phone {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    line-height: 45px;
    background: #fcbe00;
    color: #222;
    text-transform: uppercase;
    padding: 0 25px;
    border: 0;
    border-radius: 0 3px 3px 0;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
}

    .subscribe__form > .button-phone:hover {
        background-color: #ffffff;
        border: 1px solid #fcbe00;
        color: #222;
    }

.country-select select:focus-visible {
    outline: none;
}

.country-select select {
    border: 1px solid #e4e4e4;
    height: 45px;
    padding-left: 10px;
    width: 100%;
    color: #6f7172;
    margin-bottom: 20px;
    border-radius: 0;
    /*Nice Select*/
    /* -webkit-tap-highlight-color: transparent;
    background-color: #fff;
  
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
   
    line-height: 40px;
    outline: none;
   
    padding-right: 30px;
    position: relative;
    text-align: left !important;

    transition: all 0.2s ease-in-out;

    user-select: none;
    white-space: nowrap;*/
}

    .country-select select option {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);
        box-sizing: border-box;
        margin-top: 4px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
        transform: scale(0.75) translateY(-21px);
        -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        z-index: 9;
    }

.country-select2 {
    margin-bottom: 0px
}

.basic-login .icon-button {
    width: 24px;
    padding: 0px;
    height: auto;
    border: 0px solid #e5e5e5;
    margin: -2px 0px 0px 28px;
}

.address-row {
    border-bottom: 1px solid #e5e5e5;
}

.uploadpic-area {
    background: white;
    box-shadow: 1px 1px 4px #cdcdcd;
    padding: 35px 25px;
    width: 100%;
    margin: 0;
    border-radius: 15px;
}

.table-responsive-userprofile {
    overflow: auto;
    display: block;
    padding: 35px 0px 40px;
    margin-bottom: 25px;
}

.userprofile-container {
    padding: 0px;
}

.myprofile-title-text {
    font-weight: 600;
    margin-bottom: 10px !important;
    margin-top: 10px;
    font-size: 15px !important;
}

@media only screen and (max-width: 575px) {
    .uploadpic-area {
        padding: 15px 0px;
    }

    .mt-responsive {
        margin-top: 15px;
    }
}


/*---------------------------------
    Log In css start
---------------------------------*/
/*.basic-login input {
    border: 0px solid #e5e5e5;
    border-bottom: 2px solid #d9d9d9;
    border-radius: 25px;
}*/
/*    .basic-login input:focus {
        border: 0px solid #fcbe00;
        border-bottom: 2px solid #fcbe00;
    }*/
.basic-login .login-textbox {
    border: 0px solid #e5e5e5;
    border-bottom: 2px solid #d9d9d9;
}

    .basic-login .login-textbox:focus {
        border: 0px solid #fcbe00;
        border-bottom: 2px solid #fcbe00;
    }

.login-button {
    border-radius: 5px;
}

/*---------------------------------
    Order/History css start
---------------------------------*/
.so-header {
    background-color: #fcbe00;
}

.so-header-content {
    margin-top: 14px;
}

.so-header-text-1 {
    font-weight: 700;
    color: black;
}

.so-header-text-2 {
    font-weight: 700;
    background: white;
    padding: 8px 10px;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 1em;
    text-transform: uppercase;
}

.so-header-text-3 {
    color: blue;
}

.so-content-title-text {
    color: grey;
    font-weight: 700;
}

.so-content-desc-text {
    color: black;
}

.border-btm {
    border-bottom: 1px solid #e5e5e5;
}

.so-border {
    border: solid 1px #c1c1c1;
    border-radius: 0px 0px 18px 18px;
    margin-bottom: 20px;
}