

/*----------------display size-----------*/

.width-1480{
    width: 1480px;
    padding: 80px 23px;
    margin: 0px auto;
}


.desktop-full-diplay{
    max-width: 1535px;
    margin: 0px auto;
}







.ptb-25{
    padding: 25px;
}
.ptb-50{
    padding: 60px;
}

.ptb-17{
    padding: 17px;
}

/*-------margin-----*/
.mb-40{
    margin-bottom: 40px;
}
.mb-50{
    margin-bottom: 50px;
}

.mt-20{
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mb-15{
    margin-bottom: 15px;
}
.mb-30{
    margin-bottom: 30px;
}





h3, h4{
        font-family: 'Poppins', sans-serif;
}

a{
        font-family: 'Poppins', sans-serif;
}



/*--------------Home page-----------*/

.header-top{
    padding: 10px 0px;
}

.home-search p{
    background: #026063;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    padding: 5px 40px;
    border-radius: 30px;
    margin-bottom: 10px;
}

/*.top-search a{
    position: absolute;
    right: 8px;
    top: 6.5px;
    font-size: 20px;
    background: red;
    padding: 8px 13px;
    color: #fff;
    border-radius: 24px;
}*/

.top-search a {
    position: absolute;
    right: 4px;
    top: 3px;
    font-size: 16px;
    background: #ca0000;
    padding: 6px 10px;
    color: #fff;
    border-radius: 24px;
}

.search-form input {
    border-radius: 30px;
    font-size: 17px;
    padding: 8px 24px;
    font-family: 'Poppins', sans-serif;
    margin-bottom:6px;
    border: 0px !important;
}


.top-search-wrap{
    margin-top: 5px;
}

.desk-cart-box i {
    font-size: 16px;
    color: #000;
}
.desk-cart-box {
    text-align: right;
    padding-top: 10px;
    position: relative;
    display: flex;
    margin-left: auto;
    justify-content: flex-end;
    gap: 26px;
}
a.cart-tag {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    top: 1px;
}
.desk-cart-box a {
    display: flex;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    align-items: center;
    justify-content: center;
    background: #fff;
    gap: 8px;
}


.d-user {
    width: 25px;
}

.d-user img{
    width: 100%;
    border-radius: 40px;
}


.cart-icon{
    color: #fff;
}

.heart-iocn {
    color: #fff;
}

.desk-logo a img{
    width: 180px;
}

.mobile-search{
    display: none;
}


/*----------*/
.menu-toggle {
    position: relative;
    width: 40px;
    height: 40px;
    cursor: not-allowed;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-toggle::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 4px;
    background: #000;
    box-shadow: 0 8px 0 #000,
                0 -8px 0 #000;
}

/* profile menu */

.profile {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    text-align: end;
}

.profile h3 {
    text-align: end;
    line-height: 1;
    margin-bottom: 4px;
    font-weight: 600;
}

.profile p {
    line-height: 1;
    font-size: 14px;
    opacity: .6;
}

.profile .img-box {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
}

.profile .img-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* menu (the right one) */

.pmenu {
   padding: 10px;
    position: absolute;
    /*top: calc(100% + 16px);*/
    top: calc(100% + 4px);
    right: 77px;
    width: 190px;
    min-height: 100px;
    /*background: #edf2fa;
    background-color: rgba(0, 39, 29, 0.9);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);*/
    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    transition: 300ms;
    z-index: 99;
    text-align: left;
}

.pmenu::before {
    content: '';
    position: absolute;
    top: 0px;
    right: 14px;
    width: 20px;
    height: 20px;
    /*background: #edf2fa;*/
    background-color: rgb(95 141 151);
    transform: rotate(45deg);
    z-index: -1;
}

.pmenu.active {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}



.pmenu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.pmenu ul li a{
    font-size: 15px;
    padding: 8px;
    color: #fff;
    justify-content: left;
}
/*----------*/

.mobileMoreItem {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    text-align: end;
}


.mobileMoreMenu {
    padding: 10px;
    position: absolute;
    top: calc(100% + 27px);
    right: -11px;
    width: 170px;
    min-height: 100px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    transition: 300ms;
    z-index: 99;
    text-align: left;
}

.mobileMoreMenu::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 14px;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
    z-index: -1;
}

.mobileMoreMenu.active {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}



.mobileMoreMenu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.mobileMoreMenu ul li a{
       font-size: 15px;
    padding: 7px;
    
}

.nav-link-icon {
     margin-left: auto;
    color: #fff;
    float: right;
    font-size: 24px;
    }
    
.nav-link-cli{
    float: right;
}    
    
.m-subbox{
    margin-top: 40px;
}

.m-cat-item{
    float:left;
}

.mobile-menu-icon{
    font-size: 28px;
    color: #fff;
    display: inline-block;
}

.mobile-header-sec{
    display: none;
}

.mobile-lobo-box{
    display: none;
}

.mob-logo{
    display: flex;
    gap: 15px;
}

.mob-logo a img{
    width: 120px;
}

/*====================SideBar Menu===================*/
@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(5deg);
  }
  70% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes sonar {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-search input.search-menu,
.sidebar-wrapper .sidebar-search .input-group-text,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


/*----------------toggeled sidebar----------------*/
.sidebar-wrapper {
  left: -200px;
}
.toggled .sidebar-wrapper {
  left: 0px;
}

@media screen and (min-width: 768px) {
  .page-wrapper.toggled .page-content {
    padding-left: 300px;
  }
}

/*----------------sidebar-wrapper----------------*/

.sidebar-wrapper {
  width: 260px;
  height: 100%;
  max-height: 100%;
  position: fixed;
  top: 0;
  left: -300px;
  z-index: 999;
}

.sidebar-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sidebar-wrapper a {
  text-decoration: none;
}

/*----------------sidebar-content----------------*/
/*
.sidebar-content {
  max-height: calc(100% - 30px);
  height: calc(100% - 30px);
  overflow-y: auto;
  position: relative;
}

.sidebar-content.desktop {
  overflow-y: hidden;
}*/

/*--------------------sidebar-brand----------------------*/

.sidebar-wrapper .sidebar-brand {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  background: #272a2f;
}

.sidebar-wrapper .sidebar-brand > a {
  text-transform: uppercase;
  flex-grow: 1;
  color: #fff;
}

.sidebar-wrapper .sidebar-brand #close-sidebar {
  cursor: pointer;
  font-size: 20px;
  color: #fff;
}
/*--------------------sidebar-header----------------------*/

.sidebar-wrapper .sidebar-header {
    padding: 10px 20px;
    overflow: hidden;
    border-bottom: 1px solid gainsboro;
    margin-bottom: 15px;
}

.sidebar-wrapper .sidebar-header .user-pic {
    float: left;
    width: 50px;
    height: 50px;
    padding: 2px;
    border-radius: 56px;
    margin-right: 15px;
    overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 40px;
}

.sidebar-wrapper .sidebar-header .user-info {
    float: left;
    color: #fff;
}

.sidebar-wrapper .sidebar-header .user-info > span {
  display: block;
}

.sidebar-wrapper .sidebar-header .user-info .user-role {
  font-size: 12px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status {
  font-size: 11px;
  margin-top: 4px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status i {
  font-size: 8px;
  margin-right: 4px;
  color: #5cb85c;
}

/*-----------------------sidebar-search------------------------*/

/*.sidebar-wrapper .sidebar-search > div {
  padding: 10px 20px;
}
*/
/*----------------------sidebar-menu-------------------------*/

.sidebar-wrapper .sidebar-menu {
  padding-bottom: 10px;
}

.sidebar-wrapper .sidebar-menu .header-menu span {
  font-weight: bold;
  font-size: 14px;
  padding: 15px 20px 5px 20px;
  display: inline-block;
}

.sidebar-wrapper .sidebar-menu ul li a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    position: relative;
    padding: 8px 30px 8px 20px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  font-style: normal;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  background: 0 0;
  position: absolute;
  right: 15px;
  top: 14px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
  padding: 5px 0;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
  padding-left: 25px;
  font-size: 13px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  font-size: 8px;
}

.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
  float: right;
  margin-top: 8px;
  margin-left: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
  float: right;
  margin-top: 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu {
  display: none;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
  transform: rotate(90deg);
  right: 17px;
}

/*--------------------------side-footer------------------------------*/

.sidebar-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
  background: #272a2f;
    padding: 9px 0px;
}

.sidebar-footer > a {
  flex-grow: 1;
  text-align: center;
  height: 30px;
  line-height: 30px;
  position: relative;
  color: #fff;
}

.sidebar-footer > a .notification {
  position: absolute;
  top: 0;
}

.badge-sonar {
  display: inline-block;
  background: #980303;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 0;
}

.badge-sonar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #980303;
  opacity: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: sonar 1.5s infinite;
}


/*------scroll bar---------------------*/

::-webkit-scrollbar {
  width: 5px;
  height: 7px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #525965;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #525965;
}
::-webkit-scrollbar-thumb:active {
  background: #525965;
}
::-webkit-scrollbar-track {
  background: transparent;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: transparent;
}
::-webkit-scrollbar-track:active {
  background: transparent;
}
::-webkit-scrollbar-corner {
  background: transparent;
}


/*-----------------------------chiller-theme-------------------------------------------------*/

.chiller-theme .sidebar-wrapper {
    background: #31353D;
    background-color: rgba(0, 19, 29, 0.9) !important;
}
/*
.chiller-theme .sidebar-wrapper .sidebar-header,
.chiller-theme .sidebar-wrapper .sidebar-search,
.chiller-theme .sidebar-wrapper .sidebar-menu {
    border-top: 1px solid #3a3f48;
}

.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    border-color: transparent;
    box-shadow: none;
}

.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,
.chiller-theme .sidebar-wrapper .sidebar-brand>a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,
.chiller-theme .sidebar-footer>a {
    color: #818896;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info,
.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,
.chiller-theme .sidebar-footer>a:hover i {
    color: #b8bfce;
}

.page-wrapper.chiller-theme.toggled #close-sidebar {
    color: #bdbdbd;
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
    color: #ffffff;
}

.chiller-theme .sidebar-wrapper ul li:hover a i,
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
    color: #16c7ff;
    text-shadow:0px 0px 10px rgba(22, 199, 255, 0.5);
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    background: #3a3f48;
}

.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
    color: #6c7b88;
}

.chiller-theme .sidebar-footer {
    background: #3a3f48;
    box-shadow: 0px -1px 5px #282c33;
    border-top: 1px solid #464a52;
}

.chiller-theme .sidebar-footer>a:first-child {
    border-left: none;
}

.chiller-theme .sidebar-footer>a:last-child {
    border-right: none;
}
*/
/*====================End SideBar Menu===================*/


.offcanvas-title{
    color: #fff;
    font-size: 18px;
        font-family: 'Poppins', sans-serif;
}

.offcanvas-header a{
    text-decoration: none;
    border: 1px solid #fff;
    padding: 3px 10px;
    font-size: 13px;
    margin-right: 6px;
}

.cart-checkout{
        display: block;
    background: #000;
    text-decoration: none;
    color: #fff;
    font-size: 17px;
    padding: 10px;
    text-align: center;
}

.cart-checkout:hover{
    background: red;
    color: #fff;
}



.cart-goto-shoping {
    text-decoration: none;
    display: inline-block;
    color: #000;
    padding-top: 15px;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
}

.cart-goto-shoping:hover {
    color: red;
}
.cart-empty{
    
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 24px;
    text-align: center;
        font-family: 'Poppins', sans-serif;
    color: #b13481;
    font-weight: bold;
    opacity: 0.5;
}

.pop-cart-qty{
    width: 100px;
    height: 24px;
    margin-top: 5px;
}


.offcanvas-header {
    border-bottom: 1px solid #e5e7eb;
    background: #000;
    color: #fff;
}

.pop-cart-product-item {
    display: flex;
    gap: 7px;
    border-bottom: 1px solid #e5e7eb;
    padding: 7px 0px;
}

.pop-cart-product-item:first-child {
    padding-top: 0px;
}


/*.offcanvas {
    background-color: rgba(255, 255, 255, .75) !important;
    backdrop-filter: blur(8px) !important;
}*/


.offcanvas-body {
    padding-bottom: 30px;
    border-bottom: 1px solid #aaaaaa;
    background: #fff;
}

.offcanvas-footer{
    padding: 20px;
    text-align: center;
}

.qty-input .qty-count {
    
    background: #EAF7E9;
}


.p-c-p-item-img{
    width: 20%;
}

.p-c-p-item-img img{
    width: 100%;
}

.p-c-p-item-cont {
    width: 73%;
}
.p-c-p-item-cont h3 {
    font-size: 13px;
    margin-bottom: 8px;
}

.p-c-p-item-cont h4{
    font-size: 16px;
    color: #000;
    margin: 0px;
}

.p-c-p-item-cont p{
    margin: 0px;
}

.p-c-p-item-cont h4 del{
    font-size: 13px;
    margin-left: 8px;
}

.p-c-p-item-antion{
    float: right;
    width: 8%;
    margin-left: 10px;
    text-align: right;
}

.p-c-p-item-antion a{
    display: inline-block;
    font-size: 17px;
    color: red;
}


.navbar-expand-lg{
    padding: 0px;
}

.navbar-nav{
    gap: 2.25rem;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 15px 0px;
    color: #000 !important;
    font-size: 15px;
    text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
}


.navbar-expand-lg .navbar-nav .nav-link:hover {
   color: #ed1c24;
}

.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    border-radius: 0px;
    border: none;
    background-color: #edf2fa;
}

.dropdown-item{
    text-transform: uppercase;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #ed1c24;
    background-color: transparent;
}


.dropdown-menu::before {
    position: absolute;
    vertical-align: .255em;
    content: "";
    border-top: .8em solid #edf2fa;
    border-right: .8em solid transparent;
    border-bottom: 0;
    border-left: .8em solid transparent;
    transform: rotate(180deg);
    left: 32px;
    top: -12px;
}

/*====================================*/
.new-arivel-sec {
    position: relative;
    padding: 80px 50px;
}


#news-slider {
    margin-top: 40px;
}

.araivel-cont h4{
    font-weight: normal;
    font-size: 15px;
        font-family: 'Poppins', sans-serif;
}


.post-slide {
  background: #fff;
    margin: 5px 10px 20px;
    border-radius: 5px;
    padding-top: 1px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 10px;
}
.post-slide .post-img {
  position: relative;
  overflow: hidden;
  
}
.post-slide .post-img img {
  width: 100%;
  height: auto;
  transform: scale(1, 1);
  transition: transform 0.2s linear;
}
.post-slide:hover .post-img img {
  transform: scale(1.1, 1.1);
}
.post-slide .over-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: linear-gradient(
    -45deg,
    rgba(6, 190, 244, 0.75) 0%,
    rgba(45, 112, 253, 0.6) 100%
  );
  transition: all 0.5s linear;
}
.post-slide:hover .over-layer {
  opacity: 1;
  text-decoration: none;
}
.post-slide .over-layer i {
  position: relative;
  top: 45%;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 25px;
}
.post-slide .post-content {
    background: #fff;
    border-radius: 15px;
    padding-top: 10px;
    text-align: center;
}
.post-slide .post-title a {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    display: inline-block;
    text-transform: uppercase;
    /* transition: all 0.3s ease 0s; */
    text-decoration: none;
        font-family: 'Poppins', sans-serif;
}
.post-slide .post-title a:hover {
  text-decoration: none;
  color: #3498db;
}
.post-slide .post-description {
  line-height: 24px;
  color: #808080;
  margin-bottom: 25px;
}
.post-slide .post-date {
  color: #a9a9a9;
  font-size: 14px;
}
.post-slide .post-date i {
  font-size: 20px;
  margin-right: 8px;
  color: #cfdace;
}
.post-slide .read-more {
  padding: 7px 20px;
  float: right;
  font-size: 12px;
  background: #2196f3;
  color: #ffffff;
  box-shadow: 0px 10px 20px -10px #1376c5;
  border-radius: 25px;
  text-transform: uppercase;
}
.post-slide .read-more:hover {
  background: #3498db;
  text-decoration: none;
  color: #fff;
}
.owl-controls .owl-buttons {
  text-align: center;
  margin-top: 20px;
}
.owl-controls .owl-buttons .owl-prev {
  background: #fff;
  position: absolute;
  top: -13%;
  left: 15px;
  padding: 0 18px 0 15px;
  border-radius: 50px;
  box-shadow: 3px 14px 25px -10px #92b4d0;
  transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next {
  background: #fff;
  position: absolute;
  top: -13%;
  right: 15px;
  padding: 0 15px 0 18px;
  border-radius: 50px;
  box-shadow: -3px 14px 25px -10px #92b4d0;
  transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after {
  content: "\f104";
  font-family: FontAwesome;
  color: #333;
  font-size: 30px;
}
.owl-controls .owl-buttons .owl-next:after {
  content: "\f105";
}
@media only screen and (max-width: 1280px) {
  .post-slide .post-content {
    padding: 0px 15px 25px 15px;
  }
}


#news-slider .owl-dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 5px;
    background-color: gray !important;
    border-radius: 50%;
    opacity: 1;
    cursor: pointer;
    border: none;
}

#news-slider .owl-dots .active {
    background-color: #B13481!important;
}


.color_1{
    height: 20px;
    width: 20px;
    background: red;
    border-radius: 20px;
    
}


.color_2{
    height: 20px;
    width: 20px;
    background: pink;
    border-radius: 20px;
    
}
.color_3{
    height: 20px;
    width: 20px;
    background: black;
    border-radius: 20px;
    
}
.color_4{
    height: 20px;
    width: 20px;
    background: green;
    border-radius: 20px;
}


.color-code{
    gap: 7px;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    align-items: center;
        margin-top: 20px;
    margin-bottom: 20px;
}

.new-araivel-title h3{
    text-align: center;
        font-family: 'Poppins', sans-serif;
    font-size: 30px;
    color: #5F6C72;
    font-weight: bold;
}

