/* @import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&family=Poppins:wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */
@import url("https://fonts.googleapis.com/css?family=Dancing+Script:400,700|Lato:300,300i,400,400i,700,700i,900,900i|Pacifico");
body {
    font-family: "Lato", 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: "Lato", 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: "Lato", 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: "Lato", sans-serif;

  src: url('./font/jost/Jost-Regular.eot');

  src: local('Jost-Regular'), local('Jost-Regular'),

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

      url('./font/jost/Jost-Regular.woff2') format('woff2'),

      url('./font/jost/Jost-Regular.woff') format('woff'),

      url('./font/jost/Jost-Regular.ttf') format('truetype');

  font-weight: 500;

  font-style: normal;

}

@font-face {

  font-family: "Lato", sans-serif;

  src: url('./font/jost/Jost-Medium.eot');

  src: local('Jost Medium'), local('Jost-Medium'),

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

      url('./font/jost/Jost-Medium.woff2') format('woff2'),

      url('./font/jost/Jost-Medium.woff') format('woff'),

      url('./font/jost/Jost-Medium.ttf') format('truetype');

  font-weight: 500;

  font-style: normal;

}

@font-face {

  font-family: "Lato", sans-serif;

  src: url('./font/jost/Jost-SemiBold.eot');

  src: local('Jost SemiBold'), local('Jost-SemiBold'),

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

      url('./font/jost/Jost-SemiBold.woff2') format('woff2'),

      url('./font/jost/Jost-SemiBold.woff') format('woff'),

      url('./font/jost/Jost-SemiBold.ttf') format('truetype');

  font-weight: 600;

  font-style: normal;

}



@font-face {

  font-family: "Lato", sans-serif;

  src: url('./font/jost/Jost-Bold.eot');

  src: local('Jost Bold'), local('Jost-Bold'),

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

      url('./font/jost/Jost-Bold.woff2') format('woff2'),

      url('./font/jost/Jost-Bold.woff') format('woff'),

      url('./font/jost/Jost-Bold.ttf') format('truetype');

  font-weight: 700;

  font-style: normal;

}



@font-face {

  font-family: 'Poppins';

  src: url('./font/poppins/Poppins-Regular.eot');

  src: local('Poppins Regular'), local('Poppins-Regular'),

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

      url('./font/poppins/Poppins-Regular.woff2') format('woff2'),

      url('./font/poppins/Poppins-Regular.woff') format('woff'),

      url('./font/poppins/Poppins-Regular.ttf') format('truetype');

  font-weight: 400;

  font-style: normal;

}

@font-face {

  font-family: 'Poppins';

  src: url('./font/poppins/Poppins-Medium.eot');

  src: local('Poppins Medium'), local('Poppins-Medium'),

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

      url('./font/poppins/Poppins-Medium.woff2') format('woff2'),

      url('./font/poppins/Poppins-Medium.woff') format('woff'),

      url('./font/poppins/Poppins-Medium.ttf') format('truetype');

  font-weight: 500;

  font-style: normal;

}

@font-face {

  font-family: 'Poppins';

  src: url('./font/poppins/Poppins-SemiBold.eot');

  src: local('Poppins SemiBold'), local('Poppins-SemiBold'),

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

      url('./font/poppins/Poppins-SemiBold.woff2') format('woff2'),

      url('./font/poppins/Poppins-SemiBold.woff') format('woff'),

      url('./font/poppins/Poppins-SemiBold.ttf') format('truetype');

  font-weight: 600;

  font-style: normal;

} */



  .btn-outline-secondary {

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

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

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

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

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

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

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

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

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

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

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

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

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

    --bs-gradient: none;

  }
  .btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn,
  .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn.dropdown-toggle-split:first-child, .btn-group>.btn:not(:last-child):not(.dropdown-toggle){
    border-radius: 0px;

  }



  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;*/

}







.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%);

}



/* .switch:active:after {

	width: 130px;

} */





/* .light-dark .switch__label {

  display: block;

  position: relative;

  width: 100px;

  height: 50px;

  background-color: #333;

  border-radius: 25px;

  transition: 0.4s;

}



.light-dark .switch__label::before {

  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;

  content: "";

  font-family: "Font Awesome 5 Free";

  font-size: 30px;

  font-weight: 900;

  box-sizing: border-box;

}



.light-dark .switch__input {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  margin: 0;

  opacity: 0;

  z-index: 1;

} */



.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;

}





/* 

.poppins-medium {

font-family: "Lato", sans-serif;

  font-weight: 500;

  font-style: normal;

}



.poppins-semibold {

font-family: "Lato", sans-serif;

  font-weight: 600;

  font-style: normal;

}



.poppins-bold {

font-family: "Lato", sans-serif;

  font-weight: 700;

  font-style: normal;

}



.poppins-extrabold {

font-family: "Lato", sans-serif;

  font-weight: 800;

  font-style: normal;

}



.poppins-black {

font-family: "Lato", sans-serif;

  font-weight: 900;

  font-style: normal;

}

   */

/* .jost {

    font-family: "Lato", sans-serif;

    font-optical-sizing: auto;

    font-weight: normal;

    font-style: normal;

  } */

  /* @charset "UTF-8"; */



  /* notworking */

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

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

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

    

  }

[data-theme="dark"] {

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

    color: var(--text-color);

} */





/* working */



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

  --primary-theme: #fd002f;

  --seconderys-theme: #595959;

  --secondery-theme: #595959;

  

  --text-color: #253D4E;  

  --text-color-black: #000000;

  --text-color-gray: #595959;

  --text-color-dark-gray: #595959;

  --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: #ffa327;

  --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: #f7f7f7;

--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: #fd002f;

}

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

  --primary-theme: #000 !important;

  --secondary-theme: #E89E20;

  --text-color: #E0E0E0;

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

  --text-color-gray: #A0A0A0;

  --text-color-dark-gray: #B0B0B0;

  --text-color-holder-gray: #A9A9A9;

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

  --background-color: #121212;  

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

}

.thame_darks{

  background-color: #000;

}

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

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

  --footer-bg-color: #f7f7f7 !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: #fd002f;

    --seconderys-theme: #595959;

    --secondery-theme: #595959;

    

    --text-color: #253D4E;  

    --text-color-black: #000000;

    --text-color-gray: #595959;

    --text-color-dark-gray: #595959;

    --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: #ffa327;

    --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;





    /* --font-family-jost: "Jost", sans-serif;

    --font-jost-regular: 'jost-regular';

    --font-jost-medium: 'jost-medium'; */



    /* --font-jost-semiBold: 'jost-semiBold'; */

    

    /* --font-jost-bold: 'jost-bold'; */





    /* --font-poppins-regular: 'poppins-regular'; */

    

    

    

    /* --font-poppins-medium: 'poppins-medium'; */





    /* --font-poppins-semiBold: 'poppins-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: #f7f7f7;

  --bg-color-hero: #fff2d9;

  --bg-one-bg: #feefea;

  --bg-two-bg: #ecffec;

  --bg-three-bg: #fffceb;

  --bg-section-thee: #f8f9ff;

  --bg-section-four: #fff3ff; 

}



  /* body {

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

    color: var(--text-color);

    font-family: "Lato", sans-serif;

}



h1, h2, h3, h4, h5, h6 {

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

}



p, .navbar, .btn {

    color: var(--text-color);

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

} */











: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: "Lato", sans-serif;

  font-weight: 400;

}

.font1-medium {

font-family: "Lato", sans-serif;

  font-weight: 500;

}



.font1-semibold {

font-family: "Lato", sans-serif;

  font-weight: 600;

}



.font1-bold {

font-family: "Lato", sans-serif;

  font-weight: 700;

}



.poppins-regular {

font-family: "Lato", sans-serif;

  font-weight: 400;

}



.poppins-medium {

font-family: "Lato", sans-serif;

  font-weight: 500;

}



.poppins-semibold {

font-family: "Lato", sans-serif;

  font-weight: 600;

}



.poppins-bold {

font-family: "Lato", sans-serif;

  font-weight: 700;

}

.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);


}

.list-group-item.active a{

  color: var(--text-white);

}

.list-group-item a{

  color: var(--primary-theme);

  text-decoration: none;

}
.template-color-3 .profile-side .list-group-item a:hover{
  color: var(--primary-theme);
}
.template-color-3 .profile-side .list-group-item:hover{
  background-color: var(--primary-theme);
}
.template-color-3 .profile-side .list-group-item:hover a{
  color: #fff;
}
.template-color-3 .profile-side .list-group-item a,
.template-color-3 .profile-side .list-group-item li a,
.template-color-3 .profile-side .list-group-item:hover a:hover{
  color: #fff !important;
}
.template-color-3 .profile-side .list-group-item.active {
  background-color: var(--primary-theme);
  border: var(--primary-theme)
}
.template-color-3 .profile-side .list-group-item {
  background-color: #595959;
  border: 1px solid #444444;
}
.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: "Lato", sans-serif;

  font-weight: 400 ;

  font-size: 16px;

  color: #253d4e !important;

}

.nav-link {

  color: #253d4e !important;

}

body {

  /* letter-spacing: 0.03em; */

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Lato", sans-serif;
  color: #333333;
  line-height: 1;
  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);

}

/* 

.container,

.container-fluid,

.container-lg,

.container-md,

.container-sm,

.container-xl,

.container-xxl {

  --bs-gutter-x: 3rem;

} */

.text-ellipsis2{

  display: -webkit-box;

  max-width: 100%;

  margin: 0 auto;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

@media (min-width: 1200px) {

  .container {
    max-width: 1140px !important;
    /* max-width: 1434px !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;
  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;

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

}

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

  font-size: 16px;

  line-height: 12px;

  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);

}
.login-form input[type=checkbox] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #888888;
  margin: 0;
}

/* .login-form input[type=checkbox] + label:before {
  position: relative;
  padding-left: 0px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  content: '';
  color: #888888;
  margin: 0;
} */
.login-form input[type=checkbox] + label:before{
  position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #e5e5e5;
    content: "";
}
.login-form input[type=checkbox]:checked + label:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #e5e5e5;
  content: "";
}

.login-form input[type=checkbox]:checked + label:before {
  border: 2px solid #888888;
}

.login-form input[type=checkbox] + label:after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  opacity: 0;
  width: 20px;
  text-align: center;
  /* content: ''; */
}

.login-form  input[type=checkbox]:checked + label:after {
  opacity: 1;
}



.login-form .form-inner input[type=checkbox].form-check-input{
  display: none;
}



.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;

    outline: 0;

}
.d-view-icon .badge-notify{
  border: 1px solid #fff;
  border-radius: 50%;
}
.badge-notify{

  display: inline-block;

  min-width: 10px;

  padding: 4px 6px;

  font-size: 12px;

  font-weight: 700;

  line-height: 1;

  color: #fff;

  text-align: center;

  white-space: nowrap;

  display: flex;

  vertical-align: middle;

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

  border-radius: 10px;

  position: absolute;

  top: -10px;

  right: -10px;

  align-items: center;

  justify-content: center;

}

