/* @font-face {
  font-family: "tajwalNormal";
  src: url(../fonts/Tajawal-Regular.ttf);
} */
body{
    counter-reset: my-sec-counter;
    overflow-x: hidden;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 25px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
p {
    font-size: 15px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.blue-btn,
a,
button {
    /* font-family: Tajawal-Bold; */
    font-family: "Tajawal", sans-serif;
    font-weight: bold;
}
p,
li,
label,
span {
    font-family: "Tajawal", sans-serif;
}
.orange-color {
    color: #ff531f !important;
}
.blue-color {
    color: #3e71b3 !important;
}
.header-top-search form {
    border: 1px solid #c3c3c3;
    border-radius: 20px !important;
}
.form-control:focus {
    box-shadow: none;
}
.header-top-search form .form-control {
    border: 0;
    background-color: transparent;
}
.gray-color {
    color: #736e6e !important;
}
.header-top-search .input-group-prepend {
    background-color: #ff531f;
    border-radius: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 2px 6px;
}
.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2;
}
.header-top-search .input-group-btn {
    border-right: 1px solid #d4d4d4;
    padding: 1px 27px;
}
.header-top-search .dropdown-toggle::after {
    display: none;
}
.top-header .dropdown-menu {
    text-align: center;
}
.header-top-search ul.dropdown-menu li {
    text-align: center;
}
.header-top-search ul.dropdown-menu li a {
    color: #000;
    text-decoration: none;
    padding: 0;
    position: relative;
    font-weight: normal;
}

.image-con-list{
    /*background-image: url(http://dev48.hoja-crm.com/upload/product/208/58-image.jpg);*/
    height: 300px;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #E1E1E1;
    border-bottom: none;
}
.login-register-img {
    padding-left: 5px;
}
.header-top-cart-login-menu ul {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}
.header-top-cart-login-menu li a {
    color: #000;
    font-weight: normal;
    position: relative;
}
.main-header .header-top-cart-login-menu li a{
    font-size: 15px;
}
.header-top-menu-icon img {
    max-width: 32px;
}
.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-weight: normal;
    font-size: 15px;
    text-align: right;
    padding-right: 0;
}
.header-top-search form .btn-default, .header-top-search form .form-control{
    font-size: 15px !important;
}
.second-header .navbar-nav {
    padding: 0;
    padding: 6px 0;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid #d4d4d4;
    /* margin-top: 15px; */
}
.header-mega-menu.dropdown-menu {
    text-align: center;
    margin-top: -1px;
}
.second-header nav.navbar {
    background-color: transparent;
    padding: 0;
}
.btn:focus{
    box-shadow: none;
}
.second-header .navbar-light .navbar-nav .nav-link:hover {
    color: #ff7f00;
}
.main-default-btn {
    border-radius: 5px;
    padding: 9px 25px;
    transition: all 2ms ease;
    font-size: 14px;
}

.orange-btn, .orange-btn-1 {
    background-color: #ff531f;
    color: #fff;
    border: 1px solid #ff531f;
}
.orange-btn:hover, .orange-btn-1:hover {
    background-color: #fff;
    color: #ff531f;
    transition: all 2ms ease;
}

.orange-btn-outline {
     background-color: #fff;
    color: #ff531f;
     border: 1px solid #ff531f;
}

.orange-btn-outline:hover {
     background-color: #ff531f;
    color: #fff;
    transition: all 2ms ease;
}
.white-btn {
    background-color: #fff;
    color: #ff531f;
    border: 1px solid #fff;
}
.white-btn:hover {
    background-color: #efefef;
    color: #ff531f;
    transition: all 2ms ease;
}

.index-slider-overlay {
    position: absolute;
    background-color: rgb(0 0 0 / 15%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.index-slider-text-data {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: absolute;
    top:40%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 750px;
    text-align: center;
}
.index-slider-text-data h2 {
    line-height: 40px;
}
.index-slider-main {
    position: relative;
    /* height: 370px;
    overflow: hidden; */
    color: #fff;
}
.index-slider-img-shadow {
    position: absolute;
    bottom: -1px;
}

.was-validated .form-control:invalid, .form-control.is-invalid{
    border: 1px solid #dc3545 !important
}
.index-slider-main .carousel-cell {
    width: 100%;
    height: 450px;
    background-size: cover;
    background-position: center;
    height: 240px;
}

.index-slider-main-home .carousel-cell {
    width: 100%;
    height: 450px;
    background-size: cover;
    background-position: center;
    height: 400px;
}
.index-slider-main .flickity-page-dots .dot {
    width: 25px;
    height: 25px;
    background: transparent;
    border: 1px solid #fff;
    opacity: 1;
}
.index-slider-main .flickity-page-dots .dot.is-selected {
    background: #fff;
}
.index-slider-main .flickity-page-dots {
    bottom: 80px;
}

.register-modal-form .right-left-hr span {
    color: #fff;
}
.index-category-box-data {
    position: relative;
    color: #fff;
    background-size: cover;
    background-position: center;
    margin-bottom: 25px;
}
.header-top-cart-login-menu li img {
    height: 28px;
}
#hamburger-icon img{
    height: 18px;
}
.index-category-box-text {
    position: relative;
    z-index: 9;
    padding: 40px 50px;
}
.index-catogry-box-border {
    position: relative;
    text-align: center;
    max-width: 180px;
    font-weight: bold;
}
.index-catogry-box-border:before {
    content: "";
    position: absolute;
    left: 5px;
    right: 0;
    top: 15px;
    height: 1px;
    z-index: 0;
    width: 50px;
    background: #fff;
}
.index-catogry-box-border:after {
    content: "";
    position: absolute;
    right: auto;
    left: 0px;
    top: 15px;
    height: 1px;
    z-index: 0;
    width: 50px;
    background: #fff;
}
.section-padding {
    padding: 35px 0;
}
.index-success-story .carousel .carousel-cell {
    width: 16.666667%;
}
.profile-photo-edit-info {
    width: 144px;
    height: 144px;
    top: 0;
    left: 0;
    border-radius: 100%;
    border: 3px solid #2b93c6;
    background-size: cover;
    position: relative;
    margin: auto;
    z-index: 1;
    background-position: center;
    /* box-shadow: 0 5px 15px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 0%);
    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 0%);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.19), 0 6px 6px rgb(0 0 0 / 0%); */
}
.index-success-story-img p {
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
    font-size: 17px;
}
.index-success-story {
    /* background-image: url("../images/success-story-back.svg"); */
    background-size: cover;
    background-position: center;
    height: 430px;
    color: #fff;
    padding-top: 60px;
}
.see-all-div,
.success-story-text {
    text-align: left;
}
.see-all-div {
    font-size: 17px;
}
.index-success-story-img a {
    font-size: 16px;
}
.index-success-story a {
    color: #fff;
}
.index-success-story .flickity-prev-next-button {
    background-color: #ff531f;
    width: 34px;
    height: 34px;
}
.index-success-story .flickity-prev-next-button .arrow {
    fill: #fff;
}
.index-success-story .slick-prev:before,
.index-success-story .slick-next:before {
    display: none;
}
.index-success-story .slick-prev,
.index-success-story .slick-next {
    width: 34px;
    height: 34px;
}
.index-categoryboxes2 .index-category-box-text .index-catogry-box-border {
    margin: auto;
}
.index-category-boxes2-big {
    padding: 20px 0;
    padding-bottom: 0;
    background-size: cover;
    margin-bottom: 25px;
}
 ul.pagination-flex{
    list-style: none;
    gap: 20px;
    justify-content: center;
}
.blue-btn{
    background: #456596;
    color: #fff;
}
.blue-btn.active{
    background: #ff531f;
    color: #fff;
}
.index-category2-no-maring-border .index-catogry-box-border {
    margin: 0 !important;
}
.btn-default {
    font-weight: 700;
}
.squeare-box-category .index-category-box-text {
    padding: 70px 50px;
}
.index-category2-max-width-img img {
    max-width: 350px;
    padding-bottom: 10px;
}
.header-top-cart-login-menu li {
    padding: 0 15px;
}
.header-top-cart-login-menu li:last-child {
    padding-left: 0;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
    flex: revert;
}
header .second-header ul.navbar-nav li:last-child a {
    padding-left: 0;
}
.orange-background-color {
    background-color: #ff531f !important;
}
.index-category-boxes2-big.orange-background-color {
    padding: 30px 10px;
}
.index-top-left-icon img {
    position: absolute;
    left: 0;
    max-width: 140px;
    top: -12px;
}
.index-category-boxes2-mt {
    margin-top: 100px;
}
.index-top-left-icon,
.index-bott-right-icon {
    position: relative;
}
.index-bott-right-icon img {
    position: absolute;
    right: 0;
    max-width: 140px;
    bottom: 0;
}
.index-mobile-store {
    margin-top: 40px;
}
.index-mobile-store img {
    max-width: 180px;
}
.index-mobile-app .row {
    max-height: 430px;
}
.index-box-old-new-price h4 {
    color: #2b93c6;
}
.index-box-old-new-price span {
    text-decoration: line-through;
    color: #8b8b8b;
    padding-right: 10px;
    font-weight: normal;
}
.footer-top-social {
    background-color: #6b92c5;
    padding: 20px 0;
}
.footer-top-social ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.footer-top-social ul li {
    padding-left: 15px;
    padding-right: 15px;
    
}
.footer-top-social ul li img {
    max-height: 25px;
}
.footer-logo {
    text-align: center;
    position: relative;
}
.footer-logo:before {
    content: "";
    position: absolute;
    left: 5px;
    right: 0;
    top: 50%;
    height: 1px;
    z-index: 0;
    width: 43%;
    background: #fff;
}
.footer-logo:after {
    content: "";
    position: absolute;
    right: auto;
    left: 0px;
    top: 50%;
    height: 1px;
    z-index: 0;
    width: 43%;
    background: #fff;
}
footer {
    background-color: #456596;
    color: #fff;
    padding: 20px 0;
    /*    padding-bottom: 0;*/
}
.footer-copyrights p {
    margin: 0;
}
.shadow-lg {
    box-shadow: 0 4px 1px rgb(0 0 0 / 18%) !important;
}
.justify-content-evenly
{
    justify-content: space-evenly;
}
.store-img-box .profile-photo-edit-info {
    border: 1px solid #d6d6d6;
    box-shadow: none;
    margin-right: 0;
    width: 142px;
    height: 142px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
.index-mobile-store a:hover {
    text-decoration: none;
}
.store-box-all-data {
    background-color: #eeeeee;
    padding: 25px 50px;
    margin-top: 40px;
    margin-bottom: 10px;
}
.store-box-text h4{
    font-size: 15px;
}
.footer-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.seller-story-box .store-img-box .profile-photo-edit-info {
    width: 136px;
    height: 136px;
}
.store-star-rating img {
    max-width: 130px;
}
.footer-menu ul li {
    margin-bottom: 9px;
}
.store-send-mess-btn {
    text-align: center;
}
.footer-menu ul a {
    color: #fff;
    font-weight: normal;
}
.footer-menu-last {
    float: left;
}
.footer-development {
    text-align: left;
}
.footer-development a {
    color: #fff;
    font-weight: normal;
}
.footer-development p {
    display: inline;
    margin-inline-start: 10px;
}
.footer-h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #fff;
}
.index-jordan-icon {
    position: fixed;
    top: 40%;
    z-index: 99;
}
/* slide menu */
#hamburger-icon {
    height: 20px;
    position: relative;
    display: block;
    z-index: 9998;
}