.h-top-categoris{
    position: relative;
}
.h-top-categoris img{
    width: 100%;
    height: 100%;
}
.h-top-categoris-bg {
    background: #0000004a;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}


.h-top-categoris-cont h3{
    color: #fff;
}

.h-top-categoris-cont a{
    display: inline-block;
    color: #fff;
        font-family: 'Poppins', sans-serif;
    font-size: 16px;
}


.collection-title h2{
        font-family: 'Poppins', sans-serif;
    text-align: center;
    margin-bottom: 40px;
    font-size: 32px;
    color: #484848;
}

/*-------------------------------*/
.home-cate-item a{
    text-decoration: none;
    display: inline-block;
}

.home-cate-item-icon{
    border-radius: 130px;
    overflow: hidden;
    margin-bottom: 30px;
}

.home-cate-item-icon img{
    width: 100%;
}

.home-cate-item-text h3{
    font-size: 20px;
    color: #000;
    text-align: center;
}

.trend-title h3{
        font-family: 'Poppins', sans-serif;
    font-size: 30px;
    color: #5F6C72;
    margin-bottom: 30px;
    font-weight: bold;
}

.trend-item a{
    text-decoration: none;
    display: inline-block;
}

.trend-item-img img{
    width: 100%;
}

.trend-item-cont p{
        font-family: 'Poppins', sans-serif;
    color: #000;
    margin-top: 15px;
}

.trending-sec{
    padding: 50px 0px;
}

.seasons-collecttion-item a{
    text-decoration: none;
    display: block;
}

.seasons-collecttion-img img{
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.seasons-collecttion-text h3{
    color: #000;
    text-align: center;
    margin-top: 30px;
}


.seasons-collecttion-title h3 {
        font-size: 30px;
    color: #5F6C72;
    margin-bottom: 30px;
    font-weight: bold;
}

.seasons-more-btn a{
        text-decoration: none;
    display: inline-block;
    text-align: center;
    color: #000;
    font-weight: bold;
    margin-top: 30px;
    font-size: 20px;
    line-height: 20px;

}
.seasons-more-btn p{
    margin: 0px;
        font-family: 'Poppins', sans-serif;
}


.seasons-more-btn a i{
    font-size: 20px;
}







/*--------------------categories pages----------*/

 .categories-banner-bg img{
    width: 100%;
}


.categies-view-head{
    width: 100%;
    padding: 30px 0px 30px;
    overflow: hidden;
}

.categies-view-name{
    float: left;
}

.categies-view-all-btn{
    float: right;
}

.categies-view-name h3{
    font-size: 29px;
        font-family: 'Poppins', sans-serif;
}

.categies-view-all-btn a {
    display: inline-block;
        font-family: 'Poppins', sans-serif;
    font-size: 21px;
    text-decoration: none;
    color: #000;
}

.categies-view-item{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 5px;
    margin-bottom: 50px;
}

.categies-view-item-img a{
    display: block;
}


.categies-view-item-img a img{
    width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    height: auto;
    transform: scale(1, 1);
    transition: transform 0.2s linear;
}

.categies-view-item-img{
    overflow: hidden;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.categies-view-item:hover .categies-view-item-img a img{
    transform: scale(1.1, 1.1);

}

/*.post-slide .post-img img {
    width: 100%;
    height: auto;
    transform: scale(1, 1);
    transition: transform 0.2s linear;
}
*/

.categies-view-item-cont{
    text-align: center;
    padding: 20px;
}

.categies-view-item-cont h3 a{
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    color: #000;
        font-family: 'Poppins', sans-serif;
}

.categies-view-item-cont p {
        font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #000;
}

.cat-btn{
    text-decoration: none;
    display: block;
    background: #B13481;
    color: #fff;
    border-radius: 5px;
    padding: 6px;
        font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

.cat-btn:hover{
    background: #7c275b;
    color: #fff;
}

.categies-newsletter-left{
    background: #bfbfbf;
    padding: 30px;
}


.categies-newsletter{
    padding: 0px 100px;
}


.categies-newsletter-left h2{
        font-family: 'Poppins', sans-serif;
    font-size: 48px;
    margin-bottom: 20px;
}

.categies-newsletter-left p{
    margin-bottom: 35px;
}

.newsletter-shop{
    background: #FE64C2;
    text-decoration: none;
    color: #fff;
    padding: 10px 20px;
    display: inline;
    margin-right: 20px;
}

.newsletter-shop:hover{
    color: #fff;
}

 .newsletter-collections{
    text-decoration: none;
    display: inline-block;
    border: 2px solid #000;
    padding: 8px 20px;
    color: #000;
    font-weight: bold;
}

 .newsletter-collections:hover{
    color: #000;
}

.categies-newsletter-right{
    width: 100%;
    height: 100%;
}

.categies-newsletter-right-bg {
    background: #0000003a;
    height: 100%;
    padding: 20px
}

.right-bg-logo{
    text-align: right;
}

/*.right-newsletter h3{
        font-family: 'Poppins', sans-serif;
    font-size: 48px;
    color: #fff;
    margin-top: 30px;
}


.form-subscribe
{
  max-width:600px;
  margin:0 auto
}
.form-subscribe .form-control
{
  background-color: transparent;
    padding-left: 24px;
    padding-right: 24px;
    letter-spacing: 1px;
    border: 1px solid #FFFFFF;
    border-radius: 0px;
    height: 45px;
    color: #000;
}

.form-subscribe .form-control.focus,.form-subscribe .form-control:focus
{
  z-index:2;
  background-color:hsla(0,0%,100%,.8)
}
.form-subscribe .btn
{
  height: 46.5px;
    position: absolute;
    right: 0px;
}

.newsletter-btn i{
    background: #fff;
    padding: 3px 6px;
    border-radius: 20px;
    margin-bottom: 4px;
}

.input-group-subscribe {
    width: 70%;
    margin-top: 20px;
}
*/
.categories-coupons{
    background: #e8e8e8;
}

.coupons-head h2{
    font-family: 'Poppins', sans-serif;
    font-size: 48px;
    margin-bottom: 30px;
}




/*-----------------footer---------------*/
.footer-sec{
    background: #454443;
    padding: 50px 0px;
}

.fotter-menu h3 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
}

.fotter-menu ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.fotter-menu ul li a{
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    padding-bottom: 8px;
    display: inline-block;
        font-family: 'Poppins', sans-serif;
}

.footer-left{
    padding-right: 50px;
}

.footer-left p{
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}


.footer-left img {
    margin-bottom: 30px;
    width: 220px;
}

.footer-left h3{
    font-size: 25px;
    font-weight: bold;
    color: #fff;
}


.copyright p {
    font-size: 16px;
        font-family: 'Poppins', sans-serif;
    margin: 0px;
    padding: 10px;

}

.copyright p a{
    display: inline-block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.social{
    margin-top: 20px;
        font-family: 'Poppins', sans-serif;
}
.social a{
    color: #fff;
    font-size: 20px;
    margin-right: 10px;
    display: inline-block;
}

.coupon-btn{
    text-align: center;
    padding: 20px 0px;
}

.coupon-btn a{
    text-decoration: none;
    display: inline-block;
    color: #000;
    font-size: 25px;
    font-weight: bold;
    background: #d2d1d1;
    padding: 5px 20px;
    margin: 0px 10px;
}

.quick-link-menu{
    padding-left: 30px;
}
.fotter-menu p{
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    
}

.footer-help ul li{
    margin-bottom:10px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #fff;
}

.social span{
    font-weight: bold;
    margin-right: 15px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}


.footer-left-logo img {
    width: 160px;
    margin-bottom: 20px;
}

.footer-paylist img{
    width: 140px;
}

.footer-paylist{
    text-align: right;
}

.footer-bottom-sec {
    background: #454443;
    padding:6px 0px;
}

.copyright{
    text-align: center;
    
}
.copyright p{
    color: #fff;
}

.copyright p a{
    color: #fff;
}


/*---------------start contact-----------*/

.contact-banner-bg {
    background-image: url(image/categories-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.contact-banner{
    height: 100%;
    padding: 80px;
}
.contact-banner-left {
    background: #fff;
    padding: 30px 40px;
    border-radius: 10px;
    margin-top: 20px;
}


.contact-banner-right {
    border: 2px solid #ff0000;
    background: #fff;
    padding: 50px;
    border-radius: 5px;
    padding-left: 100px;
}

.in-bg {
    background: #F1F1F1;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 0px, rgba(0, 0, 0, 0.23) 0px 1px 2px;
}


.in-bg:focus {
    background: #F1F1F1;
}

.contact-btn{
    background: #ff0000;
    color: #fff;
    padding: 7px 25px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 0px, rgba(0, 0, 0, 0.23) 0px 1px 2px;
    margin-bottom: 30px;
}

.contact-btn:hover{
    background: #752054;
    color: #fff;
}

.banner-contact-item h3{
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
    text-transform: uppercase;
}


.banner-contact-item ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.banner-contact-item{
    margin-bottom: 30px;
}

.banner-contact-item ul li {
    padding: 5px 0px;
    display: flex;
}
.banner-contact-item ul li i {
    color: #ff0000;
    font-size: 20px;
    margin-right: 8px;
    margin-top: 3px;
}

.banner-contact-item-2 h3{
    text-align: center;
    margin-bottom: 30px;
    font-size: 30px;
}

.banner-contact-item-2 ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.banner-contact-item-2 ul li a {
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    color: #000;
    padding: 5px 0px;
}

.banner-contact-item-2 ul li a i {
    color: #ff0000;
    font-size: 20px;
    margin-right: 8px;
}


.contact-banner-right h3{
    text-align: center;
    font-size: 30px;
    margin-bottom: 35px;
}


.faq-sec{
    padding: 80px 50px;
}

.faq h3
{
    text-align: center;
    margin-bottom: 30px;
    font-size: 30px;
}

.accordion {
    display: flex;
    flex-direction: column;
 /*   max-width: 991px;
    min-width: 320px;
    margin: 50px auto;
    padding: 0 50px;*/
}
.accordion h1 {
    font-size: 32px;
    text-align: center;
}
.accordion-item {
    margin-top: 16px;
    border: 1px solid #fcfcfc;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.accordion-item .accordion-item-title {
    position: relative;
    margin: 0;
    display: flex;
    width: 100%;
    font-size: 20px;
    cursor: pointer;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 14px 20px;
    box-sizing: border-box;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px, rgba(0, 0, 0, 0.23) 0px 2px 6px;
}
.accordion-item .accordion-item-desc {
    display: none;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    color: #000;
    border-top: 1px dashed #ddd;
    padding: 10px 20px 20px;
    box-sizing: border-box;
}
.accordion-item input[type="checkbox"] {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
}
.accordion-item input[type="checkbox"]:checked ~ .accordion-item-desc {
    display: block;
}
.accordion-item
    input[type="checkbox"]:checked
    ~ .accordion-item-title
    .icon:after {
    content: "-";
    font-size: 20px;
}
.accordion-item input[type="checkbox"] ~ .accordion-item-title .icon:after {
    content: "+";
    font-size: 20px;
}
.accordion-item:first-child {
    margin-top: 0;
}
.accordion-item .icon {
    margin-left: 14px;
}

/*.accordion-item{
    margin-bottom: 15px;
}
*/
@media screen and (max-width: 767px) {
    .accordion {
        padding: 0 16px;
    }
    .accordion h1 {
        font-size: 22px;
    }
}



/*---------------Start About us-----------*/
.about-banner-sec img{
    width: 100%;
}


.about-cont-sec{
    background: #fbeeee;
    padding: 50px;
}

.about-cont-img img{
    width: 95%;
}

.about-cont-text {
    padding-right: 130px;
    padding-top: 80px;
}


.about-cont-text h3 {
    font-size: 30px;
    margin-bottom: 40px;
}

.about-cont-text p{
    font-size: 17px;
}

.service-process-box{
    border: 1.5px solid #d8d8d8;
    padding: 20px;
}

.service-process-item img{
    width: 60px;
    margin-bottom: 20px;
}

.service-process-item h3 {
    font-size: 16px;
        font-family: 'Poppins', sans-serif;
    font-weight: bold;
}

.service-process-item p{
    margin: 0px;
    font-size: 15px;
}

 .about-video-banner{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.about-video-bg{
    padding: 200px 50px;
}

.about-video-cont h3{
    font-size: 30px;
    margin-bottom: 30px;
}

.about-video-cont  p{
    margin-bottom: 30px;
    font-size: 17px;
        font-family: 'Poppins', sans-serif;
}

.about-video-cont img{
    width: 60px;
}

.about-subscribe-sec{
    background: #fbeeee;
    padding: 80px 50px;
}

.subscribe h3{
    font-size: 32px;
    margin-bottom: 25px;
}

.subscribe p{
    font-size: 17px;
        font-family: 'Poppins', sans-serif;

}

.subscribe-input{
    height: 50px;
    font-size: 16px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 0px, rgba(0, 0, 0, 0.23) 0px 1px 2px;
    color: gray;
    border-radius: 0px;
}



.subscribe-btn{
    border: 1px solid #000;
    padding: 8px 20px;
    margin-top: 4px;
    background: #f5e0e0;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -2px;
}

.about-social h3{
    color: #CCCCCC;
    font-size: 28px;
    margin-bottom: 20px;
}

.about-social-icon a{
    font-size: 35px;
    padding: 0px 5px;
    color: #B13481;
}



/*---------Wishlist----------*/
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
}


.breadcrumb a { text-decoration: none; }


.breadcrumb a::after { content: ">"; }
.breadcrumb a:last-child::after { content: ""; }


.breadcrumb, .breadcrumb * {
  box-sizing: border-box;
}
.breadcrumb {
  border-radius: 10px;
    padding-left: 0px;
    margin-bottom: 0px;
}

.breadcrumb.red { background: #EDF0F8 }
.breadcrumb.red a { 
    color: #000; 
        font-family: 'Poppins', sans-serif;
}
.breadcrumb.red a::after { 
    list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");
    color: gray; }


.breadcrumb a:last-child{
    color: #000;
}   

.Wishlist-table{
    border: 1px solid #e2e2e2;
        font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.wishlist-title{
    background: #edf2fa;
}

.Wishlist-table>:not(caption)>*>* {
    border-width: 0px!important;
}

.Wishlist-table>:not(caption)>* {
    border-width: 0px;
}

.wishlist-head{
    font-size: 18px;
    padding: 10px 4px;
    margin: 0px;
    font-weight: bold;
}

.wish-btn {
    text-decoration: none;
    display: block;
    background: #B13481;
    color: #fff;
    border-radius: 5px;
    padding: 6px;
    font-size: 12px;
    text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
}

.wish-btn:hover {
    color: #fff;
}

.wish-dlt-btn{
    color: gray;
    display: inline-block;
    margin-top: 5px;
}

.wishlist-action{
    gap: 10px;
    float: right;

}

.wishlist-stock{
    font-size: 13px;
        font-family: 'Poppins', sans-serif;
    color: green;
    font-weight: 600;
    padding-top: 6px;
}

.wishlist-discount{
    color: gray;
    text-decoration: line-through;
    margin-right: 10px;
}

.wishlist-t-product {
    gap: 10px;
    padding-right: 80px;
}

.wishlist-t-img{
    width: 70px;
}

.wishlist-t-img img{
    width: 70px;
}


.wishlist-t-name p{
    margin: 0px;
    font-size: 13px;
    color: #6d6d6d;
        font-family: 'Poppins', sans-serif;
}

.wishlist-out-stock{
    color: red;
}


.cart-t-product{
    gap: 10px;
}

.cart-t-product img{
    width: 50px;
}

.cart-t-product p{
    margin: 0px;
    font-size: 13px;
    color: #757373;
    padding-right: 20px;
}

.cart-t-product a{
    display: inline-block;
    color: #000;
    font-size: 18px;
    margin-top: 10px;
} 


.cart-t-product a:hover{
    color: red;
}


.qty-input {
     color: #000;
    background: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    border-radius: 0px;
    margin-right: 10px;
}
 .qty-input .product-qty, .qty-input .qty-count {
     background: transparent;
     color: inherit;
     font-weight: normal;
     font-size: inherit;
     border: none;
     display: inline-block;
     min-width: 0;
     height: 2rem;
     line-height: 1;
}
 .qty-input .product-qty:focus, .qty-input .qty-count:focus {
     outline: none;
}
 .qty-input .product-qty {
     width: 60%;
     min-width: 0;
     display: inline-block;
     text-align: center;
     appearance: textfield;
}
 .qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
     appearance: none;
     margin: 0;
}
 .qty-input .qty-count {
     padding: 0;
     cursor: pointer;
     width: 2.5rem;
     font-size: 1.25em;
     text-indent: -100px;
     overflow: hidden;
     position: relative;
}
 .qty-input .qty-count:before, .qty-input .qty-count:after {
     content: "";
     height: 2px;
     width: 10px;
     position: absolute;
     display: block;
     background: #000;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
}
/* .qty-input .qty-count--minus {
     border-right: 1px solid #e2e2e2;
}
 .qty-input .qty-count--add {
     border-left: 1px solid #e2e2e2;
}*/
 .qty-input .qty-count--add:after {
     transform: rotate(90deg);
}
 .qty-input .qty-count:disabled {
     color: #ccc;
     background: #f2f2f2;
     cursor: not-allowed;
     border-color: transparent;
}
 .qty-input .qty-count:disabled:before, .qty-input .qty-count:disabled:after {
     background: #ccc;
}


.cart-footer{
    border-top: 1px solid #e2e2e2;
}

.cart-return-btn{
        text-decoration: none;
    color: #000;
    border: 2px solid #9dc8d1;
    display: inline-block;
    padding: 7px 16px;
    font-size: 15px;
    background: #9dc8d1;
}

.cart-update-btn{
    text-decoration: none;
    color: #2DA5F3;
    border: 2px solid #2DA5F3;
    display: inline-block;
    padding: 7px 16px;
    font-size: 15px;
    float: right;
}

.cart-t-product-desc h3{
    font-size: 16px;
    margin: 0px;
}
.cart-t-product p {
    margin: 0px;
    font-size: 15px;
    color: #757373;
    padding-right: 20px;
}
.cart-price h6{
    font-size: 16px;
}
.cart-sub-total{
    font-size: 16px;
}

.cart-price h6 del{
    font-size: 14px;
}

.cart-footer-box{
    padding: 10px;
}

.card-totals{
    border: 1px solid #e2e2e2;
    padding: 20px;
    border-radius: 5px;
}

.card-totals h3{
    font-size: 18px;
    margin-bottom: 18px;
        font-family: 'Poppins', sans-serif;
        font-weight: bold;
}

.card-totals ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.card-totals ul li{
    color: #000;
    padding: 5px 0px;
    font-size: 15px;
        font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;

}

.card-totals ul li span{
    float: right;
    color: #000;
    font-weight: 600;
}

.card-devider{
    background: #e2e2e2;
    padding: 0px!important;
    height: 1.5px;
    margin-top: 11px;
    margin-bottom: 11px;
}


.grand-total{
    font-size: 18px !important;
    font-weight: bold;
}

.card-totals a{
    display: block;
    text-decoration: none;
    background: red;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
}

.card-coupon{
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    margin-top: 20px;
}

.card-coupon-header{
    padding: 20px;
    border-bottom: 1px solid #e2e2e2;
        font-family: 'Poppins', sans-serif;
        font-weight: bold;
}

.card-coupon-body{
    padding: 20px;
}

.card-coupon-btn{
    border: 0px;
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    margin-top: 15px;
    border-radius: 4px;
        font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}


.card-coupon-input{
    height: 45px;
    border-radius: 4px;
        font-family: 'Poppins', sans-serif;
    font-size: 15px;
}


/*-------------Dashboard-------------*/
.dashboard-breadcamp{
    background: #F2F4F5;
   padding: 0px;
}

.d-board{
    background: transparent !important;
        margin-bottom: 0px;
}

.dashboard-left-side{
    /*padding-right: 30px;*/
}

.dashboard-left-menu{
    border: 1px solid #E4E7E9;
    border-radius: 5px;
}

.dashboard-left-menu ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.dashboard-left-menu ul li a{
    text-decoration: none;
    display: block;
    padding: 10px 20px;
    color: #5F6C72;
        font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.dashboard-left-menu ul li a:hover{
    background: #ff0000;
    color: #fff;
}

.dashboard-left-menu ul li .active {
    background: #ff0000;
    color: #fff;
}



.dashboard-left-menu ul li a i{
    margin-right: 8px;
}

.dashboard-p-histor-cont{
    font-size: 15px;
}

.dashboard-p-histor-cont h3{
    font-size: 20px;
        font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
}

.dashboard-p-histor-cont p{
         font-family: 'Poppins', sans-serif;
     font-size: 14px;
     margin-bottom: 30px;
}

 .dashboard-p-histor-cont p a{
    text-decoration: none;
    display: inline-block;
    color: #FF009C;
}

.info-card ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.info-card ul li{
    padding: 4px 0px;
    color: #5F6C72;
        font-family: 'Poppins', sans-serif;
    font-size: 13px;
}

.info-card ul li span{
    color: #000;
    font-weight: bold
}

.info-card h3{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}

.info-card p{
        font-family: 'Poppins', sans-serif;
    font-size: 13px;
    margin: 0px;
    color: #5F6C72;
}

.info-card-img {
    width: 50px;
    border-radius: 40px;
    overflow: hidden;
    margin-right: 17px;
}

.info-card-img img{
    width: 100%;
}

.info-card-text h3{
    margin-bottom: 8px;
}

.edit-address{
    text-decoration: none;
    display: inline-block;
    color: #000;
    border: 1px solid #000;
    padding: 7px 20px;
        font-family: 'Poppins', sans-serif;
    font-size: 14px;
    margin-top: 10px;
    border-radius: 5px;

}

.edit-address:hover{
    color: #fff;
    background:#000 ;
}

.card-body-top{
    margin-bottom: 15px;
}

.d-order-history-item-1{
    background: #EAF6FE;
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.d-order-history-item-2{
    background: #FFF3EB;
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
     border-radius: 4px;
}
.d-order-history-item-3{
    background: #EAF7E9;
    display: flex;
    gap: 15px;
     border-radius: 4px;
}

.d-order-history-item-text h3{
        font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
}

.d-order-history-item-text p{
        font-family: 'Poppins', sans-serif;
    margin: 0px;
    font-size: 14px;
   
}

.d-order-history-item-img img{
    width: 40px;
}

.custom-input{
    
    height: 40px;
    border-radius: 3px;
}

.update-card-btn{
    background: #FF009C;
    color: #fff;
        font-family: 'Poppins', sans-serif;
    font-size: 14px;
    border-radius: 4px !important;
}

/*.modal-content {
    background-color: #EAF7E9;
}*/

.modal-title {
    font-size: 20px;
}

.card{
    border: 1px solid #E4E7E9!important;
}

.card-header{
    background: transparent;
    border-bottom: 1px solid #E4E7E9;
        font-family: 'Poppins', sans-serif;
}


 .add-card-btn{
    float: right;
    text-decoration: none;
    color: red;
    font-size: 14px;
    padding-top: 3px;
}

.add-card-btn:hover{
    color: #B13481;
}


.d-card-item{
    background: #165278;
    padding: 30px 20px;
    border-radius: 5px;
}

.d-card-amount h3{
    color: #fff;
    font-size: 20px;
        font-family: 'Poppins', sans-serif;
    display: inline;
}

.d-card-amount a{
    color: #fff;
    float: right;
    font-size: 18px;
    display: inline-block;
}

.d-card-info p{
    color: #d1d1d1;
    text-transform: uppercase;
    font-size: 13px;
}

.d-card-info h3 {
        font-family: 'Poppins', sans-serif;
    font-size: 22px;
    color: #fff;
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.d-card-info a{
    color: #fff;
}

.d-card-footer{
    overflow: hidden;
    width: 100%;
}
.d-card-footer img{
    width: 45px;
}

.d-card-footer h3{
    font-size: 14px;
    color: #fff;
    float: right;
    padding-top: 14px;
    margin-bottom: 0px;
}

.d-card-info{
    margin-bottom: 20px;
}

.d-card-item-2 {
    background: #29a121;
}

.order-view-btn{
    color: red;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
}

.order-progress{
    color: #FA8232;
}
.order-completed{
    color: #2DB224;
}

.order-cancel{
    color: #EE5858;
}

.o-date{
    color: #5F6C72;
}

.recent-order-head{
    display: inline-block;
    font-size: 18px;
    padding: 4px;
    margin: 0px;
}

.Wishlist-table {
    border: 1px solid #e2e2e2;
        font-family: 'Poppins', sans-serif;
    font-size: 14px;
    margin-bottom: 0px;
}


.d-p-body{
    padding: 0px;
}


.browsing-title{
        font-family: 'Poppins', sans-serif;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.browsing-p-price{
        font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #2DA5F3;
    font-weight: bold;
    margin: 0px;
    margin-top: 15px;
}


.owl-prev{
    border: 1px solid #9dc8d1!important;
    width: 40px;
    height: 40px;
    padding: 0px;
    border-radius: 40px!important;
}

.owl-next{
    border: 1px solid #9dc8d1!important;
    width: 40px;
    height: 40px;
    padding: 0px;
    border-radius: 40px!important;
}

 .custom-owl-nav {
    text-align: center;
    margin-top: 10px;
}
 .custom-owl-nav {
    text-align: center;
    margin-top: 10px;
        margin-bottom: 30px;
}
.custom-owl-nav button {
    background-color: #007bff;
    color: white;
    padding: 10px 20px;
    border: none;
    margin: 0 10px;
    cursor: pointer;
    font-size: 16px;
}

.owl-dots {
    text-align: center;
    margin-top: 20px;
}

.owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 5px;
    background-color: #007bff;
    border-radius: 50%;
    opacity: 0.5;
    cursor: pointer;
    border: none;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #9dc8d1;
}
.custom-owl-nav button {
    background-color: transparent;
    color: #9dc8d1;
    padding: 5px 10px;
    border: none;
    margin: 0 10px;
    cursor: pointer;
    font-size: 16px;
}

.custom-owl-nav button:hover {
    background-color: #9dc8d1;
    color: #fff;
}

 /* Slider */
/*.slick-slide {
    margin: 0px 20px;
}*/

.slick-slide img {
    width: auto;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-initialized .slick-slide {
    display: block;
}


.slick-dots li button:before {
    font-family: 'slick';
    font-size: 25px!important;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 30px;
}

.brand-slider h2{
        font-family: 'Poppins', sans-serif;
    font-size: 37px;
    text-align: center;
    margin-bottom: 40px;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #B13481;
}
.slick-dots li:hover button:before {
    opacity: 1;
    color: #B13481;
}
.slick-dots li:focus button:before {
    opacity: 1;
    color: #B13481;
}

/*.slick-track{
    border: 2px solid #FF009C;
    padding: 20px!important;
}
*/


/*---------------Account Setting ---------*/
.acount-setting-img img{
    width: 100%;
}

.acount-setting-img{
    border-radius: 70px;
    overflow: hidden;
}

label {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    line-height: 1.25rem;
}

.acount-up-btn{
    background: red;
    color: #fff;
        font-family: 'Poppins', sans-serif;
    font-size: 14px;
    border-radius: 4px !important;
    padding: 10px 20px;
}

.acount-up-btn:hover{
    background: red;
    color: #fff;
}

.field-icon {
  float: right;
    margin-left: -25px;
    margin-top: -27px;
    position: relative;
    z-index: 2;
    margin-right: 13px;
    color: gray;
}


/*-------------Track Order------------*/
.track-back-btn {
    text-decoration: none;
    display: inline-block;
    color: #000;
    font-size: 18px;
}

.track-back-btn:hover {
    color: #000;
}

.track-custom-body{
    padding: 0px;
}

.oder-track-item-1{
    border-bottom: 1px solid #E4E7E9;
    padding: 20px;
}

.track-order-num-box {
    background-color: rgb(245 217 217 / 40%);
    border: 2px solid #fbf0f0;
    border-radius: 5px;
    padding: 20px;
    overflow: hidden;
}

.track-order-num{
    float: left;
}

.track-order-price{
    float: right;
}


.track-order-num p{
        font-family: 'Poppins', sans-serif;
    font-size: 14px;
    margin: 0px;
}


.track-order-num p span {
    margin-right: 20px;
}
.track-order-num h3{
    font-size: 20px;
}

.track-order-price h3{
    margin: 0px;
    font-size: 24px;
    color: red;
    font-weight: bold;
    padding-top: 14px;
}





.oder-track-item-2{
    border-bottom: 1px solid #E4E7E9;
    padding: 20px;
}
.oder-track-item-3{
    border-bottom: 1px solid #E4E7E9;
    padding: 20px;
}
.oder-track-item-4{
    border-bottom: 1px solid #E4E7E9;
    padding: 20px;
}




/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}

#progressbar li {
    list-style-type: none;
    
    width: 25%;
    float: left;
    position: relative;
    text-align: center;
}


#progressbar li p{
        font-family: 'Poppins', sans-serif;
    font-size: 13px;
    margin: 0px;
    color: gray;
}

#progressbar li:before {
    content: ' ';
    width: 24px;
    height: 24px;
    line-height: 26px;
    display: block;
    font-size: 12px;
    color: #333;
    background: white;
    border-radius: 25px;
    margin: 0 auto 10px auto;
    border: 2px solid red;
    z-index: 2;
    position: relative;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 6px;
    background: #b9b9b9;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: 0;
}

#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}


#progressbar li.active:before, #progressbar li.active:after {
    
    background: red;
    color: white;
}

 #progressbar li.active:before {
    background: red;
    color: white;
}

 #progressbar li.active p{
    color: #000;
}


/* Not relevant to this form */
.dme_link {
    margin-top: 30px;
    text-align: center;
}
.dme_link a {
    background: #FFF;
    font-weight: bold;
    color: #ee0979;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 5px 25px;
    font-size: 12px;
}

.dme_link a:hover, .dme_link a:focus {
    background: #C5C5F1;
    text-decoration: none;
}

#progressbar li i{
    font-size: 35px;
}
.placed i{
    color: #2DB224;
    font-weight: bold;
}

.packaging i{
    color: red;
}


.activity-item{
    display: flex;
    gap: 15px;
    margin-bottom: 10px;
}

.activity-item-text p {
    margin: 0px;
        font-family: 'Poppins', sans-serif;
    font-size: 14px;
    margin-bottom: 6px;
}

.activity-item-date{
        font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: gray;
}

.activity-box h3{
    font-size: 20px;
    margin-bottom: 20px;
}

.track-p-name h4{
    color: #2DA5F3;
        font-family: 'Poppins', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.track-p-name p{
        font-family: 'Poppins', sans-serif;
    font-size: 14px;
    margin: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.track-p-item:last-child td {
    border-bottom: 0px;
}
.track-p-item td {
   padding: 15px 0px;
}

.oder-track-item-3 h3 {
    font-size: 20px;
    margin-bottom: 20px;
}


.order-track-addess-item h3{
    font-size: 18px;
    margin-bottom: 20px;
}

.order-track-addess-item h4{
        font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

.order-track-addess-item p {
        font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: gray;
    margin-bottom: 8px;
}
.order-track-addess-item p strong {
    font-weight: bolder;
    color: #000;
}

.o-t-a-b{
    border-right: 1px solid #E4E7E9;
}



/*-------------Browsing History-------------*/

.browsing-product-item a {
    display: block;
    text-decoration: none;
    color: #000;
}

.browsing-product-item-img img{
    width: 100%;
    border-radius: 5px;
}

.browsing-product-item-cont{
    margin-top: 20px;
}

.browsing-product-item-cont h3{
    font-size: 14px;
}
.browsing-product-item-cont h4{
    color: #2DA5F3;
    font-size: 20px;
    margin-top: 14px;
}


.history-load a{
    text-decoration: none;
    color: #FF009C;
        font-family: 'Poppins', sans-serif;
    border: 2px solid #FF009C;
    display: inline-block;
    padding: 6px 20px;
    margin-top: 40px;
    border-radius: 4px;
}

.history-load a i{
    margin-right: 10px;
}

.b-p-rating span{
    font-size: 13px;
}

.star-rating {
  line-height:32px;
}

.star-rating .fa-star{
    color: gray;
}

.star-rating .active i{
    color: #FA8232;
    font-weight: bold;
}

.browsing-product-item-img{
    position: relative;
}
.p-badge{
    
    display: inline-block;
    color: #fff;
    padding: 5px 13px;
    border-radius: 3px;
        font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    position: absolute;
    left: 10px;
    top: 10px;
}

.hot{
   background: #EE5858; 
}
.best-deals-badge{
    background-color: #2DA5F3;
}

.sold-badge{
    background: #929FA5;
}

.offer-badge{
    background: #EFD33D;
    color: #000;
}

.sales-badge{
    background: #2DB224;
}

.browsing-header-item h3 {
    font-size: 20px;
        font-family: 'Poppins', sans-serif;
    display: inline-block;
}

.browsing-header-item p{
        font-family: 'Poppins', sans-serif;
    font-size: 14px;
    float: right;
    margin: 0px;
}

.form-switch-box{
    float: right;
}

.form-switch-sm{
    float: right;
}
.form-switch-box span{
    margin-right: 10px;
        font-family: 'Poppins', sans-serif;
    font-size: 14px;
}


 .search-form-wrap {
     display: block;
}
 .search-form .form-group {
     position: relative;
}
.search-form .form-group #s {
    padding-right: 50px;
    padding: 10px 15px;
    padding-left: 50px;
    border: 1px solid #E4E7E9;
    border-radius: 3px;
}
 .search-form .icon {
     position: absolute;
     top: 50%;
     left: 20px;
     transform: translateY(-50%);
}
 

.browsing-search-date input{
    height: 45px;
    border-radius: 3px;
}

.border-0{
    border: 0px!important;
}




/****************************************
                Shop Page
*****************************************/

.shop__sidebar {
    padding-right: 20px;
    border: 1px solid black;
    padding: 25px;
}
.shop__sidebar a{
    text-decoration: none;
}
.shop__sidebar__accordion .card {
    border: none;
    border-radius: 0;
    margin-bottom: 25px;
}

.shop__sidebar__accordion .card:last-child {
    margin-bottom: 0;
}

.shop__sidebar__accordion .card:last-child .card-body {
    padding-bottom: 0;
    border-bottom: none;
}

.shop__sidebar__accordion .card-body {
    padding: 0;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.shop__sidebar__accordion .card-heading {
    cursor: pointer;
}

.shop__sidebar__accordion .card-heading a {
    color: #111111;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}

.shop-categiri-list ul{
     list-style: none;
    margin: 0px;
    padding: 0px;
}


.shop-categiri-list ul li img {
    width: 60px;
    height: 57px;
    border: 1px solid gainsboro;
    border-radius: 5px;
    margin-right: 10px;
}

.shop-categiri-list ul li a{
    color: #000000;
    font-size: 15px;
    line-height: 32px;
    display: block;
    padding: 4px 0px;
            font-family: 'Poppins', sans-serif;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.shop-categiri-list ul li a:hover {
    height: auto;
}

.shop__sidebar__price ul {
    height: auto;
}

.shop__sidebar__size {
    padding-top: 15px;
}

.shop__sidebar__size label {
    color: #111111;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #e5e5e5;
    background-color: #F5F4F4;
    width: 100%;
    height: 40px;
    padding: 4px;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
}

.shop__sidebar__size label.active {
    background: #111111;
    color: #ffffff;
    border-color: #111111;
}

.shop__sidebar__size label input {
    position: absolute;
    visibility: hidden;
}

.shop__sidebar__color {
    padding-top: 15px;
    text-align: center;
}
.shop__sidebar__color .col-md-4{
    margin:10px 0;
    font-weight: 700;
}
.shop__sidebar__color label {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 10px;
    cursor: pointer;
}

.shop__sidebar__color label.c-1 {
    background: #0b090c;
}

.shop__sidebar__color label.c-2 {
    background: #20315f;
}

.shop__sidebar__color label.c-3 {
    background: #f1af4d;
}

.shop__sidebar__color label.c-4 {
    background: #636068;
}

.shop__sidebar__color label.c-5 {
    background: #57594d;
}

.shop__sidebar__color label.c-6 {
    background: #e8bac4;
}

.shop__sidebar__color label.c-7 {
    background: #d6c1d7;
}

.shop__sidebar__color label.c-8 {
    background: #ed1c24;
}

.shop__sidebar__color label.c-9 {
    background: #ffffff;
}

.shop__sidebar__color label:after {
    position: absolute;
    left: -3px;
    top: -3px;
    height: 36px;
    width: 36px;
    border: 1px solid #e5e5e5;
    content: "";
    border-radius: 50%;
}

.shop__sidebar__color label input {
    position: absolute;
    visibility: hidden;
}


.shop__sidebar__accordion .card-heading a:after,
.shop__sidebar__accordion .card-heading>a.active[aria-expanded=false]:after {
    content: "";
    font-family: "FontAwesome";
    font-size: 24px;
    font-weight: 700;
    color: #111111;
    position: absolute;
    right: 0;
    top: 2px;
    line-height: 20px;
}

.shop__sidebar__accordion .card-heading.active a:after {
    content: "";
    font-family: "FontAwesome";
    font-size: 24px;
    font-weight: 700;
    color: #111111;
    position: absolute;
    right: 0;
    top: 2px;
    line-height: 20px;
}



.shop-product-card {
    position: relative;
    margin-bottom: 15px;
    /*box-shadow: .39px 4.281px 9.5px hsla(0, 0%, 74%, .59);*/
    background: #fff;
    border: 1px solid #e2ebdd;
}


.prduct-cont{
    padding: 15px 10px;
}


.shop-product-card h5{
    font-size: 16px;
    font-weight: normal;
    color: #818181;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.shop-product-card p{
    font-size: 14px;
    font-weight: 400;
}

.product-img{
    overflow: hidden;
}
.shop-product-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-in-out;
}


.shop-product-card img:hover   {
  transform: scale(1.2);
}

  .shop-product-card .price{
    font-weight: 500;
    font-size: 20px;
    color: #575757;
        font-family: 'Poppins', sans-serif;
  }
  .shop-product-card .price del{
    font-weight: 400;
    font-size: 16px;
  }
  
  

.btn-box {
    text-align: center;
    margin-top: 17px;
}
.btn-box a:first-child {
        background: red;
    border-radius: 0px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 5px;
    text-decoration: none;
    width: 120px;
    text-align: center;
    margin-right: 10px;
}

.btn-box a:last-child{
    text-decoration: none;
    background: #000;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 5px;
    border-radius: 0px;
    width: 120px;
    text-align: center;
}

.btn-box a:last-child:hover{
    background: #474444;
    color: #fff;
}


.btn-box a:first-child:hover{
    background: #bd0410;
    color: #fff;
}

.product-img{
    position: relative;
    height: 330px;
}
.shop-product-card .badge-offer {
    position: absolute;
    bottom: 15px;
    left: 15px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #5b5b5b;
    padding: 2px 10px;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 4px;
  }


select {
    word-wrap: normal;
        font-family: 'Poppins', sans-serif;
}


  .page-item{
    margin: 0 5px;
  }
  .page-item:first-child .page-link{
    background-color: #D1D5DB;
   
  }
  .page-link{
    color: #000;
  }
  .active>.page-link, .page-link.active{
    background-color: #000;
    border-color: #000;
  }
  .rs-container .rs-selected{
    background-color: #B13481;
    border-color: #B13481;
  }



/****************************************
            Single Shop Page
*****************************************/
/*.shop.single{
    padding:70px 0 100px;
}
.shop.single .product-gallery {
    margin-top: 30px;
}
.shop.single .flexslider-thumbnails {
    position: relative;
}
.shop.single .product-gallery .slides li{
    position:relative;
}
.shop.single .product-gallery .slides li img{
    width:100%;
}
.shop.single .flex-control-nav{
    margin-top:15px;
}
.shop.single .flex-control-thumbs li {
    width: 20%;
    position: relative;
    margin: 0 8px 10px -3px;
}
.shop.single .flex-control-thumbs li img {
    border: none;
    padding: 0;
    border:1px solid transparent;
    width: 100px;
    height: 100px;
    border-radius: 21px;
}
.shop.single .flex-control-thumbs li img.flex-active{
    border-color:#F7941D;
}
.shop.single .flex-direction-nav{
    display:none;
}
.shop.single .product-des{
    margin-top:30px;
}
.shop.single .product-des .short h4 {
    font-size: 22px;
    font-weight: 600;
    margin-top: -5px;
    line-height: 28px;
}
.shop.single .product-des .short .description {
    font-size: 14px;
    color: #555555;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.shop.single .product-des .total-review{
    font-size:14px;
    font-weight:500;
    margin-left:10px;
    display:inline-block;
}
.shop.single .product-des .total-review:hover{
    color:#F7941D;
}
.shop.single .product-des  .rating{
    margin-top:20px;
    display:inline-block;
}
.shop.single .product-des .rating li{
    display:inline-block;
}
.shop.single .product-des .rating li i{
    color:#F7941D;
}
.shop.single .product-des .rating li.dark i{
    color:#555;
}
.shop.single .product-des .price {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    margin-top: 15px;
}
.shop.single .product-des .price s{
    color:#333;
}
.shop.single .product-des .price span{
    display:inline-block;
    margin-right:15px;
    color:#F7941D;
}
.shop.single .product-des .product-buy {
    margin-top: 40px;
}
.shop.single .product-des .product-buy{}
.shop.single .product-des .color {
    display: inline-block;
    margin-right: 50px;
}
.shop.single .product-des .color h4 {
    font-size: 18px;
    font-weight: 600;
}
.shop.single .product-des .color h4 span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 4px;
}
.shop.single .product-des .color ul{
    margin-top: 10px;
}
.shop.single .product-des .color ul li{
    display:inline-block;
    margin-right:5px;
}
.shop.single .product-des .color ul li:last-child{
    margin-right:0;
}
.shop.single .product-des .color ul li a{
    height:30px;
    width:30px;
    line-height:30px;
    text-align:center;
    display:block;
    background:#333;
}
.shop.single .product-des .color ul li a i{
    font-size:11px;
    color:#fff;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    transition:all 0.4s ease;
}
.shop.single .product-des .color ul li a:hover i{
    opacity:1;
    visibility:visible;
}
.shop.single .product-des .color ul li .one{
    background:#3498db;
}
.shop.single .product-des .color ul li .two{
    background:#F7941D;
}
.shop.single .product-des .color ul li .three{
    background:#8e44ad;
}
.shop.single .product-des .color ul li .four{
    background:#2ecc71;
}

.shop.single .product-des .size{
    display:inline-block;
}
.shop.single .product-des .size h4{
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 0px;
}
.shop.single .product-des .size ul{
    display:inline-block;
    margin-top: 10px;
}
.shop.single .product-des .size ul li {
    display: inline-block;
    margin-right: 5px;
}
.shop.single .product-des .size ul li:last-child{
    margin-right:0;
}
.shop.single .product-des .size ul li a {
    display: block;
    height: 30px;
    width: 36px;
    border: 1px solid #eee;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}
.shop.single .product-des .size ul li a:hover{
    color:#F7941D;
}*/









/*=========================*/
.shop .cat{
    font-size: 14px;
    font-weight: 500;
    color:#333;
    margin-top:30px;
}
.shop .cat a{
    display:inline-block;
    margin-left:10px;
}
.shop .cat a:hover{
    color:#F7941D;
}
.shop .availability{
    color:#333;
    font-size:14px;
    margin-top:6px;
}
/* Product Tab */

.nav-tabs{
    border-bottom: 0px;
}
.nav-tabs button{
    background-color: transparent;
    border: none;
    color: #191C1F;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0px;
    border-bottom: 3px solid #fff !important;
    margin-right: 40px;
}
.nav-tabs button{
    border:0px;
}
.nav-tabs button:hover{
    border:0px;
    border-bottom: 3px solid red;
    padding: 10px 0px;
    color: red;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: red;
    border-bottom: 3px solid red!important;
}

.nav-tabs .nav-link {
    border: 0px;
}

.shop .product-title h2{
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
}
.shop .product-title p{
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

.shop .product-price h3{
    font-size: 35px;
    font-weight: 700;
    color: #3A4980;
    margin-top: 20px;
}
.shop .product-price del{
    font-size: 20px;
    font-weight: 400;
    color: #333;
    margin-left: 10px;
}

.shop .product-price p{
    color:#B9BBBF;
    font-size: 16px;
}
.shop .product-price span{
    color:#B9BBBF;
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px;
}
.shop .review{
    color: #3A4980 !important;
    background-color: #EDF0F8 !important;
}
.shop .review i{
    color: #3A4980!important;
}
.shop .product-color h3,.product-size h3{
    font-size: 16px;
    font-weight: 500;
    margin: 20px 0;
    color: #B9BBBF;
}

.shop .quantity{
    display: inline-flex;
}
.shop .quantity button:first-child{
    height: 50px;
    background-color: #F3F3F3;
    color: #333;
    font-size: 20px;
    font-weight: 700;
    padding: 0 10px;
    border: none;
    border-radius: 20px 0 0 20px;
    cursor: pointer;
}
.shop .quantity button:last-child{
    height: 50px;
    background-color: #F3F3F3;
    color: #333;
    font-size: 20px;
    font-weight: 700;
    padding: 0 10px;
    border: none;
    border-radius: 0 20px 20px 0;
    cursor: pointer;
}
.shop .quantity input{
    width: 50px;
    height: 50px;
    background-color: #F3F3F3;
    color: #333;
    font-size: 20px;
    font-weight: 700;
    padding: 0 10px;
    border: none;
    border-radius: 0;
    cursor: pointer;
}

.shop .add-to-cart{
    width: 70%;
    background-color: #B13481;
    border: none;
    outline: none;
    border-radius: 20px;
    padding: 10px 0;
}



.tab-content>.active {
    padding: 10px 0px;
}
.tab-content>.active{
    font-size: 13px;
    font-weight: 400;
    color: #726C6C;
    margin-top: 15px;
}
.pd-description ul {
    list-style: disc;
}
.pd-description ul li{
    color: #000;
    font-size: 15px!important;
    margin-bottom: 10px;
}

/*===========================================*/
.color-select {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    text-transform: uppercase;
}

 .deal-left-item-title h3{
    font-size: 18px;
        color: #5b5b5b;
}

.color-item{
    max-height: 220px;
    overflow: scroll;
}

.deal-left-item {
    margin-bottom: 20px;
}

.color-border{
    display: flex;
    margin-bottom: 30px;
}

.color-border-1 {
    background: red;
    height: 2px;
    width: 100px;
}

.color-border-2 {
    background: #e5e7eb;
    height: 2px;
    width: 100%;
}



.color-box{
    width: 14px;
    height: 14px;
    
    border-radius: 20px;
    margin-top: 4px;
}


.color-red{
   background: red; 
}

.color-black{
    background: #000;
}

.color-pink{
    background: pink;
}

.color-teal{
background: teal;
}

.color-blue{
    background: blue;
}

.color-green{
    background: green;
}
.color-biscuit{
    background: bisque;
}

.color-golden{
background: gold;
}

.color-purpel{
    background: purple;
}

.color-navyy-blue{
    background: darkblue;
}

.form-check-input{
    width: 15px;
    height: 15px;
}


.form-check-input:checked {
    background-color: red!important;
    border-color: red!important;
}

.form-check-input:focus {
    border-color: #b13481;
    outline: 0;
    box-shadow: none;
}

.ml-8{
    margin-left: 6px;
}

.mb-10{
    margin-bottom: 10px;
}

.deal-left-title {
    margin-bottom: 20px;
    padding-top: 25px;
}

.deal-left-title h3 {
    font-size: 25px;
    text-transform: uppercase;
    color: #5b5b5b;
    font-weight: 400;
}
.fIlter-border-1{
    width:80px;
    background: red;
    height: 2px;
}

.sort-by{
    display: flex;
    width: 250px;
    float: right;
    margin-bottom: 20px;
}

.sort-by label{
    width: 100px;
    font-size: 16px;
    padding-top: 6px;
}

.deal-left-item-cont{
    margin-bottom: 20px;
}

/****************************************
            Blog Page
*****************************************/

.res-title{
    font-size: 20px;
}
.cat-title{
    font-size: 20px;
}

.b-date{
    color: gray;
    font-size: 15px;
}

.b-cat-name{
    font-size: 13px;
}

.blog-data {
    list-style: none;
    display: inline-flex;
    gap: 15px;
}

.blog-data li i {
    color:#FA8232;
}
.blog .social{
    list-style: none;
    display: inline-flex;
    gap: 15px;
}
.blog p{
    font-size: 15px;
    color: #726C6C;
    margin-top: 15px;
        font-family: 'Poppins', sans-serif;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.blog h3{
    font-size: 24px;
    font-weight: 700;
    margin-top: 15px;
}
.blog .quote{
    background-color: #FFF3EB;
    padding: 15px;
    margin-top: 15px;
    position: relative;
}
.blog .quote p{
    font-size: 16px;
    font-weight: 400;
    color: #726C6C;
    
}


.blog-btn a{
        font-family: 'Poppins', sans-serif;
    background: linear-gradient(to right, red, #8e0909);
    display: inline-block !important;
    color: #FFD !important;
    text-decoration: none;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 3px;
}

.blog-img img{
    width: 100%;
}

.b-cate{
    position: absolute;
    top: 0px;
    background: linear-gradient(to right, #7e7e7e, #000);
    top: 16px;
    left: 0px;
    color: #fff;
    padding: 4px 10px;
    font-size: 14px;
}

.recent-blog-img a img{
    width: 90px;
}

.blog-list {
   /* border: 1px solid #E4E7E9 !important;*/
    border-radius: 5px !important;
    box-shadow: .39px 4.281px 9.5px hsla(0, 0%, 74%, .59);
    position: relative;
}

.blog-date span{
        font-family: 'Poppins', sans-serif;
}

.overflow-hidden p{
        font-family: 'Poppins', sans-serif;
}
small {
   
        font-family: 'Poppins', sans-serif;
}
.recent-blog-box{
    margin-top: 136px;
}
.recent-blog-item a{
    display: flex;
    gap: 10px;
    text-decoration: none;
    margin-bottom:15px;
}
.recent-blog-img{
    width:80px;
}
.recent-blog-img img {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    object-fit: cover;
}
.recent-blog-text h2{
   font-size: 14px;
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.blog .quote  i{
    color: #FA8232;
    font-size: 50px;
    margin-right: 10px;
}
.blog .quote:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid #FA8232;  
    height: 100%;
}

.blog-details-title a{
    text-decoration: none;
    font-size: 30px;
    font-weight: 400;
}

.blog-cate label{
    display: block;
}

.s-btn-box{
    background: red;
}

.s-btn-box button{
    height: 100%;
    background: red;
    color: #fff;
    width: 50px;
}

.blog-comments {
    padding: 10px 0;
  }
  
  .blog-comments .comments-count {
    font-weight: bold;
  }
  
  .blog-comments .comment {
    margin-top: 30px;
    position: relative;
  }
  
  .blog-comments .comment .comment-img {
    margin-right: 14px;
  }
  
  .blog-comments .comment .comment-img img {
    width: 60px;
  }
  
  .blog-comments .comment h5 {
    font-size: 16px;
    margin-bottom: 2px;
  }
  
  .blog-comments .comment h5 a {
    font-weight: bold;
    transition: 0.3s;
    text-decoration: none;
    color: #333;
  }
  

  
  .blog-comments .comment h5 .reply {
    padding-left: 10px;
  }
  
  .blog-comments .comment h5 .reply i {
    font-size: 20px;
  }
  
  .blog-comments .comment time {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
  }
  
  .blog-comments .comment.comment-reply {
    padding-left: 40px;
  }
  
  /*--------------------------------------------------------------
  # Comment Form Section
  --------------------------------------------------------------*/
  .comment-form {
    padding-top: 10px;
  }
  

  .comment-form form h4 {
    font-weight: bold;
    font-size: 22px;
  }
  
  .comment-form form p {
    font-size: 14px;
  }
 .comment-form form label{
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-top: 10px;
  }
  .comment-form form input,
  .comment-form form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #e5e5e5;
    margin-top: 10px;
  }
  
  .comment-form form textarea {
    height: 100px;
 }
  
  .comment-form form .form-group {
    margin-bottom: 25px;
  }
  
  .comment-form form .btn-primary {
    background-color: #FA8232;
    padding: 10px 20px;
    border: 0;
    border-radius: 0;
  }
  



.sidebar-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;  
    display: inline-block;
    padding-bottom: 5px;
}
.search-box,.categories ,.latest-blogs,.gallery,.tags{
    padding: 20px;
    margin-top: 20px;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
}
.search-box input {
    padding: 10px 15px;
}

.latest-blogs .blog-item {
    align-items: center;
}

.blog-thumb {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid #ddd;
}

.blog-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 5px;
}
.blog-cont-box .blog-title{
    min-height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.blog-date {
    font-size: 0.85rem;
    color: #888;
    margin-top: 10px;
    margin-bottom: 10px;
}

.gallery img {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    border: 2px solid #ddd;
}

.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tag-item {
    padding: 5px 10px;
    color: rgb(0, 0, 0);
    border:1px solid #ddd;
    font-size: 0.85rem;
}


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


.accordion-button .icon {
  transition: transform 0.3s ease;
}
.accordion-button:not(.collapsed) .icon {
  transform: rotate(180deg);
}

.accordion-button{
    display: block;
}

.accordion-button span{
    float: right;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: transparent;
    box-shadow: none;
}

.accordion-item {
    margin-bottom: 15px;
    border-bottom: 2px solid gainsboro;
    border-radius: 0px;
    box-shadow: none;
}

.accordion-body {
    padding: 0px;
}

.accordion-button{
    padding: 0px;
    font-weight: bold;
    font-size: 18px;
        font-family: 'Poppins', sans-serif;
}

.accordion-header {
    margin-bottom: 0;
    padding: 20px 0px;
}

.shop-more-btn{
    text-align: center;
    padding: 15px;
    font-size: 14px;
}

.shop__sidebar__accordion h3{
    font-size: 20px;
    font-weight: 600;
}

.size-picker-btn {
    width: 42px;
    height: 42px;
    font-size: 1.2rem;
    border-radius: 0px;
    margin: 5px;
    border: 1px solid #e5e5e5;
    background-color: #F5F4F4;
    color: #000;
}
.size-picker-btn:focus {
    background-color: #B13481;
    color: white;
    border: 1px solid #e5e5e5;
}
.size-picker-btn:hover {
    background-color: #B13481;
    color: white;
    border: 1px solid #e5e5e5;
}

.size-picker-active {
    background-color: #B13481;
    color: white;
}

.select-size h4{
    font-size: 16px;
}

.select-size{
    margin-bottom: 30px;
}
/*------------price range--------*/
.slider-container {
  position: relative;
  width: 100%;
  height: 5px;
  background-color: #ddd;
  margin: 30px 0;
}
.slider {
  position: absolute;
  width: 100%;
  -webkit-appearance: none;
  height: 5px;
  background: transparent;
  pointer-events: none;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background-color: #B13481;
  border-radius: 50%;
  cursor: pointer;
  pointer-events: all;
  position: relative;
  z-index: 2;
}
.slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background-color: #B13481;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.range-track {
  position: absolute;
  height: 5px;
  background-color: #B13481;
  z-index: 1;
}

.accordion-item:last-child {
    border-bottom: 0px;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
}

.page-item:last-child .page-link {
    background-color: red;
    color: #fff;
}

.shop-pro-cont a{
    text-decoration: none;
    display: inline-block;
    color: #000;
        font-family: 'Poppins', sans-serif;
}


.p-myswiper {
  position: relative;
}

.p-myswiper .swiper-slide {
  min-height: 300px;
  transition-property: opacity, transform, -webkit-transform;
}

.p-myswiper-thumbs {
  margin-top: 30px;
  position: relative;
  overflow: hidden;
}

.p-myswiper-thumbs .swiper-slide {
  height: auto;
  cursor: pointer;
}

/*.swiper-slide:nth-of-type(3n + 1) {
  background-color: #4B7CB6;
}
.swiper-slide:nth-of-type(3n + 2) {
  background-color: #7C4BB6;
}
.swiper-slide:nth-of-type(3n + 3) {
  background-color: #7CB64B;
}*/

.p-myswiper-thumbs .swiper-scrollbar {
  position: relative;
  margin-top: 1.6rem;
}
.p-myswiper-thumbs .swiper-scrollbar-drag {
  height: 20px;
  padding: 8px 0;
  cursor: pointer;
  background-color: var(--color-theme, #4B7CB6);
  background-clip: content-box;
}
.p-myswiper-thumbs .swiper-scrollbar::after {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  margin: auto;
  content: "";
  background-color: #eee;
}

.swiper-thumbs-button-next {
  position: absolute;
  height: 30px;
  width: 30px;
      background-color: #b13481;
    color: #fff;
  right: 10px;
  top: 30%;
  border-radius: 100px;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .7));
}

.swiper-thumbs-button-prev {
  position: absolute;
  height: 30px;
  width: 30px;
      background-color: #b13481;
    color: #fff;
  left: 10px;
  top: 30%;
  border-radius: 100px;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .7));
}

.p-myswiper-thumbs .swiper-slide-thumb-active {
    border: 3px solid #5B717D;
    border-radius: 10px;
    overflow: hidden;
}

* {
  box-sizing: border-box;
}

.p-myswiper-thumbs__slide img{
    width: 100%;
}

.p-myswiper__slide{
        width: 100%!important;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px!important;
}


 .ss{
    
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin: 5px;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

.ss img{
    border-radius: 10px;
}

.ss-1 img{
    border-radius: 10px;
}


/*--------------prduct details------*/
.detail_product-title h2 {
    font-size: 25px;
        font-family: 'Poppins', sans-serif;
    color: #000;
    margin-bottom: 20px;
}

.detail_product-title p{
    color: #000;
    font-size: 20px;
}

.detail_product-title p del{
    font-size: 17px;
    margin-left: 6px;
}


.product-title{
    color: #B9BBBF;
        font-family: 'Poppins', sans-serif;
    font-size: 14px;
}
.detail_product-shear{
    text-align: right;
}

.detail_product-shear span a{
    text-decoration: none;
    display: inline-block;
    background: #EDF0F8;
    padding: 2px 8px;
    color: #3A4980;
    border-radius: 7px;
}

.detail-wishlist{
    background: #FFF0F0!important;
    color: #D46F77!important;
}

.p_detail_price_box{
    display: flex;
    gap: 40px;
}




.pd_review{
    background: #EDF0F8;
    padding: 5px 14px;
        font-family: 'Poppins', sans-serif;
    font-size: 13px;
    border-radius: 20px;
    color: #3A4980;
    font-weight: bold;
}

.pd-rating{
    background: #FBF3EA;
    padding: 5px 14px;
        font-family: 'Poppins', sans-serif;
    font-size: 13px;
    border-radius: 20px;
    color: #D48D3B;
    font-weight: bold;
    margin-right: 10px;
}

.p_detail_rivew small{
    font-size: 13px;
    color: #B9BBBF;
         font-family: 'Poppins', sans-serif;
}

.p_detail_rivew small strong{
    color: green;
}

hr {
    border-top: 1px solid #bbbbbb;
}

.pd-form-group{
    gap: 10px;
}

.radio_custom {
    background: #F3F3F3;
    padding: 4px 10px;
    color: gray;
    border-radius: 4px;
        font-family: 'Poppins', sans-serif;
    font-size: 15px;
    display: inline-block;
}

.radio_custom-item{
    display: flex;
    gap: 8px;
}


.pd-form-check{
    background: #F3F3F3;
    padding: 3px 10px 5px 10px;
    border-radius: 3px;
    display: inline-block;
    color: #726C6C;
}

.pd-form-check[type="radio"]{
  width: 20px;
  height: 20px;

}

[type="radio"]:checked+label:after {
  background-color: red;
  border: 2px solid red!important;
 
  
}

/*-------------tap2deal product details-------------*/

.product-details{
    padding-left: 70px;
}

.product-details-img{
    padding: 0px 100px;
}
.custom-prev {
    left: -100px;
}

.custom-next{
    right: -100px;
}

.p-size-select{
    border-radius: 0px;
    height: 40px;
    border: 1px solid #e2e2e2;
}

.p-qty{
    margin: 0px;
    font-weight: 500;
    margin-bottom: 10px;
}

.p-detals-size p{
    margin: 0px;
    font-weight: 500;
    margin-bottom: 10px;
}

.product-details-qty-size{
    margin-bottom: 30px;
}


.product-detail-notes ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.product-detail-notes ul li a {
    text-decoration: none;
    display: block;
    padding: 10px 0px;
    border-top: 1px solid #e2e2e2;
    color: #000;
    font-size: 14px;
}

.product-detail-notes ul li a span{
    float: right;
    color: gray;
}

.find-store{
    text-transform: uppercase;
    font-size: 16px!important;
    padding-top: 20px!important;
    margin-bottom: 15px!important;
}

.p-add-to-cart {
    border-radius: 0px;
    background: #000;
    color: #fff;
    width: 76%;
    margin-right: 8px;
    font-weight: 600;
    text-transform: uppercase;
}

.p-add-to-cart:hover{
    background: #ed1c24;
    color: #fff;
}

.p-add-to-cart:focus{
    background: #ed1c24;
    color: #fff;
}

.p-wishlist{
    border: 1px solid #000;
    border-radius: 0px;
        width: 40px;
}
.p-fa-share{
    border: 1px solid #000;
    border-radius: 0px;
    width: 40px;
    margin-left: 8px;
}

.p-wishlist:hover{
    border: 1px solid #ed1c24;
    background: #ed1c24;
    color: #fff;
}
.p-fa-share:hover{
    border: 1px solid #ed1c24;
    background: #ed1c24;
    color: #fff;
}

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

.pd-form-check[type="checkbox"]{
  width: 20px;
  height: 20px;

}



.extra-info-box{
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    padding: 20px;
}

.extra-info-box-cont h3 {
    font-size: 16px;
    font-weight: 600;
}

.extra-info-box-item{
    display: flex;
    gap: 15px;
}

.extra-info-box-img i{
    font-size: 25px;
    color: #b13481;
}

.extra-info-box-item:first-child {
    border-bottom: 1px solid gainsboro;
    margin-bottom: 16px;
}

.detail-cart-qty {
    width: 100%;
    height: 40px;
    
}

.tab-content>.active {
        font-family: 'Poppins', sans-serif;
    border: 1px solid #dddddd;
    padding: 10px;
    margin-top: 1px;
}

.coupons-img img{
    width: 70%;
}

/*===================product details slider==============*/
.product-gallery {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.product-thumbnails {
  flex: 1;
  max-width: 120px; 
  margin-right: 20px; 
  visibility:hidden;
}
.product-thumbnails.slick-initialized{
    visibility:visible;
}

.product-main-image {
  flex: 3;
}

/*.product-main-image img {*/
/*  max-width: 100%;*/
/*  height: auto;*/
/*}*/

.product-main-image img {
    width: 100%;
    height: 495px;
    object-fit: cover;
}

.thumbnail {
  margin-bottom: 10px;
}

.thumbnail img {
  width: 100%;
  cursor: pointer;
}


.slick-vertical .slick-slide{
    width: 120px!important;
}

.slick-slider .slick-track, .slick-slider .slick-list{
    height: 495px!important;
}

.slick-next {
    bottom: -25px;
    top: 85%;
    background: #9dc8d1;
    width: 31px;
    right: 44px;
    height: 118px;
    transform: rotate(90deg);
}

.slick-next:hover {
    background: #9dc8d1;
}


.slick-prev {
    z-index: 1;
    top: -44px;
    background: #9dc8d1;
    width: 31px;
    height: 118px;
    transform: rotate(90deg);
    left: 45px;
}
.slick-prev:hover {
    background: #9dc8d1;
}

.zoomLens{
    border: 2px solid #fff!important;
    border-radius: 0px!important;
}


/* Ensure zoomContainer stays inside the product-main-image */
.product-main-image .zoomContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999; /* Ensures zoomContainer is above the main image */
  pointer-events: none; /* Avoids interference with user interaction */
}



/* Mobile Styles */
@media (max-width: 768px) {
  .product-gallery {
    flex-direction: column; /* Stack items vertically */
    align-items: center;
  }

  .product-main-image {
    order: 1; /* Move the main image to the top */
    width: 100%;
    margin-bottom: 10px; /* Add space between the image and thumbnails */
  }

  .product-thumbnails {
    order: 2; /* Move the thumbnails to the bottom */
    max-width: 100%; /* Make thumbnails full-width */
    margin: 0;
  }

  .product-thumbnails.slick-slider .slick-slide {
        /*display: inline-block;*/
        /*width: 90px !important;*/
        margin-right: 5px;
    }

  .product-main-image img {
    max-width: 100%;
  }
  .slick-next {
    top: 0%;
    background: #9dc8d1;
    width: 30px;
    right: 0px;
    height: 90px;
    transform: rotate(0deg);
}
.slick-slider .slick-track, .slick-slider .slick-list {
    height: 100% !important;
}
.slick-prev {
    z-index: 1;
    top: 0px;
    background: #9dc8d1;
    width: 30px;
    height: 90px;
    transform: rotate(0deg);
    left: 0px;
}
}

.product-main-image .zoomContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  pointer-events: none;
}
 .mobile-product-affliliate{
      display:none;
  }
  .desktop-product-affliliate{
      display:block;
  }
@media (max-width: 768px) {
  .product-main-image .zoomContainer {
    display: none; 
  }
  
  .mobile-product-affliliate{
      display:block;
  }
  
   .desktop-product-affliliate{
      display:none;
  }
}

.my-element {
  background-image: url('path-to-image.jpg');
  background-size: 692.308px 692.308px;
  background-repeat: no-repeat; /* Optional: Prevent the background from repeating */
}
/*==========================New E-Com==============*/

.header-top{
    padding: 10px 0px;
    background: #454443;
}

.home-header-sec{
    padding: 10px 0px;
    
}

.home-header-left{
    display: flex;
    gap: 50px;
}

.desk-logo a{
    display: inline-block;
}
.home-header-left-logo a img{
    width: 200px;
}

.lang_btn{
    text-decoration: none;
    display: inline-block;
    color: #fff;
    border: 1px solid #45a3b7;
    padding: 6px 15px;
    margin-left: 30px;
    font-size: 14px;
}

.lang_btn{
    text-decoration: none;
    display: inline-block;
    color: #fff;
    padding: 6px 15px;
    margin-left: 30px;
    font-size: 14px;
    background: #5f8d97;
    border-radius: 4px
}
.lang_btn:hover{
    color: #fff;
}

.cart-tag{
    position: relative;
}
.cart-tag-count {
    position: absolute;
    top: -10px;
    right: -2px;
    height: 18px;
    background-color: red;
    color: #fff;
    padding: 1px;
    width: 18px;
    white-space: pre-wrap;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
a.d-user.profile {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    top: 1px;
}
a.d-user.profile i {
    font-size: 19px;
}

.home-about-sec-1{
    margin-bottom: 70px;
}

.home-about-1-cont img{
    width: 160px;
    margin-bottom: 20px;
}

.home-about-1-cont p {
    font-size: 16px;
    font-weight: 350;
}
.home-about-1-cont p strong{
    color:#ed1c24;
}




.home-header-right ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    float: right;
    gap: 40px;
        padding-top: 10px;

}

.home-header-right ul li a{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    display: inline-block;
}




.wide-ads{
    padding: 25px 0px;
}
.wide-ads a img{
    width: 100%;
}



.home-categories-title{
    text-align: center;
}

.home-categories-title h2 {
    font-size: 30px;
    margin-bottom: 35px;
    text-align: center;
    margin-top: 50px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
}

.home-categories-items a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    margin-bottom: 25px;
    padding: 10px;
    align-items: center;
}

.home_cate_box:hover .home-categories-items-img h3{
    color:#ed1c24;
}

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

.home-categories-items-img{
    width: 100px;
    height: 100px;
    background: #ffffff;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    outline: 6px solid #ededed;
    justify-content: center;
    flex: none;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 4px #e3e3e3 inset;
}

.home-categories-items a img{
    width: 70px;
    
}


.home-categories-items a h3{
    font-size: 16px;
    font-weight: 400;
}

.home-categories-items a p {
    margin: 0px;
    font-size: 13px;
    color: #707676;
}

.home-affilate-item-text p font span{
    font-size: 16px;
        font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.home-about-1-cont p{
        font-family: 'Poppins', sans-serif;
}


/*==========*/
.home-quick-link-title h2{
    font-size: 22px;
    margin-bottom: 20px;
}

.home-quick-link-item{
    background: #e6fbff;
    padding: 20px;
}

.home-quick-link-item h3{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
}


.home-quick-link-item p a {
    text-decoration: none;
    color: #000;
    font-size: 15px;
    border-right: 1px solid gray;
    margin-right: 4px;
    padding-right: 10px;
}

.home-quick-link-sec{
    margin-bottom: 50px;
    margin-top: 50px;
}


.form-check-input[type=checkbox] {
    border-radius: 3px;
}
/*------------affileate sec---------*/

.home-affilate-box{
    border-radius: 8px;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .1);
    
}

.home-affilate-item-1 {
    margin: 0;
    padding: 32px 32px 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .1);
    background: #fff;
}

.home-affilate-item-text h4{
    font-size: 17px;
    text-transform: uppercase;
    color: #ca0000;
    font-weight: bold;
}

.home-affilate-item-img{
    text-align: center;
    align-items: center !important;
    display: flex;
}

.home-affilate-item-img img {
    width: 140px;
}

.home-affilate-item-text h3 {
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 15px;
        text-transform: capitalize;
}

.home-affilate-item-text a{
    text-decoration: none;
    background: #ca0000;
    color: #fff;
    padding: 7px 25px;
    display: inline-block;
    border-radius: 5px;
    margin-top: 20px;
    margin-left: 32px;
}

.home-affilate-item-text a:hover{
    background: #ca0000;
    color: #fff;
}

.home-affilate-item-2{
    border-left: 1px solid #d4ded9;
    height: 100%;
    padding: 32px 32px 36px;
}

.home-affilate-item-2 h3{
    font-size: 22px;
    font-weight: bold;
    color: #ed1c24;
}

.home-affilate-item-2 a{
    text-decoration: none;
    background: #000;
    color: #fff;
    padding: 7px 25px;
    display: inline-block;
    border-radius: 5px;
}

.home-affilate-item-2 a:hover{
    background: #000;
    color: #fff;
}
.pr-0{
    padding-right: 0px;
}
.pl-0{
    padding-left: 0px;
}

.shop-page-sec{
    padding-bottom: 60px;
}


.breadcrumbsec{
    margin-top: 15px;
}
/*================product-details============*/
/*.product-details-sec{
    margin-top: 25px;
}
*/
.product-details-right{
    padding-left: 20px;
}
.product-details-title{
    padding-bottom: 10px;
}

.product-details-title h1{
    color: #818181;
    font-size: 20px;
    font-weight: 350;
}

.product-details-title h6{
    color: #575757;
    font-size: 30px;
        font-family: 'Poppins', sans-serif;
    margin: 0px;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
    overflow: hidden;
}


.color-carousel .owl-nav .owl-prev{
    width: 28px;
    height: 28px;
   background: #9dc8d1 !important;
   font-size: 13px;
}

.color-carousel .owl-nav .owl-next{
    width: 28px;
    height: 28px;
    background: #9dc8d1 !important;
    font-size: 13px;
    
}
.owl-theme .owl-nav {
    margin-top: 8px;
}

.list-color-item img {
    display: block;
    width: 100%;
    
}



.size-guide{
    padding-top: 4px;
}

.product-details-title h6 del{
    font-size: 18px;
}

.product-details-title a{
    text-decoration: none;
    display: inline-block;
    border: 1px solid #e5e7eb;
    color: #000;
    padding: 4px 10px;
    margin-top: 20px;
}

.product-details-title a p{
    margin: 0px;
    font-size: 14px;
}

.product-color-img a img{
    width: 130px;
    border: 1px solid #d8d8d8;
    padding: 2px;
}

.product-color-img .active img {
    border: 1px solid red;
}

.product-color-item p{
    color: #8a8a8a;
    font-size: 18px;
    margin-bottom: 5px;
}


.product-color{
    display: flex;
    gap: 15px;
}

.product-color-item h3 {
    font-size: 18px;
    width: 70px;
    margin: 0px;
    padding-top: 3px;
}

.color-size{
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    padding: 20px 0px;
}

.product-detail-size{
    display: flex;
    gap: 15px;
    margin-top: 20px;
}
.product-size-item h3 {
    margin: 0px;
    font-size: 18px;
    width: 70px;
    padding-top: 7px;
}

.p-size-item a{
    text-decoration: none;
    color: #000;
    min-width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    padding: 5px 3px;
    font-size: 14px;
    border-radius: 3px;
    margin-right: 5px;
}

.product-size-box p{
    margin: 0px;
    margin-top: 7px;
    font-size: 16px;
}

.list-size-item {
border: 1px solid #ccc;
}

.list-size-item.active {
    background-color: #7fcada;
    border: 1px solid #7fcada;
    color: #000;
}


.product-quantity {
  display: flex;
  align-items: center;
  position: relative;
}

.qty-btn-minus {
    background-color: transparent;
    border: none;
    padding: 0px;
    cursor: pointer;
    font-size: 18px;
    width: 35px;
    height: 35px;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
}

.qty-btn-plus{
    background-color: transparent;
    border: none;
    padding: 0px;
    cursor: pointer;
    font-size: 18px;
    width: 35px;
    height: 35px;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 0px;
}

.qty-btn:hover {
  background-color: transparent;
}

.qty-input {
  width: 130px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #ccc;
  padding: 5px;
  height: 35px;
  box-sizing: border-box;
}

.pd-qty-input{
    margin-right: 0px;
}
.product-btn-box{
    display: flex;
    margin-top: 20px;
}

.pd-add-to-cart{
    background: #000;
    color: #fff;
    border-radius: 0px;
    font-size: 17px;
    padding: 2px 2px;
    margin-right: 0px;
    border-radius: 0px;
    width: 150px;
    height: 45px;
}
.pd-add-to-cart:focus{
    background: #000;
   
}

.pd-buy-cav-item {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}


.pd-buy-now{
    background: red;
    color: #fff;
    border-radius: 0px;
    font-size: 17px;
    padding: 2px 2px;
    margin-right: 0px;
    border-radius: 0px;
    width: 150px;
    height: 45px;
}



.pd-add-to-cart:hover{
    background: #474444;
    color: #fff;
}


.pd-buy-now:hover{
    background: #bd0410;
    color: #fff;
}

.call_btn img{
    width: 157px;
}

.pd-description p {
    color: #1a1a1a!important;
    font-size: 15px !important;
    margin-bottom: 10px!important;
    line-height: 28px!important;
    font-family: 'Poppins', sans-serif;
}

.pd-description h3{
    font-size: 20px;
    color: #000;
    margin-top: 30px;
    margin-bottom: 12px;
}

.pd-description h3:first-child{
    margin-top: 0px;
}

.pd-description ul li {
    font-family: 'Poppins', sans-serif;
}


.product-details-desc-sec{
    margin-bottom: 50px;
    margin-top: 50px;
}


.pd-breadcrumb li{
    box-sizing: border-box;
        font-family: 'Poppins', sans-serif;
}


/*=================Product details bottom slider================*/
.owl-dots {
    display: none;
}

.like-product-title{
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
}

.like-product-title h3{
    text-transform: uppercase;
    border-bottom: 3px solid red;
    display: inline-block;
    padding: 15px;
    margin-bottom: -2px;
}

.like-product-sec{
    margin-bottom: 50px;
}
.pd-delevery-option{
    font-size: 16px;
    color: #000;
}



.carousel-indicators button {
    width: 12px!important;
    height: 12px!important;
    border-radius: 50%;
    background-color: #000;
    border: none;
    border-top: transparent!important;
    border-bottom: transparent!important;
}

.carousel-indicators .active {
    background-color: #fff; /* Color for active indicator */
    border: 1px solid #000; /* Add a border to active circle */

}
.shop-slide-ads-item{
    overflow: hidden;
}
.shop-slide-ads-item img{
    width: 100%;
}
.ads-item-1{
    margin-bottom: 12px;
}

.header-bottom{
    
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
}

.shop-slider-sec{
    margin-top: 20px;
}

.offcanvas{
    transition: all 300ms ease;
}

.mobile-filter-open{
    display: none;
}

.shop-slide-ads{
    background: #edf2fa;
    padding: 20px 40px;
}

.shop-slide-ads h1{
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.shop-slide-ads ul{
    max-height: 344px;
    flex-direction: column;
    scrollbar-width: none;
    overflow-y: auto;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.shop-slide-ads ul li a{
    margin-bottom: 20px;
    display: block;
}

.shop-slide-ads ul li a img:hover {
    transform: scale(1.2);
}

.shop-slide-ads ul li a img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: all .3s ease-in-out;
}

.product-detail-qty{
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.product-qty-item h3{
        font-size: 18px;
    margin-top: 6px;
    width: 70px;
    margin-bottom: 0px;
}

.cart-page-sec{
    padding: 30px 0px;
}



.tbb{
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}

.tbb-title h3{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    background: #000;
    padding: 10px;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.tbb-item{
    display: flex;
    gap: 15px;
    padding: 7px 0px;
}
.tbb-item-img{
    width: 60px;
} 
.tbb-item-img img{
    width: 100%;
} 

.tbb-item-cont h3{
    font-size: 16px;
}

.tbb-item-cont h4 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 6px;
}

.cart_price{
    margin: 0px;
    font-size: 14px;
    float: left;
    margin-right: 10px;
    width: 100px;
}

.cart_size{
    margin: 0px;
    font-size: 14px;
    float: left;
    margin-right: 10px;
    width: 210px;
}


.tbb-qty{
    float: left;
    width: 177px;
}

.tbb-qty-input {
     height: 23px;
    padding: 0px;
    width: 70px;
    text-align: center;
    font-size: 15px;
}

.tbb-qty-input input{
        height: 23px;
}

.tbb-item-antion{
    width: 30px;
    display: flex;
    align-items: center;
    font-size: 20px;
    text-align: center;
}

.tbb-item-antion a{
    color: red;
}

.tbb-item:nth-child(even) {
  /*background-color: rgba(150, 212, 212, 0.4);*/
      background-color: rgb(245 217 217 / 40%);
      padding: 16px 10px;
}

.tbb-item:nth-child(odd) {
    padding: 16px 10px;
}

.tbb-qty-p{
    margin-right: 15px!important;
    font-weight: bold;
    float: left;
}

.tbb-cart-sub-total {
    font-size: 16px;
    float: right;
    text-align: right;
    margin-left: 30px;
}

.tbb-item-cont p span{
    font-weight: bold;
}


/*==================checkout=====================*/
.checkout-page-sec{
    padding: 30px 0px;
}

.checkout-delevery h3{
    background: #000;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    margin-right: 50px;
}


.chckout-overview-title h3{
    background: #000;
    color: #fff;
    font-size: 20px;
    padding: 10px;
    margin: 0;
}

.over-view-img {
    width: 65px;
}

.order-overview-body-box{
    height: 240px;
    overflow-x: auto;
    padding: 10px;
    border-bottom: 1px solid gray;
    background: #edf2fa;
}

.social-description {
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
    border: 1px solid #e5e7eb;
    width: 360px;
    padding-left: 0px;
    justify-content: center;
}

.social-description h3{
   font-size: 20px;
    color: #000;
    margin: 0px;
    padding-top: 10px;
}

.social-description-item{
    margin-top: 8px;
}
.social-description-item a {
    display: inline-block;
    font-size: 23px;
    padding: 0px 5px;
    color: red;
}

.social-description-item a:last-child {
    padding-right: 0px!important;
}

.social-description-item a .fa-square-youtube{
    color: red;
}

.social-description-item a .fa-square-instagram{
    color: #ff9c4a;
}

.social-description-item a .fa-linkedin{
    color: #0077b5;
}

.tbb-item-cont p del{
    color: red!important;
}

.check-form{
    padding-right: 50px;
    margin-top: 30px;
}



/*===============*/
.custom-stw input{
    width: 220px!important;
    height: 40px;
    border-radius: 20px!important;
    cursor: pointer;
}

.custom-stw{
position: relative;
}
.custom-stw span{
    position: absolute;
    left: 6px;
    font-size: 17px;
    top: 12px;
    text-align: center;
}

.custom-stw input:checked {
    background-color: #9dc8d1 !important;
    border-color: #9dc8d1 !important;
    color: #fff!important;
}


.custom-stw-box{
    display: flex;
    gap: 20px;
}


.rdio {
  position: relative;
}
.rdio input[type=radio] {
  opacity: 0;
}
.rdio label {
  padding-left: 10px;
  cursor: pointer;
  margin-bottom: 7px !important;
}
.rdio label:before {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 0;
  content: "";
  display: inline-block;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid #fbc52d;
  background: #fff;
}
.rdio input[type=radio] {
  margin: 0px;
}
.rdio input[type=radio]:disabled + label {
  color: #999;
}
.rdio input[type=radio]:disabled + label:before {
  background-color: #fbc52d;
}
.rdio input[type=radio]:checked + label::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  display: inline-block;
  font-size: 11px;
  width: 10px;
  height: 10px;
  background-color: #fbc52d;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.rdio-default input[type=radio]:checked + label:before {
  border-color: #fbc52d;
}

.rdio-primary input[type=radio]:checked + label:before {
  border-color: #fbc52d;
}
.rdio-primary input[type=radio]:checked + label::after {
  background-color: #fbc52d;
}

.custom-checkbox > [type=checkbox], .custom-checkbox label {
  /*margin-bottom:0px !important;*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-checkbox > [type=checkbox]:not(:checked), .custom-checkbox > [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}
.custom-checkbox > [type=checkbox]:not(:checked) + label, .custom-checkbox > [type=checkbox]:checked + label {
  position: relative;
  padding-left: 22px;
  cursor: pointer;
}
.custom-checkbox > [type=checkbox]:not(:checked) + label:before, .custom-checkbox > [type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  width: 17px;
  height: 17px;
  border: 1px solid #fbc52d;
  background: #ffffff;
  border-radius: 2px;
}
.custom-checkbox > [type=checkbox]:not(:checked) + label:after, .custom-checkbox > [type=checkbox]:checked + label:after {
  font: normal normal normal 12px/1 "Glyphicons Halflings";
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 2px;
  color: #fbc52d;
  xtransition: all 0.2s;
}
.custom-checkbox > [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.custom-checkbox > [type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.custom-checkbox > [type=checkbox][data-indeterminate] + label:after {
  content: "−";
  left: 2px;
  opacity: 1;
  transform: scale(1);
}
.custom-checkbox > [type=checkbox]:disabled:not(:checked) + label:before {
  box-shadow: none;
  background-color: #eeeeee;
  border-color: #eeeeee;
  cursor: not-allowed;
  opacity: 1;
  color: #dadada;
}
.custom-checkbox > [type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  background-color: #eeeeee;
  border-color: #eeeeee;
  cursor: not-allowed;
  opacity: 1;
  color: #fbc52d;
}
.custom-checkbox > [type=checkbox]:disabled:checked + label:after {
  color: #fbc52d;
  cursor: not-allowed;
}
.custom-checkbox > [type=checkbox]:disabled + label {
  color: #aaa;
  cursor: not-allowed;
}
.custom-checkbox > [type=checkbox]:checked:focus + label:before, .custom-checkbox > [type=checkbox]:not(:checked):focus + label:before {
  border: 1px solid #fbc52d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.custom-checkbox label:hover:before {
  border: 1px solid #fbc52d !important;
}
.custom-checkbox [type=checkbox]:disabled:not(:checked) + label:hover:before, .custom-checkbox [type=checkbox]:disabled:checked + label:hover:before {
  border: 1px solid #fbc52d !important;
}

/*================pay methode==================*/

/*.pay-op-box{
    position: relative;
}
.pay-op-details{
    background: #fff;
    position: absolute;
    left: 0px;
    padding: 20px;
    border: 1px solid gray;
}*/


.cs-pay {
    border: 1px solid #000;
    padding: 12px 6px;
    background: #fff;
    z-index: 9;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
}

.custom-pay-input{
    position: absolute!important;
    margin-left: 0px!important;
}

.cus-form-check{
  padding-left: 0px!important;
}

.form-check-input:checked[type=radio] .cs-pay{
    color: red!important;
}

.form-check-label > input:checked ~ .cs-pay{
    border-color: red;
        background: #ffe1e1;
}

.payment-method-title h3 {
        background: #fff;
    color: #000;
    font-size: 18px;
    margin-right: 50px;
    margin-bottom: 23px;
    margin-top: 10px;
    padding: 0px;
}

.cs-pay img{
    width: 60px;
}

.checkout-tarms{
    padding: 15px 0px;
}
.trams-label{
    font-size: 16px;
}
.trams-label a{
    text-decoration: none;
    display: inline-block;
    color: red;
}



.order-place-btn-box a:first-child {
    display: inline-block;
    text-decoration: none;
    background: red;
    text-align: center;
    padding: 10px 30px;
    font-size: 17px;
    color: #fff;
    border-radius: 4px;
    
}

.order-place-btn-box a:last-child {
    border: 0px;
    color: red;
    font-size: 17px;
    padding: 10px 0px;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    display: inline-block;
}

.checkout-delevery{
    margin-bottom: 50px;
}

/*==============Login form========*/

.login-close{
    background: red;
    opacity: 1;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 24px;
    font-size: 18px;
    position: absolute;
    right: 0px;
    top: -10px;
}

.login-close:hover{
    color: #fff;
    background: red;
    opacity: 1;
}


.login-header{
    justify-content: center;
    margin: 0px auto;
}

.f-login{
    text-decoration: none;
    display: inline-block;
    background: #2471a3;
    color: #fff;
    border-radius: 4px;
    margin-right: 20px;
}

.f-login:hover{
    color: #fff;
}

.f-login-icon{
    height: 40px;
    width: 40px;
    display: inline-block;
    text-align: center;
    background:#084166;
    font-size: 20px;
    padding: 6px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.f-login-icon-name{
    padding: 0px 15px;
}


.g-login{
    text-decoration: none;
    display: inline-block;
    background: red;
    color: #fff;
    border-radius: 4px;
}
.g-login:hover{
    color: #fff;
}
.g-login-icon{
    height: 40px;
    width: 40px;
    display: inline-block;
    text-align: center;
    background: #a42623;
    font-size: 20px;
    padding: 6px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.g-login-icon-name{
    padding: 0px 15px;
}

.login-otp{
    width: 310px;
    margin: 0px auto;
    padding: 25px 0px;
}

.login-otp h3{
    font-size: 18px;
    text-align: center;
    margin-bottom: 14px;
    color: gray;
}

.btn-outline-secondary{
    background: #000;
    color: #fff;
}

.login-cont {
    padding: 30px;
    background: #ffe2e2;
}
.register-cont {
    padding: 30px;
    background: #cdf6ff;
    height: 100%;
}

.login-cont h3{
    font-size: 20px;
}

.register-cont h3{
    font-size: 20px;
}

.forgate-pass{
    text-decoration: none;
    display: inline-block;
    color: #000;
    margin-top: 20px;
}


.p0 {
    padding: 0px;
}

.btn-login{
    background: #000;
    color: #fff;
    padding: 6px 30px;
    border-radius: 4px;
}

.btn-login:focus, .btn-login:hover{
    background: #000;
    color: #fff;
}

.btn-register{
    background: #000;
    color: #fff;
    padding: 6px 30px;
    border-radius: 4px;
}

.btn-register:hover, .btn-register:focus{
    background: #000;
    color: #fff;
}

.font-14{
    font-size: 14px;
}

.pmenu.active {
    display: block;
}
.pmenu {
    display: none;
}

.mob-categories-wide {
    width: 340px !important;
}

.mob-categories-bg{
    background: #31353D;
    background-color: rgba(0, 19, 29, 0.9)!important;

}


.sidebar-menu ul li a{
    color: #fff;
    font-size: 14px;
    padding: 8px 0px;
    text-transform: uppercase;
}

.sidebar-menu ul li a:focus, .sidebar-menu ul li a:hover {
    color: #fff;
    font-size: 15px;
}

.mob-cat-close{
    opacity: 1;
}

/*============Dashboard=============*/

.dashboard-body-sec{
    margin: 60px 0px;
}


.wishlist-btn-box{
    margin-top: 0px;
}

.track_order_item_img{
    width: 55px;
}

.track_order_item_img img{
    width: 100%;
}

.track_order_item {
    display: flex;
    gap: 20px;
}

.track_order_item:nth-child(odd) {
    background-color: rgb(245 217 217 / 40%);
    padding: 15px;
}

.track_order_item:nth-child(even) {
    background-color: #fff;
    padding: 15px;
}

.track_order_title h3 {
    margin-bottom: 10px;
}


.home-about-1-cont{
    margin-top: 15px;
    text-align: justify;
}

.home-affilate-sec {
    margin-bottom: 30px;
    background: #f6f6f6;
    padding: 50px 0px;
}


#search-input {
  transition: all 0.3s ease-in-out;
}

#search-input:focus {
  outline: none;
  
}

.modal-content .modal-header {
    background: #fe6564!important;
    color: #fff;
}

.pd-add-wishlist img{
    width: 198px;
}

.gallery_slider.slick-slider .slick-track, .slick-slider .slick-list {
    height: 495px !important;
}

.footer-email{
    display: flex;
    gap: 10px;
}

.blog-title a{
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
}

.nav-item:first-child a{
    padding-left:0px;
}

.product-detail-breadcrumb{
    margin-top: 10px;
}

.video-thumbnail{
    position: relative;
}

.video-icon{
    position: absolute;
    width: 50%!important;
    object-fit: cover;
    top: 33%;
    left: 25%;
    z-index:1;
}

.product-main-icon{
    position: relative;
}

.video-icon-right{
    position: absolute;
    width: 40% !important;
    object-fit: cover;
    top: 33%;
    left: 28%;
}


.product-details-sec{
    margin-top: 20px;
}


#accordion .card-header {
	 margin-bottom: 8px;
}
#accordion .accordion-title {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
    color: #000;
    font-size: 16px;
    font-weight: normal;
    width: 100%;
    text-align: left;
    transition: all 0.4s ease-in-out;
    margin-bottom: 10px;
    padding: 0px;
}


#accordion .accordion-title:hover {
    color:red;
}
#accordion .accordion-title :hover i{
    color:red!important;
}
#accordion .accordion-title:hover i{
    color:red!important;
}

 #accordion .accordion-title i {
	 position: absolute;
	 width: 40px;
	 height: 100%;
	 right: 0;
	 top: 0;
	 color: #000;
	 text-align: center;
	 border-right: 1px solid transparent;
}