/* header */

#search-form input::placeholder{

font-family: "Lato", sans-serif;

  font-weight: 400;

  font-size: 14px;

}

.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: "Lato", sans-serif;

}

.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;

}

/* --- ScrollUp--- */

#scrollUp {
  right: 15px;
  bottom: 15px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  overflow: hidden;
  text-transform: uppercase;
  border-radius: 100%;
  z-index: 1000 !important;
}
#scrollUp:hover > i {
  -webkit-animation: alisSlideInUp 1s infinite;
          animation: alisSlideInUp 1s infinite;
}
.template-color-3 #scrollUp {
  background-color: #fd002f;
  color: #ffffff;
}
.template-color-3 #scrollUp:hover {
  background-color: #333333;
  color: #ffffff !important;
}



/* 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; */
  background-color: transparent;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: #888888;
  margin-bottom: 15px;
}



.grocer-input input:hover,

.grocer-input input:focus,

.grocer-input input:focus-visible{

  /* height: 60px;

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

  border-radius: 6px; */
  background-color: transparent;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: #888888;
  margin-bottom: 15px;
}

.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(--primary-theme);

}

.contect-no:hover span{

  color: var(--primary-theme) !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: "Lato", sans-serif;

    -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;

  }

} */

.main-header.border-theme {

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

  border-radius: 3px;

}

.py-80{

  padding-top: 80px;

  padding-bottom: 80px;  

}

.py-30 {

  padding-top: 30px;

  padding-bottom: 30px;

}

.bg-theme {

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

}

.top-header.search-box {

  width: 68px;

  height: 58px;

}

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: 16px;

  font-family: "Lato", sans-serif;

}

.nav-item.active > a {

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

}

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

  color: var(--primary-theme) !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;

}
nav.main-menu .desktop-views ul li a.nav-link:hover{
  color: #ffffff !important;
  opacity: 0.7;
}

.desktop-views .nav-item .nav-link{
  color: #ffffff !important;
}
.header-menu-dropdown .h7-header{

  max-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: "Lato", sans-serif;

  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(--primary-theme);

}

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

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

}

.heade-link-color .badge-notify{

  color: #fff !important;

}

/* hero section */

.main-slider .slick-dots li button:before{
  display: none;
}

.hiraola-slider_area-2 .main-slider .slider-content {

  max-width: 52%;

  text-align: center;

  position: absolute;

  top: 50%;

  left: auto;

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

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

          transform: translateY(-50%);

  z-index: 8;

  text-align: left;

}

@media (max-width: 479px) {

  .hiraola-slider_area-2 .main-slider .slider-content {

    max-width: 100%;

  }

}

.hiraola-slider_area-2 .main-slider .slider-content > h5 {

  font-weight: 500;

  text-transform: capitalize;

  margin-bottom: 0;

  padding-bottom: 7px;

}

@media (max-width: 767px) {

  .hiraola-slider_area-2 .main-slider .slider-content > h5 {

    padding-bottom: 10px;

  }

}

.hiraola-slider_area-2 .main-slider .slider-content > h2 {

  text-transform: capitalize;

  margin-bottom: 0;

  padding-bottom: 5px;

  font-size: 60px;

}

@media (max-width: 767px) {

  .hiraola-slider_area-2 .main-slider .slider-content > h2 {

    padding-bottom: 10px;

    font-size: 30px;

  }

}

.hiraola-slider_area-2 .main-slider .slider-content > h3 {

  text-transform: capitalize;

  margin-bottom: 0;

  padding-bottom: 20px;

  font-size: 50px;

}

@media (max-width: 767px) {

  .hiraola-slider_area-2 .main-slider .slider-content > h3 {

    font-size: 30px;

  }

}

.hiraola-slider_area-2 .main-slider .slider-content > h4 {

  margin-bottom: 0;

  padding-bottom: 45px;

  font-size: 20px;

}

.hiraola-slider_area-2 .main-slider .slider-content > h4 > span {

  font-size: 30px;

}

.hiraola-slider_area-2 .main-slider .slider-content .hiraola-btn-ps_center {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

      -ms-flex-pack: start;

          justify-content: flex-start;

}



.hiraola-slider_area-3 .container-fluid {

  padding: 0 3%;

}

@media (max-width: 1199px) {

  .hiraola-slider_area-3 .main-slider .single-slide .slider-content h2,

.hiraola-slider_area-3 .main-slider .single-slide .slider-content h3 {

    font-size: 30px;

  }

}

@media (max-width: 479px) {

  .hiraola-slider_area-3 .main-slider .single-slide .slider-content h2,

.hiraola-slider_area-3 .main-slider .single-slide .slider-content h3 {

    font-size: 25px;

  }

}

/* .hiraola-slider_area-3 .main-slider .single-slide .slider-content-2 {

  right: 20%;

} */

@media (max-width: 1500px) {

  /* .hiraola-slider_area-3 .main-slider .single-slide .slider-content-2 {

    right: 8%;

  } */

}

.hiraola-slider_area-3.color-white .main-slider .slider-content > h5,

.hiraola-slider_area-3.color-white .main-slider .slider-content h2,

.hiraola-slider_area-3.color-white .main-slider .slider-content h3,

.hiraola-slider_area-3.color-white .main-slider .slider-content h4 {

  color: #ffffff;

}

.hiraola-slider_area-3.color-white .main-slider .slick-arrow {

  color: #333333;

}

.template-color-3 .hiraola-slider_area-3 .main-slider .slider-content .hiraola-btn-ps_left .hiraola-btn {

  color: #ffffff;

}

.template-color-3 .hiraola-slider_area-3 .main-slider .slider-content .hiraola-btn-ps_left .hiraola-btn:hover {

  color: #fd002f !important;

}

.template-color-3 a.hiraola-btn {
  background-color: #fd002f;
}
.template-color-3 a.hiraola-btn:hover {
  background-color: #c3868f;
  color: #ffffff !important;
}
.template-color-3 a:hover {
  color: #fd002f !important;
}
.template-color-3 .hiraola-group_btn > ul > li > a.add-to_cart:hover {
  background-color: #fd002f !important;
  color: #ffffff !important;
}
.template-color-3 .hiraola-group_btn > ul > li > a:hover {
  border-color: #fd002f !important;
}
.template-color-3 .popup_wrapper .test .popup_off:hover {
  background: #fd002f;
}
.template-color-3 .popup_wrapper .subscribe_area .subscribe-form-group form button:hover {
  background: #fd002f;
  color: #ffffff;
}
.template-color-3 .hb-menu > nav > ul > li:hover > a {
  color: #fd002f !important;
}
.template-color-3 .hb-menu > nav > ul > li > ul > li.active > a {
  color: #fd002f !important;
}
.template-color-3 .hm-dropdown > li.active > a {
  color: #fd002f !important;
}
.template-color-3 .header-right_area > ul > li > a:hover {
  color: #ffffff !important;
}
.template-color-3 .header-top_area .ht-menu > ul > li:hover > a {
  color: #fd002f;
}
.template-color-3 .header-top_area .ht-menu > ul > li .ht-dropdown > li.active a {
  color: #fd002f;
}
.template-color-3 .header-top_area .ht-menu > ul > li .ht-dropdown > li:hover a {
  color: #fd002f;
}
.template-color-3 .header-top_area .ht-right_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.template-color-3 .header-top_area .ht-right_area .header-shipping_area {
  padding-right: 20px;
}
.template-color-3 .header-top_area .ht-right_area .header-shipping_area > ul > li {
  height: 40px;
  line-height: 40px;
}
.template-color-3 .header-top_area .ht-right_area .hiraola-social_link {
  padding-top: 0;
}
.template-color-3 .header-top_area .ht-right_area .hiraola-social_link > ul > li {
  padding-right: 0;
}
.template-color-3 .header-top_area .ht-right_area .hiraola-social_link > ul > li > a {
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
}
.template-color-3 .header-top_area .ht-right_area .hiraola-social_link > ul > li:first-child > a {
  border-left: 1px solid #e5e5e5;
}
.template-color-3 .hiraola-section_title > h4:before {
  background-color: #fd002f;
}
.template-color-3 .sticker {
  background: #fd002f;
}

