@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap');

body {

  font-family: 'Baloo 2', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

}



h1,
h2,
h3,
h4,
h5,
h6,
.navbar,
.btn {

  font-family: 'Baloo 2', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

}



.navbar {

  font-family: 'Baloo 2', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

}



@font-face {

  font-family: 'Baloo 2';

  src: url('./font/baloo/Baloo2-Regular.eot');

  src: local('Baloo 2 Regular'), local('Baloo2-Regular'),

    url('./font/baloo/Baloo2-Regular.eot?#iefix') format('embedded-opentype'),

    url('./font/baloo/Baloo2-Regular.woff2') format('woff2'),

    url('./font/baloo/Baloo2-Regular.woff') format('woff'),

    url('./font/baloo/Baloo2-Regular.ttf') format('truetype');

  font-weight: 400;

  font-style: normal;

}

@font-face {

  font-family: 'Baloo 2';

  src: url('./font/baloo/Baloo2-Medium.eot');

  src: local('Baloo 2 Medium'), local('Baloo2-Medium'),

    url('./font/baloo/Baloo2-Medium.eot?#iefix') format('embedded-opentype'),

    url('./font/baloo/Baloo2-Medium.woff2') format('woff2'),

    url('./font/baloo/Baloo2-Medium.woff') format('woff'),

    url('./font/baloo/Baloo2-Medium.ttf') format('truetype');

  font-weight: 500;

  font-style: normal;

}



@font-face {

  font-family: 'Baloo 2';

  src: url('./font/baloo/Baloo2-SemiBold.eot');

  src: local('Baloo 2 SemiBold'), local('Baloo2-SemiBold'),

    url('./font/baloo/Baloo2-SemiBold.eot?#iefix') format('embedded-opentype'),

    url('./font/baloo/Baloo2-SemiBold.woff2') format('woff2'),

    url('./font/baloo/Baloo2-SemiBold.woff') format('woff'),

    url('./font/baloo/Baloo2-SemiBold.ttf') format('truetype');

  font-weight: 600;

  font-style: normal;

}





@font-face {

  font-family: 'Baloo 2';

  src: url('./font/baloo/Baloo2-Bold.eot');

  src: local('Baloo 2 Bold'), local('Baloo2-Bold'),

    url('./font/baloo/Baloo2-Bold.eot?#iefix') format('embedded-opentype'),

    url('./font/baloo/Baloo2-Bold.woff2') format('woff2'),

    url('./font/baloo/Baloo2-Bold.woff') format('woff'),

    url('./font/baloo/Baloo2-Bold.ttf') format('truetype');

  font-weight: 700;

  font-style: normal;

}



@font-face {

  font-family: 'Baloo 2';

  src: url('./font/baloo/Baloo2-ExtraBold.eot');

  src: local('Baloo 2 ExtraBold'), local('Baloo2-ExtraBold'),

    url('./font/baloo/Baloo2-ExtraBold.eot?#iefix') format('embedded-opentype'),

    url('./font/baloo/Baloo2-ExtraBold.woff2') format('woff2'),

    url('./font/baloo/Baloo2-ExtraBold.woff') format('woff'),

    url('./font/baloo/Baloo2-ExtraBold.ttf') format('truetype');

  font-weight: 800;

  font-style: normal;

}



/* 

html {

  scrollbar-color: #333f6b #d1dadd;

  scrollbar-width: thin;

  }

  html::-webkit-scrollbar {

  width: 5px;

  }

  html::-webkit-scrollbar-thumb { 

  background-color: #333f6b;

  border-radius: 2.5px;

  height: 5px;

  }

  html::-webkit-scrollbar-track {

  background: #d1dadd;

  border-bottom-right-radius: 16px;

  } */



.btn-outline-secondary {

  --bs-btn-color: var(--primary-theme);

  --bs-btn-border-color: var(--primary-theme);

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: var(--primary-theme);

  --bs-btn-hover-border-color: var(--primary-theme);

  --bs-btn-focus-shadow-rgb: 108, 117, 125;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: var(--primary-theme);

  --bs-btn-active-border-color: var(--primary-theme);

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: var(--primary-theme);

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: var(--primary-theme);

  --bs-gradient: none;

}





html::-webkit-scrollbar {

  width: 3px;

  height: 3px;

  cursor: pointer;

}

html::-webkit-scrollbar-track {

  border-radius: 5px;

}

html::-webkit-scrollbar-thumb {

  border-radius: 5px;

}





html::-webkit-scrollbar:hover {

  height: 3px;

  width: 3px;

}





html::-webkit-scrollbar-thumb {

  background-color: var(--primary-theme);

}

html::-webkit-scrollbar-thumb:hover {

  background-color: blue;

}

div:hover::-webkit-scrollbar-corner {

  width: 3px;

  /*background-color: red !important;*/

}



::-webkit-scrollbar-track-piece {

  /*background-color: #efefef;*/

}



::-webkit-scrollbar-thumb:vertical {

  /*background-color: #666;*/

}



.fw-100 {

  font-weight: 100;

}

.fw-200 {

  font-weight: 2000;

}

.fw-300 {

  font-weight: 300;

}

.fw-400 {

  font-weight: 400;

}

.fw-500 {

  font-weight: 500;

}

.fw-600 {

  font-weight: 600;

}

.fw-700 {

  font-weight: 700;

}

.fw-800 {

  font-weight: 800;

}

.fw-900 {

  font-weight: 900;

}



.border-r4 {
  border-radius: 4px;
}

.border-r8 {
  border-radius: 8px;
}

.border-r10 {
  border-radius: 10px;
}

.border-r12 {
  border-radius: 12px;
}

.border-r14 {
  border-radius: 14px;
}

.border-r16 {
  border-radius: 16px;
}

.border-b1 {
  border: 1px solid #D4D4D4
}

.table-responsive::-webkit-scrollbar,

.table-responsive-xxl::-webkit-scrollbar {

  width: 5px;

  height: 5px;

  cursor: pointer;

}

.table-responsive::-webkit-scrollbar-track,

.table-responsive-xxl::-webkit-scrollbar-track {

  border-radius: 5px;

  background: #d1dadd;

}

.table-responsive::-webkit-scrollbar-thumb,

.table-responsive-xxl::-webkit-scrollbar-thumb {

  border-radius: 5px;

  background-color: var(--primary-theme);

}

.table-responsive::-webkit-scrollbar:hover,

.table-responsive-xxl::-webkit-scrollbar:hover {

  height: 5px;

  width: 5px;

}











.light-dark input[type=checkbox] {

  height: 0;

  width: 0;

  visibility: hidden;

  display: none;

}



.switch {

  cursor: pointer;

  /* text-indent: -9999px; */

  width: 100px;

  height: 50px;

  margin: auto;

  background: #e8f0fe;

  display: block;

  border-radius: 100px;

  position: relative;

  /* border-bottom-left-radius: 20px; */

}



.switch:after {

  /* content: '';

  position: absolute;

  top: 5px;

  left: 5px;

  width: 40px;

  height: 40px;

  background: #fff;

  border-radius: 90px;

  transition: 0.3s; */

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: 0;

  right: auto;

  left: 0;

  bottom: 0;

  width: 50px;

  height: 50px;

  border-radius: 100%;

  border: 2px #333 solid;

  background-color: #fff;

  color: #333;

  transition: 0.4s;

  font-size: 30px;

  font-weight: 900;

  box-sizing: border-box;

  content: '';

}

.flaticon-sun:before {

  content: "\f133";

  color: #000;

  height: 100%;

  position: relative;

  display: block;

  z-index: 1;

  font-size: 34px;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  padding: 7px;

}



.light-dark input:checked+.switch {

  background: var(--primary-theme);

}

.light-dark input:checked+.switch::before {

  content: "\f134";

  height: 100%;

  position: relative;

  display: block;

  z-index: 1;

  font-size: 34px;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  padding-right: 12px;

}

.light-dark input:checked+.switch:after {

  left: calc(100% - 5px);

  transform: translateX(-100%);

}



.sidebar {

  position: fixed;

  top: 50%;

  right: 0;

  width: 160px;

  padding: 13px 14px;

  background: #f8c519;

  transition: all 0.3s ease;

  z-index: 100;

  border-bottom-left-radius: 20px;

}

.sidebar.close_aside {

  width: 0px;

  height: 100px;

  padding: 0px;

  background: #FFF;

  transition: all 0.3s ease;

}

.sidebar .arrow-side {

  position: relative;

}

.sidebar .arrow-side .toggles {

  position: absolute;

  top: 50%;

  left: -25px;

  transform: translateY(-50%) rotate(180deg);

  height: 25px;

  width: 25px;

  background-color: #f8c519;

  color: #ffffff;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 22px;

  cursor: pointer;

  transition: all 0.3s ease;

}

.sidebar.close_aside .toggles {

  transform: translateY(-50%) rotate(0deg);

}

.sidebar .menu-bar {

  height: calc(100% - 45px);

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  /* align-items: center; */

}

.menu-bar .bottom-content .toggle-switch {

  position: absolute;

  right: 0;

  height: 100%;

  min-width: 60px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 6px;

  cursor: pointer;

}



html,
body {

  padding: 0px;

  margin: 0px;

  box-sizing: border-box;

}







/* working */



/* [data-selected-theme="light"] {

  --primary-theme: #734FF9;

  --seconderys-theme: #8E6FFF;

  --secondery-theme: #8E6FFF;

  

  --text-color: #253D4E;  

  --text-color-black: #000000;

  --text-color-gray: #ADADAD;

  --text-color-dark-gray: #7A7A7A;

  --text-color-holder-gray: #6B6B6B;

  --text-color-label-gray: #AAA9A3;

  --text-color-holder: #DEE2E6;

  --text-title-color: #2B2B2D;

  --text-count-color: #777777;

  --text-white: #ffffff;

  --bg-section-thee: #f8f9ff;

  --second-theme-color: #8E6FFF;

  --bg-secondery-gray-color :#F4F6FA;

  --bg-product-color: #f0e8d5;

  --bg-table-color: #F7F7FF80;

  --bg-dark-gray: #E7EAF3;

  --favorite: #F74B81;

  --text-sub-title: #242424;





  --bg-chablis: #FEEFEA;

  --bg-honeydew: #ECFFEC;

  --bg-ivory: #FFFCEB;

  --bg-lavender-blush: #FFF3FF;



  --bg-half-pearl-lusta: #F0E8D5;

  --bg-soft-peach: #F3E8E8;

  --bg-solitude: #E7EAF3;





  --text-danger: #FF543E;



  

--light-offwhite: #f7f7f8;

--footer-bg-color: #64b496;

--bg-color-hero: #fff2d9;

--bg-one-bg: #feefea;

--bg-two-bg: #ecffec;

--bg-three-bg: #fffceb;

--bg-section-thee: #f8f9ff;

--bg-section-four: #fff3ff; 

} */

.thame_lights {

  background-color: #3bb77e;

}



.thame_darks {

  background-color: #000;

}

[data-selected-theme="green"] {

  --primary-theme: #1b8057 !important;

  --footer-bg-color: #1b8057 !important;

}

.thame_greens {

  background-color: #1b8057;

}

[data-selected-theme="blue"] {

  --primary-theme: #02aabd !important;

  --footer-bg-color: #02aabd !important;

}

.thame_blues {

  background-color: #02aabd;

}



[data-selected-theme="purple"] {

  --primary-theme: #6a40f4 !important;

  --footer-bg-color: #6a40f4 !important;

}

.thame_purples {

  background-color: #6a40f4;

}

[data-selected-theme="orange"] {

  --primary-theme: #f44c00 !important;

  --footer-bg-color: #f44c00 !important;

}

.thame_oranges {

  background-color: #f44c00;

}



button[data-theme][aria-pressed="true"] {

  background-color: var(--primary-theme);

  color: #FFF;

  box-shadow: none;

  outline: none;

  border: 0px;

  width: 100%;

  height: 100%;

  border-radius: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

}

button[data-theme][aria-pressed="true"].flaticon-eye:before {

  padding-right: 10px;

}

button[data-theme][aria-pressed="false"] {

  background-color: transparent;

  color: #FFF;

  box-shadow: none;

  outline: none;

  border: 0px;

  width: 100%;

  height: 100%;

  border-radius: 50px;

}

button[data-theme][aria-pressed="false"] button[data-theme][aria-pressed="false"]>span {

  display: none !important;

}





.side_sticky {

  color: #98a4ae;

  box-shadow: rgba(0, 0, 0, .05) 0 9px 17.5px !important;

  display: flex;

  align-items: center;

  transition: all .1s ease-in 0s;

  min-width: 80px;

  padding: 0px;

  border-radius: 20px;

  margin: 5px;

}

.flaticon-eye:before {

  content: "\f101";

  /* display: flex; */

}



/* .light-dark{

  position: absolute;

    top: 50%;

    right: 0;

} */

:root {

  --primary-theme: #734FF9;

  --seconderys-theme: #8E6FFF;

  --secondery-theme: #8E6FFF;

  --second-theme-color: #8E6FFF;

  --second-theme1: #6C48EE;

  --bg-theme1: #FFF7E7;

  --bg-theme2: #EDF0FF;

  --color: #4C4C4C;

  --text-color: #253D4E;

  --text-color-black: #000000;

  --text-color-gray: #ADADAD;

  --text-color-dark-gray: #7A7A7A;

  --text-color-holder-gray: #6B6B6B;

  --text-color-label-gray: #AAA9A3;

  --text-color-holder: #DEE2E6;

  --text-title-color: #2B2B2D;

  --text-count-color: #777777;

  --text-white: #ffffff;

  --bg-section-thee: #f8f9ff;



  --bg-secondery-gray-color: #F4F6FA;

  --bg-product-color: #f0e8d5;

  --bg-table-color: #F7F7FF80;

  --bg-dark-gray: #E7EAF3;

  --favorite: #6a5cf1;

  --text-sub-title: #242424;





  --bg-chablis: #FEEFEA;

  --bg-honeydew: #ECFFEC;

  --bg-ivory: #FFFCEB;

  --bg-lavender-blush: #FFF3FF;



  --bg-half-pearl-lusta: #F0E8D5;

  --bg-soft-peach: #F3E8E8;

  --bg-solitude: #E7EAF3;



  --font-family-Baloo: "Baloo 2", sans-serif;

  /* --font-family-Baloo 2: "Baloo 2", sans-serif;

    --font-Baloo 2-regular: 'Baloo 2-regular';

    --font-Baloo 2-medium: 'Baloo 2-medium'; */



  /* --font-Baloo 2-semiBold: 'Baloo 2-semiBold'; */



  /* --font-Baloo 2-bold: 'Baloo 2-bold'; */





  /* --font-Baloo 2-regular: 'Baloo 2-regular'; */







  /* --font-Baloo 2-medium: 'Baloo 2-medium'; */





  /* --font-Baloo 2-semiBold: 'Baloo 2-semiBold'; */





  --bs-font-weight-400: 400;

  --bs-font-weight-500: 500;

  --bs-font-weight-600: 600;

  --bs-font-weight-700: 700;



  --text-danger: #FF543E;





  --light-offwhite: #f7f7f8;

  --footer-bg-color: #64b496;

  --bg-color-hero: #fff2d9;

  --bg-one-bg: #feefea;

  --bg-two-bg: #ecffec;

  --bg-three-bg: #fffceb;

  --bg-section-thee: #f8f9ff;

  --bg-section-four: #fff3ff;

}









:root {

  --header-height: 160px;

  --header-height-min: 80px;

}

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

  :root {

    --header-height: 100px;

    --header-height-min: 80px;

  }

}









.font1-regular {

  font-family: 'Baloo 2', sans-serif;

  font-weight: 400;

}

.font1-medium {

  font-family: 'Baloo 2', sans-serif;

  font-weight: 500;

}



.font1-semibold {

  font-family: 'Baloo 2', sans-serif;

  font-weight: 600;

}



.font1-bold {

  font-family: 'Baloo 2', sans-serif;

  font-weight: 700;

}



.Poppins-regular {

  font-family: "Baloo 2", sans-serif;

  font-weight: 400;

}



.Poppins-medium {

  font-family: "Baloo 2", sans-serif;

  font-weight: 500;

}