#accordion [aria-expanded="true"] {
   
    color: #000;
    
}
#accordion [aria-expanded="true"] i {
    color: #000;
}
 #accordion [aria-expanded="true"] i:before {
	 content: "\f068";
}

.list-color-item.active:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    content: "\f00c";
    top: 10px;
    left: 24px;
    color: #fff;
    font-size: 40px;
}


.list-color-item{
    
    position: relative;
}


#accordion{
    width: 354px;
}

.m-product-details-sec{
     margin-top:0px;
}

.oder-place-btn {
    border: 0px;
    background: #000;
    color: #fff;
    font-size: 17px;
    padding: 10px 30px;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
    display: block;
    margin-bottom: 10px;
}

.blog_btn{
    color: #000 !important;
    padding: 5px 15px;
    font-size: 14px !important;
    background: #5f8d97;
    border-radius: 4px;
}


.popUp-cart{
    background: #ed1c24;
    width: 60px;
    right: 0px;
    top: 45%;
    text-align: center;
    position: fixed;
    z-index: 9;
}

.popUp-cart a{
    text-decoration: none;
    display: block;
}

.popup-item i{
    color: #fff;
    font-weight: bold;
}

.popup-item p{
    margin-bottom: 0px;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
}
.popup-price{
    background: #000;
    color: #fff;
    font-size: 11px;
    padding: 5px 0px;
    font-weight: bold;
}