.template-color-3 .sticker:before {
  border-color: #fd002f transparent transparent transparent;
}
.template-color-3 .offcanvas-menu_wrapper .offcanvas-menu-inner .btn-close:hover {
  color: #fd002f;
}
.template-color-3 .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-component_menu > li.active > a {
  color: #fd002f;
}
.template-color-3 .offcanvas-minicart_wrapper .offcanvas-menu-inner .btn-close:hover {
  color: #fd002f;
}
.template-color-3 .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-btn_area {
  padding-bottom: 15px;
}
.template-color-3 .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-btn_area .hiraola-btn:hover {
  background-color: #333333;
}
.template-color-3 .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > .search_btn:hover {
  color: #fd002f;
}
.template-color-3 .mobile-menu_wrapper .btn-close:hover {
  background-color: #fd002f;
  color: #ffffff !important;
}
.template-color-3 .offcanvas-navigation .mobile-menu li:hover > a {
  color: #fd002f !important;
}
.template-color-3 .offcanvas-navigation .mobile-menu li:hover > .menu-expand {
  color: #fd002f !important;
}
.template-color-3 .img-hover_effect a:before {
  background: #fd002f;
}
.template-color-3 .img-hover_effect a:after {
  background: #fd002f;
}
.template-color-3 .main-slider .slider-content span {
  color: #fd002f;
}
.template-color-3 .main-slider .slick-arrow {
  color: #fd002f;
}
.template-color-3 .hiraola-slider_area-3 .main-slider .slider-content .hiraola-btn-ps_left .hiraola-btn {
  color: #ffffff;
}
.template-color-3 .hiraola-slider_area-3 .main-slider .slider-content .hiraola-btn-ps_left .hiraola-btn:hover {
  color: #fd002f !important;
}
.template-color-3 .hiraola-product_slider .slide-item .single_product .product-img .add-actions > ul > li > a:hover,
.template-color-3 .hiraola-product_slider-2 .slide-item .single_product .product-img .add-actions > ul > li > a:hover,
.template-color-3 .hiraola-trending-product_slider .slide-item .single_product .product-img .add-actions > ul > li > a:hover {
  background-color: #fd002f;
}
.template-color-3 .hiraola-product_slider .slick-arrow:hover,
.template-color-3 .hiraola-product_slider-2 .slick-arrow:hover,
.template-color-3 .hiraola-trending-product_slider .slick-arrow:hover {
  color: #fd002f;
}
.template-color-3 .hiraola-product_slider .slide-item .single_product,
.template-color-3 .hiraola-product-tab_slider-2 .slide-item .single_product,
.template-color-3 .hiraola-product-tab_slider-3 .slide-item .single_product,
.template-color-3 .hiraola-product_slider-3 .slide-item .single_product,
.template-color-3 .latest-blog_slider .slide-item .single_product,
.template-color-3 .shop-product-wrap .slide-item .single_product {
  border: 1px solid #e5e5e5;
  /* margin-left: 30px; */
}
/* .template-color-3 .slick-slider{
  width: 100%
} */
/* .template-color-3 .slick-list{
  margin-left:-00px;
  
}
.template-color-3 .slick-list .slick-slide{
  margin-left: -00px;
} */
/* .slide-item {
  margin: 0 15px;}
.slick-list{
  margin: 0 -15px;
} */
.template-color-3 .hiraola-product_slider .slide-item .single_product:hover,
.template-color-3 .hiraola-product-tab_slider-2 .slide-item .single_product:hover,
.template-color-3 .hiraola-product-tab_slider-3 .slide-item .single_product:hover,
.template-color-3 .hiraola-product_slider-3 .slide-item .single_product:hover,
.template-color-3 .latest-blog_slider .slide-item .single_product:hover,
.template-color-3 .shop-product-wrap .slide-item .single_product:hover {
  border-color: #fd002f;
}
.template-color-3 .hiraola-product_slider .slide-item .single_product .product-img .add-actions > ul > li > a:hover,
.template-color-3 .hiraola-product-tab_slider-2 .slide-item .single_product .product-img .add-actions > ul > li > a:hover,
.template-color-3 .hiraola-product-tab_slider-3 .slide-item .single_product .product-img .add-actions > ul > li > a:hover,
.template-color-3 .hiraola-product_slider-3 .slide-item .single_product .product-img .add-actions > ul > li > a:hover,
.template-color-3 .latest-blog_slider .slide-item .single_product .product-img .add-actions > ul > li > a:hover,
.template-color-3 .shop-product-wrap .slide-item .single_product .product-img .add-actions > ul > li > a:hover {
  background-color: #fd002f;
}
.template-color-3 .hiraola-product_slider .list-slide_item .single_product,
.template-color-3 .hiraola-product-tab_slider-2 .list-slide_item .single_product,
.template-color-3 .hiraola-product-tab_slider-3 .list-slide_item .single_product,
.template-color-3 .hiraola-product_slider-3 .list-slide_item .single_product,
.template-color-3 .latest-blog_slider .list-slide_item .single_product,
.template-color-3 .shop-product-wrap .list-slide_item .single_product {
  border: 1px solid #e5e5e5;
}
.template-color-3 .hiraola-product_slider .list-slide_item .single_product:hover,
.template-color-3 .hiraola-product-tab_slider-2 .list-slide_item .single_product:hover,
.template-color-3 .hiraola-product-tab_slider-3 .list-slide_item .single_product:hover,
.template-color-3 .hiraola-product_slider-3 .list-slide_item .single_product:hover,
.template-color-3 .latest-blog_slider .list-slide_item .single_product:hover,
.template-color-3 .shop-product-wrap .list-slide_item .single_product:hover {
  border-color: #fd002f;
}
.template-color-3 .hiraola-product_slider .slick-arrow,
.template-color-3 .hiraola-product-tab_slider-2 .slick-arrow,
.template-color-3 .hiraola-product-tab_slider-3 .slick-arrow,
.template-color-3 .hiraola-product_slider-3 .slick-arrow,
.template-color-3 .latest-blog_slider .slick-arrow,
.template-color-3 .shop-product-wrap .slick-arrow {
  color: #333333;
}
.template-color-3 .hiraola-product_slider .slick-arrow:hover,
.template-color-3 .hiraola-product-tab_slider-2 .slick-arrow:hover,
.template-color-3 .hiraola-product-tab_slider-3 .slick-arrow:hover,
.template-color-3 .hiraola-product_slider-3 .slick-arrow:hover,
.template-color-3 .latest-blog_slider .slick-arrow:hover,
.template-color-3 .shop-product-wrap .slick-arrow:hover {
  color: #fd002f;
}
.template-color-3 .hiraola-testimonial_slider .slick-arrow:hover,
.template-color-3 .hiraola-brand_slider .slick-arrow:hover {
  color: #fd002f;
}
.template-color-3 .product-tab > ul > li > a.active {
  color: #fd002f;
}
.template-color-3 .rating-box > ul > li > i {
  color: #fd002f;
}
.template-color-3 .widgets-essential_stuff > ul > li > i {
  color: #fd002f;
  font-size: 21px;
    padding-right: 10px;
    vertical-align: middle;
}
.template-color-3 .newsletter-form_wrap .subscribe-form .newsletter-btn {
  background-color: #fd002f;
}
.template-color-3 .hiraola-social_link > ul > li > a:hover {
  background-color: #fd002f;
}
.template-color-3 .footer-bottom_area .footer-bottom_nav .copyright > span > a {
  color: #fd002f;
}
.template-color-3 #scrollUp {
  background-color: #fd002f;
  color: #ffffff;
}
.template-color-3 #scrollUp:hover {
  background-color: #333333;
  color: #ffffff !important;
}
.template-color-3 .tooltip.bs-tooltip-top .tooltip-arrow:before {
  border-top-color: #fd002f;
}
.template-color-3 .tooltip.bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: #fd002f;
}
.template-color-3 .tooltip.bs-tooltip-start .tooltip-arrow:before {
  border-left-color: #fd002f;
}
.template-color-3 .tooltip.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: #fd002f;
}
.template-color-3 .tooltip-inner {
  background-color: #fd002f;
}
.template-color-3 .shop-product-wrap.grid .slide-item .single_product > .product-img > .add-actions > ul > li > a:hover {
  background-color: #fd002f;
}
.template-color-3 .loading .middle .lds-ellipsis div {
  background: #fd002f;
}
.template-color-3 .color-list .single-color.active {
  border-color: #fd002f;
}
.template-color-3 .modal-body .close:hover {
  color: #fd002f;
}
.template-color-3 .sp-area .sp-nav .sp-content .sp-essential_stuff > ul > li > a {
  color: #fd002f;
}
.template-color-3 .sp-area .sp-nav .sp-content .qty-btn_area > ul li > a:hover {
  border: 1px solid #fd002f;
  color: #fd002f;
}
.template-color-3 .sp-area .sp-nav .sp-content .qty-btn_area > ul li > a.qty-cart_btn {
  background-color: #333333;
  color: #ffffff;
  border: 0;
}
.template-color-3 .sp-area .sp-nav .sp-content .qty-btn_area > ul li > a.qty-cart_btn:hover {
  background-color: #fd002f;
  color: #ffffff !important;
}
.hiraola-product_area {
  padding-top: 75px;
  margin: 0 auto;
  text-align: center;
}
.template-color-3 .hiraola-product_area-4 .hiraola-product_slider-2 .slide-item .single_product {
  border: 1px solid #e5e5e5;
}
.template-color-3 .hiraola-product_area-4 .hiraola-product_slider-2 .slide-item .single_product:hover {
  border-color: #fd002f;
}
.template-color-3 .hiraola-product_area-5 .hiraola-product_slider-3 .slide-item .single_product .product-img .add-actions > ul > li > a:hover {
  background-color: #fd002f;
}
.template-color-3 .hiraola-product_area-5 .hiraola-product_slider-3 .slick-arrow {
  color: #fd002f;
}
.template-color-3 .sp-slider .slide-item .single_product {
  border: 1px solid #e5e5e5;
}
.template-color-3 .sp-slider .slide-item .single_product:hover {
  border-color: #fd002f;
}
.template-color-3 .sp-slider .slick-arrow {
  color: #fd002f;
}
.template-color-3 .sp-gallery_area .sp-nav .sp-gallery .lg-image {
  outline: 1px solid #e5e5e5;
}
.template-color-3 .sp-gallery_area .sp-nav .sp-gallery .lg-image:hover {
  outline: 1px solid #fd002f;
}


.ul-list,
.header-top_area ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.ul-lists ul li a,
.header-top_area ul li a{
  color: #595959;
  text-decoration: none;
}
.header-top_area {
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 991px) {
  .header-top_area {
    display: none;
  }
  .last-footer .footer-bottom_area .footer-bottom_nav{
    padding-bottom: 130px;
  }
}
.header-top_area .ht-menu > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.header-top_area .ht-menu > ul > li {
  border-right: 1px solid #e5e5e5;
  display: inline-block;
  position: relative;
}
@media (max-width: 991px) {
  .header-top_area .ht-menu > ul > li {
    border: 0;
  }
}
.header-top_area .ht-menu > ul > li:hover .ht-dropdown {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.header-top_area .ht-menu > ul > li:hover > a {
  color: #fd002f;
}
.header-top_area .ht-menu > ul > li .ht-dropdown {
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  position: absolute;
  top: 100%;
  left: auto;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  width: 150px;
  padding: 10px;
  right: 0;
  z-index: 99;
}
.header-top_area .ht-menu > ul > li .ht-dropdown > li.active a {
  color: #fd002f;
}
.header-top_area .ht-menu > ul > li .ht-dropdown > li:hover a {
  color: #fd002f;
}
.header-top_area .ht-menu > ul > li .ht-dropdown > li a {
  border-bottom: 1px solid #e5e5e5;
  display: block;
  padding: 10px 5px;
  line-height: 25px;
  font-size: 12px;
}
.header-top_area .ht-menu > ul > li .ht-dropdown > li a img {
  margin-right: 5px;
}
.header-top_area .ht-menu > ul > li .ht-dropdown > li:first-child > a {
  padding-top: 0;
}
.header-top_area .ht-menu > ul > li .ht-dropdown > li:last-child > a {
  border-bottom: 0;
  padding-bottom: 0;
}
.header-top_area .ht-menu > ul > li > a {
  color: #666666;
  padding: 8px 15px;
  display: block;
  text-transform: uppercase;
  font-size: 12px;
}
.header-top_area .ht-menu > ul > li > a > i {
  padding-left: 5px;
  font-size: 11px;
}
.header-top_area .ht-left_area .header-shipping_area > ul > li {
  height: 40px;
  line-height: 35px;
}
.header-top_area .ht-right_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 991px) {
  .header-top_area .ht-right_area {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    padding-bottom: 15px;
  }
}
.header-top_area .ht-right_area .hiraola-social_link {
  padding-top: 0;
}
.header-top_area .ht-right_area .hiraola-social_link > ul > li {
  padding-right: 0;
}
.header-top_area .ht-right_area .hiraola-social_link > ul > li > a {
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
}
@media (max-width: 991px) {
  .header-top_area .ht-right_area .hiraola-social_link > ul > li > a {
    border: 0;
  }
}
.header-top_area .ht-right_area .hiraola-social_link > ul > li:first-child > a {
  border-left: 1px solid #e5e5e5;
}
@media (max-width: 991px) {
  .header-top_area .ht-right_area .hiraola-social_link > ul > li:first-child > a {
    border-left: 0 !important;
  }
}