.Poppins-semibold {

  font-family: "Baloo 2", sans-serif;

  font-weight: 600;

}



.Poppins-bold {

  font-family: "Baloo 2", sans-serif;

  font-weight: 700;

}







.fs-14 {

  font-size: 14px;

}

.fs-15 {

  font-size: 15px;

}

.fs-16 {

  font-size: 16px;

}

.fs-17 {

  font-size: 17px;

}

.fs-18 {

  font-size: 18px;

}

.fs-19 {

  font-size: 19px;

}

.fs-20 {

  font-size: 20px;

}

.fs-21 {

  font-size: 21px;

}

.fs-22 {

  font-size: 22px;

}

.fs-23 {

  font-size: 23px;

}

.fs-24 {

  font-size: 24px;

}

.fs-25 {

  font-size: 25px;

}

.fs-26 {

  font-size: 26px;

}

.fs-27 {

  font-size: 27px;

}

.fs-28 {

  font-size: 28px;

}

.fs-29 {

  font-size: 29px;

}

.fs-30 {

  font-size: 30px;

}

.fs-38 {

  font-size: 38px;

}

.fs-64 {

  font-size: 64px;

}



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



  .fs-11 {
    font-size: clamp(11px, 1.00vw, 11px);
  }

  .fs-12 {
    font-size: clamp(12px, 1.01vw, 12px);
  }

  .fs-13 {
    font-size: clamp(12px, 1.02vw, 13px);
  }

  .fs-14 {
    font-size: clamp(12px, 1.03vw, 14px);
  }

  .fs-15 {
    font-size: clamp(12px, 1.04vw, 15px);
  }

  .fs-16 {
    font-size: clamp(13px, 1.05vw, 16px);
  }



  .fs-17 {
    font-size: clamp(13px, 1.06vw, 17px);
  }

  .fs-18 {
    font-size: clamp(14px, 1.08vw, 18px);
  }

  .fs-19 {
    font-size: clamp(14px, 1.1vw, 19px);
  }

  .fs-20 {
    font-size: clamp(15px, 1.2vw, 20px);
  }

  .fs-21 {
    font-size: clamp(15px, 1.3vw, 21px);
  }

  .fs-22 {
    font-size: clamp(16px, 1.4vw, 22px);
  }

  .fs-23 {
    font-size: clamp(17px, 1.5vw, 23px);
  }

  .fs-24 {
    font-size: clamp(17px, 1.6vw, 24px);
  }

  .fs-25 {
    font-size: clamp(17px, 1.7vw, 25px);
  }

  .fs-26 {
    font-size: clamp(18px, 1.8vw, 26px);
  }

  .fs-27 {
    font-size: clamp(18px, 1.9vw, 27px);
  }







  .fs-28 {
    font-size: clamp(19px, 2vw, 28px);
  }

  .fs-29 {
    font-size: clamp(19px, 2.1vw, 29px);
  }

  .fs-30 {
    font-size: clamp(20px, 2.2vw, 30px);
  }

  .fs-38 {
    font-size: clamp(20px, 2.2vw, 38px);
  }

  .fs-64 {
    font-size: clamp(22px, 2.2vw, 64px);
  }

}