#hamburger-icon .line {
    display: block;
    background: #fff;
    width: 35px;
    height: 5px;
    position: absolute;
    left: 0;
    border-radius: 4px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#hamburger-icon .line.line-1 {
    top: 0;
}
#hamburger-icon .line.line-2 {
    top: 50%;
}
#hamburger-icon .line.line-3 {
    top: 100%;
}
#hamburger-icon.active .line-1 {
    transform: translateY(10px) translateX(0) rotate(45deg);
    -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
    -moz-transform: translateY(10px) translateX(0) rotate(45deg);
}
#hamburger-icon.active .line-2 {
    opacity: 0;
}
#hamburger-icon.active .line-3 {
    transform: translateY(-10px) translateX(0) rotate(-45deg);
    -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
    -moz-transform: translateY(-10px) translateX(0) rotate(-45deg);
}
/* Slide Menu */
.slide-menu {
    position: fixed;
    -webkit-transform: translateX(-450px);
    -ms-transform: translateX(-450px);
    transform: translateX(-450px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    background: #fff;
    top: 0;
    /* bottom: 0; */
    left: 0;
    color: #333;
    z-index: 9999;
    width: 450px;
    /* -webkit-box-shadow: 3px 0px 7px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 0px 7px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 0px 7px 0px rgba(0, 0, 0, 0.25); */
    /* padding: 10px 30px; */
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    visibility: hidden;
}
.slide-header {
    height: 150px;
    color: #fff;
    top: 0;
    position: relative;
    padding: 10px 20px;
}

.slide-close-button button {
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 50px;
    left: 20px;
    outline: none;
    z-index: 99999;
    opacity: 1 !important;
}
.slide-menu-here {
    border-top: 14px solid #2b93c4;
}
.slide-header > h1 {
    padding: 2em 0 0;
}
.slide-header p {
    font-size: 12px;
}
.slide-menu > .slide-menu-here > .menu {
    padding: 0.5em 0;
    list-style: none;
    padding: 0;
    margin: 0;
}
.slide-menu > .slide-menu-here > .menu li {
    position: relative;
}
.slide-menu > .slide-menu-here > .menu li > a {
    padding: 0.8em 1em;
    width: 100%;
    position: relative;
    display: inline-block;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}
.slide-menu > .slide-menu-here > .menu li > a img {
    margin-left: 15px;
    max-width: 35px;
}
.slide-menu > .slide-menu-here > .menu li.title span {
    padding: 0.8em 1em;
    border-bottom: 1px solid #ececec;
    width: 100%;
    position: relative;
    display: inline-block;
}
.slide-menu > .slide-menu-here > .menu li > .sub-menu {
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    -webkit-transition-duration: 0.65s;
    transition-duration: 0.65s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    display: none;
}
.slide-menu > .slide-menu-here > .menu li > .sub-menu.active {
    display: block;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.slide-menu > .slide-menu-here > .menu li > .sub-menu > li > a {
    padding-left: 2em;
    font-size: 13px;
    border-bottom: 1px solid #f5f5f5;
}
.slide-menu > .slide-menu-here > .menu li.title > .dropdownmenu:after {
    content: "\f107";
    top: 10px;
    position: Absolute;
    right: 2em;
    background-color: #aaa;
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    line-height: 20px;
    color: #fff;
    font: normal normal normal 14px/20px FontAwesome;
}
/* .slide-menu a:hover {
  background-color: #f8f8f8;
} */
/* Slide Left  */
.slide-left {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 99999;
    visibility: visible;
}
.mdl-layout__obfuscator {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-left ~ .mdl-layout__obfuscator {
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible;
}
/* end slide menu */
.fade-background-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: rgb(0 0 0 / 75%);

    display: none;
    z-index: 1040;
}
.inner-pages {
    background-color: #f0f0f0;
}
.white-background {
    background-color: #fff;
}
.forgot-password-text-top {
    padding: 70px 15px;
}
/* radio */
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
    display: none;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
    position: relative;
    cursor: pointer;
    color: #000;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    right: -25px;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #ff531f;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #ff531f;
    position: absolute;
    top: 4px;
    right: -21px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* end radio */
.forgot-password-radio p {
    text-align: right;
    border: 1px solid #e2e2e2;
    padding: 10px;
    border-radius: 5px;
    font-size: 17px;
    color: #000;
}
.forgot-password-button {
    text-align: right;
}
.forgot-password-top-text p {
    text-align: right;
}
.forgot-password-code-number .form-group {
    text-align: right;
}
.forgot-password-code-number .form-control {
    height: calc(2em + 0.75rem + 2px);
    border-radius: 5px;
}
.white-btn2 {
    border: 1px solid #bebdbd;
    color: #676767;
    margin-right: 10px;
}
.white-btn2:hover {
    border-color: #ff531f;
}
.register-modal-img {
    background-size: cover;
    height: 590px;
    overflow: hidden;
}
/* .register-modal-big .register-modal-img, .register-modal-big .login-modal-right-data-form {
  height: 900px;
} */
.login-modal .modal-dialog {
    justify-content: center;
    display: flex;
    align-items: center;
    max-width: 970px;
}
.login-modal .modal-header {
    border: 0;
    padding: 0;
}
.login-modal .modal-header button {
    position: absolute;
    width: 40px;
    opacity: 1;
    right: -15px;
    top: 0;
    padding: 0;
    z-index: 99;
    outline: none;
}
.register-modal-img-box {
    background-size: cover;
    /*    background-position: 0 -40px;*/
    background-position: 14px -40px;
}
.otp-modal-img-box
{
     background-size: cover;
        background-position: center;
}
.login-logo-div {
    text-align: center;
    padding: 100px 0;
    color: #fff;
}
.login-logo-div p {
    font-size: 17px;
}
.login-logo-div a {
    color: #fff;
    margin-right: 20px;
}
.login-register-tabs.nav-tabs .nav-item .nav-link {
    border: 0;
    border-bottom: 6px solid #d2d2d2 !important;
    color: #000;
}
.login-register-tabs.nav-tabs {
    padding: 0;
    justify-content: center;
    border: 0;
}
/*Scroll bar*/
/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: blue orange;
}

/* Works on Chrome, Edge, and Safari */
.map-left-data-box::-webkit-scrollbar {
    width: 10px;
}

.map-left-data-box::-webkit-scrollbar-track {
    background: #f2f0f0;
}
.map-left-data-box-parent{
    position: relative;
    height: 100%;
}
.map-left-data-box::-webkit-scrollbar-thumb {
    background-color:  #ff531f;
    border-radius: 10px;
    border: 2px solid #f2f0f0;
}
/*end Scroll bar*/
.storeData.allMapData h3{
    margin: 10px 0;
    margin-bottom: 0;
}
.login-register-tabs.nav-tabs .nav-item {
    margin-left: 20px;
    width: 170px;
    text-align: center;
}
.form-radio-btn label {
    color: #201d1d;
    font-weight: 500;
}
.login-form-regs .form-group label {
    font-weight: 700;
    color: #201d1d;
}
.form-check-label {
    color: #736e6e;
    font-weight: normal;
    font-size: 14px;
}
.login-forgot-password-text a {
    color: #201d1d;
    font-weight: bold;
}
.modal-divider {
    position: relative;
}
.modal-divider span {
    position: absolute;
    right: 45%;
    top: -15px;
    background-color: #fff;
    display: block;
    padding: 0 10px;
    color: #606060;
}
.modal-divider hr {
    border-top: 1px solid #c0c0c0;
}
.btn-social-data {
    font-size: 15px;
    font-weight: 200;
    padding: 21px 7px;
    border: 1px solid #d9d9d9;
    width: 100%;
    display: flex;
    align-items: center;
    color: #4c6373;
    cursor: pointer;
    background-color: #fff;
    border-radius: 2px;
    height: 55px;
    padding-top: 18px;
}
.btn-social-data img {
    margin-left: 5px;
    width: 25px;
    margin-top: 6px;
}
.register-modal-big .modal-body {
    padding: 0;
}
.register-modal-form-col6 {
    padding: 30px;
}
.otp-modal-form-col6
{
    padding: 40px;
}
.store-section {
    position: relative;
    height: 240px;
    color: #fff;
    background-size: cover;
    background-position: center;
}
.store-section .about-text-all-data h3{
    font-size: 50px;
}
.store-section .about-text-all-data p {
    font-size: 30px;
}
.seller-story-box {
    background-color: #fff;
    border: 1px solid #d9d9d9;
}
.storePage .seller-story-box{
    border: 0;
}
.card .store-img-box{
    display: flex;
    justify-content: center;
    padding-top: 15px;
}
.storePage .store-box-all-data{
    padding: 0;
}
.seller-story-box .main-default-btn {
    padding: 9px 30px;
}
.breadcrumb-item + .breadcrumb-item:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f053" !important;
    color: #707070 !important;
    padding-right: 0;
    padding-top: 7px;
    padding: 10px;
    font-size: 10px;
}
.breadcrumb-item,
.breadcrumb-item a {
    color: #000 !important;
    font-size: 17px;
    font-weight: bold;
}
.breadcrumb {
    background-color: transparent;
    margin: 0;
    padding: 0;
}
.my-account-all-data {
    background-color: #e2eaf1;
    position: relative;
}
.my-account-right-box {
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #d3d3d3;
}
.my-account-right-box .nav-link img {
    padding-left: 13px;
    float: right;
}
.my-account-right-box .nav-pills .nav-link {
    border-radius: 0;
    margin-bottom: 15px;
    padding: 12px 15px;
    color: #2B93C6 !important;
}
.my-account-white-icon {
    display: none;
}
.my-account-right-box .nav-pills .nav-link.active .my-account-white-icon {
    display: block;
}
.my-account-right-box .nav-pills .nav-link.active .my-account-blue-icon {
    display: none;
}
.my-account-right-box .nav-pills .nav-link.active,
.my-account-right-box .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #ff531f;
}
.my-account-all-data .index-top-left-icon img {
    max-width: 230px;
    bottom: 0;
    top: auto;
    position: relative;
}
.my-account-all-data .index-top-left-icon {
    position: absolute;
    left: 0;
    bottom: 0px;
}
.my-account-box-left-data {
    background-color: #fff;
    border-radius: 14px;
    border: 1px solid #d5d5d5;
    padding: 40px;
}
.my-account-box-left-data label {
    color: #404040;
    font-weight: 500;
}
.my-account-box-left-data .form-group label img {
    margin-left: 7px;
}
.my-account-payment-card-box {
    border: 1px solid #d0d0d0;
    padding: 30px 20px;
    margin-top: 30px;
}
.my-account-card-check-img {
    text-align: left;
}
.my-account-payment-card-box button.orange-btn {
    background-color: transparent;
    color: #ff531f;
    padding: 9px 30px;
    /*    float: left;*/
}
.my-account-delete-card-btn-col{
    text-align: left;
}
.my-account-payment-card-box h3 {
    font-size: 14px;
}
.my-account-add-card-btn {
    margin-top: 30px;
    padding: 15px 50px;
}
.my-account-payment-card-box button.orange-btn:hover {
    background-color: #f9f4f4;
}
#addCardModal .modal-dialog {
    max-width: 600px;
}
#addCardModal .modal-body {
    padding: 30px;
}
.my-account-row-card-data {
    text-align: left;
}
.payment-card-min-height {
    min-height: 20px;
}
.newUserBtn 
{
    justify-content: center;
}
/* Checkbox */
.b-checkbox {
    overflow: hidden;
    position: relative;
    padding: 0 0 0 40px;
    min-height: 20px;
    margin: 20px 0;
    display: inline;
}
.b-checkbox__label {
    cursor: pointer;
}
.b-checkbox__label:after {
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    border-radius: 0;
    background: #fff;
    border: 1px solid #c5c5c5;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    text-align: center;
    color: #f2f2f3;
}
.b-checkbox__input {
    display: none;
}
.b-checkbox__input:checked + label:after {
    content: "\f00c";
    font: 16px/20px "FontAwesome";
    background: #fff;
    color: #999;
}
/* Checkbox */
.b-checkbox button {
    padding: 3px 20px;
    border-radius: 0;
    margin-right: 30px;
}
.my-account-message-all-data {
    padding: 15px;
}
.my-account-my-message-data-gray-box {
    background-color: #f7f7f7;
    border-radius: 4px;
    border: 1px solid #cccccc;
    padding: 13px 20px;
    margin: 20px 0;
}
.my-account-my-message-data-gray-box span {
    /*padding-left: 38px;*/
}
.blue-color2 {
    color: #2b93c6 !important;
}
.my-account-message-header,
.my-account-message-body {
    background-color: #fff;
    border-radius: 14px;
    border: 1px solid #d5d5d5;
    padding: 20px;
}
.my-account-message-body {
    margin-top: 30px;
}
.my-account-body-message-all-data-box {
    box-shadow: 0 2px 10px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 0%);
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 0%);
    -moz-box-shadow: 0 2px 10px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 0%);
    padding: 15px;
    border-radius: 15px;
    background-color: #fff;
    position: relative;
}
.my-message-time {
    float: left;
    font-weight: 600;
    font-size: 15px;
}
.my-account-body-message-title p:first-child {
    font-size: 18px;
}
.my-account-message-arrow {
    width: 30px;
    content: " ";
    background-image: url(../white-message-arrow.svg);
    position: absolute;
    left: -29px;
    top: 14px;
    height: 50px;
    background-size: cover;
}
.my-account-body-message-all-data-box.orange-background-color
.my-account-message-arrow {
    background-image: url(../orange-message-arrow.svg);
    right: -17px;
}
.my-account-body-message-all-data-box.orange-background-color {
    color: #fff;
    /*margin-top: 100px;*/
}
.my-account-form-message-text .form-control {
    height: calc(6.5em + 0.75rem + 2px);
    margin-top: 25px;
}
.my-account-form-message-text .form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #2b93c6;
    opacity: 1; /* Firefox */
}

.my-account-form-message-text .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #2b93c6;
}