.size-guide a{
    color: #000;
    display: inline-block;
}

.custom-btn-close{
    border: 0px;
    color: #fff;
    font-size: 18px;
}
.custom-btn-close:hover{
    color: #fff;
}


.pd-add-wishlist {
    color: #75aeba;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    font-size: 16px;
    border: 1px solid #75aeba;
    padding: 3px;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background: #fff;
}


.pd-add-wishlist:hover {
    color: #000;
    background: #fff;
    border: 0px;
}
.pd-add-wishlist:focus {
    color: #000;
    background: #fff;
    border: 0px;
}

.share-dropdown > button {
    padding: 0px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #75aeba;
    border: 1px solid #75aeba;
}

.custom-radio {
    border: 1px solid #e2e2e2;
    background: #fff;
    margin-top: 10px;
}

.new-ship {
    border-bottom: 1px solid #e5e5e5;
    padding: 0px 10px;
}

.new-ship:last-child {
    border-bottom: 0px;
}

.custom-radio label {
    display: inline-block;
    cursor: pointer;
    padding: 10px 8px;
    margin: 0px;
    color: #495057;
    transition: all 0.3s ease-in-out;
    font-size: 15px;
}


.size-guide-cont tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    padding: 5px 8px !important;
}

.size-guide-cont tbody, td p {
    margin:0px!important;
}