.flaticon-pro:before {

  font-family: flaticon_mycollection !important;

  font-style: normal;

  font-weight: normal !important;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.flaticon-pro:after {

  font-family: flaticon_mycollection !important;

  font-style: normal;

  font-weight: normal !important;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.info-profile {

  right: 0px;

}

.profile-img span {

  background-color: #fff;

  border: 1px solid var(--primary-theme);

  color: #fff;

  padding: 5px;

  height: 26px;

  width: 26px;

  border-radius: 50%;

  font-size: 13px;

  position: absolute;

  display: flex;

  justify-content: center;

  align-items: center;

  bottom: 0px;

  right: -4px;

}

.profile-img img {

  max-width: 80px;

  max-height: 80px;

}

.list-group-item.active {

  z-index: 2;

  color: #ffffff;

  background-color: var(--primary-theme);

  border-color: transparent;

}

.list-group-item.active a {

  color: var(--text-white);

}

.list-group-item a {

  color: var(--primary-theme);

  text-decoration: none;

}

.list-group-item {

  background-color: #f7f7fb;

}

.bg-profile-gray {

  background-color: #f3f3f9;

}

.select2-container--default .select2-selection--single .select2-selection__rendered {

  line-height: auto !important;

}

.select2-container--default .select2-selection--single .select2-selection__arrow b {

  margin-left: -10px !important;

  margin-top: -10px !important;

  position: absolute !important;

  top: 50% !important;

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;

  /* url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e); */

  width: 12px !important;

  height: 100% !important;

  background-repeat: no-repeat;

  left: auto !important;

  border-width: 0px !important;

  border-style: unset !important;



}

.select2-container--default .select2-selection--single {

  /* background-image: url('data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e'); */

  display: block;

  width: 100%;

  padding: 1.16rem 2rem 1.16rem 1.3rem !important;

  font-size: 1rem;

  height: auto !important;

  font-weight: 400;

  line-height: 1.5;

  color: var(--bs-body-color);

  background-color: transparent !important;

  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);

  background-repeat: no-repeat;

  background-position: right .75rem center;

  background-size: 16px 12px;

  border: var(--bs-border-width) solid var(--bs-border-color) !important;

  border-radius: var(--bs-border-radius);

  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

.pt-10 {

  padding-top: 10px;

}

.pb-10 {

  padding-bottom: 10px;

}

.fs-16 {

  font-size: 16px;

}

.px-30 {

  padding-left: 30px;

  padding-right: 30px;

}

.px-40 {

  padding-left: 40px;

  padding-right: 40px;

}













body,

html {

  font-family: "Baloo 2", sans-serif;

  font-weight: 400;

  font-size: 16px;

  color: #4C4C4C !important;

}

/* .header-nav .nav-link.nav-item.active > a{

  color: #4C4C4C !important;

} */

.header-nav .nav-item.active>a {

  color: #ffe44c !important;

}

.nav-link {

  color: #fff !important;

  /* color: #4C4C4C !important; */

}

body {

  letter-spacing: 0.03em;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: var(--font-family-Baloo);

  color: var(--dark-color);

  font-weight: 700;

}

.display-1,

.display-2,

.display-3,

.display-4,

.display-5,

.display-6 {

  font-weight: 700;

}

.nav-pills .nav-link {

  --bs-nav-pills-link-active-color: #111;

  --bs-nav-pills-link-active-bg: #f1f1f1;

}

.small-text {

  color: var(--text-color-label-gray);

}

.small-title {

  color: var(--text-color);

}

.heading-2 {

  color: var(--text-title-color);

}

.common_text_p {

  color: #4C4C4C;

}

.common_text {

  color: #1A1A1A;

}

/* 

.container,

.container-fluid,

.container-lg,

.container-md,

.container-sm,

.container-xl,

.container-xxl {

  --bs-gutter-x: 3rem;

} */
.line-h2-small {
  height: 3em;
}

.line-h2 {
  height: 3em;
}

.line-h3-small {
  height: 4.4em;
}

.line-h3 {
  height: 3.5em;
}

.text-ellipsis1 {

  display: -webkit-box;

  max-width: 100%;

  margin: 0 auto;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

.text-ellipsis2 {

  display: -webkit-box;

  max-width: 100%;

  margin: 0 auto;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

@media (min-width: 1140px) {

  .container {

    /* max-width: 1140px !important; */

    max-width: 1434px !important;

    /* max-width: 1410px !important; */

    /* max-width: 1510px !important; */

  }

}



@keyframes animation {

  0%,

  80%,

  100% {

    box-shadow: 0 2em 0 -1em var(--accent-color);

  }

  40% {

    box-shadow: 0 2em 0 0 var(--accent-color);

  }

}

/* common color */

.bg-chablis {

  background-color: var(--bg-chablis);

}

.bg-honeydew {

  background-color: var(--bg-honeydew);

}

.bg-ivory {

  background-color: var(--bg-ivory);

}

.bg-lavender-blush {

  background-color: var(--bg-lavender-blush);

}

.bg-half-pearl-lusta {

  background-color: var(--bg-half-pearl-lusta);

}

.bg-soft-peach {

  background-color: var(--bg-soft-peach);

}

.bg-solitude {

  background-color: var(--bg-solitude);

}



/* mobile menu */

.mobile-menu {

  position: fixed;

  bottom: 15px;

  left: 20px;

  width: calc(100% - 40px);

  z-index: 3;

  background: var(--text-white);

  border-radius: 90px;

  -webkit-box-shadow: 0px -5px 15px 0px rgb(0 0 0 / 10%);

  box-shadow: 0px -5px 15px 0px rgb(0 0 0 / 10%);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -ms-flex-pack: distribute;

  justify-content: space-around;

  display: none;

}

.mobile-menu>a,
.mobile-menu button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  /* min-width: 40px; */

  padding: 20px 0px;

  border-radius: 8px;

  position: relative;

  background-color: transparent;

  border: 0px;

  color: var(--primary-theme);

}

.main-menu .navbar-toggler:focus {

  box-shadow: none;

}

.mobile_mega_menu_open_btn {

  padding-top: 35px;

}

.mobile-menu a:hover>span,
.mobile-menu button:hover>span,

.mobile-menu a:hover i,
.mobile-menu button:hover i {

  color: var(--primary-theme);

}

.mobile-menu a i,
.mobile-menu button i {

  font-size: 15px;

  margin-bottom: 5px;

  /* color: #555; */

  text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1);

}

.mobile-menu a>span,
.mobile-menu button>span {

  font-size: 16px;

  /* font-size: 10px; */

  line-height: 12px;

  /* color: #555; */

  text-transform: capitalize;

}

.mobile-menu a sup,
.mobile-menu button sup {

  position: absolute;

  top: 4px;

  left: 70%;

  width: 24px;

  height: 24px;

  font-size: 12px;

  line-height: 20px;

  border-radius: 50%;

  text-align: center;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  color: var(--white);

  background: var(--primary);

  border: 2px solid var(--green-chalk);

  text-shadow: var(--primary-tshadow);

}

@media (max-width: 991px) {

  .mobile-menu {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .mobile-menu>a.active span,

  .mobile-menu>a.active i {

    color: #000;

  }

}

.bg-card-box-gray1 {

  background-color: var(--bg-product-color);

}

.form-check-input:checked[type=checkbox] {

  --fc-form-check-bg-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E);

}



.form-check-input:checked {

  background-color: var(--primary-theme);

  border-color: var(--primary-theme);

}

.form-check-input:focus {

  border-color: var(--primary-theme);

  box-shadow: none;

  /* box-shadow: 0 0 0 .25rem rgba(10, 173, 10, .25); */

  outline: 0;

}

.badge-notify {

  display: inline-block;

  min-width: 10px;

  padding: 5px 6px;

  font-size: 12px;

  font-weight: 400;

  line-height: 9px;

  color: var(--primary-theme);

  text-align: center;

  white-space: nowrap;

  display: flex;

  vertical-align: middle;

  background-color: #FFFFFFCC;

  border-radius: 10px;

  position: absolute;

  top: 0px;

  right: -9px;

  align-items: center;

  justify-content: center;

}

/* header */

.bg-topbanner {

  background-color: #8E6FFF;

}

#search-form input::placeholder {

  font-family: var(--font-family-Baloo);

  font-weight: 400;

  font-size: 16px;

}

.searchResults {

  display: block;

  position: absolute;

  top: 100%;

  left: 0;

  z-index: 3;

  padding: 0;

  margin: 0;

  list-style: none;

  max-height: 321px;

  overflow-y: auto;

  background-color: #fff;

  /* border: 1px solid #ddd; */

  border-top: none;

  border-radius: 0 0 5px 5px;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

  width: 100%;

  margin-top: 12px;

  /* width: calc(100% - 95px); */

}

.searchResults li {

  padding: 10px;

  cursor: pointer;

  border-bottom: 1px solid #ddd;

}

.searchResults li a {

  position: relative;

  color: inherit;

  text-decoration: none;

  transition: all 0.4s ease;

}

.fs-pop {

  font-family: var(--font-family-Baloo);

}

/* .h-header-bar li a:hover svg path{

  fill: var(--primary-theme);

} */

/* .h-header-bar li a:hover span{

  color: var(--primary-theme) !important;

} */

.h-header-bar li a:hover span.badge-notify {

  color: var(--text-white) !important;

}



/* center header */

.secondary-menu-wrapeer .wave-top {

  position: relative;

  /* margin-top: 20px; */

}



.secondary-menu-wrapeer .wave-top::before,

.secondary-menu-wrapeer .wave-top::after {

  border-bottom: 5px solid #734FF9;

}



.secondary-menu-wrapeer .wave-top::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 10px;

  background-size: 20px 40px;

  background-image: radial-gradient(circle at 10px -15px, transparent 20px, #734FF9 21px);

}



.secondary-menu-wrapeer .wave-top::after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 15px;

  background-size: 40px 40px;

  background-image: radial-gradient(circle at 10px 26px, #734FF9 20px, transparent 21px);

}



.secondary-menu-wrapeer .wave-mid {

  background-color: #734FF9;

  /* height: 50px; */

}



.secondary-menu-wrapeer .wave-bottom {

  position: relative;

}



.secondary-menu-wrapeer .wave-bottom::before,

.secondary-menu-wrapeer .wave-bottom::after {

  border-top: 5px solid #734FF9;

}



.secondary-menu-wrapeer .wave-bottom::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 10px;

  background-size: 20px 40px;

  background-image: radial-gradient(circle at 10px -15px, transparent 20px, #ffffff 21px)
    /* background-image: radial-gradient(circle at 10px -15px, transparent 20px, #ffffff 21px); */

    /* background-image: radial-gradient(circle at 10px -15px, transparent 20px, #8E6FFF 21px); */

}



.wave-bottom::after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 15px;

  background-size: 40px 40px;

  background-image: radial-gradient(circle at 10px 26px, #ffffff 20px, transparent 21px);

  /* background-image: radial-gradient(circle at 10px 26px, #8E6FFF 20px, transparent 21px); */

}

















.secondary-menu-wrapeer .wave-top1::before,

.secondary-menu-wrapeer .wave-top1::after {

  border-bottom: 5px solid #734FF9;

}



.secondary-menu-wrapeer .wave-top1::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 10px;

  background-size: 20px 40px;

  background-image: radial-gradient(circle at 10px -15px, transparent 20px, #734FF9 21px);

}



.secondary-menu-wrapeer .wave-top1::after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 15px;

  background-size: 40px 40px;

  background-image: radial-gradient(circle at 10px 26px, #734FF9 20px, transparent 21px);

}



.secondary-menu-wrapeer .wave-mid1 {

  background-color: #734FF9;

}



.secondary-menu-wrapeer .wave-bottom1 {

  position: relative;

}



.secondary-menu-wrapeer .wave-bottom1::before,

.secondary-menu-wrapeer .wave-bottom1::after {

  border-top: 5px solid #734FF9;

}







.secondary-menu-wrapeer .wave-bottom1::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 10px;

  background-size: 20px 40px;

  background-image: radial-gradient(circle at 10px -15px, transparent 20px, #8E6FFF 21px)
}



.wave-bottom1::after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 15px;

  background-size: 40px 40px;

  background-image: radial-gradient(circle at 10px 26px, #8E6FFF 20px, transparent 21px);

}







/* auth */

h3.auth-login {

  font-size: 32px;

  line-height: 46.24px;

}

.auth .text-color-bg {

  color: var(--primary-theme);

}

.text-semi-title {

  color: var(--text-color-gray);

}

.grocer-input input {

  height: 60px;

  border-color: var(--text-color-holder);

  border-radius: 6px;

  line-height: 16px;

  padding: 18.5px 20px;

}



.grocer-input input:hover,

.grocer-input input:focus,

.grocer-input input:focus-visible {

  height: 60px;

  border-color: var(--primary-theme);

  border-radius: 6px;

}

.mb-20 {

  margin-bottom: 20px;

}

.mb-10 {

  margin-bottom: 10px;

}

.auth-btn {

  color: var(--text-white);

  font-size: 24px;

  font-weight: 600;

  border-radius: 6px;

}

:not(.btn-check)+.btn:active {

  border-color: transparent;

}

.password-eye {

  position: absolute;

  right: 0%;

  padding-right: 16px;

  /* top: 0;

  height: 100%;

  display: flex;

  align-items: center; */

}

/* .auth-btn:focus-visible{

  color: var(--text-white);

} */

.btn-custome:hover.auth-btn:active {

  border-color: var(--second-theme-color);

  color: var(--text-white);

}

.btn-custome:hover.auth-btn {

  color: var(--text-white);

}

.grocer-input input::placeholder {

  color: var(--text-color-gray);

  font-size: 16px;

  font-weight: 400;

}

.link-hover:hover {

  color: var(--primary-theme);

}

.contect-no:hover svg path {

  fill: var(--second-theme-color);

}

.contect-no:hover span {

  color: var(--second-theme-color) !important;

}

.border-r6 {

  border-radius: 6px;

}

.rounded-r4 {

  border-radius: 12px;

}

.rounded-24 {

  border-radius: 24px;

}

.bg-light-think-gray {

  background-color: var(--bg-section-thee);

}

.bg-light-think-gray:hover {

  background-color: var(--second-theme-color);

}

.w-210 {

  width: 200px;

}

.mb-5px {

  margin-bottom: 5px;

}

.offcanvas-body .dropdown-item.active,

.offcanvas-body .dropdown-item:active {

  background-color: var(--primary-theme);

  color: #fff !important;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

  input[type="password"] {

    /* -webkit-text-stroke-width: 0.2em;

     letter-spacing: 0.2em; */

    font-family: Verdana;



  }

  input[type="password"]::placeholder {

    font-size: 12px !important;

    font-family: "Baloo 2" !important;

    -webkit-text-stroke-width: unset;

    letter-spacing: unset;

    font-size: unset;

    line-height: normal;

  }

}



/* *** Start editing below this line *** */

.container-fluid {

  max-width: 1600px;

}

/* .banner-blocks {

  display: grid;

  grid-template-columns: repeat(12, 1fr);

  grid-template-rows: repeat(2, 1fr);

  grid-gap: 2rem;

}

.block-1 {

  grid-area: 1 / 1 / 3 / 8;

}

.block-2 {

  grid-area: 1 / 8 / 2 / 13;

}

.block-3 {

  grid-area: 2 / 8 / 3 / 13;

} */



/* @media screen and (max-width: 1140px) {

  .banner-blocks {

    grid-template-columns: 1fr;

    grid-template-rows: repeat(4, 1fr);

  }

  .block-1 {

    grid-area: 1 / 1 / 3 / 2;

  }

  .block-2 {

    grid-area: 3 / 1 / 4 / 2;

  }

  .block-3 {

    grid-area: 4 / 1 / 5 / 2;

  }

} */

.bg-white-off {

  background-color: #FFFFFFCC;

}

.text-white-off {

  color: #FFFFFFCC;

}

.main-header.border-theme {

  border: 0px solid var(--primary-theme);

  border-radius: 30px;

  background-color: rgb(255 255 255 / 80%);

}

.main-header.border-theme.m-searchbar {

  border: 1px solid var(--primary-theme);

  padding: 6px;

}

.py-80 {

  padding-top: 80px;

  padding-bottom: 80px;

}

.py-30 {

  padding-top: 30px;

  padding-bottom: 30px;

}

.theme-color {

  color: var(--primary-theme);

}

.bg-theme {

  background-color: var(--primary-theme) !important;

}

.bg-theme1 {

  background-color: var(--bg-theme1);

}

.second-theme1 {

  color: var(--second-theme1);

}

.top-header.search-box {

  width: 43px;

  height: 40px;

  border-radius: 50%;

}

input.form-control:focus {

  outline: none;

  box-shadow: none;

}

.link-underline-none {

  text-decoration-line: none;

}

.heade-link-color span,

.heade-link-color {

  color: var(--text-color) !important;

}

.header-menu-dropdown.dropdown-toggle::after {

  display: none;

}

.dropdown-menu.show {

  border: 0px;

  box-shadow: aliceblue;

  -webkit-box-shadow: 0px 0px 6px 0px rgba(170, 169, 163, 1);

  -moz-box-shadow: 0px 0px 6px 0px rgba(170, 169, 163, 1);

  box-shadow: 0px 0px 6px 0px rgba(170, 169, 163, 1);

}

.border-bottom {

  border-bottom: 1px solid #dee2e6 !important;

}

.border-top_c {

  border-top: 1px solid #dee2e6 !important;

}

.border-top-botom_c {

  border-top: 1px dashed #dee2e6 !important;

  border-bottom: 1px dashed #dee2e6 !important;



}

nav.main-menu ul li a.nav-link {

  font-weight: 500;

  font-size: 20px;

  font-family: "Baloo 2", sans-serif;

}

.nav-item.active>a {

  color: var(--primary-theme) !important;

}

nav.main-menu ul li a.nav-link:hover {

  color: #253d4e !important;

}

.nav-item.active>a.dropdown-toggle::after {

  /* content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjkzMTQ1NCAxLjM1MjdDMC45MzE0OTEgMS4xNzY5MSAwLjk4MzkxMyAxLjAwNTA4IDEuMDgyMSAwLjg1ODkzNkMxLjE4MDI4IDAuNzEyNzg3IDEuMzE5ODEgMC41OTg4NzkgMS40ODMwNSAwLjUzMTYxM0MxLjY0NjI5IDAuNDY0MzQ4IDEuODI1OTEgMC40NDY3NDUgMS45OTkyMSAwLjQ4MTAyOUMyLjE3MjUxIDAuNTE1MzEzIDIuMzMxNyAwLjU5OTk0NSAyLjQ1NjY1IDAuNzI0MjI2TDYuNDcxMjIgNi4zMTgyN0wxMC40ODU4IDAuNzI0MjI2QzEwLjY1NDMgMC41NjIzIDEwLjg4IDAuNDcyNzAxIDExLjExNDMgMC40NzQ3MjdDMTEuMzQ4NSAwLjQ3Njc1MiAxMS41NzI2IDAuNTcwMjQgMTEuNzM4MyAwLjczNTA1NUMxMS45MDQgMC44OTk4NyAxMS45OTc5IDEuMTIyODIgMTIgMS4zNTU5QzEyLjAwMiAxLjU4ODk3IDExLjkxMTkgMS44MTM1MiAxMS43NDkyIDEuOTgxMTdMNy4xMDI5MiA4LjIwMzY5QzYuOTM1MzYgOC4zNzAzNCA2LjcwODE0IDguNDYzOTYgNi40NzEyMiA4LjQ2Mzk2QzYuMjM0MjkgOC40NjM5NiA2LjAwNzA3IDguMzcwMzQgNS44Mzk1MSA4LjIwMzY5TDEuMTkzMjUgMS45ODExN0MxLjAyNTY3IDEuODE0NTEgMC45MzE1MDQgMS41ODg0NCAwLjkzMTQ1NCAxLjM1MjdaIiBmaWxsPSIjM0JCNzdFIi8+Cjwvc3ZnPgo=") !important; */

  border: 0px solid var(--primary-theme) !important;

  border-top: 0px solid var(--primary-theme) !important;

  border-right: 0px solid var(--primary-theme) !important;

  border-bottom: 0px solid var(--primary-theme) !important;

  vertical-align: unset !important;

  border-left: 0px solid var(--primary-theme) !important;

}



nav.main-menu ul li a.nav-link:hover.dropdown-toggle::after {

  /* content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjkzMTQ1NCAxLjM1MjdDMC45MzE0OTEgMS4xNzY5MSAwLjk4MzkxMyAxLjAwNTA4IDEuMDgyMSAwLjg1ODkzNkMxLjE4MDI4IDAuNzEyNzg3IDEuMzE5ODEgMC41OTg4NzkgMS40ODMwNSAwLjUzMTYxM0MxLjY0NjI5IDAuNDY0MzQ4IDEuODI1OTEgMC40NDY3NDUgMS45OTkyMSAwLjQ4MTAyOUMyLjE3MjUxIDAuNTE1MzEzIDIuMzMxNyAwLjU5OTk0NSAyLjQ1NjY1IDAuNzI0MjI2TDYuNDcxMjIgNi4zMTgyN0wxMC40ODU4IDAuNzI0MjI2QzEwLjY1NDMgMC41NjIzIDEwLjg4IDAuNDcyNzAxIDExLjExNDMgMC40NzQ3MjdDMTEuMzQ4NSAwLjQ3Njc1MiAxMS41NzI2IDAuNTcwMjQgMTEuNzM4MyAwLjczNTA1NUMxMS45MDQgMC44OTk4NyAxMS45OTc5IDEuMTIyODIgMTIgMS4zNTU5QzEyLjAwMiAxLjU4ODk3IDExLjkxMTkgMS44MTM1MiAxMS43NDkyIDEuOTgxMTdMNy4xMDI5MiA4LjIwMzY5QzYuOTM1MzYgOC4zNzAzNCA2LjcwODE0IDguNDYzOTYgNi40NzEyMiA4LjQ2Mzk2QzYuMjM0MjkgOC40NjM5NiA2LjAwNzA3IDguMzcwMzQgNS44Mzk1MSA4LjIwMzY5TDEuMTkzMjUgMS45ODExN0MxLjAyNTY3IDEuODE0NTEgMC45MzE1MDQgMS41ODg0NCAwLjkzMTQ1NCAxLjM1MjdaIiBmaWxsPSIjM0JCNzdFIi8+Cjwvc3ZnPgo=") !important; */

  border: 0px solid var(--primary-theme) !important;

  border-top: 0px solid var(--primary-theme) !important;

  border-right: 0px solid var(--primary-theme) !important;

  border-bottom: 0px solid var(--primary-theme) !important;

  vertical-align: unset !important;

  border-left: 0px solid var(--primary-theme) !important;

}

.navbar-nav .dropdown-toggle::after {

  /* content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEFSURBVHgBfVC7TkJBEJ19XGtjNLExkBhuKK+tEWNJjCJ2lPoJllbiF6hfoH+AMYbQEQrgdlASCOQGGhoItCy7ywyPBG6Aac7smTObc4YBVixx/wRa11uVfB12VOzy1gMhPLZYSFmEkVKTi8AvBGFx/CYZ1fqgiO0hJ8Ia+0IPx3G+t/2+FEdR9y6IGPaa/nEk7mGbPIm440G36a/E7nXqDSFtrPlql/+zfDWYCPaMEBhgH3O/S9/WQpZ4LSUhsM1gaQxmaiQAPX0EIXNkVSmO2X4D0oj1hWGv0T86c8eMsQxwnkHqFH2/dqp/BdhXbuIhR5c7v7r7DM/ktgXKI5UpaUf+hGczG3xcxoBYMKEAAAAASUVORK5CYII=") !important; */

  /* background-image:  */

  border: 0px solid #000;

  border-top: 0px solid #000 !important;

  border-right: 0px solid #000 !important;

  border-bottom: 0px solid #000 !important;

  vertical-align: unset !important;

  border-left: 0px solid #000 !important;

}

.header-menu-dropdown .h7-header {

  width: 120px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  display: block;

  text-align: start;

}

.header-menu-dropdown {

  display: flex;

  align-items: center;

}



.h7-header {

  font-size: 16px !important;

  font-family: "Baloo 2";

  font-weight: 600 !important;

  color: var(--text-color) !important;

}

.top-header-nav .dropdown-item.active {

  background-color: var(--primary-theme);

}

.top-header-nav .dropdown-item:focus,

.top-header-nav .dropdown-item:hover {

  background-color: var(--primary-theme);

  color: var(--text-white);

}

/* .top-header-nav a.active svg path{

  fill: var(--primary-theme);

} */

.top-header-nav a.heade-link-color.active span {

  color: var(--primary-theme) !important;

}

.top-header-nav ul.top-header-nav li .adropdown-item.active {

  color: var(--text-white);

  background-color: var(--primary-theme);

}

.nav-hover .dropdown-menu.show .dropdown-item:hover {

  color: var(--primary-theme);

}

/* .h-header-bar li a.heade-link-color.active svg path{

  fill: var(--color);

} */

.h-header-bar li a.heade-link-color.active>span {

  color: var(--primary-theme) !important;

}

.heade-link-color .badge-notify {

  color: var(--primary) !important;

}

/* hero section */

.bg-color-hero {

  background-color: var(--bg-color-hero);



}

.herobg-img {

  background-repeat: no-repeat;

  background-position: bottom;

  background-size: cover;

}

.swiper-carousel-caption {

  /* position: absolute; */

}

.toy-btn-c {

  background-color: #fff;

  border-radius: 50px;

  color: #6C48EE;

  border: 1px solid #fff;

}

.toy-btn-c:hover {

  background-color: transparent;

  border-radius: 50px;

  color: #fff;

}

.toy-btn-c:hover svg path {

  fill: #fff;

}

.bg-badge-y {

  background-color: #FFE81A;

  color: #1A1A1A;

  padding: 8px 20px;

  border-radius: 9px;

  /* font-size: 18px; */

  font-weight: 600;

}

.hero-p {

  padding-top: 72.56px;

  padding-bottom: 72.56px;

}

.big-title {

  font-size: calc(2.1rem + 1vw) !important;

  font-weight: 700 !important;

}

.hero-content p {

  font-size: 16px !important;

  font-weight: 500 !important;

}



.btn-custome {

  padding: 11px 15px !important;

  background-color: var(--primary-theme) !important;

  border-radius: 50px;

}

.btn-custome:hover,

.btn-custome:focus-visible {

  background-color: var(--second-theme-color) !important;

}

.mt-30 {

  margin-top: 30px;

}

.cta:after {

  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBzZLRDYAgDEQPJ2AERmAFJ9QNHMURHKFs4Aj1iPwZI7Yf+pKDfnCX0BZ4QFUnaqMSLNC464mYQmjK/w4JLCLv2JmTqaW9L9RYA4RFgo0ywEmox4umXL6AXlyT+M7cAsS7QDO13pkPm/6t/X8tQrkAAAAASUVORK5CYII=");

  transform: translateX(0.3em);

  margin-left: 10px;

  line-height: 14px;



  transition: transform 0.3s ease;

}

.cta:hover:after {

  transform: translateX(1em);

  transition: transform 0.3s ease;

}

.cta {

  font-size: 16px !important;

  font-weight: 700 !important;

  color: white;

  text-decoration: none;

}



.swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {

  width: 20px;

  height: 4px;

  border-radius: 20px;

  background-color: #fff;

}

.swiper-banner .swiper-pagination-bullet {

  background: #FFFFFF99;

  width: 8px;

  height: 4px;

  border-radius: 20px;

}

.swiper-banner .swiper-pagination {

  bottom: 60px !important;

}

.swiper-pagination-wather {

  position: absolute;

  bottom: -6px;

  /* background-color: #fff;

    background-position: 50%;

    background-size: 100%;

    background-size: cover; */

}

.wave-text-wave {

  position: relative;

}

.wave-text-wave::after {

  content: '';

  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20'%3E%3Cpath d='M0 10 C 50 0, 150 20, 200 10' stroke='yellow' stroke-width='4' fill='none'/%3E%3C/svg%3E") no-repeat;

  /* background-size: cover; */

  /* background-repeat: no-repeat;

    background-position: center; */

  background-size: cover;

  background-size: 100%;

  background-position: top;

  width: 100%;

  /* position: relative; */

  display: flex;

  height: 25px;

  position: absolute;

  bottom: 0px;

  left: 0;

}

/* second section */



@media screen and (min-width: 1200px) {

  .st-alt {

    position: absolute;

    left: 0%;

    top: 80px;

  }

  .st-arb {

    position: absolute;

    right: 0%;

    bottom: 0px;

  }

  .st-falb {

    position: absolute;

    left: 4%;

    bottom: -24px;

  }

  .st-farb {

    position: absolute;

    right: 14%;

    bottom: 20px;

  }

  .st-ffat {

    position: absolute;

    left: 0%;

    top: -50px;

  }

  .st-talt {

    position: absolute;

    left: 0%;

    top: -30px;

  }





  .st-tart {

    position: absolute;

    right: 0%;

    top: -30px;

  }

  .st-tarb {

    position: absolute;

    right: 0%;

    bottom: 0px;

  }

  .st-palb {

    position: absolute;

    left: 0%;

    bottom: 35px;

  }

  .st-fart {

    position: absolute;

    right: 0%;

    top: 0px;

  }

  .st-ffalb {

    position: absolute;

    left: 0%;

    bottom: 66px;

  }

  .st-fsalb {

    position: absolute;

    right: 0%;

    bottom: -60px;

  }

}



@media screen and (min-width: 1024px) {

  .py-44 {

    padding-top: 44px !important;

    padding-bottom: 44px !important;

  }

  .py-88 {

    padding-top: 88px !important;

    padding-bottom: 88px !important;

  }

  .pt-44 {

    padding-top: 44px !important;

  }

  .pb-44 {

    padding-bottom: 44px !important;

  }

  .pt-88 {

    padding-top: 88px !important;

  }

  .pb-88 {

    padding-bottom: 88px !important;

  }

  .my-44 {

    margin-top: 44px !important;

    margin-bottom: 44px !important;

  }

  .mt-44 {

    margin-top: 44px !important;

  }

  .mb-44 {

    margin-bottom: 44px !important;

  }

  .mt-88 {

    margin-top: 88px !important;

  }

  .mb-88 {

    margin-bottom: 88px !important;

  }

  .my-88 {

    margin-top: 88px !important;

    margin-bottom: 88px !important;

  }

}

.svg-v1 svg path {

  fill: #E53888;

}

.svg-v2 svg path {

  fill: #FF931A;

}

.svg-v3 svg path {

  fill: #27667B;

}

.svg-v4 svg path {

  fill: #00B600;

}

.svg-v5 svg path {

  fill: #00DACD;

}

.svg-v6 svg path {

  fill: #493D9E;

}









.play-joy-svg span.box-contain {

  position: absolute;

  left: 0;

  right: 0;

  height: 100%;

  width: 100%;

  /* color: #fff; */

  /* font-size: 24px;

  font-weight: 600; */

  /* transform: translate(50%, 0%); */

  text-align: center;

  /* display: flex

;

  align-items: center;

  justify-content: center; */

  top: 0;

  border: 0;

}

.play-joy-svg span.box-contain .box-contain-inner {

  width: 88px;

  line-height: 30px;

  white-space: break-spaces;

}







/* thried section */

.svg-circle-v1 svg rect:first-child {

  stroke: #BB9937;

}

.svg-circle-v1 svg rect:last-child {

  fill: #FFECB6;

}



.svg-circle-v2 svg rect:first-child {

  stroke: #BDE032;

}

.svg-circle-v2 svg rect:last-child {

  fill: #E2FFA4;

}



.svg-circle-v3 svg rect:first-child {

  stroke: #60CAFF;

}

.svg-circle-v3 svg rect:last-child {

  fill: #C2EBFF;

}



.svg-circle-v4 svg rect:first-child {

  stroke: #FD9591;

}

.svg-circle-v4 svg rect:last-child {

  fill: #FFD6DF;

}



.svg-circle-v5 svg rect:first-child {

  stroke: #BB9937;

}

.svg-circle-v5 svg rect:last-child {

  fill: #FFD4C1;

}

.new-product-wish.new-product-wish-btn .btn.btn-wishlist {

  border: 1px solid #8A8A8A;

  height: 35px;

  width: 35px;

  border-radius: 50%;

  padding: 0px;

  transform: translateX(0px);

  transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);

  will-change: opacity, transform;



  position: absolute;

  top: 15px;

  right: 20px;

  transition-duration: 0.2s;

  transition: all 0.3s ease 0s;

}