.my-account-form-message-text .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #2b93c6;
}
.my-account-message-send-btn {
    text-align: left;
}
.my-account-message-body-scroll {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 12px;
}
.my-account-view-data-form img {
    float: right;
    margin-left: 10px;
    margin-top: 6px;
}
.my-account-view-data-form p {
    display: grid;
    font-size: 16px;
}
.my-account-view-data-form {
    margin-bottom: 20px;
}
.my-account-view-data-form p .gray-color {
    font-size: 14px;
}
.black-color {
    color: #000 !important;
}
.my-account-view-data-form p a {
    margin-top: 15px;
}
.my-account-view-edit-data-icon {
    margin-bottom: 35px;
}
.account-address-box {
    background-color: #fff;
    padding: 20px 20px;
    border: 1px solid #d5d5d5;
    border-radius: 8px;
    border-bottom-right-radius: 0;
    text-align: center;
    min-height: 220px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 20px;
}
.account-address-edit {
    align-items: end;
}
.edit-address {
    position: relative;
    padding-right: 3px;
}
.delete-address {
    color: #f90000;
}
.my-account-add-address {
    color: #000;
    font-weight: normal;
}
.add-address .my-account-address-add-footer {
    justify-content: end;
    border: 0;
    padding: 0 35px;
    padding-bottom: 20px;
}
/* on off */
.onoffswitch {
    position: relative;
    width: 37px;
    display: inline-block;
    /* margin-right: 100px; */
    top: 4px;
}
.onoffswitch .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #cccbcb;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin: 0;
}
.onoffswitch .onoffswitch-inner {
    width: 200%;
    margin-right: -100%;
    -webkit-transition: margin 0.15s ease-in-out;
    -o-transition: margin 0.15s ease-in-out;
    -moz-transition: margin 0.15s ease-in-out;
    transition: margin 0.15s ease-in-out;
}
.onoffswitch .onoffswitch-inner:before,
.onoffswitch .onoffswitch-inner:after {
    float: right;
    width: 50%;
    padding: 0;
    line-height: 24px;
    font-size: 80%;
    color: hsl(0, 0%, 100%);
    font-weight: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 17px;
}
.onoffswitch .onoffswitch-inner:before {
    content: "";
    padding-right: 10px;
    background-color: #6b92c5;
    color: hsl(0, 0%, 100%);
}
.onoffswitch .onoffswitch-inner:after {
    content: "";
    padding-left: 10px;
    background-color: hsl(0, 0%, 98%);
    color: hsl(0, 0%, 24%);
    text-align: left;
}
.onoffswitch .onoffswitch-switch {
    width: 16px;
    height: 16px;
    margin: 0;
    background: #ff531f;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 23px;
    -webkit-transition: right 0.15s ease-in-out;
    -o-transition: right 0.15s ease-in-out;
    -moz-transition: right 0.15s ease-in-out;
    transition: right 0.15s ease-in-out;
}
.toggle-group {
    position: relative;
    right: 0;
    margin-top: 0;
    min-height: 0;
    margin-bottom: 20px;
}
.toggle-group input[type="checkbox"] {
    position: absolute;
    right: 10px;
    display: none;
}
.toggle-group
input[type="checkbox"]:checked
~ .onoffswitch
.onoffswitch-label
.onoffswitch-inner {
    margin-right: 0;
}
.toggle-group
input[type="checkbox"]:checked
~ .onoffswitch
.onoffswitch-label
.onoffswitch-switch {
    left: 1px;
}
.toggle-group input[type="checkbox"]:focus ~ .onoffswitch {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
}
.toggle-group label {
    position: absolute;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    line-height: 24px;
    width: 100%;
    z-index: 1;
    height: 24px;
}
/* ==== Accessibility ===== */
.aural {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}
.aural:focus {
    clip: rect(0, 0, 0, 0);
    font-size: 1em;
    height: auto;
    outline: thin dotted;
    position: static !important;
    width: auto;
    overflow: visible;
}

/* on off */
.add-address .modal-header {
    padding: 40px;
    padding-bottom: 0;
    border: 0;
}
.add-address .modal-body {
    padding: 40px;
    padding-bottom: 0;
}
.add-address .close {
    opacity: 1;
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 9;
    padding: 0;
    outline: none;
}
.add-address .modal-dialog {
    max-width: 700px;
}
.add-address form label {
    font-weight: bold;
    color: #000;
    font-size: 14px;
    text-align: right;
    right: 25px;
}
.add-address .modal-content {
    border-radius: 16px;
}
.add-address .form-control {
    border: 1px solid #e9e9e9;
    height: calc(2em + 0.75rem + 2px);
}
.red-btn {
    background-color: #ff0000;
}
#cancel-account-modal-message label {
    text-align: left;
    font-size: 15px;
}
.my-account-share-img {
    margin: 30px 0;
}
.my-account-share-text p {
    font-size: 19px;
}
.my-account-share-button {
    text-align: right;
}
.my-account-share-text form .form-control {
    border-color: #e2e2e2;
    height: calc(2.5em + 0.75rem + 2px);
    border-radius: 50px;
    color: #000;
    font-weight: bold;
}
.my-account-share-text .form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    font-weight: bold;
    opacity: 1; /* Firefox */
}

.my-account-share-text .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000;
    font-weight: bold;
}

.my-account-share-text .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #000;
    font-weight: bold;
}
.my-account-share-text button {
    border-radius: 3px;
}
a.edit-address:before {
    content: "";
    position: absolute;
    left: 7px;
    bottom: 4px;
    height: 13px;
    z-index: 0;
    width: 1px;
    background: #707070;
}
.account-edit-delete a {
    padding-left: 10px;
}
.my-account-order-tab .card-link img {
    float: right;
    padding-left: 10px;
}
.my-account-order-tab .card-link i {
    position: absolute;
    left: 20px;
    top: 10px;
    color: #000000;
    font-size: 25px;
    font-weight: bold;
}
.my-account-order-tab .card-link {
    color: #000000;
    font-weight: 500;
}
.my-account-product-name a {
    color: #000000;
    font-weight: 600;
    font-size: 17px;
}
.noData img {
    max-width: 200px;
    margin: auto;
}
.my-account-order-tab .card {
    border: 0;
    border-radius: 0;
    background-color: transparent;
}
.my-account-order-tab .card-header {
    background-color: transparent;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
}
/* .my-account-order-tab #accordion{
  border-left: 1px solid #E0E0E0;
  padding-left: 10px;
} */
.my-account-order-tab .card-header p,
.my-account-order-tab .my-account-main-top-header h3 {
    max-width: 100px;
    text-align: center;
}
.my-account-order-body-img {
    float: right;
    padding-left: 20px;
}
.my-account-order-body-img img {
    height: 85px;
}
.my-account-order-all-data .main-default-btn {
    padding: 9px 30px;
    float: left;
}
.my-account-order-accordion .card-body {
    padding: 25px 0;
}
.my-account-order-tab .card:last-child .card-header {
    border: 0;
}
.yadwi-book-text {
    padding: 20px 0;
}
.yadwi-book-text p {
    font-size: 20px;
}
.store-book-boxes-section .profile-photo-edit-info {
    width: 79px;
    height: 79px;
    margin-top: 0px;
}
.store-book-boxes-section .main-default-btn {
    border-radius: 0;
    padding: 9px 40px;
}
.store-book-all-data {
    margin-bottom: 35px;
}
.yadawi-book2-box-all-data .index-category-box-data p {
    font-size: 19px;
    color: #444444;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 !important;
}
.yadawi-book2-box-all-data .index-category-box-data p.blue-color {
    font-weight: 500;
}
.yadawi-book2-box-all-data {
    border: 1px solid #d9d9d9;
    padding: 40px 70px;
    border-radius: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.yadawi-book2-section .yadawi-book2-box-all-data img {
    margin-bottom: 20px;
    height: 70px;
}
/* .index-category-box-data {
  margin-bottom: 0;
} */
.yadawi-book2-box-all-data {
    margin-bottom: 25px;
}
.the-store-section .about-text-all-data p {
    font-size: 17px;
}
/* Multi step */
.multi-steps > li.is-active ~ li:before,
.multi-steps > li.is-active:before {
    /* content: counter(stepNum); */
    content: "";
    font-family: inherit;
    font-weight: 700;
}
.multi-steps > li.is-active ~ li:after,
.multi-steps > li.is-active:after {
    background-color: #dadada;
}

.multi-steps {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.multi-steps > li {
    counter-increment: stepNum;
    text-align: center;
    display: table-cell;
    position: relative;
    color: #0e0e0e;
    font-weight: bold;
}
.multi-steps > li:before {
    /* content: "";
    content: "✓;";
    content: "𐀃";
    content: "𐀄";
    content: "✓"; */
    content: "";
    display: block;
    margin: 4px auto 4px;
    background-color: #fff;
    width: 27px;
    height: 27px;
    line-height: 32px;
    text-align: center;
    font-weight: bold;
    border-width: 2px;
    border-style: solid;
    border-color: #2b93c6;
    background-color: #2b93c6;
    border-radius: 50%;
    margin-bottom: 13px;
}
.multi-steps > li:after {
    content: "";
    height: 4px;
    width: 100%;
    background-color: #2b93c6;
    position: absolute;
    top: 16px;
    right: 50%;
    z-index: -1;
}
.multi-steps > li:last-child:after {
    display: none;
}
.multi-steps > li.is-active:before {
    background-color: #fff;
    border-color: #2b93c6;
    background-color: #2b93c6;
}
.multi-steps > li.is-active ~ li {
    color: #8f8f8f;
    font-weight: normal;
}
.multi-steps > li.is-active ~ li:before {
    background-color: #fff;
    border-color: #2b93c6;
}
/* end multi step */
.irada-aproved-step {
    margin-top: 40px;
}
.irada-aproved-img {
    margin-bottom: 40px;
}
.irada-aproved-img img {
    max-height: 300px;
}
.irada-aproved-text h3 {
    margin-bottom: 30px;
    color: #433f3f;
}
.shipping-text h3 {
    font-size: 19px;
}
.shipping-text p {
    font-size: 17px;
}
.store-stoarge-box-data p a {
    font-weight: normal;
    font-size: 18px;
}
textarea {
    resize: none;
    height: auto !important;
}
.store-stoarge-modal-data .modal-header button {
    width: 40px;
}
.store-starge-sectoin .index-cat-box-img a {
    font-weight: normal;
}
.store-starge-sectoin .index-cat-box-img a img {
    height: 50px;
}
.register-merchant-form-all label {
    font-weight: bold;
}
.register-merchant-form-all .form-control {
    border-color: #cccccc;
    border-radius: 0;
}
.register-merchant-form-all .form-group {
    margin-bottom: 3rem;
}
.register-merchant-form-all #map {
    width: 100%;
    height: 300px;
    border-radius: 10px;
    margin-bottom: 3rem;
}
/*Upload image*/
/* .fileuploader {
  position: relative;
  margin: auto;
  height: 200px;
  border: 1px solid #F0F0F0;
  background: #fff;
  margin-top: 2px;
  border-radius: 5px;
} */
.add-product-new-upload label, .add-product-new-upload span {
    font-weight: 500;
    font-size: 18px;
}
.dz-clickable {
    cursor: pointer;
}
.fileuploader #upload-label {
    background: rgba(231, 97, 92, 0);
    color: #fff;
    position: absolute;
    height: 115px;
    top: 20%;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    min-width: 20%;
    text-align: center;
    cursor: pointer;
}
.fileuploader.active {
    background: #fff;
}
.fileuploader.active #upload-label {
    background: #fff;
    color: #e7615c;
}

.fileuploader #upload-label i:hover {
    color: #444;
    font-size: 9.4rem;
    -webkit-transition: width 2s;
}

.fileuploader #upload-label span.title {
    font-size: 1em;
    font-weight: bold;
    display: block;
}

span.tittle {
    position: relative;
    top: 222px;
    color: #bdbdbd;
}

.fileuploader #upload-label i {
    text-align: center;
    display: block;
    color: #e7615c;
    height: 115px;
    font-size: 9.5rem;
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
}
/** Preview of collections of uploaded documents **/
.preview-container {
    position: relative;
    bottom: 0px;
    width: 100%;
    margin: auto;
    top: 25px;
    visibility: hidden;
}
.preview-container #previews {
    max-height: 400px;
    overflow: auto;
}
.preview-container #previews .zdrop-info {
    width: 88%;
    margin-right: 2%;
}
.preview-container #previews.collection {
    margin: 0;
    box-shadow: none;
    margin-bottom: 20px;
    border: 0;
}

.preview-container #previews.collection .collection-item {
    padding: 10px;
}

.preview-container #previews.collection .actions a {
    width: 1.5em;
    height: 1.5em;
    line-height: 1;
}
.preview-container #previews.collection .actions a i {
    font-size: 1em;
    line-height: 1.6;
}
.preview-container #previews.collection .dz-error-message {
    font-size: 0.8em;
    margin-top: -12px;
    color: #f44336;
}

/*End upload image*/
.register-add-category a {
    font-size: 18px;
    text-decoration: none;
}
.register-add-category a span {
    padding-right: 10px;
}
.register-add-category a img {
    max-width: 35px;
}
.register-merchant-form-all button.orange-btn, .register-merchant-form-all button.orange-btn-1 {
    border-radius: 4px;
    padding: 6px 50px;
}
.register-merchant-form-all {
    padding-bottom: 50px;
}
.register-merchant-form-all button.orange-btn, .register-merchant-form-all button.orange-btn-1 {
    margin-left: 30px;
}
.form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("../drop-down-arrow.svg");
    background-repeat: no-repeat;
    background-position-x: 2%;
    background-position-y: 15px;
}
.my-account-share-text .form-group select {
    background-position-y: 23px;
}
.register-merchant-form-all small.min-height-text {
    min-height: 43px;
}
.offer-date-form {
    border: 1px solid #beb7b7;
    border-radius: 0;
    min-height: auto !important;
}
.add-product-new-upload .video{
    max-width: 100%;
    height: auto;
}
.offer-date-form .form-control {
    border: 0 !important;
}
.offer-date-form hr {
    border-top: 1px solid #c6c6c6;
    width: 95%;
    margin: auto;
}
.dz-clickable img {
    float: right;
    padding-left: 10px;
}
.my-account-store-tab .profile-photo-edit-info {
    width: 74px;
    height: 74px;
    margin-right: inherit;
    float: right;
    border: 1px solid #b6b0b0;
    cursor: pointer;
}
.my-account-store-image-title h2 {
    font-size: 20px;
}