.header-main_area-3 .header-top_area .ht-left_area .welcome_text {
  padding: 8px 0;
}
.header-main_area-3 .header-top_area .ht-left_area .welcome_text p {
  font-size: 14px;
  margin-bottom: 0;
}
.header-main_area-3 .header-top_area .ht-left_area .welcome_text p > span {
  color: #fd002f;
}
.header-main_area-3 .header-middle_area .header-middle_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-main_area-3 .header-middle_area .header-middle_wrap .header-contact_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.header-main_area-3 .header-middle_area .header-middle_wrap .header-contact_area [class*=contact-box]:first-child {
  border-right: 2px solid #e5e5e5;
  padding-right: 25px;
  margin-right: 25px;
}
.header-main_area-3 .header-middle_area .header-middle_wrap .header-contact_area .contact-box > span {
  color: #abaaaa;
  text-transform: uppercase;
  font-size: 12px;
}
.header-main_area-3 .header-middle_area .header-middle_wrap .header-contact_area .contact-box > p {
  font-size: 14px;
  margin-bottom: 0;
}
.header-main_area-3 .header-middle_area .header-middle_wrap .header-right_area > ul > li > a:hover {
  color: #fd002f !important;
}
.header-main_area-3 .header-bottom_area {
  background-color: #fd002f;
  display: block;
}
@media (max-width: 991px) {
  .header-main_area-3 .header-bottom_area {
    display: none;
  }
}
.header-main_area-3 .header-bottom_area .header-logo {
  padding-top: 5px;
}
@media (max-width: 991px) {
  .header-main_area-3 .header-bottom_area .header-logo {
    padding: 22px 0 0;
  }
}
.header-main_area-3 .header-bottom_area.header-sticky {
  display: none;
}
@media (max-width: 991px) {
  .header-main_area-3 .header-bottom_area.header-sticky {
    background-color: #fd002f !important;
    display: block;
  }
  .header-main_area-3 .header-bottom_area.header-sticky .header-right_area > ul > li > a:hover {
    color: #ffffff !important;
  }
}
.header-main_area-3 .header-bottom_area.sticky {
  background-color: #fd002f !important;
  display: block;
}
.header-main_area-3 .header-bottom_area.sticky.white--color .main-menu_area > nav > ul > li:hover > a {
  color: #ffffff !important;
}
.header-main_area-3 .header-bottom_area.sticky.white--color .main-menu_area > nav > ul > li:hover > a:before {
  color: #ffffff;
}
.header-main_area-3 .header-bottom_area.sticky.white--color .main-menu_area > nav > ul > li:hover > a:after {
  color: #ffffff;
}
.header-main_area-3 .header-bottom_area.sticky.white--color .header-right_area > ul > li > a:hover {
  color: #ffffff !important;
}












.slick-slide.bg-6,

.slick-slide.bg-7 {

  background-image: url("../../images/slider/6.jpg");

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  height: 825px;

}

@media (max-width: 1199px) {

  .slick-slide.bg-6,

  .slick-slide.bg-7 {

    height: 520px;

  }

}

@media (max-width: 575px) {

  .slick-slide.bg-6,

  .slick-slide.bg-7 {

    height: 410px;

  }

}

.bg-7 {

  background-image: url("../../images/slider/7.jpg");

}



.main-slider .slick-arrow,

.hiraola-product-tab_slider-2 .slick-arrow,
.hiraola-product-tab_slider-3 .slick-arrow,
.hiraola-product_slider-3 .slick-arrow,

.sp-img_slider .slick-arrow,

.sp-slider .slick-arrow,

.sp-img_slider-3 .slick-arrow,

.brand-slider .slick-arrow {

  background-color: rgba(255, 255, 255, 0.5);

  -webkit-box-shadow: 0px 0px 9.8px 0.2px rgba(0, 0, 0, 0.05);

          box-shadow: 0px 0px 9.8px 0.2px rgba(0, 0, 0, 0.05);

  font-size: 24px;

  width: 50px;

  height: 50px;

  line-height: 50px;

  display: block;

  color: #fd002f;

  text-align: center;

  position: absolute;

  z-index: 8;

  cursor: pointer;

  border-radius: 100%;

  top: 50%;

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

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

  transform: translateY(-50%);

  opacity: 0;

  visibility: hidden;

  left: 20px;

}

@media (max-width: 767px) {

  .main-slider .slick-arrow,

.hiraola-product-tab_slider-2 .slick-arrow,
.hiraola-product-tab_slider-3 .slick-arrow,
.hiraola-product_slider-3 .slick-arrow,

.sp-img_slider .slick-arrow,

.sp-slider .slick-arrow,

.sp-img_slider-3 .slick-arrow,

.brand-slider .slick-arrow {

    display: none !important;

  }

}

.main-slider .slick-arrow:hover,

.hiraola-product-tab_slider-2 .slick-arrow:hover,
.hiraola-product-tab_slider-3 .slick-arrow,
.hiraola-product_slider-3 .slick-arrow:hover,

.sp-img_slider .slick-arrow:hover,

.sp-slider .slick-arrow:hover,

.sp-img_slider-3 .slick-arrow:hover,

.brand-slider .slick-arrow:hover {

  background-color: #f0f0f0;

}

.main-slider .slick-next,

.hiraola-product-tab_slider-2 .slick-next,
.hiraola-product-tab_slider-3 .slick-next,
.hiraola-product_slider-3 .slick-next,

.sp-img_slider .slick-next,

.sp-slider .slick-next,

.sp-img_slider-3 .slick-next,

.brand-slider .slick-next {

  left: auto;

  right: 20px;

}

.main-slider:hover .slick-arrow,

.hiraola-product-tab_slider-2:hover .slick-arrow,
.hiraola-product-tab_slider-3 .slick-arrow,
.hiraola-product_slider-3:hover .slick-arrow,

.sp-img_slider:hover .slick-arrow,

.sp-slider:hover .slick-arrow,

.sp-img_slider-3:hover .slick-arrow,

.brand-slider:hover .slick-arrow {

  opacity: 1;

  visibility: visible;

}







.main-slider .slick-dots {

  position: absolute;

  bottom: 20px;

  left: 0;

  right: 0;

  text-align: center;

  padding: 0 30px;

  z-index: 0;

}

.main-slider .slick-dots li {

  display: inline-block;

  margin: 0 3px;

  cursor: pointer;

  font-size: 0;

  width: 15px;

  height: 15px;

  background: transparent;

  border: 2px solid #ffffff;

  border-radius: 100%;

}

.main-slider .slick-dots li button {

  border: none;

}

.main-slider .slick-dots li.slick-active {

  background-color: #ffffff;

}

.main-slider .slick-dots li:hover {

  background-color: #ffffff;

}
.template-color-3 .slick-prev:before,
.template-color-3 .slick-next:before{
  display: none;
}
.template-color-3 a.hiraola-btn {
  background-color: #fd002f;
}
.template-color-3 a.hiraola-btn:hover {
  background-color: #c3868f;
  color: #ffffff !important;
}

.hiraola-btn{
  color: #ffffff;
  -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0);
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0);
  width: 195px;
  height: 45px;
  line-height: 45px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}

.hiraola-banner_area {
  padding-top: 30px;
}
.hiraola-banner_area .container-fluid {
  padding: 0 3%;
}
@media (max-width: 479px) {
  .hiraola-banner_area .container-fluid {
    padding: 0 15px 0;
  }
}
@media (max-width: 991px) {
  .hiraola-banner_area .container-fluid [class*=col-]:nth-child(-n+2) {
    padding-bottom: 30px;
  }
}

.img-hover_effect {
  position: relative;
  display: block;
}
.img-hover_effect a {
  overflow: hidden;
  display: block;
}
.img-hover_effect a img {
  width: 100%;
  height: auto;
}
.img-hover_effect a:before {
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 0.6;
}
.img-hover_effect a:after {
  bottom: 50%;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 0.6;
}
.img-hover_effect:hover a:before {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 900ms ease-in;
  -o-transition: all 900ms ease-in;
  transition: all 900ms ease-in;
}
.img-hover_effect:hover a:after {
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 900ms ease-in;
  -o-transition: all 900ms ease-in;
  transition: all 900ms ease-in;
}
.img-hover_effect a {
  overflow: hidden;
  display: block;
}
.template-color-3 .img-hover_effect a:before {
  background: #fd002f;
}
.template-color-3 .img-hover_effect a:after {
  background: #fd002f;
}
.template-color-3 .slick-dots li button:before,
.template-color-3 .slick-dots li.slick-active button:before{
  opacity: 0;
}

.template-color-3 .hiraola-product_slider .slick-arrow,
.template-color-3 .hiraola-product-tab_slider-2 .slick-arrow,
.template-color-3 .hiraola-product-tab_slider-3 .slick-arrow,
.template-color-3 .hiraola-product_slider-3 .slick-arrow,
.template-color-3 .latest-blog_slider .slick-arrow,
.template-color-3 .shop-product-wrap .slick-arrow {
  color: #333333;
}
.template-color-3 .hiraola-product_slider .slick-arrow:hover,
.template-color-3 .hiraola-product-tab_slider-2 .slick-arrow:hover,
.template-color-3 .hiraola-product-tab_slider-3 .slick-arrow:hover,
.template-color-3 .hiraola-product_slider-3 .slick-arrow:hover,
.template-color-3 .latest-blog_slider .slick-arrow:hover,
.template-color-3 .shop-product-wrap .slick-arrow:hover {
  color: #fd002f;
}