.size-guide-cont table{
     width: 100%!important;
}

.pd-description{
    overflow: hidden;
    
}
.card-header.show{
    border: 1px solid #e7e7e7;
    padding: 6px;
    margin-bottom: 15px;
}
.pd-description img{
    width: 200px;
    margin-bottom: 40px;
}   
/*================Affilite=============*/
.affilite-reg-box h3{
    color: #ed1c24;
    margin-bottom: 30px;
    font-size: 33px;
    text-transform: uppercase;
}

.affilite_btn{
    background: #ed1c24;
    border-color: #ed1c24;
    padding: 6px 30px;
    font-weight: bold;
    background: linear-gradient(to right, #3d2d2d, #ff1a1a);
}

.affilite_btn:hover {
    background: linear-gradient(to right, #ff2323, #000);
    color: #fff;
    border-color: #ed1c24;
}


.affilite_card {
    border: 1px solid #E4E7E9 !important;
    background: #ffdee3;
    padding: 15px;
    border-radius: 10px;
}


.btn-primary{
    background: #ed1c24!important;
    border-color: #ed1c24!important;
}


.affiliate-status a{
    text-decoration: none;
}

.withdraw-Request{
   background: #EAF7E9!important; 
}
    

.aff-title{
    margin: 0px;
    color: #ed1c24;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: bold;
}

.configure_payout{
    text-decoration: none;
    font-size: 20px;
}


.affilite-card {
    background: #ffdee3;
}

.big_img{
    width: 100%;
    height: 495px!important; 
    object-fit: cover;
}

.small-img{
    height: 118px;
    object-fit: cover;
}


.list-size-item{
    position:relative;
}

.list-size-item.disable:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    content: " ";
    top: 15px;
    left: 3px;
    color: #f00;
    font-size: 14px;
    width:25px;
    height:1px;
    background:#494747;
}


.size-guide-cont img{
    width: 100%;
    margin: 0px auto;
}

.size-guide-cont p img{
    width: 100%!important;
    margin: 0px auto;
    margin-top:30px;
}

.size-guide-cont tbody, td p {
    margin: 0px !important;
    font-size: 12px;
}

.marquee-container {
    position: relative;
    overflow: hidden;
    height: 344px;
    width: 100%;
}

.marquee {
    display: flex;
    flex-direction: column;
    position: absolute;
    animation: marquee 20s linear infinite;
}

.marquee-item{
    margin-bottom:20px;
}





/*.marquee-container {
  width: 100%; 
  overflow: hidden;
  position: relative;
 
}*/

.marquee {
  display: flex;
  white-space: nowrap;
  animation: scroll 10s linear infinite; /* Speed can be adjusted */
}

.marquee span {
  padding: 0 20px; /* Space between items */
  display: inline-block;
}

@keyframes scroll {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%); /* Adjust based on content width */
  }
}