/* upload icon */
.upload-btn-wrapper {
    position: absolute;
    bottom: -10px;
    right: 10px;
    z-index: 999;
    cursor: pointer;
}
.upload-btn-wrapper .btn {
    padding: 0;
}
.upload-btn-wrapper .btn img {
    width: 35px;
}

.upload-btn-wrapper input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 36px;
    height: 36px;
    cursor: pointer;
}
.my-account-merchant-add-store {
    text-align: left;
}
.my-account-merchant-document-title h3 {
    font-size: 17px;
    font-weight: 500;
}
.my-account-merchant-document-description p {
    color: #636363;
}
.my-account-merchant-icon-text p {
    font-weight: 500;
    font-size: 18px;
}
.my-account-merchant-icon-text span {
    color: #636363;
    display: block;
    font-size: 16px;
    margin-top: 10px;
}
.my-account-merchant-icon-text {
    margin-bottom: 40px;
}
.my-account-download-certi label {
    color: #636363;
    font-size: 15px;
}
.my-account-merchant-icon-text img {
    margin-left: 10px;
}
.my-account-report-tab .my-account-merchant-icon-text {
    margin-bottom: 0;
}
.my-account-report-tab hr {
    margin-top: 0;
}
.add-product-imge-box {
    border: 1px solid #e8e3e3;
    position: relative;
}
.remove-img-pro {
    position: absolute;
    top: -10px;
    width: 20px;
    left: -8px;
    cursor: pointer;
}
.add-product-video-img {
    background-position: center;
    background-size: cover;
    cursor: pointer;
}
.video-modal-iframe iframe {
    width: 100%;
    height: 300px;
    border-radius: 16px;
}
/* data table */
.add-branch-all-data label {
    color: #8a8787;
}
.dataTables_filter label:before {
    content: "\f002";
    font-family: FontAwesome;
    right: 40px;
    position: absolute;
    top: 7px;
    color: #ff531f;
}
.view-more-product-box .my-account-merchant-icon-text p {
    font-weight: bold;
    font-size: 17px;
    color: #000;
}
.view-more-product-box .my-account-merchant-icon-text {
    margin-bottom: 15px;
}
.view-more-product-video {
    max-width: 265px;
    margin-bottom: 30px;
}
.key-word-blue-btn {
    background-color: #0084bd;
    color: #fff;
    width: 135px;
    /* height: 55px; */
    padding: 9px 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    float: right;
    font-size: 14px;
    align-items: center;
}
.key-word-blue-btnNew {
    padding: 0;
    margin-bottom: 10px;
    font-size: 14px;
    align-items: center;
    justify-content: center;
}
.view-more-product-key-word-btn{
    text-align: center;
}
.about-royal-logos img{
    max-height: 210px;
}
.key-word-blue-btn p {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.mb-7{
    margin-bottom: 7rem !important;
}
.view-more-product-box .my-account-merchant-icon-text p span {
    font-weight: normal;
}
.dataTables_wrapper .dataTables_filter input {
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
    padding-right: 35px;
    outline: none;
}
table.dataTable thead .sorting_desc {
    background-image: url(../sort_desc.png) !important;
    background-image: none !important;
}
table.dataTable thead .sorting {
    background-image: url(../sort_both.png);
    background-image: none !important;
    padding: 20px 5px;
    border: 0;
}
table.dataTable.no-footer {
    border: 0 !important;
}
.add-client-btn-top {
    position: absolute !important;
    left: 0;
    z-index: 99;
}
.dataTables_wrapper .dataTables_length {
    position: absolute;
    bottom: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #ff531f !important;
    box-shadow: none;
    color: #fff !important;
    border: 0 !important;
    outline: none;
}
.dataTables_wrapper .dataTables_info {
    display: none;
}
.dataTables_wrapper .dataTables_paginate {
    float: left;
    text-align: left;
    margin-top: 35px;
}
table.dataTable tbody tr {
    background-color: #f7f7f7;
}
table.dataTable tbody th,
table.dataTable tbody td {
    border-bottom: 6px solid #fff;
    padding: 12px 5px;
    border-top: 0 !important;
}
table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    background-color: transparent;
}
.dataTables_length label{
    color: #000;
}
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: transparent;
}
.dataTables_wrapper .dataTables_length select {
    border: 0;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    color: #a29a9a;
    outline: none;
    margin: 0 10px;
}
.product-offer-img {
    max-width: 90px;
    border: 1px solid #e3e3e3;
}
.max-width-header-table {
    max-width: 150px;
}
.add-product-view-more {
    font-size: 14px;
    color: #2a93c6;
}
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #6c757d !important;
}
.table.dataTable {
    max-width: 100% !important;
}
/*.dtfh-floatingparent.dtfh-floatingparenthead {
    top: 0px !important;
}

table.fixedHeader-floating {
    background-color: white;
}

table.fixedHeader-floating.no-footer {
    border-bottom-width: 0;
}

table.fixedHeader-locked {
    position: absolute !important;
    background-color: white;
}

@media print {
    table.fixedHeader-floating {
        display: none;
    
    }
}*/
/*.fa-caret-down {
font-family:'FontAwesome';
}*/
.table-width-100 {
    max-width: 100% !important;
}

.table-width-100.dataTable.no-footer.dtr-inline.fixedHeader-floating {
    top: 0px !important;
}
.breadcrumb-back-btn {
    text-align: left;
}
.breadcrumb-back-btn a {
    color: #707070;
    font-weight: normal;
    text-decoration: none;
}
.table-order-view-btn {
    border-radius: 3px;
    padding: 5px 30px;
    padding-top: 0;
}
.cart-login-form {
    border: 1px solid #d4d4d4;
    padding: 25px 30px;
}
.cart-login-form .login-form-regs {
    max-width: 75%;
}
.cart-login-payment-details {
    border: 1px solid #efefef;
    padding: 25px 40px;
}
.cart-login-payment-details p {
    margin: 0;
    font-size: 16px;
}
.cart-hr-border {
    margin: 15px 0;
}
.font-weight-med {
    font-weight: 500;
}
.summary-left-data {
    text-align: left;
}
.cart-login-form .form-control {
    border-radius: 0;
}
.cart-login-form .form-group {
    margin-bottom: 2rem;
}
.cart-delivery-all-data #map {
    height: 250px;
}
.cart-delivery-search-map .input-group {
    position: absolute;
    top: 0px;
    z-index: 99;
    left: 0;
    right: 0;
    width: 200px;
    margin: auto;
    margin-top: 15px;
}
.cart-delivery-all-data {
    position: relative;
}
.cart-delivery-map-top-shadow {
    position: absolute;
    top: 0;
    z-index: 9;
    width: 100%;
}
.activeOnMap{
    background-color: #2b93c6;
    color: #fff;
}
.activeOnMap a{
    color: #fff !important;
}
.activeOnMap h3, .activeOnMap p{
    color: #fff !important;
    margin: 0;
}
.storeData.allMapData {
    padding: 5px;
}
.cart-delivery-map-top-shadow img {
    width: 100%;
}
.my-account-message-send-btn img {
    max-width: 50px;
}
.cart-delivery-search-map .input-group-append button {
    padding: 0;
    position: absolute;
    left: 10px;
    top: 7px;
    z-index: 9;
}
.cart-delivery-search-map .form-control {
    padding-left: 30px;
}
.cart-login-form .form-group label {
    font-weight: normal;
}
.cart-payment-form .form-control {
    border-radius: 6px;
    border-color: #cacaca;
    height: calc(1.8em + 0.75rem + 2px);
}
.cart-payment-form form h3 {
    margin-bottom: 15px;
}
.payment-success-img img {
    max-width: 140px;
    margin-bottom: 30px;
}
.payment-success-section .main-default-btn{
    padding: 6px 50px;
}
.cart-bread-row .breadcrumb-item + .breadcrumb-item:before {
    color: #3c3838 !important;
}
.cart-login-section .irada-aproved-step {
    margin-top: 30px;
}
.cart-main-go-payment-btn {
    padding: 9px 20px;
    border-radius: 7px;
}
.cart-continue-shopping {
    text-align: center;
    margin-top: 25px;
}
.cart-continue-shopping a {
    color: #3c3838;
    font-weight: bold;
}
.cart-delivery-date {
    border: 11px solid #eeeeee;
    padding: 30px 20px;
    text-align: center;
    margin-top: 30px;
}
.cart-delivery-date img {
    margin-left: 5px;
}
.cart-counter-number .minus,
.cart-counter-number .plus {
    width: 38px;
    height: 31px;
    background: #eeeeee;
    border-radius: 0;
    /* padding: 3px 5px 8px 5px; */
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #000;
    font-size: 21px;
    line-height: 27px;
}
.cart-img-text .gray-color2 {
    color: #989595 !important;
    font-size: 14px;
}
.cart-counter-number input {
    height: 31px;
    width: 38px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #d4d0d0;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
}
.cart-product-img-div-img {
    position: relative;
}
.cart-product-img-div-img img {
    width: 100%;
}
.cart-add-fav-img img {
    position: absolute;
    top: 0;
    left: -10px;
    color: #e91515;
    width: 15px;
}
.cart-img-text .cart-main-title a {
    font-size: 17px;
    color: #000;
}
.cart-price p {
    font-size: 17px;
}
.cart-item-data-all-data {
    border: 1px solid #d4d4d4;
    padding: 15px 20px;
}
.cart-add-fav-remove .edit-address {
    padding-left: 20px;
    padding-right: 0;
}
.cart-add-fav-remove a.edit-address:before {
    bottom: 0px;
    height: 25px;
    left: 12px;
}
.cart-add-fav-remove .gray-color {
    color: #929292 !important;
}
.account-edit-delete.cart-add-fav-remove {
    margin-top: 10px;
}
.cart-img-text {
    max-width: 90%;
}
.cart-full-hr-border {
    margin: 15px -20px;
}
.active-star i {
    color: #ffbb00;
}
.not-active-star i {
    color: #707070;
}
.store-star-rating ul li {
    padding-left: 9px;
}
.store-star-rating ul{
    justify-content: center;
}
.merchant-top-section .my-account-merchant-icon-text {
    margin-bottom: 0;
}
.merchant-top-section .my-account-merchant-icon-text p,
.merchant-top-section .my-account-merchant-icon-text p a {
    color: #000;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 5px;
}
.merchant-top-section .my-account-merchant-icon-text img {
    margin-left: 7px;
}
.merchant-all-data-box{
    background-color: #F9F7F7;
    padding: 50px;
}
.merchant-max-width-text{
    max-width: 270px;
}
.price-old-new .old-price{
    text-decoration: line-through;
    padding-right: 10px;
    font-weight: normal;
    color: #C4C4C4;
}
.merchant-slide-data{
    margin: 0 15px;
    margin-right: 0;
}
.multiple-items2 .slick-next{
    right: -45px;
}
.multiple-items2 .slick-prev {
    left: -35px;
}
.multiple-items2 .slick-prev, .slick-next, .multiple-items2 .slick-prev{
    width: 30px;
    height: 30px;
}
.about-support-slider-section .slick-prev, .about-support-slider-section .slick-next{
    width: 40px;
    height: 40px;
}
.about-support-slider-section .slick-next {
    right: -45px;
}
.about-support-slider-section .slick-prev {
    left: -45px;
}
.merchant-store-product .main-default-btn{
    padding: 6px 25px;
}
.merchant-slide-img img{
    width: 100%;
}
.merchant-box-text-all{
    padding: 15px 20px;
    border: 1px solid #E1E1E1;
    border-top: none;
    background-color: #fff;
}
.merchant-slide-img{
    position: relative;
    height: 245px;
    overflow: hidden;

}
.merchant-off-price p{
    margin: 0;
    background-color: #2B93C6;
    color: #fff;
    width: 80px;
    padding: 5px 10px;
    text-align: center;
    position: absolute;
    bottom: 0;
}
.merchant-add-fav-icon i{
    position: absolute;
    left: 10px;
    bottom: 5px;
    color: #D62B2B;
}
.merchant-store-product .store-star-rating ul{
    margin-bottom: 5px;
}
.price-old-new h3{
    font-size: 16px;
}
.merchant-store-product .slick-next:before, .merchant-store-product .slick-prev:before{
    display: none;
}
.merchant-store-product .slick-prev, .merchant-store-product .slick-next{
    width: 30px;
    height: 30px;
    z-index: 9;
}
.store-box-text{
    text-align: center;
}
.store-box-text h3{
    font-size: 17px;
   min-height: 50px;
   margin-bottom: 0;
}
.store-box-text a{
     color: #000;
}
.merchant-top-section h4{
    font-size: 17px;
}
.second-rating-design li a{
    color: #B9B9B9;
    font-weight: normal !important;
    font-size: 30px;
}
.gray-color3{
    color: #9F9898;
}
.store-rating-section .main-default-btn{
    padding: 4px 40px;
}
.product-love-share .dropdown-menu {
    min-width: 100px;
}