/* ---Hiraola's Product Slider--- */
.hiraola-product_slider .slide-item .single_product,
.hiraola-product_slider-3 .slide-item .single_product,
.hiraola-trending-product_slider .slide-item .single_product,
.hiraola-product-tab_slider-2 .slide-item .single_product,
.hiraola-product-tab_slider-3 .slide-item .single_product,
.shop-product-wrap .slide-item .single_product {
  background-color: #ffffff;
}
.hiraola-product_slider .slide-item .single_product .product-img,
.hiraola-product_slider-3 .slide-item .single_product .product-img,
.hiraola-trending-product_slider .slide-item .single_product .product-img,
.hiraola-product-tab_slider-2 .slide-item .single_product .product-img,
.hiraola-product-tab_slider-3 .slide-item .single_product .product-img,
.shop-product-wrap .slide-item .single_product .product-img {
  position: relative;
  overflow: visible;
}
.hiraola-product_slider .slide-item .single_product .product-img > a,
.hiraola-product_slider-3 .slide-item .single_product .product-img > a,
.hiraola-trending-product_slider .slide-item .single_product .product-img > a,
.hiraola-product-tab_slider-2 .slide-item .single_product .product-img > a,
.hiraola-product-tab_slider-3 .slide-item .single_product .product-img > a,
.shop-product-wrap .slide-item .single_product .product-img > a {
  display: block;
}
.hiraola-product_slider .slide-item .single_product .product-img > a img,
.hiraola-product_slider-3 .slide-item .single_product .product-img > a img,
.hiraola-trending-product_slider .slide-item .single_product .product-img > a img,
.hiraola-product-tab_slider-2 .slide-item .single_product .product-img > a img,
.hiraola-product-tab_slider-3 .slide-item .single_product .product-img > a img,
.shop-product-wrap .slide-item .single_product .product-img > a img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;

}
.hiraola-product_slider .slide-item .single_product .product-img > a .secondary-img,
.hiraola-product_slider-3 .slide-item .single_product .product-img > a .secondary-img,
.hiraola-trending-product_slider .slide-item .single_product .product-img > a .secondary-img,
.hiraola-product-tab_slider-2 .slide-item .single_product .product-img > a .secondary-img,
.hiraola-product-tab_slider-3 .slide-item .single_product .product-img > a .secondary-img,
.shop-product-wrap .slide-item .single_product .product-img > a .secondary-img {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 100%;
}
.hiraola-product_slider .slide-item .single_product .product-img:hover .secondary-img,
.hiraola-product_slider-3 .slide-item .single_product .product-img:hover .secondary-img,
.hiraola-trending-product_slider .slide-item .single_product .product-img:hover .secondary-img,
.hiraola-product-tab_slider-2 .slide-item .single_product .product-img:hover .secondary-img,
.hiraola-product-tab_slider-3 .slide-item .single_product .product-img:hover .secondary-img,
.shop-product-wrap .slide-item .single_product .product-img:hover .secondary-img {
  opacity: 1;
}
.hiraola-product_slider .slide-item .single_product .product-img .add-actions,
.hiraola-product_slider-3 .slide-item .single_product .product-img .add-actions,
.hiraola-trending-product_slider .slide-item .single_product .product-img .add-actions,
.hiraola-product-tab_slider-2 .slide-item .single_product .product-img .add-actions,
.hiraola-product-tab_slider-3 .slide-item .single_product .product-img .add-actions,
.shop-product-wrap .slide-item .single_product .product-img .add-actions {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
}
.hiraola-product_slider .slide-item .single_product .product-img .add-actions > ul li,
.hiraola-product_slider-3 .slide-item .single_product .product-img .add-actions > ul li,
.hiraola-trending-product_slider .slide-item .single_product .product-img .add-actions > ul li,
.hiraola-product-tab_slider-2 .slide-item .single_product .product-img .add-actions > ul li,
.hiraola-product-tab_slider-3 .slide-item .single_product .product-img .add-actions > ul li,
.shop-product-wrap .slide-item .single_product .product-img .add-actions > ul li {
  position: relative;
  margin-bottom: 5px;
  display: inline-block;
}
.hiraola-product_slider .slide-item .single_product .product-img .add-actions > ul li > a,
.hiraola-product_slider-3 .slide-item .single_product .product-img .add-actions > ul li > a,
.hiraola-trending-product_slider .slide-item .single_product .product-img .add-actions > ul li > a,
.hiraola-product-tab_slider-2 .slide-item .single_product .product-img .add-actions > ul li > a,
.hiraola-product-tab_slider-3 .slide-item .single_product .product-img .add-actions > ul li > a,
.shop-product-wrap .slide-item .single_product .product-img .add-actions > ul li > a {
  background-color: #333333;
  color: #ffffff;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.hiraola-product_slider .slide-item .single_product .product-img .add-actions > ul li > a > i,
.hiraola-product_slider-3 .slide-item .single_product .product-img .add-actions > ul li > a > i,
.hiraola-trending-product_slider .slide-item .single_product .product-img .add-actions > ul li > a > i,
.hiraola-product-tab_slider-2 .slide-item .single_product .product-img .add-actions > ul li > a > i,
.hiraola-product-tab_slider-3 .slide-item .single_product .product-img .add-actions > ul li > a > i,
.shop-product-wrap .slide-item .single_product .product-img .add-actions > ul li > a > i {
  font-size: 15px;
}
.hiraola-product_slider .slide-item .single_product .product-img .add-actions > ul li > a:hover,
.hiraola-product_slider-3 .slide-item .single_product .product-img .add-actions > ul li > a:hover,
.hiraola-trending-product_slider .slide-item .single_product .product-img .add-actions > ul li > a:hover,
.hiraola-product-tab_slider-2 .slide-item .single_product .product-img .add-actions > ul li > a:hover,
.hiraola-product-tab_slider-3 .slide-item .single_product .product-img .add-actions > ul li > a:hover,
.shop-product-wrap .slide-item .single_product .product-img .add-actions > ul li > a:hover {
  color: #ffffff !important;
}
.hiraola-product_slider .slide-item .single_product .product-img .add-actions > ul li > a.hiraola-add_compare,
.hiraola-product_slider-3 .slide-item .single_product .product-img .add-actions > ul li > a.hiraola-add_compare,
.hiraola-trending-product_slider .slide-item .single_product .product-img .add-actions > ul li > a.hiraola-add_compare,
.hiraola-product-tab_slider-2 .slide-item .single_product .product-img .add-actions > ul li > a.hiraola-add_compare,
.hiraola-product-tab_slider-3 .slide-item .single_product .product-img .add-actions > ul li > a.hiraola-add_compare,
.shop-product-wrap .slide-item .single_product .product-img .add-actions > ul li > a.hiraola-add_compare {
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.hiraola-product_slider .slide-item .single_product .product-img .add-actions > ul li > a.quick-view-btn,
.hiraola-product_slider-3 .slide-item .single_product .product-img .add-actions > ul li > a.quick-view-btn,
.hiraola-trending-product_slider .slide-item .single_product .product-img .add-actions > ul li > a.quick-view-btn,
.hiraola-product-tab_slider-2 .slide-item .single_product .product-img .add-actions > ul li > a.quick-view-btn,
.hiraola-product-tab_slider-3 .slide-item .single_product .product-img .add-actions > ul li > a.quick-view-btn,
.shop-product-wrap .slide-item .single_product .product-img .add-actions > ul li > a.quick-view-btn {
  -webkit-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.hiraola-product_slider .slide-item .single_product:hover > .product-img .add-actions,
.hiraola-product_slider-3 .slide-item .single_product:hover > .product-img .add-actions,
.hiraola-trending-product_slider .slide-item .single_product:hover > .product-img .add-actions,
.hiraola-product-tab_slider-2 .slide-item .single_product:hover > .product-img .add-actions,
.hiraola-product-tab_slider-3 .slide-item .single_product:hover > .product-img .add-actions,
.shop-product-wrap .slide-item .single_product:hover > .product-img .add-actions {
  opacity: 1;
}
.hiraola-product_slider .slide-item .single_product:hover > .product-img .add-actions > ul > li > a,
.hiraola-product_slider-3 .slide-item .single_product:hover > .product-img .add-actions > ul > li > a,
.hiraola-trending-product_slider .slide-item .single_product:hover > .product-img .add-actions > ul > li > a,
.hiraola-product-tab_slider-2 .slide-item .single_product:hover > .product-img .add-actions > ul > li > a,
.hiraola-product-tab_slider-3 .slide-item .single_product:hover > .product-img .add-actions > ul > li > a,
.shop-product-wrap .slide-item .single_product:hover > .product-img .add-actions > ul > li > a {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.hiraola-product_slider .slide-item .single_product .hiraola-product_content,
.hiraola-product_slider-3 .slide-item .single_product .hiraola-product_content,
.hiraola-trending-product_slider .slide-item .single_product .hiraola-product_content,
.hiraola-product-tab_slider-2 .slide-item .single_product .hiraola-product_content,
.hiraola-product-tab_slider-3 .slide-item .single_product .hiraola-product_content,
.shop-product-wrap .slide-item .single_product .hiraola-product_content {
  text-align: left;
  padding: 0 20px 20px;
}
.hiraola-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info h6,
.hiraola-product_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info h6,
.hiraola-trending-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info h6,
.hiraola-product-tab_slider-2 .slide-item .single_product .hiraola-product_content .product-desc_info h6,
.hiraola-product-tab_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info h6,
.shop-product-wrap .slide-item .single_product .hiraola-product_content .product-desc_info h6 {
  margin-bottom: 0;
  padding-bottom: 5px;
  display: block;
}
.hiraola-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box,
.hiraola-product_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box,
.hiraola-trending-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box,
.hiraola-product-tab_slider-2 .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box,
.hiraola-product-tab_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box,
.shop-product-wrap .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box {
  padding-bottom: 3px;
}
.hiraola-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box > ul > li,
.hiraola-product_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box > ul > li,
.hiraola-trending-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box > ul > li,
.hiraola-product-tab_slider-2 .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box > ul > li,
.hiraola-product-tab_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box > ul > li,
.shop-product-wrap .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box > ul > li {
  display: inline-block;
}
.hiraola-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box > ul > li > i,
.hiraola-product_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box > ul > li > i,
.hiraola-trending-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box > ul > li > i,
.hiraola-product-tab_slider-2 .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box > ul > li > i,
.hiraola-product-tab_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box > ul > li > i,
.shop-product-wrap .slide-item .single_product .hiraola-product_content .product-desc_info .rating-box > ul > li > i {
  font-size: 12px;
}
.hiraola-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info .price-box,
.hiraola-product_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info .price-box,
.hiraola-trending-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info .price-box,
.hiraola-product-tab_slider-2 .slide-item .single_product .hiraola-product_content .product-desc_info .price-box,
.hiraola-product-tab_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info .price-box,
.shop-product-wrap .slide-item .single_product .hiraola-product_content .product-desc_info .price-box {
  display: inline-block;
}
.hiraola-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info .price-box .new-price,
.hiraola-product_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info .price-box .new-price,
.hiraola-trending-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info .price-box .new-price,
.hiraola-product-tab_slider-2 .slide-item .single_product .hiraola-product_content .product-desc_info .price-box .new-price,
.hiraola-product-tab_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info .price-box .new-price,
.shop-product-wrap .slide-item .single_product .hiraola-product_content .product-desc_info .price-box .new-price {
  font-size: 16px;
}
.hiraola-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info .price-box .old-price,
.hiraola-product_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info .price-box .old-price,
.hiraola-trending-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info .price-box .old-price,
.hiraola-product-tab_slider-2 .slide-item .single_product .hiraola-product_content .product-desc_info .price-box .old-price,
.hiraola-product-tab_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info .price-box .old-price,
.shop-product-wrap .slide-item .single_product .hiraola-product_content .product-desc_info .price-box .old-price {
  color: #bababa;
  text-decoration: line-through;
  font-size: 14px;
  margin-left: 10px;
}
.hiraola-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info .additional-add_action,
.hiraola-product_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info .additional-add_action,
.hiraola-trending-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info .additional-add_action,
.hiraola-product-tab_slider-2 .slide-item .single_product .hiraola-product_content .product-desc_info .additional-add_action,
.hiraola-product-tab_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info .additional-add_action,
.shop-product-wrap .slide-item .single_product .hiraola-product_content .product-desc_info .additional-add_action {
  display: inline-block;
  float: right;
}
.hiraola-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info .additional-add_action > ul > li > a > i,
.hiraola-product_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info .additional-add_action > ul > li > a > i,
.hiraola-trending-product_slider .slide-item .single_product .hiraola-product_content .product-desc_info .additional-add_action > ul > li > a > i,
.hiraola-product-tab_slider-2 .slide-item .single_product .hiraola-product_content .product-desc_info .additional-add_action > ul > li > a > i,
.hiraola-product-tab_slider-3 .slide-item .single_product .hiraola-product_content .product-desc_info .additional-add_action > ul > li > a > i,
.shop-product-wrap .slide-item .single_product .hiraola-product_content .product-desc_info .additional-add_action > ul > li > a > i {
  font-size: 18px;
}

.hiraola-product_slider .slick-arrow,
/* .hiraola-product-tab_slider-3 .slick-arrow, */
.arrow-type-two .slick-arrow,
.latest-blog_slider .slick-arrow {
  font-size: 24px;
  display: block;
  text-align: center;
  position: absolute;
  z-index: 0;
  cursor: pointer;
  top: -70px;
  left: auto;
  right: 30px;
}
.hiraola-product_slider .slick-arrow:hover,
.hiraola-product-tab_slider-3 .slick-arrow:hover,
.arrow-type-two .slick-arrow:hover,
.latest-blog_slider .slick-arrow:hover {
  color: #fd002f;
}
.hiraola-product_slider .slick-arrow.slick-next,
.hiraola-product-tab_slider-3 .slick-arrow.slick-next,
.arrow-type-two .slick-arrow.slick-next,
.latest-blog_slider .slick-arrow.slick-next {
  right: 0;
}
@media (max-width: 767px) {
  .hiraola-product_slider .slick-arrow,
.hiraola-product-tab_slider-3 .slick-arrow,
.arrow-type-two .slick-arrow,
.latest-blog_slider .slick-arrow {
    display: none !important;
  }
}
.template-color-3 .hiraola-section_title > h4:before {
  background-color: #fd002f;
}
.hiraola-section_title {
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
}

.hiraola-section_title > h4 {
  position: relative;
  margin-bottom: 0;
  text-transform: uppercase;
  padding-bottom: 25px;
}
.hiraola-section_title > h4:before {
  content: "";
  height: 1px;
  width: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.product-listsider .slick-list .slick-slide{
  /* margin-left: 0px; */
  outline: none;
}
.product-listsider .hiraola-section_title {
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
}

.product-listsider .hiraola-product_area .hiraola-section_title {
  margin-bottom: 30px;
}
.bg-color-hero {

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

}


.slider-content {
  opacity: 0;
}

.slick-active .slider-content {
  opacity: 1;
}
.slick-active.animation-style-01 .slider-content > span {
  display: block;
  -webkit-animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp;
          animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp;
}
.slick-active.animation-style-01 .slider-content > h2 {
  -webkit-animation: 1400ms ease-in-out 0s normal none 1 running zoomInUp;
          animation: 1400ms ease-in-out 0s normal none 1 running zoomInUp;
}
.slick-active.animation-style-01 .slider-content > h3 {
  -webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
          animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
}
.slick-active.animation-style-01 .slider-content > h4 {
  -webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
          animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
}
.slick-active.animation-style-01 .slider-content > h5 {
  -webkit-animation: 1800ms ease-in-out 0s normal none 1 running zoomInUp;
          animation: 1800ms ease-in-out 0s normal none 1 running zoomInUp;
}
.slick-active.animation-style-01 .slider-content > .slide-btn {
  -webkit-animation: 2000ms ease-in-out 0s normal none 1 running zoomInUp;
          animation: 2000ms ease-in-out 0s normal none 1 running zoomInUp;
}
.slick-active.animation-style-02 .slider-content > span {
  display: block;
  -webkit-animation: 1200ms ease-in-out 0s normal none 1 running zoomInRight;
          animation: 1200ms ease-in-out 0s normal none 1 running zoomInRight;
}
.slick-active.animation-style-02 .slider-content > h2 {
  -webkit-animation: 1400ms ease-in-out 0s normal none 1 running zoomInRight;
          animation: 1400ms ease-in-out 0s normal none 1 running zoomInRight;
}
.slick-active.animation-style-02 .slider-content > h3 {
  -webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
          animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
}
.slick-active.animation-style-02 .slider-content > h4 {
  -webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
          animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
}
.slick-active.animation-style-02 .slider-content > h5 {
  -webkit-animation: 1800ms ease-in-out 0s normal none 1 running zoomInRight;
          animation: 1800ms ease-in-out 0s normal none 1 running zoomInRight;
}
.slick-active.animation-style-02 .slider-content > .slide-btn {
  -webkit-animation: 2000ms ease-in-out 0s normal none 1 running zoomInRight;
          animation: 2000ms ease-in-out 0s normal none 1 running zoomInRight;
}

/*Top Up Keyframes*/
@-webkit-keyframes alisSlideInUp {
  0% {
    -webkit-transform: translateY(250px);
            transform: translateY(250px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes alisSlideInUp {
  0% {
    -webkit-transform: translateY(250px);
            transform: translateY(250px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.slide-in-right {
  -webkit-animation: slide-in-right 4s linear infinite alternate both;
          animation: slide-in-right 4s linear infinite alternate both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-1-7 17:0:13
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(340px);
    transform: translateX(340px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(340px);
    transform: translateX(340px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* ---Hiraola's Product Sticker---*/
.sticker,
.sticker-2 {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 45px;
  height: 20px;
  line-height: 18px;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}
.sticker:before,
.sticker-2:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  left: 9px;
  top: 100%;
  position: absolute;
}

.sticker-2 {
  background: #ff4000;
  right: 20px;
  left: auto;
}
.sticker-2:before {
  border-color: #ff4000 transparent transparent transparent;
}
.product-desc_info .product-name{
  color: #595959;
  text-decoration: none;
}
.single_product ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.hiraola-add_compare i{
  color: #595959;
}

.static-banner_area .static-banner-image {
  
  background-image: url("../../images/banner/static-banner.png");
  background-size: cover;
  min-height: 345px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.static-banner_area .static-banner-image.static-banner-image-2 {
  background-image: url("../../images/banner/static-banner-2.png") !important;
}
.static-banner_area .static-banner-content {
  left: 75px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 575px) {
  .static-banner_area .static-banner-content {
    left: 30px;
  }
}
.static-banner_area .static-banner-content > p {
  font-size: 14px;
  margin-bottom: 0;
  padding-bottom: 10px;
  z-index: 99;
}
.static-banner_area .static-banner-content > p span {
  color: #ea3a3c;
  margin-right: 5px;
}
.static-banner_area .static-banner-content > p.schedule {
  margin-bottom: 0;
  padding-bottom: 35px;
}
.static-banner_area .static-banner-content > p.schedule span {
  font-size: 24px;
  color: #ea3a3c;
  font-weight: 500;
}
.static-banner_area .static-banner-content > h2,
.static-banner_area .static-banner-content h3 {
  font-weight: 400;
  font-size: 36px;
  letter-spacing: -0.025em;
  margin-bottom: 0;
  padding-bottom: 10px;
}
@media (max-width: 575px) {
  .static-banner_area .static-banner-content > h2,
.static-banner_area .static-banner-content h3 {
    font-size: 24px;
  }
}
.static-banner_area .static-banner-content h3 {
  padding-bottom: 20px;
}
.static-banner_area .static-banner-content .hiraola-btn-ps_left .hiraola-btn:hover {
  -webkit-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0 15px rgba(0, 0, 0, 0.2);
  color: #ffffff !important;
}
.static-banner_area.static-banner_area-2 .static-banner-content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 60%;
  padding-left: 0;
}
@media (max-width: 767px) {
  .static-banner_area.static-banner_area-2 .static-banner-content {
    left: 50%;
  }
}
@media (max-width: 479px) {
  .static-banner_area.static-banner_area-2 .static-banner-content {
    width: 75%;
  }
}


.hiraola-product-tab_area-2,
.hiraola-product-tab_area-3,
.hiraola-product-tab_area-4 {
  background-color: #ffffff;
  padding-top: 75px;
}

.hiraola-product-tab_area-2 .hiraola-section_title-3 > h4,
.hiraola-product-tab_area-3 .hiraola-section_title-3 > h4,
.hiraola-product-tab_area-4 .hiraola-section_title-3 > h4 {
  padding-bottom: 20px;
}
.hiraola-product-tab_area-2 .product-tab,
.hiraola-product-tab_area-3 .product-tab,
.hiraola-product-tab_area-4 .product-tab {
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
  padding-bottom: 25px;
}
@media (max-width: 767px) {
  .hiraola-product-tab_area-2 .product-tab,
.hiraola-product-tab_area-3 .product-tab,
.hiraola-product-tab_area-4 .product-tab {
    display: block;
  }
}
@media (max-width: 767px) {
  .hiraola-product-tab_area-2 .product-tab .hiraola-tab_title,
.hiraola-product-tab_area-3 .product-tab .hiraola-tab_title,
.hiraola-product-tab_area-4 .product-tab .hiraola-tab_title {
    padding-bottom: 20px;
  }
}
.hiraola-product-tab_area-2 .product-tab .hiraola-tab_title > h4,
.hiraola-product-tab_area-3 .product-tab .hiraola-tab_title > h4,
.hiraola-product-tab_area-4 .product-tab .hiraola-tab_title > h4 {
  text-transform: uppercase;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .hiraola-product-tab_area-2 .product-tab .hiraola-tab_title > h4,
.hiraola-product-tab_area-3 .product-tab .hiraola-tab_title > h4,
.hiraola-product-tab_area-4 .product-tab .hiraola-tab_title > h4 {
    font-size: 20px;
  }
}
.hiraola-product-tab_area-2 .product-tab > ul.product-menu > li > a,
.hiraola-product-tab_area-3 .product-tab > ul.product-menu > li > a,
.hiraola-product-tab_area-4 .product-tab > ul.product-menu > li > a {
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 30px;
  position: relative;
}
@media (max-width: 991px) {
  .hiraola-product-tab_area-2 .product-tab > ul.product-menu > li > a,
.hiraola-product-tab_area-3 .product-tab > ul.product-menu > li > a,
.hiraola-product-tab_area-4 .product-tab > ul.product-menu > li > a {
    padding: 0 15px;
  }
}
@media (max-width: 575px) {
  .hiraola-product-tab_area-2 .product-tab > ul.product-menu > li > a,
.hiraola-product-tab_area-3 .product-tab > ul.product-menu > li > a,
.hiraola-product-tab_area-4 .product-tab > ul.product-menu > li > a {
    padding: 0 15px 0 0;
    font-size: 14px;
  }
}
.hiraola-product-tab_area-2 .product-tab > ul.product-menu > li > a:after,
.hiraola-product-tab_area-3 .product-tab > ul.product-menu > li > a:after,
.hiraola-product-tab_area-4 .product-tab > ul.product-menu > li > a:after {
  background-color: #cccccc;
  content: "";
  position: absolute;
  top: 50%;
  right: -9px;
  height: 2px;
  width: 18px;
}
@media (max-width: 991px) {
  .hiraola-product-tab_area-2 .product-tab > ul.product-menu > li > a:after,
.hiraola-product-tab_area-3 .product-tab > ul.product-menu > li > a:after,
.hiraola-product-tab_area-4 .product-tab > ul.product-menu > li > a:after {
    width: 10px;
    right: -5px;
  }
}
@media (max-width: 575px) {
  .hiraola-product-tab_area-2 .product-tab > ul.product-menu > li > a:after,
.hiraola-product-tab_area-3 .product-tab > ul.product-menu > li > a:after,
.hiraola-product-tab_area-4 .product-tab > ul.product-menu > li > a:after {
    display: none;
  }
}
.hiraola-product-tab_area-2 .product-tab > ul.product-menu > li:last-child > a,
.hiraola-product-tab_area-3 .product-tab > ul.product-menu > li:last-child > a,
.hiraola-product-tab_area-4 .product-tab > ul.product-menu > li:last-child > a {
  padding-right: 0;
}
.hiraola-product-tab_area-2 .product-tab > ul.product-menu > li:last-child > a:after,
.hiraola-product-tab_area-3 .product-tab > ul.product-menu > li:last-child > a:after,
.hiraola-product-tab_area-4 .product-tab > ul.product-menu > li:last-child > a:after {
  display: none;
}
@media (max-width: 767px) {
  .hiraola-product-tab_area-2 .product-tab > ul.product-menu > li:first-child > a,
.hiraola-product-tab_area-3 .product-tab > ul.product-menu > li:first-child > a,
.hiraola-product-tab_area-4 .product-tab > ul.product-menu > li:first-child > a {
    padding-left: 0;
  }
  
}
.hiraola-product-tab_area-2.hiraola-product-tab_area-3 .product-tab,
.hiraola-product-tab_area-3.hiraola-product-tab_area-3 .product-tab,
.hiraola-product-tab_area-4.hiraola-product-tab_area-3 .product-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}
.hiraola-product-tab_area-2.hiraola-product-tab_area-3 .product-tab .product-menu > li:first-child > a,
.hiraola-product-tab_area-3.hiraola-product-tab_area-3 .product-tab .product-menu > li:first-child > a,
.hiraola-product-tab_area-4.hiraola-product-tab_area-3 .product-tab .product-menu > li:first-child > a {
  padding-left: 0;
}
.hiraola-product-tab_area-2.hiraola-product-tab_area-4,
.hiraola-product-tab_area-3.hiraola-product-tab_area-4,
.hiraola-product-tab_area-4.hiraola-product-tab_area-4 {
  padding-bottom: 80px;
}
.hiraola-product-tab_area-4 a,
.hiraola-product-tab_area-2 a{
  color: #595959;
  text-decoration: none;
}

.hiraola-product_slider .slick-list,
.hiraola-product-tab_slider-2 .slick-list,
.latest-blog_area .slick-list,
.hiraola-product-tab_area-4 .slick-list{
  margin-left: -30px !important;
}
.hiraola-product_slider .slick-list .slide-item,
.hiraola-product-tab_slider-2 .slick-list .slide-item,
.latest-blog_area .slick-list .slide-item,
.hiraola-product-tab_area-4 .slick-list .slide-item{
  margin-left: 30px;
}

.hiraola-product-tab_area-2 .tab-content .tab-pane.active,
.hiraola-product-tab_area-4 .tab-content .tab-pane.active{
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
}
.hiraola-product-tab_area-2 .tab-content .tab-pane,
.hiraola-product-tab_area-4 .tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
}
.blog-slide_item{
  margin-left: 30px;
}
/* .latest-blog_area .slick-list .slick-slide {
  margin-left: 30px;
  outline: none;
}
.latest-blog_area .slick-list {
  margin-left: -30px;
} */



/*----------------------------------------*/
/*  31 - Pages - Blog
/*----------------------------------------*/
/* ---Blog Item--- */
.blog-item .blog-img {
  position: relative;
}
.blog-item .blog-img .blog-meta-2 {
  background-color: #ffffff;
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 10px;
  text-align: center;
}
.blog-item .blog-img .blog-meta-2 .blog-time_schedule > .day {
  width: 100%;
  display: block;
  font-size: 28px;
  font-weight: 700;
}
.blog-item .blog-content {
  background-color: #ffffff;
  padding: 25px;
}
.blog-item .blog-content .blog-heading {
  padding-top: 0;
}

/* ---Hiraola Latest Blog Area--- */
.latest-blog_area .hiraola-section_title {
  margin-bottom: 30px;
}
.latest-blog_area .latest-blog_slider .blog-slide_item .blog-item .blog-content {
  padding: 25px 0;
}

/* ---Hiraola Blog Area--- */
.hiraola-blog_area {
  padding: 35px 0 55px;
  background-color: #ffffff;
}
.hiraola-blog_area .section_title-2 {
  margin-bottom: 30px;
}
.hiraola-blog_area .blog-item .blog-img a img {
  width: 100%;
  display: block;
  overflow: hidden;
}
@media (max-width: 767px) {
  .hiraola-blog_area .blog-item .blog-img.banner-item {
    margin-bottom: 0;
  }
}
.hiraola-blog_area .blog-item .blog-content .blog-heading {
  padding-top: 25px;
}
.hiraola-blog_area .blog-item .blog-content .blog-heading > h5 {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .hiraola-blog_area .blog-item .blog-content .blog-heading > h5 {
    font-size: 16px;
  }
}
.hiraola-blog_area .blog-item .blog-content .blog-meta {
  padding-top: 15px;
}
.hiraola-blog_area .blog-item .blog-content .blog-meta .blog-time_schedule {
  display: inline-block;
}
.hiraola-blog_area .blog-item .blog-content .blog-meta .meta-author {
  display: inline-block;
  padding-left: 5px;
}
.hiraola-blog_area .blog-item .blog-content .blog-meta .meta-author:first-child {
  padding-left: 0;
}
.hiraola-blog_area .blog-item .blog-content .blog-short_desc {
  padding-top: 10px;
}
.hiraola-blog_area .blog-item .blog-content .blog-short_desc > p {
  margin-bottom: 0;
}
.hiraola-blog_area .blog-item .blog-content .hiraola-read-more_area {
  padding-top: 10px;
}
.hiraola-blog_area .blog-item .blog-content .hiraola-read-more_area .hiraola-read_more {
  text-decoration: underline;
}
@media (max-width: 991px) {
  .hiraola-blog_area .hiraola-paginatoin-area {
    padding-bottom: 57px;
  }
}
.hiraola-blog_area .hiraola-paginatoin-area .myniceselect.nice-select span {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  padding: 0 30px;
}

/* ---Hiraola Area Blog Two--- */
.hiraola-blog_area-2 {
  padding: 80px 0 0;
  background-color: #ffffff;
}
.latest-blog_slider a{
  color: #595959;
  text-decoration: none;
}
/* ---Spaces Between Blog Slider item--- */
.hiraola-blog_slider .slick-slide {
  /* margin-left: 30px; */
}
.hiraola-blog_slider .slick-list {
  /* margin-left: -30px; */
}


.brand-area {
  padding: 50px 0 80px;
}
.brand-area .brand-slider_nav .brand-slider {
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.brand-area .brand-slider_nav .brand-slider .slide-item {
  border-right: 1px solid #e5e5e5;
}
.brand-area .brand-slider_nav .brand-slider .slide-item > a > img {
  width: 100%;
  aspect-ratio: 100 / 61;
    object-fit: contain;
}

.brand-area .brand-slider_nav .brand-slider .slick-list {
  margin-left: -15px;
}
.hiraola-product_slider-3.slider-details .slick-list .slick-slide,
.brand-area .brand-slider_nav .brand-slider .slick-list .slick-slide {
  margin-left: 15px;
}
.hiraola-product_slider-3.slider-details .slick-list{
  margin-left: -30px;
}
.hiraola-product_slider-3.slider-details .slick-list .slick-slide{
  margin-left: 30px;
}
.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(--secondery-theme) !important;
  border-radius: 0px;
}

.btn-custome:hover,

.btn-custome:focus-visible{

  background-color: var(--primary-theme) !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: 600 !important;

  color: white;

  text-decoration: none;

}




/* second section */

.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: 0;

  position: relative;

  padding-bottom: 75px;

}



.bg-card-color2 {

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

  border-radius: 12px;

  z-index: 0;

  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: "Lato", sans-serif;

  font-weight: 400 !important;

  line-height: 26px;

}

.bg-card-color3 {

  background-color: #fff3ff;

  border-radius: 12px;

  z-index: 0;

  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: "Lato", sans-serif;

  font-weight: 400 !important;

  line-height: 26px;

}

.bg-card-color4 {

  background-color: #ecffec;

  border-radius: 12px;

  z-index: 0;

  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: "Lato", sans-serif;

  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: 16px !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 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: #ffdce2;

  /* padding: 5px 14px; */

  padding: 8px 8px;

  /* padding: 5px 8px; */

}

.btn.btn-custome-product.calc__btn{

  background-color: transparent !important;

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

  min-width: 80px;

}

.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: #333333 !important;
  border-radius: 0px;
}

.btn-customes:focus-visible{

  background-color: var(--primary-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(--primary-theme) !important;

}
.btn.btn-customes.btn-custome-product:hover a:hover{
  color: #fff !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{

  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: 0px !important;
  /* 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-category-module_heading{
  background-color: #fd002f;
  padding: 15px;
  margin-bottom: 20px;
}
.filter-category-module_heading h5{
  color: #fff;
  margin-bottom: 0px;
}
.filter-card-box{
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 25px;
  margin-bottom: 60px;
}
.filter-categories_title{
  border-bottom: 2px solid #e5e5e5;
    position: relative;
  margin-bottom: 20px;
}
.filter-categories_title::before{
  content: "";
    background-color: #fd002f;
    width: 70px;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.filter-categories_title h5{
  text-transform: uppercase;
  margin-bottom: 0;
  padding-bottom: 25px;
}
.filter_body_price{
  /* padding-top: 20px; */
}
.widget-filters__item .filter .filter-card-box:last-child{
  /* margin-bottom: 0px; */
}
.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: #222;

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

}

.cursor-pointer{

  cursor: pointer;

}

.btn-filter{

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

  padding: 10px 26px;

font-family: "Lato", 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); */
border: 1px solid #e5e5e5;
    padding: 9px 15px;
    display: block;
    border-radius: 0px !important;
}

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

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

  border-color: var(--primary-theme);
  background-color: var(--primary-theme);
    border-color: var(--primary-theme);
    border: 1px solid #e5e5e5;
    padding: 9px 15px;
    display: block;

}

.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 */
.theme-color{
  color: var(--text-color-gray);
}
.lorem{

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

}

@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: 40px;

  height: 40px;

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

  border-radius: 3px;

}

.line-hn{

  line-height: normal;

}

.input-spinner .form-input {

    background: 0 0;

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

    height: 100%;

    min-height: 40px;

    text-align: center;

    width: 40px !important;

    font-size: 18px;

    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 .button-minus{

  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;



}

.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: 8px 15px !important;

  display: flex;

  align-items: center;

}

.btn-success_c{

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

    font-family: "Lato", sans-serif;

    font-weight: 600;

  font-size: 16px;

  padding: 12px 50px;

  color: var(--primary-theme);

}

.btn-success_c:hover{

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

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

  font-family: "Lato", sans-serif;

    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);

}

/* .slider {

  width: 100%;

  margin: auto;

} */
.rating-box > ul > li{
  display: inline-block;
}
.details-wish .ion-android-favorite-outline.ion-heart:before{
  content: "\f141";
  border: 1px solid #e5e5e5;
  display: block;
  padding: 11px 15px;
}
.sp-essential_stuff > ul > li > a{
  font-weight: 400;
    padding-left: 5px;
    color: var(--primary-theme);
}
.sp-essential_stuff > ul > li{
  font-weight: 700;
}
.sp-essential_stuff > ul > li span{
  font-weight: 500;
}
.sp-essential_stuff > ul > li > a > span {
  color: #595959 !important;
}
.details-wish .ion-android-favorite-outline:before {
  content: "\f387";
  border: 1px solid #e5e5e5;
  display: block;
  padding: 11px 15px;
}
.slider-for {

  width: 100%;

  margin: auto;

}

.slider-nav {
  width: 100%;
  margin: auto;

}
.slider-nav.slider-nav_c{
  height: 84px;
  margin-top: 20px;
}
.slider-nav.slider-nav_c .draggable{
  height: 84px !important;
}
.slick-vertical .slick-slide {

  height: auto;

}

.slider-for_imgs{

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

  border-radius: 6px;

}

.slick-slide img {

  width: 100%;

  

}

.slick-vertical .slick-slide,

.slider-nav_c .slider-nav_thumb{

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

  margin-bottom: 5px;

  margin-right: 2px;

  border-radius: 6px;

}

/* .slider-nav_c .slider-nav_thumb{

  width: 100px !important;

}   */

/* .slick-track{

  margin-right: 8px !important;

} */

/* .slick-list{

  width: 100%;

} */

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

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

  padding: 2px;

  border-radius: 0px;

}

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

  aspect-ratio: 1/1;

  object-fit: cover;

}

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

  aspect-ratio: 1/1;

  object-fit: cover;

}

.update_variant_slider .slick-slide img{

  aspect-ratio: 1/1;

} 

.fs-20{

  font-size: 16px;

}

.text-underline-position{

  text-underline-position: under;

}

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

  .slider-nav_c .slider-nav_thumb{

    width: 80px !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;

  }  

}

/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}











