@font-face {
  font-family: 'Farro';
  src: url('../fonts/Farro-Bold.eot');
  src: url('../fonts/Farro-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Farro-Bold.woff2') format('woff2'),
      url('../fonts/Farro-Bold.woff') format('woff'),
      url('../fonts/Farro-Bold.ttf') format('truetype'),
      url('../fonts/Farro-Bold.svg#Farro-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Farro';
  src: url('../fonts/Farro-Light.eot');
  src: url('../fonts/Farro-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Farro-Light.woff2') format('woff2'),
      url('../fonts/Farro-Light.woff') format('woff'),
      url('../fonts/Farro-Light.ttf') format('truetype'),
      url('../fonts/Farro-Light.svg#Farro-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Farro';
  src: url('../fonts/Farro-Medium.eot');
  src: url('../fonts/Farro-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Farro-Medium.woff2') format('woff2'),
      url('../fonts/Farro-Medium.woff') format('woff'),
      url('../fonts/Farro-Medium.ttf') format('truetype'),
      url('../fonts/Farro-Medium.svg#Farro-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Farro';
  src: url('../fonts/Farro-Regular.eot');
  src: url('../fonts/Farro-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Farro-Regular.woff2') format('woff2'),
      url('../fonts/Farro-Regular.woff') format('woff'),
      url('../fonts/Farro-Regular.ttf') format('truetype'),
      url('../fonts/Farro-Regular.svg#Farro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('../fonts/BeVietnamPro-Regular.eot');
  src: url('../fonts/BeVietnamPro-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/BeVietnamPro-Regular.woff2') format('woff2'),
      url('../fonts/BeVietnamPro-Regular.woff') format('woff'),
      url('../fonts/BeVietnamPro-Regular.ttf') format('truetype'),
      url('../fonts/BeVietnamPro-Regular.svg#BeVietnamPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-Bold.eot');
  src: url('../fonts/Archivo-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Archivo-Bold.woff2') format('woff2'),
      url('../fonts/Archivo-Bold.woff') format('woff'),
      url('../fonts/Archivo-Bold.ttf') format('truetype'),
      url('../fonts/Archivo-Bold.svg#Archivo-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Archivo';
    src: url('../fonts/ArchivoBlack-Regular.eot');
    src: url('../fonts/ArchivoBlack-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArchivoBlack-Regular.woff2') format('woff2'),
        url('../fonts/ArchivoBlack-Regular.woff') format('woff'),
        url('../fonts/ArchivoBlack-Regular.ttf') format('truetype'),
        url('../fonts/ArchivoBlack-Regular.svg#ArchivoBlack-Regular') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Caveat';
    src: url('../fonts/Caveat-Bold.eot');
    src: url('../fonts/Caveat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Caveat-Bold.woff2') format('woff2'),
        url('../fonts/Caveat-Bold.woff') format('woff'),
        url('../fonts/Caveat-Bold.ttf') format('truetype'),
        url('../fonts/Caveat-Bold.svg#Caveat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*-----RESET-----*/

html,body{width:100%;}
body{margin:0px;padding:0px; font-family: 'Farro', sans-serif ;font-weight:normal;font-size:14px;position:relative;overflow-x: hidden;-webkit-font-smoothing: antialiased !important;color: var(--primary);line-height: 1.4;background: var(--white); }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin: 0;padding: 0;border: 0;vertical-align: baseline;}
html {margin: 0;padding: 0;border: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section{display: block;}
table {border-collapse: separate;border-spacing: 0;}
*,*::before,*::after {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
a img {border: none;}
:focus {outline: 0;}
::-moz-focus-inner {border:0;}
a,button{text-decoration:none;color:inherit;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;cursor: pointer}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
}
a {
    color: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  pre,
  samp {
    font-family: 'Farro';
    font-size: 1.125rem;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
ul{
    list-style: none;
  }
  html {
    scroll-behavior: smooth;
  }



/*----- ROOT -----*/

  :root{
    --white:#fff;
    --primary:#000000;
    --secondary:#191919;
    --brown: #571A1A;
    --lightcream:#EFEDE9;
    --product-title:#2B2B2B;
    --border:hsl(0deg 0% 10% / 10%);
    --red:#EF3636;
    --gradient:radial-gradient(#fff, #efece8);
    --button-border:#D1D3D4;
    --button-text-color:#43454A;

  }
  


/*-----FORM CONTROL-----*/

::-webkit-input-placeholder {color:var(--secondary);font-family: 'Farro';font-weight:500;}
::-moz-placeholder {color:var(--secondary);font-family: 'Farro';font-weight:500;}
:-ms-input-placeholder {color:var(--secondary);font-family: 'Farro';font-weight:500;}
::-moz-selection {color: #fff;background:#191919;}
::selection {color:#fff; background:#191919;} 
select {-webkit-appearance: none;-moz-appearance: none;}
select::-ms-expand {display: none;}
input:invalid {box-shadow: none;}
input[type=text] ,input[type=submit],input[type=email],textarea  {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
textarea{resize: none;height: auto!important;min-height:120px;overflow: hidden;margin:0;}
.form-group{margin-bottom: 20px}
.form-group:has(.submit_btn) {margin-bottom: 0;}

.form-control{
  width: 100%;
  padding:10px 15px;
  border: 1px solid #E6E1DB;  
  height:50px;
  background:var(--white) ;
  color:var(--secondary);
  font-family: 'Farro';
  font-weight:normal;
  font-size: 14px;
  box-shadow: var(--box-shadow);
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  letter-spacing: 0;
  margin-bottom: 0;
}
.submitbtn input[type=submit] {background: transparent;border: 0;outline: 0;font-size: 16px;text-transform: capitalize;color: #fff;
  padding:0;cursor: pointer;font-weight:normal;line-height: 100%;}
  .submit_btn .submitbtn {
    width: 100%;
    background: transparent;
    color: #fff;
    border: 0;
    font-weight: normal;
    font-size: 16px;
    line-height: 100%;
    padding: 6px 20px;
    cursor: pointer;
    height: 68px;
    text-align: left;
    background: url(../../assets/images/svg/submit-arrow.svg) no-repeat right 20px top 16px;
}
.submit_btn {
  background: transparent;
  border: 1px solid #43454A;
  border-radius: 24px;
  color: #43454A;
  letter-spacing: 0;
  line-height: 100%;
  cursor: pointer;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  position: relative;
  z-index: 0;
  overflow: hidden;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  min-width: 145px;
  min-height: 48px;
  width: 145px;
  margin: 0 0 0 auto;
}
.form-control:focus{border-color:#fff !important;}
select.form-control{
  background:url(../../assets/images/caret.png)no-repeat  top 20px right 15px #fff;
}
.submit_btn:hover{
  box-shadow: inset 0 0px 30px var(--box-color);
    border-color: var(--box-color);
}

/*-----STRUCTURE-----*/
.container,.incontainer{padding-right:15px;padding-left:15px;margin-right: auto;margin-left: auto;position: relative}
.row{margin-left: -10px;margin-right: -10px;}
.row::before, .row::after ,.container::before, .container::after ,.clearfix::before, .clearfix::after{display: table;content: " ";}
.row::after,.container::after,.clearfix::after{ clear: both;}
.width50, .width100{width: 50%; padding-left:10px; padding-right:10px; position:relative; float:left}
.width100 {width: 100%;}
.flex-container{-ms-box-orient: horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex; display:-webkit-flex;
  display:flex;align-items: center;}
.wrap{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.hidden{display: none;}
.reCapta-txt p {margin-bottom: 0; margin-right: 10px;}

/* FLEX  */
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.flex-none {
    flex: none;
}
.flex-auto {
    flex: 1 1 auto;
}
.flex-1 {
    flex: 1 1 0%;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
.shrink {
    flex-shrink: 1;
}
.shrink-0 {
    flex-shrink: 0;
}
.flex-grow {
    flex-grow: 1;
}
.grow {
    flex-grow: 1;
}     
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
 }
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}


/*******************************************/
    /* HEADING , h1 , h2, h3 , h4  */
/*******************************************/
h1,
h2,
h3,
h4, 
h5, 
h6 ,
[class*="heading-"]{
    position: relative;
    line-height: 1.2;    
    margin-bottom: 30px;
    letter-spacing: 0;
     font-family: 'Farro';
    font-weight: bold;
    text-transform: inherit;
    color: var(--brown);
}
.heading-60 {font-size: clamp(1.625rem, 1.2rem + 2.125vw, 3.75rem);}
h1,
.heading-50{font-size: clamp(1.375rem, 1.025rem + 1.75vw, 3.125rem);}

h2,
.heading-36 {font-size: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem);}

h3,
.heading-34{font-size: clamp(0.99rem, 1.675rem + 0.375vw, 2.125rem);}

h4,
.heading-30{font-size: clamp(0.85rem, 1.575rem + 0.25vw, 1.875rem);}

h5,
.heading-26{font-size: clamp(0.75rem, 1.325rem + 0.25vw, 1.625rem);}

h6,
.heading-22{font-size: clamp(0.65rem, 1.225rem + 0.125vw, 1.375rem);}

.heading-17{font-size: clamp(0.9375rem, 0.9125rem + 0.125vw, 1.0625rem);}


.heading-icon{
  display: flex;
  align-items: center;
  column-gap: 10px;
}


/* ******** || PADDING AND MARGIN || ******** */

.my-120{
  margin: 120px 0;
}
.my-100{
  margin: 100px 0;
}
.my-50{
  margin:50px 0;
}
.mb-30{
  margin-bottom: 30px;
}
.mb-0{margin-bottom: 0;}

.py-100{
  padding: 100px 0;
}
.pb-150{
  padding-bottom: 150px;
}
.uppercase{
  text-transform: uppercase;
}
.bold{
  font-weight: bold;
}

/*-----HELPER-----*/
.bgimg{
    position: absolute;
    right: 0;
    bottom: 0;
    max-height: 100%;
    max-width: inherit !important;
    left: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100% !important;
    z-index: -1;
    overflow: hidden;
}
.scrollTop {
    position: fixed;
    right: 15px;
    bottom: 40px;
    border-radius: 50%;
    opacity: 0;
    height: 40px;
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    line-height: 37px;
    z-index: 10;
    color: #fff;
    background: var(--brown);
    text-align: center;
    font-size: 16px;
    padding: 0;
    transition: 1s ease;
    border: 1px solid var(--brown);
    opacity: 0.4;
}
/* ******** || BUTTON || ******** */
.button-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  row-gap:8px;
  column-gap: 20px;
}
  button, 
  .button, 
  button[type="submit"], 
  input[type="submit"] ,
  .woocommerce a.button ,
  .woocommerce button.button{
    font-size: 14px;
    text-transform: uppercase;
    padding: 6px 40px;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    font-family: 'Farro';
    font-weight: bold;
    z-index: 1;
    line-height: 1;
    letter-spacing: normal;
    text-decoration: none;
    justify-content: center;
    text-align: center;    
    border-radius: 24px;
     border: 1px solid var(--button-border);
    background: transparent;
    color: var(--brown);
    min-height: 48px;

    &.btn-theme{
      background: var(--brown);
      color: var(--white);
      border-color: var(--brown);
    }


    &.button > img{
      filter: brightness(0) invert(1);
      margin-right: 10px;
    }

    &.btn-instagram{
        text-transform: capitalize !important;
        border:0;
        color: var(--white);
        background: #f09433; 
        background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
        background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
        background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );

        &:hover{
        	background:var(--brown) !important;
        	color: var(--white) !important;
        }
    }

    &.btn-outline{
      color: var(--button-text-color);
      border-color: var(--button-text-color);

       &:hover{
	    	background: var(--button-text-color) !important;
	    	color: var(--white) !important;
	    }
    }
   
    &.btn-outline-white{
      color: var(--white);
    }

    &.top-button{
      position: absolute;
      top:0;
      right:15px;
    }

}

.submit_btn {
  & .button, 
  button[type="submit"], 
  input[type="submit"] {
    background-color: unset;
    color: #43454A;
    margin-bottom: 0;
    padding: 12px;
    border: none;
    width: 100%;

    &:hover{
    	background:var(--brown);
    	color: var(--white);
    	border-color:var(--brown);
    }
  }

  &:hover{
  	border-color:var(--brown);
  }

}



/*
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{
font-size: 14px;
    text-transform: uppercase;
    padding: 6px 40px;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    font-family: 'Farro';
    font-weight: bold;
    z-index: 1;
    line-height: 1;
    letter-spacing: normal;
    text-decoration: none;
    justify-content: center;
    text-align: center;    
    border-radius: 24px;
     border: 1px solid var(--button-border);
    background: transparent;
    color: var(--brown);
    min-height: 48px;
}
*/


/* **********|| SLICK SLIDER ||************ */

.slick-dotted.slick-slider {margin-bottom: 0;}
.slick-dots li{
  width: 12px;
  height: 12px;
  margin: 0 2px;
  padding: 0 !important;
}
.slick-dots li button:before{display: none;}
.slick-dots li button{
    width: 10px;
    height: 10px;
    background: var(--white);
    border-radius: 100%;
    border: 2px solid hsl(0deg 0% 44% / 40%);
    padding: 0;
}
.slick-dots li.slick-active button{
  border-color: var(--brown);
  background: var(--brown);
}


.slick-arrow .slick-prev,
.slick-arrow .slick-next {
    width: 34px;
    min-height: 34px;
    background: var(--white);
    border: 2px solid #D1D3D4;
    border-radius: 100%;
    z-index: 1;
    min-width: 34px;
    margin-bottom: 0;
}
.slick-arrow .slick-prev{
	left:0;
}
.slick-arrow .slick-next{
	right:0;
}

.slick-arrow .slick-prev:hover,
.slick-arrow .slick-next:hover {
     background: var(--brown);
    border: 1px solid var(--brown);
}

.slick-arrow .slick-arrow:hover:before {
  color: #fff;
}

.slick-arrow button.slick-arrow::before {
  position: absolute;
  font-family: "FontAwesome";
  color: #43454A;
  font-size: 20px;
  font-weight: normal;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0px solid rgba(255, 255, 255, 1);
  border-radius: 21px;
  z-index: 1;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 1;
}

/* **************** PAGE WRAPPER **************** */
main{margin-bottom: 0;}
.white-bg{
	background: var(--white);
}
.white-bg :is(*){
	color: var(--primary);
}
.cream-gradient-bg{
  background-image: radial-gradient(#ffffff, #edeae5 80%);
}

.radius{
  border-radius: 20px;
  overflow: hidden;
}

.img-block {
  width: 680px;
}
.ctent-block {
  width: calc(100% - 680px);
  padding-left: 110px;
}
.flex-row-reverse .ctent-block {
  padding-right: 110px;
  padding-left: 0;;
}
.flex-container:not(:last-child){
  margin-bottom: 70px;
}


p{
  font-size: 14px;
  line-height: 1.8;
  font-family: 'Farro';
  font-weight: normal;
  color: var(--primary);
  margin-bottom: 25px;
}
p:last-of-type{margin-bottom: 0;}
p a{
	font-weight: 500;
  display: inline-block;
}
p a:hover{
	color: var(--brown);
	text-decoration: underline;
}
.white-text-bg :is(*){
  color: var(--white);
}
.intro-center{
  text-align: center;
  margin-bottom: 45px;
}
.intro-center > div{
  margin-bottom: 15px;
}
.intro-center {

  .semi-head{
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary);
  }
}
.intro-center p{
  max-width: 660px;
  margin: 0 auto;
}
.content-sec [class*="heading-"] ,
.content-sec h1 ,
.content-sec h2, 
.content-sec h3 {
  margin-bottom: 15px;
}

[class*="cream-shape-"]{
  position: relative;

}
[class*="cream-shape-"]:before ,
[class*="cream-shape-"]:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 50px;
  left: 0;
  right: 0;
}
.cream-shape-top:before{
  top:-50px;
  background: url(../../assets/images/cream-shape-top.png) repeat-x;
}
 
.cream-shape-bottom:after{
  bottom:-50px;
  background: url(../../assets/images/cream-shape-bottom.png) repeat-x;
}


/* **********  UL OL  ********** */
.content-wrapper ul li,
ol li{
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  color: var(--primary);
  padding-left:20px;
  position: relative;
}

.content-wrapper ul li::before{
  content: "";
  position: absolute;
  top:8px;
  left:0;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background: var(--button-text-color);
}

.content-wrapper ul li:is(:has(strong)){
  padding-left: 30px;
}
.content-wrapper ul li:is(:has(strong))::before{
    background: url(../../assets/images/checked.svg) no-repeat;
    width: 17px;
    height: 16px;
    top: 3px;
}
.content-wrapper ul + *{margin-bottom: 30px;}
ol {
    margin: 30px 0;
    counter-reset: list-item;
}
ol li {
    list-style: none;
    counter-increment: list-item;
    color: var(--secondary);
    padding-left: 35px;
    position: relative;
}

ol li:before {
    content: counter(list-item);
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    background-color: var(--brown);
    border-radius: 100%;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: var(--white);
    line-height: 28px;
}



/* ----------------- Breadcrums Css ---------------- */
ul.woo_breadcums {
  width: 100%;
  padding: 0;
  position: relative;
  margin-bottom: 0;
}

ul.woo_breadcums li {
  list-style: none;
  color: #4a4a4a;
  font-family: 'Farro';
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 0;
  margin-bottom: 0;
}

ul.woo_breadcums li span {
  padding: 0;
  display: inline-block;
  font-family: "Farro";
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  text-transform: capitalize;
  letter-spacing: 0.32px;
}

/*ul.woo_breadcums li > span > span {
  white-space: nowrap;
}*/

ul.woo_breadcums li a {
  position: relative;
  z-index: 0;
  line-height: 100%;
  margin: 0 45px 0 0;
  display: inline-block;
  color: #ffffff;
  font-family: "Farro";
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  letter-spacing: 0.32px;
}

ul.woo_breadcums li a:after {
  content: "";
  position: absolute;
  top: 2px;
  right: -33px;
  bottom: 0;
  left: unset;
  background: url(../images/breadcrum-right.png), no-repeat;
  width: 17px;
  height: 11px;
  z-index: 0;
}

/*span.breadcrumb_last {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
*/
/* ---------------- Inner Banner Section ---------------- */
.inner-banner {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 450px;

  &::before {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: transparent linear-gradient(111deg, #191919 0%, #1919191F 100%) 0% 0% no-repeat padding-box;
    opacity: 0.5;  
    position: absolute;
  }

  &::after {
    /*content: "";
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 0;
    left: 0;
            background: url(../../assets/images/banner-shape-botom.png) no-repeat;
        transform: scaleY(-1);*/

        content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: url(../../assets/images/banner-shape-img.png) repeat-x;
  }


  &.no-banner-image{
    min-height: auto;
    padding: 20px 0;

    &:after{
      content:none;
    }
    &:before{
      height: 4px;
      background: url(../../assets/images/line.svg) repeat-x;
    }

    ul {

      & li{

        & span{
          color: #43454A;
          font-size: 12px;

          & a{
            color: #989CA7;
            font-size: 12px;

            &:after{
              background: url(../../assets/images/long-arrow-gray.png) no-repeat;
              width: 18px;
              height: 13px;
              top: 0;
            }
          }
        }
      }
    }

  }


}

.inner-banner {
  & .inner_banner_info {
    width: 100%;      
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.inner_banner_info .heading-36 {
  text-transform: capitalize;
  color: var(--white);
  margin-bottom: 10px;  
}

.inner_bannershape {
  position: relative;
}
.inner-banner.drover_landing_page .button-group{
	margin-top: 40px;
}


/* ******** || TOP KEYFATOR  || ******** */

.top-keyfactor{
  padding: 5px 0 25px;
}

.bottom-line:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: url(../../assets/images/line.svg) repeat-x;
}



/* ******** || SHOP BY COLLECTION  || ******** */

.shop-collection-list{
  display: flex;
  flex-wrap: wrap;
  margin: 40px -18px 0;
  row-gap:36px;

  	& li{
	    width: 25%;
	    padding: 0 18px;
	    margin-bottom: 0;
	    display: flex;
	    flex-wrap: wrap;

	    .shop-box{
	      border-radius: 6px;
	      display: flex;
	      position: relative;
	      overflow: hidden;

	      .shop-img {
	      	& img{
    				transition: all 0.5s linear;
    				-webkit-transition: all 0.5s linear;
    				-moz-transition: all 0.5s linear;
    				-o-transition: all 0.5s linear;
    			}
	      }

	    &::before{
	        content:"";
	        position:absolute;
	        top:0;
	        width: 100%;
	        height: 100%;
            z-index: 1;
	        background-image: linear-gradient(to bottom, transparent 50%, hsl(0deg 0% 0% / 50%));
	        transition: all 0.5s linear;
	        -webkit-transition: all 0.5s linear;
	        -o-transition: all 0.5s linear;
	        -moz-transition: all 0.5s linear;
			}

		&.discount-gift{
			width: 100%;
    		background-image: radial-gradient(#ffffff, #EFDAC5 80%);
    		position: relative;
    		z-index: 1;
    		padding:25px 25px 25px 35px;
    		align-items: center;

    		&:before{
    			width: 248px;
                height: 248px;
                border-radius: 100%;
                background-image: linear-gradient(to top, transparent 58%, hsl(0deg 0% 100% / 20%));
                z-index: -1;
                left: 0;
                right: 0;
                margin: 0 auto;
                top: 27px;
    		}

    		.shop-info{
    			position: relative;
    			order:1;
    			width: calc(100% - 155px);


    			.heading-50{
    				color: var(--secondary);
    				margin-bottom:5px;
    			}

    			p{
    				font-size: 20px;
                    font-weight: bold;
                    color: var(--secondary);
                    line-height: 1.4;
                    margin-bottom: 10px;
    			}

    			.btn-theme{
    				min-height: 34px;
    				padding: 6px 12px;
            		min-width: 110px;
    			}

    		}
    		.shop-img{
    			order:2;
    			width: 155px;
    		}

		}


		&:hover {

			&::before{
				background-image: linear-gradient(to bottom, transparent 50%, hsl(0deg 54% 22% / 80%));
			}

			.shop-img{
				& img{
					transform: scale(1.1);
				}
			}

			& span.btn-white{
				opacity: 1;
				transform: translate(0, 0);
			}
		}


	    }

	    .shop-info{
	    	position: absolute;
	    	left:0;
	    	bottom: 0;
	    	text-align: left;
	    	z-index: 1;
	    	width: 100%;

	    	& 	span.btn-white{
    				background: var(--white);
	                border-color: var(--white);
	                min-height: 34px;
	                padding: 7px 20px 5px;
	                font-size: 12px;
	                min-width: 110px;
	                position: absolute;
	                right: 20px;
	                bottom: 26px;
	                transform: translate(0, -10px);
	                opacity: 0;
	                transition: all 0.5s linear;
	                -webkit-transition: all 0.5s linear;
	                -o-transition: all 0.5s linear;
	                -moz-transition: all 0.5s linear;

	                &:hover{
	                	background: var(--brown);
						border-color: var(--brown);
						color: var(--white);
	                }

    			}

	    	.heading-22{
	    		color: var(--white);
	    		position: relative;
	    		padding-left: 25px;

	    		&:before{
	    			content:"";
	    			position:absolute;
	    			left:0;
	    			top: 10px;
	    			width: 16px;
	    			height: 2px;
	    			background: currentColor;
	    		}
	    	}
	    }
	}
}

/* ******** || SHOP OFFER  || ******** */
.shop-offer-wrapper{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 40px;

  .offer-box{
    padding:22px 35px 21px 25px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow:hidden;

    .shop-info{
      	padding-left: 20px;
      	text-align: left;

          .promo-code{
            font-size: 16px;
            font-weight: bold;
            color: var(--primary);
            line-height: 1.2;
            margin-bottom: 10px;

            span{
              color: var(--brown);
            }
      	}

    }

    .heading-26{
        color: var(--secondary);
        max-width: 220px;
        line-height: 1.2;
        margin-bottom: 12px;

    }

    .button.btn-theme{
      	min-height: 34px;
        padding: 6px 20px;
        min-width: 110px;
    }

    .bubble-shape{
      width: 119px;
      height: 103px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      position: relative;
      font-size: 28px;
      color: var(--white);
      font-weight: bold;
      z-index: 1;
      line-height: 1.1;
      flex-direction: column;
      top: -31px;
		right: 30px;

      span{
        display: block;
        font-size: 18px;
        text-transform: uppercase;
        line-height: 100%;
      }

    }

    .offer-shape{
    	position: absolute;
       top: -10px;
       left: -20px;
       height: 100%;
       min-width: 738px;
    }


  }
  .offer-box.stylish-outfit{
      background-image: radial-gradient(#ffffff, #EFDAC5 80%);
			
			/*.bubble-shape{
				top: -31px;
			    right: 30px;
			}*/

      .shop-info{
        & .btn-theme{
          &:hover{
            background:var(--secondary);
          }
          }
      }

  }
  .offer-box.toy-gift{
      background-image: radial-gradient(#ffffff, #D8E1BD 80%);

      	.offer-shape{
      	    top: -12px;
            left: 0;
            min-width: auto;
            margin: 0 auto;
            right: 8px;
      	}

      .button.btn-theme{
        background: var(--secondary);

        &:hover{
        	background:var(--brown);
        	color: var(--white);
        }
      }

      .shop-img{
        order:1;
      }

      .shop-info{
        order:2;
      }
      .bubble-shape{
        order:3;
        top: -14px;
        left: -10px;
      }

  }
}

   .bubble-shape:after{
    content: "";
    position: absolute;
    top: 0;
    background: url(../../assets/images/bubble-chat-brown.png) no-repeat;
    width: 119px;
    height: 103px;
    z-index: -1;
   }

   .offer-box.toy-gift .bubble-shape:after{
    background: url(../../assets/images/bubble-chat-gray.png) no-repeat;
   }

/* ******** || CUSTOMER REVIEWS  || ******** */

.customer-bg {

	& img.foot-step{
		position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        opacity: 0.05;
        bottom: 0;
        margin: auto;
	}

  .intro-center{
    max-width: 600px;
    margin: 0 auto;
  }

  .client-grid{
    display: flex;
    flex-wrap: wrap;
    margin: 45px -80px 0;

    & li{
      padding: 0 80px;
      text-align: center;
      width: 33.33%;
      border-right: 1px solid hsl(0deg 24% 52% / 20%);

      .client-box {

        .cust-img{
          width: 125px;
          height: 125px;
          border-radius: 100%;
          overflow:hidden;
          margin: 0 auto 15px;
        }

        & img.star{
          margin: 0 auto 15px;
        }

        

        .client-say-box {
         /* min-height: 195px;*/
         min-height: 80px;

          & p{
	          font-style: italic;
	          font-size: 16px;
	          font-weight: bold;
	          line-height: 32px;
	          position: relative;

	          .emoji{
	              font-style: normal;
	          }
	        }

          .name{
            font-size: 16px;
            color: var(--brown);
            font-weight: bold;
            letter-spacing: 0.32px;
            margin-top: 10px;
          }
        }

        .cust-img-shop {

          .shop-img{
              display: flex;
              max-width: 90px;
              background: var(--white);
              height: 65px;
              border-radius: 5px;
              align-items: center;
              justify-content: center;
              margin: 35px auto 15px;
          }

          & a.alink{
            font-size: 14px;
            color: var(--product-title);
            font-weight: bold;
            display: inline-flex;
            align-items: center;
            column-gap: 10px;
          }
        }
      }
    }

    & li:last-child{
      border-right:0;
    }
  }
}
.client-say-box p:before, 
.client-say-box p:after{
  content:"";
  position: absolute;
  width: 19px;
  height: 22px;

}
.client-say-box p:before{
  background: url(../../assets/images/svg/quote-left.svg)no-repeat ;
  left:-30px;
  top:0;
}
.client-say-box p:after{
  background: url(../../assets/images/svg/quote-right.svg)no-repeat ;
  bottom:0;
  margin: 0 0 -8px 20px;
}


/* ******** || Keyfactor  || ******** */
.keyfactor-wrapper {
  display: flex;
  justify-content: space-between;
  
}
.keyfactor-wrapper .keyfact-box {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.keyfactor-wrapper .keyfact-box p {
  color: #885252;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1.2;
}
.inner-keyfactor{
  padding: 20px 0;
}

.dark-bg .keyfactor-wrapper .keyfact-box p{
  color: var(--white);
}
.dark-bg .keyfactor-wrapper .keyfact-box .key-icon > img{
  filter: brightness(0) invert(1);
}

/* ------------------- About Page Key Factor ----------------- */
.border-box {
  border: 3px solid rgb(25, 25, 25, 10%);
  border-left: 0;
  border-right: 0;
  padding: 26px 0;
}

/* ******* || Choose Drovers dog to buy product || ******* */

  .choose-buy-product{
    background-image: linear-gradient(152deg, hsl(0deg 0% 0% / 50%), transparent);
  }
  .choose-grid{
  display: flex;
  flex-wrap:wrap;
  margin: 0 -11px;

  & li{
      width: 25%;
      padding: 0 11px;
      display: flex;
      flex-wrap: wrap;

      & .choose-item{
          background-color: var(--white);
          border-radius: 10px;
          padding:30px 25px;
          display: flex;

          & .ch-icon{
              width: 50px;
          }
          & .ch-info{
              width: calc(100% - 50px);
              padding-left: 20px;

              .heading-17{
                  color: var(--brown);
                  line-height: 1.4;
                  margin-bottom: 5px;
              }

             	& p{
                  color: var(--primary);
                  line-height: 24px;
                  margin-bottom: 0;
              }

          }
      }
    }
  }
  .ch-line-bottom {
    position: relative;
    margin-top: 48px;

  p {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0;
    }
  }

  .ch-line-bottom:before, 
  .ch-line-bottom:after {
      content: "";
      position: absolute;
      top:0;
      bottom:0;
      margin:auto 0;
      width: 280px;
      height: 1px;
      background: hsl(0deg 0% 100% / 20%);
  }
  .ch-line-bottom::before{
      left:0;
  }
  .ch-line-bottom::after{
      right:0;
  }

/* ---------------- Shopping details pages Section ---------------- */
.shopping-left-block {
  width: 340px;

  & .shopping-wrap {
    background: transparent radial-gradient(closest-side at 50% 50%, #FFFFFF 0%, #EDEAE5 100%) 0% 0% no-repeat padding-box;
    border-radius: 6px;
    padding: 40px;

    & li {
      padding-left: 32px;
      position: relative;
      color: var(--primary);
      font-weight: 500;
      line-height: 1.4;

      &.current_page_item.active,
      &:hover {
        color: var(--brown);
      }

      &::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto 0;
        background: url(../images/long-arrow-right.png), no-repeat;        
        width: 17px;
        height: 12px;
      }
    }

    & li:last-child {
      margin-bottom: 0;
    }
  }
}

.shopping-right-block {
  width: calc(100% - 340px);
  padding-left: 100px;

  & hr {
    margin-top: 50px;
    color: rgb(161, 103, 103, 20%);
    margin-bottom: 50px;
  }

  & p {
    font-size: 16px;

    /*& br{
    	display: none;
    }*/
  }

  & p > a {
    text-decoration: underline;
    display: inline-block;
  }

  & ul {
    margin-bottom: 20px;

    & li {
      color: var(--primary);
      padding-left: 26px;
      position: relative;
      margin-bottom: 10px;
      line-height: 1.4;
  
      &::before {
        content: '';
        position: absolute;
        top: 4px;
        left: 0;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background-color: #43454A;
      }
    }
  }
}

.shopping-right-block .faq_accordion.faq-page.smk_accordion .acc_head h3{
  font-size: 16px;
}
.shopping-right-block .faq_accordion.faq-page.smk_accordion .accordion_in.acc_active .acc_head h3{
  font-weight: bold;
}

/* ------------------ Shop by Collection Page -------------------- */
.shopbycollectionpg {
  & .shop-by-collection {
    &.cream-gradient-bg {
      background-image: var(--white);
      margin:0;
    }

    &.cream-shape-top {
      &::before {
        display: none;
      }
    }

    &.cream-shape-bottom {
      &::after {
        display: none;
      }
    }
  }
}


/* **************** || FOOTER || **************** */

.instagram-sec{
	padding:100px 0 90px;

	.column-wrap{
		margin-bottom: 40px;
	}

	.button.top-button{
		top:-8px;
	}

	#sb_instagram{
		height: 100% !important;
	}


}

footer{
  background-color: var(--secondary);
  position: relative;
}
.black-shape{position: relative;}
.black-shape:before{
  content: "";
  position: absolute;
  top:-22px;
  left:0;
  right:0;
  width: 100%;
  height: 50px;
  background:url(../../assets/images/svg/black-shape.svg) no-repeat;
}
.bone-shape{
 bottom: 105px;
 right:110px;
}
.footer-shape{
  left:0;
  top:0;
  bottom:0;
  margin: auto 0;
}
footer .keyfactor-wrapper{
  padding: 36px 0;
    border-bottom: 1px solid hsl(0deg 0% 100% / 5%);
    margin-bottom: 60px;
}
footer .footer-wrapper.flex-container {
  margin:60px 0 0;
}
.footer-wrapper .ft-col{
  width: 345px;
  position: relative;
}
.footer-wrapper .ft-col.ft-logo{
  width: 360px;
}
.footer-wrapper .ft-col:not(:last-child):before {
  content: "";
  position: absolute;
  right: 0;
  top:0;
  width: 1px;
  min-height: 252px;
  background-color: hsl(0deg 0% 100% / 5%);
}
/* .footer-wrapper .ft-col:not(:last-child){
  padding-right: 30px;
} */

.footer-wrapper .ft-col:not(:first-child){
  padding-left: 75px;
}
.footer-wrapper .ft-col.newsletter{
  width: 420px;
  padding-left: 90px;


  &::before{
    display:none;
  }
}
.ftlabel{
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.4px;
  color: var(--white);
  margin-bottom: 20px;
}
a.logo-link{
  display: block;
  margin-bottom: 25px;
}
.quick-link li{
    font-size: 14px;
    color: #C4C4C4;
    line-height: 100%;
    position: relative;

    &:hover,
    &.active{
    	color:var(--white);

    	& a:after{
    		width:100%;
    	}
    }


	& a{
		position: relative;
		line-height: 1.2;

		&:after{
	    	content: "";
	    	position: absolute;
	    	bottom:0;
	    	left:0;
	    	width: 0;
	    	height: 1px;
	    	background: var(--white);
	    	transition: all 0.5s linear;
	    	-webkit-transition: all 0.5s linear;
	    	-moz-transition: all 0.5s linear;
	    	-o-transition: all 0.5s linear;
	    }
	    &:hover:after{
	    	width: 100%;
	    }
	}



    

}
.quick-link li:not(:last-child){
  margin-bottom: 20px;
}
.ft-shop .quick-link{
  column-count: 2;
}
.ft-contact li .ftbox{
  display: flex;
}
.ft-contact li .ftbox .ft-icon{
  width: 19px;
  height: 19px;
  background-color: var(--white);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ft-contact li .ftbox .ft-info{
  width: calc(100% - 19px);
  padding-left: 10px;
}
.ft-contact li .ftbox .ft-info p ,
.ft-contact li .ftbox .ft-info a,
footer p{
  color: #C4C4C4;
  line-height: 24px;
  font-weight: 300;
  font-size: 14px;
  position: relative;
  margin-bottom: 0;
}
.ft-contact li .ftbox .ft-info a{

	&:hover{
		color:var(--white);
	}

	&:after{
		content: "";
	    position: absolute;
	    bottom:0;
	    left:0;
	    width: 0;
	    height: 1px;
	    background: var(--white);
	    transition: all 0.5s linear;
	    -webkit-transition: all 0.5s linear;
	    -moz-transition: all 0.5s linear;
	    -o-transition: all 0.5s linear;
	}

	&:hover:after{
		width: 100%;
	}
}

.ft-contact li .ftbox .ft-info p{
  max-width: 220px;
}
.follow-list {
  display: flex;
  column-gap: 10px;
  margin-top: 30px;
}
.follow-list li a{
  width: 40px;
  height: 40px;
  background-color: var(--white);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--brown);
  font-size: 20px;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
.follow-list li a:hover{
    background: var(--brown);
    color: var(--white);
}

.search-wrap .searchcontrol{
  position: relative;
  margin: 30px 0;
}
.search-wrap .searchcontrol input{
  background: var(--white);
  border-radius: 24px;
  border-color: var(--white);
  margin-bottom: 0;
  padding: 10px 80px 10px 30px;
}
.search-wrap .searchcontrol .submit {
  height: 48px;
  min-height: 48px;
  position: absolute;
  right: 0;
  bottom: 1px;
  padding: 0px;
  text-align: center;
  width: 77px;
  background: var(--brown);
  font-family: 'Archivo';
  border-radius: 24px;
  min-width: 77px;
  cursor: pointer;
  margin-bottom: 0;
  border: 2px solid var(--white);
  font-size: 18px;
  color: var(--white);
  font-weight: bold;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
.search-wrap .searchcontrol .submit:hover{
  background:var(--secondary);
}

.copyright-wrapper{
  border-top: 1px solid hsl(0deg 0% 100% / 5%);
  padding: 15px 0;
}
.copyright-wrapper .payment{
  display: flex;
  column-gap: 10px;flex-wrap: wrap;
}
.copyright-wrapper .payment li{margin-bottom: 0;display: inherit;}
.copyright-wrapper .payment li .paybox {
  background: var(--white);
  width: 40px;
  height: 26px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.copyright-wrapper p{
  font-size: 13px;
  color: #C4C4C4;
  line-height: 1.3;
  letter-spacing: 0.36px;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
      align-items: center;
  gap: 6px;
}
.copyright-wrapper p span{
  line-height: 1;
      align-items: center;
}
.copyright-wrapper p span a img{
  position: relative;
  top:2px;
}

.landingmenu{
	border-top: 1px solid hsl(0deg 0% 100% / 5%);
    width: 100%;
    padding: 30px 0;
}
.landingmenu .quick-link.landingpgmnu{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
column-gap: 40px;
grid-row-gap: 15px;
}
.landingmenu .quick-link.landingpgmnu li{
	margin-bottom: 0;
}

/* **************** || ICON POSITION AND ICON ANIMTION || **************** */
.icon-shape{
  position: absolute;
}
.footwear-shape{
  position: absolute;
  right:0;
  top:25px;
}

/* **** MODEL POPUP ***** */
#bonus-modaloverlay {
    position: fixed;
    top: 0;
    left: 0;
    background:hsl(0deg 0% 0% / 75%);
    z-index: 99999;
    height: 100%;
    width: 100%;
}

.bonus-modalpopup {
    position: absolute;
    top: 15%;
    left: 0%;
    right: 0;
    margin: auto;
    width: 41%;
    min-width: 900px;
}

#bonus-modaloverlay #modal-close {
    position: absolute;
    right: -18px;
    width: 40px;
    height: 40px;
    margin-right: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 2;
    cursor: pointer;
    background: var(--secondary);
    border-radius: 100%;
    top: -18px;
    border: 3px solid var(--white);
}

.offer-model .modal-content {
    display: flex;
    background: var(--white);
    border-radius: 10px;
    text-align: center;
    position: relative;
    overflow: hidden;

    .pop-up-bubble{
        width: 117px;
        height: 101px;
        position: absolute;
        top: 172px;
        left: -83px;
        right: 0;
        margin: 0 auto;
        font-size: 28px;
        font-weight: bold;
        line-height: 1.2;
        color: var(--white);
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;

        span{
          font-size: 18px;
          font-weight: bold;
          text-transform: uppercase;
        }

      }

      .pop-up-bubble:before{
        content: "";
        position: absolute;
        top:0;
        background: url(../../assets/images/bubble-chat.png);
        width: 118px;
        height: 102px;
        z-index: -1;
      }

    .modal-img{
      width: 420px;
    }

    .modal-right{
      width: calc(100% - 410px);
      padding: 94px 50px 30px 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 1;

      & img.pop-up-bg{
        position: absolute;
        top:40px;
        left:0;
        width: 100%;
        z-index: -1;
      }

      .hang-text{
         font-family: 'Caveat';
         font-size: 34px;
         margin-bottom: 0;
         line-height: 1.2;
         color: var(--secondary);
      }
      .heading-34{
         font-family: 'Archivo';
           font-weight: 900;
           line-height: 1.2;
           margin-bottom: 15px;
      }

      p{
        font-weight: 600;
      }

      .new_sletter{
        max-width: 340px;
        margin: 25px auto 0;

        & input[type="email"]{
          border: 2px solid var(--button-text-color);
          border-radius: 25px;
          width: 100%;
        }

        & input[type="submit"]{
          background: var(--brown);
          color: var(--white);
          width: 100%;
          margin-top: 20px;
          margin-bottom: 0;
        }
      }
    }
}




/* ********| thank you 0r error | ******** */

.thank_you_content {
    margin: 0 auto;
}
.thank_you_content p {
	margin-bottom: 20px;
}
.thank_you_content p a {
  font-weight: bold;
}
main .thank_you_content ul{
	margin-top: 20px;
}
main .thank_you_content ul li:not(:last-child){
	margin-bottom: 15px;
}
main .thank_you_content ul li{padding-left: 18px;position: relative;color: var(--secondary);}
main .thank_you_content ul li:after{
    content: "\f105 " !important;
    position: absolute;
    top: -1px;
    left: 0;
    bottom: 0;
    font-family: "FontAwesome";
    opacity: 1;
    z-index: 0;
    background: none;
    width: auto;
    height: auto;
}

.error-left{
	width: 60%;
	padding-right: 100px;
}
.error-right{
	width: 40%;
}
main .thank_you_content ul li a{text-decoration: underline;}
main .thank_you_content ul li a:hover{
  color: var(--brown);
}




/* **************** || FORM || **************** */

.reCapta-txt {
    font-size: 12px;
    color: var(--darkgray);
    font-weight: normal;
    text-align: left;
    width: 100%;
    margin-bottom: 10px;
    line-height: 1.2;
}
form input[type="submit"] , 
form .submit-block{
  width: 100%;
  max-width: 180px;
  cursor: pointer;
}
form input[type="submit"]{
	min-height: 48px;
	/*background: url(../../assets/images/svg/arrow-left.svg) right 100px top 10px no-repeat var(--orange);*/
}
form input[type="submit"]:hover{
	background: var(--red);
	border-color: var(--red);
}

.wpcf7 form .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border: 1px solid #f5c812;
    background: #fff9df;
    width: 100%;
    display: block;
    padding: 14px 15px 14px 45px;
    text-align: left;
    line-height: 1;
    margin: 0 auto 20px;
    font-family: "Kanit";
    font-weight: normal;
    color: var(--paragraph);
    font-size: 14px;
    position: relative;
}

.wpcf7-response-output:before {
  position: absolute;
  content: "";
  background: url(../../assets/images/material-error-outline.svg) no-repeat left top;
  width: 20px;
  height: 20px;
  left: 15px;
  top: 12px;
  display: inline-block;
}

.wpcf7-not-valid-tip:before {
  top: -5px;
  margin: 0;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid red;
}

.wpcf7-validates-as-required.wpcf7-not-valid {
  background-color: #ffdfdf;
  border-color: #f54812;
}

.row>.form-group>label {
  font-size: 16px;
  text-align: left;
  letter-spacing: 0;
  font-weight: 600;
  font-family: "Kanit";
  display: block;
  margin-bottom: 10px;
  color: var(--white);
}

.wpcf7 .ajax-loader,
.wpcf7-spinner {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0 0 20px;
 /* padding: 10px 15px;*/
}

.wpcf7-not-valid-tip {
  font-size: 12px;
  margin: 0;
  position: relative;
  background: #fe0000;
  display: inline-block;
  color: var(--white);
  letter-spacing: 0.2px;
  padding: 7px 10px;
  line-height: 100%;
  top: -5px;
}
.newsletter form span.wpcf7-form-control-wrap{
	display: block;
	height: 50px;
}


main section.inner-banner:not(.inner_bannershape.no-banner-image) ~ section.py-100{
  padding-top:70px;
}
.shopbycollectionpg .shop-by-collection .shop-collection-list{
  margin-top: 0;
}

.html5lightbox-div  .lightboxcontainer.choose_box{
	padding: 50px;
}
.chs_img > img{
	display: block;
	margin:0 auto 25px;
}
.chs_title{
	margin-top: 30px;
	font-size: 16px;
    font-weight: bold;   
    color: var(--brown);
}

.cream-shape-bottom{
	margin-bottom:50px;
}

/* ********* PRODUCT LISTING ********* */

.cr-ajax-search{
	position: relative;
}
.cr-all-reviews-shortcode .cr-ajax-search input{
	   border-radius: 25px !important;
    border: 2px solid var(--brown) !important;
    font-style: italic;
    font-size: 14px !important;
    font-weight: 500;
    height: 45px;
}
.cr-all-reviews-shortcode .cr-ajax-search .cr-button-search{
	background: var(--brown);
    color: var(--white);
    border-radius: 25px;
    position: absolute;
    right: 0;
    padding: 10px 25px;
    min-height: 45px;
}
.cr-all-reviews-shortcode .cr-ajax-search .cr-ajax-search-icon, .cr-ajax-search .cr-ajax-search-icon{display: none;}
.woocommerce ul li.product .cr-reviews-rating, .woocommerce-page ul li.product .cr-reviews-rating{
	justify-content: center;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
    padding-bottom: 158px;
}
.woocommerce ul li.product .price.product-price, 
.woocommerce-page ul li.product .price.product-price{
	position: absolute;
	 bottom: 0;
    padding-bottom: 120px;
	width: 100%;
	text-align: center;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{
	color: var(--brown);
    font-size: 22px;
    margin: 15px 0 0;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    column-gap: 8px;
}

.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review, 
.cr-reviews-grid .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review ,
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, 
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, 
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, 
.cr-qna-block .cr-review-form-buttons .cr-review-form-submit{
  background-color: var(--brown); 

  &:hover{
    background:var(--secondary);
    border-color: var(--secondary);
  }
}

#reviews .cr-summaryBox-wrap .cr-overall-rating-wrap, 
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-overall-rating-wrap{
    width: 25%;
    flex: 0 0 25%;
}
.cr-all-reviews-shortcode ol li.comment .comment_container .cr-avatar-check, 
.cr-all-reviews-shortcode ol li.review .comment_container .cr-avatar-check, 
.cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .cr-avatar-check, 
.cr-reviews-grid .cr-review-card .cr-avatar-check, 
.cr-reviews-slider .cr-review-card .cr-avatar-check {
background-color: var(--brown);
}

.needsclick  button[aria-label="Close dialog"]{

    background: var(--brown);

    & path{
      fill: white;
      stroke: #fff;
    }
}

/*Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) {
   .container {max-width: 540px;}  
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .incontainer,  .container {max-width: 720px;}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .container{max-width: 960px;}

    .sticky {
      position: sticky;
      top:100px;
      align-self: flex-start;
    }
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .container {max-width: 1120px;}    
}
/* Super large devices (large desktops, 1440px and up)*/
@media (min-width: 1600px) {
     .container {max-width: 1500px;}
}


@media (min-width: 1921px){
  .inner-banner{
    min-height: auto;
    padding: 280px 0;
  }
  .inner-banner {
    &::after {
        background-size: cover;
    }
}
}

@media(max-width: 1599.98px) {
  /* ----------------- Page Wrapper ------------------ */
  .img-block {
    width: 500px;
  }
  .ctent-block {
    width: calc(100% - 500px);
    padding-left: 80px;
  }
  .flex-row-reverse .ctent-block {
    padding-right: 90px;
    padding-left: 0;
  }

  /* ------------ Common Form Css ------------- */
  .reCapta-txt p {font-size: 12px;}


  /* ******* || SHOP By COLLECTION || ******* */

    .shop-collection-list {
    	margin: 0 -10px;
    	row-gap: 20px;

	    & li {
	        padding: 0 10px;

	        & .shop-box {

	            &.discount-gift {
	            	padding: 20px;

	            	& .shop-info{
	            		width: calc(100% - 100px);
	            		
	            		.heading-50{
	            			font-size: 32px;
	            		}

	            		p{
	            			font-size: 16px;
	            		}
	            	}
	                .shop-img {
	                    width: 100px;
	                }
	            }
	        }
	    }
	}



  /* ******* || SHOP OFFER || ******* */
  .shop-offer-wrapper {

	    & .offer-box {

	    	.shop-img {
				width: 150px;
			}
	        .shop-info {
	            padding-left: 0;
	        }
	       
	       .bubble-shape {
	            width: 100px;
	            height: 100px;
	            right:0;
        	}

        	.offer-shape {
            	min-width: 548px;
        	}
	    }

	    & .offer-box.toy-gift {
	        .bubble-shape {
	            order: 3;
	            top: -14px;
	            left: 0;
	        }
	    }
	}


	.bubble-shape:after ,
	.offer-box.toy-gift .bubble-shape:after{
		background-size: 100px;
	    left: -3px;
	    top: 4px
	}


  /* ******* || Choose Drovers dog to buy product || ******* */
  .choose-grid{ 
    & li{        
        & .choose-item {
            & .ch-icon {
                width: 40px;
            }
            & .ch-info {
              width: calc(100% - 40px);
              padding-left: 15px;
            }
          }
      }
  }

  .ch-line-bottom {    
    margin-top: 20px;
  }

  .ch-line-bottom:before, 
  .ch-line-bottom:after {
    content: none;
  }

  /* **************** || FOOTER || **************** */
  .footer-wrapper .ft-col.ft-logo {
      width: 100%;
      display: flex;
      border-bottom: 1px solid hsl(0deg 0% 100% / 5%);
      margin-bottom: 60px;
      padding-bottom: 60px;
      align-items: center;

      &:before{
        display:none;
      }

      .ft-contact{
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          justify-content: space-between;
          align-items: flex-start;
          padding-left: 30px;

      }
      a.logo-link{
        border-right:1px solid hsl(0deg 0% 100% / 5%);
        padding-right: 30px;
        width: 300px;
        margin-bottom: 0;
      }

  }

  .ft-contact li .ftbox .ft-info p ,
  .ft-contact li{
    margin-bottom: 0;
  }

  .footer-wrapper .ft-col.ft-quick{
    width: 300px;
  }
  .footer-wrapper .ft-col.ft-shop{
    width: 370px;
  }
  .footer-wrapper .ft-col:not(:first-child) {padding-left: 40px;}
  .footer-wrapper .ft-col.ft-quick{padding-left: 0;}

}

@media(max-width: 1439.99px) {
  /* ------------ Common Css ------------- */
  .my-100 {
    margin: 80px 0;
  }
  .py-100{
    padding: 80px 0;
  }

  /* ---------------- Shopping details pages Section ---------------- */
  .shopping-right-block {
    padding-left: 60px;
  }

  /* **************** || SHOP OFFER || **************** */
  .shop-offer-wrapper.my-50{
  	margin: 30px 0 10px;
  }


  /* **************** || INSTAGRAM || **************** */
  .instagram-sec {padding: 60px 0 100px;}

   /* **************** || FOOTER || **************** */
   footer .keyfactor-wrapper ,
   .footer-wrapper.flex-container {margin-bottom: 30px;}
   .footer-wrapper {margin: 30px 0;}
   .footer-wrapper .ft-col.ft-logo{padding-bottom: 30px;margin-bottom: 30px;}


   .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{
   	font-size: 16px;
   }
   .woocommerce ul li.product .cr-reviews-rating, 
   .woocommerce-page ul li.product .cr-reviews-rating{
   	padding-bottom: 150px;
   }


}

@media(max-width: 1199.99px) {
  /* ------------ Common Css ------------- */
  .my-100 {
    margin: 60px 0;
  }
  .py-100{
    padding: 60px 0;
  }


  .inner-banner {
		min-height: 300px;

    	& .inner_banner_info {
	        justify-content: flex-end;
	        padding-bottom: 70px;
	    }


	  &.no-banner-image {
	  	padding: 15px 0;

	  	.inner_banner_info{
	  		padding-bottom: 0;
	  	}
	  }

	}
	.inner-banner.drover_landing_page .button-group{margin-top: 8px;}

  /* ---------------- Page Wrapper ---------------- */
  .img-block {width: 400px;}
  .ctent-block {width: calc(100% - 400px);padding-left: 30px;}
  .flex-row-reverse .ctent-block {padding-right: 50px;    }
  .intro-center {margin-bottom: 25px;}
  .flex-container:not(:last-child) {margin-bottom: 30px;}

   /* ******* || CLIENT REVIEW || ******* */  
  .cream-shape-bottom{
  	margin:40px 0;

  	.client-say-box p:before {
		    left: 0;
		    top: -21px;
		}
  }

  /* ---------------- Shopping details pages Section ---------------- */
  .shopping-left-block {
      width: 300px;

      & .shopping-wrap {
        padding: 22px;
      }
  }

  .shopping-right-block {
    width: calc(100% - 300px);
    padding-left: 40px;
  }

  /* ******* || SHOP By COLLECTION || ******* */

    .shop-collection-list {
	    & li {
	    	width: 33.33%;
	    }
	}



  /* ******* || SHOP OFFER || ******* */
  .shop-offer-wrapper {
	    column-gap: 20px;
	}

  /* ******* || Choose Drovers dog to buy product || ******* */  
  .choose-grid {
    & li {
      width: 50%;      

      & .choose-item {
        width: 100%;
        padding: 20px;
      }
    }
  }

  .customer-bg {
        & img.foot-step {
            display: none;
        }
    }

  /* ******* || INSTAGRAM || ******* */ 
  .instagram-sec {padding: 40px 0 60px;}

  /* ******* || FOOTER || ******* */ 

  .footer-wrapper .ft-col.ft-quick {width: 230px;}
  .footer-wrapper .ft-col.ft-shop {width: 320px;}
  .footer-wrapper .ft-col.newsletter {width: 380px;}
.my-120 {
    margin: 80px 0 60px;
}
	.cream-shape-bottom{
				margin:80px 0 60px;
	}
	main section.inner-banner:not(.inner_bannershape.no-banner-image) ~ section.py-100 {
  padding-top: 60px;
}
.copyright-wrapper{
	    justify-content: center;
    row-gap: 10px;
}

}

@media(max-width: 991.99px) {
  /* ------------ Common Css ------------- */
  .my-100 {
    margin: 40px 0;
  }
  .py-100{
    padding: 40px 0;
  }





 button, 
 .button, 
 button[type="submit"], 
 input[type="submit"] {
    min-width: 150px;
    padding: 10px 20px;

   &.top-button {
        position: relative;
        top: 0;
        right: 0;
    }
}

button, 
.button,
 button[type="submit"], 
input[type="submit"], 
.woocommerce a.button {

	 min-width: 150px;
    padding: 10px 20px;

    &.top-button {
         position: relative;
        top: 0;
        right: 0;
        float: none !important;
    }
}



  /* ---------------- Page Wrapper ------------------ */
  .img-block {
    width: 100%;
  }
  .ctent-block {
    width: 100%;
    padding-left: 0;
    margin-top: 30px;
  }
  .flex-row-reverse .ctent-block {
    padding-right: 0;    
  }

  /* ---------------- Shopping details pages Section ---------------- */
    .shopping-left-block {
      width: 100%;
    }
  
    .shopping-right-block {
      width: 100%;
      padding-left: 0px;
      margin-top: 30px;
    }


    /* ******* || SHOP By COLLECTION || ******* */

    .shop-by-collection{
    	text-align: center;
    	margin-top: 60px;

    	.shop-collection-list {
	    	margin:0 -5px 25px;
	    	row-gap:10px;

		    & li {
		    	width: 50%;
		    	padding: 0 5px;
		    }
		}
    }
    


    /* ******* || BEST SELLER || ******* */
    .best-seller-prod ,
    .featured-product{
    	text-align: center;
    }

    /* ******* || SHOP OFFER || ******* */
  	.shop-offer-wrapper {
	    grid-template-columns: repeat(1, 1fr);
	    row-gap:20px;
	}

    /* ******* || CLIENT REVIEW || ******* */ 

    .customer-bg {

	    & .client-grid {
	    	margin: 30px 0 0;

	        & li {
	        	border-right: 0;
	        	padding: 0;

	            & .client-box {

	                .client-say-box {
	                    min-height: auto;
	                }
	            }
	        }


	     &.customer-js{
	     	padding-bottom: 40px;

	    	.slick-arrow {
	    		top:inherit;
	    		bottom: -25px;
	    		margin-bottom: 0;

	    		&.slick-prev{
	    			left:calc(50% - 40px);

	    		}
	    		&.slick-next{
	    			right:calc(50% - 40px);
	    		}

	    	}
	    }

	    }
	}



    /* ******* || INSTAGRAM || ******* */ 
    .heading-icon{
    	justify-content: center;
    	flex-direction: column;
    	row-gap: 10px;
    }

  .instagram-sec {
  	text-align: center;

  		.column-wrap {margin-bottom: 25px;}
	}

	.button.top-button {
        top: 0;
        position: relative;
        margin: 20px auto 0;
        right:0;
    }


    /* ******* || FOOTER || ******* */ 
    .footer-shape{display: none;}
    .footer-wrapper .ft-col.newsletter {
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid hsl(0deg 0% 100% / 5%);
    }

    .footer-wrapper .ft-col.ft-quick ,
    .footer-wrapper .ft-col.ft-shop{
    	width: 100%;
    	padding-left: 0;
    }
    .footer-wrapper .ft-col:not(:last-child):before{
    	display: none;
    }
    .footer-wrapper .ft-col.ft-shop{
    	border-top: 1px solid hsl(0deg 0% 100% / 5%);
        margin-top: 30px;
        padding-top: 30px;
    }
    footer .keyfactor-wrapper {padding: 25px 0 20px;margin-bottom: 20px;}
    .footer-wrapper{margin-top: 20px;}
    .quick-link,
    .ft-shop .quick-link {column-count: 3;}
    .footer-wrapper .ft-col.ft-logo{flex-wrap: wrap;}

    .footer-wrapper .ft-col.ft-logo{
    	a.logo-link{
    		border-right:0;
    		width: 200px;
    		padding-right:0;
    	}

    	.ft-contact{
	    	border-top: 1px solid hsl(0deg 0% 100% / 5%);
	    	padding-top: 20px;
	    	margin-top:20px;
	    	padding-left: 0;
	    }
	}
	.ft-contact li:not(:last-child){
		margin-bottom: 8px;
	}

  /* ********  POP UP ******** */

  .bonus-modalpopup{
    min-width: 675px;
  }
  .offer-model .modal-content {

    .pop-up-bubble {
        top: 70px;
        left: -105px;
    }

      .modal-img {
        width: 300px;
      }
      .modal-right{
        width: calc(100% - 300px);
        padding: 20px;

        & img.pop-up-bg{
          top:0;
        }

          .heading-34 {
              line-height: 1.1;
              margin-bottom: 5px;
          }
      }
  }
    
  .error-left{
  	    padding-right: 50px;
  }


 /* button, 
  .button, {
    &.top-button {
        position: relative;
        right: 0;
    }
}*/

.copyright-wrapper{
	justify-content: center;
	row-gap:15px;
}

.landingmenu .quick-link.landingpgmnu{display:block; column-count: 2;}
.landingmenu .quick-link.landingpgmnu li:not(:last-child){
	margin-bottom: 15px;
}
	main section.inner-banner:not(.inner_bannershape.no-banner-image) ~ section.py-100 {
  padding-top: 40px;
}
}

@media(max-width: 767.99px) {
  /* ------------ Common Css ------------- */
  .my-100 {
    margin: 30px 0;
  }
  .py-100{
    padding: 30px 0;
  }

  .inner-banner {
	    &.no-banner-image {
	        & ul {
	            & li {
	                & span {

	                    & a{
							margin: 0 45px 10px 0;
	                    }
	                }
	            }
	        }
	    }
	}


    /* ********  POP UP ******** */
    .bonus-modalpopup {min-width: 90%;}
    .offer-model .modal-content {
        flex-wrap: wrap;
        padding: 20px;

        .pop-up-bubble{
          position: relative;
          top:0;
          left:0;
          margin:0 auto 10px;
        }

        .modal-img {
            display: none;
        }
        .modal-right{
          width: 100%;
          padding: 0;

          .hang-text{
            font-size: 28px;
          }
          .heading-34{
            font-size: 24px;
          }

          & .new_sletter {
              margin: 15px 0 0;
              max-width: 100%;

              & input[type="submit"] {
                  margin-top: 10px;
              }
          }
        }
    }


    .copyright-wrapper{
      justify-content: center;

      &  p{
            width: 100%;
            margin-bottom: 15px;
            text-align: center;
            justify-content: center;
            flex-wrap: wrap;
			margin-bottom:0;
			

            & span{
            	display: block;
            	width: 100%;

            	& a img{
		           display: block;
		           margin: 0 auto;
            	}
            }
        }

        .payment{
          justify-content: center;
        }
    }

    .error-left {padding-right: 0;margin-bottom: 30px;}
	.error-right , .error-left{width: 100%;}

  .copyright-wrapper p span a img{top:0;}
.cream-shape-bottom{
				margin:70px 0 30px;
	}
		main section.inner-banner:not(.inner_bannershape.no-banner-image) ~ section.py-100 {
  padding-top: 30px;
}

#reviews .cr-summaryBox-wrap .ivole-summaryBox,
 #reviews .cr-summaryBox-wrap .cr-overall-rating-wrap, 
 .cr-all-reviews-shortcode .cr-summaryBox-wrap .ivole-summaryBox, 
 .cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .ivole-summaryBox, 
 .cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-overall-rating-wrap, 
 .cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-overall-rating-wrap, 
 .cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-add-review-wrap, 
 .cr-reviews-grid .cr-summaryBox-wrap .ivole-summaryBox, .cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .ivole-summaryBox, 
 .cr-reviews-grid .cr-summaryBox-wrap .cr-overall-rating-wrap, 
 .cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-overall-rating-wrap, 
 .cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-add-review-wrap {
        width: 100%;
        flex: 0 0 100%;
    }
   .cr-reviews-rating  a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{padding: 0;}
  .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon{margin-bottom: 5px;}
  .cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name ,
  .cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name .cr-product-name-picture{
    flex-wrap: wrap;
  }
  .cr-summaryBox-wrap.cr-summaryBox-add-review{padding:30px !important;}
  .cr-add-review-wrap{
    margin-top:15px;
  }
}

@media (max-width: 575.99px) {

  /* --------------- Re Capta CSS --------------- */
  .reCapta-txt p {
    margin-right: 0;
  }

  /* --------------- Common Form CSS -------------- */
  .width50 {
    width: 100%;
  }


  /* --------------- Page Wrapper --------------- */
  p {
    margin-bottom: 15px;
  }

  .inner-banner {
		min-height: 230px;
	}

  /* ******* || Choose Drovers dog to buy product || ******* */
  .choose-grid {
    & li {
        width: 100%;
    }
  }
  .ch-line-bottom {
    margin-top: 0px;
  }

  /* ******* || SHOP By COLLECTION || ******* */
    .shop-collection-list {
    	justify-content: center;
    	margin: 0 -3px;
    	row-gap:6px;

    	& li{
    		padding: 0 3px;

    		& .shop-info{

    			& span.btn-white{
    				display: none;
    			}

    			.heading-22{
    				font-size: 16px;
    				margin-bottom: 12px;

    				&:before{
    					top: 7px;
                    	width: 10px;
    				}
    			}
    		}
    	}

        & li:last-child {
            width: 100%;
        }
    }

  .cr-all-reviews-shortcode .cr-ajax-search .cr-button-search{min-width: auto;padding: 10px 15px;}
  #reviews.cr-reviews-ajax-reviews .cr-input-text, .cr-all-reviews-shortcode .cr-ajax-search .cr-input-text, .cr-ajax-search input[type="text"]{padding: 10px 85px 10px 15px;}


   /* ******* || SHOP OFFER || ******* */
  	.shop-offer-wrapper {
	    & .offer-box {
			font-size: 18px;
			padding: 20px;

			.shop-info{

				.heading-26{
					font-size: 20px;
				}
			}

			.shop-img{
				display: none;
			}

			& .bubble-shape {
				width: 75px;
	            height: 75px;
	            font-size: 18px;

				span{
					font-size: 12px;
				}
			}
	    }
	}


	.bubble-shape:after, 
	.offer-box.toy-gift .bubble-shape:after {
        background-size: 75px;
        left: 0;
        top: 4px;
        width: 75px;
        height: 70px;
    }

  /* ******* || FOOTER || ******* */ 
  .quick-link, .ft-shop .quick-link{
  	column-count:2;
  }
  .landingmenu .quick-link.landingpgmnu{column-count: 1;}

  .keyfactor-wrapper .keyfact-box{
  	justify-content: center;
  }
 footer .payment li:first-child
  {
	width:100%;
	margin-bottom:10px;
  }

  .woocommerce ul li.product .price.product-price, .woocommerce-page ul li.product .price.product-price{padding-bottom: 80px;}
  .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg{margin-bottom: 0;}

    .cr-reviews-rating{
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    }
    .cr-reviews-rating .cr-review-link{
    	width: 100%;
    	margin-top: 15px;
    }
    .cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-summary-separator-int, 
    .cr-reviews-grid .cr-summaryBox-wrap .cr-summary-separator-int{display: none;}
    .woocommerce ul li.product .cr-reviews-rating, 
    .woocommerce-page ul li.product .cr-reviews-rating {
        padding-bottom: 135px;
    }
}

.yith_wccl_tooltip.top.fade{
	text-transform:	capitalize;
}

.grecaptcha-badge { visibility: hidden; }