.new-product-wish .btn.btn-wishlist {

  border: 1px solid #D5DFE4;

  height: 35px;

  width: 35px;

  border-radius: 50%;

  padding: 0px;

  transform: translateX(10px);

  transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);

  will-change: opacity, transform;



  position: absolute;

  top: 15px;

  right: 20px;

  transition-duration: 0.2s;

  transition: all 0.3s ease 0s;

}

.new-product-wish .tools-wish .btn.btn-wishlist {

  border: 1px solid #8A8A8A;

  top: 20px;

  right: 40px;

}

.new-product-wish .tools-wish:hover .btn.btn-wishlist {

  background-color: var(--primary-theme);

}

.new-product-wish .tools-wish:hover .btn.btn-wishlist i.favorite__icon {

  color: #fff;

}

.swiper-perfect .swiper-button-next:after,
.swiper-button-prev:after {

  display: none;

}



.swiper-perfect-main .swiper-pagination-bullet.swiper-pagination-bullet-active {

  width: 20px;

  height: 4px;

  border-radius: 20px;

  background-color: #8361FF;

}

.swiper-perfect-main .swiper-pagination-bullet {

  background: #B29DFF;

  width: 8px;

  height: 4px;

  border-radius: 20px;

}

.swiper-perfect-main .swiper-pagination {

  bottom: 0px !important;

}

.swiper-perfect-main .swiper-wrapper {

  padding-bottom: 40px;

}

/* .swiper-perfect .swiper-pagination-bullet.swiper-pagination-bullet-active{

  width: 20px;

  height: 4px;

  border-radius: 20px;

  background-color: #8361FF;

}

.swiper-perfect .swiper-pagination-bullet{

  background: #B29DFF;

  width: 8px;

  height: 4px;

  border-radius: 20px;

} */



.parfect-toy-inner {

  position: absolute;

  bottom: 0;

  left: 0;

  aspect-ratio: 1 / 1;

  object-fit: cover;

  max-width: 165px;

}

.parfect-toy-inner img {

  width: 100%;

  height: 100%;

}

/* .play-joy-svg .color-v1 path{

  fill: #E53888;

} */

.mx-width-210 {

  max-width: 210px;

  margin: auto;

}









/* arrival */

.image-box-item {

  aspect-ratio: 1/1;

  object-fit: contain;

  width: 100%;

  margin: auto;

  display: flex;

}

.image-box-item img {

  width: 100%;

  height: 100%;

}

/* .left {

  inset: 0 auto auto 0;

  transform-origin: 100% 0;

  transform: translate(-29.3%) rotate(-45deg);

} */



/* .ribbon-1 {

  position: fixed;

  background: #08769b;

  box-shadow: 0 0 0 999px #08769b;

  clip-path: inset(0 -100%);

} */



.ribbon-wrap {

  width: 100px;

  height: 100px;

  position: absolute;

  top: -10px;

  left: -10px;

  pointer-events: none;

  z-index: 0;

}

.ribbon {

  width: 160px;

  /* width: 230px; */

  font-size: 0.918rem;

  text-align: center;

  /* padding: 8px 0; */

  background: #FF223E;

  color: #fff;

  position: absolute;

  transform: rotate(-45deg);

  right: -17px;

  top: 29%;

  z-index: 3;

}





.btn-theme-padding {

  padding: 6px 10px;

}

.border-r50 {

  border-radius: 50px;

}

.btn-custom-w {

  border: 1px solid var(--primary-theme);

  color: var(--primary-theme);

  background-color: #fff;



}

.btn-custom-w:hover {

  color: #fff;

  background-color: var(--primary-theme);

}



.btn-custom-theme {

  border: 1px solid var(--primary-theme);

  color: #fff;

  background-color: var(--primary-theme);

}

.btn-custom-theme:hover {

  color: var(--primary-theme);

  background-color: #fff;

}

@media screen and (min-width: 1024px) {

  .p-24 {

    padding: 24px;

  }

}





/* offer poster */