.dropdown-submenu {
    position: relative;
}
/*.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 17px;
  top: 25px;
}*/
.dropdown-submenu .dropdown-menu {
    top: 0px;
    left: 100%;
    margin-left: 13px;
    margin-right: 0.1rem;
}
.product-love-share .dropdown-toggle::after{
    display: none;
}
.product-heart-icon{
    font-size: 25px;
}
.product-heart-icon i{
    color: #FF531F;
}
.header-main-logo img{
    max-width: 200px;
}
.first-top-header {
    padding: 12px 0;
}

/* .item-main-product-slide .carousel-cell {
  background: #8C8;
  counter-increment: carousel-cell;
  color: white;
  
} */
/* .item-main-product-slide .carousel-cell:before {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  text-align: center;
  content: counter(carousel-cell);
} */

.item-main-product-slide .carousel-main .carousel-cell {
    width: 100%;
    /*    max-height: 500px;*/
    /*    height: 250px;
        overflow: hidden;*/
}
.item-main-img{
    text-align: center;
    height: 638px;
    /*        overflow: hidden;*/
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
/*.item-main-img img{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-10%) translateX(-50%);
}*/
/*.item-main-product-slide .carousel-nav {
    width: 300px;
    transform: rotate(90deg) translate(135px, -147%);
    transform-origin: bottom;
}
.item-main-product-slide .carousel-nav .carousel-cell {
    transform: rotate(-90deg);
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin-right: 1rem;
     selected cell 
}*/
/* .item-main-product-slide .carousel-nav .carousel-cell.is-nav-selected {
  background: #ED2;
} */
.item-main-product-slide .carousel-nav{
    margin-top: 20px;
    z-index: 111;
}
.merchant-slide-data-no-slider.Disabled{
    opacity: .4;
}
.zoomContainer{
    width: unset !important;
    height: unset !important;
}
.item-main-product-slide .carousel-nav .carousel-cell{
    width: 13%;
    cursor: pointer;
    opacity: 0.5;
    margin-left: 5px;
    height: 60px;
}
.item-main-product-slide .item-main-img-small{
    border: 0;
    height: 60px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}
.item-main-product-slide .carousel-nav .carousel-cell.is-selected.is-nav-selected{
    opacity: 1;
}
.item-main-product-slide .carousel-nav .carousel-cell.is-selected.is-nav-selected .item-main-img-small{

    border: 2px solid #ff531f;
}
.item-main-product-slide .carousel-nav .flickity-prev-next-button {
    width: 40px;
    height: 40px;
    background: transparent;
}
.item-single-img-slide{
    height: 200px;
    border: 0;
}
.store-product-background-img {
    height: 245px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.item-main-product-slide .carousel-nav .flickity-prev-next-button.previous {
    left: 0;
}
.item-main-product-slide .carousel-nav .flickity-prev-next-button.next {
    right: 0;
}
.item-main-img-small {
    border: 1px solid #C3C3C3;
    padding: 5px;
}
.item-main-product-slide .carousel-nav .flickity-viewport{
    width: 85% !important;
    margin: auto;
}
.item-main-img-small img{
    height: 60px;
    width: 60px;
}
/*.item-main-product-slide .carousel-nav .flickity-prev-next-button{
    top: 25%;
}*/
/* custom dropdown select */

.item-custom-drop-down-select .dropdown {
    display: inline-block;
    position: relative;
}

.item-custom-drop-down-select .dd-button {
    display: inline-block;
    border: 1px solid #EBEBEB;
    border-radius: 25px;
    padding: 7px 40px;
    padding-right: 20px;
    background-color: #ffffff;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    font-size: 15px;
    width: 150px;
}

.item-custom-drop-down-select .dd-button:after {
    content: "";
    position: absolute;
    top: 9px;
    width: 25px;
    height: 25px;
    background-image: url(../down-arrow-select2.svg);
    background-size: cover;
    background-position: center;
}

.item-custom-drop-down-select .dd-button:hover {
    background-color: #eeeeee;
}

.item-custom-drop-down-select .dd-input {
    display: none;
}

.item-custom-drop-down-select .dd-menu {
    position: absolute;
    top: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
    margin: 2px 0 0 0;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    list-style-type: none;
    width: 100%;
    z-index: 9;
}
.item-product-size-box{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    float: left;
}

.item-custom-drop-down-select .dd-menu {
    display: none;
}
/*.item-custom-drop-down-select .dd-input + .dd-menu {
    display: none;
}*/

/*.item-custom-drop-down-select .dd-input:checked + .dd-menu {
    display: block;
}*/

.item-custom-drop-down-select .dd-menu li {
    padding: 10px 20px;
    cursor: pointer;
    white-space: nowrap;
    height: 42px;
    text-align: center;
}
.dd-menu .item-product-color-box{
    float: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.dd-menu .item-product-size-box{
    float: none;
}
.item-custom-drop-down-select .dd-menu li:hover {
    background-color: #f6f6f6;
}

.item-custom-drop-down-select .dd-menu li a {
    display: block;
    margin: -10px -20px;
    padding: 10px 20px;
}

.item-custom-drop-down-select .dd-menu li.divider {
    padding: 0;
    border-bottom: 1px solid #cccccc;
}
/* custom dropdown select */
.item-product-color-box{
    border-radius: 8px;
    height: 22px;
    width: 22px;
    float: left;
}
.store-star-rating li.active i{
    color: #FFBB00;
}
.store-star-rating li.active ~ i{
    color: #FFBB00; 
}
.welcome-user-modal-data .modal-dialog {
    max-width: 450px;
}
.welcome-modal-body-item{
    margin-top: 20px;
}
.welcome-modal-radio label{
    color: #707070 !important;
    font-weight: normal !important;
    margin-bottom: 0;
}
.welcome-user-modal-data .main-default-btn{
    padding: 7px 60px;
}
.welcome-modal-radio p{
    margin: 0;
    margin-top: 20px;
}
.brown-box{
    background-color: #A09186;
}
.red-box{
    background-color: #f12400;
}
.blue-box{
    background-color: #0da6d4;
}
.item-product-price-big-div .price-old-new .old-price{
    color: #6C6C6C;
    font-weight: 500;
}
.item-add-cart-btn-drop .btn{
    padding: 8px 16px;
}
.item-add-cart-btn-drop select{
    background-image: url(../select-drop-3.svg);
    background-position-x: 15%;
}
.item-rating-section .login-register-tabs.nav-tabs .nav-item{
    margin-left: 0;
}
.item-rating-section .login-register-tabs.nav-tabs .nav-link.active {
    border-bottom: 6px solid #FF531F !important;
}
.login-register-tabs.nav-tabs .nav-item .nav-link{
    border-bottom: 6px solid #EAEAEA !important;
}
.login-register-tabs.nav-tabs{
    justify-content: start;
}
.item-rating-section .border-seperator hr{
    border-top: 3px solid #E4E4E4;;
}
.item-rat-number h1{
    color: #707070;
    font-size: 50px;
    font-weight: normal;
}
.item-rating-section .store-star-rating ul{
    justify-content: center;
}
/*Bar*/
.horizontal .progress-bar {
    float: left;
    height: 45px;
    width: 100%;
    padding: 12px 0;
    background-color: transparent;
    position: relative;
}

.horizontal .progress-track {
    position: relative;
    width: 70%;
    margin: auto;
    background: #D6D6D6;
    height: 10px;
}

.horizontal .progress-fill {
    position: relative;
    background: #2B93C6;
    height: 10px;
    width: 50%;
    color: #fff;
    text-align: center;
    font-family: "Lato", "Verdana", sans-serif;
    font-size: 12px;
    line-height: 20px;
}
.progress-track span{
    display: none;
}
.rounded .progress-track,
.rounded .progress-fill {
    border-radius: 3px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}
.rounded .progress-track,
.rounded .progress-fill {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    border-radius: 15px;
}
.item-bar-text-before{
    color: #707070;
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 18px;
    width: 50px;
}
.item-bar-text-after{
    color: #707070;
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 18px;
    width: 40px;
}
/*End Bar*/
.item-rating-user-section .store-star-rating h3{
    float: right;
    padding-left: 20px;
    margin: 0 !important;
}
.item-rating-user-section ul.list-unstyled{
    margin-bottom: 0;
}
.item-rating-name-date p{
    color: #707070;
}
.item-rating-user-section .store-img-box .profile-photo-edit-info{
    margin-top: -5px;
    width: 40px;
    height: 40px;
}
.item-rating-text-comments{
    max-width: 85%;
}
.item-rating-user-section .border-seperator hr{
    border-color: #DDDDDD;
    margin-top: 0;
}
.item-store-product-slider .multiple-items2 .main-default-btn{
    padding: 7px 20px;
}
.send-message-modal .modal-dialog{
    max-width: 500px;
}
.send-message-modal .modal-body{
    padding: 30px;
}
.form-control:disabled{
    background-color: transparent;
}
.add-to-cart-modal .modal-dialog {
    max-width: 600px;
}
.add-to-cart-modal .modal-body {
    padding: 40px;
}
.add-to-cart-modal .modal-body .add-to-cart-img-success h3{
    font-size: 16px;
    margin-top: 20px;
}
.add-to-cart-modal .modal-header button, .send-message-modal .modal-header button{
    right: -5px;
}
.login-modal .modal-header button:hover{
    opacity: 1 !important;
}
.category-top-left-icon img{
    top: -61px;
}
.index-bottom-right-icon{
    position: relative;
}
.index-bottom-right-icon img{
    position: absolute;
    right: 0;
    max-width: 140px;
    bottom: -100px;
}
.category-main-section .card-header{
    background-color: #EEEEEE;
    border: 0;
    box-shadow: none;
    padding: 14px 15px;
    border-radius: 0 !important;
}
.category-main-section .my-account-order-number{
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}
.category-main-section .card-link i {
    /* position: absolute;
    left: 0;
    top: 14px; */
    color: #000000;
    font-size: 19px;
    float: left;
}
.category-how-many-product p{
    margin: 0;
}
/*checkbox*/
.control-group {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    padding: 30px;
    width: 200px;
    height: 210px;
    margin: 10px;
}
.control {
    display: block;
    position: relative;
    padding-right: 25px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 3px;
    right: 0;
    height: 15px;
    width: 15px;
    background: transparent;
    border: 1px solid #CBCBCB;
}
.control--radio .control__indicator {
    border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: transparent;
}
.control input:checked ~ .control__indicator {
    /* background: #2aa1c0; */
    background: transparent;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    /* background: #0e647d; */
    background: transparent;
}
.control input:disabled ~ .control__indicator {
    background: transparent;
    opacity: 0.6;
    pointer-events: none;
}
.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control__indicator:after {
    display: block;
}
.control--checkbox .control__indicator:after {
    right: 4px;
    top: 2px;
    width: 5px;
    height: 8px;
    border: solid #707070;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}
/*End checkbox*/
.category-main-section .card{
    border: 0;
}
.category-filter-top-text .border-text-sep{
    padding-right: 12px;
}
.category-Refine-filter .dropdown-toggle, .category-best-seller-filter .dropdown-toggle{
    color: #949494;
    font-weight: normal;
    padding-left: 0;
}
.category-Refine-filter label, .category-best-seller-filter label{
    font-size: 15px;
}
.category-best-seller-filter{
    text-align: left;
}
.category-Refine-filter .dropdown-item, .category-best-seller-filter .dropdown-item{
    text-align: center;
}
/*Price Range*/
.price-range-slider {
    width: 100%;
    float: left;
    margin-top: 20px;
    position: relative;
}
.price-range-slider .range-value {
    margin: 0;
}
.price-range-slider .range-value input {
    width: 100%;
    background: none;
    color: #000;
    font-size: 16px;
    font-weight: initial;
    box-shadow: none;
    border: none;
    margin: 20px 0 20px 0;
}
.price-range-slider .range-bar {
    border: none;
    background: #BBBBBB;
    height: 3px;
    width: 100%;
    margin-left: 8px;
}
.price-range-slider .range-bar .ui-slider-range {
    background: #2B93C6;
}
.price-range-slider .range-bar .ui-slider-handle {
    border: none;
    border-radius: 25px;
    background: #2B93C6;
    border: 2px solid #2B93C6;
    height: 12px;
    width: 12px;
    top: -4.5px;
    cursor: pointer;
}
.price-range-slider .range-bar .ui-slider-handle + span {
    background: #2B93C6;
    border-color: #2B93C6;
}
/*Price Range*/
.category-slider-range-text{
    color: #3C3737;
    font-size: 13px;
    text-align: center;
    position: absolute;
    top: -55px;
}
.category-min-price-text{
    left: -10px;
}
.category-max-price-text{
    right: -10px;
}
.category-min-price-text span, .category-max-price-text span{
    font-size: 16px;
    color: #1D1D1D;
    display: block;
}
.category-top-price-range-slider{
    margin-top: 30px;
}
.category-main-collapse-pannel .card-body{
    background-color: #EEEEEE;
    padding: 10px;
}
.category-main-collapse-pannel .my-account-order-all-data {
    background-color: #fff;
    padding: 20px;
}
.merchant-box-text-all .main-default-btn{
    padding: 7px 22px;
}
.merchant-slide-data-no-slider {
    margin-bottom: 25px;
}
.merchant-slide-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 27px;
    /* min-height: 61px; */
}
.merchant-slide-text h3 a{
    text-decoration: none;
    color: #212529;
    font-size: 18px;
}
.merchant-slide-text p{
    margin-bottom: 5px;
    font-weight: 500;
}
.second-header .navbar-light .navbar-toggler, .header-top-search .input-group .form-control,
.header-top-search .input-group-btn .btn-default{
    font-size: 13px;
}
.store2-big-section .view-more-product-video{
    max-width: 100%;
}
.empty-cart-text p{
    font-size: 19px;
}
.empty-cart-text .btn-default{
    font-size: 17px;
}
.empty-cart-img img{
    max-width: 180px;
    margin-bottom: 20px;
}
.effect-left-right-img{
    margin: 40px 0;
}
.effect-text-data p{
    color: #989595;
    font-size: 16px;
}
.effect-text-data h2{
    font-size: 23px;
    margin-bottom: 20px;
}
.faq-section-top{
    background-color: #2B93C6;
}
.faq-page-banner-input {
    position: relative;
    margin-bottom: 20px;
}
.faq-page-banner-input span {
    position: absolute;
    top: 6px;
    left: 20px;
    right: auto;
}
.faq-page-banner-input .form-control {
    height: 42px;
    border-radius: 24px;
    padding: 5px 20px;
    border: 1px solid #707070;
    background-color: #fff;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance:none;
}
.faq-page-banner-title h2{
    font-size: 23px;
    margin-bottom: 20px;
}
.faq-page-banner-text p{
    font-weight: bold;
    font-size: 18px;
}
.faq-boxes-top .index-category-box-data, .store-starge-sectoin .index-category-box-data{
    margin-bottom: 0;
}
.faq-boxes-top .index-cat-box-img p a{
    font-weight: normal;
    font-size: 18px;
}
.faq-boxes-top .index-cat-box-img img{
    margin-bottom: 13px;
    max-height: 40px;
}
.faq-boxes-top .yadawi-book2-box-all-data{
    padding: 40px 10px;
}
.faq-question-section .category-main-collapse-pannel .card-body{
    background-color: #fff;
}
.faq-question-section .category-main-collapse-pannel .card-link i{
    float: left;
}
.faq-question-section .category-main-collapse-pannel .card-link p{
    margin-bottom: 0;
    font-size: 19px;
    color: #252525;
}
.faq-question-section .category-main-collapse-pannel .card-header{
    border-bottom: 0;
    background-color: #FAFAFA;
    padding: 17px 20px;
}
.faq-contact-section{
    padding: 45px 0;
}
.contact-us-section-top .about-text-all-data text-center h2{
    font-size: 27px;
    margin-bottom: 20px;
}
.contact-us-section-top .about-text-all-data text-center p{
    font-size: 19px;
}
.contact-box-data {
    border: 1px solid #E1E1E1;
    padding: 20px 30px;
    border-radius: 18px;
    text-align: center;
    margin-bottom: 15px;
}
.contact-box-data h3{
    font-size: 18px;
}
.contact-box-data p{
    font-size: 17px;
    color: #4D4D4D;
    margin: 0;
}
.contact-box-data p a{
    color: #4D4D4D;
    font-weight: normal;
}
.contact-section-form .login-form-regs .form-group label{
    font-size: 18px;
    margin-bottom: 15px;
}
.contact-section-form .form-control{
    height: calc(1.8em + 0.75rem + 2px);  
}
.login-form-regs{
    margin-top: 10px;
}
.about-box-text-color2 p{
    color: #242424;
}
.about-support-box-slide{
    border: 1px solid #CFCFCF;
    border-radius: 5px;
    padding: 30px 10px;
    margin: 0 10px;
    min-height: 200px;
    display: flex;
}
.about-support-box-slide img{
    margin: auto;
    max-height: 130px;
}
.favorites-main-section{
    /*background-color: #E2EAF1;*/
}
.header-category-drop .dropdown-menu-arrow {
    top: -26px;
    left: 130px;
    width: 0;
    height: 0;
    position: relative;
}
.header-category-drop .dropdown-menu-arrow:before {
    width: 50px;
    content: " ";
    background-image: url(../cart-arrow-drop.svg);
    position: absolute;
    right: 0;
    top: -1px;
    height: 20px;
    background-size: cover;
}
.header-category-drop .dropdown-menu{
    border-radius: 12px;
    border: 1px solid #CDCDCD;
    width: 400px;
    text-align: center;
    right: -65px;
    top: 12px !important;
}
.header-category-drop .nav-link.dropdown-toggle::after{
    display: none;
}
.header-cart-remove-product{
    color: #CBCBCB;
}
.header-cart-product-box img{
    height: auto !important;
}
.header-cart-drop-all-data {
    padding: 10px 20px;

}
.header-cart-product-box {
    border-top: 1px solid #DBDBDB;
    padding: 13px 0;
}
.header-cart-product-text{
    text-align: right;
}
.header-cart-product-text p{
    margin-bottom: 15px;
}
.header-cart-product-text h4{
    font-size: 15px;
    margin: 0;
}
.header-cart-main-title{
    margin-bottom: 15px;
}
.header-cart-drop-all-data:before {
    position: absolute;
    content: "";
    background-color: #FF531F;
    width: 4px;
    height: 100px;
    right: 0;
    top: 25px;
    z-index: 9;
}
.header-cart-drop-all-data::after {
    position: absolute;
    content: "";
    background-color:  #DCDCDC;
    width: 4px;
    min-height: 150px;
    right: 0;
    top: 25px;
}
.header-cart-total {
    border-top: 1px solid #DBDBDB;
    padding-top: 25px;
}
.cart-header-empty-product img{
    height: 90px !important;
}
.cart-number {
    position: absolute;
    top: -11px;
    right: -5px;
    padding-right: 1px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 50%;
    background: #fff;
    color: #636363;
    text-align: center;
    font-size: 10px;
    border: 1px solid #FF531F;
}
.search-top-section .merchant-box-text-all {
    border: 0;
}
.search-box-data-border{
    border-bottom: 1px solid #D4D4D4;
    padding: 25px 0;
}
.header-user-drop-down .dropdown-toggle::after{
    color: #D4D4D4;
}
.header-user-drop-down .dropdown-menu{
    text-align: right;
    width: 220px;
    top: 15px !important;
    left: -35px !important;
    border: 1px solid #CDCDCD;
}
.header-user-drop-down .dropdown-menu-arrow{
    left: -23px;
}
.header-user-drop-down .header-top-cart-login-menu li a{
    font-size: 14px;
    color: #6B6B6B !important;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 15px;
}
.header-user-drop-data a.dropdown-item{
    border-bottom: 1px solid #DCDCDC;
    padding: 10px 20px;
}
.header-user-drop-data a.dropdown-item:last-child{
    border-bottom: 0;
}
.logout-header-drop{
    color: #FF2525 !important;
}
.more-info-modal-back-btn{
    text-align: left;
}
.more-info-modal-back-btn a{
    color: #FF7F00;
}
.more-info-modal-product {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 15px;
    margin-bottom: 10px;
    margin-top: 25px;
}
.modal-body .more-info-modal-product:last-child{
    border-bottom: 0;
}
.yadawi-book2-section .index-category-box-data{
    margin-bottom: 0;
}
.news-letter-form-data p i{
    color: #0084BD;
}
.news-letter-form-data .form-group .form-control{
    border: 1px solid #A1A1A1;
    border-radius: 30px;
}
.news-letter-form-data .form-group p{
    font-size: 19px;
}
.news-letter-form-data{
    text-align: center;
}
.news-letter-form-data .form-group{
    text-align: right;
}
.news-letter-form-data form label{
    font-weight: 500;
    color: #444444;
    font-size: 19px;
    margin-bottom: 15px;
}
.news-letter-btn-submit{
    text-align: right;
}
.news-letter-btn-submit button{
    font-size: 17px;
    font-weight: 500;
}
.header-top-search-category .header-top-search .input-group-prepend .btn{
    padding: 4px 12px;
    margin-bottom: 1px;
}
.map-text-data p{
    color: #989595;
}
.sm_location{
    width: 60px;
    height: 80px;
}
/* .tt_custom_sm{
  overflow-y: scroll !important;
  max-height: 100px;
}  */
#map_access{
    display: block !important;
}
#map_access select{
    display: none;
}
#map_access select:nth-child(2){
    display: block;
}
#tt_sm_map{
    max-width: 350px;
    width: 350px;
}
.activeBinMap{
    display: block !important;
}
.activeBinMapNotActive{
    display: none !important;
}
#tt_sm_map.activePin{
    display: block !important;
}
.tt_name_sm{
    display: none;
}
.map-pin-data h3{
    font-size: 15px;
    margin-bottom: 1rem;
    text-align: right;
}
.map-pin-data p{
    text-align: right;
}
/*#map_zoom{
    display: none;
}*/
div#map_inner, div#map_inner svg{
    height: 550px !important;
}
.map-pin-data {
    padding: 10px;
}
.map-pin-data h3 img{
    width: 50px;
    float: right;
    padding-left: 10px;
}
.tt_sm{
    font-family: "Tajawal", sans-serif !important;
    border: 1px solid #D9D9D9 !important;
    border-radius: 10px !important;
    box-shadow: 2px 3px 2px rgb(0 0 0 / 10%) !important;
    min-height: 120px;
}
.map-pin-data p img{
    width: 20px;
    padding-left: 2px;
}
.tt_sm:before {
    width: 50px;
    content: " ";
    background-image: url("../cart-arrow-drop.svg");
    position: absolute;
    right: 0;
    top: -1px;
    height: 20px;
    background-size: cover;
    transform: rotate(180deg);
    left: 0;
    right: 0;
    margin: auto;
    bottom: -110%;
}
.map-left-data-box {
    background-color: #FBFBFB;
    text-align: center;
    border: 1px solid #E3E3E3;
    padding: 20px;
    max-height: 650px;
    overflow-y: auto;
}
.login-modal.register-modal-big{
    padding-right: 0 !important;
}
.map-left-data-box h3{
    margin: 20px 0;
}
.map-left-data-box .store-box-text h3{
    margin: 0;
}
.map-left-data-box .store-star-rating ul{
    justify-content: center;
    margin-left: 20px;
}
#map_access{
    left: 0;
    max-width: 100% !important;
}
.map-main-section h3{
    font-size: 17px;
}
#map_access select:nth-child(2){
    float: none;
    margin: auto;
    width: 350px;
    border: 1px solid #BDBDBD;
    border-radius: 5px;
    height: calc(1.8em + 0.75rem + 2px);
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url(../drop-down-arrow.svg);
    background-repeat: no-repeat;
    background-position-x: 4%;
    background-position-y: 15px;
    padding: 0 10px;
    margin: auto !important;
    float: none !important;
    position: absolute;
    left: 0;
    top: -73px;
}
.map-section{
    margin-top: 30px;
}
div#map_outer {
    z-index: 999 !important;
}
.map-category-main-select{
    border: 1px solid #BDBDBD;
    background: transparent;
    background-image: url(../drop-down-arrow.svg);
    background-repeat: no-repeat;
    background-position-x: 4%;
    background-position-y: 15px;
    appearance: none;
    color: black;
}
.map-left-data-box p{
    color: #989595;
}
.abcRioButtonBlue {
    font-size: 15px;
    color: #4c6373 !important;
    background-color: transparent !important;
    height: 55px !important;
    box-shadow: none !important;
    border: 1px solid #d9d9d9 !important;
    padding-top: 10px;
}
.login-register-tabs.nav-tabs .nav-link.active {
    border-bottom: 6px solid #2b93c5 !important;
}
.login-form.register-form{
    padding-top: 40px;
}
.my-account-add-card-form-modal form{
    padding-top: 20px;
}
.my-account-add-card-form-modal form .btn{
    border-radius: 3px;
    padding: 7px 50px;
    margin-top: 35px;
}
.main-header.fixed-top{
    background-color: #fff;
    height: 175px;
}
.main-header-shadow{
    box-shadow: 0 1px 10px rgb(0 0 0 / 18%) !important;
}
main.main-body-data{
    padding-top: 175px;
    min-height: calc(100vh - 276px);
}
.header-new-slider .slick-prev:before, .header-new-slider .slick-next:before{
    display: none;
}
.header-new-slider .slick-prev, .header-new-slider .slick-next{
    width: 20px;
    height: 20px;
    z-index: 99;
}
.header-new-slider p{
    margin: 0;
    display: flex;
    justify-content: space-around;
    /*    text-align: center;*/
}
.header-new-slider p a{
    color: #000;
    font-weight: normal;
}
.header-new-slider {
    border-top: 1px solid #d4d4d4;
    margin-top: 3px;
    padding-top: 13px;
}
.header-new-slider .slick-next{
    right: -5px;
}
.header-new-slider .slick-prev{
    left: -5px;
}
.old-header-menu-nav{
    display: none;
}
.new-header-slider-row .slick-disabled {
    pointer-events: none;
    opacity: .5;
}
.cart-address-all-boxes p.gray-color{
    color: #B4B4B4 !important;
}
.cart-address-all-boxes .account-address-box{
    border-radius: 0;
    border: 3px solid #EFEFEF;
    min-height: 230px;
    margin-bottom: 20px;
    margin-top: 0;
}
.cart-address-p-height{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.cart-box-check-img{
    position: absolute;
    top: 10px;
    left: 0;
    display: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}
.cart-box-active.cart-address-box-clickable .cart-box-check-img{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
    display: block
}
.price-old-new{
    min-height: 20px;
}
.item-store-product-like-slider{
    margin-bottom: 30px;
}
.mega-menu-height{
    height: 350px;
}
.new-header-slider-row .slick-prev, .new-header-slider-row .slick-next{
    top: 12px;
}
/*Menu slider*/
.new-header-slider-row nav > ul > li {
    display: inline-block;
    font-size: 14px;
    padding: 0 15px;
    position: relative;
}
.arabicNumberShow{
    unicode-bidi: plaintext;
}

.new-header-slider-row nav > ul > li > a {
    color: #fff;
    display: block;
    padding: 20px 0;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
}
.new-header-slider-row nav > ul > li:hover > a {
    color: #444;
    border-bottom: 3px solid #444;
}

.new-header-slider-row .mega-menu {
    background: #f7f7f7;
    visibility: visible;
    left: 0 !important;
    position: absolute;
    width: 100%;
    top: 51px;
    padding: 20px 30px;
    display: none;
}
.new-header-slider-row .mega-menu h3 {
    color: #444;
}
/*.item-single-image-col img{
    max-height: 350px;
}*/
.item-single-image-col .item-single-img-slide{
    height: auto;
}
.new-header-slider-row .mega-menu .container {
    display: flex;
}
.new-header-slider-row .mega-menu .item {
    flex-grow: inherit;
    max-width: 100%;
    /*    margin: 0 15px;*/
}
.new-header-slider-row .mega-menu .item img {
    width: 100%;
}
.new-header-slider-row .mega-menu a {
    /*    border-bottom: 1px solid #ddd;*/
    padding: 10px 5px;
    color: #456596;
    font-size: 15px;
}
.new-header-slider-row .mega-menu a:hover {
    color: #2d6a91;
}

.new-header-slider-row .dropdown {
    position: static;
}

.new-header-slider-row  .dropdown:hover .mega-menu {
    visibility: visible;
    opacity: 1;
}
.mega-menu-height .mega-menu {
    display: flex;
    left: 0 !important;
}
.new-header-slider-row .header-slider-main-ul{
    list-style: none;
    padding: 0;
}
.new-header-slider-row .header-slider-main-ul .main-drop-title{
    color: #000;
    font-weight: normal;
    font-size: 15px;
}
.new-header-slider-row .item ul{
    padding: 5px;
    list-style: disc;
    color: #456596;
}
.new-header-slider-row  a.main-drop-title:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    color: #D4D4D4;
}
.cart-box-active.cart-address-box-clickable{
    border-color: #FA7268;
}
.cart-address-box-clickable{
    cursor: pointer;
}
.cart-address-payment-btn-payment{
    text-align: right;
}
.cart-address-payment-btn-payment .btn{
    font-size: 16px;
}
.chatcheckboxDelete{
    padding: 0;
    margin: 0;
    display: block;
}
.chatBTNremoveMSG img{
    width: 25px;
}
.nomsgfoundimgDiv p{
    font-size: 17px;
    margin-top: 10px;
}
.nomsgfoundimgDiv img{
    width: 100px;
}