/* Pause the animation on hover */
.marquee-container:hover .marquee {
    animation-play-state: paused;
}

.size-guide-cont img {
    width: 85% !important;
    margin: 0px auto;
}

#color_error{
    display: inline-block;
    padding: 7px 15px;
    margin-top: 10px !important;
    overflow: hidden;
    margin-bottom: 0px;
        width: 210px;
}
#attr_error{
    display: inline-block;
    padding: 7px 15px;
    margin-top: 10px !important;
    overflow: hidden;
    margin-bottom: 0px;
        width: 210px;
}





.accordion-button:not(.collapsed),
.accordion-button:focus {
  outline: none;
  border-color: transparent;
  box-shadow: none;
  background-color: transparent;
}
.accordion-button::after {
  width: 11px;
  height: 11px;
  border-radius: 100%;
  background-color: var(--bs-danger);
  background-image: none !important;
}
.accordion-button.collapsed::after {
  background-color: var(--bs-gray-300);
}

.affiliate_accordion {
    width: 100%!important;
}

.affiliate_banner img{
    width: 100%;
}


.affiliate-title-btn{
    background: #def2f6;
    border-radius: 0px;
    padding: 10px!important;
}

.affiliate-title-btn:hover {
    background: #c2dade;
}

.affileate_acroding_cont ul{
    padding: 0px;
    list-style: none;
}