.image-offer-poster {

  aspect-ratio: 1.64/1;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

/* popular product */

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

  .bg-theme-linear {

    background: linear-gradient(to top, #edf0ff 99%, #ffffff 1%, #ffffff);

  }

}

.bg-theme-linear {

  background: linear-gradient(to top, #ffffff 4%, #edf0ff 96%, #ffffff 4%, #ffffff) !important;

}

.bg-theme-linear .cloud-img {

  background-color: #fff;

}

.bg-theme2 {

  background-color: var(--bg-theme2);

}

.cloud-img {

  display: block;

  margin: 0px 0px -2px -60px;

}

.cloud-img img {

  min-height: 24px;

}

.bg-theme-linear .cloud-img-b {

  background-color: #fff;

}

.cloud-img-b {

  display: block;

  margin: -2px 0px 0px -60px;

}

.cloud-img-b img {

  min-height: 24px;

}

.popular-products-main {

  background-color: #fff;

  border-radius: 50px;

  padding: 6px;

}

.popular-products-main>li.nav-item {

  margin-left: 0px;

}

.popular-products-tabs .nav-pills .nav-link.active {

  background-color: var(--primary-theme) !important;

  color: #fff !important;

}

.popular-products-tabs .nav-pills .nav-link {

  background-color: transparent !important;

  color: #1A1A1A !important;

  /* padding: 12px 18px !important; */

  border-radius: 50px;

}

/* ad-banner-poster-img */

.ad-banner-poster-img {

  aspect-ratio: 3.1/1;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



/* swiper-brand-contain */

.swiper-brand-contain {

  aspect-ratio: 1/1;

  width: 100%;

  height: 100%;

  object-fit: contain;

  border-radius: 50%;

}

.swiper-brand-contain img {

  width: 100%;

  height: 100%;

  border-radius: 50%;

}

.swiper-brand .swiper-button-next:after,
.swiper-button-prev:after {

  display: none;

}



.swiper-brand-main .swiper-pagination-bullet.swiper-pagination-bullet-active {

  width: 20px;

  height: 4px;

  border-radius: 20px;

  background-color: #8361FF;

}

.swiper-brand-main .swiper-pagination-bullet {

  background: #B29DFF;

  width: 8px;

  height: 4px;

  border-radius: 20px;

}

.swiper-brand-main .swiper-pagination {

  bottom: 0px !important;

}

.swiper-brand-main .swiper-wrapper {

  padding-bottom: 40px;

}

.swiper-brand .swiper-button-next,

.swiper-brand .swiper-button-prev {

  width: 38px;

  height: 38px;

}

@media screen and (min-width: 1024px) {

  .swiper-brand .swiper-button-next {

    right: var(--swiper-navigation-sides-offset, 0px);

  }

  .swiper-brand .swiper-button-prev {

    left: var(--swiper-navigation-sides-offset, -0px);

  }

}

.pt-20 {

  padding-top: 20px;

}

.title-box {

  font-size: 20px !important;

  font-weight: 600 !important;

}

.product-bg-one {

  background-color: var(--bg-one-bg);

}

.product-bg-two {

  background-color: #ecffec !important;

}

.product-bg-three {

  background-color: #fffceb;

}

.card-product p {

  font-size: 16px !important;

}

.card-product .card-body.product-circle img {

  width: 100px;

  height: 100px;

  padding-bottom: 15px !important;

  object-fit: contain;

}

.main-sub-title {

  max-height: 47px;

  min-height: 47px;

}

.lst {

  list-style-type: non
}

a .card.card-product .card-body img {

  width: 100px;

  height: 100px;

  padding-bottom: 15px !important;

  object-fit: contain;

}

.pt-80 {

  padding-top: 80px;

}

.pb-80 {

  padding-bottom: 80px;

}

.py-8 {

  padding-bottom: 2rem !important;

  padding-top: 2rem !important;

}

.after-icon {

  position: absolute;

  top: -60px;

  left: -44px;

  /* left: -53px; */

  width: 100%;

  height: 100%;

  z-index: 1;

  background-image: url("../../images/after-icon.png");

  background-repeat: no-repeat;

}

.after-icon-product {

  position: absolute;

  top: 0px;

  left: -53px;

  width: 100%;

  height: 100%;

  z-index: 1;

  background-image: url("../../images/produc-icon-ab.png");

  background-repeat: no-repeat;

}

.after-bottom-icon {



  position: absolute;

  width: 96px;

  height: 96px;

  z-index: 1;

  background-image: url(../../images/after-icon.png);

  background-repeat: no-repeat;

  bottom: 3%;

  left: -58px;

  background-size: contain;

  margin: 0px;

  transform: rotate(351deg);

}

.z-2 {

  z-index: 2;

  position: relative;

}

.rounded-12 {

  border-radius: 12px;

}

.rounded-6 {

  border-radius: 6px;

}

.pt-40 {

  padding-top: 40px;

}

.p-50 {

  padding: 50px;

}

.poduct-img1 {

  position: absolute;

  bottom: 0px;

  right: 0%;

  /* background-image: url("images/product-img1.png"); */

  background-repeat: no-repeat;

}

.fs-22 {

  font-size: 22px;

}

.products-bg-one {

  background-color: var(--bg-product-color);

}

.products-bg-two {

  background-color: #f3e8e8;

}

.products-bg-three {

  background-color: var(--bg-dark-gray);

}

.btn-id {

  line-height: 1px;

  border: 0px;

  box-shadow: none;

  outline: none;

  background-color: transparent;

}

.btn.btn-custome-product:hover .btn-id,

.btn.btn-custome-product:hover .btn-id span.fi {

  color: var(--text-white)
}

/* @media (max-width: 990px) {

  .nav-scroll::-webkit-scrollbar {

      display: none;

  }

} */

@media (min-width: 1300) {

  /* .product-circle {

    min-width: 210px;

    min-height: 210px;

} */

}

@media (min-width: 1200) {

  /* .product-circle {

    min-width: 190px;

    min-height: 190px;

  } */

}

@media (min-width: 1100) {}

@media (max-width: 768px) {

  .pt-80 {

    padding-top: 24px;

  }

  .pb-80 {

    padding-bottom: 24px;

  }

  .main-hero-section {

    padding: 12px;

  }

  .header-menu-dropdown .h7-header {

    width: auto;

    display: none;

  }

  /* .nav-item.dropdown.top-header-nav  + li{

    display: none;

  } */

}

@media (max-width: 767px) {

  .dropdown:hover .nav-link.dropdown-toggle.show+.dropdown-menu {

    display: inline-table;

    /* position: relative !important; */

    /* top: 0px !important; */

    top: 40px !important;

    transform: translate3d(0px, 0px, 0px) !important;

  }



  .dropdown:hover .nav-link.dropdown-toggle+.dropdown-menu {

    display: none;

  }

  .nav-hover .dropdown-menu.show {

    height: fit-content;

  }

  .slick-list.draggable {

    height: auto !important;

  }

}



/* section-popular */

.bg-section-thee {

  background-color: var(--bg-section-thee);

}

.nav-pills .nav-link.active,

.nav-pills .show>.nav-link {

  background-color: transparent !important;

  color: var(--primary-theme) !important;

  font-size: 16px !important;

  font-weight: 500 !important;

  padding: 0px;

  margin-left: 20px;

}

.nav-fill .nav-item:hover,

.nav-fill>.nav-link:hover {

  color: var(--primary-theme) !important;

}

.nav-fill .nav-item,

.nav-fill>.nav-link {

  padding: 0px;

  margin-left: 20px;

  font-weight: 500 !important;

  color: var(--text-sub-title) !important;

  line-height: 16px;

}

.fs-32 {

  font-size: 32px !important;

  font-weight: 700 !important;

}

.bg-card-color1 {

  background-color: #ecffec;

  border-radius: 12px;

  z-index: 1;

  position: relative;

  padding-bottom: 75px;

}



.bg-card-color2 {

  background-color: var(--bg-dark-gray);

  border-radius: 12px;

  z-index: 1;

  position: relative;

  padding-bottom: 75px;

}

.bg-label2 {

  background-color: #67bcee;

  color: var(--text-white);

  border-radius: 12px 0px !important;

  padding: 4px 6px;

  font-size: 12px !important;

  font-family: "Baloo 2";

  font-weight: 400 !important;

  line-height: 26px;

}

.bg-card-color3 {

  background-color: #fff3ff;

  border-radius: 12px;

  z-index: 1;

  position: relative;

  padding-bottom: 75px;

}

.bg-label3 {

  background-color: #f74b81;

  color: var(--text-white);

  border-radius: 12px 0px !important;

  padding: 4px 6px;

  font-size: 12px !important;

  font-family: "Baloo 2" !important;

  font-weight: 400 !important;

  line-height: 26px;

}

.bg-card-color4 {

  background-color: #ecffec;

  border-radius: 12px;

  z-index: 1;

  position: relative;

  padding-bottom: 75px;

}

.bg-label {

  background-color: var(--primary-theme);

  color: var(--text-white);

  border-radius: 12px 0px !important;

  padding: 4px 6px;

  font-size: 12px !important;

  font-family: "Baloo 2" !important;

  font-weight: 400 !important;

  line-height: 26px;

}

.gray-color {

  color: #aaa9a3;

}

.bg-them-label {

  position: absolute;

  top: 0px;

  left: 0px;

}

.favorite-icon {

  /* position: absolute;

  right: 10px;

  top: 10px; */

  position: absolute;

  right: 10px;

  top: 10px;

  width: 34px;

  height: 20px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.product-card-box .card-box-amt {

  font-size: 18px !important;

  font-weight: 600 !important;

  color: var(--primary-theme) !important;

}

.product-card-box .card-amt {

  font-size: 14px !important;

  font-weight: 600 !important;

  color: #aaa9a3 !important;

}

.px-20 {

  padding-left: 20px;

  padding-right: 20px;

}

.py-13 {

  padding-top: 13px;

  padding-bottom: 13px;

}

.box-shadows {

  -webkit-box-shadow: 0px 8px 16px 0px rgb(191 191 191);

  -moz-box-shadow: 0px 8px 16px 0px rgb(191 191 191);

  box-shadow: 0px 8px 16px 0px rgb(191 191 191);

  border-radius: 12px;

}

.product-content {

  width: 85%;

  margin: auto;

  margin-top: -75px;

  z-index: 3;

  position: relative;

  background-color: var(--text-white);

  border-radius: 12px;

}

.add-count .btn-add {

  color: var(--primary-theme);

  font-size: 14px !important;

  font-weight: 600 !important;

  text-decoration-line: none;

  line-height: 14px;

}

.add-count:hover .btn-add {

  color: var(--text-white);

}

.btn.btn-custome-product.btn-cicon svg path {

  fill: #fff;

}

.btn.btn-custome-product svg path,

.add-count svg path {

  fill: var(--primary-theme);

}

.btn.btn-custome-product,

.add-count span {

  display: flex;

}

.btn.bg-theme.btn-custome-product {

  padding: 5px 8px;

}

.btn.btn-custome-product {

  background-color: #def9ec;

  /* padding: 5px 14px; */

  padding: 8px 8px;

  /* padding: 5px 8px; */

  border-radius: 50px;

}

.btn.btn-custome-product.calc__btn {

  background-color: transparent !important;

  border: 1px solid var(--primary-theme) !important;

  min-width: 80px;

}

@media screen and (max-width: 576px) {
  .btn.btn-custome-product.calc__btn {
    min-width: 60px;
  }

  .btn.bg-theme.btn-custome-product {
    padding: 5px 4px;
  }
}

.btn.btn-custome-product a {

  color: var(--primary-theme);

  font-size: 14px !important;

  font-weight: 600 !important;

  text-decoration-line: none;

  line-height: 14px;

}

.btn.btn-custome-product a span {

  line-height: 14px;

}

.btn.btn-custome-product:hover {

  background-color: var(--primary-theme);

}

.btn.btn-custome-product:hover svg path {

  fill: var(--text-white);

}

.btn.btn-custome-product:hover a span {

  color: var(--text-white);

}

@media (max-width: 991px) {

  .product-tabs {

    flex-wrap: wrap;

  }

}

@media (max-width: 768px) {

  .products-tabs {

    margin-top: 20px;

    flex-wrap: nowrap;

    overflow-x: auto;

  }

  .products-tabs .nav-fill {

    flex-wrap: nowrap;

    overflow-x: auto;

    padding-bottom: 10px;

  }

  .nav-fill .nav-item,

  .nav-fill>.nav-link {

    text-wrap: nowrap;

  }

}



/* daily-sell */

.daily-banner {

  background: url('../../images/category/popular/daily-best-sells.jpg') no-repeat;

  background-size: cover;

  min-height: 594px;

  padding: 46px 40px 46px 30px;

}

.daily-banner1 {

  background: url('../../images/daily-used-food.jpg') no-repeat;

  background-size: cover;

  min-height: 594px;

  padding: 46px 40px 46px 30px;

}

.daily-banner2 {

  background: url('../../images/healthy-food.jpg') no-repeat;

  background-size: cover;

  min-height: 594px;

  padding: 46px 40px 46px 30px;

}

.card-products {

  border: 1px solid var(--primary-theme) !important;

}

.border-rb-12 {

  border-bottom-left-radius: 12px;

  border-bottom-right-radius: 12px;

}

.product-contents {

  width: 100%;

  margin: auto;

  margin-top: 0px;

  z-index: 0;

  position: relative;

  background-color: var(--text-white);

  border-bottom-left-radius: 12px;

  border-bottom-right-radius: 12px;

}

.card-product-daily.product-image-card {

  padding: 0px;

}

.card-product-daily img {

  aspect-ratio: 1/1;

  object-fit: contain;

}

.product-card-p {

  padding: 37.5px;

}

.btn-customes {

  padding: 12px 15px !important;

  background-color: var(--primary-theme) !important;

}

.btn-customes:focus-visible {

  background-color: var(--secondery-theme) !important;

}

.btn.btn-customes.btn-custome-product a {

  color: var(--text-white);

}

.btn.btn-customes.btn-custome-product a span {

  font-size: 16px;

}

.btn.btn-customes.btn-custome-product:hover {

  background-color: var(--secondery-theme) !important;

}

.mt-30 {

  margin-top: 30px;

}

.mb-40 {

  margin-bottom: 40px;

}

/* .fs-12{

  font-size: 12px;

}

.fs-18{

  font-size: 18px;

}

.fs-14{

  font-size: 14px;

} */



@media (min-width: 768px) {



  .row-cols-md-auto>* {

    flex: 0 0 auto;

    width: auto
  }



  .row-cols-md-1>* {

    flex: 0 0 auto;

    width: 100%
  }



  .row-cols-md-2>* {

    flex: 0 0 auto;

    width: 50%
  }



  .row-cols-md-3>* {

    flex: 0 0 auto;

    width: 33.33333333%
  }



  .row-cols-md-4>* {

    flex: 0 0 auto;

    width: 25%
  }



  .row-cols-md-5>* {

    flex: 0 0 auto;

    width: 20%
  }



  .row-cols-md-6>* {

    flex: 0 0 auto;

    width: 16.66666667%
  }

}



@media (min-width: 992px) {

  .col-lg {

    flex: 1 0 0%
  }



  .row-cols-lg-auto>* {

    flex: 0 0 auto;

    width: auto
  }



  .row-cols-lg-1>* {

    flex: 0 0 auto;

    width: 100%
  }



  .row-cols-lg-2>* {

    flex: 0 0 auto;

    width: 50%
  }



  .row-cols-lg-3>* {

    flex: 0 0 auto;

    width: 33.33333333%
  }



  .row-cols-lg-4>* {

    flex: 0 0 auto;

    width: 25%
  }



  .row-cols-lg-5>* {

    flex: 0 0 auto;

    width: 20%
  }



  .row-cols-lg-6>* {

    flex: 0 0 auto;

    width: 16.66666667%
  }



}











@media (max-width: 991.98px) {

  .table-responsive-lg {

    -webkit-overflow-scrolling: touch;

    overflow-x: auto;

  }

}



/* progress-footer */

.progress-footer.progress-bar {

  width: 23%;

  background-color: var(--primary-theme)
}

.progress-footer.progress-bar1 {

  width: 40%;

  background-color: var(--primary-theme)
}

.progress-footer.progress-bar2 {

  width: 22%;

  background-color: var(--primary-theme)
}

.progress-line.progress {

  height: 5px;

  background-color: #E9ECEF;

}

.item-selling .item-selling-img a {
  width: 100px;
  object-fit: contain;
  height: 100px;
}

.item-selling .item-selling-img {

  /* width: 100px;

  height: 100px; */

  display: flex;

  background-color: var(--bg-dark-gray);

  border-radius: 6px;

  justify-content: center;

  padding: 5px;

}

.noUi-target,

.noUi-target * {

  -webkit-touch-callout: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-user-select: none;

  -ms-touch-action: none;

  touch-action: none;

  -ms-user-select: none;

  -moz-user-select: none;

  user-select: none;

  box-sizing: border-box;

}

.noUi-target {

  position: relative;

  direction: ltr;

}

.noUi-base,

.noUi-connects {

  width: 100%;

  height: 100%;

  position: relative;

  z-index: 1;

}

.noUi-connects {

  overflow: hidden;

  z-index: 0;

}

.noUi-connect,

.noUi-origin {

  will-change: transform;

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  transform-origin: 0 0;

}

/* html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {

    left: auto;

    right: 0;

} */

.noUi-vertical .noUi-origin {

  width: 0;

}

.noUi-horizontal .noUi-origin {

  height: 0;

}

.noUi-handle {

  position: absolute;

}

.noUi-state-tap .noUi-connect,

.noUi-state-tap .noUi-origin {

  transition: transform 0.3s;

}

.noUi-state-drag * {

  cursor: inherit !important;

}

.noUi-horizontal {

  height: 18px;

}

.noUi-horizontal .noUi-handle {

  width: 34px;

  height: 28px;

  left: -17px;

  top: -6px;

}

.noUi-vertical {

  width: 18px;

}

.noUi-vertical .noUi-handle {

  width: 28px;

  height: 34px;

  left: -6px;

  top: -17px;

}

/* html:not([dir="rtl"])  */

.noUi-horizontal .noUi-handle {

  right: -16px;

  left: auto;

}

.noUi-handle.noUi-handle-upper.noUi-handle-upper {

  right: -16px !important;

  /* right: 1px !important; */

}

.noUi-target {

  height: 22px;

}

.noUi-base {

  /* padding-top: 5px; */

  display: flex;

  align-items: center;

}

.noUi-connects {

  background: #e0e0e0;

  border-radius: 3px;

  height: 6px;

}

.noUi-connect {

  border-radius: 2px;

  background: var(--primary-theme);

}

.noUi-horizontal .noUi-handle {

  cursor: ew-resize;

  width: 16px;

  height: 16px;

  border-radius: 8px;

  background: var(--primary-theme);

  box-shadow: 0 0 0 0 rgba(61, 70, 77, 0);

  transition: box-shadow 0.2s;

}

.noUi-horizontal .noUi-handle:after {

  display: block;

  content: "";

  position: absolute;

  width: 6px;

  height: 6px;

  margin: 5px;

  border-radius: 3px;

  background: var(--primary);

  transition: transform 0.2s;

}

.noUi-horizontal .noUi-handle:focus {

  outline: none;

  box-shadow: 0 0 0 3px rgba(61, 70, 77, 0.3);

}

.noUi-horizontal .noUi-handle:focus:after {

  transform: scale(0);

}

.noUi-horizontal .noUi-handle {

  top: 3px;

}

.card {

  border: 1px solid var(--text-color-holder);

}

/* html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {

    right: -8px;

} */



.filter__title {

  display: block;

  border: none;

  padding-bottom: 10px;

  cursor: pointer;

  width: 100%;

  position: relative;

  text-align: left;

  color: inherit;

  font-weight: var(--bs-font-weight-600);

  font-size: 18px;

  line-height: 18px;

  border-radius: 2px;

  /* margin: 0 -10px; */

  transition: background-color 0.2s, fill 0.2s;

  background: transparent;

  fill: #ccc;

  border-bottom: 1px solid var(--text-color-holder);

  margin-bottom: 20px;

}

.filter__title:focus,

.filter__title:hover {

  transition-duration: 0.1s, 0.1s;

  /* background: #f2f2f2; */

  /* fill: #b3b3b3; */

}

.filter__title:focus {

  outline: none;

}

.filter__arrow {

  position: absolute;

  top: 11px;

  right: 10px;

  transition: transform 0.2s;

}

.filter__body {

  /* margin: 0 -20px; */

  overflow: unset;

  /* overflow: hidden; */

  visibility: hidden;

  height: 0;

  opacity: 0;

  transition: height 0.2s, opacity 0.2s, visibility 0s 0.2s;

}

.filter__container {

  /* padding: 10px 20px 16px; */

}

.filter__container1 {

  padding: 2px;

}

.filter--opened .filter__body {

  transition-delay: 0s, 0s;

  visibility: visible;

  height: auto;

  opacity: 1;

}

.filter--opened .filter__arrow {

  transform: rotate(180deg);

}

.filter-categories__list li label span {

  font-size: 14px;

  font-weight: var(--bs-font-weight-500);

  color: var(--text-color-dark-gray);

}

.filter-price__title {

  color: var(--text-title-color);

  font-weight: var(--bs-font-weight-500);

}

.filter-price__title span {

  color: var(--text-count-color);

  font-weight: var(--bs-font-weight-600);

}

.cursor-pointer {

  cursor: pointer;

}

.btn-filter {

  background-color: var(--primary-theme);

  padding: 10px 26px;

  font-family: 'Baloo 2', sans-serif;

  font-weight: 600;

  font-size: 14px;

  color: var(--text-white);

}

.btn-filter:active,

.btn-filter:focus-visible,

.btn-filter:hover {

  background-color: var(--second-theme-color) !important;

  color: var(--text-white);

}

.block-sidebar {

  padding: 30px;

}

.border-square {

  border: 1px solid var(--text-color-holder);

  background-color: var(--text-white);

  padding: 5px 15px;

}

span.border-square.border-active {

  border-color: #6a6a4d;

}

.filter-categories__list li:last-child {

  margin-bottom: 0px !important;

}

.page-item .page-link {

  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.24);

  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.24);

  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.24);

}

.active>.page-link,
.page-link.active {

  background-color: var(--primary-theme);

  border-color: var(--primary-theme);

}

.page-link {

  color: var(--text-title-color);

}

.active>.page-link,
.page-link.active {

  z-index: 2;

}

.page-link:focus,

.page-link:hover {

  color: var(--text-title-color);

}



/*  */



/* product details */

.lorem {

  color: var(--text-count-color);

}

.products-tabs .nav-fill {

  /* flex-wrap: nowrap; */

  overflow-x: auto;

}

.breadcrumbs .breadcrumb .breadcrumb-item.active {

  color: var(--primary-theme);

}

.g-color {

  color: #00B600;

}

.hr-b {

  width: 56px;

  margin: 16px 0px;

  border-bottom: 2px solid #B1B1B1
}

.bg-themes {

  background-color: var(--primary-theme) !important;

}

.bg-themes:hover {

  background-color: var(--second-theme-color) !important;

}

.products-tabs .nav-fill .nav-item {

  margin-top: 4px;

  margin-bottom: 4px;

}

.p-details-tabs .nav-pills .nav-link,

.p-details-tabs .nav-pills .show>.nav-link {

  padding-bottom: 10px;

}

.p-details-tabs .nav-pills .nav-link.active,

.p-details-tabs .nav-pills .show>.nav-link {

  border-bottom: 2px solid;

  border-radius: 0px;

  padding-bottom: 10px;

}



.tab-content-a-remove p a {

  text-decoration: none;

  color: #777777;

}

.tab-content-a-remove .p-list-description p,

.tab-content-a-remove .p-list-description p:last-child,

.tab-content-a-remove p:last-child {

  margin-bottom: 0px;

}

/* .products-tabs .nav-fill .nav-item{

  white-space: nowrap !important;

} */

@media (min-width: 1200px) {

  .mt-xl-5 {

    margin-top: 40px !important;

  }

}

@media (min-width: 992px) {

  .mt-lg-5 {

    margin-top: 40px !important;

  }

}

.reviews-counter {

  font-size: 13px;

  display: flex;

  align-items: center;

}

/* .reviews-counter span {

vertical-align: -2px;

} */

/* .rate {

  float: left;

  padding: 0 10px 0 0;

} */

.rate:not(:checked)>input {

  position: absolute;

  top: -9999px;

}

.rate:not(:checked)>label {

  float: right;

  width: 15px;

  overflow: hidden;

  white-space: nowrap;

  cursor: pointer;

  font-size: 21px;

  color: #AAA9A3;

  margin-bottom: 0;

  line-height: 21px;

}

.rate:not(:checked)>label:before {

  content: '\2605';

}

.rate>input:checked~label {

  color: #ffc700;

}

.rate:not(:checked)>label:hover,

.rate:not(:checked)>label:hover~label {

  color: #deb217;

}

.rate>input:checked+label:hover,

.rate>input:checked+label:hover~label,

.rate>input:checked~label:hover,

.rate>input:checked~label:hover~label,

.rate>label:hover~input:checked~label {

  color: #c59b08;

}

.form-select__w {

  /* width: 80px; */

  width: auto;

}

.select_veriant {

  width: 28px;

  height: 28px;

  border: 1px solid var(--text-color-holder);

  border-radius: 50px;

}

.select_veriants {

  align-items: center;

  justify-content: center;

  border: 1px solid;

  border: 1px solid var(--text-color-holder);

  border-radius: 50px;

  display: inline-flex;

  padding: 3px;

}

.line-hn {

  line-height: normal;

}

.input-spinner .form-input {

  background: 0 0;

  border: 0px solid #1A1A1A;

  height: 100%;

  min-height: 30px;

  text-align: center;

  width: 40px !important;

  font-size: 22px;

  font-weight: var(--bs-font-weight-500);

  padding: 0px;

}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

.number-btn-b {

  align-items: center;

  border: 1px solid #1A1A1A;

  padding: 5px 10px;

  border-radius: 50px;

}

.number_btn .button-minus {

  width: 18px;

  height: 18px;

  border: 0px solid var(--text-color-dark-gray);

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: normal;

  padding: 0;

  font-size: 10px;

  background-color: transparent;

  border-radius: 3px;



}

.number_btn .button-plus {

  width: 18px;

  height: 18px;

  border: 1px solid var(--text-color-dark-gray);

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: normal;

  padding: 0;

  font-size: 10px;

  background-color: transparent;

  border-radius: 3px;

}

.btn-custome-product_details {

  padding: 14px 30px !important;

  display: flex;

  align-items: center;

  border-radius: 50px;

}

@media screen and (max-width: 576px) {
  .btn-custome-product_details {
    padding: 8px 8px !important;
  }
}

/* .btn-customes.btn-success_cc{

  padding: 12px 50px;

} */



.btn-success_c {

  border: 1px solid var(--primary-theme);

  font-family: 'Baloo 2';

  font-weight: 600;

  font-size: 16px;

  padding: 12px 50px;

  color: var(--primary-theme);

  border-radius: 50px;

}

.btn-success_c:hover {

  background-color: var(--primary-theme) !important;

  border: 1px solid var(--primary-theme) !important;

  font-family: 'Baloo 2';

  font-weight: 600;

  font-size: 16px;

  padding: 12px 50px;

  color: var(--text-white);

}

.btn-success_c:hover span {

  color: var(--text-white);

}



.text-green {

  color: var(--primary-theme);

}

@media screen and (min-width: 1200px) {
  .m-vh-100 {
    height: 100vh;
  }
}

.popular-products-tabs {
  max-width: 100%;
}

.popular-products-tabs nav {
  /* overflow-x: auto; */
}

.popular-products-tabs nav .popular-products-main {
  overflow-x: auto;
}

.popular-products-tabs nav::-webkit-scrollbar {
  width: 1px;
}

.popular-products-tabs nav::-webkit-scrollbar-track {
  background-color: darkgrey;
}

.popular-products-tabs nav {
  scrollbar-width: thin;
}

.slider {

  width: 100%;

  margin: auto;

}

.slider-for {

  width: 100%;

  margin: auto;

}

.slider-nav {

  width: 100%;

  margin: auto;

}

.slick-vertical .slick-slide {

  height: auto;

}

.slider-for_imgs {

  border: 1px solid var(--primary-theme) !important;

  border-radius: 16px;

}

.slider-for_imgs_big {

  border-radius: 16px;

}

.slider-for_imgs .drift-demo-trigger {

  border-radius: 16px;

}

.slick-slide img {

  width: 100%;



}

.slick-vertical .slick-slide,

.slider-nav_c .slider-nav_thumb {

  border: 1px solid #B1B1B1 !important;

  /* margin-bottom: 5px; */

  /* margin-right: 2px; */

  border-radius: 16px;

}

/* .slider-nav_c .slider-nav_thumb{

  width: 100px !important;

}   */

/* .slider-nav .slick-track{

  margin-right:auto !important;

}    */

/* .slick-track{

  margin-right: 8px !important;

}

.slick-list{

  width: 100%;

} */

.slider-nav .slider-nav_thumb {

  margin-right: 15px;

  outline: none !important;

  cursor: pointer;

}

.update_variant_left_images.slider-nav_c .slider-nav_thumb.slick-current {

  border: 1px solid var(--primary-theme) !important;

  /* padding: 2px; */

  border-radius: 15px;

}

.update_variant_left_images.slider-nav_c .slider-nav_thumb img {

  aspect-ratio: 1/1;

  object-fit: cover;

  padding: 2px;

  border-radius: 15px;

}

.update_variant_left_images.slider-nav_c .slider-nav_thumb.slick-current img {

  aspect-ratio: 1/1;

  object-fit: cover;

  border-radius: 15px;



}

/* .update_variant_slider .slick-slide img{

  aspect-ratio: 1/1;

}  */



.text-underline-position {

  text-underline-position: under;

}

@media screen and (min-width: 1100px) {

  .slider-nav_c .slider-nav_thumb {

    /* width: 100% !important; */

  }

}

@media screen and (min-width: 992px) {

  .slider-nav_c .slider-nav_thumb {

    /* width: auto !important; */

  }

}

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

  .slider-nav_c.update_variant_left_images .slick-track {

    /* margin: auto;

    margin: auto;

    margin-left: auto;

    margin-right: auto !important; */

  }

}