.my-account-order-date-view{
    max-width: 120px !important
}


.slick-slide {
    display: none;
    float: right;
    height: 100%;
    min-height: 1px;
    /*    width: auto !important;*/
    padding: 0 20px;
}

/*Menu slider*/
.header-new-slide-data.before-loading {
    display: inline-block;
    /*        padding: 0 10px;*/
}
.red-circle-notification{
    position: absolute;
    right: 10px;
    font-size: 11px;
    color: #c70909;
}
.star-rating .fa-star {
    color: #FFBB00;
}
.star-rating{
    margin-top: 10px;
}
.star-rating span{
    color: #B9B9B9;
    font-weight: normal !important;
    font-size: 30px;
    cursor: pointer;
    padding-left: 7px;
}
.slick-list{
    margin: 0px 50px;
}
/*.item-main-img img{
    max-height: 250px;
}*/
.item-store-info-new .store-img-box .profile-photo-edit-info{
    float: none;
    margin-left: 0;
    margin: auto;
}
/*Video*/
.video-wrapper {
    /*    width: 600px;*/
    /*    margin: 5% auto;*/
    position: relative;
}
.video-wrapper .video-player {
    position: relative;
    height: 500px;
}
.video-wrapper video{
    height: 500px;
}
.video-wrapper iframe {
    position: absolute;
    top: 0px;
    left: 0;
    height: 100% !important;
    width: 100% !important;
    opacity: 1;
    transition: top 0.05s, opacity 0.45s;
}
.video-wrapper iframe.watch {
    top: 0;
    opacity: 1;
    width: 100%;
}
.video-wrapper .video-trigger {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100% !important;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
    transition: visibility 0.33s, opacity 0.33s;
}
.item-custom-dropdown{
    width: auto !important;
}
.item-custom-dropdown span{
    float: revert !important;
}
.item-discription-text p{
    font-size: 17px;
    text-align: justify;
}
.video-wrapper .video-trigger.removed {
    opacity: 0;
    visibility: hidden;
}
.video-wrapper .video-trigger:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.33s;
}
.video-wrapper .video-trigger .text {
    transition: all 0.2s linear;
    transform: translateY(-50%);
    position: relative;
    width: auto;
    min-width: 300px;
    top: 50%;
    margin: 0 auto;
    color: white;
    text-align: center;
    z-index: 1;
}
.video-wrapper .video-trigger .text .big {
    text-transform: uppercase;
    font-size: 50px;
    font-weight: bold;
    margin: 0;
}
.video-wrapper .video-trigger .text h2 {
    font-weight: normal;
    font-size: 30px;
    margin: 0;
}
.video-wrapper .video-trigger .text .play {
    position: relative;
    margin-top: 5px;
    font-size: 60px;
}
.video-wrapper .video-trigger .text:hover {
    opacity: 0.7;
}
.video-wrapper .video-trigger a#play-video {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: white;
}
.index-new-box-design h3, .index-category-box-text h3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.new-index-box-style {
    height: 280px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.new-index-box-style-data{
    background-color: rgb(0 0 0 / 60%);
    height: 100%;
    width: 50%;
    margin-right: auto;
    color: #fff;
    padding: 50px 20px;
}
.new-index-box-style-data .not-active-star i {
    color: #fff;
}
.newBorderMerchantproducts{
    border: 1px solid #E1E1E1;
    border-bottom: 0;
}
/*.map-left-data-box .storeData img{
    max-width: 85px;
    margin-left: 15px;
}*/
.storeData.allMapData a{
    /*    display: flex;
        align-items: center;*/
    color: #2b93c6;
    text-align: right;
}
.profileInstoreInfo{
    width: 270px !important;
    height: 263px !important;
}
.map-text-data{
    text-align: right;
}
.map-text-data .form-group select{
    margin-right: 0;
    max-width: 100%;
}
.password-view-relative {
    position: relative;
}
.password-view-relative .toggle-password {
    position: absolute;
    top: 39px;
    left: 10px;
    cursor: pointer;
}
.States-section{

}
.product-img-clickable{
    height: 100%;
    cursor: pointer;
}
.merchant-off-price{
    z-index: 99;
}
.clickable{
    cursor: pointer;
}
/*Radio*/
.input-hidden {
    position: absolute;
    left: -9999px;
}
.radioSelection {
    border: 2px #D1D1D1 solid;
    color: #000;
    padding: 1rem;
    border-radius: 2rem;
    height: 150px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.payment-details-new-des .radioSelection img{
    max-height: 60px;
}
.radioSelection i {
    background-color: #f6f6f6;
    padding: 4.5rem; 
    border-radius: 50%;
}
input[type=radio]:checked + .radioSelection{
    border-color: #FF531F;
    color: #000;
    transition: 0.5s;
}
input[type=radio]:checked + .radioSelection i {
    background-color: #e2deff;
}
/*End Radio*/
.activeLnkMega{
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    left: 0 !important;
}
.index-product-slider .slick-prev{
    width: 30px !important;
    height: 30px !important;
}
.category-mobile-collapse-title{
    display: none;
}
.item-add-cart-mobile{
    display: none;
    position: fixed;
    bottom: -1px;
    background-color: #fff;
    width: 100%;
    z-index: 9;
    align-items: center;
    padding: 10px 5px;
    right: 0;
    left: 0;
    margin: 0;
}
.about-row-single-image .effect-img-data{
    max-width: 450px;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: unset;
    padding: 0.375rem 0.75rem;
    background-image:  unset;
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding: 0.375rem 0.75rem;
}


.newUserForm
{
    text-align:start;
}
@media (min-width: 1200px){
    .header-main-slider .slick-slide{
        width: auto !important;
        margin-left: 5px;
    }
}
@media (max-width: 1200px) {
    .merchant-slide-data.slick-slide{
        padding: 0 5px;
    }
    .item-store-product-slider .multiple-items2 .main-default-btn {
        padding: 7px 10px;
    }
}
@media (min-width: 1930px) {
    .index-slider-img-shadow{
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
    }
    .index-slider-img-shadow img{
        width: 100%;
    }
    .store-section{
        height: 600px;
    }
    .index-slider-main .carousel-cell{
        height: 600px;
    }
    .index-slider-main .flickity-page-dots {
        bottom: 120px;
    }
}
@media (min-width: 992px) {
   
    .dropdown .dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        max-height: 300px;
        overflow: auto;
    }
    .dropdown:hover > .dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }
    .dropdown-submenu:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }
    .dtfh-floatingparent.dtfh-floatingparenthead {
        top: 145px !important;
    }
    .table-width-100.dataTable.no-footer.dtr-inline.fixedHeader-floating {
    top: 145px !important;
}
}
@media (max-width: 992px) {
     .otp-modal-img-box
    {
        height:100px;
        background-position: unset;
        
    }
   
    .otp-modal-form-col6 
    {
        padding:30px;
    }

    .store-img-box .profile-photo-edit-info{
        float: unset;
    }
    .store-img-box{
        justify-content: center;
        display: flex;
    }
    h1 {
        font-size: 25px;
    }
    h2 {
        font-size: 20px;
    }
    h3 {
        font-size: 17px;
    }
    p {
        font-size: 14px;
    }
    .add-product-video-img img {
        width: 100%;
    }
    .modal-open .modal {
        z-index: 9999;
    }
    .add-product-imge-box {
        margin-bottom: 10px;
    }
    .search-box-data-border{
        margin-top: 50px;
    }
    .more-info-modal-product img{
        margin-bottom: 15px;
    }

    .header-top-search {
        margin: 5px 0;
    }
    .my-account-box-left-data {
        margin-top: 20px;
        padding: 20px;
    }
    .effect-text-data{
        text-align: center;
    }
    .map-main-section h3{
        display: none;
    }
    .item-hidden-mobile-cart{
        display: none;
    }
    .item-add-cart-mobile{
        display: flex;
    }
    .row.item-add-cart-mobile .main-default-btn {
        padding: 5px;
        font-size: 12px;
    }
    .effect-img-data{
        margin-bottom: 20px;
        text-align: center;
    }
    .multi-steps > li {
        font-size: 12px;
    }
    .header-top-search .input-group-prepend{
        padding: 0;
    }
    .register-merchant-form-all small.min-height-text {
        height: 80px;
    }
    .my-account-share-text form .col-lg-6:first-child .form-control {
        margin-bottom: 1rem;
    }
    .cart-login-payment-details {
        margin-top: 15px;
    }
    .index-mobile-app .row {
        max-height: initial;
    }
    .my-account-all-data .tab-content > .tab-pane {
        margin-top: 15px;
    }
    .map-left-data-box{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .store-section .about-text-all-data h3 {
        font-size: 35px;
    }
    .store-section .about-text-all-data p {
        font-size: 20px;
    }
    .category-mobile-collapse-title{
        display: block;
    }
    .category-all-boxes-product {
        margin-top: 30px;
    }
    .index-mobile-img img {
        max-height: 400px;
        margin: auto;
        display: block;
    }
    .index-success-story .slick-next {
        right: 0;
        display: block !important;
    }
    .index-success-story .slick-prev {
        left: 0;
    }
    .success-story-text {
        text-align: center;
    }
    .merchant-slide-img{
        height: 250px;
    }
    .header-main-logo {
        text-align: center;
    }
    .main-header {
        padding: 8px 0;
        /* display: none; */
    }
    .index-category2-max-width-img img {
        max-width: 200px;
    }
    .main-default-btn {
        padding: 9px 15px;
    }
    .header-top-cart-login-menu li a {
        font-size: 13px;
    }
    .header-cart-product-text {
        text-align: center;
        margin-top: 10px;
    }
    .header-top-cart-login-menu li {
        padding: 0 10px;
    }
    .header-top-search .input-group-btn {
        padding: 1px 0px;
    }
    .header-main-logo img {
        max-width: 150px;
    }
    .index-slider-main .flickity-page-dots {
        bottom: 40px;
    }
    .index-mobile-store {
        text-align: center;
    }
    .index-mobile-store img {
        max-width: 150px;
    }
    .index-mobile-app {
        background-size: cover;
        background-position: center;
    }
    .header-top-cart-login-menu li img {
        max-height: 25px;
    }
    .index-jordan-icon img {
        max-width: 70px;
    }
    .login-modal .modal-header button {
        right: 10px;
        top: 10px;
    }
    .modal-header .close {
        top: 10px !important;
        width: 30px;
    }
    .seller-story-box .store-img-box .profile-photo-edit-info {
        width: 86px;
        height: 86px;
        margin: auto;
        float: none;
    }
    .seller-story-box .store-send-mess-btn {
        text-align: center;
    }
    .seller-story-box .store-box-text {
        text-align: center;
        margin-top: 10px;
    }
    .my-account-body-message-all-data-box.orange-background-color {
        margin: 30px 0;
    }
    .my-account-order-all-data .main-default-btn {
        float: none;
        margin-top: 10px;
    }
    .my-account-merchant-add-store .main-default-btn {
        padding: 9px 10px;
    }
    .cart-login-form {
        margin-bottom: 20px;
        padding: 15px 20px;
    }
    .cart-login-form .login-form-regs {
        max-width: 100%;
    }
    .cart-img-text {
        max-width: 100%;
    }
    .cart-add-fav-remove .edit-address {
        padding-left: 10px;
    }
    .cart-add-fav-remove a.edit-address:before {
        left: 6px;
    }
    .merchant-store-product .slick-prev {
        left: -5px;
        z-index: 9;
    }
    .merchant-store-product .slick-next {
        right: -5px;
        z-index: 9;
    }
    .merchant-store-product .slick-prev, .merchant-store-product .slick-next{
        width: 23px;
        height: 23px;
    }
    .item-main-product-slide .carousel-nav{
        transform: initial;
        height: 100px;
    }
    .item-main-product-slide .carousel-nav .carousel-cell{
        transform: initial;
    }
    .product-heart-icon{
        float: left;
    }
    .item-rating-user-section .store-star-rating h3{
        width: 100%;
    }
    .item-rating-user-section ul.list-unstyled{
        display: block !important;
    }
    .store-star-rating ul li{
        /*        display: inline;*/
        width: 100%;
    }
    .item-view-all-rating-btn{
        margin-bottom: 20px;
    }
    .multiple-items2 .slick-prev {
        left: -5px;
        z-index: 9;
    }
    .multiple-items2 .slick-next {
        right: -15px;
        z-index: 9;
    }
    .multiple-items2 .slick-prev:before, .multiple-items2 .slick-next:before{
        display: none;
    }
    .merchant-slide-data{
        margin: 0 7px;
    }
    .multiple-items2 .slick-prev, .slick-next{
        display: none !important;
    }
    .item-main-product-slide .carousel-nav .flickity-prev-next-button.previous{
        left: 0px;
    }
    .item-main-product-slide .carousel-nav .flickity-prev-next-button.next {
        right: 0;
    }
    .item-main-product-slide .flickity-prev-next-button{
        top: 30%;
    }
    .index-top-left-icon, .index-bott-right-icon{
        display: none;
    }
    .category-best-seller-filter, .category-Refine-filter, .category-how-many-product p {
        text-align: center;
    }
    .index-how-work .about-img-icon{
        max-width: 300px;
        margin-top: 15px;
    }
    .index-how-first-row{
        text-align: center;
    }
    .about-first-topd-text .effect-img-data img{
        max-width: 320px;
    }
    .index-how-work .bac img{
        max-width: 400px;
    }
    .effect-left-right-img {
        margin: 0px 0;
    }
    .about-support-slider-section .slick-prev, .about-support-slider-section .slick-next{
        display: none !important;
    }
    .header-category-drop .dropdown-menu{
        width: 300px;
        right: -15px;
        transform: none !important;
        top: 55px !important;
    }
    .btn-social-data{
        width: 100%;
        margin: auto !important;
    }
    .abcRioButtonBlue{
        width: 100% !important;
        margin: auto;
        margin-top: 15px;
    }
    .modal-socail-btn{
        display: block !important;
    }
    .login-register-tabs.nav-tabs{
        justify-content: center;
    }
    .login-register-tabs.nav-tabs .nav-item{
        margin-left: 10px;
        width: 110px;
        text-align: center;
    }
    .login-logo-div{
        padding-top: 40px;
    }
    .login-modal .modal-header button{
        width: 30px;
    }
    .main-header.fixed-top {
        height: auto;
        position: relative;
    }
    main.main-body-data {
        padding-top: 0;
    }
    .header-new-slider .multiple-items2 .slick-prev, .slick-next{
        display: block !important;
    }
    .header-new-slider .slick-prev {
        left: 0;
    }
    .header-new-slider .slick-next {
        right: 0;
    }
    .header-new-slider p {
        text-align: center;
    }
    .old-header-menu-nav{
        display: block;
    }
    .new-header-slider-row{
        display: none;
    }
    .old-header-menu-nav .navbar-light .navbar-nav .nav-link{
        text-align: center;
    }
    #map_access select:nth-child(2){
        /*        position: relative;*/
        right: 0;
        top: 0;
        width: 100%;
    }
    #map_inner > svg{
        margin-top: 60px;
    }
    .my-account-my-message-data-gray-box{
        padding: 13px 10px; 
    }
    div#map_inner, div#map_inner svg {
        height: auto !important;
    }
}
@media(min-width:1700px) and (min-height: 800px) {
    div#map_inner, div#map_inner svg{ 
        height: 750px !important;
    }
}
@media (max-width: 1200px) and (min-width: 992px) {
    .seller-story-box .store-img-box .profile-photo-edit-info {
        width: 105px;
        height: 105px;
    }
    .header-top-cart-login-menu li {
        padding: 0 10px;
    }
    #map_access select:nth-child(2) {
        /*        right: -89.5%;*/
        width: 290px;
    }

}
@media (max-width: 1200px) and (min-width: 768px) {
    .merchant-slide-img {
        height: 150px;
    }
}
@media (max-width: 992px) and (min-width: 768px) {
    .item-main-product-slide .item-main-img-small{
        height: 40px; 
    }
    .item-main-product-slide .flickity-prev-next-button {
        top: 20%;
    }
}
@media (max-width: 768px) {
    .profileInstoreInfo{
        width: 180px !important;
    height: 170px !important;
    }
    .footer-development p {
        display: block;
        margin:0px;
    }
    .new-index-box-style{
        margin-bottom: 25px;
    }
}
@media (max-width: 576px) {
    .otp-modal-form-col6
    {
        padding: 20px;
    }
    .footer-menu {
        text-align: center;
    }
    .footer-menu-last {
        float: none;
    }
    .footer-development,
    .footer-copyrights {
        text-align: center;
    }
    .slide-menu {
        width: 300px;
    }
    .store-send-mess-btn {
        text-align: center;
    }
    .my-account-order-tab .card-link i {
        display: none;
    }
    .my-account-order-tab .card-link img {
        padding-left: 2px;
    }
    .my-account-order-tab .card-header p {
        font-size: 12px;
    }
    .add-product-new-upload-second {
        margin-top: 30px;
    }
    .my-account-merchant-add-store {
        text-align: center;
    }
    .add-branch-all-data button {
        margin-bottom: 10px;
        width: 100%;
        position: relative !important;
    }
    .dataTables_wrapper .dataTables_length {
        position: relative;
    }
    .dataTables_filter label,
    .dataTables_filter label:before {
        position: relative;
    }
    .cart-product-img-div-img img {
        width: auto;
        margin: auto;
        display: block;
        margin-bottom: 10px;
    }
    .cart-add-fav-img img {
        top: -70px;
        left: -60px;
        right: 0;
    }
    .cart-add-fav-img {
        position: relative;
    }
    .merchant-top-section .store-send-mess-btn{
        margin-bottom: 15px;
        text-align: right;
    }
    .dataTables_filter label:before{
        display: none;
    }
    .add-address .modal-content {
        padding: 40px 15px !important;
    }
    .add-address .my-account-address-add-footer{
        justify-content: center;
    }
    .my-account-delete-card-btn-col {
        text-align: center;
        padding-top: 10px;
    }
    .my-account-card-number-img{
        text-align: center;
    }
    .my-account-box-left-data .card .card-header .col-lg-5{
        padding-left: 0
    }
}
@media (max-width: 330px) {
    .key-word-blue-btn {
        width: 113px;
    }
}
.uploader input {
    display: none;
}
.after-file-upload, .Discussion-input {
    display: none;
}
.slick-track{
    margin-left: unset;
    margin-right: unset;
}
.red-color{
    color: #dc3545  !important;
}