.affileate_acroding_cont ul li{
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    display: flex;
    gap: 10px;
}
.affileate_acroding_cont ul li i{
    color: #5f8d97;
}

.affileate_acroding_cont p{
    font-family: 'Poppins', sans-serif;
}


.affilate_content h1 {
    font-size: 30px;
    margin-bottom: 25px;
    font-weight: bold;
    color: #ed1c24;
}

.affilate_content h3 {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 45px;
    font-weight: 600;
    color:#555353;
}

.affilate_content p{
    font-family: 'Poppins', sans-serif;
    line-height: 28px;
}

.affilate_content h3{
    font-family: 'Poppins', sans-serif;
}
.affilate_content ul{
    padding: 0px;
    list-style: none;
}

.affilate_content ul li{
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    display: flex;
    gap: 10px;
}

.affilate_content ul li i{
    color: #5f8d97;
}


.affilate_content p a{
    color: #ed1c24;
}


.affileate_acroding_cont a{
    background: #ed1c24;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.affilite_card.card {
    border: 0px;
}


.affilate_content-btn-box a {
    background: #ed1c24;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.affilate_content-btn-box {
    gap: 30px;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
/*================================*/
.mob-view-sub-cate-box {
    overflow: hidden;
    padding: 25px;
    display: flex;
    justify-content: center;
}

.mob-view-sub-item a {
    display: block;
    width: 110px;
    text-align: center;
    color: #000;
    text-decoration: none;
}

.mob-view-sub-item a p{
    margin: 0px;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 0px;
    color: #000;
    font-size: 13px;
    width: 80%;
}

.mob-view-sub-item a:hover p {
    color:red;
}

.j-cat-icon {
    width: 85px;
    height: 85px;
    padding:20px;
    margin: 0px auto;
    background: #ffdee3;
    border-radius: 3px;
}


.j-cat-icon img {
    width: 100%;
}

.mob-view-sub-cate-sec{
    display:none;
}

.affilate_video h3{
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 45px;
    font-weight: 600;
    color: #555353;
}

.affilate_content{
    padding-right: 30px;
}

.size-guide::before {
    background: url(https://tap2deal.com/public/uploads/all/ruler2.webp) no-repeat 50% / contain;
    content: '';
    padding: 17px;
    margin-right: 10px;
}

.mob-view-main-cate-sec{
    background: #fff;
    display:none;
}

.mob-view-main-cate-items a {
    text-decoration: none;
    display: inline-block;
    color: #000;
    padding: 10px 10px;
    font-size: 16px;
    position: relative;
}

 .mob-view-main-cate-items a.active {
      color: red; 
  }

.mob-view-main-cate-items a.active::before {
    content: '';
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #000;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 70%;
    left: 43%;
    transform: rotate(90deg);
}

.mob-view-sub-item a p.active{
    color:red;
}


/*js social*/

.jssocials-shares{margin:.2em 0}.jssocials-shares *{box-sizing:border-box}.jssocials-share{display:inline-block;vertical-align:top;margin:.3em .6em .3em 0}.jssocials-share:last-child{margin-right:0}.jssocials-share-logo{width:1em;vertical-align:middle;font-size:1.5em}img.jssocials-share-logo{width:auto;height:1em}.jssocials-share-link{display:inline-block;text-align:center;text-decoration:none;line-height:1}.jssocials-share-link.jssocials-share-link-count{padding-top:.2em}.jssocials-share-link.jssocials-share-link-count .jssocials-share-count{display:block;font-size:.6em;margin:0 -.5em -.8em -.5em}.jssocials-share-link.jssocials-share-no-count{padding-top:.5em}.jssocials-share-link.jssocials-share-no-count .jssocials-share-count{height:1em}.jssocials-share-label{padding-left:.3em;vertical-align:middle}.jssocials-share-count-box{display:inline-block;height:1.5em;padding:0 .3em;line-height:1;vertical-align:middle;cursor:default}.jssocials-share-count-box.jssocials-share-no-count{display:none}.jssocials-share-count{line-height:1.5em;vertical-align:middle}
.jssocials-share-twitter .jssocials-share-link{background:#00aced}.jssocials-share-twitter .jssocials-share-link:hover{background:#0087ba}.jssocials-share-facebook .jssocials-share-link{background:#3b5998}.jssocials-share-facebook .jssocials-share-link:hover{background:#2d4373}.jssocials-share-googleplus .jssocials-share-link{background:#dd4b39}.jssocials-share-googleplus .jssocials-share-link:hover{background:#c23321}.jssocials-share-linkedin .jssocials-share-link{background:#007bb6}.jssocials-share-linkedin .jssocials-share-link:hover{background:#005983}.jssocials-share-pinterest .jssocials-share-link{background:#cb2027}.jssocials-share-pinterest .jssocials-share-link:hover{background:#9f191f}.jssocials-share-email .jssocials-share-link{background:#3490f3}.jssocials-share-email .jssocials-share-link:hover{background:#0e76e6}.jssocials-share-stumbleupon .jssocials-share-link{background:#eb4823}.jssocials-share-stumbleupon .jssocials-share-link:hover{background:#c93412}.jssocials-share-whatsapp .jssocials-share-link{background:#29a628}.jssocials-share-whatsapp .jssocials-share-link:hover{background:#1f7d1e}.jssocials-share-telegram .jssocials-share-link{background:#2ca5e0}.jssocials-share-telegram .jssocials-share-link:hover{background:#1c88bd}.jssocials-share-line .jssocials-share-link{background:#25af00}.jssocials-share-line .jssocials-share-link:hover{background:#1a7c00}.jssocials-share-viber .jssocials-share-link{background:#7b519d}.jssocials-share-viber .jssocials-share-link:hover{background:#61407b}.jssocials-share-pocket .jssocials-share-link{background:#ef4056}.jssocials-share-pocket .jssocials-share-link:hover{background:#e9132e}.jssocials-share-messenger .jssocials-share-link{background:#0084ff}.jssocials-share-messenger .jssocials-share-link:hover{background:#006acc}.jssocials-share-vkontakte .jssocials-share-link{background:#45668e}.jssocials-share-vkontakte .jssocials-share-link:hover{background:#344d6c}.jssocials-share-link{padding:.5em .6em;color:#fff;-webkit-transition:background .2s ease-in-out,border-color .2s ease-in-out;transition:background .2s ease-in-out,border-color .2s ease-in-out}.jssocials-share-link:active,.jssocials-share-link:focus,.jssocials-share-link:hover{color:#fff}.jssocials-share-count-box{position:relative;height:2.5em;padding:0 .3em;margin-left:.3em;background:#f5f5f5;-webkit-transition:background .2s ease-in-out,border-color .2s ease-in-out;transition:background .2s ease-in-out,border-color .2s ease-in-out}.jssocials-share-count-box:hover{background:#dcdcdc}.jssocials-share-count-box:hover:after{border-color:transparent #dcdcdc transparent transparent}.jssocials-share-count-box:after{content:"";display:block;position:absolute;top:.85em;left:-.3em;width:0;height:0;border-width:.4em .4em .4em 0;border-style:solid;border-color:transparent #f5f5f5 transparent transparent;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:background .2s ease-in-out,border-color .2s ease-in-out;transition:background .2s ease-in-out,border-color .2s ease-in-out}.jssocials-share-count-box .jssocials-share-count{line-height:2.5em;color:#444}


.social-share-container{
    gap: 15px!important;
}

.social-share-container a{
    background: transparent !important;
    color:#000;
}

.social-share-button {
    height: 33px!important;
    width: auto !important;
}

.share-dropdown .dropdown-menu {
    min-width: auto;
    background-color: rgba(255, 255, 255, .45) !important;
    border: 0px;
        backdrop-filter: blur(8px) !important;
    opacity: 1.0 !important;
}

.share-dropdown .dropdown-menu li a{
    background: transparent !important;
    color:#000!important;
}

.share-dropdown .dropdown-item {
    margin: 0px!important;
}

.btn-share{
    width: 28px;
    height: 28px;
    background: #fff;
}
.btn-share:hover{
    background: #fff;
    border:0px;
}
.btn-share:focus{
    background: #fff;
    border:0px;
}

.details_border{
    border: 1px solid #e0e0e0;
    padding: 5px;
    margin-bottom: 20px;
}


.configure_payout{
    font-size: 14px;
    background: #ffdee3;
    padding: 5px;
    color: #000;
    display: inline-block;
}
.configure_payout:hover{
    background: #fff;
    color: #000;
}
.custom-p{
    padding: 20px 4px;
}

.order-return-to-shop:hover{
    background: #000;
}

/*========================*/
.faq-page{
    padding:70px 0px;
}
.faq-sec-header h1{
    font-size: 30px;
    margin-bottom: 20px;
}
.faq-box a{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 100px;
    gap: 17px;
    box-shadow: 0 0 1px;
    padding: 15px;
    height: 100%;
    margin-top: 15px;
    transition: 0.3s;
    text-decoration: none;
}

.faq-box a:hover {
    background: #fe6564;
    border-color: #fe6564;
    color: #fff !important;
    cursor: pointer;
    text-decoration: none !important;
}



.faq-icon i{
    font-size: 40px;
    color: red;
}

.faq-box a:hover .faq-icon i{
    color: #fff !important;
}

.faq-box a h3{
    margin: 0px;
    font-size: 20px;
    color: #000;
}

.faq-box a:hover h3{
    color: #fff !important;
}

.faq-accordion{
    width:100%!important;
}


.faq-card {
    border-bottom: 1px solid #edf2fa !important;
    border-radius: 0px;
    margin-bottom: 0px!important;
    padding: 20px 10px;
}

.faq-card:last-child {
    border-bottom: 0px!important;
} 


.faq-card button{
    margin-bottom: 0px!important;
    color: #434242 !important;
}
.faq-card-header{
    margin-bottom: 0px!important;
}

.faq-btn{
    font-weight: bold!important;
    font-family: 'Poppins', sans-serif;
}

.j-faq-box h3{
    margin: 0px;
    font-size: 20px;
    color:red;
}


.j-faq-box{
    border-bottom: 1px solid #edf2fa;
    padding: 50px 0px;
}

.faq-body-cont{
    padding: 20px 0px;
    font-family: 'Poppins', sans-serif;
    padding-right: 50px;
}

.faq-page-second{
    padding: 70px 0px;
    padding-top: 0px;
}

/*====================about-sec=============*/

.about-page-sec{
    padding: 60px 0px;
}

.about_us_cont h1{
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    color: red;
    margin-bottom: 15px;
}

.about_us_cont p{
    font-family: 'Poppins', sans-serif;
}

.about_us_img_1{
    padding-left: 100px;
    padding-top: 30px;
}

.about_us_img_2{
    padding-right:100px;
}


.about-product-categories{
    padding: 60px 0px;
    background: #edf2fa;
}
.about-product-categories-cont h3{
    font-size: 25px;
    color: red;
    margin-bottom: 20px;
}

.about-product-categories-cont ul li{
    font-family: 'Poppins', sans-serif;
    padding: 5px 0px;
}

.about-product-categories-img{
    padding-left: 100px;
}

.about-it-products{
     padding: 60px 0px;
}
.it-product-item-icon{
    padding: 10px 50px;
}

.it-product-item{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 17px;
    box-shadow: 0 0 1px;
    padding: 15px;
    margin-top: 15px;
    transition: 0.3s;
    text-decoration: none;
    margin-bottom: 35px;
}

.it-product-item-cont {
    background: #fff2f2;
    width: 90%;
    padding: 10px 0px;
    font-size: 17px;
    color: #000;
    margin-bottom: -37px;
    outline: 1px solid #ededed;
}

.it-product-item-cont:hover {
    background: red;
    color: #fff;
}

.about-it-products-title h3 {
    font-size: 25px;
    color: red;
    margin-bottom: 20px;
}


.it-product-conclusion p{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: red;
}

/*============*/
.about_us_cont_top{
    display: flex;
    border-bottom: 2px solid red;
    margin-bottom: 20px;
}

.about_us_cont_top h1{
    width: 25%;
}
.about_us_cont_top p{
    width: 75%;
    font-family: 'Poppins', sans-serif;
}
.about_us_cont_1 p{
    font-family: 'Poppins', sans-serif;
}

.align-items-center {
    align-items: center !important;
}

/*===============brand sider============*/
.brand-sec{
    padding:60px 0px;
}
.brand-title h3{
    color: red;
    font-size: 30px;
}
.brand-title p{
    margin: 0px;
    font-family: 'Poppins', sans-serif;
}



.client-logo {
    max-width: 170px;
    margin: auto;
    border-radius: 20px;
    filter: drop-shadow(0 0 0.35rem rgba(var(--bs-primary-rgb), 0.3));
}

.brand-item-img{
    margin-bottom: 13px;
}
.brand-item{
    text-align:center;
}

.brand-item p{
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.brand-owl-carousel{
    gap: 20px;
}


.quick-social a{
    color: #fff;
    font-size: 20px;
    margin-right: 10px;
    display: inline-block;
}

.quick-social span{
    margin-right: 15px;
    color: #fff;
}

.quick-social .fa-whatsapp{
    font-size: 22px;
}

.mob-affi{
    display: inline-block;
    margin-top: 30px;
}

.user_border{
    border: 1px solid;
}

.user_border{
    height: auto;
    padding: 20px;
}
.user_login_icon{
    display:none;
}

.short_desc{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.login-box p{
    font-family: 'Poppins', sans-serif;
}

.verify_card {
    border: 1px solid #dadada;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.go_back{
    margin-bottom: 40px;
}

.form-subscribe
{
  max-width:600px;
  margin:0 auto
}
.form-subscribe .form-control
{
  /*background-color:hsla(0,0%,100%,.8);*/
  background-color: #fff;
  padding-left:24px;
  padding-right:24px;
  letter-spacing:1px;
  border:none;
  border-top-left-radius:36px;
  border-bottom-left-radius:36px
}
.form-subscribe .form-control.focus,.form-subscribe .form-control:focus
{
  z-index:2;
  background-color:hsla(0,0%,100%,.8)
}
.form-subscribe .btn {
    background: #ca0000;
    border-color: #ca0000;
    height: 46.5px;
    border-radius: 0px;
    right: -2px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #fff;
}

.form-subscribe .btn:focus{
  background: #ca0000;
    border-color: #ca0000;
}

.input-lg{
    height: 46.6px!important;
}

.footer-sec {
    border-top: 1px solid #000;
}

.subscribe{
    background: #454443;
    border-bottom: 1px solid #000;
    padding: 10px 0px;
}

.subscribe_text h3 {
    font-size: 22px;
    margin-bottom: 0px;
    padding-top: 22px;
    color: #ffff;
}

.form-subscribe .form-control {
    font-family: 'Poppins', sans-serif;
}


.subscribe p {
    margin: 0px;
}

.subscribe_form{
    padding-top: 10px;
}


/*------------home cat products=============*/

.home_cat_product_sec{
    margin: 40px 0px;
    
}

.home_cat_product_sec_title h2{
    text-align: left;
    font-size: 30px;
    color: #000;
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
}

/*.home_cat_product_box{
    position: relative;
    padding: 15px;
    margin-bottom: 25px;
    background-color: #FFEBF8;
}*/

/*.home_women_cat_product_box{
    background-color: #DEFFE3;
}
*/
/*.home_cat_product_box h3 {
    font-size: 25px;
    margin-bottom: 8px;
    margin-top: 10px;
    color: #5f8d97;
    font-weight: bold;
}*/


.product-slider .owl-nav{
    display:none;
}

.women-product-slider.owl-theme .owl-nav {
    display: none;
}

.men-product-slider.owl-theme .owl-nav {
    display: none;
}

/*.photography-product-slider.owl-theme .owl-nav {
    display: none;
}

.electronics-product-slider.owl-theme .owl-nav {
    display: none;
}*/

.home-custom-owl-nav {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
}

.h-c-p-img{
    position: relative;
    height: 250px;
}

.home-cat-pro-btn{
    text-align: center;
    margin-top: 17px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}


.home-cat-pro-btn a:first-child {
    background: #ca0000;
    border-radius: 0px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 5px;
    text-decoration: none;
    width:50%;
    text-align: center;
    margin-right: 0px;
}

.home-cat-pro-btn a:last-child {
    text-decoration: none;
    background: #000;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 5px;
    border-radius: 0px;
    width: 50%;
    text-align: center;
}

.home-pro-cont h5 {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.home-pro-cont .price {
    font-weight: 500;
    font-size: 17px;
    color: #575757;
    font-family: 'Poppins', sans-serif;
}

.home_mens{
    position: relative;
}
.owl-next1{
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, .25);
    border: 0px;
    right: -15px;
    top: 30%;
    z-index: 9;
    color: #fff;
}

.owl-prev1{
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, .25);
    border: 0px;
    left: -15px;
    top: 30%;
    z-index: 9;
    color: #fff;
}

.men-custom-owl-nav{
    display: none;
}
.home_mens:hover .men-custom-owl-nav{
    display: block;
}

/*----*/
.home_womens{
    position: relative;
}
.owl-next2{
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, .25);
    border: 0px;
    right: -15px;
    top: 30%;
    z-index: 9;
    color: #fff;
}

.owl-prev2{
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, .25);
    border: 0px;
    left: -15px;
    top: 30%;
    z-index: 9;
    color: #fff;
}

.women-custom-owl-nav{
    display: none;
}
.home_womens:hover .women-custom-owl-nav{
    display: block;
}

/*----cat products-------------*/
.new-home-categories-sec{
    margin-bottom: 30px;
}
.home_new_cat{
    position: relative;
}
.owl-next3{
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, .25);
    border: 0px;
    right: -20px;
    top: 30%;
    z-index: 9;
    color: #fff;
}

.owl-prev3{
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, .25);
    border: 0px;
    left: -20px;
    top: 30%;
    z-index: 9;
    color: #fff;
}