.thumbnail-container {

  position: relative;

  width: 100%;

  height: 100%;

  float: left;

}



.details {

  position: relative;

  width: 100%;

  height: 100%;

  float: left;

}

/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}

.d-social-icons a {

  display: flex;

}

.d-social-icons a:hover svg rect {

  stroke: var(--primary-theme);

  fill: var(--primary-theme);

}

.d-social-icons a:hover svg g path {

  fill: var(--text-white);

}



.d-social-icons a:hover svg.twitter>path {

  fill: var(--primary-theme);

}

.d-social-icons a:hover svg.iy path:first-child {

  fill: var(--primary-theme);

}

.d-social-icons a:hover svg.iy path {

  fill: var(--text-white);

}





/* table-order */

.table_body tr:last-child {

  border-bottom: 0px solid transparent;

}

.table__wrapper {

  border: 1px solid var(--text-color-holder);

  padding: 12px 30px 0px 30px;

  border-radius: 6px;

}

.bg-table {

  background-color: var(--bg-table-color);

}

.table__wrapper .table_body tr {

  vertical-align: middle;

}

.table__wrapper .table_body tr th,

.table__wrapper .table_body tr td {

  padding: 20px .5rem;

}



.table__wrapper .table_body tr th {

  width: 50px;

}

.table__wrapper .table_body tr th {

  text-align: center;

}

.table__wrapper .table thead tr th {

  text-wrap: nowrap;

}

.table__wrapper .table thead tr th,

.table__wrapper .table_body tr td {

  text-align: center;

}



/* order details */

/* .container-progress{

  width: 100%;

  position: absolute;

  z-index: 1;

} */

.progressbar li {

  float: left;

  width: 25%;

  position: relative;

  text-align: center;

  color: var(--text-title-color);

  font-weight: 500;

  font-size: 16px;

}

.progressbar li:before {

  content: "1";

  width: 30px;

  height: 30px;

}

.progressbar li:before {

  content: "1";

  width: 30px;

  height: 30px;

  border: 2px solid #bebebe;

  display: block;

  margin: 0 auto 10px auto;

  border-radius: 50%;

  line-height: 27px;

  background: white;

  color: #bebebe;

  text-align: center;

  font-weight: bold;

}

.progressbar {

  counter-reset: step;

  list-style-type: none;

  padding: 0px;

}

/* .progressbar li:before{

  content:counter(step);

  counter-increment: step;

  width: 30px;

  height: 30px;

  border: 2px solid transparent;

  display: block;

  margin: 0 auto 10px auto;

  border-radius: 50%;

  line-height: 27px;

  background: var(--text-white);

  color: #E7EAF3;

  font-size: 30px;

  text-align: center;

  font-weight: bold;

  content: "\f422";

    font-family: uicons-solid-rounded !important;

} */

.progressbar li:before {

  content: "\00d7";

  /* counter-increment: step; */

  width: 30px;

  height: 30px;

  border: 2px solid var(--bg-dark-gray);

  display: block;

  margin: 0 auto 10px auto;

  border-radius: 50%;

  line-height: 18px;

  background: var(--bg-dark-gray);

  color: var(--text-white);

  font-size: 30px;



  text-align: center;

  font-weight: bold;

  /* content: "\f422"; */

  font-family: uicons-solid-rounded !important;

}









.progressbar li:after {

  content: '';

  position: absolute;

  width: 100%;

  height: 1px;

  background: var(--text-color-holder);

  top: 15px;

  /* left: 0%; */

  left: -50%;

  z-index: -1;

}

.progressbar li.active:first-child:after {

  background: var(--primary-theme);

  width: 50%;

  left: 0;

}

.progressbar li:last-child:after,

.progressbar li.active:last-child:after {

  width: 150%;

}

/* .progressbar li:first-child:after{

  content: none;

  } */

/* .progressbar li.active + li:after{

  background: #3aac5d;

} */

.progressbar li.active:after {

  background: var(--primary-theme);

}

.progressbar li.active:before {

  border-color: var(--primary-theme);

  background: var(--primary-theme);

  color: white;

  content: "\f3c9";

  font-family: uicons-bold-rounded !important;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-style: normal;

  font-weight: 400 !important;

  font-variant: normal;

  text-transform: none;

  font-size: medium;

  line-height: 27px;

}

.progressbar li.active {

  font-weight: 500;

  font-size: 16px;

  color: var(--primary-theme);

}





.progressbar li.di-active:after {

  background: #ff0000;

}

.progressbar li.di-active:before {

  border-color: #ff0000;

  background: #ff0000;

  color: white;

  content: "\f3c9";

  font-family: uicons-bold-rounded !important;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-style: normal;

  font-weight: 400 !important;

  font-variant: normal;

  text-transform: none;

  font-size: medium;

  line-height: 27px;

}

.progressbar li.di-active {

  font-weight: 500;

  font-size: 16px;

  color: #ff0000;

}

/* .progressbar li.active + li:before{

  border-color: #3aac5d;

  background: #3aac5d;

  color: white

} */

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

  .progressbar li.active,

  .progressbar li {

    font-size: 14px;

  }

}



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

  .progressbar li.active,

  .progressbar li {

    font-size: 10px;

  }

}





/* order-details */

.order-btn-download {

  border: 1px solid var(--seconderys-theme);

  border-radius: 50px;

  padding: 3px 20px;

  color: var(--seconderys-theme);

}

.order-btn-download.btn:first-child:active,

.order-btn-download:hover,

.order-btn-download:focus-visible,

.order-btn-download.active {

  border: 1px solid var(--seconderys-theme);

  border-radius: 50px;

  padding: 3px 20px;

  color: var(--seconderys-theme);

}

.btn-custome.order-btn-review {

  padding: 5px 18px !important;

  border-radius: 50px;

}

.table__order_details .table_body tr th {

  vertical-align: top;

}



.table__wrapper .table.table_order_details .table_body tr {

  border-bottom: 0px transparent;

}

.table__wrapper .table.table_order_details .table_body tr th {

  width: auto;

}

.table__wrapper .table.table_order_details .table_body tr th {

  text-align: left;

  vertical-align: top;

}

.table__wrapper .table_order_details .table_body tr th {

  padding-left: 18px !important;

}

.table__wrapper .table.table_order_details thead tr th {

  text-align: left;

}

.table__wrapper .table.table_order_details thead tr th:last-child,

.table_order_details tbody tr td:last-child {

  text-align: right;

}

.order-img {

  width: 100px;

  height: 100px;

  object-fit: cover;

  border-radius: 6px;

}

.btn-success_c.btn-order_c {

  padding: 5px 18px !important;

  border-radius: 50px;

  font-weight: 500;

  font-size: 16px;

}

.m_f_b:first-child {

  margin-top: 20px;

}

.m_f_b:last-child {

  margin-bottom: 20px;

}

ul.progressbar {

  min-height: 65px;

  margin-bottom: 0px;

}

.container-progress {

  border: 1px solid var(--text-color-holder);

  padding: 30px;

  border-radius: 6px;

}

.border__c {

  border: 1px solid var(--text-color-holder);

}

.pb-20 {

  padding-bottom: 20px;

}

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

  .container-progress {

    padding: 20px;

  }

}



/* cart */

.btn-action {

  border: 1px solid #7a7a7a;

  padding: 5px;

  border-radius: 3px;

}

.mt-20 {

  margin-top: 20px;

}



/* checkout */

.btn.btn-customize {

  padding: 10px 30px;

  color: var(--text-white);

  background-color: var(--primary-theme);

  border-radius: 50px;

}

.btn.btn-customize:active {

  color: var(--text-white);

  background-color: var(--secondery-theme);

  border-radius: 50px;

}

.btn.btn-customize:hover,

.btn.btn-customize:focus-visible,

.btn.btn-customize:focus {

  background-color: var(--secondery-theme);

}

.form-select__c {

  padding: 1.16rem 2rem 1.16rem 1.3rem !important;

  background-color: transparent;

}

.form-select__c.form-select:focus {

  box-shadow: none;

  border-color: var(--primary-theme);

}

/* .form-select__c select */

/* select option{

  color: var(--text-color-gray);

} */