.card-order-payment {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
  }
  
  .price-order-payment {
    color: grey;
    font-size: 22px;
  }
  
  .card-order-payment button {
    border: none;
    outline: 0;
    padding: 12px;
    color: white;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
  }
  .error-color-red{
      color: #f44336;
  }
  .relative-section{
      position: relative;
    z-index: 111;
  }
  .disabledForm {
    pointer-events: none;
    opacity: .5;
}
.viewProductImageDiv{
    margin-bottom: 20px;
}
.add-product-imge-box {
    position: relative;
    width: 100%;
    /* Use aspect ratio to maintain the image container size */
    /*padding-top: 100%;  1:1 Aspect Ratio (change as needed) */
}

.image-container {
    /*position: absolute;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    min-height: 200px;
}

#loaderImage {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.8); /* Optional: Add background to make loader more visible */
    z-index: 1;
}

#loaderImage img {
    width: 50px; /* Loader image size */
    height: 50px;
}

#progress-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto; /* Center the progress circle horizontally */
}

.progress-ring {
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

.progress-ring__circle {
    stroke-dasharray: 326;
    stroke-dashoffset: 326;
    transition: stroke-dashoffset 0.35s;
    stroke-linecap: round;
}

.progress-percent {
    position: absolute;
    font-size: 1.5rem;
    color: #456596;
    text-align: center;
}
.my-account-store-modal .modal-dialog{
    min-height: calc(100% - 3.5rem);
    display: flex;
    align-items: center;
    max-width: 950px;
}
.my-account-store-modal .modal-body{
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lodaingStorePage{
    text-align: center;
}
.lodaingStorePage img{
    width: 80px;
    margin-top: 20px;
}
.addSpace{
    height: 90px;
}
.gap-2{
    gap :10px;
    margin: 20px;
}
.add-load-img{
    opacity: .5;
    position: relative;
}
.add-load-img::before{
    content: '';
    position: absolute;
    height: 75%;
    width: 100%;
    background: url(../yadawi-loading.gif) no-repeat center; 
    z-index: 1111111;
    background-size: 117px;
}
.OTP-field {
  display: flex;
  gap: 10px;
  justify-content: center;
  direction: ltr;
}
.OTP-field .inp{
  text-align: center;
  border-radius: 8px;
background: #F6F8FB;
max-width: 84px;
min-height: 50px;
width: 100%;
border: 0;
margin-bottom: 0;
color: var(--Neutrals-Jungle-Black, #0E1B1B);
font-size: 32px;
font-weight: 600;
}
.OTP-field input:focus, .OTP-field > input.filled {
border: 1px solid var(--Neutrals-Gray, #787F7F) !important;
}
.OTP-field input::-webkit-inner-spin-button,
.OTP-field input::-webkit-outer-spin-button {
  display: none;
}

.modal-show-image-orginal{
    position: absolute;
    right: 90px;
    text-align: center;
    width: 100%;
}
.modal-show-image-orginal button img{
    opacity: 1;
}

.blink-soft {
    position: absolute;
    white-space: nowrap;
       left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /* animation: scrollLeft 15s linear infinite, blink 1.5s linear infinite; */
    animation: blink 1.5s linear infinite;
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
  }
  .blink-soft-div{
      background-color: #ff531f;
      padding: 0;
      width: 100%;
      overflow: hidden;
      position: relative;
      height: 27px;
  }
.main-image {
    border: 5px solid red;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-radius: 5px;
}
.custom-filter-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.custom-filter-form {
    display: inline-block;
}

.custom-filter-select {
    min-width: 180px;   
    white-space: nowrap;
}
  /* @keyframes scrollLeft {
    0% {
      left: 100%;
      transform: translateX(0);
    }
    100% {
      left: 0;
      transform: translateX(-100%);
    }
  } */

@keyframes blink {
    50% { opacity: 0.4; }
}