/* table-order */
.table-bordered>:not(caption)>*>*{
  text-align: center;
  vertical-align: middle;
}
.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: 0px;

}

.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: #198754;

  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: #198754;

}

.progressbar li.active:before{

  border-color: #198754;

    background: #198754;

    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: #198754;

}





.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;

}
.template-color-3 a:hover.btn-success_c.btn-order_c{
  color: #fff !important;
}
.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: 0px;

}

.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(--secondery-theme);

  border-radius: 0px;

}

.btn.btn-customize:active{

  color: var(--text-white);

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

  border-radius: 0px;

} 

.btn.btn-customize:hover,

.btn.btn-customize:focus-visible,

.btn.btn-customize:focus{

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

}
.template-color-3 a.btn.btn-customize.btn-cont:hover {
  color: #fff !important;
}
.template-color-3 .btn.btn-customize.btn-cont:hover {
  color: #fff !important;
}
.template-color-3 .btn.btn-customize a:hover{
  color: #fff;
}
.form-select__c{

  padding: 10px 30px 10px 20px !important;

  background-color: transparent;
  border-radius: 0px;
}

.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,

footer.footer {

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

  color: var(--text-white);

}

.footer-menu .h5 {

  margin-bottom: 12px;

}

.footer p {

  font-size: 16px !important;
  font-family: "Lato", sans-serif;
  font-weight: 400 !important;
  color: #595959;

}

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

  font-size: 16px !important;

  font-family: "Lato", sans-serif;

  font-weight: 400 !important;

  color: #595959 !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: 16px !important;

  font-family: "Lato", sans-serif;

  font-weight: 600 !important;

  color: #333333 !important;

}