[include*="form-input-select()"] select:not(:focus):invalid {

  color: #C7C7C7;

  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adadad' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

select>option:hover {

  background-color: var(--primary-theme);

}

/* footer */

.pt-30 {

  padding-top: 30px;

}

.pt-60 {

  padding-top: 60px;

}

.pb-40 {

  padding-bottom: 40px;

}

.pb-30 {

  padding-bottom: 30px;

}

.bg-light-payment {

  background-color: var(--light-offwhite);

}

.p-custome {

  padding: 10.5px 18px;

}

.f-link-space li {

  margin-bottom: 10px;

}

.last-footer {

  background-color: var(--primary-theme);

  color: var(--text-white);

}



/* footer.footer {

  background-color: #8E6FFF;

  color: var(--text-white);

} */

.footer {

  background-color: #8E6FFF;

  color: var(--text-white);

  /* background-image: url(../../images/footer/footer-img.png); */

}

.footer-menu .h5 {

  margin-bottom: 12px;

}

.f-social-icons a:hover svg rect {

  stroke: var(--primary-theme);

  fill: var(--primary-theme);

}

.f-social-icons a:hover svg path {

  fill: var(--text-white)
}

/* .wather-ft::before{

  content: '';

  position: absolute;

  background-color: #fff;

  height: 20px;

} */

.wather-ft {

  bottom: -7px;

  position: relative;

}

.watherpr {

  right: 25px;

  position: absolute;

}

.watherpl {

  left: 25px;

  position: absolute;

}

.opacity-10 {

  opacity: 0.1;

}

.footer p {

  font-size: 18px !important;

  font-family: "Baloo 2" !important;

  font-weight: 500 !important;

}

.footer .menu-item a.nav-link {

  font-size: 18px !important;

  font-family: "Baloo 2" !important;

  font-weight: 500 !important;

  color: #ffffff !important;

  cursor: pointer;

}

.last-footer-link:hover,

.footer .menu-item a.nav-link:hover {

  opacity: 0.5;

}

.last-footer.py-20 {

  padding-top: 20px;

  padding-bottom: 20px;

}

.footer h5 {

  font-size: 24px !important;

  font-family: "Baloo 2" !important;

  font-weight: 600 !important;

  color: #ffffff !important;

  display: inline-block;

}

h5.widget-title.h5:after {

  content: '';

  width: 100%;



  background-size: 100%;

  border: 2px solid transparent;

  border-image-source: linear-gradient(90deg, #b4b4b4 0%, rgba(182, 162, 255, 0) 100%);

  border-image-slice: 1;

  height: 3px;

  position: relative;

  display: inline-flex;

  z-index: 1;

}

.last-footer-link {

  color: #fff !important;

  font-size: 14px !important;

  font-weight: 400 !important;

  font-family: "Baloo 2" !important;

  text-decoration-line: none;

}

.newsletter-b {

  border: 1px solid #FFFFFF99;

  padding: 6px;

  border-radius: 50px;

}

.newsletter-b input::placeholder {

  font-size: 16px;

  font-weight: 500;

  color: #fff;

}

.border-r {

  border-right: 1px solid var(--text-color-dark-gray) !important;

}

::placeholder {

  font-size: 12px !important;

  font-family: "Baloo 2" !important;

}

.btn.btn-p {

  padding: 9.53px 20px;

}





/* feature section */

.feature-card-v1 {
  background-color: #FFEEDA;
}

.feature-card-v2 {
  background-color: #D2E4FF;
}

.feature-card-v3 {
  background-color: #C3FFE6;
}

.feature-card-v4 {
  background-color: #FFE7E1;
}

.feature-card {

  padding: 20px;

  border-radius: 12px;

  text-align: center;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

}



.feature-icon {

  width: 50px;

  height: 50px;

  margin-bottom: 10px;

  border-radius: 50%;

}



.feature-title {

  font-weight: 600;

  margin-bottom: 5px;

}



.feature-desc {

  color: #6c757d;

}





/* .paymentmethod-option label {

  display: flex;

  cursor: pointer;

  font-weight: 500;

  position: relative;

  overflow: hidden;

  margin-bottom: 0.375em;

} */

/* .paymentmethod-option label input {

  position: absolute;

  left: -9999px;

}

.paymentmethod-option label input:checked + span {

  background-color: #d6d6e5;

}

.paymentmethod-option label input:checked + span:before {

  box-shadow: inset 0 0 0 0.4375em var(--primary-theme);

}

.paymentmethod-option label span {

  display: flex;

  align-items: center;

  padding: 0.375em 0.75em 0.375em 0.375em;

  border-radius: 99em;

  transition: 0.25s ease;

}

.paymentmethod-option label span:hover {

  background-color: #d6d6e5;

}

.paymentmethod-option label span:before {

  display: flex;

  flex-shrink: 0;

  content: "";

  background-color: #fff;

  width: 1.5em;

  height: 1.5em;

  border-radius: 50%;

  margin-right: 0.375em;

  transition: 0.25s ease;

  box-shadow: inset 0 0 0 0.125em var(--primary-theme);

} */







/* banner ad */

.banner-ad {

  position: relative;

  overflow: hidden;

  border-radius: 12px;

}

.banner-ad.blue {

  background: #e6f3fb;

}

.banner-ad .swiper-pagination {

  bottom: 40px;

  left: 0;

  right: 0;

}



.banner-ad .swiper-pagination .swiper-pagination-bullet {

  width: 16px;

  height: 16px;

  margin: 4px;

  background: var(--text-white);

  opacity: 1;

  transition: background 0.3s ease-out;

}

.banner-ad .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background: var(--primary-theme);

}

.banner-ad .swiper-slide {

  min-height: 630px;

  display: flex;

}

/* .banner-ad .banner-content {

  padding: 52px;

}

.banner-ad.large .banner-content {

  padding: 90px;

} */

.banner-ad .banner-content .categories {

  /* font-family: "Garamond"; */

  font-size: 37px;

  text-transform: capitalize;

  color: var(--dark-color);

}

.banner-ad .banner-content .sale {

  position: relative;

  display: inline-block;

}

.banner-ad .banner-content .sale:before {

  content: "";

  width: 80px;

  border-bottom: 1px solid #111;

  position: absolute;

  bottom: 6px;

}

.banner-ad .banner-content .sale:after {

  content: "SALE";

  font-family: var(--body-font);

  position: absolute;

  font-size: 11px;

  line-height: 15px;

  letter-spacing: 0.3em;

  text-transform: uppercase;

  color: #252525;

  bottom: 0;

  right: 0;

}

.banner-ad .banner-content .banner-title {

  letter-spacing: 0.02em;

  font-size: 33px;

}

.banner-ad.large .banner-content .categories {

  color: var(--accent-color);

}

.banner-ad.large .banner-content .banner-title {

  font-size: 54px;

}



.btn-link {

  margin-right: 30px;

  font-weight: 600;

  font-size: 16px;

  line-height: 22px;

  text-align: right;

  text-transform: capitalize;

  color: #787878;

}



/* product tabs */

.product-tabs .nav-tabs {

  justify-content: flex-end;

  border: none;



  --bs-nav-link-hover-color: #111;

  --bs-nav-link-color: #555;

  --bs-nav-tabs-link-border-color: var(--text-white);

  --bs-nav-tabs-link-hover-border-color: transparent;

  --bs-nav-tabs-link-active-border-color: var(--text-white);

}

.product-tabs .nav-tabs .nav-link.active,

.product-tabs .nav-tabs .nav-item.show .nav-link {

  /* border: none; */

  border-bottom: 3px solid var(--accent-color);

}



/* product-grid */

/* .product-grid {

  gap: 25px;

} */

.product-item {

  position: relative;

  padding: 16px;

  background: var(--text-white);

  border: 1px solid #fbfbfb;

  box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.04);

  border-radius: 16px;

  margin-bottom: 30px;

  transition: box-shadow 0.3s ease-out;

}

.product-item:hover {

  box-shadow: 0px 21px 44px rgba(0, 0, 0, 0.08);

}

.product-item h3 {

  display: block;

  width: 100%;

  font-weight: 600;

  font-size: 18px;

  line-height: 25px;

  text-transform: capitalize;

  color: #333333;

  margin: 0;

}

.product-item figure {

  background: #f9f9f9;

  border-radius: 12px;

  text-align: center;

}

.product-item figure img {

  max-height: 210px;

  height: auto;

}

.product-item .btn-wishlist {

  position: absolute;

  top: 20px;

  right: 20px;

  width: 50px;

  height: 50px;

  border-radius: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--text-white);

  border: 1px solid #d8d8d8;

  transition: all 0.3s ease-out;

}

.product-item .btn-wishlist:hover {

  background: rgb(240, 56, 56);

  color: var(--text-white);

}

.product-item .qty {

  font-weight: 400;

  font-size: 13px;

  line-height: 18px;

  letter-spacing: 0.02em;

  text-transform: uppercase;

  color: #9d9d9d;

}

.product-item .rating {

  font-weight: 600;

  font-size: 13px;

  line-height: 18px;

  text-transform: capitalize;

  color: #222222;

}

.product-item .rating iconify-icon {

  color: #ffc43f;

}

.product-item .price {

  display: block;

  width: 100%;

  font-weight: 600;

  font-size: 22px;

  line-height: 30px;

  text-transform: capitalize;

  color: #222222;

}

.product-item .product-qty {

  width: 85px;

}

.product-item .btn-link {

  text-decoration: none;

}

.product-item #quantity {

  height: auto;

  width: 28px;

  text-align: center;

  border: none;

  margin: 0;

  padding: 0;

}

.product-item .btn-number {

  width: 26px;

  height: 26px;

  line-height: 1;

  text-align: center;

  background: var(--text-white);

  border: 1px solid #e2e2e2;

  border-radius: 6px;

  color: #222;

  padding: 0;

}

.tab-pane_p>p a {

  text-decoration: none;

  color: #777777;

}

/* cart */

.cart .product-qty {

  min-width: 130px;

}

.grocer-input input.coupon_code {

  padding: 12.5px 75px 12.5px 20px;

  height: 50px;

}



/* shopping */

.nav-tabs.shipping_tabs {

  border-bottom: 0px;

}



.nav-tabs.shipping_tabs .nav-link {

  border: 1px solid var(--text-title-color);

  font-weight: 500;

  font-size: 16px;

  padding: 10px 30px;

}



.nav-tabs.shipping_tabs .nav-link.active {

  border: 1px solid var(--primary-theme);

  background-color: var(--primary-theme);

  color: var(--text-white) !important;

}

.favorite-button {

  cursor: pointer;

  border: 0;

  background-color: transparent;

}



.favorite-button .favorite__icon {

  /* height: 60px;

  width: 60px; */

  opacity: 0;

  transition: opacity 0.3s, transform 0.3s;

  /* transform: scale(.6); */

  position: absolute;

}



.favorite-button.is-favorite .favorite--enable {

  opacity: 1;

  transform: scale(1);

}



.favorite-button:not(.is-favorite) .favorite--not {

  opacity: 1;

  transform: scale(1);

}

.favorite-button i.flaticon-heart-1[class^="flaticon-"]:before,

.favorite-button i.flaticon-heart-1[class*=" flaticon-"]:before {

  color: var(--favorite);

}



/* offer page */

.offer__count {

  list-style-type: none;

  margin: 0;

  padding: 0;

}

.offer__count li {

  background-color: var(--primary-theme);

  max-width: 55px;

  max-height: 55px;

  min-width: 50px;

  min-height: 50px;

  border-radius: 3px;

  /* display: flex; */

  justify-content: center;

  align-items: center;

  color: var(--text-white);

  padding: 5px;

  text-align: center;

}

/* .offer__count li div{

  line-height: 20px;

} */

.clock-time {

  line-height: 20px;

}

.fs-10 {

  font-size: 10px;

}





/* about us */

.projet_counter {

  border: 1px solid #64B496;

  background-color: var(--bg-section-thee);

}

.projet_counter .counters {

  text-align: center;

}

.fs-36 {

  font-size: 36px;

}

.counters sub {

  color: var(--text-color-dark-gray);

}

.text-sub-title {

  color: var(--text-sub-title)
}

/* floating image */

.image-float {

  margin-top: -140px;

  margin-bottom: -140px;

}



/* about us */

.list_about_us .flaticon-dot:before {

  color: #D9D9D9;

  font-size: xx-large;

  line-height: 10px;

}

.about__details__imgs img:last-child {

  border: 10px solid #FFF;

  border-radius: 12px;

  right: 0px;

}

.box-shadow_c {

  box-shadow: 0px 0px 16px 8px rgba(0, 0, 0, 0.25);

  -webkit-box-shadow: 0px 0px 16px 8px rgba(0, 0, 0, 0.25);

  -moz-box-shadow: 0px 0px 16px 8px rgba(0, 0, 0, 0.25);

}



/* review */

.p-40 {

  padding: 40px;

}

.review_area {

  border: 1px solid var(--text-color-holder);

  padding: 18.5px 20px;

  resize: none;

}

.review_area::placeholder {

  color: var(--text-color-gray);

}

.review_area:focus,

.review_area:focus-visible {

  border: 1px solid var(--primary-theme);

  outline: none;

}

/* thankyou */

.thankyou h2 {

  color: #212121;

}

.thankyou p {

  color: #6B7177;

}

::selection {

  background-color: var(--primary-theme);

  color: var(--text-white);

}



/* contect */

.bg__contect_icon {

  background-color: var(--bg-dark-gray);

}

.bg__contect_icon .flaticon-pro {

  font-size: 30px;

}

.contect__icon span {

  padding: 10px;

}

.contect__icon .icons-color {

  color: var(--text-color);

}



/* home page new */

.social-icon-wrapper .social-icon:hover i {

  color: var(--secondery-theme);

}







/* home page 1 */

.product__item img {

  max-width: 255px;

  max-height: 255px;

}



.category-menu-section .dropdown-btn {

  cursor: pointer;

  background-color: transparent;

  border: none;

  display: flex;

  align-items: center;

}

.category-menu-section .dropdown-icon {

  display: flex;

  align-items: center;

}

.category-dropdown {

  display: block;

  /* display: none; */

  top: 100%;

  left: 0;

  background: white;

  width: 100%;

  /* border: 1px solid #ccc; */

  max-height: var(--max-height);

  overflow-y: auto;

  z-index: 1000;

}

.category-menu-section {

  background-color: #3BB77E;

  color: #fff;

  border-top-right-radius: 12px;

  border-top-left-radius: 12px;

}

.category-dropdown.open-dropdown {

  display: block;

}

.category-list {

  background-color: #F8F9FF;

  list-style: none;

  padding: 0;

  margin: 0;

}

.category-list-item {

  border-bottom: 1px solid #ddd;

}

.category-list-item a:hover .dropdown-text {

  color: var(--primary-theme);

}

.category-list-item a {

  text-decoration: none;

  color: inherit;

}

.category-list-item .dropdown-item {

  padding: 20px 10px 10px 10px;

  display: flex;

  align-items: center;

}

.category-list-item:last-child {

  border: 0px solid transparent;

}

.category-list {

  border-bottom-left-radius: 24px;

  border-bottom-right-radius: 24px;

}

/* .dropdown-img {

  margin-right: 10px;

} */

/* .dropdown-text fs-16 font1-medium {

  font-size: 14px;

} */

/* .empty {

  display: none;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  z-index: 999;

} */

.empty.active {

  display: block;

}



.home-section1 {

  /* background-color: #29A56C; */

  background-image: url(../../images/home1/banner1.jpg);

  background-position: center right;

  background-repeat: no-repeat;

  background-size: cover;

  padding-top: 128.56px;

  padding-bottom: 128.56px;

  border-radius: 24px;

  /* background-size: 27% auto; */



}

.product-circle {

  border-radius: 50%;

  min-width: 190px;

  min-height: 190px;

  max-width: 190px;

  max-height: 190px;

}



@media screen and (min-width: 100px) and (max-width: 1250) {

  .table-responsive {

    -webkit-overflow-scrolling: touch;

    overflow-x: auto;

  }

}





.submenu-title {

  font-weight: 600;

  font-size: 14px !important;

  letter-spacing: 1px;

  line-height: 22px;

  position: relative;

  margin: 0 0 5px;

  padding: 4px 0;

}

.menu-img img {

  max-width: 30px;

}

.allmenu {

  background-color: #27ae61;

  margin-bottom: 20px;

}

#all-menu {

  position: absolute;

  top: 48px;

  z-index: 9;

  border: 1px solid #eaeaea;

  border-radius: 0 0 2px 2px;

  left: 15px;

  right: 15px;

  background-color: #fff;

}



.bg-card-img-offer1 {

  background-image: url(../../images/home1/offer/offer1.png);

  background-position: center right;

  background-repeat: no-repeat;

  background-size: cover;

}

.bg-card-img-offer2 {

  background-image: url(../../images/home1/offer/offer2.png);

  background-position: center right;

  background-repeat: no-repeat;

  background-size: cover;

}

.bg-card-img-offer3 {

  background-image: url(../../images/home1/offer/offer3.png);

  background-position: center right;

  background-repeat: no-repeat;

  background-size: cover;

}

.p-30 {

  padding: 30px;

}

.pt-141 {

  padding-top: 141px;

}

.bg-overlay {

  /* height: 600px;

  width: 100vw; */

  /* background: black;

  overflow: hidden;

  background: #C33764; 

  background: -webkit-linear-gradient(rgba(29, 38, 113, 0.8), rgba(195, 55, 100, 0.8)), url("../../images/home1/show-product/mask1.png");

  background: linear-gradient(rgba(29, 38, 113, 0.8), rgba(195, 55, 100, 0.8)), url("../../images/home1/show-product/mask1.png"); 

  background-repeat: no-repeat; */

}

/* .category-img{

  background: url('../../images/daily-used-food.jpg') no-repeat;

  background-size: cover;

  min-height: 594px;

  padding: 46px 40px 46px 30px;

} */

.category-card .category-img {

  position: relative;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

}

.category-card {

  overflow: hidden;

  border-radius: 10px;

  position: relative;

  /* padding-top: 18%; */

  /* height: 100%; */

  /* display: flex;

  align-items: flex-end;

  flex-wrap: wrap; */

}

.category-card .category-card-body {

  padding: 15px 30px;

  width: 100%;

  position: absolute;

  top: 0;

  z-index: 1;

  padding-top: 10%;

}

.hero-header-text {

  width: 100%;

  position: absolute;

  top: 0;

  z-index: 1;

  padding-top: 10%;

}



/* home page 2 */

.home-section2 {

  /* background-color: #29A56C; */

  background-image: url(../../images/home2/home-2.jpg);

  background-position: center right;

  background-repeat: no-repeat;

  background-size: cover;

  padding-top: 128.56px;

  padding-bottom: 128.56px;

  /* background-size: 27% auto; */

}