.cat-custom-owl-nav{
    display: none;
}
.home_new_cat:hover .cat-custom-owl-nav{
    display: block!important;
}


.new-home-categories-left{
    background: #ffd4aa;
    padding: 20px;
    position: relative;
}
/*.new-home-cat-left-cont a{
    text-decoration: none;
    background: #000;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    padding: 5px 15px;
    margin-bottom: 15px;
}*/
p{
    font-family: 'Poppins', sans-serif;
}

.new-home-cat-left-cont-bg-img img{
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    width: 396px;
}

.new-home-cat-item{
    display:block;
}

.new-home-cat-item{
    display: block;
    text-decoration: none;
    color: #000;
}

.new-home-cat-item-cont h3{
    font-size: 20px;
}

.new-home-cat-item:hover .new-home-cat-item-cont h3{
    color:#ca0000;
}

/*===================new header==============*/
.new-desk-cart-box{
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    align-items: center !important;
}

.new-log{
    display: flex;
    align-items: center !important;
    gap: 10px;
    color: #fff;
    text-decoration: none;
    padding: 5px 6px;
    border-radius: 5px;
    background: #333231;
    width: 54px;
    height: 42px;
}

.new-log i{
    font-size: 20px;
    margin: 0px auto;
}
.user_drop{
    line-height: 15px;
}


.user_drop small{
    font-size: 12px;
}

.user_drop p{
    margin: 0px;
    font-size: 12px;
}


.new_cart{
    display: flex;
    align-items: center !important;
    gap: 10px;
    color: #fff;
    text-decoration: none;
    padding: 6px 6px;
    border-radius: 5px;
    background: #333231;
    width: 54px;
    height: 42px;
}

/*.new_cart{
    line-height: 15px;
}*/

.new_cart_cont p{
    margin: 0px;
    font-size: 12px;
}
.new_cart_cont{
    text-align: center;
    margin-top: -20px;
    margin-left: -8px;
    line-height: 15px;
}

.new-wishlists{
    display: flex;
    align-items: center !important;
    gap: 10px;
    color: #fff;
    text-decoration: none;
    padding: 6px 6px;
    border-radius: 5px;
    background: #333231;
    width: 54px;
    height: 42px;
}
.new-wishlists-cont{
  line-height: 15px;  
}
.new-wishlists-cont p{
    margin: 0px;
    font-size: 12px;
}
.new-wishlists-cont{
    text-align: center;
    margin-top: -20px;
    margin-left: -8px;
}

.heart-iocn i{
    font-size: 20px;
}

.cart-icon i{
    font-size: 20px;
}

/*.new-desk-cart-box a:hover{
    color:#ca0000;
}*/

.new-log:hover {
    color:#fff;
}
.new-wishlist-count{
    background: #fff;
    color: #000;
    padding: 0px 6px;
    height: 14px;
    display: inline-block;
    border-radius: 4px;
    font-size: 14px;
}

.new-cart-tag-count{
    background: #fff;
    color: #000;
    padding: 0px 6px;
    height: 14px;
    display: inline-block;
    border-radius: 4px;
    font-size: 14px;
}

.new-blog{
    color: #fff;
    text-decoration: none;
    padding: 11px 10px;
    border-radius: 5px;
    background: #333231;
    font-size: 13px;
    width: 54px;
    height: 42px;
    text-align: center;
}

/* Show dropdown on hover */
.dropdown:hover .dropdown-menu_user {
    display: block;
    margin-top: 0;
}

/* Adjust styles for smooth transition */
.dropdown-menu_user{
    display: none;
    width: 210px;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    left: -80px !important;
    visibility: visible !important;
     box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    border: 0px;
    /*top: 6px !important;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    border: 0px;
    left: -40px !important;*/
}

.dropdown:hover .dropdown-menu_user {
    opacity: 1;
    transform: translateY(0);
}


.dropdown-menu_user::before {
    position: absolute;
    vertical-align: .255em;
    content: "";
    border-top: .8em solid #fff;
    border-right: .8em solid transparent;
    border-bottom: 0;
    border-left: .8em solid transparent;
    transform: rotate(180deg);
    left: 94px;
    top: -7px;
}
.sign_login{
    margin: 15px;
    /*border-bottom: 1px solid #dbdbdb;*/
    
}
.sign_login a{
    text-decoration: none;
    display: block;
    color: #000;
    padding: 7px 0px;
}

.sign_login a:first-child{
    background: #000;
    color: #fff;
    border-radius: 5px;
}
/*
.sign_login a:last-child {
    color: gray;
    font-size: 14px;
}*/

.sign_in{
    color:#fff;
}

.other_sign_login{
    margin: 15px;
}

.other_sign_login a{
    text-decoration: none;
    display: block;
    text-align: left;
    color: #000;
    padding: 7px 0px;
    font-size: 15px;
}

.other_sign_login a:hover{
    color: #ca0000;
}


.services_sec{
    padding: 50px 0px;
    border-top: 1px solid #eaeaea;
}

.services-item {
    display: flex;
    gap: 16px;
    align-items: center;
}

.services-item p{
    margin: 0px;
    color: #333333;
}

.services-item-icon {
    width: 80px;
    height: 80px;
    background: #ffffff;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    outline: 6px solid #fde3e3;
    justify-content: center;
    flex: none;
    border: 1px solid #e9a3a3;
    /*box-shadow: 0 0 4px #ff0000 inset;*/
    padding: 16px;
}

.services-item-icon img{
    width:100%;
}

/*.pl-pr{
    padding-right: 0px!important;
    padding-left: 0px!important;
}
*/
.login_bg{
    background:#fff5f5;
}
.j-login-form{
    width: 50%;
    margin: 0px auto;
}

.carousel-caption {
    position: absolute;
    top: 30%;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    font-size: 37px;
    font-weight: bold;
}

.home-affilate-item-text{
    text-align: justify;
}

.new-home-cat-item{
    overflow: hidden;
}
.new-home-cat-item img{
    width: 100%;
    
}
.new-home-cat-item img:hover {
    transform: scale(1.2);
}
.new-home-cat-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: all .3s ease-in-out;
}

.home-pro-cont{
    text-align: left;
}

.men-product-slider {
    direction: rtl; /* Ensures text and items move right-to-left */
}

.track_order_title p {
    margin: 0px;
    float: left;
    margin-right: 30px;
    font-size: 15px;
}

.input-lg{
    font-size: 14px;
}

.new-home-categories-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
}
.new-home-categories-items{
    width: 24%;
}

.product-size-box1{
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}


.offcanvas.offcanvas-end{
    width:460px!important;
}


.color-size .owl-nav{
    margin:0 auto;
}

.auth-title h1{
    font-size: 25px;
    color: red;
}

.password-toggle{
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 25px;
    color: gray;
}

.aiz-checkbox{
    margin-top: 20px;
}

.password-note span{
    font-size: 12px;
    color: gray;
}


.form-default .form-group{
    margin-bottom:8px;
}

.user_border {
    border: 1px solid #d0d0d0;
}
.fotget-password{
    float: right;
    text-decoration: none;
    color: red !important;
    font-size: 15px;
}

.btn-link{
    text-decoration: none;
}

.animate-underline-primary{
    text-decoration: none;
}

.user-loign-main{
    margin-bottom: 40px;
}
.aiz-checkbox span a{
    text-decoration: none;
}

.aiz-checkbox span{
    font-size: 14px;
}

/*==================*/
.affiliate-zone{
    margin: 0px;
    text-align: center;
    background: #333231;
    padding: 5px 0px;
    color: #fff;
    margin-bottom: 10px;
}

.user-zone{
    margin: 0px;
    text-align: center;
    background: #333231;
    padding: 5px 0px;
    color: #fff;
    margin-bottom: 10px;
}

.new-blog:hover{
    color:#fff;
}

/*============career==============*/

.carrer-sec{
    background: #fff2f2;
    padding: 70px 0px;
}
.carrer-content h1{
    font-size: 55px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
}


.carrer-content h4{
    background: #454443;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    padding: 8px 30px;
    border-radius: 25px;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
}
.carrer-content p{
    font-size: 18px;
}

.carrer-content a{
    text-decoration: none;
    background: #ca0000;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 15px 30px;
    font-weight: bold;
    border-radius: 7px;
    margin-top: 20px;
    font-family: 'Poppins', sans-serif;
}


.carrer-item-sec{
    padding: 70px 0px;
}

.carrer-item-box h2{
    text-align: center;
    font-size: 45px;
    margin-bottom: 50px;
    font-family: 'Poppins', sans-serif;
}

.carrer-item{
    background-color: #f7f7ff;
    padding: 25px 20px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.carrer-item-btn a{
    text-decoration: none;
    background: #ca0000;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 7px 20px;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
}
.carrer-item-location{
    gap: 70px;
    display: flex;
}

.carrer-item-cont h3{
    font-size: 30px;
    margin-bottom: 20px;
}


.carrer-item-location span{
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
}

.carrer-item-location span i{
    color: #ca0000;
}
.carrer-details{
    border: 0px;
    padding: 0px;
    background: transparent;
    font-size: 20px;
    font-weight: bold;
    color: #454443;
    margin-top: 10px;
}


.data_common{
    padding-top: 20px;
    width: 90%;
}


/*===========Wholesale==============*/

.wholesale_price_box{
    display: flex;
    gap: 30px;
    margin-top: 10px;
    margin-bottom: 10px;

}

.wholesale_price_item p{
    margin-bottom: 7px;
    font-size: 15px;
    color: #4d4d4d;
}

.wholesale_price_item h3{
    margin: 0px;
    font-size: 20px;
    font-weight: bold;
}

.wholesale_color{
    display: flex;
    gap: 10px;
}

.w-60 {
    width: 60% !important;
}

.w-qty-input {
    margin-right: 0px;
}

.w-q-box{
    background: #e5e7eb;
}

.wholesale_price_title{
    
    font-size: 17px !important;
    font-family: 'Poppins', sans-serif;
    margin: 0px;
    padding: 8px 4px;
    color: #000 !important;
    border-bottom: 1px solid #ddd;
}

/*======================inquir modal=============*/
.inquiry_modal_item_img img {
    width: 100%;
}
.inquiry_modal_item_img{
    width: 7%;
}

.inquiry_modal_item_name{
    width: 50%;
    font-size: 14px;
}

.inquiry_modal_item_size{
    width: 20%;
    text-align: center;
}
.inquiry_modal_item_size p{
    margin: 0px;
    font-size: 14px;
}

.inquiry_modal_item_size h4{
    margin: 0px;
    font-size: 16px;
}

.inquiry_modal_item_qty{
    width: 20%;
    text-align: center;
}
.inquiry_modal_item_qty p{
    margin: 0px;
    font-size: 14px;
}

.inquiry_modal_item_qty h4{
    margin: 0px;
    font-size: 16px;
}

.inquiry_modal_item{
    display: flex;
    gap: 20px;
    border-bottom: 1px solid #ebedf2;
    background: #f4f4f4;
    padding: 5px;
}


.inq-modal-content{
    background: #f4f4f4;
}
.inquiry_modal_textarea{
    margin-top: 20px;
}
.modal-content .custom-modal-body {
    padding: 10px!important;
}

.modal-content .custom-modal-footer {
    padding: 10px!important;
}

.modal_to {
    padding: 0px 10px 15px;
    border-bottom: 1px solid #dadada;
}

.modal-content .custom-modal-header {
    background: #f4f4f4 !important;
    color: #000;
    padding: 0px 10px !important;
    border-bottom: 0px !important;
}

.modal_to-cont-img img{
    border-radius: 20px;
}


.modal_to-cont-name{
    font-size: 14px;
}

.file_box{
    margin-top: 20px;
}


.query{
    color: #fff;
    text-decoration: none;
    padding: 11px 4px;
    border-radius: 5px;
    background: #333231;
    font-size: 13px;
    width: 100px;
    height: 42px;
    text-align: center;
}


.query:hover{
    color: #fff;
   
}

.product-fabric-img a {
    text-decoration: none;
    color: #000;
    min-width: 100px;
    height: 35px;
    display: inline-block;
    text-align: center;
    padding: 5px 3px;
    font-size: 14px;
    border-radius: 3px;
    margin: 5px 2px;
}

.fabric-item.active{
    border: 2px solid #4e9aec;
}



/*===============new css=============*/