.last-footer-link {

  color: #595959 !important;

  font-size: 14px !important;

  font-weight: 400 !important;

  font-family: "Lato", sans-serif;

  text-decoration-line: none;

}

.border-r {

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

}

::placeholder {

  font-size: 12px !important;

  font-family: "Lato", sans-serif;

}

.btn.btn-p {

  padding: 9.53px 20px;

}
.footer-menu .ps-form--newsletter span i{filter: invert(1);font-size: 20px;}
.footer-menu .ps-form--newsletter .btn.btn-p{
  padding: 14px 15px;
}
.widgets-essential_stuff ul li{
  color: #595959;
  font-size: 16px;
}

.footer-bottom_area .footer-bottom_nav {
  border-top: 1px solid #e5e5e5;
  padding: 30px 0 35px;
  /*Footer Static Bottom*/
}
.footer-bottom_area .footer-bottom_nav .footer-links {
  padding: 0 40px 20px;
}
.footer-bottom_area .footer-bottom_nav .footer-links > ul {
  text-align: center;
}
.footer-bottom_area .footer-bottom_nav .footer-links > ul > li {
  display: inline-block;
  position: relative;
}
.footer-bottom_area .footer-bottom_nav .footer-links > ul > li > a {
  color: #888;
  line-height: 24px;
  letter-spacing: 0.3px;
}
.footer-bottom_area .footer-bottom_nav .footer-links > ul > li::after {
  content: "/";
  color: #888;
}
.footer-bottom_area .footer-bottom_nav .footer-links > ul > li > a:hover {
  color: #242424;
  text-decoration: underline;
}
.footer-bottom_area .footer-bottom_nav .payment {
  text-align: center;
}
.footer-bottom_area .footer-bottom_nav .copyright {
  padding-top: 25px;
  text-align: center;
}
.copyright span{
  color: #595959;
}
.footer-bottom_nav a{
  text-decoration: none;

}
/* .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;

}



/* 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 #fd002f;

  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 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;

  }

  .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;

  }
  .hiraola-product-tab_area-4 .product-menu li,
  .hiraola-product-tab_area-2 .product-menu li{
    font-size: 14px;
  }
  /* .hiraola-product_slider .slick-list, .hiraola-product-tab_slider-2 .slick-list, .latest-blog_area .slick-list, .hiraola-product-tab_area-4 .slick-list{
    margin: auto !important;
  } */
}

@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: 1;

    -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;

  }
  .main-logo a img{
    max-width: 160px;
  }

}

@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;

  }

}



.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.3vw);

}



.read-only input[readonly] {

  background-color: #dedede !important;

  border-color: #ccc;

  color: #777;

  border: 1px solid #ccc;

  border-radius: 0px;

  box-sizing: border-box;

}

.color-border-def{

  border: 1px solid #c7c7c7;

  padding: 2px;

}



.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);

}