.product-bg-img1 {

  background-image: url(../../images/home2/section1/vector.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

}

.product-bg-img2 {

  background-image: url(../../images/home2/section1/vector2.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

}

.product-bg-img3 {

  background-image: url(../../images/home2/section1/vector3.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

}

.product-bg-img4 {

  background-image: url(../../images/home2/section1/vector4.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

}

.danger-text {

  color: var(--text-danger);

}

.bg-light-payment.p-custome svg {

  width: 50px;

}

.tag-label::after {

  content: '';

  position: relative;

  width: 80px;

  height: 1px;

  background-color: var(--text-color);

  display: flex;

  margin-left: 10px;

}

.text-label {

  color: var(--text-color)
}

.bg-card-colors1 {

  background-color: var(--bg-product-color);

  border-radius: 12px;

  z-index: 1;

  position: relative;

}

.bg-card-colors2 {

  background-color: var(--bg-two-bg);

  /* background-color: var(--bg-two-bg); */

  /* background-color: var(--bg-dark-gray); */

  border-radius: 12px;

  z-index: 1;

  position: relative;

}

.bg-card-colors3 {

  background-color: var(--bg-three-bg);

  /* background-color: #fff3ff; */

  border-radius: 12px;

  z-index: 1;

  position: relative;

}

.bg-card-colors4 {

  /* background-color: var(--bg-three-bg); */

  background-color: var(--bg-section-four);

  /* background-color: #ecffec; */

  border-radius: 12px;

  z-index: 1;

  position: relative;

}

.title-sepretor {

  color: var(--text-color);

  opacity: 0.5;

}

.sepretor-1 {

  border-color: var(--text-color);

  margin: 0px;

  opacity: 0.5;

}

.sepretor-vertical {

  border-left: 1px solid #000;

  height: auto;

  margin: 22px 0;

}

.px-50 {

  padding-left: 50px;

  padding-right: 50px;

}



.products-contents {

  width: 100%;

  margin: auto;

  z-index: 3;

  position: relative;

  background-color: transparent;

}

@media screen and (min-width: 1200px) {

  .px-50 {

    padding-left: 50px;

    padding-right: 50px;

  }

}

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

  .px-50 {

    padding-left: 20px;

    padding-right: 20px;

  }

}

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

  .m-width {

    width: 100%;

  }

}

@media screen and(min-width: 1024px) and (max-width: 1100px) {

  .m-width {

    width: 100%;

  }



}

/* home page 3 */

.home-section3 {

  /* background-color: #29A56C; */

  background-image: url(../../images/home3/home3.jpg);

  background-position: center right;

  background-repeat: no-repeat;

  background-size: cover;

  padding-top: 128.56px;

  padding-bottom: 128.56px;

  /* background-size: 27% auto; */

}

/* home page 4 */

.home-section4 {

  /* background-color: #29A56C; */

  background-image: url(../../images/home-four/home4.jpg);

  background-position: center right;

  background-repeat: no-repeat;

  background-size: cover;

  padding-top: 128.56px;

  padding-bottom: 128.56px;

  /* background-size: 27% auto; */

}

.newsletter-img {

  background-color: #29A56C;

  background-image: url(../../images/newslettar/bg.png);

  background-position: center right;

  background-repeat: no-repeat;

  background-size: 27% auto;

}

.news-input {

  border-radius: 10px;

  height: 64px;

  box-shadow: none;

  padding: 0px 160px 0px 20px;

  font-size: 16px;

  background: #fff;

  width: 100%;

  border: 1px solid var(--border-colors) !important;

}

.news-input:focus-visible {

  outline: none;

}

.newsletter-form-fields .news-btn {

  position: absolute;

  right: 20px;

  width: unset;

  top: 0;

  /* padding: 5px 20px !important; */

  height: auto;

  bottom: 0;

  line-height: 25px;

  margin: auto;

}

.product-s {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

}









/* bg-card-box-offer */

.bg-card-box-offer {

  padding: 20px 15px;

}

.bg-card-box-gray {

  background-color: var(--bg-secondery-gray-color);

}



/* post item */

.post-item .post-meta {

  font-size: 0.8rem;

  line-height: 1;

}

.post-item .post-meta svg {

  margin-right: 5px;

}



@media (max-width: 991px) {

  .secondary-menu {

    display: none;

  }

  .secondary-menu-m {

    display: block;

  }

  /* offcanvas menu */

  .offcanvas-body .nav-item {

    font-weight: 700;

    border-bottom: 1px solid #d1d1d1;

    padding: 7px 0px;

  }

  .offcanvas-body .nav-item .nav-link {

    color: #4C4C4C !important;

  }

  .offcanvas-body .filter-categories {

    width: 100%;

    margin-bottom: 20px !important;

    border: 1px solid #d1d1d1 !important;

    padding: 14px;

    border-radius: 8px;

  }

  /* dropdown-menu */

  .dropdown-menu {

    padding: 0;

    border: none;

    line-height: 1.4;

    font-size: 0.9em;

  }

  .dropdown-menu a {

    /* padding-left: 0; */

  }

  .dropdown-menu.show {

    padding: 10px;

  }

  .dropdown-toggle::after {

    position: absolute;

    right: 0;

    /* top: 21px; */

  }

  .image-float {

    margin: 0;

  }

  .offcanvas-header-model .btn-close-model {

    /* width: 35px;

    height: 35px;

    border-radius: 50%;

    background-color: var(--text-white); */

    margin-bottom: 15px;

    /* display: flex;

    align-items: center; */

  }

  .offcanvas-header-model .btn-close-model .btn-close {

    background-color: var(--text-white);

    padding: 15px !important;

    opacity: 1;

    border-radius: 50%;

    font-size: 12px;

  }

  .offcanvas.offcanvas-end {

    top: 30px;

    right: 0;

    z-index: 1045;

    width: var(--bs-offcanvas-width);

    border-left: 0px;

    /* border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); */

    transform: translateX(100%);

    position: fixed;

    bottom: 100px;

    height: calc(100vh - 100px);

    width: calc(100% - 45px);

    background-color: transparent;

    border-radius: 15px;

    padding: 10px;

    margin: 0px auto 0 auto;

    left: 0;

    right: 0;

    -webkit-box-shadow: 0px 15px 30px rgb(0 0 0 / 5%);

    box-shadow: 0px 15px 30px rgb(0 0 0 / 5%);

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);



  }

  .offcanvas-body {

    background-color: var(--text-white);

    border-radius: 15px;

    padding: 20px;

  }

  .last-footer.py-20 {

    padding-top: 20px;

    padding-bottom: 130px;

  }

  .hero-p {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .pt-40 {

    padding-top: 24px;

  }

  .pb-80 {

    padding-bottom: 40px;

  }

  .pt-80 {

    padding-top: 40px;

  }

}

@media (max-width: 768px) {

  .m-hader .logo-m {

    justify-content: center;

  }

  .m-header-bar li+li a>span.h7-header,

  .m-header-bar li a span {

    display: none;

  }

  .m-header-bar li+li a>span .total_wished,

  .m-header-bar li+li a>span {

    display: block;

  }

  .m-header-bar li+li a>span svg path {

    fill: var(--primary-theme);

  }

  .m-header-bar li+li {

    display: flex;

    align-items: center;

  }

  .py-80 {

    padding-top: 40px;

    padding-bottom: 40px;

  }

  .second-title {

    padding-bottom: 20px;

  }

  .sepretor-vertical {

    margin: 0px;

  }

  .product-card-p {

    padding: 20px;

  }

  .mobile-menu>a,
  .mobile-menu button {

    padding: 15px 0px;

  }

  .mobile-menu button>span .m-fs {

    font-size: 14px;

  }

}

@media (min-width: 577px) {

  .product__bg {

    background-color: transparent;

    padding-bottom: 0px;

  }

}

@media screen and (min-width: 600px) and (max-width: 800px) {

  .w-210 {

    width: 160px;

  }

}

@media screen and (min-width: 576px) and (max-width: 768px) {

  .p-custome {

    padding: 7px 17px;

  }

  .p-custome svg {

    max-width: 40px;

  }

}

@media (max-width: 576px) {

  .pt-80 {

    padding-top: 20px;

  }

  .pb-80 {

    padding-bottom: 20px;

  }

  /* .py-8{

  padding-bottom: 1rem !important;

  padding-top: 1rem !important;

} */

  .p-40 {

    padding: 20px;

  }

  .py-80 {

    padding-top: 24px;

    padding-bottom: 24px;

  }

  .pt-60 {

    padding-top: 30px;

  }

  .px-30 {

    padding-left: 20px;

    padding-right: 20px;

  }

  .px-40 {

    padding-left: 20px;

    padding-right: 20px;

  }

  h3.auth-login {

    font-size: 32px;

    line-height: 27px;

    margin-bottom: 10px !important;

  }

  .product__item {

    width: 100%;

    height: 100%;

    aspect-ratio: 1 / 1;

    padding-top: 30px;

  }

  .product-circle {

    border-radius: 50%;

    min-width: 150px;

    min-height: 150px;

    max-width: 150px;

    max-height: 150px;

  }



  a .card.card-product .card-body img {

    width: 60px;

    height: 60px;

    padding-bottom: 15px !important;

    object-fit: contain;

  }

  .card.card-product .card-body .title-box {

    font-size: 16px !important;

  }



  .footer-company {

    margin-top: 30px !important;

  }

  .footer-menu ul,

  .footer-menu .menu-list li:last-child {

    margin-bottom: 0px;

  }

  .last-footer.py-20 {

    padding-top: 24px;

    padding-bottom: 130px;

  }

  .offcanvas.offcanvas-end {

    top: 20px;

    right: 0;

    z-index: 1045;

    width: var(--bs-offcanvas-width);

    border-left: 0px;

    /* border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); */

    transform: translateX(100%);

    position: fixed;

    bottom: 100px;

    height: calc(100vh - 50px);

    width: calc(100% - 45px);



    padding: 10px;

    margin: 0px auto 0 auto;

    left: 0;

    right: 0;

    -webkit-box-shadow: 0px 15px 30px rgb(0 0 0 / 5%);

    box-shadow: 0px 15px 30px rgb(0 0 0 / 5%);

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);



  }

  .product__bg,

  .product__bg>.product-image-card {

    padding-bottom: 0px;

  }

  .product__bg>.product-image-card .favorite-icon {

    top: 5px;

  }

  .product__bg>.product-content {

    width: 100%;

    margin-top: 0px;

    background-color: transparent;

  }

  .product__bg>.product-content .box-cart {

    box-shadow: none;

    padding: 10px;

  }

  .product__bg>.product-content .box-cart .product-card-box span {

    font-weight: 500 !important;

  }

  .product__bg>.product-content .box-cart .product-card-box span:first-child {

    font-size: 12px !important;

  }

  .product__bg>.product-content .box-cart .product-card-box span:last-child {

    font-size: 11px !important;

  }

  .product__bg>.product-content .box-cart .product-card-box {

    display: flex;

    flex-direction: column;

  }

  .product__bg>.product-content .box-cart .btn.btn-custome-product {

    min-width: 64px;

    padding: 2px 6px;

    justify-content: center;

  }

  .product__bg>.product-content .box-cart .btn-custome-product>span {

    display: none;

  }

  .product__bg>.product-content .box-cart .btn-custome-product>a span {

    line-height: normal;

    font: 13px;

  }

  .text-ellipsis2 {

    display: -webkit-box;

    max-width: 100%;

    margin: 0 auto;

    font-size: 14px;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

  }



  .bg-light-payment.p-custome svg {

    width: 50px;

  }

  .mt-30 {

    margin-top: 20px;

  }

  .table__wrapper {

    padding: 12px 20px 0px 20px;

  }

}

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



  /* .product-m{

    width: 100%;

  } */

  .product-card-p {

    padding: 20.5px;

  }

}

@media (max-width: 991px) {

  /* .product-circle {

    border-radius: 50%;

    width: 170px;

    height: 170px;

    min-width: 170px;

    min-height: 170px !important;

  } */

  .secondary-menu {

    display: none;

  }

  .main-hero-section {

    padding: 12px;

  }

  /* .product-m{

    width: 100%;

  } */

  .category-dropdown {

    /* display: block; */

    display: none;

    top: 100%;

    left: 0;

    background: white;

    width: 100%;

    /* border: 1px solid #ccc; */

    max-height: var(--max-height);

    overflow-y: auto;

    z-index: 1000;

  }



}

@media (max-width: 575px) {

  /* .product-circle {

    border-radius: 50%;

    width: 120px;

    height: 120px !important;

    min-width: 120px;

    min-height: 120px !important;

  } */

  .product-card-p {

    padding: 30px;

  }



  h1 {

    font-size: calc(1.375rem + 1.5vw) !important;

  }

  .big-title {

    font-size: calc(1.375rem + 1.5vw) !important;

  }

  .fs-32 {

    font-size: calc(1.3rem + .6vw) !important;

  }

  /* h2{

    font-size: calc(1.375rem + 1.5vw) !important;

  } */

  /* h3{

    font-size: calc(1.375rem + 1.5vw) !important;

  } */

  /* h4{

    font-size: calc(1.375rem + 1.5vw) !important;

  } */

}

@media (max-width: 450px) {

  .cart__add>.btn {

    width: 100%;

    text-align: center;

    justify-content: center;

  }

  .nav-tabs.shipping_tabs .nav-link {

    padding: 10px 20px;

  }

  .product-card-p {

    padding: 10px;

  }

}

@media (max-width: 380px) {

  .product__bg>.product-content .box-cart .btn.btn-custome-product {

    min-width: 60px;

    padding: 6px 6px;

    justify-content: center;

  }

}

@media (min-width: 1200px) {

  .bg-right {

    margin-right: -48px;

  }

  .bg-left {

    margin-left: -48px;

  }

}

@media (min-width: 1100px) {

  .bg-right {

    margin-right: -40px;

  }

  .bg-left {

    margin-left: -40px;

  }

}

@media (min-width: 992px) {

  .bg-right {

    margin-right: -36px;

  }

  .bg-left {

    margin-left: -36px;

  }



  .product__item img {

    max-width: 255px;

    max-height: 255px;

    height: 100%;

    width: 100%;

    aspect-ratio: 1 / 1;

    min-width: 120px;

    min-height: 120px;

    object-fit: contain;

    min-height: 255px;

  }

}

@media (min-width: 768px) {

  .bg-right {

    margin-right: -30px;

  }

  .bg-left {

    margin-left: -30px;

  }

}

@media (min-width: 576px) and (max-width: 991px) {

  .product__item img {

    min-height: 255px;

    object-fit: contain;

  }

}

/* @media (min-width: 500px){

  .bg-right{

    margin-right: -30px;

  }

  .bg-left{

    margin-left: -30px;

  }

} */

@media (max-width: 992px) {

  /* .sectionoffer .row-cols-lg-auto>* {

      flex: 0 0 auto;

      width: 19.53%;

  } */

  .last-footer.py-20.footer__authentiction {

    padding-bottom: 20px;

  }

}

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

  .bg-bottom-wather img {

    min-height: 24px;

  }

}



.radio-tabs-profile {

  position: absolute;

  clip: rect(0, 0, 0, 0);

  pointer-events: none;

}

.normal-select {

  padding: 18.5px 20px;

}

.table-responsive div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {

  background: var(--primary-theme) !important;

  color: #fff !important;

  border: 1px solid var(--primary-theme) !important;

}

.pro-tabs ul li a {

  font-size: calc(14px + 0.5vw);

}



.read-only input[readonly] {

  background-color: #dedede !important;

  border-color: #ccc;

  color: #777;

  border: 1px solid #ccc;

  border-radius: 4px;

  box-sizing: border-box;

}

.color-border-def {

  border: 1px solid #c7c7c7;

  padding: 2px;

}

.text-theme-c {
  color: #000 !important;
}

.category-all-list {

  overflow-x: auto;

  padding-bottom: 5px;

}



.category-all-list-item label {

  padding: 10px 20px;

  background-color: #fff;

  border: 1px solid #efefef;

  color: #000000;

  font-weight: 600;

  font-size: 18px;

}

.category-all-list-item .btn-check+.btn:hover {

  color: var(--primary-theme);

  background-color: var(--bs-btn-bg);

  border-color: var(--primary-theme);

}

.category-all-list-item .btn-check:checked+.btn {

  color: #fff;

  background-color: var(--primary-theme);

  border-color: var(--primary-theme);

}