@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #474645;
  line-height: 30px;
  position: relative;
  background: #ffffff;
  overflow: hidden;
}
@media (max-width: 1600px) {
  body {
    font-size: 16px;
  }
}
@media (max-width: 1367px) {
  body {
    line-height: 25px;
  }
}
@media (max-width: 575px) {
  body {
    font-size: 14px;
    line-height: 22px;
  }
}

::-moz-selection {
  color: #ffffff;
  background: #c6922c;
}

::selection {
  color: #ffffff;
  background: #c6922c;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #777;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5);
}

p {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 1600px) {
  p {
    font-size: 16px;
  }
}
@media (max-width: 1367px) {
  p {
    line-height: 20px;
  }
}
@media (max-width: 575px) {
  p {
    font-size: 14px;
    line-height: 20px;
  }
}
p.bold {
  font-weight: 500;
}

span.theme {
  color: #f5f3ed;
}

input[type=text]:focus,
textarea:focus,
.btn:focus,
.form-control:focus,
button:focus,
select:focus {
  outline: 0;
  box-shadow: none !important;
}

a,
*,
:after,
:before {
  margin: 0;
  padding: 0;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

:after,
:before {
  pointer-events: none;
}

a,
i {
  background-color: transparent;
}

a {
  color: #474645;
  transition: all 0.2s ease;
}
a:hover {
  transition: all 0.2s ease;
}
a.theme {
  color: #f5f3ed;
}

a,
a:active,
a:hover,
a:focus {
  outline-width: 0;
  text-decoration: none !important;
}

ul,
ol,
dl {
  margin: 0;
  list-style: none;
}

dl,
ol,
ul {
  margin-top: 0;
  padding-left: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

img,
img:active,
img:focus,
img:hover {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-style: none;
  outline: 0;
  vertical-align: middle;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
form,
section,
summary {
  display: block;
  margin: 0px;
  padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  position: relative;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  text-align: center;
  width: auto;
  border: 1px solid;
  padding: 15px 45px;
  margin: 0;
  font-size: 17px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-transform: capitalize;
  position: relative;
  border-radius: 0;
  z-index: 1;
  transition: all 0.2s ease;
}
@media (max-width: 1600px) {
  .btn {
    font-size: 16px;
    line-height: 16px;
  }
}
@media (max-width: 1367px) {
  .btn {
    line-height: 16px;
  }
}
@media (max-width: 991px) {
  .btn {
    padding: 10px 20px;
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .btn {
    font-size: 12px;
    padding: 6px 20px;
  }
}
.btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 100%;
  z-index: -1;
  transition: all 0.2s ease;
}
.btn.btnBrown {
  background-color: #c6922c;
  border-color: #c6922c;
  font-weight: 500;
  color: #ffffff;
}
.btn.btnBrown:hover {
  background-color: transparent;
  color: #c6922c;
}
.btn.btnBrown:hover::before {
  content: "";
  right: 0;
  border-color: #ffffff;
  background-color: #ffffff;
}
.btn.btnGrey {
  background-color: #22293c;
  border-color: #22293c;
  font-weight: 500;
  color: #ffffff;
}
.btn.btnGrey:hover {
  color: #22293c;
  background-color: transparent;
  border-color: #22293c;
}
.btn.btnGrey:hover::before {
  right: 0;
  background-color: #ffffff;
}
.btn.btnWhite {
  background-color: #ffffff;
  border-color: #ffffff;
  font-weight: 500;
  color: #22293c;
}
.btn.btnWhite:hover {
  color: #ffffff;
  background-color: transparent;
  border-color: #22293c;
}
.btn.btnWhite:hover::before {
  right: 0;
  background-color: #22293c;
}
.btn.btnGreyOutline {
  background-color: transparent;
  border-color: #22293c;
  font-weight: 500;
  color: #22293c;
}
.btn.btnGreyOutline:hover {
  color: #ffffff;
}
.btn.btnGreyOutline:hover::before {
  right: 0;
  background-color: #22293c;
}
.btn.btnBrownOutline {
  background-color: transparent;
  border-color: #c6922c;
  font-weight: 500;
  color: #c6922c;
}
.btn.btnBrownOutline:hover {
  color: #ffffff;
}
.btn.btnBrownOutline:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  transition: all 0.2s ease;
  background-color: #c6922c;
}
.btn.btnWhiteOutline {
  background-color: transparent;
  border-color: #ffffff;
  font-weight: 500;
  color: #ffffff;
}
.btn.btnWhiteOutline:hover {
  color: #22293c;
}
.btn.btnWhiteOutline:hover::before {
  right: 0;
  background-color: #ffffff;
}
.btn:hover {
  transition: all 0.2s ease;
}

section {
  padding: 150px 0;
}
@media (max-width: 1367px) {
  section {
    padding: 120px 0;
  }
}
@media (max-width: 768px) {
  section {
    padding: 100px 0;
  }
}
@media (max-width: 575px) {
  section {
    padding: 50px 0;
  }
}

.header_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  padding: 15px 50px;
  transition: all 0.2s ease;
}
@media (max-width: 575px) {
  .header_wrapper {
    padding: 10px 10px;
  }
}
.header_wrapper.scrolledBg {
  background-color: #fff;
  transition: all 0.2s ease;
  box-shadow: 0px 10px 10px -9px rgba(0, 0, 0, 0.09);
}
.header_wrapper.innerHeader {
  background-color: #fff;
  transition: all 0.2s ease;
  box-shadow: 0px 10px 10px -9px rgba(0, 0, 0, 0.09);
}
.header_wrapper .header_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header_wrapper .header_nav .logo img {
  height: 80px;
}
@media (max-width: 768px) {
  .header_wrapper .header_nav .logo img {
    height: 60px;
  }
}
@media (max-width: 575px) {
  .header_wrapper .header_nav .logo img {
    height: 40px;
  }
}
.header_wrapper .menuIconWrap {
  display: flex;
  align-items: center;
}
.header_wrapper .menuIconWrap .menuIconItem {
  margin-right: 20px;
  position: relative;
  transition: all 0.2s ease;
}
.header_wrapper .menuIconWrap .menuIconItem:hover {
  opacity: 0.7;
}
.header_wrapper .menuIconWrap .menuIconItem:last-child {
  margin-right: 0;
  margin-left: 10px;
}
.header_wrapper .menuIconWrap .menuIconItem img {
  width: 30px;
  height: 22px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 575px) {
  .header_wrapper .menuIconWrap .menuIconItem img {
    width: 20px;
    height: 16px;
  }
}
.header_wrapper .menuIconWrap .menuIconItem .cartCounter {
  position: absolute;
  top: -12px;
  right: -10px;
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 13px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #ff0000;
  color: white;
  font-size: 11px;
  font-weight: bold;
}
@media (max-width: 575px) {
  .header_wrapper .menuIconWrap .menuIconItem .cartCounter {
    top: -10px;
    right: -10px;
    width: 18px;
    height: 18px;
    font-size: 10px;
  }
}

.bannerWrapper {
  height: 51vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  /*a{
      padding:  20px 55px;
      @media (max-width:600px){
          width:100%;
          padding:  15px 45px;
      }

  }*/
}
@media (max-width: 1080px) {
  .bannerWrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
  }
}
.bannerWrapper .bannerBtnWrap {
  position: absolute;
  right: 28vw;
  top: 27.5vw;
}
@media screen and (max-width: 600px) {
  .bannerWrapper .bannerBtnWrap {
    left: 0%;
    right: 0%;
    bottom: 0%;
    top: initial;
    width: 100%;
  }
}
.bannerWrapper .bannerBtnWrap a {
  width: 100%;
  display: block;
}

.bannerWrapper .container {
  position: relative;
  height: 100%;
}

.weAssureSecWrap {
  background-color: #f5f3ed;
}
.weAssureSecWrap .bigFadeFloatText {
  font-size: 380px;
  line-height: 250px;
  font-family: "DINCondensed-Bold";
  color: #edebe4;
  text-transform: uppercase;
  letter-spacing: -15px;
  text-align: center;
}
@media (max-width: 991px) {
  .weAssureSecWrap .bigFadeFloatText {
    font-size: 220px;
  }
}
@media (max-width: 1367px) {
  .weAssureSecWrap .bigFadeFloatText {
    font-size: 320px;
  }
}
@media (max-width: 1199px) {
  .weAssureSecWrap .bigFadeFloatText {
    font-size: 250px;
    line-height: 200px;
  }
}
@media (max-width: 768px) {
  .weAssureSecWrap .bigFadeFloatText {
    font-size: 210px;
    line-height: 160px;
  }
}
@media (max-width: 575px) {
  .weAssureSecWrap .bigFadeFloatText {
    font-size: 90px;
    line-height: 120px;
    letter-spacing: -4px;
  }
}
.weAssureSecWrap .badgeRow {
  margin-top: -40px;
  position: relative;
  z-index: 1;
  justify-content: center;
}
.weAssureSecWrap .badgeRow .col {
  display: flex;
}
@media (max-width: 1199px) {
  .weAssureSecWrap .badgeRow .col {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}
@media (max-width: 575px) {
  .weAssureSecWrap .badgeRow .col {
    flex: 0 0 auto;
    width: 50%;
  }
}
.weAssureSecWrap .weAssureBadgeCol {
  padding: 30px 30px;
  background-color: #e9e6df;
  border-radius: 200px;
  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.08), -20px -20px 20px rgba(255, 255, 255, 0.5);
  text-align: center;
}
@media (max-width: 1199px) {
  .weAssureSecWrap .weAssureBadgeCol {
    min-height: 400px;
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .weAssureSecWrap .weAssureBadgeCol {
    min-height: auto;
  }
}
.weAssureSecWrap .weAssureBadgeCol .certificateImg {
  max-width: 100%;
  display: block;
  margin: 0 auto 60px;
}
.weAssureSecWrap .weAssureBadgeCol .badgeHeading {
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 20px;
}
.weAssureSecWrap .weAssureBadgeCol .badgeDesc {
  font-size: 18px;
  font-weight: 500;
  opacity: 0.7;
  min-height: 110px;
}

.qualitySecWrap {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 370px 0;
}
@media (max-width: 1600px) {
  .qualitySecWrap {
    padding: 280px 0;
  }
}
@media (max-width: 768px) {
  .qualitySecWrap {
    padding: 90px 0;
  }
}
@media (max-width: 575px) {
  .qualitySecWrap {
    padding: 80px 0;
  }
}
.qualitySecWrap .qualitySecInner {
  padding: 100px 60px 60px;
  position: relative;
  text-align: center;
  top: 50px;
}
@media (max-width: 1199px) {
  .qualitySecWrap .qualitySecInner {
    padding: 60px 40px 40px;
  }
}
@media (max-width: 768px) {
  .qualitySecWrap .qualitySecInner {
    padding: 50px 20px 40px;
  }
}
.qualitySecWrap .mediumFloatHeading {
  font-family: "Devant-Medium";
  text-transform: uppercase;
  letter-spacing: 10px;
  color: white;
  font-size: 200px;
  line-height: 140px;
  position: absolute;
  left: 0;
  right: 0;
  top: -80px;
  text-align: center;
}
@media (max-width: 1199px) {
  .qualitySecWrap .mediumFloatHeading {
    font-size: 140px;
    line-height: 120px;
  }
}
@media (max-width: 768px) {
  .qualitySecWrap .mediumFloatHeading {
    font-size: 80px;
    line-height: 70px;
    top: -30px;
  }
}
.qualitySecWrap .whiteNormalText {
  color: #ffffff;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .qualitySecWrap .whiteNormalText {
    margin-bottom: 30px;
  }
}

.productTileWrap {
  background-color: #f5f3ed;
  padding: 0 0;
}
.productTileWrap .productTileSecRow {
  align-items: center;
}
@media (max-width: 575px) {
  .productTileWrap .productTileSecLeft {
    padding: 50px 0;
  }
}
.productTileWrap .productTileSecLeft .productTileSecBigHead {
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  letter-spacing: -5px;
  font-size: 140px;
  color: #474645;
  margin-bottom: 10px;
  line-height: 130px;
}
@media (max-width: 1367px) {
  .productTileWrap .productTileSecLeft .productTileSecBigHead {
    font-size: 100px;
    line-height: 100px;
  }
}
@media (max-width: 1199px) {
  .productTileWrap .productTileSecLeft .productTileSecBigHead {
    font-size: 80px;
    line-height: 80px;
  }
}
@media (max-width: 768px) {
  .productTileWrap .productTileSecLeft .productTileSecBigHead {
    font-size: 65px;
    line-height: 60px;
    letter-spacing: -2px;
  }
}
@media (max-width: 575px) {
  .productTileWrap .productTileSecLeft .productTileSecBigHead {
    font-size: 50px;
    line-height: 45px;
  }
}
.productTileWrap .productTileSecLeft .productTileSmHeading {
  color: #474645;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 5px;
}
@media (max-width: 1199px) {
  .productTileWrap .productTileSecLeft .productTileSmHeading {
    font-size: 24px;
    letter-spacing: 3px;
  }
}
@media (max-width: 768px) {
  .productTileWrap .productTileSecLeft .productTileSmHeading {
    font-size: 18px;
    letter-spacing: 1px;
  }
}
.productTileWrap .productTileSecLeft .productTileDesc {
  color: #474645;
  margin-bottom: 30px;
}
.productTileWrap .productTileProdCol {
  padding: 80px 30px;
  background-image: linear-gradient(left, #f5f3ed, #e9e6df);
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 1199px) {
  .productTileWrap .productTileProdCol {
    padding: 80px 0px;
  }
}
@media (max-width: 575px) {
  .productTileWrap .productTileProdCol {
    padding: 50px 0px;
  }
}
.productTileWrap .productTileProdCol .productTileProdName {
  writing-mode: vertical-rl;
  color: #474645;
  font-size: 30px;
  font-weight: 800;
  margin: 0 auto;
  max-height: 30%;
  text-align: left;
  opacity: 0.45;
}
@media (max-width: 1367px) {
  .productTileWrap .productTileProdCol .productTileProdName {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .productTileWrap .productTileProdCol .productTileProdName {
    font-size: 18px;
  }
}
.productTileWrap .productTileProdCol .productTileProdImg {
  display: block;
  margin: 80px auto 30px;
  height: 300px;
}
@media (max-width: 768px) {
  .productTileWrap .productTileProdCol .productTileProdImg {
    height: 200px;
  }
}
@media (max-width: 575px) {
  .productTileWrap .productTileProdCol .productTileProdImg {
    height: 200px;
    margin: 40px auto 30px;
  }
}

.beautiSecWrap {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 900px;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .beautiSecWrap {
    height: 420px;
  }
}
@media (max-width: 575px) {
  .beautiSecWrap {
    height: 200px;
  }
}
.beautiSecWrap .beautiSecInner {
  text-align: center;
}
.beautiSecWrap .beautiSecInner .beautiSTartsTextSec .beautiStartsBigHead {
  font-size: 230px;
  line-height: 165px;
  font-weight: 800;
  color: rgba(244, 255, 184, 0.77);
  mix-blend-mode: soft-light;
  font-family: "DINCondensed-Bold";
  text-shadow: 0px 3px 25px rgba(0, 0, 0, 0.6);
  letter-spacing: 0px;
  transform: rotate(8deg);
}
.beautiSecWrap .beautiSecInner .beautiSTartsTextSec .beautiStartsMediumHead {
  font-size: 109px;
  line-height: 90px;
  font-weight: 800;
  color: rgba(244, 255, 184, 0.77);
  mix-blend-mode: soft-light;
  font-family: "DINCondensed-Bold";
  text-shadow: 0px 3px 25px rgba(0, 0, 0, 0.6);
  letter-spacing: 0px;
  transform: rotate(8deg);
  margin-left: -65px;
}

.partnerSectionWrap {
  position: relative;
  background-color: #69604d;
  padding-bottom: 0;
}
.partnerSectionWrap .row {
  position: relative;
  z-index: 1;
  align-items: flex-end;
}
.partnerSectionWrap .prtnSecLeftBox {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-image: linear-gradient(138deg, rgba(203, 192, 166, 0.14) 50%, #69604d 0%, #69604d 50%);
}
@media (max-width: 1367px) {
  .partnerSectionWrap .prtnSecLeftBox {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .partnerSectionWrap .prtnSecLeftBox {
    width: 80%;
  }
}
@media (max-width: 575px) {
  .partnerSectionWrap .prtnSecLeftBox {
    display: none;
  }
}
.partnerSectionWrap .partnerFloatHeading {
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  letter-spacing: -5px;
  font-size: 445px;
  color: #ffffff;
  opacity: 0.1;
  text-transform: uppercase;
  position: absolute;
  text-align: left;
  line-height: 321px;
  word-break: break-all;
  width: 58%;
}
@media (max-width: 768px) {
  .partnerSectionWrap .partnerFloatHeading {
    font-size: 185px;
    line-height: 165px;
  }
}
@media (max-width: 575px) {
  .partnerSectionWrap .partnerFloatHeading {
    font-size: 135px;
    line-height: 105px;
    width: 100%;
  }
}
.partnerSectionWrap .partnLeftImg {
  max-width: 90%;
  display: block;
  margin-bottom: -40px;
}
@media (max-width: 1367px) {
  .partnerSectionWrap .partnLeftImg {
    margin-bottom: -35px;
  }
}
@media (max-width: 1199px) {
  .partnerSectionWrap .partnLeftImg {
    margin-bottom: -30px;
  }
}
@media (max-width: 768px) {
  .partnerSectionWrap .partnLeftImg {
    margin-bottom: -22px;
  }
}
@media (max-width: 768px) {
  .partnerSectionWrap .partnLeftImg {
    margin-bottom: -30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
.partnerSectionWrap .partnerRightWrap {
  text-align: right;
  padding-bottom: 100px;
}
@media (max-width: 575px) {
  .partnerSectionWrap .partnerRightWrap {
    text-align: center;
    padding-bottom: 50px;
  }
}
.partnerSectionWrap .partnerRightWrap .prtnrRightHeading {
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  letter-spacing: -5px;
  color: #ffffff;
  font-size: 120px;
  text-transform: uppercase;
  line-height: 110px;
  margin-bottom: 10px;
}
@media (max-width: 1367px) {
  .partnerSectionWrap .partnerRightWrap .prtnrRightHeading {
    font-size: 100px;
    line-height: 90px;
  }
}
@media (max-width: 1199px) {
  .partnerSectionWrap .partnerRightWrap .prtnrRightHeading {
    font-size: 90px;
    line-height: 80px;
  }
}
@media (max-width: 768px) {
  .partnerSectionWrap .partnerRightWrap .prtnrRightHeading {
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 0;
  }
}
.partnerSectionWrap .partnerRightWrap .partnerDesc {
  font-size: 20px;
  color: #ffffff;
  line-height: 30px;
  margin-bottom: 30px;
}
@media (max-width: 1367px) {
  .partnerSectionWrap .partnerRightWrap .partnerDesc {
    font-size: 18px;
  }
}

.premiumCbdWrap .premiumCbdInner {
  text-align: center;
}
.premiumCbdWrap .premiumCbdInner .smallFloatHeading {
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  letter-spacing: -5px;
  color: #ffffff;
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -3px;
}
@media (max-width: 1367px) {
  .premiumCbdWrap .premiumCbdInner .smallFloatHeading {
    font-size: 70px;
    line-height: 60px;
  }
}
@media (max-width: 768px) {
  .premiumCbdWrap .premiumCbdInner .smallFloatHeading {
    font-size: 45px;
    line-height: 35px;
    letter-spacing: 0px;
  }
}
@media (max-width: 575px) {
  .premiumCbdWrap .premiumCbdInner .smallFloatHeading {
    font-size: 25px;
    line-height: 25px;
  }
}
.premiumCbdWrap .premiumCbdInner .mediumFloatHeading {
  top: unset;
  position: relative;
  margin-bottom: 30px;
}
@media (max-width: 1367px) {
  .premiumCbdWrap .premiumCbdInner .mediumFloatHeading {
    font-size: 170px;
    line-height: 130px;
  }
}
@media (max-width: 1199px) {
  .premiumCbdWrap .premiumCbdInner .mediumFloatHeading {
    font-size: 120px;
    line-height: 100px;
  }
}
@media (max-width: 768px) {
  .premiumCbdWrap .premiumCbdInner .mediumFloatHeading {
    font-size: 70px;
    line-height: 70px;
  }
}
@media (max-width: 575px) {
  .premiumCbdWrap .premiumCbdInner .mediumFloatHeading {
    font-size: 60px;
    line-height: 60px;
  }
}

.premiumCbdInner {
  text-align: center;
}
.premiumCbdInner .smallFloatHeading {
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  letter-spacing: -5px;
  color: #ffffff;
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -3px;
}
@media (max-width: 1367px) {
  .premiumCbdInner .smallFloatHeading {
    font-size: 70px;
    line-height: 60px;
  }
}
@media (max-width: 768px) {
  .premiumCbdInner .smallFloatHeading {
    font-size: 45px;
    line-height: 35px;
    letter-spacing: 0px;
  }
}
@media (max-width: 575px) {
  .premiumCbdInner .smallFloatHeading {
    font-size: 25px;
    line-height: 25px;
  }
}
.premiumCbdInner .mediumFloatHeading {
  top: unset;
  position: relative;
  margin-bottom: 30px;
}
@media (max-width: 1367px) {
  .premiumCbdInner .mediumFloatHeading {
    font-size: 170px;
    line-height: 130px;
  }
}
@media (max-width: 1199px) {
  .premiumCbdInner .mediumFloatHeading {
    font-size: 120px;
    line-height: 100px;
  }
}
@media (max-width: 768px) {
  .premiumCbdInner .mediumFloatHeading {
    font-size: 70px;
    line-height: 70px;
  }
}
@media (max-width: 575px) {
  .premiumCbdInner .mediumFloatHeading {
    font-size: 60px;
    line-height: 60px;
  }
}

.premTinctWrap .productTileSecBigHead {
  font-size: 120px;
  line-height: 110px;
}
@media (max-width: 768px) {
  .premTinctWrap .productTileSecBigHead {
    font-size: 55px !important;
    line-height: 55px !important;
    letter-spacing: -2px !important;
  }
}
@media (max-width: 768px) {
  .premTinctWrap .productTileSecBigHead {
    font-size: 45px !important;
    line-height: 45px !important;
  }
}

.testimonialWrap {
  background-color: #f5f3ed;
  position: relative;
}
.testimonialWrap .testimFloadHead {
  font-size: 350px;
  line-height: 300px;
  font-family: "DINCondensed-Bold";
  color: #edebe4;
  text-transform: uppercase;
  letter-spacing: -15px;
  text-align: center;
}
@media (max-width: 1367px) {
  .testimonialWrap .testimFloadHead {
    font-size: 320px;
  }
}
@media (max-width: 1199px) {
  .testimonialWrap .testimFloadHead {
    font-size: 250px;
  }
}
@media (max-width: 991px) {
  .testimonialWrap .testimFloadHead {
    font-size: 220px;
  }
}
@media (max-width: 768px) {
  .testimonialWrap .testimFloadHead {
    font-size: 140px;
    line-height: 170px;
    letter-spacing: 5px;
  }
}
@media (max-width: 575px) {
  .testimonialWrap .testimFloadHead {
    font-size: 60px;
    line-height: 100px;
    letter-spacing: 5px;
  }
}
.testimonialWrap .testimContainer {
  margin-top: -190px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .testimonialWrap .testimContainer {
    margin-top: -120px;
  }
}
.testimonialWrap .testimContainer .testiMainHead {
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  letter-spacing: -5px;
  font-size: 120px;
  line-height: 100px;
  margin: 0 0 0px;
  color: #474645;
  text-align: center;
}
@media (max-width: 768px) {
  .testimonialWrap .testimContainer .testiMainHead {
    font-size: 80px;
    line-height: 80px;
  }
}
@media (max-width: 575px) {
  .testimonialWrap .testimContainer .testiMainHead {
    font-size: 50px;
    line-height: 70px;
    letter-spacing: 0;
  }
}
.testimonialWrap .testimContainer .owlTestimItem {
  padding: 0 15px;
  display: flex;
}
.testimonialWrap .testimContainer .testimInner {
  background-color: #f5f3ed;
  padding: 45px 40px;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.08), -10px -10px 10px rgba(255, 255, 255, 0.5);
  border-radius: 40px;
  text-align: center;
}
.testimonialWrap .testimContainer .testimInner .quotesIcon {
  width: 120px;
  display: block;
  margin: 0 auto 30px;
}
.testimonialWrap .testimContainer .testimInner .testimDesc {
  font-size: 16px;
  color: #474645;
  margin: 0 0 30px;
}
.testimonialWrap .testimContainer .testimInner .clientImgWrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonialWrap .testimContainer .testimInner .clientImgWrap .clImgCirckle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonialWrap .testimContainer .testimInner .clientImgWrap span {
  font-size: 16px;
  color: #474645;
  margin: 0 0 0 10px;
  font-weight: 600;
}
.testimonialWrap .owl-stage {
  display: flex;
}
.testimonialWrap .owl-stage .owl-item {
  display: flex;
}
.testimonialWrap .owl-stage-outer {
  padding: 35px 0px;
}
@media (max-width: 575px) {
  .testimonialWrap .owl-stage-outer {
    padding: 15px 0px;
  }
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #474645 !important;
}

.blogWrapper {
  background-color: #261901;
}
.blogWrapper .blogHeaderWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.blogWrapper .blogHeaderWrap .blogHeading {
  color: #ffffff;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  letter-spacing: -5px;
  font-size: 130px;
  line-height: 120px;
  margin: 0;
}
@media (max-width: 768px) {
  .blogWrapper .blogHeaderWrap .blogHeading {
    font-size: 100px;
    line-height: 80px;
  }
}
@media (max-width: 575px) {
  .blogWrapper .blogHeaderWrap .blogHeading {
    font-size: 70px;
    line-height: 50px;
    letter-spacing: 0;
  }
}
.blogWrapper .blogItemCol {
  display: flex;
}
.blogWrapper .blogItemWrap {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .blogWrapper .blogItemWrap {
    margin-bottom: 30px;
  }
}
.blogWrapper .blogItemWrap .blogThumnail {
  width: 100%;
  height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .blogWrapper .blogItemWrap .blogThumnail {
    height: 140px;
  }
}
.blogWrapper .blogItemWrap .blogThumbText {
  color: #ffffff;
  font-size: 24px;
  margin: 0 0 30px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .blogWrapper .blogItemWrap .blogThumbText {
    font-size: 16px;
  }
}
.blogWrapper .blogItemWrap .btnBrownOutline {
  display: block;
}

footer {
  padding: 100px 0 50px;
  background-color: #f5f3ed;
}
@media (max-width: 768px) {
  footer {
    padding: 50px 0 50px;
  }
}
footer .footerCont {
  padding: 0 150px;
}
@media (max-width: 768px) {
  footer .footerCont {
    padding: 0 50px;
  }
}
@media (max-width: 575px) {
  footer .footerCont {
    padding: 0 15px;
  }
}
footer .disclaimerWrap .disclaimHeading {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #474645;
  opacity: 0.8;
}
footer .disclaimerWrap .disclaimText {
  font-size: 15px;
  opacity: 0.8;
  color: #474645;
}
footer .footerLinkWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
}
@media (max-width: 575px) {
  footer .footerLinkWrap {
    flex-wrap: wrap;
  }
}
footer .footerLinkWrap .footerLink {
  font-size: 16px;
  font-weight: 600;
  color: #c6922c;
  padding: 10px;
  transition: all 0.2s;
}
@media (max-width: 575px) {
  footer .footerLinkWrap .footerLink {
    font-size: 14px;
    padding: 6px 10px;
  }
}
footer .footerLinkWrap .footerLink:hover {
  opacity: 0.7;
}
footer .copyRightWrap .copyRightLink {
  display: block;
  font-size: 14px;
  color: #474645;
  opacity: 0.7;
  text-align: center;
}
footer .copyRightWrap .prvLinkWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
footer .copyRightWrap .prvLinkWrap .prLink {
  font-size: 15px;
  color: #474645;
  opacity: 0.7;
  transition: all 0.2s;
  margin-right: 30px;
}
footer .copyRightWrap .prvLinkWrap .prLink:last-child {
  margin-right: 0;
}
footer .copyRightWrap .prvLinkWrap .prLink:hover {
  opacity: 1;
}

@keyframes menuAnim {
  0% {
    left: -100px;
    opacity: 0;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}
.menuWrapper {
  position: fixed;
  z-index: 10000;
  background-color: #e4e4e4;
  padding: 40px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-height: 100vh;
  overflow: auto;
  display: none;
}
.menuWrapper::-webkit-scrollbar {
  width: 5px;
  border-radius: 30px;
}
.menuWrapper::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.08);
}
@media (max-width: 600px) {
  .menuWrapper {
    padding: 20px;
    padding-top: 60px;
  }
}
.menuWrapper .menuRow {
  align-items: center;
  height: 94vh !important;
}
.menuWrapper.active .bigMenuItem {
  animation: menuAnim 0.5s linear forwards;
}
.menuWrapper.active .bigMenuItem:nth-child(2) {
  animation-delay: 0.1s;
}
.menuWrapper.active .bigMenuItem:nth-child(3) {
  animation-delay: 0.2s;
}
.menuWrapper.active .bigMenuItem:nth-child(4) {
  animation-delay: 0.3s;
}
.menuWrapper.active .bigMenuItem:nth-child(5) {
  animation-delay: 0.4s;
}
.menuWrapper.active .bigMenuItem:nth-child(6) {
  animation-delay: 0.5s;
}
.menuWrapper.active .bigMenuItem:nth-child(7) {
  animation-delay: 0.6s;
}
.menuWrapper.active .bigMenuItem:nth-child(8) {
  animation-delay: 0.7s;
}
.menuWrapper.active .bigMenuItem:nth-child(9) {
  animation-delay: 0.8s;
}
.menuWrapper.active .bigMenuItem:hover {
  opacity: 1;
  letter-spacing: -1px;
}
.menuWrapper .menuMainItemWrap .bigMenuItem {
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  letter-spacing: -5px;
  font-size: 90px;
  color: #c4c3c3;
  opacity: 0;
  font-weight: 600;
  line-height: 85px;
  margin-bottom: 10px;
  transition: all 0.2s;
  display: block;
  position: relative;
  left: -100px;
}
.menuWrapper .menuMainItemWrap .bigMenuItem:last-child {
  margin-bottom: 0;
}
.menuWrapper .menuMainItemWrap .bigMenuItem:hover {
  color: #474645;
  letter-spacing: -1px;
}
.menuWrapper .menuMainItemWrap .bigMenuItem.active {
  color: #474645;
}
@media (max-width: 768px) {
  .menuWrapper .menuMainItemWrap .bigMenuItem {
    font-size: 70px;
    line-height: 65px;
    letter-spacing: -2px;
  }
}
.menuWrapper .smMenuItemWrap {
  opacity: 0;
  display: none;
  transition: all 0.2s;
}
.menuWrapper .smMenuItemWrap.active {
  opacity: 1;
  display: inline-block;
}
.menuWrapper .smMenuItemWrap .smallMenuItemWrap {
  display: block;
  position: relative;
}
.menuWrapper .smMenuItemWrap .smallMenuItemWrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #474645;
  opacity: 0;
}
.menuWrapper .smMenuItemWrap .smallMenuItemWrap.active::after {
  opacity: 1;
}
.menuWrapper .smMenuItemWrap .smallMenuItemWrap.active .smallMenuItem {
  opacity: 1;
  background-color: #474645;
  color: #fff;
}
.menuWrapper .smMenuItemWrap .smallMenuItemWrap:last-child {
  margin-bottom: 0;
}
.menuWrapper .smMenuItemWrap .smallMenuItemWrap .smallMenuItem {
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  letter-spacing: -5px;
  font-size: 50px;
  color: #474645;
  opacity: 0.3;
  font-weight: 600;
  line-height: 45px;
  transition: all 0.2s;
  display: inline-block;
  letter-spacing: 1px;
  padding: 10px 15px;
}
.menuWrapper .smMenuItemWrap .smallMenuItemWrap .smallMenuItem:last-child {
  margin-bottom: 0;
}
.menuWrapper .smMenuItemWrap .smallMenuItemWrap .smallMenuItem:hover {
  opacity: 1;
  letter-spacing: 1px;
  background-color: #474645;
  color: #fff;
}
@media (max-width: 768px) {
  .menuWrapper .smMenuItemWrap .smallMenuItemWrap .smallMenuItem {
    font-size: 25px;
    line-height: 25px;
    padding: 8px 15px;
  }
}
.menuWrapper .smMenuItemWrap .smallMenuItemWrap:hover::after {
  opacity: 1;
}
.menuWrapper .smMenuItemWrap .smallMenuItemWrap:hover .smallMenuItem {
  opacity: 1;
  background-color: #474645;
  color: #fff;
}
.menuWrapper .smMenuItemWrap .smallMenuItemWrap:hover .smallSubmenuWrap {
  opacity: 1;
  display: inline-block;
}
.menuWrapper .smMenuItemWrap .smallMenuItemWrap .smallSubmenuWrap {
  position: absolute;
  left: 100%;
  top: 0;
  padding-top: 50px;
  opacity: 0;
  display: none;
  transition: all 0.2s;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .menuWrapper .smMenuItemWrap .smallMenuItemWrap .smallSubmenuWrap {
    padding-top: 25px;
  }
}
.menuWrapper .smMenuItemWrap .smallMenuItemWrap .smallSubmenuWrap .smallSubMenuItem {
  white-space: nowrap;
  font-size: 30px;
  font-weight: 500;
  color: #474645;
  opacity: 0.5;
  transition: all 0.2s;
  margin-bottom: 20px;
  display: block;
}
.menuWrapper .smMenuItemWrap .smallMenuItemWrap .smallSubmenuWrap .smallSubMenuItem:last-child {
  margin-bottom: 0;
}
.menuWrapper .smMenuItemWrap .smallMenuItemWrap .smallSubmenuWrap .smallSubMenuItem:hover {
  opacity: 1;
}
@media (max-width: 768px) {
  .menuWrapper .smMenuItemWrap .smallMenuItemWrap .smallSubmenuWrap .smallSubMenuItem {
    margin-bottom: 10px;
    font-size: 22px;
  }
}
.menuWrapper .menuOverlayUtile {
  position: absolute;
  right: 30px;
  top: 30px;
  display: flex;
  align-items: center;
}
.menuWrapper .menuOverlayUtile .searchFieldWrap {
  padding-right: 15px;
  position: relative;
  margin-right: 15px;
}
.menuWrapper .menuOverlayUtile .searchFieldWrap.expanded .searchInp {
  padding: 12px 42px 12px 12px;
  width: 250px;
}
.menuWrapper .menuOverlayUtile .searchFieldWrap .searchInp {
  position: absolute;
  width: 0;
  height: 55px;
  right: 0;
  top: -13px;
  background-color: #fff;
  border-radius: 10px;
  border: 0;
  transition: all 0.2s;
}
.menuWrapper .menuOverlayUtile .searchFieldWrap .searchCaller {
  border: none;
  outline: none;
  background: transparent;
  position: relative;
}
.menuWrapper .menuOverlayUtile .searchFieldWrap .searchCaller img {
  width: 20px;
}
.menuWrapper .menuOverlayUtile .menuCloser {
  border: none;
  outline: none;
  background: transparent;
}
.menuWrapper .menuOverlayUtile .menuCloser img {
  width: 20px;
}

.searchFieldWrap {
  padding-right: 15px;
  position: relative;
  top: 0px;
}
.searchFieldWrap.expanded .searchInp {
  padding: 12px 42px 12px 12px;
  width: 250px;
}
.searchFieldWrap .searchInp {
  position: absolute;
  width: 0;
  height: 55px;
  right: 0;
  top: -13px;
  background-color: #fff;
  border-radius: 10px;
  border: 0;
  transition: all 0.2s;
}
.searchFieldWrap .searchCaller {
  border: none;
  outline: none;
  background: transparent;
  position: relative;
}
.searchFieldWrap .searchCaller img {
  width: 20px;
}

.expanded .searchCaller img {
  filter: invert(1);
}

.backBtn {
  font-size: 18px;
  color: #474645;
  line-height: 18px;
  display: inline-flex;
  align-items: center;
}
.backBtn img {
  width: 20px;
  margin-right: 8px;
}
.backBtn:hover {
  color: #474645;
  opacity: 0.7;
}

.coaInner {
  padding-bottom: 50px;
}

.coaProdHead {
  margin-bottom: 20px;
  margin-top: 60px;
}
.coaProdHead .row {
  align-items: flex-end;
}
.coaProdHead .coaProdImg {
  width: 100%;
}
.coaProdHead .coaProdName {
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  letter-spacing: -5px;
  font-size: 50px;
  color: #474645;
  opacity: 0.6;
  letter-spacing: 0;
  text-transform: capitalize;
}

.coaListProdHead .row {
  align-items: center;
  justify-content: flex-end;
}
.coaListProdHead .searchInpWrap {
  margin-bottom: 0;
  margin-left: auto;
}

.searchInpWrap {
  position: relative;
  width: 250px;
  margin-bottom: 20px;
}
.searchInpWrap input {
  width: 100%;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #474645;
  padding-right: 40px;
}
.searchInpWrap .searchSubmit {
  border: none;
  outline: none;
  background-color: transparent;
  opacity: 0.8;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: all 0.2s ease;
}
.searchInpWrap .searchSubmit:hover {
  opacity: 1;
}
.searchInpWrap .searchSubmit img {
  width: 25px;
  filter: grayscale(1);
}

.coaListWrap {
  padding-top: 20px;
}
.coaListWrap .coaListHeading {
  font-size: 24px;
  color: #474645;
  font-weight: 500;
  margin-bottom: 10px;
}
.coaListWrap .listingGroupName {
  font-size: 20px;
  font-weight: bold;
  padding: 10px 15px;
  background-color: #ffdfb4;
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
  left: -15px;
}
@media (max-width: 768px) {
  .coaListWrap .listingGroupName {
    left: 0px;
  }
}

.coaListItemWrap .coaListItemRow {
  border-top: 1px solid #474645;
  padding-top: 15px;
  padding-bottom: 15px;
  align-items: center;
}
.coaListItemWrap .coaListItemRow .coaListNameDiv {
  display: flex;
  align-items: center;
}
.coaListItemWrap .coaListItemRow .coaListNameDiv .docImg {
  width: 35px;
}
.coaListItemWrap .coaListItemRow .coaListNameDiv .coaName {
  width: calc(100% - 35px);
  padding-left: 15px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  color: #000 !important;
}
.coaListItemWrap .coaListItemRow .coaListNameDiv .prodImg {
  width: 100%;
}
.coaListItemWrap .coaListItemRow .coaListNameDiv .coaLink {
  color: #384956;
  font-size: 16px;
  border-bottom: 2px solid #384956;
}
.coaListItemWrap .coaListItemRow .coaListNameDiv .coaLink:hover {
  opacity: 0.7;
}
.coaListItemWrap .coaListItemRow .coaLinkTwo {
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .coaListItemWrap .coaListItemRow .coaLinkTwo {
    justify-content: flex-start;
    margin-top: 10px;
  }
}
.coaListItemWrap .coaListItemRow .coaInfoWrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.coaListItemWrap .coaListItemRow .coaInfoWrap .upldDate {
  display: block;
  font-size: 16px;
  color: #474645;
  margin-right: 20px;
}
.coaListItemWrap .coaListItemRow .coaInfoWrap .downloadIcon {
  width: 25px;
}
.coaListItemWrap .coaListItemRow .coaInfoWrap .prodName {
  font-size: 30px;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  letter-spacing: -5px;
  font-weight: 600;
  margin-bottom: 5px;
  letter-spacing: 0px;
  text-transform: capitalize;
  display: block;
  line-height: 20px;
}
.coaListItemWrap .coaListItemRow .coaInfoWrap .prodSubInfo {
  font-size: 16px;
  font-weight: 400;
}
.coaListItemWrap .coaListItemRow .coaInfoWrap a:hover {
  opacity: 0.8;
}
.coaListItemWrap .coaListItemRow .coaListInfoWrap {
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.coaListItemWrap .coaListItemRowTwo {
  border-bottom: 1px solid #474645 !important;
  border-top: 0 !important;
}
.coaListItemWrap .coaListItemRowTwo .col-md-1 {
  padding-left: 0;
}
@media (max-width: 768px) {
  .coaListItemWrap .coaListItemRowTwo .col-md-1 {
    padding-left: 15px;
  }
}
.coaListItemWrap .coaListItemRowTwo .col-md-2 {
  padding-right: 0;
}
@media (max-width: 768px) {
  .coaListItemWrap .coaListItemRowTwo .col-md-2 {
    padding-right: 15px;
  }
}

/* liton scss start*/
/*about*/
.bgWhite {
  background-color: #ffffff;
}

.bgTheme {
  background-color: #f5f3ed;
}

.bgThemeDark {
  background-color: #fcf5e8;
}

.bgColorBlack {
  border: solid 1px #000 !important;
  color: #000000 !important;
}

.innerBannerBg {
  width: 100%;
  height: 580px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.innerBannerBg .innerBannerTextWrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.innerBannerBg .innerBannerTextWrap .innerBannerHeading {
  font-family: "Devant-Medium";
  font-size: 250px;
  color: #fff;
  line-height: 180px;
  letter-spacing: 25px;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .innerBannerBg .innerBannerTextWrap .innerBannerHeading {
    font-size: 150px;
  }
}
@media (max-width: 768px) {
  .innerBannerBg .innerBannerTextWrap .innerBannerHeading {
    font-size: 70px;
    letter-spacing: 3px;
    line-height: 70px;
  }
}
@media (max-width: 1199px) {
  .innerBannerBg {
    height: 300px;
  }
}
@media (max-width: 768px) {
  .innerBannerBg {
    height: 280px;
  }
}

.innerSecondFloatWrapPaddingNei {
  padding: 50px 0 0;
}

.innerSecondFloatWrap {
  position: relative;
}
@media (max-width: 991px) {
  .innerSecondFloatWrap {
    padding: 50px 0;
  }
}
.innerSecondFloatWrap .innerSecondFloatText {
  font-size: 280px;
  line-height: 200px;
  position: relative;
  z-index: 10;
  opacity: 0.4;
  letter-spacing: 3px;
  font-family: "DINCondensed-Bold";
  color: #edebe4;
  text-transform: uppercase;
  letter-spacing: -15px;
  text-align: center;
}
@media (max-width: 1367px) {
  .innerSecondFloatWrap .innerSecondFloatText {
    font-size: 200px;
  }
}
@media (max-width: 1199px) {
  .innerSecondFloatWrap .innerSecondFloatText {
    font-size: 200px;
  }
}
@media (max-width: 991px) {
  .innerSecondFloatWrap .innerSecondFloatText {
    font-size: 120px;
    top: -110px;
  }
}
@media (max-width: 768px) {
  .innerSecondFloatWrap .innerSecondFloatText {
    font-size: 70px;
    top: 0px;
    letter-spacing: 0;
    line-height: 70px;
  }
}
.innerSecondFloatWrap .rightPadding {
  padding-right: 100px !important;
}
.innerSecondFloatWrap .innerSecondAboveWrap {
  display: block;
  position: absolute;
  z-index: 20;
  top: 130px;
  width: 100%;
  left: 0;
}
@media (max-width: 991px) {
  .innerSecondFloatWrap .innerSecondAboveWrap {
    position: relative;
    top: 0px;
  }
}
.innerSecondFloatWrap .innerSecondAboveWrap .innerSecondAboveWrapHold {
  display: block;
  width: 100%;
  text-align: center;
}
.innerSecondFloatWrap .innerSecondAboveWrap .innerSecondAboveWrapHold h3 {
  font-size: 70px;
  color: #c6922c;
  line-height: 70px;
  letter-spacing: 5px;
  font-family: "Devant-Medium";
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .innerSecondFloatWrap .innerSecondAboveWrap .innerSecondAboveWrapHold h3 {
    font-size: 40px;
    line-height: 30px;
    margin-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .innerSecondFloatWrap .innerSecondAboveWrap .innerSecondAboveWrapHold h3 {
    letter-spacing: 0;
  }
}
.innerSecondFloatWrap .innerSecondAboveWrap .innerSecondAboveWrapHold h4 {
  font-size: 70px;
  color: #474645;
  line-height: 70px;
  font-family: "Devant-Medium";
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 5px;
}
@media (max-width: 1199px) {
  .innerSecondFloatWrap .innerSecondAboveWrap .innerSecondAboveWrapHold h4 {
    font-size: 90px;
    line-height: 90px;
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  .innerSecondFloatWrap .innerSecondAboveWrap .innerSecondAboveWrapHold h4 {
    font-size: 70px;
    line-height: 60px;
    margin-bottom: 10px;
    letter-spacing: 0;
  }
}
@media (max-width: 768px) {
  .innerSecondFloatWrap .innerSecondAboveWrap .innerSecondAboveWrapHold h4 {
    font-size: 50px !important;
    line-height: 40px !important;
    margin-bottom: 10px !important;
    letter-spacing: 3px !important;
  }
}
.innerSecondFloatWrap .innerSecondAboveWrap .innerSecondAboveWrapHold h5 {
  font-size: 26px;
  color: #474645;
  line-height: 26px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .innerSecondFloatWrap .innerSecondAboveWrap .innerSecondAboveWrapHold h5 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}

.sectionThreePlay {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sectionThreePlay a {
  text-decoration: none;
  opacity: 1;
  transition: all 0.2s;
}
.sectionThreePlay a:hover {
  opacity: 0.8;
}
.sectionThreePlay a img {
  width: 200px;
  height: 200px;
}
@media (max-width: 1600px) {
  .sectionThreePlay a img {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 1600px) {
  .sectionThreePlay a {
    position: relative;
    z-index: 100;
    margin-bottom: 30px;
  }
}

.aboutSectionBlur {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 200px 20px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1600px) {
  .aboutSectionBlur {
    padding: 280px 20px;
  }
}
@media (max-width: 991px) {
  .aboutSectionBlur {
    padding: 100px 20px;
  }
}
@media (max-width: 768px) {
  .aboutSectionBlur {
    padding: 50px 20px;
  }
}
.aboutSectionBlur::after {
  content: "";
  display: block;
  z-index: 10;
  width: 50%;
  height: 100%;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: rgba(0, 0, 0, 0.14);
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1199px) {
  .aboutSectionBlur::after {
    width: 55%;
  }
}
@media (max-width: 991px) {
  .aboutSectionBlur::after {
    width: 70%;
  }
}
@media (max-width: 768px) {
  .aboutSectionBlur::after {
    width: 100%;
  }
}
.aboutSectionBlur .sectionThreeRight {
  width: 100%;
  height: 100%;
  z-index: 50;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.aboutSectionBlur .sectionThreeRight .ThreeRightTextCont {
  display: inline-block;
  padding-left: 50px;
}
@media (max-width: 1199px) {
  .aboutSectionBlur .sectionThreeRight .ThreeRightTextCont {
    padding-left: 0px;
  }
}
.aboutSectionBlur .sectionThreeRight .ThreeRightTextCont h3 {
  font-size: 100px;
  line-height: 90px;
  color: #fff;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .aboutSectionBlur .sectionThreeRight .ThreeRightTextCont h3 {
    font-size: 70px;
    line-height: 60px;
  }
}
@media (max-width: 768px) {
  .aboutSectionBlur .sectionThreeRight .ThreeRightTextCont h3 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    text-align: center;
  }
}
.aboutSectionBlur .sectionThreeRight .ThreeRightTextCont p {
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  width: 100%;
}
@media (max-width: 768px) {
  .aboutSectionBlur .sectionThreeRight .ThreeRightTextCont p {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
    text-align: center;
  }
}

.aboutOfferBlur {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 200px 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 1600px) {
  .aboutOfferBlur {
    padding: 280px 0;
  }
}
@media (max-width: 991px) {
  .aboutOfferBlur {
    padding: 50px 0;
  }
}
@media (max-width: 768px) {
  .aboutOfferBlur {
    padding: 50px 0;
  }
}
.aboutOfferBlur::before {
  content: "";
  display: block;
  z-index: 10;
  width: 50%;
  height: 100%;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: rgba(0, 0, 0, 0.14);
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 768px) {
  .aboutOfferBlur::before {
    width: 100%;
  }
}
.aboutOfferBlur .sectionThreeRight {
  width: 100%;
  height: 100%;
  z-index: 50;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.aboutOfferBlur .sectionThreeRight .ThreeRightTextCont {
  display: inline-block;
}
.aboutOfferBlur .sectionThreeRight .ThreeRightTextCont h3 {
  font-size: 90px;
  line-height: 90px;
  color: #fff;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .aboutOfferBlur .sectionThreeRight .ThreeRightTextCont h3 {
    font-size: 70px;
    line-height: 60px;
  }
}
@media (max-width: 768px) {
  .aboutOfferBlur .sectionThreeRight .ThreeRightTextCont h3 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 15px;
  }
}
.aboutOfferBlur .sectionThreeRight .ThreeRightTextCont h4 {
  font-size: 60px;
  line-height: 60px;
  color: #fff;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .aboutOfferBlur .sectionThreeRight .ThreeRightTextCont h4 {
    font-size: 50px;
    line-height: 40px;
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .aboutOfferBlur .sectionThreeRight .ThreeRightTextCont h4 {
    font-size: 40px;
    line-height: 30px;
    margin-bottom: 15px;
  }
}
.aboutOfferBlur .sectionThreeRight .ThreeRightTextCont p {
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .aboutOfferBlur .sectionThreeRight .ThreeRightTextCont p {
    font-size: 16px;
    line-height: 18px;
  }
}

.aboutLifestyle {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 200px 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 1600px) {
  .aboutLifestyle {
    padding: 280px 0;
  }
}
@media (max-width: 991px) {
  .aboutLifestyle {
    padding: 100px 0;
  }
}
@media (max-width: 768px) {
  .aboutLifestyle {
    padding: 50px 0;
  }
}
.aboutLifestyle .sectionThreeRight {
  width: 100%;
  height: 100%;
  z-index: 50;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.aboutLifestyle .sectionThreeRight .ThreeRightTextCont {
  display: inline-block;
}
.aboutLifestyle .sectionThreeRight .ThreeRightTextCont h3 {
  font-size: 90px;
  line-height: 90px;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .aboutLifestyle .sectionThreeRight .ThreeRightTextCont h3 {
    font-size: 70px;
    line-height: 60px;
  }
}
@media (max-width: 768px) {
  .aboutLifestyle .sectionThreeRight .ThreeRightTextCont h3 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 15px;
  }
}
.aboutLifestyle .sectionThreeRight .ThreeRightTextCont p {
  font-size: 18px;
  line-height: 30px;
  color: #000;
  width: 100%;
}
@media (max-width: 768px) {
  .aboutLifestyle .sectionThreeRight .ThreeRightTextCont p {
    font-size: 16px;
    line-height: 18px;
  }
}

.innerColFloatWrap {
  display: block;
  background-color: #f5f3ed;
  position: relative;
}
@media (max-width: 991px) {
  .innerColFloatWrap {
    padding: 50px 0 !important;
  }
}
@media (max-width: 768px) {
  .innerColFloatWrap {
    padding: 50px 0 50px !important;
  }
}
.innerColFloatWrap .aboveDiv {
  width: 100%;
  position: relative;
  z-index: 100;
}
.innerColFloatWrap .aboveDiv .colImg {
  width: 100%;
  height: initial;
}
.innerColFloatWrap .aboveDiv .colTextLeft {
  width: 100%;
}
@media (max-width: 768px) {
  .innerColFloatWrap .aboveDiv .colTextLeft {
    text-align: left !important;
    padding-top: 20px;
  }
}
.innerColFloatWrap .aboveDiv .colTextLeft h3 {
  font-family: "DINCondensed-Bold";
  font-size: 100px;
  line-height: 100px;
  color: #474645;
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
}
@media (max-width: 1600px) {
  .innerColFloatWrap .aboveDiv .colTextLeft h3 {
    font-size: 90px;
    line-height: 90px;
  }
}
@media (max-width: 991px) {
  .innerColFloatWrap .aboveDiv .colTextLeft h3 {
    font-size: 70px;
    line-height: 60px;
  }
}
@media (max-width: 768px) {
  .innerColFloatWrap .aboveDiv .colTextLeft h3 {
    font-size: 50px;
    line-height: 40px;
    margin-bottom: 10px;
  }
}
.innerColFloatWrap .aboveDiv .colTextLeft h4 {
  font-size: 26px;
  line-height: 35px;
  font-weight: 300;
  letter-spacing: 3px;
  color: #474645;
  margin-bottom: 20px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .innerColFloatWrap .aboveDiv .colTextLeft h4 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}
.innerColFloatWrap .aboveDiv .colTextLeft p {
  font-size: 18px;
  line-height: 30px;
  color: #474645;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .innerColFloatWrap .aboveDiv .colTextLeft p {
    font-size: 16px;
    line-height: 18px;
  }
}
.innerColFloatWrap .backDiv {
  position: relative;
}
.innerColFloatWrap .backDiv .shadowText {
  text-align: center;
}
.innerColFloatWrap .backDiv .shadowText h2 {
  font-size: 280px !important;
  line-height: 200px !important;
  font-family: "Devant-Medium";
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 15px;
  opacity: 0.5;
}
@media (max-width: 1367px) {
  .innerColFloatWrap .backDiv .shadowText h2 {
    font-size: 150px !important;
  }
}
@media (max-width: 1199px) {
  .innerColFloatWrap .backDiv .shadowText h2 {
    font-size: 150px !important;
  }
}
@media (max-width: 991px) {
  .innerColFloatWrap .backDiv .shadowText h2 {
    font-size: 90px !important;
  }
}
@media (max-width: 768px) {
  .innerColFloatWrap .backDiv .shadowText h2 {
    line-height: 40px !important;
    top: 100px !important;
  }
}
.innerColFloatWrap .backDiv .rightShadow {
  position: absolute;
  right: 50px;
  top: -120px;
}
.innerColFloatWrap .backDiv .centerShadow {
  position: absolute;
  left: 0px;
  top: -120px;
  width: 100%;
  text-align: center;
}
.innerColFloatWrap .backDiv .bottomShadow {
  position: absolute;
  left: 0px;
  bottom: 0;
}
.innerColFloatWrap .backDiv .rightShadowTwo {
  position: absolute;
  right: 50px;
  top: 0px;
}
@media (max-width: 768px) {
  .innerColFloatWrap .backDiv .rightShadowTwo {
    position: relative;
    right: initial;
    text-align: center;
  }
}
@media (max-width: 1367px) {
  .innerColFloatWrap .backDiv {
    top: -100px;
  }
}
@media (max-width: 1199px) {
  .innerColFloatWrap .backDiv {
    top: -100px;
  }
}

.innerSecondSevenWrap {
  width: 100%;
  background-color: #fff;
}
@media (max-width: 991px) {
  .innerSecondSevenWrap {
    padding: 50px 0;
  }
}
@media (max-width: 768px) {
  .innerSecondSevenWrap {
    padding: 50px 0;
  }
}
.innerSecondSevenWrap .sevenWrapText {
  text-align: center;
}
.innerSecondSevenWrap .sevenWrapText h4 {
  font-size: 90px;
  color: #474645;
  line-height: 70px;
  font-family: "Devant-Medium";
  text-transform: uppercase;
  margin-bottom: 0px;
  letter-spacing: 3px;
}
@media (max-width: 991px) {
  .innerSecondSevenWrap .sevenWrapText h4 {
    font-size: 70px;
    line-height: 60px;
  }
}
@media (max-width: 768px) {
  .innerSecondSevenWrap .sevenWrapText h4 {
    font-size: 50px;
    line-height: 40px;
    letter-spacing: 2px;
  }
}
.innerSecondSevenWrap .sevenWrapText h3 {
  font-size: 70px;
  color: #474645;
  line-height: 90px;
  font-family: "Devant-Medium";
  text-transform: uppercase;
  margin-bottom: 30px;
  letter-spacing: 8px;
}
@media (max-width: 991px) {
  .innerSecondSevenWrap .sevenWrapText h3 {
    font-size: 60px;
    line-height: 50px;
  }
}
@media (max-width: 768px) {
  .innerSecondSevenWrap .sevenWrapText h3 {
    font-size: 40px;
    line-height: 30px;
    margin-bottom: 15px;
    letter-spacing: 3px;
  }
}
.innerSecondSevenWrap .sevenWrapText h5 {
  font-size: 26px;
  color: #474645;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .innerSecondSevenWrap .sevenWrapText h5 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0px;
  }
}
@media (max-width: 768px) {
  .innerSecondSevenWrap .sevenWrapText h5 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 0px;
  }
}
.innerSecondSevenWrap .sevenWrapText p {
  font-size: 16px;
  line-height: 30px;
  color: #474645;
  text-align: left;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .innerSecondSevenWrap .sevenWrapText p {
    font-size: 16px;
    line-height: 18px;
  }
}

.innerSecondEightWrap {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 991px) {
  .innerSecondEightWrap {
    padding: 100px 0;
  }
}
@media (max-width: 768px) {
  .innerSecondEightWrap {
    padding: 50px 0;
  }
}
.innerSecondEightWrap .eightWrapRight {
  text-align: right;
}
@media (max-width: 768px) {
  .innerSecondEightWrap .eightWrapRight {
    text-align: left;
    padding-top: 30px;
  }
}
.innerSecondEightWrap .eightWrapRight h2 {
  font-size: 70px;
  color: #474645;
  line-height: 70px;
  font-family: "Devant-Medium";
  text-transform: uppercase;
  margin-bottom: 30px;
  letter-spacing: 3px;
  color: #fff;
}
@media (max-width: 768px) {
  .innerSecondEightWrap .eightWrapRight h2 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 0px;
  }
}
.innerSecondEightWrap .eightWrapRight p {
  font-size: 18px;
  line-height: 30px;
  color: #474645;
  margin-bottom: 20px;
  color: #fff;
}
@media (max-width: 768px) {
  .innerSecondEightWrap .eightWrapRight p {
    font-size: 16px;
    line-height: 18px;
  }
}
.innerSecondEightWrap .eightWrapLeft {
  text-align: left;
}
.innerSecondEightWrap .eightWrapLeft h2 {
  font-size: 70px;
  color: #474645;
  line-height: 70px;
  font-family: "Devant-Medium";
  text-transform: uppercase;
  margin-bottom: 30px;
  letter-spacing: 3px;
  color: #fff;
}
@media (max-width: 768px) {
  .innerSecondEightWrap .eightWrapLeft h2 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 0px;
  }
}
.innerSecondEightWrap .eightWrapLeft p {
  font-size: 18px;
  line-height: 30px;
  color: #474645;
  text-align: left;
  margin-bottom: 20px;
  color: #fff;
}
@media (max-width: 768px) {
  .innerSecondEightWrap .eightWrapLeft p {
    font-size: 16px;
    line-height: 18px;
  }
}

.colImg {
  width: 100%;
  height: initial;
}

/* Brand */
.brandSecondWrapTwo {
  width: 100%;
  background-color: #e9e6df;
}
@media (max-width: 991px) {
  .brandSecondWrapTwo {
    padding: 50px 0;
  }
}
.brandSecondWrapTwo .SecondWrapTwoText {
  width: 100%;
}
@media (max-width: 768px) {
  .brandSecondWrapTwo .SecondWrapTwoText {
    text-align: center;
    margin-bottom: 30px;
  }
}
.brandSecondWrapTwo .SecondWrapTwoText h2 {
  font-size: 90px;
  color: #474645;
  line-height: 80px;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .brandSecondWrapTwo .SecondWrapTwoText h2 {
    font-size: 60px;
    line-height: 50px;
  }
}
@media (max-width: 768px) {
  .brandSecondWrapTwo .SecondWrapTwoText h2 {
    width: 100%;
    margin-bottom: 0px;
    font-size: 40px;
    line-height: 40px;
  }
}
.brandSecondWrapTwo .SecondWrapTwoText h5 {
  font-size: 26px;
  color: #474645;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 0px;
}
@media (max-width: 1199px) {
  .brandSecondWrapTwo .SecondWrapTwoText h5 {
    font-size: 26px;
  }
}
@media (max-width: 991px) {
  .brandSecondWrapTwo .SecondWrapTwoText h5 {
    font-size: 20px;
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .brandSecondWrapTwo .SecondWrapTwoText h5 {
    margin-bottom: 0px;
  }
}
.brandSecondWrapTwo .SecondWrapTwoNumber {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .brandSecondWrapTwo .SecondWrapTwoNumber {
    display: block;
  }
}
.brandSecondWrapTwo .SecondWrapTwoNumber .numberBox {
  width: 30.33%;
  position: relative;
}
@media (max-width: 768px) {
  .brandSecondWrapTwo .SecondWrapTwoNumber .numberBox {
    width: 50%;
    display: block;
  }
}
.brandSecondWrapTwo .SecondWrapTwoNumber .numberBox img {
  width: 100%;
}
.brandSecondWrapTwo .SecondWrapTwoNumber .numberBox p {
  font-size: 20px;
  color: #a5a29e;
  position: absolute;
  left: 90px;
  top: 120px;
  width: 70%;
}
@media (max-width: 1199px) {
  .brandSecondWrapTwo .SecondWrapTwoNumber .numberBox p {
    font-size: 16px;
    left: 80px;
    top: 88px;
  }
}
@media (max-width: 991px) {
  .brandSecondWrapTwo .SecondWrapTwoNumber .numberBox p {
    font-size: 14px;
    left: 55px;
    top: 55px;
  }
}
@media (max-width: 768px) {
  .brandSecondWrapTwo .SecondWrapTwoNumber .numberBox p {
    font-size: 18px;
    left: 100px;
    top: 66px;
    width: 100%;
  }
}

.brandSecondWrapThree {
  width: 100%;
  background-color: #fff;
}
@media (max-width: 991px) {
  .brandSecondWrapThree {
    padding: 80px 0 50px;
  }
}
@media (max-width: 768px) {
  .brandSecondWrapThree {
    padding: 50px 0 50px;
  }
}
.brandSecondWrapThree .WrapThreeLeft {
  width: 100%;
}
.brandSecondWrapThree .WrapThreeLeft h3 {
  font-size: 50px;
  line-height: 60px;
  color: #c6922c;
  text-align: right;
  font-weight: 400;
  width: 80%;
  text-transform: uppercase;
  font-family: "DINCondensed-Bold";
}
@media (max-width: 991px) {
  .brandSecondWrapThree .WrapThreeLeft h3 {
    width: 100%;
    font-size: 36px;
    line-height: 40px;
  }
}
@media (max-width: 768px) {
  .brandSecondWrapThree .WrapThreeLeft h3 {
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
  }
}
.brandSecondWrapThree .WrapThreeRight {
  width: 100%;
}
.brandSecondWrapThree .WrapThreeRight h4 {
  font-size: 30px;
  color: #000000;
  font-style: italic;
  font-family: "Playfair Display", serif;
  line-height: 50px;
  position: relative;
  z-index: 0;
}
.brandSecondWrapThree .WrapThreeRight h4 span {
  font-size: 24px;
  color: #000000;
  font-weight: 700;
  font-family: "Nunito", sans-serif !important;
  font-family: "karu";
  font-style: normal;
}
@media (max-width: 768px) {
  .brandSecondWrapThree .WrapThreeRight h4 span {
    font-size: 22px;
  }
}
.brandSecondWrapThree .WrapThreeRight h4::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 120px;
  height: 100px;
  top: -50px;
  left: -50px;
  background-image: url("../../assets/images/quote.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  .brandSecondWrapThree .WrapThreeRight h4::before {
    width: 70px;
    height: 64px;
    top: -27px;
    left: -30px;
  }
}
@media (max-width: 991px) {
  .brandSecondWrapThree .WrapThreeRight h4 {
    font-size: 26px;
    line-height: 30px;
  }
}
@media (max-width: 768px) {
  .brandSecondWrapThree .WrapThreeRight h4 {
    font-size: 20px;
    line-height: 25px;
    width: 80%;
    margin: 0 auto;
  }
}

.innerColFloatWrap {
  width: 100%;
}
@media (max-width: 991px) {
  .innerColFloatWrap {
    padding: 50px 0;
  }
}
.innerColFloatWrap .SecondWrapTwoText {
  width: 100%;
}
.innerColFloatWrap .SecondWrapTwoText h2 {
  font-size: 90px;
  color: #474645;
  line-height: 80px;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .innerColFloatWrap .SecondWrapTwoText h2 {
    font-size: 60px;
    line-height: 50px;
  }
}
@media (max-width: 768px) {
  .innerColFloatWrap .SecondWrapTwoText h2 {
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 30px;
  }
}
.innerColFloatWrap .SecondWrapTwoText h5 {
  font-size: 34px;
  color: #474645;
  line-height: 35px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.innerColFloatWrap .weAssureBadgeCol {
  padding: 30px 20px;
  background-color: #e9e6df;
  border-radius: 200px;
  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.08), -20px -20px 20px rgba(255, 255, 255, 0.5);
  text-align: center;
  margin-bottom: 15px;
}
@media (max-width: 1199px) {
  .innerColFloatWrap .weAssureBadgeCol {
    min-height: 230px;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .innerColFloatWrap .weAssureBadgeCol {
    min-height: 230px;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .innerColFloatWrap .weAssureBadgeCol {
    min-height: 230px;
    margin-bottom: 20px;
  }
}
.innerColFloatWrap .weAssureBadgeCol .certificateImg {
  max-width: 100%;
  display: block;
  margin: 0 auto 20px;
}
.innerColFloatWrap .weAssureBadgeCol .badgeHeading {
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 20px;
}
.innerColFloatWrap .weAssureBadgeCol .badgeDesc {
  font-size: 18px;
  font-weight: 500;
  opacity: 0.7;
}

.brandSectionWrapFive {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .brandSectionWrapFive {
    padding: 50px 0;
  }
}
.brandSectionWrapFive .WrapFiveHed {
  text-align: center;
  display: block;
}
.brandSectionWrapFive .WrapFiveHed img {
  margin-bottom: 30px;
}
.brandSectionWrapFive .WrapFiveHed h2 {
  font-size: 90px;
  color: #c6922c;
  line-height: 80px;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .brandSectionWrapFive .WrapFiveHed h2 {
    font-size: 70px;
    line-height: 60px;
  }
}
@media (max-width: 768px) {
  .brandSectionWrapFive .WrapFiveHed h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
.brandSectionWrapFive .WrapFiveHed h5 {
  font-size: 26px;
  color: #ffffff;
  line-height: 35px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .brandSectionWrapFive .WrapFiveHed h5 {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.brandSectionWrapFive .WrapThreeRight {
  width: 85%;
}
@media (max-width: 1199px) {
  .brandSectionWrapFive .WrapThreeRight {
    width: 80%;
  }
}
@media (max-width: 991px) {
  .brandSectionWrapFive .WrapThreeRight {
    width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .brandSectionWrapFive .WrapThreeRight {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
}
.brandSectionWrapFive .WrapThreeRight h4 {
  font-size: 24px;
  color: #ffffff;
  font-style: italic;
  font-style: italic;
  font-family: "Playfair Display", serif;
  line-height: 40px;
  position: relative;
  z-index: 0;
}
.brandSectionWrapFive .WrapThreeRight h4::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 70px;
  height: 60px;
  top: -30px;
  left: -30px;
  background-image: url("../../assets/images/quote.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  .brandSectionWrapFive .WrapThreeRight h4 {
    font-size: 20px;
    line-height: 25px;
  }
}
.brandSectionWrapFive .WrapThreeRight span {
  font-size: 24px;
  color: #ffffff;
  font-weight: 800;
  letter-spacing: 0.5px;
}

.btnCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btnRight {
  text-align: right;
}

.brandSectionWrapSix {
  width: 100%;
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .brandSectionWrapSix {
    padding: 50px 0;
  }
}
.brandSectionWrapSix .backDiv .shadowText h2 {
  font-size: 280px;
  line-height: 200px;
  font-family: "Devant-Medium";
  color: #f5f3ed !important;
  text-transform: uppercase;
  letter-spacing: 15px;
  opacity: 0.5;
}
.brandSectionWrapSix .backDiv .bottomShadow {
  position: absolute;
  left: 50px;
  bottom: -130px;
}
.brandSectionWrapSix .SecondWrapTwoText {
  width: 100%;
}
.brandSectionWrapSix .SecondWrapTwoText h2 {
  font-size: 90px;
  color: #474645;
  line-height: 80px;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .brandSectionWrapSix .SecondWrapTwoText h2 {
    font-size: 70px;
    line-height: 60px;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .brandSectionWrapSix .SecondWrapTwoText h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
.brandSectionWrapSix .SecondWrapTwoText p {
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  width: 100%;
}
@media (max-width: 1600px) {
  .brandSectionWrapSix .SecondWrapTwoText p {
    margin-bottom: 50px;
    text-align: left;
  }
}
@media (max-width: 768px) {
  .brandSectionWrapSix .SecondWrapTwoText p {
    margin-bottom: 30px;
    text-align: left;
  }
}

.formDiv {
  width: 100%;
}
.formDiv .formLineWrap {
  width: 100%;
  height: 70px;
  border-radius: 3px;
  border: solid 1.5px #555;
  position: relative;
  margin-bottom: 30px;
}
@media (max-width: 600px) {
  .formDiv .formLineWrap {
    height: 55px;
  }
}
.formDiv .formLineWrap input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 7px 16px;
  color: #000000;
  font-size: 18px;
  border: 0;
}
.formDiv .formLineWrap input::-moz-placeholder {
  color: #000000;
  font-size: 18px;
  text-transform: uppercase;
}
.formDiv .formLineWrap input::placeholder {
  color: #000000;
  font-size: 18px;
  text-transform: uppercase;
}
.formDiv .formLineWrap select {
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 7px 16px;
  color: #000000;
  font-size: 18px;
  border: 0;
}
.formDiv .formLineWrap select option {
  color: #000000;
  font-size: 18px;
  text-transform: uppercase;
}
.formDiv .formLineWrap span {
  font-size: 14px;
  color: #000;
  font-weight: 300;
  padding: 3px 10px;
  position: absolute;
  top: 28%;
  left: 5px;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #ffffff;
}
.formDiv .formLineWrapTwo {
  width: 100%;
  height: 120px;
  border-radius: 3px;
  border: solid 1.5px #555;
  position: relative;
  margin-bottom: 30px;
}
.formDiv .formLineWrapTwo textarea {
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  background-color: transparent;
  padding: 15px 16px;
  color: #000000;
  font-size: 18px;
  border: 0;
  resize: none;
  z-index: 2;
}
.formDiv .formLineWrapTwo textarea::-moz-placeholder {
  color: #000000;
  font-size: 18px;
  text-transform: uppercase;
}
.formDiv .formLineWrapTwo textarea::placeholder {
  color: #000000;
  font-size: 18px;
  text-transform: uppercase;
}
.formDiv .formLineWrapTwo span {
  font-size: 14px;
  color: #000;
  font-weight: 300;
  padding: 3px 10px;
  position: absolute;
  top: 8%;
  left: 5px;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #ffffff;
  z-index: -1;
}

.brandSectionWrapSeven {
  display: block;
  background-color: #f5f3ed;
  position: relative;
  z-index: 0;
}
@media (max-width: 991px) {
  .brandSectionWrapSeven {
    padding: 50px 0;
  }
}
.brandSectionWrapSeven::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 65%;
  height: 100%;
  background-image: url("../../assets/images/angle-bg.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.brandSectionWrapSeven .WrapFiveHed {
  text-align: center;
  display: block;
}
.brandSectionWrapSeven .WrapFiveHed h2 {
  font-size: 90px;
  line-height: 80px;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 1199px) {
  .brandSectionWrapSeven .WrapFiveHed h2 {
    font-size: 70px;
    line-height: 60px;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .brandSectionWrapSeven .WrapFiveHed h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
.brandSectionWrapSeven .wrapSevenBox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brandSectionWrapSeven .wrapSevenBox .wrapSevenBoxDiv {
  width: 100%;
  height: 200px;
  background-color: #ededed;
  box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.14);
  padding: 20px;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1199px) {
  .brandSectionWrapSeven .wrapSevenBox .wrapSevenBoxDiv {
    justify-content: flex-start;
    padding: 10px;
    height: 160px;
  }
}
@media (max-width: 991px) {
  .brandSectionWrapSeven .wrapSevenBox .wrapSevenBoxDiv {
    margin-bottom: 30px;
  }
}
.brandSectionWrapSeven .wrapSevenBox .wrapSevenBoxDiv img {
  width: 160px;
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .brandSectionWrapSeven .wrapSevenBox .wrapSevenBoxDiv img {
    width: 100px;
  }
}
@media (max-width: 991px) {
  .brandSectionWrapSeven .wrapSevenBox .wrapSevenBoxDiv img {
    width: 140px;
  }
}
.brandSectionWrapSeven .wrapSevenBox .wrapSevenBoxDiv .textDiv {
  width: calc(100% - 170px);
}
@media (max-width: 1199px) {
  .brandSectionWrapSeven .wrapSevenBox .wrapSevenBoxDiv .textDiv {
    width: calc(100% - 110px);
  }
}
@media (max-width: 1199px) {
  .brandSectionWrapSeven .wrapSevenBox .wrapSevenBoxDiv .textDiv {
    width: calc(100% - 160px);
  }
}
.brandSectionWrapSeven .wrapSevenBox .wrapSevenBoxDiv .textDiv h3 {
  font-size: 18px;
  color: #000000;
}
@media (max-width: 991px) {
  .brandSectionWrapSeven .wrapSevenBox .wrapSevenBoxDiv .textDiv h3 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .brandSectionWrapSeven .wrapSevenBox .wrapSevenBoxDiv .textDiv h3 {
    font-size: 20px;
  }
}
.brandSectionWrapSeven .wrapSevenBox .wrapSevenBoxDiv .textDiv p {
  font-size: 16px;
  color: #222833;
  margin-bottom: 0;
  font-weight: 300;
}
@media (max-width: 991px) {
  .brandSectionWrapSeven .wrapSevenBox .wrapSevenBoxDiv .textDiv p {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .brandSectionWrapSeven .wrapSevenBox .wrapSevenBoxDiv .textDiv p {
    font-size: 16px;
  }
}

.brandSectionWrapEight {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .brandSectionWrapEight {
    padding: 50px 0;
  }
}
.brandSectionWrapEight .SecondWrapTwoText {
  width: 100%;
}
@media (max-width: 991px) {
  .brandSectionWrapEight .SecondWrapTwoText {
    text-align: center;
  }
}
.brandSectionWrapEight .SecondWrapTwoText h2 {
  font-size: 90px;
  color: #ffffff;
  line-height: 80px;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  margin-bottom: 0px;
  width: 80%;
  opacity: 0.8;
}
@media (max-width: 1199px) {
  .brandSectionWrapEight .SecondWrapTwoText h2 {
    font-size: 70px;
    line-height: 60px;
  }
}
@media (max-width: 991px) {
  .brandSectionWrapEight .SecondWrapTwoText h2 {
    text-align: center;
    width: 100%;
    margin-bottom: 0px;
  }
}
@media (max-width: 768px) {
  .brandSectionWrapEight .SecondWrapTwoText h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
.brandSectionWrapEight .grothDiv {
  text-align: center;
  width: 100%;
  padding: 10px;
  border-radius: 20px;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  background-color: rgba(255, 255, 255, 0.18);
}
@media (max-width: 991px) {
  .brandSectionWrapEight .grothDiv {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .brandSectionWrapEight .grothDiv {
    width: 70%;
    margin: 40px auto 0;
  }
}
.brandSectionWrapEight .grothDiv img {
  width: 95%;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .brandSectionWrapEight .grothDiv img {
    margin-bottom: 10px;
  }
}
.brandSectionWrapEight .grothDiv .grothDivText {
  width: 100%;
  min-height: 150px;
}
@media (max-width: 1199px) {
  .brandSectionWrapEight .grothDiv .grothDivText {
    min-height: 180px;
  }
}
@media (max-width: 768px) {
  .brandSectionWrapEight .grothDiv .grothDivText {
    min-height: initial;
    padding-bottom: 20px;
  }
}
.brandSectionWrapEight .grothDiv .grothDivText h5 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
}
.brandSectionWrapEight .grothDiv .grothDivText p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 200;
  margin-bottom: 0;
}

.brandSectionWrapNine {
  display: block;
  background-color: #e5e1d9;
  position: relative;
  padding: 50px 30px;
}
@media (max-width: 768px) {
  .brandSectionWrapNine {
    padding: 0px 0;
  }
}
@media (max-width: 991px) {
  .brandSectionWrapNine {
    text-align: center;
    padding: 50px 0;
  }
}
.brandSectionWrapNine .ningLeft {
  width: 100%;
}
.brandSectionWrapNine .ningLeft .ningLeftBox {
  width: 100%;
  height: 550px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 991px) {
  .brandSectionWrapNine .ningLeft .ningLeftBox {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
    height: 350px;
  }
}
.brandSectionWrapNine .ningLeft .ningLeftBox .ningLeftBoxText {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 25px;
}
.brandSectionWrapNine .ningLeft .ningLeftBox .ningLeftBoxText h3 {
  font-size: 20px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 20px;
}
.brandSectionWrapNine .ningLeft .ningLeftBox .ningLeftBoxText p {
  font-size: 14px;
  color: #ffffff;
  font-weight: 300;
  margin-bottom: 0;
  line-height: 15px;
}
.brandSectionWrapNine .ningLeft .col-md-4:nth-child(2) {
  margin-top: 0px;
}
@media (max-width: 991px) {
  .brandSectionWrapNine .ningLeft .col-md-4:nth-child(2) {
    margin-top: 0px;
  }
}
.brandSectionWrapNine .ningLeft .col-md-4:nth-child(2) {
  margin-top: 80px;
}
@media (max-width: 991px) {
  .brandSectionWrapNine .ningLeft .col-md-4:nth-child(2) {
    margin-top: 0px;
  }
}
.brandSectionWrapNine .ningLeft .col-md-4:nth-child(3) {
  margin-top: 160px;
}
@media (max-width: 991px) {
  .brandSectionWrapNine .ningLeft .col-md-4:nth-child(3) {
    margin-top: 0px;
  }
}
.brandSectionWrapNine .ningRight {
  width: 100%;
  text-align: right;
}
@media (max-width: 991px) {
  .brandSectionWrapNine .ningRight {
    text-align: center;
    line-height: 60px;
    margin-bottom: 30px;
  }
}
.brandSectionWrapNine .ningRight img {
  width: 70%;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .brandSectionWrapNine .ningRight img {
    width: 40%;
    margin-bottom: 10px;
  }
}
.brandSectionWrapNine .ningRight h2 {
  font-size: 60px;
  line-height: 60px;
  color: #c6922c;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  text-align: right;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .brandSectionWrapNine .ningRight h2 {
    font-size: 70px;
    line-height: 60px;
    margin-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .brandSectionWrapNine .ningRight h2 {
    text-align: center;
    font-size: 60px;
  }
}
@media (max-width: 768px) {
  .brandSectionWrapNine .ningRight h2 {
    text-align: center;
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 991px) {
  .brandSectionWrapNine .ningRight .btnRight {
    text-align: center !important;
  }
}

/*contact*/
.sectionContactWrap {
  width: 100%;
}
@media (max-width: 768px) {
  .sectionContactWrap {
    padding: 50px 0 !important;
  }
}
.sectionContactWrap h2 {
  color: #ffffff !important;
  font-size: 240px !important;
  opacity: 0.3;
}
@media (max-width: 1199px) {
  .sectionContactWrap h2 {
    font-size: 220px !important;
    line-height: 200px !important;
    opacity: 0.5;
  }
}
@media (max-width: 991px) {
  .sectionContactWrap h2 {
    font-size: 100px !important;
    line-height: 100px !important;
    opacity: 0.6;
    top: -20px !important;
    letter-spacing: 3px !important;
  }
}
@media (max-width: 768px) {
  .sectionContactWrap h2 {
    font-size: 50px !important;
    line-height: 50px !important;
    opacity: 0.6;
    top: -10px !important;
    letter-spacing: 3px !important;
  }
}
.sectionContactWrap .wrapSevenBox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv {
  width: 82%;
  height: 130px;
  background-color: #ededed;
  box-shadow: 0px 0px 11px 7px rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1367px) {
  .sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv {
    width: 90%;
  }
}
@media (max-width: 1199px) {
  .sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv {
    justify-content: flex-start;
    padding: 10px;
    height: 160px;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv {
    margin-bottom: 30px;
    width: 70%;
  }
}
@media (max-width: 768px) {
  .sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv {
    height: 120px;
    width: 100%;
  }
}
.sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv img {
  width: 110px;
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv img {
    width: 100px;
  }
}
@media (max-width: 991px) {
  .sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv img {
    width: 140px;
  }
}
@media (max-width: 768px) {
  .sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv img {
    width: 100px;
  }
}
.sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv .textDiv {
  width: calc(100% - 110px);
}
@media (max-width: 1199px) {
  .sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv .textDiv {
    width: calc(100% - 110px);
  }
}
@media (max-width: 1199px) {
  .sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv .textDiv {
    width: calc(100% - 160px);
  }
}
.sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv .textDiv h3 {
  font-size: 18px;
  color: #000000;
}
@media (max-width: 991px) {
  .sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv .textDiv h3 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv .textDiv h3 {
    font-size: 20px;
  }
}
.sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv .textDiv p {
  font-size: 16px;
  color: #222833;
  margin-bottom: 0;
  font-weight: 300;
}
@media (max-width: 991px) {
  .sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv .textDiv p {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .sectionContactWrap .wrapSevenBox .wrapSevenBoxDiv .textDiv p {
    font-size: 16px;
  }
}
.sectionContactWrap .innerSecondAboveWrap {
  top: 175px;
}
@media (max-width: 991px) {
  .sectionContactWrap .innerSecondAboveWrap {
    top: 0px;
  }
}

@media (max-width: 991px) {
  .sectionContactWrapTwo {
    text-align: center;
  }
}
.sectionContactWrapTwo p {
  text-align: left !important;
}
@media (max-width: 768px) {
  .sectionContactWrapTwo p {
    line-height: 18px !important;
    font-size: 16px !important;
  }
}
.sectionContactWrapTwo h5 {
  font-size: 26px !important;
  line-height: 26px !important;
  font-weight: 300;
  letter-spacing: 3px;
  color: #474645;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .sectionContactWrapTwo h5 {
    font-size: 24px !important;
  }
}
@media (max-width: 768px) {
  .sectionContactWrapTwo h2 {
    font-size: 100px !important;
    line-height: 100px !important;
    top: 10px !important;
  }
}

.contactMapSection {
  width: 100%;
  height: 450px;
  background-color: #ccc;
}
.contactMapSection img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*section Design*/
@media (max-width: 991px) {
  .sectionGap {
    height: 100px 0px !important;
  }
}
@media (max-width: 768px) {
  .sectionGap {
    height: 50px 0px !important;
  }
}

.ingredientSecBigHead {
  font-family: "Devant-Medium";
  text-transform: uppercase;
  letter-spacing: -5px;
  font-size: 140px;
  margin-bottom: 10px;
  line-height: 130px;
  letter-spacing: 0px;
}
@media (max-width: 1199px) {
  .ingredientSecBigHead {
    font-size: 100px;
    line-height: 90px;
  }
}
@media (max-width: 991px) {
  .ingredientSecBigHead {
    font-size: 70px;
    line-height: 80px;
  }
}
@media (max-width: 768px) {
  .ingredientSecBigHead {
    font-size: 60px;
    line-height: 50px;
  }
}

.ingrdDesc {
  font-size: 18px;
  line-height: 30px;
}
@media (max-width: 768px) {
  .ingrdDesc {
    font-size: 16px;
    line-height: 18px;
  }
}

.ingredientSecBigHeadTwo {
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  letter-spacing: 0px;
  font-size: 90px;
  margin-bottom: 10px;
  line-height: 90px;
  letter-spacing: 0px;
}
@media (max-width: 1199px) {
  .ingredientSecBigHeadTwo {
    font-size: 90px;
    line-height: 90px;
  }
}
@media (max-width: 991px) {
  .ingredientSecBigHeadTwo {
    font-size: 60px;
    line-height: 60px;
  }
}
@media (max-width: 768px) {
  .ingredientSecBigHeadTwo {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0px !important;
  }
}

.backDiv {
  position: relative;
}
.backDiv .rightShadowTwo {
  position: absolute;
  right: 50px;
  top: 0px;
}
.backDiv .rightShadowTwo h2 {
  font-size: 280px;
  line-height: 200px;
  font-family: "Devant-Medium";
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 15px;
  opacity: 0.5;
}

.backDiv {
  position: relative;
}
.backDiv .shadowText {
  text-align: center;
}
.backDiv .shadowText h2 {
  font-size: 280px;
  line-height: 200px;
  font-family: "Devant-Medium";
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 15px;
  opacity: 0.5;
}
@media (max-width: 1367px) {
  .backDiv .shadowText h2 {
    font-size: 150px;
  }
}
@media (max-width: 1199px) {
  .backDiv .shadowText h2 {
    font-size: 150px;
  }
}
@media (max-width: 991px) {
  .backDiv .shadowText h2 {
    font-size: 90px;
  }
}
@media (max-width: 768px) {
  .backDiv .shadowText h2 {
    line-height: 40px;
    top: 100px;
    letter-spacing: 0;
  }
}
.backDiv .rightShadow {
  position: absolute;
  right: 50px;
  top: -120px;
}
.backDiv .rightShadowTwo {
  position: absolute;
  right: 50px;
  top: 0px;
}
@media (max-width: 768px) {
  .backDiv .rightShadowTwo {
    position: relative;
    right: initial;
    text-align: center;
  }
}
@media (max-width: 1367px) {
  .backDiv {
    top: -100px;
  }
}
@media (max-width: 1199px) {
  .backDiv {
    top: -100px;
  }
}

.aboveDiv {
  width: 100%;
  position: relative;
  z-index: 100;
}
.aboveDiv .colImg {
  width: 100%;
  height: initial;
}
.aboveDiv .colTextLeft {
  width: 100%;
}
@media (max-width: 768px) {
  .aboveDiv .colTextLeft {
    text-align: left !important;
    padding-top: 20px;
  }
}
.aboveDiv .colTextLeft h3 {
  font-family: "Devant-Medium";
  font-size: 90px;
  line-height: 90px;
  color: #474645;
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
}
@media (max-width: 1600px) {
  .aboveDiv .colTextLeft h3 {
    font-size: 90px;
    line-height: 90px;
  }
}
@media (max-width: 991px) {
  .aboveDiv .colTextLeft h3 {
    font-size: 70px;
    line-height: 60px;
  }
}
@media (max-width: 768px) {
  .aboveDiv .colTextLeft h3 {
    font-size: 50px;
    line-height: 40px;
    margin-bottom: 10px;
  }
}
.aboveDiv .colTextLeft h4 {
  font-size: 34px;
  line-height: 35px;
  font-weight: 300;
  letter-spacing: 3px;
  color: #474645;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .aboveDiv .colTextLeft h4 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}
.aboveDiv .colTextLeft p {
  font-size: 18px;
  line-height: 30px;
  color: #474645;
}
@media (max-width: 768px) {
  .aboveDiv .colTextLeft p {
    font-size: 16px;
    line-height: 18px;
  }
}

.colTextRight {
  width: 100%;
}

.quoteText {
  font-size: 30px;
  color: #000000;
  font-style: italic;
  font-style: italic;
  font-family: "Playfair Display", serif;
  line-height: 50px;
  position: relative;
  z-index: 0;
}
.quoteText span {
  font-size: 30px;
  color: #000000;
  font-weight: 800;
  font-family: "Nunito", sans-serif !important;
  font-style: normal;
  font-weight: 700;
}
@media (max-width: 768px) {
  .quoteText span {
    font-size: 22px;
  }
}
.quoteText::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 120px;
  height: 100px;
  top: -50px;
  left: -50px;
  background-image: url("../../assets/images/quote.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  .quoteText::before {
    width: 70px;
    height: 64px;
    top: -27px;
    left: -30px;
  }
}
@media (max-width: 991px) {
  .quoteText {
    font-size: 26px;
    line-height: 30px;
  }
}
@media (max-width: 768px) {
  .quoteText {
    font-size: 20px;
    line-height: 25px;
    width: 80%;
    margin: 0 auto;
  }
}

/*wholesale*/
.wholesaleSectionWrap {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right bottom;
}
@media (max-width: 1199px) {
  .wholesaleSectionWrap {
    background-position: right;
  }
}
@media (max-width: 991px) {
  .wholesaleSectionWrap {
    background-position: 55%;
    padding: 50px 0;
  }
}
@media (max-width: 768px) {
  .wholesaleSectionWrap {
    padding: 50px 0;
    background-position: 80%;
  }
}
.wholesaleSectionWrap .wholesaleOneText {
  width: 50%;
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
@media (max-width: 768px) {
  .wholesaleSectionWrap .wholesaleOneText {
    width: 100%;
  }
}

.wholesaleSecondWrapTwo {
  width: 100%;
}
.wholesaleSecondWrapTwo .SecondWrapTwoText {
  text-align: center;
}
.wholesaleSecondWrapTwo .SecondWrapTwoText h2 {
  text-align: center;
  width: 100%;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  letter-spacing: -5px;
  font-size: 100px;
  margin-bottom: 10px;
  line-height: 90px;
  letter-spacing: 0px;
}
@media (max-width: 1199px) {
  .wholesaleSecondWrapTwo .SecondWrapTwoText h2 {
    font-size: 100px;
    line-height: 90px;
  }
}
@media (max-width: 991px) {
  .wholesaleSecondWrapTwo .SecondWrapTwoText h2 {
    font-size: 60px;
    line-height: 50px;
  }
}
@media (max-width: 768px) {
  .wholesaleSecondWrapTwo .SecondWrapTwoText h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
.wholesaleSecondWrapTwo .SecondWrapTwoText h5 {
  font-size: 26px;
  color: #22293c;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .wholesaleSecondWrapTwo .SecondWrapTwoText h5 {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.wholesaleSecondWrapTwo .numberBox p {
  top: 230px !important;
  left: 120px !important;
}
@media (max-width: 1440px) {
  .wholesaleSecondWrapTwo .numberBox p {
    top: 190px !important;
    left: 100px !important;
  }
}
@media (max-width: 1199px) {
  .wholesaleSecondWrapTwo .numberBox p {
    top: 150px !important;
    left: 100px !important;
  }
}
@media (max-width: 991px) {
  .wholesaleSecondWrapTwo .numberBox p {
    top: 120px !important;
    left: 70px !important;
  }
}
@media (max-width: 768px) {
  .wholesaleSecondWrapTwo .numberBox p {
    top: 85px !important;
    left: 90px !important;
  }
}
.wholesaleSecondWrapTwo .backDiv {
  position: relative;
}
.wholesaleSecondWrapTwo .backDiv .rightShadowTwo {
  position: absolute;
  left: 30%;
  top: 100px;
}
.wholesaleSecondWrapTwo .backDiv .rightShadowTwo h2 {
  font-size: 280px;
  line-height: 200px;
  font-family: "Devant-Medium";
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 15px;
  opacity: 0.3;
}
@media (max-width: 991px) {
  .wholesaleSecondWrapTwo .backDiv .rightShadowTwo h2 {
    font-size: 180px;
    line-height: 100px;
  }
}
@media (max-width: 768px) {
  .wholesaleSecondWrapTwo .backDiv .rightShadowTwo h2 {
    font-size: 80px;
    line-height: 50px;
  }
}

.wholesaleSecondWrapThree {
  background-color: #fff;
}
@media (max-width: 991px) {
  .wholesaleSecondWrapThree {
    padding: 50px 0;
  }
}
.wholesaleSecondWrapThree .rightShadowTwo h2 {
  color: #f6f6f6 !important;
  top: -100px;
}
@media (max-width: 1199px) {
  .wholesaleSecondWrapThree .rightShadowTwo h2 {
    top: 150px !important;
    left: 100px !important;
  }
}
@media (max-width: 991px) {
  .wholesaleSecondWrapThree .rightShadowTwo h2 {
    top: 120px !important;
    left: 70px !important;
  }
}
@media (max-width: 768px) {
  .wholesaleSecondWrapThree .rightShadowTwo h2 {
    top: 100px !important;
    left: 25px !important;
    opacity: 1;
  }
}

.wholesaleSecondWrapFour {
  width: 100%;
  background-color: #69604d;
}
@media (max-width: 991px) {
  .wholesaleSecondWrapFour {
    padding: 50px 0;
  }
}
@media (max-width: 1199px) {
  .wholesaleSecondWrapFour .backDiv .shadowText h2 {
    line-height: 80px !important;
    top: 100px;
  }
}
.wholesaleSecondWrapFour .wholesaleSeconText {
  text-align: center;
}
.wholesaleSecondWrapFour .wholesaleSeconText h2 {
  color: #ffffff;
}
.wholesaleSecondWrapFour .wholesaleSeconMid {
  width: 80%;
  margin: 0 auto;
  background-color: #5f5540;
}
@media (max-width: 1199px) {
  .wholesaleSecondWrapFour .wholesaleSeconMid {
    width: 100%;
  }
}
.wholesaleSecondWrapFour .wholesaleSeconMid .owl-dots {
  position: relative;
  top: -30px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1px;
}
@media (max-width: 600px) {
  .wholesaleSecondWrapFour .wholesaleSeconMid .owl-dots {
    position: relative;
    height: initial;
    margin-top: 20px;
    top: -10px;
  }
}
.wholesaleSecondWrapFour .wholesaleSeconMid .owl-dots button {
  width: 10px;
  height: 10px;
  background-color: #fff;
  margin: 0 5px;
  border-radius: 50%;
}
.wholesaleSecondWrapFour .wholesaleSeconMidText {
  width: 100%;
  padding: 15px 40px 15px 0px;
}
@media (max-width: 1199px) {
  .wholesaleSecondWrapFour .wholesaleSeconMidText {
    padding: 15px 15px 15px 15px;
  }
}
.wholesaleSecondWrapFour .wholesaleSeconMidText h3 {
  font-size: 20px;
  color: #a29c90;
  margin-bottom: 20px;
  line-height: 30px;
}
.wholesaleSecondWrapFour .wholesaleSeconMidText p {
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  margin-bottom: 0;
}
.wholesaleSecondWrapFour .shadowText {
  opacity: 0.1;
}

.wholesaleSectionWrapSeven {
  width: 100%;
  padding: 0px 0px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.wholesaleSectionWrapSeven .wholesaleSevenText {
  width: 100%;
  padding: 100px 50px;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  background-color: rgba(255, 255, 255, 0.18);
}
@media (max-width: 1199px) {
  .wholesaleSectionWrapSeven .wholesaleSevenText {
    padding: 100px 20px;
  }
}
@media (max-width: 991px) {
  .wholesaleSectionWrapSeven .wholesaleSevenText {
    padding: 50px 20px;
  }
}
.wholesaleSectionWrapSeven .wholesaleSevenText .wholesaleSevenTextSubs {
  width: 100%;
}
.wholesaleSectionWrapSeven .wholesaleSevenText .wholesaleSevenTextSubs p {
  font-size: 18px;
  color: #22293c;
  position: relative;
  padding-left: 40px;
  margin-bottom: 30px;
}
.wholesaleSectionWrapSeven .wholesaleSevenText .wholesaleSevenTextSubs p::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url("../../assets/images/wholesale-dots.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 3px;
  left: 0;
}

.cbdSection {
  width: 100%;
  padding-bottom: 0px;
}
.cbdSection .wholesaleSeconMid {
  position: relative;
  top: 100px;
  z-index: 100;
}
@media (max-width: 1199px) {
  .cbdSection .wholesaleSeconMid {
    top: 30px;
  }
}
.cbdSection .wholesaleSeconMidText h3 {
  color: #ffffff;
}
@media (max-width: 1199px) {
  .cbdSection .wholesaleSeconMidText h3 {
    font-size: 16px;
  }
}

.cbdSectionWrapThree {
  width: 100%;
  background-color: #f5f3ed;
  padding-top: 200px;
}
@media (max-width: 1199px) {
  .cbdSectionWrapThree {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.cbdSectionWrapThree h2 {
  display: block;
  text-align: center;
  color: #c6922c;
  opacity: 0.4;
  letter-spacing: 10px;
  font-size: 180px;
}
@media (max-width: 1199px) {
  .cbdSectionWrapThree h2 {
    font-size: 100px;
    font-size: 90px;
  }
}
@media (max-width: 991px) {
  .cbdSectionWrapThree h2 {
    font-size: 70px;
    font-size: 60px;
  }
}
@media (max-width: 768px) {
  .cbdSectionWrapThree h2 {
    font-size: 60px !important;
    line-height: 50px !important;
    letter-spacing: 3px;
  }
}
.cbdSectionWrapThree .cbdSectionWrapThreeCont {
  width: 100%;
}
.cbdSectionWrapThree .cbdSectionWrapThreeCont .cbdSectionBox {
  width: 100%;
  margin-bottom: 30px;
}
.cbdSectionWrapThree .cbdSectionWrapThreeCont .cbdSectionBox .cbdSectionBoxWrap {
  width: 100%;
  min-height: 150px;
  background-color: #f0eee7;
  box-shadow: -5px -5px 14px -1px rgba(0, 0, 0, 0.19);
  padding: 30px 50px;
  border-radius: 200px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1199px) {
  .cbdSectionWrapThree .cbdSectionWrapThreeCont .cbdSectionBox .cbdSectionBoxWrap {
    justify-content: flex-start;
    padding: 10px;
    height: 150px;
  }
}
@media (max-width: 991px) {
  .cbdSectionWrapThree .cbdSectionWrapThreeCont .cbdSectionBox .cbdSectionBoxWrap {
    margin-bottom: 30px;
  }
}
.cbdSectionWrapThree .cbdSectionWrapThreeCont .cbdSectionBox .cbdSectionBoxWrap .textDiv {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1199px) {
  .cbdSectionWrapThree .cbdSectionWrapThreeCont .cbdSectionBox .cbdSectionBoxWrap .textDiv {
    padding: 20px;
  }
}
.cbdSectionWrapThree .cbdSectionWrapThreeCont .cbdSectionBox .cbdSectionBoxWrap .textDiv h3 {
  font-size: 18px;
  color: #474645;
  font-weight: 800 !important;
}
@media (max-width: 991px) {
  .cbdSectionWrapThree .cbdSectionWrapThreeCont .cbdSectionBox .cbdSectionBoxWrap .textDiv h3 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .cbdSectionWrapThree .cbdSectionWrapThreeCont .cbdSectionBox .cbdSectionBoxWrap .textDiv h3 {
    font-size: 20px;
  }
}
.cbdSectionWrapThree .cbdSectionWrapThreeCont .cbdSectionBox .cbdSectionBoxWrap .textDiv p {
  font-size: 16px;
  color: #222833;
  margin-bottom: 0;
  font-weight: 300;
}
@media (max-width: 991px) {
  .cbdSectionWrapThree .cbdSectionWrapThreeCont .cbdSectionBox .cbdSectionBoxWrap .textDiv p {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .cbdSectionWrapThree .cbdSectionWrapThreeCont .cbdSectionBox .cbdSectionBoxWrap .textDiv p {
    font-size: 16px;
  }
}

.cbdSectionWrapFour {
  width: 100%;
  padding: 0px;
}
.cbdSectionWrapFour .cbdFourSection {
  width: 100%;
}
.cbdSectionWrapFour .cbdFourSection::after {
  content: "";
  display: block;
  clear: both;
}
.cbdSectionWrapFour .cbdFourSection .cbdFourTextRight {
  float: right;
}
.cbdSectionWrapFour .cbdFourSection .cbdFourText {
  width: 400px;
  height: 400px;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  background-color: rgba(255, 255, 255, 0.18);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .cbdSectionWrapFour .cbdFourSection .cbdFourText {
    width: 300px;
    height: 300px;
  }
}
.cbdSectionWrapFour .cbdFourSection .cbdFourText div h3 {
  font-size: 40px;
  color: #ffffff;
  margin-bottom: 15px;
  font-weight: 700px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .cbdSectionWrapFour .cbdFourSection .cbdFourText div h3 {
    font-size: 26px;
  }
}
.cbdSectionWrapFour .cbdFourSection .cbdFourText div p {
  font-size: 18px;
  line-height: 20px;
  color: #ffffff;
  display: block;
  margin-bottom: 4px;
}
.cbdSectionWrapFour .cbdFourSection .cbdFourText div p span {
  padding-left: 15px;
  font-size: 16px;
  color: colo(white);
  display: block;
}

.cbdSectionWrapFive {
  width: 100%;
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .cbdSectionWrapFive {
    padding: 50px 0;
  }
}
.cbdSectionWrapFive h2 {
  display: block;
  text-align: center;
}
.cbdSectionWrapFive .cbdFiveBox {
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0px -7px 19px 1px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 200px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .cbdSectionWrapFive .cbdFiveBox {
    min-height: 270px;
  }
}
@media (max-width: 768px) {
  .cbdSectionWrapFive .cbdFiveBox {
    min-height: initial;
    margin-bottom: 15px;
  }
}
.cbdSectionWrapFive .cbdFiveBox h3 {
  font-size: 20px;
  color: #22293c;
  margin-bottom: 12px;
  font-weight: 600 !important;
}
.cbdSectionWrapFive .cbdFiveBox p {
  font-size: 16px;
  line-height: 18px;
  color: #22293c;
  margin-bottom: 0px;
  text-align: center;
}

.partnerSectionWrapOne {
  background-color: #ffffff;
}
@media (max-width: 1199px) {
  .partnerSectionWrapOne h2 {
    top: -100px;
    opacity: 0.4;
  }
}
@media (max-width: 991px) {
  .partnerSectionWrapOne h2 {
    top: 0px !important;
    line-height: 60px !important;
  }
}

.partnerSectionWrapFour {
  background-color: #ffffff;
  padding-bottom: 0px;
}
@media (max-width: 991px) {
  .partnerSectionWrapFour h2 {
    top: 10px !important;
    line-height: 60px !important;
    letter-spacing: 5px !important;
  }
}
@media (max-width: 768px) {
  .partnerSectionWrapFour {
    padding-bottom: 50px;
  }
}
.partnerSectionWrapFour .innerSecondAboveWrap {
  top: -150px;
  position: relative;
}
.partnerSectionWrapFour .innerSecondAboveWrap .innerSecondAboveWrapHold {
  padding-top: 0px;
}
@media (max-width: 991px) {
  .partnerSectionWrapFour .innerSecondAboveWrap .innerSecondAboveWrapHold {
    top: 100px;
    position: relative;
  }
}
@media (max-width: 768px) {
  .partnerSectionWrapFour .innerSecondAboveWrap .innerSecondAboveWrapHold {
    top: 135px;
  }
}
.partnerSectionWrapFour .innerSecondAboveWrap .innerSecondAboveWrapHold h4 {
  font-size: 90px;
  line-height: 120px;
  letter-spacing: 6px;
  color: #707070;
  letter-spacing: 15px;
}
.partnerSectionWrapFour .innerSecondAboveWrap .innerSecondAboveWrapHold h5 {
  margin-bottom: 30px;
}
.partnerSectionWrapFour .innerSecondAboveWrap .innerSecondAboveWrapHold p {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 40px;
  width: 60%;
  margin: 0 auto 30px;
}
@media (max-width: 991px) {
  .partnerSectionWrapFour .innerSecondAboveWrap .innerSecondAboveWrapHold p {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .partnerSectionWrapFour .innerSecondAboveWrap .innerSecondAboveWrapHold p {
    width: 100%;
  }
}

.partnerSectionWrapFive {
  background-color: #f5f3ed;
}
@media (max-width: 991px) {
  .partnerSectionWrapFive {
    padding: 50px 0;
  }
}
.partnerSectionWrapFive .partnerFiveLeft {
  text-align: left;
}
.partnerSectionWrapFive .partnerFiveLeft p {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .partnerSectionWrapFive .partnerFiveLeft p {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .partnerSectionWrapFive .partnerFiveLeft {
    text-align: center !important;
  }
}
.partnerSectionWrapFive .partnerFiveRight p {
  font-size: 16px;
  line-height: 18px;
  color: #22293c;
  position: relative;
  z-index: 0;
}
.partnerSectionWrapFive .partnerFiveRight p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 120px;
  height: 100px;
  top: -50px;
  left: -50px;
  background-image: url("../../assets/images/quote-two.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  .partnerSectionWrapFive .partnerFiveRight p::before {
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
  }
}
@media (max-width: 768px) {
  .partnerSectionWrapFive .partnerFiveRight p {
    padding-top: 20px;
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .partnerSectionWrapFive .partnerFiveRight {
    text-align: center !important;
  }
}

.partnerSectionWrapSix {
  background-color: #ffffff;
  position: relative;
  z-index: 0;
}
@media (max-width: 991px) {
  .partnerSectionWrapSix {
    padding: 50px 0;
  }
}
.partnerSectionWrapSix .partnerFiveLeft {
  text-align: left;
  position: relative;
  z-index: 10;
}
@media (max-width: 991px) {
  .partnerSectionWrapSix .partnerFiveLeft {
    width: 50%;
  }
}
.partnerSectionWrapSix .partnerFiveLeft p {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .partnerSectionWrapSix .partnerFiveLeft p {
    margin-bottom: 10px;
  }
}
.partnerSectionWrapSix .partnerFiveLeft h5 {
  margin-bottom: 30px;
  font-size: 22px;
}
@media (max-width: 768px) {
  .partnerSectionWrapSix .partnerFiveLeft h5 {
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .partnerSectionWrapSix .partnerFiveLeft {
    width: 100%;
    position: relative;
    margin-top: 170px;
    margin-bottom: 0px;
  }
}

.partnerSectionWrapSeven {
  background-color: #f5f3ed;
}
@media (max-width: 1199px) {
  .partnerSectionWrapSeven h2 {
    top: 0px !important;
    line-height: 90px !important;
  }
}
@media (max-width: 991px) {
  .partnerSectionWrapSeven h2 {
    top: 0px !important;
    line-height: 90px !important;
  }
}
.partnerSectionWrapSeven .innerSecondAboveWrap {
  top: 100px;
}
@media (max-width: 1199px) {
  .partnerSectionWrapSeven .innerSecondAboveWrap {
    top: 0px;
    position: relative;
  }
}
@media (max-width: 768px) {
  .partnerSectionWrapSeven .innerSecondAboveWrap {
    top: -15px;
    position: relative;
  }
}
.partnerSectionWrapSeven .partnerSevenBox {
  width: 100%;
  text-align: left;
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .partnerSectionWrapSeven .partnerSevenBox {
    width: 100%;
  }
}
.partnerSectionWrapSeven .partnerSevenBox h5 {
  font-size: 18px !important;
  color: #22293c !important;
  margin-bottom: 8px !important;
  font-weight: 600 !important;
}
.partnerSectionWrapSeven .partnerSevenBox p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 18px;
  color: #22293c;
}

.partnerSectionWrapEight {
  width: 100%;
  padding: 60px 0;
  background-color: #69604d;
}
@media (max-width: 1199px) {
  .partnerSectionWrapEight {
    padding: 50px 0;
  }
}
.partnerSectionWrapEight h2 {
  color: #ffffff;
  letter-spacing: 3px;
}
@media (max-width: 768px) {
  .partnerSectionWrapEight {
    padding: 50px 0;
    text-align: center;
  }
}

.partnerSectionWrapThree .sectionThreeRight {
  display: block;
}
@media (max-width: 991px) {
  .partnerSectionWrapThree .sectionThreeRight .ThreeRightTextCont {
    width: 100%;
  }
}

.affiliateSectionWrapOne {
  width: 100%;
  background-color: #f5f3ed;
  text-align: center;
}
@media (max-width: 1199px) {
  .affiliateSectionWrapOne {
    padding: 50px 0;
  }
}
.affiliateSectionWrapOne h2 {
  color: #22293c;
  letter-spacing: 5px;
  font-size: 60px;
  color: #707070;
}
@media (max-width: 768px) {
  .affiliateSectionWrapOne h2 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0;
  }
}
.affiliateSectionWrapOne p {
  width: 45%;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .affiliateSectionWrapOne p {
    width: 100%;
  }
}

.affiliateSectionWrapTwo {
  width: 100%;
  background-color: #e9e6df;
}
@media (max-width: 1199px) {
  .affiliateSectionWrapTwo {
    padding-bottom: 150px;
  }
}
@media (max-width: 991px) {
  .affiliateSectionWrapTwo {
    padding-bottom: 50px;
  }
}
.affiliateSectionWrapTwo .backDiv {
  padding-top: 0px;
}
.affiliateSectionWrapTwo .backDiv .rightShadowTwo {
  width: 100% !important;
  left: 0;
  top: 50px;
}
@media (max-width: 768px) {
  .affiliateSectionWrapTwo .backDiv .rightShadowTwo {
    top: 100px;
  }
}
@media (max-width: 991px) {
  .affiliateSectionWrapTwo .backDiv .rightShadowTwo h2 {
    top: 0;
    line-height: 60px !important;
  }
}
@media (max-width: 1199px) {
  .affiliateSectionWrapTwo .aboveDiv {
    top: 100px;
  }
}
@media (max-width: 991px) {
  .affiliateSectionWrapTwo .aboveDiv {
    top: 10px;
  }
}
.affiliateSectionWrapTwo .aboveDiv .SecondWrapTwoNumber .numberBox {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
@media (max-width: 768px) {
  .affiliateSectionWrapTwo .aboveDiv .SecondWrapTwoNumber .numberBox {
    width: 80%;
  }
}
.affiliateSectionWrapTwo .aboveDiv .SecondWrapTwoNumber .numberBox p {
  width: 60%;
  left: initial;
  top: initial;
  padding-left: 30px;
  padding-top: 80px;
}
@media (max-width: 991px) {
  .affiliateSectionWrapTwo .aboveDiv .SecondWrapTwoNumber .numberBox p {
    padding-left: 80px;
    padding-top: 40px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .affiliateSectionWrapTwo .aboveDiv .SecondWrapTwoNumber .numberBox p {
    padding-left: 90px;
    padding-top: 70px;
  }
}
.affiliateSectionWrapTwo .SecondWrapTwoText h2 {
  text-align: center;
  width: 100%;
}
.affiliateSectionWrapThree {
  width: 100%;
  padding: 100px 20px;
}
@media (max-width: 991px) {
  .affiliateSectionWrapThree {
    padding: 50px 0;
  }
}
@media (max-width: 768px) {
  .affiliateSectionWrapThree {
    padding: 50px 0;
  }
}
.affiliateSectionWrapThree::before {
  width: 60%;
}
@media (max-width: 768px) {
  .affiliateSectionWrapThree::before {
    width: 100%;
  }
}
.affiliateSectionWrapThree .ThreeRightTextCont {
  display: block;
  padding: 20px;
}
@media (max-width: 991px) {
  .affiliateSectionWrapThree .ThreeRightTextCont {
    padding: 0px;
  }
}
@media (max-width: 768px) {
  .affiliateSectionWrapThree .ThreeRightTextCont {
    padding-left: 20px;
    width: 90%;
  }
}
.affiliateSectionWrapThree .ThreeRightTextCont p {
  font-size: 16px;
  color: #ffffff;
  position: relative;
  margin-bottom: 12px;
  padding-left: 20px;
}
.affiliateSectionWrapThree .ThreeRightTextCont p::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ffffff;
  top: 8px;
  left: 0;
  position: absolute;
}
.affiliateSectionWrapThree .sectionThreeRight {
  display: block;
}

.affiliateSectionWrapFive {
  width: 100%;
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .affiliateSectionWrapFive {
    padding: 50px 0;
  }
}
.affiliateSectionWrapFive h2 {
  text-align: center;
}
.affiliateSectionWrapFive .faqWrapper .accordion-button:not(.collapsed) {
  background-color: transparent;
}
.affiliateSectionWrapFive .faqWrapper .accordion-button {
  background-color: transparent;
  color: #333;
  font-size: 20px;
  padding: 1rem 0rem;
}
@media (max-width: 991px) {
  .affiliateSectionWrapFive .faqWrapper .accordion-button {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .affiliateSectionWrapFive .faqWrapper .accordion-button {
    font-size: 16px;
  }
}
.affiliateSectionWrapFive .faqWrapper .accordion-button:not(.collapsed)::after {
  filter: grayscale(1);
}
.affiliateSectionWrapFive .faqWrapper .accordion-item {
  border: 0;
  border-bottom: solid 1px #ccc;
}

.affiliateSectionWrapSix {
  width: 100%;
  background-color: #f9f8f5;
  text-align: center;
}
@media (max-width: 991px) {
  .affiliateSectionWrapSix {
    padding: 50px 0;
  }
}
.affiliateSectionWrapSix h2 {
  font-size: 60px;
  line-height: 60px;
  color: #707070;
}
@media (max-width: 991px) {
  .affiliateSectionWrapSix h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 768px) {
  .affiliateSectionWrapSix h2 {
    margin-bottom: 0px;
  }
}

.bottomPadding {
  padding-bottom: 0 !important;
}

.topPadding {
  padding-top: 0 !important;
}

.partnerSicWrap .innerSecondAboveWrap .innerSecondAboveWrapHold h4 {
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  letter-spacing: 0px;
  font-size: 90px;
  margin-bottom: 50px;
  line-height: 90px;
  letter-spacing: 0px;
}
@media (max-width: 991px) {
  .partnerSicWrap .innerSecondAboveWrap .innerSecondAboveWrapHold h4 {
    font-size: 70px !important;
    line-height: 60px !important;
  }
}
@media (max-width: 768px) {
  .partnerSicWrap .innerSecondAboveWrap .innerSecondAboveWrapHold h4 {
    font-size: 40px !important;
    line-height: 40px !important;
    letter-spacing: 0px !important;
  }
}
@media (max-width: 991px) {
  .partnerSicWrap .innerSecondFloatText {
    opacity: 1;
    letter-spacing: 3px;
  }
}

@media (max-width: 1199px) {
  .aboutThreeWrapSec .backDiv .shadowText h2 {
    top: 100px;
  }
}
@media (max-width: 991px) {
  .aboutThreeWrapSec .backDiv .shadowText h2 {
    top: 100px;
  }
}
@media (max-width: 768px) {
  .aboutThreeWrapSec .backDiv .shadowText h2 {
    top: 170px !important;
  }
}

@media (max-width: 768px) {
  .aboutSixWrap {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 991px) {
  .aboutOneWrap .innerSecondFloatText {
    top: 0px;
  }
}
@media (max-width: 991px) {
  .aboutOneWrap .innerSecondAboveWrap {
    top: 80px;
    position: absolute;
  }
}
@media (max-width: 768px) {
  .aboutOneWrap .innerSecondAboveWrap {
    top: 0px;
    position: relative;
  }
}

@media (max-width: 991px) {
  .cbdFirstWrap .innerSecondAboveWrap {
    top: -50px !important;
    position: relative;
  }
}
@media (max-width: 768px) {
  .cbdFirstWrap .innerSecondAboveWrap {
    top: 0px !important;
    position: relative;
  }
}
@media (max-width: 768px) {
  .cbdFirstWrap .innerSecondAboveWrap h4 {
    font-size: 40px !important;
    line-height: 40px !important;
  }
}
@media (max-width: 768px) {
  .cbdFirstWrap .innerSecondFloatText {
    opacity: 0.6;
  }
}
.cbdFirstWrap p {
  width: 60%;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .cbdFirstWrap p {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .cbdFirstWrap p {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .sectionContactWrapTwo .SecondWrapTwoText h2 {
    font-size: 40px !important;
    line-height: 40px !important;
  }
}

/* shop*/
.innerBannerBgTwo {
  width: 100%;
  height: 580px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
}
@media (max-width: 1366px) {
  .innerBannerBgTwo {
    background-position: 17%;
  }
}
@media (max-width: 1080px) {
  .innerBannerBgTwo {
    background-position: 17%;
  }
}
@media (max-width: 768px) {
  .innerBannerBgTwo {
    background-position: 60%;
    height: 320px;
  }
}
@media (max-width: 600px) {
  .innerBannerBgTwo {
    background-position: 4%;
    height: 320px;
  }
}
.innerBannerBgTwo .innerBannerTextWrapTwo {
  text-align: left;
}
@media (max-width: 991px) {
  .innerBannerBgTwo .innerBannerTextWrapTwo {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
    text-align: center;
    margin: 0 auto;
  }
}
.innerBannerBgTwo .innerBannerTextWrapTwo .innerBannerHeadingTwo {
  font-family: "Devant-Medium";
  font-size: 250px;
  color: #000000;
  opacity: 0.6;
  line-height: 180px;
  letter-spacing: 25px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .innerBannerBgTwo .innerBannerTextWrapTwo .innerBannerHeadingTwo {
    font-size: 150px;
    line-height: 140px;
  }
}
@media (max-width: 991px) {
  .innerBannerBgTwo .innerBannerTextWrapTwo .innerBannerHeadingTwo {
    font-size: 70px;
    line-height: 60px;
    letter-spacing: 5px;
    opacity: 1;
  }
}
.innerBannerBgTwo .innerBannerTextWrapTwo .innerBannerSubheadingTwo {
  font-size: 22px;
  color: #ffffff;
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.15);
  display: inline-block;
  width: initial;
  letter-spacing: 2px;
}
@media (max-width: 991px) {
  .innerBannerBgTwo .innerBannerTextWrapTwo .innerBannerSubheadingTwo {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .innerBannerBgTwo .innerBannerTextWrapTwo .innerBannerSubheadingTwo {
    font-size: 16px;
    letter-spacing: 0px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
  }
}
.innerBannerBgTwo .innerBannerTextWrapTwo .innerBannerSubheadingTwo span {
  font-weight: 600;
}

.sectionShopWrap .innerSecondFloatText {
  font-size: 100px;
  line-height: 100px;
  color: #f8eeda;
  opacity: 1;
  letter-spacing: 3px;
  text-align: left;
}
@media (max-width: 1199px) {
  .sectionShopWrap .innerSecondFloatText {
    line-height: 80px;
  }
}
@media (max-width: 991px) {
  .sectionShopWrap .innerSecondFloatText {
    line-height: 60px;
    font-size: 60px;
    top: 0px;
  }
}
@media (max-width: 768px) {
  .sectionShopWrap .innerSecondFloatText {
    line-height: 40px;
    font-size: 40px;
    letter-spacing: 0;
  }
}
.sectionShopWrap .sectionShopWrapMenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: 0px;
}
@media (max-width: 1199px) {
  .sectionShopWrap .sectionShopWrapMenu {
    top: 60px;
  }
}
@media (max-width: 991px) {
  .sectionShopWrap .sectionShopWrapMenu {
    top: 0px;
    display: block;
  }
}
.sectionShopWrap .sectionShopWrapMenu a {
  font-size: 16px;
  font-weight: 600;
  transition: all 0.2s;
  color: #000000;
  padding: 10px 20px;
  margin-bottom: 10px !important;
  display: inline-block;
  background-color: rgba(245, 243, 237, 0.5);
}
.sectionShopWrap .sectionShopWrapMenu a:hover {
  opacity: 0.8;
  background-color: #dfd7c2;
  font-weight: 800;
}
@media (max-width: 991px) {
  .sectionShopWrap .sectionShopWrapMenu a {
    margin-right: 15px;
    margin-bottom: 6px;
  }
}
.sectionShopWrap .sectionShopWrapMenu .submenuActive {
  background-color: #dfd7c2 !important;
}
.sectionShopWrap .shopSubmenuOpen {
  width: 100%;
  height: initial;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #dfd7c2;
  border-radius: 2px;
}
@media (max-width: 992px) {
  .sectionShopWrap .shopSubmenuOpen {
    text-align: center;
    display: block;
  }
}
@media (max-width: 600px) {
  .sectionShopWrap .shopSubmenuOpen {
    text-align: left;
  }
}
.sectionShopWrap .shopSubmenuOpen li {
  margin: 10px;
}
@media (max-width: 1024px) {
  .sectionShopWrap .shopSubmenuOpen li {
    margin: 0px 6px;
  }
}
@media (max-width: 992px) {
  .sectionShopWrap .shopSubmenuOpen li {
    display: inline-block;
  }
}
@media (max-width: 600px) {
  .sectionShopWrap .shopSubmenuOpen li {
    margin: 0px 4px;
  }
}
.sectionShopWrap .shopSubmenuOpen li a {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  background-color: transparent;
  margin-bottom: 0px !important;
  padding: 10px 20px !important;
  display: inline-block;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .sectionShopWrap .shopSubmenuOpen li a {
    padding: 8px 10px !important;
  }
}
@media (max-width: 600px) {
  .sectionShopWrap .shopSubmenuOpen li a {
    padding: 6px 10px !important;
  }
}
.sectionShopWrap .shopSubmenuOpen li a:hover {
  color: black;
}
.sectionShopWrap .shopSubmenuOpen li .clildActive {
  color: black;
}

.shopSecondWrap {
  width: 100%;
}
.shopSecondWrap .sliderWrapper {
  width: 100%;
}
.shopSecondWrap .sliderWrapper .sliderWrapperHed {
  display: block;
}
@media (max-width: 1367px) {
  .shopSecondWrap .backDiv .shadowText h2 {
    top: 100px !important;
  }
}
@media (max-width: 1199px) {
  .shopSecondWrap .backDiv .shadowText h2 {
    top: 80px !important;
  }
}
@media (max-width: 991px) {
  .shopSecondWrap .backDiv .shadowText h2 {
    top: 120px !important;
    letter-spacing: 0;
  }
}
@media (max-width: 768px) {
  .shopSecondWrap .backDiv .shadowText h2 {
    top: 190px !important;
    right: -50px !important;
    letter-spacing: 0;
  }
}

.shopHedText {
  font-size: 90px;
  line-height: 100px;
  font-family: "DINCondensed-Bold";
  color: #474645;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .shopHedText {
    font-size: 60px;
    line-height: 60px;
  }
}
@media (max-width: 768px) {
  .shopHedText {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 10px;
  }
}

.shopSubhedText {
  font-size: 18px;
  color: #000000;
  text-transform: uppercase;
}

.sliderWrapperCont {
  width: 100%;
  padding: 0 0 20px 0;
}
@media (max-width: 768px) {
  .sliderWrapperCont {
    padding: 0px 0;
  }
}
.sliderWrapperCont .shopSliderDiv {
  width: 100%;
  height: initial;
  max-height: initial;
  background-color: #fff;
  display: block;
  margin-bottom: 20px;
}
.sliderWrapperCont .shopSliderDiv a {
  text-decoration: none;
  transition: all 0.2s;
}
.sliderWrapperCont .shopSliderDiv a:hover img {
  opacity: 0.8;
}
.sliderWrapperCont .shopSliderDiv a .shopSliderDivTop {
  width: 100%;
  position: relative;
  z-index: 9;
  height: 250px;
  background-color: #f1f1f1;
}
@media (max-width: 1200px) {
  .sliderWrapperCont .shopSliderDiv a .shopSliderDivTop {
    height: 200px;
  }
}
@media (max-width: 768px) {
  .sliderWrapperCont .shopSliderDiv a .shopSliderDivTop {
    height: 150px;
  }
}
.sliderWrapperCont .shopSliderDiv a .shopSliderDivTop img {
  z-index: 10;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.2s;
}
.sliderWrapperCont .shopSliderDiv a .shopSliderDivTop h4 {
  position: absolute;
  z-index: 11;
  top: 10px;
  right: 10px;
  width: 80px;
  height: 30px;
  border: solid 1px #c6922c;
  color: #c6922c;
  font-size: 22px;
  font-family: "Devant-Medium";
  letter-spacing: 0px;
  line-height: 30px;
  text-align: center;
}
@media (max-width: 991px) {
  .sliderWrapperCont .shopSliderDiv a .shopSliderDivTop h4 {
    width: 60px;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
  }
}
.sliderWrapperCont .shopSliderDiv a .shopSliderDivMid {
  width: 100%;
  padding: 10px;
  min-height: 130px;
}
@media (max-width: 600px) {
  .sliderWrapperCont .shopSliderDiv a .shopSliderDivMid {
    min-height: 100px;
  }
}
.sliderWrapperCont .shopSliderDiv a .shopSliderDivMid h2 {
  font-size: 30px;
  line-height: 130%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: "DINCondensed-Bold";
  color: #22293c;
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  .sliderWrapperCont .shopSliderDiv a .shopSliderDivMid h2 {
    font-size: 22px;
    line-height: 140%;
  }
}
@media (max-width: 768px) {
  .sliderWrapperCont .shopSliderDiv a .shopSliderDivMid h2 {
    font-size: 18px;
    line-height: 140%;
  }
}
.sliderWrapperCont .shopSliderDiv a .shopSliderDivMid p {
  font-size: 16px;
  color: #c6922c;
}
@media (max-width: 768px) {
  .sliderWrapperCont .shopSliderDiv a .shopSliderDivMid p {
    font-size: 14px;
  }
}
.sliderWrapperCont .shopSliderDiv .shopSliderDivBottom {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .sliderWrapperCont .shopSliderDiv .shopSliderDivBottom a {
    font-size: 12px;
    padding: 4px 8px;
  }
}
.sliderWrapperCont .shopSliderDiv .shopSliderDivBottom h3 {
  font-size: 36px;
  color: #000000;
  font-family: "DINCondensed-Bold";
  letter-spacing: 0px;
}
@media (max-width: 1199px) {
  .sliderWrapperCont .shopSliderDiv .shopSliderDivBottom h3 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .sliderWrapperCont .shopSliderDiv .shopSliderDivBottom h3 {
    font-size: 18px;
  }
}
.sliderWrapperCont .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
}
.sliderWrapperCont .owl-carousel .owl-nav button {
  padding: 20px 5px !important;
  background-color: rgba(0, 0, 0, 0.3);
}
.sliderWrapperCont .owl-carousel .owl-nav button span {
  color: #ffffff;
  font-size: 60px;
}
.sliderWrapperCont .owl-carousel .owl-nav button:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.sliderWrapperCont .owl-carousel .owl-nav .owl-prev {
  top: 50%;
  left: 0;
  position: absolute;
  margin-top: -42.5px;
}
.sliderWrapperCont .owl-carousel .owl-nav .owl-next {
  top: 50%;
  right: 0;
  position: absolute;
  margin-top: -42.5px;
}
@media (max-width: 768px) {
  .sliderWrapperCont .owl-carousel .owl-nav {
    display: none;
  }
}

.shopThirdWrap {
  width: 100%;
  background-color: #ffffff;
  padding-top: 200px;
}
.shopThirdWrap .backDiv .shadowText {
  top: -30px;
}
@media (max-width: 991px) {
  .shopThirdWrap .backDiv .shadowText {
    top: 0px;
  }
}
@media (max-width: 768px) {
  .shopThirdWrap .backDiv .shadowText {
    top: -50px;
  }
}
.shopThirdWrap .backDiv .shadowText h2 {
  color: #000000 !important;
  opacity: 0.05;
}
@media (max-width: 768px) {
  .shopThirdWrap .backDiv .shadowText h2 {
    line-height: 60px !important;
  }
}

.loadMore {
  display: block;
  text-align: center;
  padding-top: 20px;
}
.loadMore button {
  font-size: 30px;
  color: #000000;
  font-family: "Devant-Medium";
  border: 0;
  padding: 0;
  background-color: transparent;
  border-bottom: solid 1px #000;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.loadMore button:hover {
  color: #c6922c;
  border-color: #c6922c;
}

.productListFirst {
  width: 100%;
  padding: 10px 0 !important;
  background-color: #ffffff;
  padding-top: 70px !important;
}
@media (max-width: 1199px) {
  .productListFirst {
    padding-top: 150px !important;
  }
}
@media (max-width: 768px) {
  .productListFirst {
    padding-top: 100px !important;
    padding-bottom: 30px !important;
  }
}
.productListFirst .breadComeWrap {
  width: 100%;
  display: flex;
  justify-content: start;
}
.productListFirst .breadComeWrap a {
  font-size: 16px;
  color: #000000;
  margin-right: 25px;
  position: relative;
  font-weight: 600;
  transition: all 0.2;
}
.productListFirst .breadComeWrap a::after {
  content: ">";
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  position: absolute;
  top: 0;
  right: -15px;
  font-weight: 600;
}
.productListFirst .breadComeWrap a:hover {
  color: #c6922c;
}

.productListSecondWrap {
  width: 100%;
  background-color: #f5f3ed;
}
@media (max-width: 768px) {
  .productListSecondWrap .sliderWrapperHed {
    text-align: center;
    line-height: 40px;
    margin-bottom: 0px;
  }
}
@media (max-width: 768px) {
  .productListSecondWrap .col-md-4 {
    text-align: center;
    margin-bottom: 30px;
  }
}
.productListSecondWrap .shadowText {
  width: 50%;
  text-align: left !important;
  top: -260px;
  left: -130px !important;
}
@media (max-width: 1367px) {
  .productListSecondWrap .shadowText {
    padding-left: 20px !important;
    padding-bottom: 0px !important;
    width: 20%;
  }
}
@media (max-width: 1199px) {
  .productListSecondWrap .shadowText {
    padding-left: 100px !important;
    padding-bottom: 50px !important;
    width: 20%;
  }
}
@media (max-width: 1367px) {
  .productListSecondWrap .shadowText h2 {
    line-height: 40px !important;
  }
}
@media (max-width: 1199px) {
  .productListSecondWrap .shadowText h2 {
    line-height: 0px !important;
  }
}

.productListThirdWrap {
  width: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 991px) {
  .productListThirdWrap {
    padding: 50px 0 !important;
  }
}
.productListThirdWrap .imgTextWrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .productListThirdWrap .imgTextWrap {
    display: block;
    text-align: center;
  }
}
.productListThirdWrap .imgTextWrap h4 {
  font-size: 100px;
  line-height: 90px;
  margin-bottom: 0;
  color: #ffffff;
  text-align: center;
  font-family: "DINCondensed-Bold";
}
@media (max-width: 768px) {
  .productListThirdWrap .imgTextWrap h4 {
    margin-bottom: 20px;
    font-size: 70px;
    line-height: 60px;
  }
}
.productListThirdWrap .imgTextWrap h4 span {
  font-size: 70px;
  line-height: 60px;
  display: block;
}
@media (max-width: 768px) {
  .productListThirdWrap .imgTextWrap h4 span {
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 40px;
  }
}
.productListThirdWrap .imgTextWrap a {
  background-color: #ffffff !important;
}

.modalFormWrap {
  padding: 25px 0px 25px 20px;
}
@media (max-width: 991px) {
  .modalFormWrap {
    padding: 20px 20px 20px 20px;
  }
}
.modalFormWrap .input-block {
  background-color: #fff;
  width: 100%;
  padding: 22px auto 21px 37px;
  position: relative;
  margin-bottom: 20px;
}
.modalFormWrap .input-block-two {
  background-color: #fff;
  width: 100%;
  padding: 22px auto 21px 37px;
  position: relative;
  margin-bottom: 20px;
}
.modalFormWrap .form-control {
  padding: 12px;
}
.modalFormWrap .shipping-form-button {
  padding: 8px 50px;
}
.modalFormWrap .shipping-form-button:hover {
  background-color: #f1f1f1 !important;
}

#exampleModal .modal-body {
  padding: 0rem;
  border: 0px;
  border-radius: 0px;
}
#exampleModal .radioDiv {
  display: inline-block;
  margin-right: 15px;
  cursor: pointer;
}
#exampleModal .acceptDiv {
  margin-bottom: 20px;
  text-transform: uppercase;
}
#exampleModal .acceptDiv span {
  font-size: 10px;
  color: #555;
  display: block;
  padding-left: 20px;
  line-height: 10px;
}
#exampleModal .acceptDiv label {
  margin-bottom: 0px;
  font-size: 13px;
  line-height: 13px;
}
#exampleModal .acceptDiv input {
  margin-right: 5px;
}
#exampleModal .acceptDiv div {
  display: flex;
  align-items: flex-start;
}
#exampleModal .radioDivSection {
  width: 100%;
  margin-bottom: 6px;
}
#exampleModal .radioDivSection p {
  font-size: 13px;
  text-transform: uppercase;
  color: #000000;
}
#exampleModal .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  filter: invert(1);
}
#exampleModal .shipping-form-button:hover {
  opacity: 1;
}

.modal-form .input-block .label {
  text-transform: uppercase !important;
}
.modal-form .input-block label {
  text-transform: uppercase !important;
}
.modal-form .modal-content {
  position: absolute;
}
.modal-form .modal-content .btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.modal-form .modal-content .modalFormWrap {
  padding: 25px 0px 25px 20px;
}
.modal-form .input-block.input-block-shipping .label {
  top: 22px;
  font-size: 14px !important;
  background-color: #fff !important;
}
@media (max-width: 768px) {
  .modal-form .input-block.input-block-shipping .label {
    font-size: 11px !important;
    top: 16px;
    left: 8px;
  }
}
.modal-form .input-block.input-block-shipping .form-control:focus {
  background-color: #fff !important;
}
.modal-form .input-block-two.input-block-shipping .label {
  top: -4 !important;
  font-size: 14px !important;
  background-color: #fff !important;
}
@media (max-width: 768px) {
  .modal-form .input-block-two.input-block-shipping .label {
    font-size: 11px !important;
    top: 16px;
    left: 8px;
  }
}
.modal-form .input-block-two.input-block-shipping .form-control:focus {
  background-color: #fff !important;
}

.fomrText h2 {
  font-size: 60px;
  line-height: 60px;
  color: #555;
  margin-bottom: 10px;
  font-family: "DINCondensed-Bold";
}
@media (max-width: 768px) {
  .fomrText h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
.fomrText p {
  font-size: 16px;
  color: #000000;
  margin-bottom: 20px;
  width: 80%;
}
@media (max-width: 768px) {
  .fomrText p {
    width: 100%;
  }
}

.modalImage {
  height: 100%;
  width: 100.1%;
}
@media (max-width: 991px) {
  .modalImage {
    width: 100%;
    height: 80px;
  }
}
.modalImage img {
  height: 100%;
  width: 100%;
}

.plusIcon {
  font-size: 40px !important;
  line-height: 40px !important;
}

.menuResponsiveWrap {
  display: none;
  padding-top: 40px;
}
@media (max-width: 768px) {
  .menuResponsiveWrap {
    display: block;
  }
}
.menuResponsiveWrap ul {
  margin: 0;
  padding: 0;
}
.menuResponsiveWrap ul li {
  list-style: none;
  width: 100%;
}
.menuResponsiveWrap ul li a {
  font-size: 70px;
  line-height: 70px;
  font-family: "DINCondensed-Bold";
  color: #22293c;
}
.menuResponsiveWrap ul li ul.subMenuOpen {
  display: none;
  margin: 0px;
  padding: 0;
  padding-left: 15px;
}
.menuResponsiveWrap ul li ul.subMenuOpen li {
  list-style: none;
}
.menuResponsiveWrap ul li ul.subMenuOpen li a {
  font-size: 40px;
  line-height: 40px;
}
.menuResponsiveWrap ul li ul.subMenuOpen li ul.clildMenuOpen {
  display: none;
  margin: 0px;
  padding: 0;
  padding-left: 30px;
}
.menuResponsiveWrap ul li ul.subMenuOpen li ul.clildMenuOpen li {
  list-style: none;
}
.menuResponsiveWrap ul li ul.subMenuOpen li ul.clildMenuOpen li a {
  font-size: 28px;
  line-height: 28px;
}

@media (max-width: 768px) {
  .webMenu {
    display: none;
  }
}

.infoWrapper {
  width: 100%;
  padding: 150px 20px 50px;
  background-color: #fdfcfa;
}
@media (max-width: 991px) {
  .infoWrapper {
    padding: 120px 20px 0px;
  }
}
@media (max-width: 768px) {
  .infoWrapper {
    padding: 80px 20px 20px;
  }
}
.infoWrapper .infoCont {
  width: 100%;
}
.infoWrapper .infoCont h1 {
  display: block;
  text-align: center;
  font-size: 70px;
  color: #333;
  margin-bottom: 50px;
  font-family: "DINCondensed-Bold";
}
@media (max-width: 768px) {
  .infoWrapper .infoCont h1 {
    font-size: 50px;
    margin-bottom: 20px;
  }
}

/* liton scss ends*/
@font-face {
  font-family: "DINCond-Regular";
  src: url("DINCond-Regular.woff2") format("woff2"), url("DINCond-Regular.woff") format("woff"), url("DINCond-Regular.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.shippingbody {
  background-color: #fff;
  color: black;
}

.breadcrums {
  font-family: poppins-medium;
  font-size: 16px;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

.ShippingInnerContainer {
  display: flex;
  justify-content: space-between;
}

.ShippingFormContainer {
  width: 68%;
  background-color: #e9e6df;
  padding: 4.5% 3.7% 8.6% 3.1%;
}

@media (max-width: 992px) {
  .trsponsiveTop {
    margin-top: 0px !important;
  }
}

.ShippingSummaryContainer {
  width: 30.02%;
  background-color: #e9e6df;
  padding: 29px 40px 63px 41px;
  height: -moz-max-content;
  height: max-content;
}

.trackingdotscontainer {
  position: relative;
}

.dot {
  height: 30px;
  width: 30px;
  background-color: #e9e6df;
  border-radius: 50%;
  display: inline-block;
  border: 4px solid black;
}

.tracktexts {
  display: flex;
  justify-content: space-between;
  margin-top: -17px;
  font-family: "DINCondensed-Bold";
  letter-spacing: -0.5px;
  color: #474645;
  opacity: 1;
  font-size: 30px;
  margin-bottom: 81px;
}
.tracktexts p {
  letter-spacing: 0.5px;
}

.dotfilled {
  height: 30px;
  width: 30px;
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  border: 4px solid #c6c6c6;
}

.input-block {
  background-color: #e9e6df;
  width: 100%;
  padding: 22px auto 21px 37px;
  position: relative;
  margin-bottom: 20px;
}

.input-block:focus {
  background-color: #e9e6df;
}

.form-control {
  height: auto;
  resize: none;
}

.label {
  position: absolute;
  left: 20px;
  top: 20px;
  display: block;
  margin: 0;
  font-weight: 300;
  z-index: 1000;
  color: #22293c;
  font-size: 18px;
  line-height: 10px;
  z-index: 1;
  background-color: #fff;
  padding-right: 1%;
  padding-left: 1%;
}

.focus .label {
  z-index: 99;
}

.form-control {
  width: 100%;
  background-color: transparent;
  padding: 23px;
  border: none;
  border-radius: 3px;
  height: auto;
  position: relative;
  z-index: 2;
  font-size: 18px;
  border: 1px solid #22293c;
}
@media (max-width: 768px) {
  .form-control {
    font-size: 16px;
    line-height: 16px;
  }
}
@media (max-width: 600px) {
  .form-control {
    font-size: 15px;
    line-height: 16px;
  }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-block-shipping {
  margin-bottom: 42px;
}

.shipping-form-button {
  background: var(--unnamed-color-22293c) 0% 0% no-repeat padding-box;
  border: 1px solid var(--unnamed-color-22293c);
  background: #22293c 0% 0% no-repeat padding-box;
  border: 1px solid #22293c;
  border-radius: 3px;
  opacity: 1;
  color: white;
  cursor: pointer;
  padding: 24px 99px 26px 100px;
  font-size: 17x;
}

.summary-heading {
  text-align: left;
  font-family: DINCondensed-Bold;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-size: 50px;
  margin-bottom: 39px;
}

.pricing-block {
  display: flex;
  justify-content: space-between;
  border-bottom: solid #ffffff;
  padding-bottom: 10px;
  padding-top: 13px;
}

.left-price-heading {
  font-size: 30px;
  color: rgba(71, 70, 69, 0.8509803922);
  font-family: DINCond-Regular;
}

.right-price {
  font-size: 30px;
  color: rgba(71, 70, 69, 0.8509803922);
  font-family: DINCond-Regular;
}

.totalprice-heading-shipping {
  font-family: DINCondensed-Bold;
  font-size: 30px;
  color: #000;
}

.total-price-shipping {
  font-family: DINCondensed-Bold;
  font-size: 30px;
  color: #000;
}

@media only screen and (max-width: 768px) {
  .ShippingInnerContainer {
    padding-top: 40px;
    display: block;
  }
  .ShippingFormContainer {
    width: 100%;
    margin-bottom: 30px;
  }
  .shipping-form div {
    display: block !important;
  }
  .shipping-form div div {
    width: 100% !important;
  }
  .ShippingSummaryContainer {
    width: 100%;
    padding: 8.5% 3.7% 8.6% 3.1%;
  }
}
.Billingbody {
  background-color: #fff;
  color: #000;
}

.BillingOuterContainer {
  max-width: 1499px;
  padding: 0 20px;
  margin: auto;
  padding-top: 47px;
  padding-bottom: 196px;
}

.BillingContainer {
  display: flex;
  justify-content: space-between;
  padding-top: 84px;
}
@media only screen and (max-width: 768px) {
  .BillingContainer {
    padding-top: 40px;
    display: block;
  }
}

.BillingFormContainer {
  width: 65.282%;
  background-color: #e9e6df;
  padding: 4.5% 3.7% 8.6% 3.1%;
}
@media only screen and (max-width: 768px) {
  .BillingFormContainer {
    width: 100%;
    margin-bottom: 30px;
  }
}

.form-control-409 {
  --form-control-color: #936916;
  font-size: 30px;
  color: rgba(71, 70, 69, 0.8509803922);
  font-weight: 700;
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
  align-items: center;
  display: flex;
  letter-spacing: -1.2px;
}
@media only screen and (max-width: 768px) {
  .form-control-409 {
    font-size: 19px;
  }
}

.use-other-add {
  letter-spacing: 0px;
  color: #c6922c;
  opacity: 1;
  font-size: 16px;
  cursor: pointer;
}

.Billingbtn {
  background-color: #936916;
  color: #fff;
  padding: 15px 40px;
  margin-top: 50px;
  cursor: pointer;
}

.form-control-409 + .form-control-409 {
  margin-top: 1em;
}

.paymentinnerhead {
  font-size: 50px;
  margin-top: 80px;
  letter-spacing: -2px;
  color: #000000;
  opacity: 1;
  font-family: "DINCondensed-Bold";
  margin-bottom: 36px;
}

.paymentImg {
  margin-bottom: 30px;
}

.enterCard {
  font-size: 18px;
  color: #000000;
  opacity: 1;
  font-family: "DINCondensed-Bold";
  margin-bottom: 28px;
}

.whats-this-text {
  color: #c6922c;
  margin-top: 2%;
  margin-left: 3%;
  font-size: 16px;
  cursor: pointer;
}

.payment-409 {
  font-family: "DINCondensed-Bold";
  font-size: 30px;
  color: #000;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .payment-409 {
    font-size: 7vw;
    height: 36px;
  }
}
.payment-409 input {
  width: 20px;
  height: 20px;
}

.payment-409 a {
  color: #000;
  text-decoration: underline !important;
  margin-left: -1%;
  cursor: pointer;
}

.add-card-btn {
  color: #fff;
  background-color: #936916;
  font-size: 17px;
  padding: 15px 70px;
}
@media only screen and (max-width: 768px) {
  .add-card-btn {
    padding: 15px 25px;
  }
}

.cancel-btn-payment {
  color: #111921;
  background-color: #e9e6df;
  font-size: 17px;
  padding: 15px 70px;
  border: 1px solid #111921;
  margin-left: 3%;
}
@media only screen and (max-width: 768px) {
  .cancel-btn-payment {
    padding: 15px 25px;
  }
}

@media only screen and (max-width: 768px) {
  .abcde {
    display: block !important;
  }
}

.same-as {
  font-size: 30px;
  color: rgba(71, 70, 69, 0.8509803922);
  font-family: "DINCondensed-Bold";
}
@media only screen and (max-width: 768px) {
  .same-as {
    font-size: 7vw;
    margin-bottom: 15px;
  }
}

.use-other {
  font-size: 16px;
  color: #c6922c;
}

.textarea-one {
  position: absolute;
  top: 11px;
  z-index: 99;
  left: 22px;
  background-color: #e9e6df;
  padding: 0 2%;
}

.finalPricePaymentBtnouter {
  background-color: #22293c;
  color: #fff;
  font-size: 26px;
  padding: 16px 20px;
}

@media only screen and (max-width: 768px) {
  .payment-form * {
    display: block !important;
  }
}

@media only screen and (max-width: 768px) {
  .abab {
    width: 100% !important;
  }
}

@media only screen and (max-width: 768px) {
  .payment-409 input {
    height: 23px !important;
  }
}

@media only screen and (max-width: 768px) {
  .same-as input {
    height: 23px !important;
  }
}

@media only screen and (max-width: 768px) {
  .trackingdotscontainer {
    margin-top: 30px;
  }
}

.right-side-cart {
  width: 30.02%;
}
@media only screen and (max-width: 768px) {
  .right-side-cart {
    width: 100%;
  }
}

.CartSummaryContainer {
  background-color: #e9e6df;
  padding: 4.5% 3.7% 8.6% 3.1%;
  width: 100%;
}

.checkout-cart-outer {
  background-color: #e9e6df;
  padding: 4.5% 3.7% 8.6% 3.1%;
  width: 100%;
  margin-bottom: 5%;
}

.enteryourtext {
  font-size: 16px;
  margin-bottom: 6%;
}

.cartchecklabel {
  font-size: 16px;
  color: #000;
}

.chkbtncart {
  background-color: #22293c;
  color: #fff;
  padding: 5% 20%;
  display: block;
  width: 60%;
  margin-top: 7%;
}

.cartchecklabel input {
  height: auto !important;
  width: auto !important;
}

.box-cart {
  padding: 0 !important;
  background-color: #fff !important;
}

.CartProductBox {
  background-color: #e9e6df;
  padding: 25px;
  display: flex;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .CartProductBox {
    padding: 20%;
  }
}

.product-image-container {
  width: 16%;
}

.product-price-container {
  width: 50%;
  padding-left: 2%;
}
@media only screen and (max-width: 768px) {
  .product-price-container {
    padding-left: 2%;
  }
}

.remove {
  width: 20%;
}

.product-name-cart {
  letter-spacing: -1.84px;
  color: #474645;
  font-size: 3vw;
  font-family: "DINCondensed-Bold";
  margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  .product-name-cart {
    letter-spacing: normal;
    font-size: 7vw;
    margin-bottom: 6%;
  }
}

.product-price-cart {
  color: #d04203;
  font-size: 26px;
  letter-spacing: 0px;
  font-family: "DINCondensed-Bold";
  margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  .product-price-cart {
    font-size: 24px;
  }
}

.quantity-container {
  display: flex;
  width: 40%;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .quantity-container {
    width: 70%;
  }
}

.quantbtn {
  background-color: #ddd4c0;
  font-weight: 700;
  border: none;
  width: 30%;
  height: 39px;
  cursor: pointer;
  font-size: 24px;
}

.productquantitycart {
  padding-top: 8px;
  width: 30%;
  border: none;
  text-align: center;
  border: 1px solid #ddd4c0;
  background-color: #e9e6df;
}

.removepercartproduct {
  font-size: 10px;
  color: #000;
  cursor: pointer;
}

.have-a {
  font-family: "DINCondensed-Bold";
  letter-spacing: 0px;
  opacity: 1;
  color: #000;
  font-size: 2vw;
  margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  .have-a {
    font-size: 5vw;
  }
}

.promo-code {
  color: #d04217;
}

.two-btns {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6%;
}
.two-btns a {
  text-decoration: none;
}

.plc-order {
  width: 47%;
  padding: 3% 9%;
  background-color: #936916;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: 1px solid black;
}

.con-shop {
  width: 47%;
  padding: 3% 0%;
  background-color: #e9e6df;
  color: #111921;
  cursor: pointer;
  border: 1px solid #111921;
  text-align: center;
}

.promo-input {
  border: 1px dashed #936916;
  background: #ddd4c0 0% 0% no-repeat padding-box;
  border-radius: 3px;
  width: 100%;
  padding: 10px;
  height: 43px;
}

.apply-btn {
  position: absolute;
  top: 42%;
  left: 80%;
  transform: translateY(-50%);
  color: #936916;
  cursor: pointer;
}

.cart-page-sec {
  display: flex;
  align-items: center;
  margin-top: 5%;
  margin-bottom: 5%;
}

.cart-icon {
  width: 15%;
  border-radius: 50px;
  background-color: #fff;
  border: 1px solid black;
  text-align: center;
  padding: 10px;
}

.cart-announcement {
  width: 35%;
  font-size: 16px;
}

.cartcode {
  width: 47%;
  color: #000000;
  background-color: #fff7eb;
  padding-top: 10px;
  text-align: center;
}

.product-details {
  padding: 20px 0 125px 0;
  display: block;
}
@media (max-width: 1440px) {
  .product-details {
    padding: 15px 0 85px 0;
  }
}
@media (max-width: 575px) {
  .product-details {
    padding-top: 5px;
    padding-bottom: 75px;
  }
}
@media (max-width: 991px) {
  .product-details .product-details-top .product-details-right {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-top .product-details-right {
    margin-top: 35px;
  }
}
.product-details .product-details-top .product-details-right .product-category span {
  display: inline-block;
  color: #000000;
  font-size: 40px;
  font-family: "DINCondensed-Bold";
  line-height: 30px;
  background-color: #ffdfb4;
  padding: 20px 25px 15px 25px;
  text-align: center;
}
@media (max-width: 1440px) {
  .product-details .product-details-top .product-details-right .product-category span {
    padding: 15px 15px 10px 15px;
    font-size: 26px;
    line-height: 20px;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-top .product-details-right .product-category span {
    padding: 10px 10px 5px 10px;
    font-size: 20px;
  }
}
.product-details .product-details-top .product-details-right h1 {
  color: #000000;
  font-size: 90px;
  font-family: "DINCondensed-Bold";
  line-height: 80px;
  margin-top: 45px;
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .product-details .product-details-top .product-details-right h1 {
    font-size: 75px;
    line-height: 70px;
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .product-details .product-details-top .product-details-right h1 {
    font-size: 65px;
    line-height: 60px;
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-top .product-details-right h1 {
    font-size: 45px;
    line-height: 40px;
    margin-top: 20px;
    margin-bottom: 15px;
  }
}
.product-details .product-details-top .product-details-right .favorite-btn {
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: flex-end;
  justify-content: flex-start;
}
@media (max-width: 1440px) {
  .product-details .product-details-top .product-details-right .favorite-btn svg {
    width: 16px;
    height: 16px;
  }
}
.product-details .product-details-top .product-details-right .favorite-btn span {
  color: #000000;
  font-size: 30px;
  font-family: "DINCondensed-Bold";
  line-height: 15px;
  margin-left: 10px;
}
@media (max-width: 1440px) {
  .product-details .product-details-top .product-details-right .favorite-btn span {
    font-size: 22px;
    margin-left: 6px;
  }
}
.product-details .product-details-top .product-details-right .poduct-price {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-items: center;
  margin: 25px 0;
}
@media (max-width: 1440px) {
  .product-details .product-details-top .product-details-right .poduct-price {
    margin: 15px 0;
  }
}
.product-details .product-details-top .product-details-right .poduct-price h3.price {
  color: #d04203;
  font-size: 56px;
  font-family: "DINCondensed-Bold";
  margin-right: 50px;
}
@media (max-width: 1440px) {
  .product-details .product-details-top .product-details-right .poduct-price h3.price {
    font-size: 40px;
  }
}
@media (max-width: 1199px) {
  .product-details .product-details-top .product-details-right .poduct-price h3.price {
    margin-right: 30px;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-top .product-details-right .poduct-price h3.price {
    font-size: 32px;
    margin-right: 25px;
  }
}
.product-details .product-details-top .product-details-right .poduct-price .price-off {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 120px;
  height: 46px;
  border: 1px solid #000;
  color: #000000;
  font-size: 20px;
  font-family: "DINCondensed-Bold";
  line-height: 20px;
  padding: 10px 15px;
  padding-top: 15px;
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .product-details .product-details-top .product-details-right .poduct-price .price-off {
    min-width: 100px;
    height: 32px;
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.product-details .product-details-top .product-details-right .product-track {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-items: center;
  margin-bottom: 25px;
}
@media (max-width: 1440px) {
  .product-details .product-details-top .product-details-right .product-track {
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-top .product-details-right .product-track {
    flex-wrap: wrap;
  }
}
.product-details .product-details-top .product-details-right .product-track h4 {
  color: #000000;
  font-size: 30px;
  font-family: "DINCondensed-Bold";
  line-height: 30px;
  text-transform: uppercase;
}
@media (max-width: 1440px) {
  .product-details .product-details-top .product-details-right .product-track h4 {
    font-size: 26px;
  }
}
@media (max-width: 1199px) {
  .product-details .product-details-top .product-details-right .product-track h4 {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-top .product-details-right .product-track h4 {
    font-size: 22px;
  }
}
.product-details .product-details-top .product-details-right .product-track .track-rate {
  color: #000000;
  font-size: 18px;
  font-family: "DINCondensed-Bold";
  border-bottom: 1px solid #000000;
  padding: 5px 15px;
  margin: 0 25px;
}
@media (max-width: 1440px) {
  .product-details .product-details-top .product-details-right .product-track .track-rate {
    font-size: 16px;
    padding: 5px 10px;
    margin: 0 15px;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-top .product-details-right .product-track .track-rate {
    margin-left: 0;
  }
}
.product-details .product-details-top .product-details-right .product-track .track-rate:hover {
  color: #c6922c;
  border-bottom: 1px solid #c6922c;
}
.product-details .product-details-top .product-details-right .product-action {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-items: center;
}
@media (max-width: 1440px) {
  .product-details .product-details-top .product-details-right .product-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.product-details .product-details-top .product-details-right .product-action .btnGreyOutline {
  min-width: 250px;
  font-weight: bold;
}
@media (max-width: 1440px) {
  .product-details .product-details-top .product-details-right .product-action .btnGreyOutline {
    width: calc(50% - 6px);
    min-width: auto;
  }
}
.product-details .product-details-top .product-details-right .product-action .btnGreyOutline.btnTheme {
  background-color: #936916;
  color: #fff;
  margin-right: 20px;
}
@media (max-width: 1440px) {
  .product-details .product-details-top .product-details-right .product-action .btnGreyOutline.btnTheme {
    margin: 0;
  }
}
.product-details .product-details-top .product-details-right .free-shipped {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-items: center;
  margin-top: 30px;
}
@media (max-width: 1440px) {
  .product-details .product-details-top .product-details-right .free-shipped {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-top .product-details-right .free-shipped {
    margin-top: 15px;
  }
}
@media (max-width: 1440px) {
  .product-details .product-details-top .product-details-right .free-shipped svg {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-top .product-details-right .free-shipped svg {
    width: 22px;
    height: 22px;
  }
}
.product-details .product-details-top .product-details-right .free-shipped span {
  color: #000000;
  font-size: 26px;
  margin-left: 15px;
}
@media (max-width: 1440px) {
  .product-details .product-details-top .product-details-right .free-shipped span {
    font-size: 18px;
    margin-left: 10px;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-top .product-details-right .free-shipped span {
    font-size: 16px;
  }
}
.product-details .product-details-top .product-details-right .free-shipped span strong {
  font-weight: 800;
}
.product-details .product-details-bottom {
  margin-top: 75px;
}
@media (max-width: 991px) {
  .product-details .product-details-bottom {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-bottom {
    margin-top: 35px;
  }
}
.product-details .product-details-bottom .product-bottom-item {
  width: 100%;
  height: 470px;
  background-color: #e9e6df;
  padding: 80px 65px;
}
@media (max-width: 1440px) {
  .product-details .product-details-bottom .product-bottom-item {
    padding: 60px 40px;
    height: 430px;
  }
}
@media (max-width: 1199px) {
  .product-details .product-details-bottom .product-bottom-item {
    height: 360px;
  }
}
@media (max-width: 991px) {
  .product-details .product-details-bottom .product-bottom-item {
    height: auto;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-bottom .product-bottom-item {
    padding: 40px 30px;
  }
}
.product-details .product-details-bottom .product-ingredients h1 {
  color: #474645;
  font-size: 80px;
  font-family: "DINCondensed-Bold";
  line-height: 80px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
@media (max-width: 1440px) {
  .product-details .product-details-bottom .product-ingredients h1 {
    font-size: 65px;
    line-height: 65px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .product-details .product-details-bottom .product-ingredients h1 {
    font-size: 55px;
    line-height: 55px;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-bottom .product-ingredients h1 {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 15px;
  }
}
.product-details .product-details-bottom .product-ingredients h4 {
  color: #000000;
  font-size: 28px;
  font-family: "DINCondensed-Bold";
}
@media (max-width: 1199px) {
  .product-details .product-details-bottom .product-ingredients h4 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-bottom .product-ingredients h4 {
    font-size: 20px;
  }
}
.product-details .product-details-bottom .product-ingredients ul {
  margin-top: 30px;
}
@media (max-width: 1440px) {
  .product-details .product-details-bottom .product-ingredients ul {
    margin-top: 25px;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-bottom .product-ingredients ul {
    margin-top: 10px;
  }
}
.product-details .product-details-bottom .product-ingredients ul li {
  display: flex;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  padding-left: 18px;
  margin-bottom: 6px;
  position: relative;
}
@media (max-width: 1199px) {
  .product-details .product-details-bottom .product-ingredients ul li {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-bottom .product-ingredients ul li {
    font-size: 15px;
  }
}
.product-details .product-details-bottom .product-ingredients ul li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 50%;
}
@media (max-width: 1199px) {
  .product-details .product-details-bottom .product-ingredients ul li:before {
    top: 6px;
    width: 8px;
    height: 8px;
    border-width: 1px;
  }
}
@media (max-width: 575px) {
  .product-details .product-details-bottom .product-ingredients ul li:before {
    top: 7px;
  }
}
@media (max-width: 991px) {
  .product-details .product-favorite-list {
    margin-top: 50px;
  }
}
.product-details .product-favorite-list .accordion .accordion-item {
  background: transparent;
  border: none;
  margin-bottom: 25px;
}
@media (max-width: 1199px) {
  .product-details .product-favorite-list .accordion .accordion-item {
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .product-details .product-favorite-list .accordion .accordion-item {
    margin-bottom: 15px;
  }
}
.product-details .product-favorite-list .accordion .accordion-item:last-child {
  margin-bottom: 0;
}
.product-details .product-favorite-list .accordion .accordion-item .accordion-header .accordion-button {
  background: transparent;
  padding: 0;
  padding-left: 35px;
  box-shadow: none;
  color: #000000;
  font-size: 30px;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
}
@media (max-width: 1440px) {
  .product-details .product-favorite-list .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .product-details .product-favorite-list .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .product-details .product-favorite-list .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 19px;
    padding-left: 25px;
  }
}
.product-details .product-favorite-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url(../images/heart-active.svg) no-repeat;
}
@media (max-width: 1440px) {
  .product-details .product-favorite-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):before {
    bottom: 7px;
  }
}
@media (max-width: 1199px) {
  .product-details .product-favorite-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):before {
    bottom: 9px;
    width: 18px;
    height: 18px;
    background-size: contain;
  }
}
@media (max-width: 575px) {
  .product-details .product-favorite-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):before {
    width: 14px;
    height: 14px;
    bottom: 6px;
  }
}
.product-details .product-favorite-list .accordion .accordion-item .accordion-header .accordion-button:after {
  display: none;
}
.product-details .product-favorite-list .accordion .accordion-item .accordion-header .accordion-button span {
  position: relative;
}
.product-details .product-favorite-list .accordion .accordion-item .accordion-header .accordion-button span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80%;
  height: 1px;
  background-color: #000;
}
.product-details .product-favorite-list .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 28px 0;
  padding-left: 35px;
}
@media (max-width: 1199px) {
  .product-details .product-favorite-list .accordion .accordion-item .accordion-collapse .accordion-body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .product-details .product-favorite-list .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 15px 0 10px 0;
    padding-left: 25px;
  }
}
.product-details .product-favorite-list .product-fav-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.product-details .product-favorite-list .product-fav-list img {
  width: calc(25% - 5px);
  height: 95px;
}
@media (max-width: 1199px) {
  .product-details .product-favorite-list .product-fav-list img {
    height: 65px;
  }
}
@media (max-width: 991px) {
  .product-details .product-favorite-list .product-fav-list img {
    height: 125px;
  }
}
@media (max-width: 575px) {
  .product-details .product-favorite-list .product-fav-list img {
    height: 55px;
  }
}
.product-details .product-image-gallery #exzoom {
  width: 100%;
}
@media (max-width: 1199px) {
  .product-details .product-image-gallery #exzoom {
    width: 450px;
  }
}
@media (max-width: 991px) {
  .product-details .product-image-gallery #exzoom {
    width: 100%;
    margin: 0 auto;
  }
}
.product-details .product-image-gallery .exzoom .exzoom_img_box {
  background: transparent;
}
.product-details .product-image-gallery .exzoom .exzoom_img_box .exzoom_img_ul_outer {
  border: 1px solid #eee;
}
.product-details .product-image-gallery .exzoom_nav {
  width: 100%;
  left: 0;
  right: 0;
  margin-top: 28px;
}
.product-details .product-image-gallery .exzoom_nav .exzoom_nav_inner span {
  border: 1px solid #eee;
  cursor: pointer;
}
.product-details .product-image-gallery .exzoom_nav .exzoom_nav_inner span.current {
  border: 1px solid #ccc;
}
.product-details .product-image-gallery .exzoom_btn a {
  top: -80px;
  padding: 0 5px !important;
  width: 21px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 4px;
  color: #ffffff;
  font-size: 40px;
}
@media (max-width: 575px) {
  .product-details .product-image-gallery .exzoom_btn a {
    top: -70px;
    height: 40px;
    font-size: 20px;
  }
}
.product-details .product-image-gallery .exzoom_btn a:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.product-details #productSelected .item {
  text-align: center;
}
.product-details #productSelected .item img {
  width: 100%;
  height: 500px;
}
@media (max-width: 1199px) {
  .product-details #productSelected .item img {
    height: 400px;
  }
}
@media (max-width: 991px) {
  .product-details #productSelected .item img {
    height: 520px;
  }
}
@media (max-width: 768px) {
  .product-details #productSelected .item img {
    height: 440px;
  }
}
@media (max-width: 575px) {
  .product-details #productSelected .item img {
    height: 300px;
  }
}
.product-details #productThumb {
  position: relative;
  margin-top: 28px;
}
.product-details #productThumb .item {
  margin: 0 5px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.product-details #productThumb .item img {
  width: 100%;
  height: 120px;
}
@media (max-width: 575px) {
  .product-details #productThumb .item img {
    height: 80px;
  }
}
.product-details #productThumb .owl-nav {
  margin: 0;
}
.product-details #productThumb .owl-nav .owl-prev,
.product-details #productThumb .owl-nav .owl-next {
  position: absolute;
  top: calc(50% - 30px);
  padding: 0 5px !important;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
}
@media (max-width: 575px) {
  .product-details #productThumb .owl-nav .owl-prev,
  .product-details #productThumb .owl-nav .owl-next {
    top: calc(50% - 20px);
    height: 40px;
  }
}
.product-details #productThumb .owl-nav .owl-prev span,
.product-details #productThumb .owl-nav .owl-next span {
  color: #ffffff;
  font-size: 40px;
}
@media (max-width: 575px) {
  .product-details #productThumb .owl-nav .owl-prev span,
  .product-details #productThumb .owl-nav .owl-next span {
    font-size: 20px;
  }
}
.product-details #productThumb .owl-nav .owl-prev {
  left: 0;
}
.product-details #productThumb .owl-nav .owl-next {
  right: 0;
}
.product-details .owl-theme .owl-nav [class*=owl-] {
  transition: all 0.3s ease;
}
.product-details #productSelected.owl-theme {
  position: relative;
}
.productClearance {
  background-color: #fff;
}
.productClearance .sliderWrapperCont .shopSliderDiv {
  background-color: #fcf5e8;
}
.productClearance .sliderWrapperCont .shopSliderDiv a .shopSliderDivTop h4 {
  color: #000;
  border-color: #000;
}
@media (max-width: 768px) {
  .productClearance .sliderWrapperHed {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .productClearance .sliderWrapperHed h5 {
    font-size: 15px;
  }
}
.productClearance.innerColFloatWrap .backDiv .shadowText h2 {
  color: rgba(233, 230, 223, 0.5019607843) !important;
}
.productClearance.innerColFloatWrap .backDiv .shadowText {
  top: auto !important;
  bottom: 360px !important;
  left: auto !important;
  right: -160px;
}
@media (max-width: 1367px) {
  .productClearance.innerColFloatWrap .backDiv .shadowText {
    bottom: -180px !important;
    right: -140px;
  }
}
@media (max-width: 1199px) {
  .productClearance.innerColFloatWrap .backDiv .shadowText {
    right: 0;
  }
}

.ShippingOuterContainer {
  margin-top: 20px;
  margin-bottom: 125px;
}

.BillingOuterContainer {
  padding-top: 0;
}

.BillingContainer {
  padding-top: 0;
  margin-top: 20px;
}

.trackingdotscontainer hr {
  width: calc(100% - 10px);
  margin-left: auto;
  margin-right: auto;
}

.tracktexts {
  margin-top: -33px;
}

.dot {
  background-color: #e9e6df;
  position: relative;
}
.dot:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #e9e6df;
}

.product-name-cart {
  font-size: 36px;
  line-height: 36px;
  letter-spacing: 0.5px;
}

.CartProductBox {
  padding: 30px;
  position: relative;
}

.product-price-cart {
  font-size: 26px;
  letter-spacing: 0.4px;
}

.remove {
  text-align: right;
  position: absolute;
  top: 15px;
  right: 30px;
}
.remove a {
  color: #333;
}
.remove a:hover {
  color: #ff0000;
}

.removepercartproduct {
  font-size: 14px;
}

.cartchecklabel {
  font-weight: 400;
}

.checkout-cart-outer,
.CartSummaryContainer,
.ShippingSummaryContainer {
  padding: 30px;
}

.summary-heading {
  font-size: 50px;
  line-height: 50px;
}

.pricing-block {
  border-bottom: 1px solid #fff;
  padding: 0;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.pricing-block:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.pricing-block p {
  font-family: "DINCondensed-Bold";
  font-size: 30px;
  line-height: 30px;
}

.right-price span,
.total-price-shipping span {
  font-family: "Devant-Medium";
}

.cart-page-sec {
  width: 100%;
  margin: 15px 0;
}

.cartcode {
  width: 45%;
}

.cart-icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  margin-right: 10px;
}

.cart-announcement {
  width: calc(100% - 55px);
  font-size: 16px;
  line-height: 25px;
}

.cartcode {
  padding: 8px 12px;
  font-size: 16px;
}

.two-btns {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
  margin-bottom: 0px !important;
}
.two-btns .yellowBtn {
  color: #fff;
}
.two-btns .transBtn {
  color: #000;
}
.two-btns a {
  width: 48%;
  font-size: 16px;
  text-decoration: none;
}
.two-btns a:hover {
  text-decoration: none;
}
@media (max-width: 1367px) {
  .two-btns a {
    font-size: 12px !important;
  }
}

.plc-order {
  width: 48%;
}

.con-shop {
  width: 48%;
}

.have-a {
  font-size: 30px;
  line-height: 30px;
}

.promo-input {
  height: 60px;
}

.apply-btn {
  left: auto;
  right: 15px;
  font-weight: bold;
}

.promo-input {
  margin-bottom: 10px;
}

.billingLabel {
  font-family: "DINCondensed-Bold";
  cursor: pointer;
}
.billingLabel input {
  width: 20px;
  height: 20px;
}

.use-other-add {
  font-weight: 900;
}

.form-control:focus {
  border-color: #22293c;
  background-color: #e9e6df;
}

.textarea-one {
  font-size: 14px;
}

.input-block.input-block-shipping {
  position: relative;
}
.input-block.input-block-shipping .label {
  position: absolute;
  top: 34px;
  left: 22px;
  background-color: #e9e6df;
  padding: 0 2%;
  font-size: 14px;
}

.input-block-two.input-block-shipping {
  position: relative;
}
.input-block-two.input-block-shipping .label {
  position: absolute;
  top: -4px !important;
  z-index: 99;
  left: 22px;
  background-color: #e9e6df;
  padding: 0 2%;
  font-size: 14px;
}

.summary-heading {
  margin-bottom: 25px;
}

.product-image-container img {
  width: 100%;
  height: 130px;
}

.productquantitycart:focus-visible {
  border-color: #ddd4c0;
  border-radius: 0;
  outline: none;
}

.breadComeWrap a:last-child:after {
  display: none;
}

.whats-this-text,
.use-other {
  font-weight: 900;
}

@media (max-width: 1199px) {
  .ShippingOuterContainer {
    margin-top: 0;
    margin-bottom: 80px;
  }
  .product-name-cart {
    font-size: 36px;
    line-height: 36px;
  }
  .product-price-cart {
    font-size: 30px;
    line-height: 30px;
  }
  .form-control {
    padding: 12px 20px;
  }
  .product-image-container img {
    height: 130px;
  }
  .summary-heading {
    font-size: 40px;
    line-height: 40px;
  }
  .cart-page-sec {
    flex-wrap: wrap;
  }
  .cart-announcement {
    width: calc(100% - 45px - 10px);
  }
  .cartcode {
    width: 100%;
    margin-top: 15px;
    padding: 15px 20px;
  }
  .two-btns {
    flex-wrap: wrap;
  }
  .two-btns a {
    width: 100%;
    text-decoration: none;
  }
  .con-shop {
    margin-top: 15px;
  }
  .have-a {
    font-size: 30px;
    line-height: 30px;
  }
  .promo-input {
    height: 46px;
  }
  .apply-btn {
    top: 25px;
  }
  .BillingOuterContainer {
    width: 100%;
    max-width: 100%;
  }
  .trackingdotscontainer hr {
    height: 2px !important;
  }
  .tracktexts {
    margin-top: -27px;
  }
  .dot {
    width: 20px;
    height: 20px;
    border-width: 2px;
  }
  .dotfilled {
    width: 20px;
    height: 20px;
    border-width: 3px;
  }
  .billingLabel {
    font-size: 26px;
    cursor: pointer;
  }
  .BillingFormInner input {
    width: 20px;
    height: 20px;
  }
  .BillingFormInner {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .use-other-add {
    padding-left: 33px;
    font-weight: 800px;
    font-size: 16px;
    margin-top: 10px;
  }
  .BillingOuterContainer {
    padding: 0;
    padding-bottom: 80px;
  }
  .BillingContainer {
    margin-top: 0;
    padding-top: 10px;
  }
  .payment-409,
  .same-as {
    font-size: 26px !important;
  }
  .finalPricePaymentBtnouter {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .ShippingInnerContainer {
    padding-top: 10px;
  }
  .pricing-block p {
    font-size: 20px;
    line-height: 20px;
  }
  .BillingFormContainer {
    padding: 30px 20px;
  }
  .paymentinnerhead {
    font-size: 40px;
    line-height: 40px;
  }
  .ShippingFormContainer {
    padding: 30px 20px;
  }
  .shipping-form-button {
    padding: 15px 30px;
  }
  .coaProdHead .coaProdName {
    font-size: 40px;
    line-height: 40px;
  }
  footer .footerLinkWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .brandSectionWrapEight .grothDiv img {
    width: 35%;
  }
  .affiliateSectionWrapTwo .aboveDiv .SecondWrapTwoNumber .numberBox p {
    padding-top: 110px;
    padding-left: 110px;
  }
  .whats-this-text,
  .use-other {
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
  }
  .use-other {
    padding-left: 35px;
  }
  .same-as {
    margin-bottom: 5px;
  }
  .coaProdHead .coaProdName {
    font-size: 30px;
    line-height: 30px;
  }
  .coaListWrap .coaListHeading {
    font-size: 18px;
  }
  .coaListItemWrap .coaListItemRow .coaListNameDiv .prodImg {
    width: auto;
    height: 150px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .coaProdHead .coaListProdHead .row {
    flex-wrap: wrap;
  }
  .coaListProdHead .searchInpWrap {
    margin: 0;
    margin-top: 15px;
  }
  .brandSecondWrapTwo .SecondWrapTwoNumber .numberBox p {
    top: 136px;
  }
  .wholesaleSecondWrapTwo .numberBox p {
    top: 136px​ !important;
  }
}
.coaListItemWrap .coaListItemRow .col-md-8 {
  padding-left: 0;
}
@media (max-width: 575px) {
  .coaListItemWrap .coaListItemRow .col-md-8 {
    padding-left: 15px !important;
  }
}

.coaListItemWrap .coaListItemRow .col-md-4 {
  padding-right: 0;
}
@media (max-width: 575px) {
  .coaListItemWrap .coaListItemRow .col-md-4 {
    padding-right: 15px !important;
  }
}

@media (max-width: 575px) {
  .wholesaleSecondWrapTwo .numberBox p {
    top: 96px !important;
  }
  .brandSecondWrapTwo .SecondWrapTwoNumber .numberBox p {
    top: 96px;
  }
  .affiliateSectionWrapTwo .aboveDiv .SecondWrapTwoNumber .numberBox p {
    padding-top: 70px;
    padding-left: 80px;
  }
  .coaListItemWrap .coaListItemRow .coaListNameDiv .prodImg {
    height: 100px;
  }
  .coaProdHead .row {
    flex-wrap: wrap;
  }
  .coaProdHead .row .col-8 {
    width: 80%;
  }
  .coaProdHead .row .btn.btnBrown {
    margin-top: 8px;
    margin-left: 0px;
    background-color: #222833 !important;
  }
  .payment-409,
  .same-as {
    font-size: 20px !important;
  }
  .payment-409 input,
  .same-as input {
    width: 20px;
    height: 20px;
  }
  .CartProductBox {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 30px 20px;
    padding-top: 35px;
  }
  .product-image-container img {
    height: 80px;
  }
  .product-price-container {
    width: 70%;
  }
  .product-name-cart {
    font-size: 26px;
    line-height: 26px;
  }
  .product-price-cart {
    font-size: 24px;
    line-height: 24px;
  }
  .quantity-container {
    width: 135px;
  }
  .productquantitycart {
    width: 45px;
  }
  .quantbtn {
    width: 40px;
    height: 30px;
  }
  .remove {
    width: 70%;
    padding-left: 2%;
    margin-top: 10px;
    text-align: left;
    margin-left: auto;
    top: 0px;
    right: 20px;
    text-align: right;
  }
  .removepercartproduct {
    font-size: 13px;
  }
  .checkout-cart-outer,
  .CartSummaryContainer,
  .ShippingSummaryContainer {
    padding: 20px;
  }
  .breadComeWrap {
    flex-wrap: wrap;
  }
  .breadComeWrap a {
    font-size: 15px;
  }
  .breadComeWrap a:after {
    font-size: 15px;
  }
  .form-control {
    padding: 8px 16px;
  }
  textarea.form-control {
    min-height: 65px;
    height: 65px;
  }
}
.addresChangeWrap {
  width: 100%;
  padding: 30px;
  background-color: #e9e6df;
  margin: 20px auto;
  margin-top: 0px;
}
.addresChangeWrap .addressHed {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.addresChangeWrap .addressHed h3 {
  font-size: 18px;
  color: #333;
  font-weight: 500;
  margin: 0;
}
.addresChangeWrap .addressHed h3 span {
  font-size: 14px;
  color: #555;
}
.addresChangeWrap p {
  font-size: 14px;
}
.addresChangeWrap p span {
  display: block;
}
.addresChangeWrap .addAnotherAddress {
  width: 100%;
  margin-top: 20px;
}

@media (max-width: 1199px) {
  .CartSummaryContainer .two-btns a {
    margin: 5px auto;
  }
}

.checkout-cart-outer {
  padding: 30px;
}
.checkout-cart-outer .input-block {
  margin-bottom: 20px !important;
}
.checkout-cart-outer .input-block .form-control {
  width: 100%;
  background-color: transparent;
  padding: 10px;
  border: none;
  border-radius: 3px;
  height: auto;
  position: relative;
  z-index: 2;
  font-size: 18px;
  border: 1px solid #22293c;
}
@media (max-width: 768px) {
  .checkout-cart-outer .input-block .form-control {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .checkout-cart-outer .input-block .form-control {
    font-size: 15px;
  }
}
.checkout-cart-outer button {
  margin-top: 15px;
}

.billing-page-form {
  display: none;
}

.Billingbtn {
  margin-top: 0 !important;
}

.chkbtncart {
  display: flex;
}

.addressSelect {
  display: block;
}
.addressSelect select {
  width: 100%;
  background-color: transparent;
  padding: 15px 5px;
  border: none;
  border-radius: 3px;
  height: auto;
  position: relative;
  z-index: 2;
  font-size: 14px;
  border: 1px solid #22293c;
  text-overflow: ellipsis;
}
.addressSelect select option {
  color: #000000;
  font-size: 13px;
  padding: 5px;
  text-transform: uppercase;
  white-space: normal;
}
.addressSelect select option span {
  width: 100%;
  display: block;
}

.ShippingFormContainerTwo {
  max-width: 750px;
  margin: 0 auto;
  padding: 40px;
  margin: 50px auto 0px;
}
@media (max-width: 575px) {
  .ShippingFormContainerTwo {
    padding: 20px;
    margin: 100px auto 0px;
  }
}

#accordionExample .accordion-body {
  padding: 1rem 0rem !important;
}

.pricing-block p {
  font-size: 24px;
  line-height: 24px;
}

.input-block.input-block-shipping .label {
  top: 34px;
}
@media (max-width: 1199px) {
  .input-block.input-block-shipping .label {
    top: 20px;
  }
}

.input-block-two.input-block-shipping .label {
  top: 34px;
}
@media (max-width: 1199px) {
  .input-block-two.input-block-shipping .label {
    top: 20px;
  }
}

@media (max-width: 992px) {
  .wholesaleSecondWrapTwo .SecondWrapTwoNumber .numberBox p {
    top: 110px !important;
  }
}
@media (max-width: 768px) {
  .wholesaleSecondWrapTwo .SecondWrapTwoNumber .numberBox p {
    top: 200px !important;
  }
}
@media (max-width: 600px) {
  .wholesaleSecondWrapTwo .SecondWrapTwoNumber .numberBox p {
    top: 150px !important;
  }
}
@media (max-width: 576px) {
  .wholesaleSecondWrapTwo .SecondWrapTwoNumber .numberBox p {
    top: 160px !important;
    font-size: 16px;
  }
}
@media (max-width: 500px) {
  .wholesaleSecondWrapTwo .SecondWrapTwoNumber .numberBox p {
    top: 135px !important;
  }
}
@media (max-width: 414px) {
  .wholesaleSecondWrapTwo .SecondWrapTwoNumber .numberBox p {
    top: 90px !important;
  }
}
@media (max-width: 375px) {
  .wholesaleSecondWrapTwo .SecondWrapTwoNumber .numberBox p {
    top: 80px !important;
  }
}

.heart-img-filled {
  display: none;
}

.gray-search {
  background-color: #f5f5f5 !important;
}

.small-search-image {
  border: none;
  outline: none;
  background: transparent;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .search-wrap {
    margin-right: 0px !important;
  }
}

@media only screen and (max-width: 768px) {
  .log-ons {
    width: 40%;
  }
}

.searchInpp {
  position: absolute;
  width: 0;
  height: 55px;
  right: 0;
  top: -13px;
  background-color: #fff;
  border-radius: 10px;
  border: 0;
  transition: all 0.2s;
}

.searchFieldWrap.expanded .searchInpp {
  padding: 12px 42px 12px 12px;
  width: 250px;
}

.searchFieldWrapp {
  padding-right: 15px;
  position: relative;
  top: 0px;
  margin-right: 15px;
}

@media (max-width: 768px) {
  .sectionShopWrap .innerSecondAboveWrap .container {
    padding-left: 0 !important;
  }
}

.swal2-styled.swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #c6922c !important;
  padding: 10px 10px !important;
  color: #fff;
  font-size: 1em;
}

.swal2-popup.swal2-modal.swal2-icon-error.swal2-show {
  font-family: "DINCondensed-Bold";
  letter-spacing: 0.5px;
}

.gray-search {
  background-color: #f5f5f5 !important;
}

.small-search-image {
  border: none;
  outline: none;
  background: transparent;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .search-wrap {
    margin-right: 0px !important;
  }
}

@media only screen and (max-width: 768px) {
  .log-ons {
    width: 40%;
  }
}

.searchInpp {
  position: absolute;
  width: 0;
  height: 55px;
  right: 0;
  top: -13px;
  background-color: #fff;
  border-radius: 10px;
  border: 0;
  transition: all 0.2s;
}

.searchFieldWrap.expanded .searchInpp {
  padding: 12px 42px 12px 12px;
  width: 250px;
}

.searchFieldWrapp {
  padding-right: 15px;
  position: relative;
  top: 0px;
  margin-right: 15px;
}

.bar-links {
  display: flex;
  justify-content: space-between;
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .bar-links {
    display: block;
    width: 93%;
  }
}

.bar-search {
  width: 10%;
  text-align: end;
}

.blogs-container {
  margin-top: 23px;
}
@media only screen and (max-width: 768px) {
  .blogs-container {
    margin-top: 0px;
  }
}

.blog {
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .blog {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 576px) {
  .blog {
    margin-top: 20px;
    margin-bottom: 0px;
  }
}

.author-date-container {
  display: flex;
  align-items: center;
}

.overblog-image-one {
  position: absolute;
  left: 50%;
  top: 6%;
  transform: translateX(-50%);
  width: 82%;
  display: flex;
  margin: auto;
  justify-content: space-between;
  z-index: 9999999;
}

.overblog-image-two {
  position: absolute;
  left: 50%;
  bottom: 6%;
  transform: translateX(-50%);
  width: 82%;
  z-index: 999999;
}

.bottom-con {
  display: flex;
  justify-content: space-between;
}

.author-date {
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  font-size: 14px;
}

.blog-name {
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  width: 100%;
  padding-bottom: 9.88px;
  border-bottom: 1px solid #fff;
  color: #fff;
  margin-bottom: 4px;
}

.views {
  cursor: pointer;
  font-size: 15px;
  color: #fff;
  padding-right: 20px;
}

#overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2;
}

.space-out {
  margin-top: 97px;
}
@media only screen and (max-width: 768px) {
  .space-out {
    margin-top: 15px;
  }
}

.scrolledBg {
  z-index: 999;
}

@media only screen and (max-width: 768px) {
  .blog-page-section-shop-wrap {
    display: flex !important;
  }
}

.user-prompt-blog {
  border: 1px solid #707070;
  background: #fcfbf8 0% 0% no-repeat padding-box;
  padding: 50px 0;
  text-align: center;
}

.log-ons {
  display: flex;
  justify-content: space-between;
  width: 31%;
  margin: auto;
}

.share-your {
  font-size: 36px;
  font-family: "DINCondensed-Bold";
  color: #c6922c;
  margin: 0;
  margin-bottom: 22px;
}

.leave-your {
  color: #7d7d7d;
  margin: 0;
  margin-bottom: 19px;
  font-size: 24px;
}

.cta-action {
  width: 47%;
  border: none;
  background-color: #936916;
  color: #fff;
}

.cta-action:hover {
  color: #fff;
}

.detail-row {
  margin-bottom: 76px;
}

.recent-div {
  display: flex;
  justify-content: space-between;
  font-family: "DINCondensed-Bold";
  margin-bottom: 71px;
}

.recent {
  font-size: 24px;
  text-decoration: none;
  color: #151515;
  cursor: pointer;
}

.see-all {
  font-size: 24px;
  text-decoration: none;
  color: #c6922c;
  cursor: pointer;
  text-decoration: none;
}

.blog-detail {
  width: 70%;
  margin: auto;
  padding-bottom: 67.2px;
  border-bottom: 1px solid #707070;
}
@media only screen and (max-width: 768px) {
  .blog-detail {
    width: 100%;
  }
}

.socials {
  display: flex;
  justify-content: space-between;
  width: 70%;
  margin: auto;
  margin-bottom: 100px;
}
@media only screen and (max-width: 768px) {
  .socials {
    width: 100%;
  }
}

.spacing-sideways {
  margin: 0 70px;
}
@media only screen and (max-width: 768px) {
  .spacing-sideways {
    margin: 0 10px;
  }
}

.social-image {
  margin-left: 39px;
}
@media only screen and (max-width: 768px) {
  .social-image {
    margin-left: 16px;
  }
}

.blog-detail p {
  color: #6a6a6a;
  font-size: 19px;
  padding: 10px 0;
}

.blog-detail-share {
  display: flex;
  justify-content: space-between;
}

.author-date-detail {
  color: #000000 !important;
  font-size: 18px !important;
  margin-left: 18px;
  font-weight: 600;
  margin-bottom: 0 !important;
}

.author-date span {
  color: #9e9e9e !important;
}

.blog-detail-title {
  font-size: 36px !important;
  font-weight: 600 !important;
  color: #000 !important;
  margin-top: 5px;
  margin-bottom: 20px;
  line-height: normal;
}
@media only screen and (max-width: 768px) {
  .blog-detail-title {
    font-size: 30px !important;
  }
}

.by-someone {
  background-color: #f2f2f2;
  font-style: italic;
  border-radius: 17px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 20px;
}

.heart-img-filled {
  display: none;
}

.gray-search {
  background-color: #f5f5f5 !important;
}

.small-search-image {
  border: none;
  outline: none;
  background: transparent;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .search-wrap {
    margin-right: 0px !important;
  }
}

@media only screen and (max-width: 768px) {
  .log-ons {
    width: 40%;
  }
}

.searchInpp {
  position: absolute;
  width: 0;
  height: 55px;
  right: 0;
  top: -13px;
  background-color: #fff;
  border-radius: 10px;
  border: 0;
  transition: all 0.2s;
}

.searchFieldWrap.expanded .searchInpp {
  padding: 12px 42px 12px 12px;
  width: 250px;
}

.searchFieldWrapp {
  padding-right: 15px;
  position: relative;
  top: 0px;
  margin-right: 15px;
}

.blogSearchPosition {
  float: right;
}
.blogSearchPosition .searchFieldWrapTwo {
  padding-right: 15px;
  position: relative;
  margin-right: 0px;
}
.blogSearchPosition .searchFieldWrapTwo.expanded .searchInp {
  padding: 12px 42px 12px 12px;
  width: 350px;
}
@media (max-width: 768px) {
  .blogSearchPosition .searchFieldWrapTwo.expanded .searchInp {
    width: 290px;
  }
}
.blogSearchPosition .searchFieldWrapTwo .searchInp {
  position: absolute;
  width: 0;
  height: 55px;
  right: 0;
  top: -13px;
  background-color: #fff;
  border-radius: 10px;
  border: 0;
  transition: all 0.2s;
}
.blogSearchPosition .searchFieldWrapTwo .searchCaller {
  border: none;
  outline: none;
  background: transparent;
  position: relative;
}
.blogSearchPosition .searchFieldWrapTwo .searchCaller img {
  width: 20px;
}
@media (max-width: 1199px) {
  .blogSearchPosition .searchFieldWrapTwo .searchCaller img {
    width: 40px !important;
  }
}
@media (max-width: 991px) {
  .blogSearchPosition .searchFieldWrapTwo .searchCaller img {
    width: 40px !important;
  }
}
@media (max-width: 768px) {
  .blogSearchPosition .searchFieldWrapTwo .searchCaller img {
    width: 30px !important;
  }
}
.blogSearchPosition .searchFieldWrapTwo .small-search-image {
  border: none;
  outline: none;
  background: transparent;
  position: relative;
}
.blogSearchPosition .searchFieldWrapTwo .small-search-image img {
  width: 20px;
}
@media (max-width: 1199px) {
  .blogSearchPosition .searchFieldWrapTwo {
    width: 60px !important;
  }
}
@media (max-width: 991px) {
  .blogSearchPosition .searchFieldWrapTwo {
    width: 40px !important;
  }
}
@media (max-width: 768px) {
  .blogSearchPosition .searchFieldWrapTwo {
    width: 30px !important;
  }
}

.share-image:hover {
  opacity: 0.7;
}

.productVariationWrap {
  display: block;
  width: 100%;
  margin: 20px auto;
}
.productVariationWrap h4 {
  font-family: "DINCondensed-Bold";
  display: block;
  font-size: 20px;
  color: #000;
  letter-spacing: 0.3px;
}
.productVariationWrap .productVariationDiv {
  display: block;
  margin-top: 5px;
}
.productVariationWrap .productVariationDiv .owl-item {
  display: flex;
  justify-content: center;
}
.productVariationWrap .productVariationDiv .owl-item .variationBox {
  height: initial;
  width: 100%;
  background-color: #fff;
  border-radius: 3px;
  display: inline-block;
  border: solid 1px #f1f1f1;
}
.productVariationWrap .productVariationDiv .owl-item .variationBox .variationBoxTop {
  width: 100%;
  height: 100px;
  background-color: #f1f1f1;
}
.productVariationWrap .productVariationDiv .owl-item .variationBox .variationBoxTop img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.productVariationWrap .productVariationDiv .owl-item .variationBox .variationBoxBottom {
  width: 100%;
  padding: 10px;
}
.productVariationWrap .productVariationDiv .owl-item .variationBox .variationBoxBottom h3 {
  font-size: 16px;
  color: #000;
  font-family: "DINCondensed-Bold";
  letter-spacing: 0.3px;
}
@media (max-width: 991px) {
  .productVariationWrap .productVariationDiv .owl-item .variationBox .variationBoxBottom h3 {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .productVariationWrap .productVariationDiv .owl-item .variationBox .variationBoxBottom h3 {
    font-size: 16px;
  }
}
.productVariationWrap .productVariationDiv .owl-item .variationBox .variationBoxBottom p {
  font-size: 16px;
  color: #936916;
  font-weight: 800;
  font-family: "DINCondensed-Bold";
  letter-spacing: 0.4px;
}
@media (max-width: 991px) {
  .productVariationWrap .productVariationDiv .owl-item .variationBox .variationBoxBottom p {
    font-size: 20px;
  }
}
.productVariationWrap .productVariationDiv .owl-item .variationBox:hover {
  opacity: 0.8;
}
.productVariationWrap .productVariationDiv .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 0px;
  margin-top: -20px;
}
.productVariationWrap .productVariationDiv .owl-carousel .owl-nav button {
  padding: 10px 15px;
  background-color: #fff;
  border-radius: 2px;
  border: solid 1px #ddd;
}
.productVariationWrap .productVariationDiv .owl-carousel .owl-nav button span {
  font-size: 45px;
  line-height: 40px;
  padding: 0px 3px;
}
.productVariationWrap .productVariationDiv .owl-carousel .owl-nav button.owl-next {
  right: 0;
  position: absolute;
}

.adminWrapper {
  width: 100vw;
  min-height: 100vh;
  background-color: #f5f3ed;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1600px) {
  .adminWrapper {
    display: block;
    justify-content: none;
    align-items: none;
    overflow-y: auto;
  }
}
.adminWrapper .loginWrapContainer {
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
  padding-top: 80px;
  overflow-y: auto;
}
.adminWrapper .registrationWrap {
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
  padding-top: 80px;
  overflow-y: auto;
}
.adminWrapper .loginWrap {
  padding: 0px;
  width: 100%;
}
.adminWrapper .loginWrap .formLineWrap span {
  background-color: #fff !important;
}
.adminWrapper .loginBtn {
  margin-top: 20px;
}
.adminWrapper .loginWrapInner {
  padding: 0;
}
.adminWrapper .loginWrapInner .formLineWrapThree input {
  background-color: transparent;
}
.adminWrapper .loginWrapInner span {
  background-color: #f5f3ed !important;
}
.adminWrapper .loginHed h2 {
  font-size: 60px;
  color: #474645;
  line-height: 80px;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .adminWrapper .loginHed h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
.adminWrapper .loginFooter {
  display: flex;
  align-items: center;
}
.adminWrapper .loginFooter p {
  font-size: 18px;
  color: #474645;
  line-height: 80px;
  margin-bottom: 15px;
  margin: 0;
  margin-right: 5px;
}
@media (max-width: 992px) {
  .adminWrapper .loginFooter p {
    font-size: 16px;
  }
}
.adminWrapper .loginFooter button {
  padding: 0;
  background-color: transparent;
  border: 0px;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.adminWrapper .loginFooter button:hover {
  opacity: 0.8;
}
@media (max-width: 992px) {
  .adminWrapper .loginFooter button {
    font-size: 16px;
  }
}

.acceptdiv {
  width: 100%;
  margin-bottom: 20px;
}
.acceptdiv label {
  display: block;
}
.acceptdiv label a {
  font-weight: 700;
  color: #000;
  font-size: 14px;
}
.acceptdiv label a:hover {
  opacity: 0.8;
}

.coaListNameDiv img {
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(1);
}

.coaListWrap .listingGroupName {
  font-size: 18px;
  font-weight: bold;
  padding: 6px 15px;
  background-color: #777;
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
  left: -15px;
  color: white;
}

.coaProdHead .coaProdImg {
  width: 60%;
}
@media (max-width: 576px) {
  .coaProdHead .coaProdImg {
    width: 100%;
    text-align: center;
    height: 250px;
    -o-object-fit: contain;
       object-fit: contain;
    margin: 0 auto;
  }
}

.coaListWrap .searchInpWrap {
  float: right;
}

.CoaVarientName {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.imgHalf {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  background-size: cover;
  background-position: bottom 50%;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .imgHalf {
    width: 100%;
    height: 200px;
  }
}

.shipping-form-button {
  padding: 8px 50px;
}
.shipping-form-button:hover {
  background-color: #f1f1f1 !important;
}

#exampleModal .shipping-form-button:hover {
  background-color: #f1f1f1 !important;
}

#exampleModal .acceptDiv label a {
  font-weight: 800;
  color: #000;
}
#exampleModal .acceptDiv label a:hover {
  opacity: 0.8;
}

.removeDiv {
  width: 100%;
  display: block;
  padding: 10px;
  text-align: left;
}
.removeDiv button {
  display: block;
  width: 100%;
  background-color: transparent;
  border: 0;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  cursor: pointer;
  text-align: left;
}
@media (max-width: 1199px) {
  .removeDiv button {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .removeDiv button {
    font-size: 11px;
  }
}
.removeDiv button img {
  width: 20px;
  margin-right: 8px;
}
@media (max-width: 768px) {
  .removeDiv button img {
    width: 15px;
    margin-right: 0px;
  }
}

.selectWrap select {
  width: 100%;
  background-color: transparent;
  padding: 23px;
  border: none;
  border-radius: 3px;
  height: auto;
  position: relative;
  z-index: 2;
  font-size: 18px;
  border: 1px solid #22293c;
}

.select2-container {
  background-color: transparent;
  border: none;
  border-radius: 3px;
  height: auto;
  position: relative;
  z-index: 2;
  font-size: 18px;
  border: 1px solid #22293c;
}
.select2-container .select2-selection__rendered {
  width: 100%;
  padding: 23px;
  border: 1px solid #22293c;
  border-radius: 3px;
  font-size: 14px;
  color: #22293c;
  text-transform: uppercase;
}

.select2.select2-container {
  border: 0px !important;
  outline: transparent !important;
  background-color: transparent !important;
  height: 75px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 24px;
  right: 1px;
  width: 20px;
}
@media (max-width: 1199px) {
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 14px;
  }
}

.select2-container--default .select2-selection--single {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #c6922c;
  color: white;
  font-size: 14px;
  text-transform: uppercase;
}

.select2-results__option {
  font-size: 14px;
  text-transform: uppercase;
  padding: 4px 6px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 23px;
}
@media (max-width: 1199px) {
  .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 12px 20px;
  }
}
@media (max-width: 576px) {
  .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 8px 16px;
  }
}

.swal2-actions {
  width: 100% !important;
  display: flex !important;
}

.swal2-styled.swal2-deny {
  border: 0 !important;
  border-radius: 0.25em !important;
  background: initial !important;
  background-color: #333333 !important;
  color: #fff !important;
  font-size: 1em !important;
  width: 47% !important;
}

.swal2-title {
  font-size: 24px !important;
}

.swal2-styled.swal2-confirm {
  width: 47% !important;
}

.selectWrap select {
  width: 100%;
}

.select2.select2-container {
  width: 100% !important;
}

.input-block.input-block-shipping .label {
  text-transform: uppercase !important;
}

.product-details .product-details-top .product-details-right .product-action .btnGreyOutline.btnTheme {
  border-color: #936916;
}

.profileIcon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.profileIcon img {
  width: 100%;
}

.profileDrop {
  position: relative;
}
.profileDrop button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
  font-size: 16px;
  color: #c6922c;
  font-weight: 800;
  text-transform: uppercase;
  border: 0px;
  margin-right: 10px;
}
.profileDrop button img {
  width: 100%;
}
.profileDrop .dropMenuProfile {
  position: absolute;
  top: 26px;
  right: 10px;
  display: none;
  z-index: 999;
}
.profileDrop .dropMenuProfile .dropMenuProfileCont {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 0px;
  border-radius: 5px;
  margin-top: 10px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);
}
@media (max-width: 600px) {
  .profileDrop .dropMenuProfile .dropMenuProfileCont {
    background-color: white;
  }
}
.profileDrop .dropMenuProfile .dropMenuProfileCont li {
  list-style: none;
  display: block;
  margin: 2px 0px;
}
.profileDrop .dropMenuProfile .dropMenuProfileCont li a {
  font-size: 16px;
  color: #333;
  white-space: nowrap;
  display: block;
  padding: 6px 15px;
  font-weight: 600;
}
.profileDrop .dropMenuProfile .dropMenuProfileCont li a:hover {
  background-color: white;
  color: #000;
}
.profileDrop:hover .dropMenuProfile {
  display: block;
}

.historyWrapper {
  width: 100%;
  padding: 50px 0px;
  min-height: 400px;
}
@media (max-width: 1200px) {
  .historyWrapper {
    min-height: 740px;
  }
}
@media (max-width: 992px) {
  .historyWrapper {
    min-height: 500px;
  }
}
@media (max-width: 600px) {
  .historyWrapper {
    padding: 0px 0px;
    min-height: initial;
  }
}
.historyWrapper .historyCont {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0px 20px;
}
.historyWrapper .historyCont .historySlide {
  width: 100%;
  padding: 12px;
  background-color: #e9e6df;
  margin-bottom: 20px;
  position: relative;
}
.historyWrapper .historyCont .historySlide .historyLeft {
  display: flex;
  justify-content: flex-start;
  width: 80%;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyLeft {
    display: block;
    width: 100%;
  }
}
.historyWrapper .historyCont .historySlide .historyLeft .productImg {
  width: 80px;
  height: 80px;
  background-color: #fff;
  margin-right: 20px;
}
.historyWrapper .historyCont .historySlide .historyLeft .productImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyLeft .productImg {
    margin-bottom: 10px;
  }
}
.historyWrapper .historyCont .historySlide .historyLeft .productDetais a {
  font-size: 28px;
  line-height: 28px;
  letter-spacing: 0.3px;
  color: #474645;
  font-family: "DINCondensed-Bold";
  margin-bottom: 10px;
  text-decoration: none;
  transition: all 0.2s;
}
.historyWrapper .historyCont .historySlide .historyLeft .productDetais a:hover {
  color: #c6922c;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyLeft .productDetais a {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 5px;
  }
}
.historyWrapper .historyCont .historySlide .historyLeft .productDetais h3 {
  font-size: 22px;
  line-height: 22px;
  letter-spacing: 0.3px;
  color: #d04203;
  font-family: "DINCondensed-Bold";
  margin-bottom: 0px;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyLeft .productDetais h3 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 5px;
  }
}
.historyWrapper .historyCont .historySlide .historyLeft .productDetais h4 {
  font-size: 15px;
  line-height: 15px;
  letter-spacing: 0.3px;
  color: #555;
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyLeft .productDetais h4 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 5px;
  }
}
.historyWrapper .historyCont .historySlide .historyLeft .productDetais p {
  font-size: 15px;
  line-height: 15px;
  color: #000;
  font-weight: 600;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyLeft .productDetais p {
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 5px;
  }
}
.historyWrapper .historyCont .historySlide .historyRight {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyRight {
    width: 100%;
    height: initial;
    float: none;
  }
}
.historyWrapper .historyCont .historySlide .historyRight .rightId {
  width: 100%;
  text-align: right;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyRight .rightId {
    text-align: left;
  }
}
.historyWrapper .historyCont .historySlide .historyRight .rightId p {
  font-size: 15px;
  line-height: 15px;
  color: #000;
  font-weight: 600;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyRight .rightId p {
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 5px;
  }
}
.historyWrapper .historyCont .historySlide .historyRight .rightId p span {
  font-size: 14px;
  font-size: 400;
  display: block;
  color: #555;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyRight .rightId p span {
    display: inline-block;
  }
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus {
  width: 100%;
  text-align: right;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyRight .orderStatus {
    margin-top: 0px;
    text-align: left;
  }
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus .successDelhivery {
  position: relative;
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus .successDelhivery p {
  font-size: 16px;
  line-height: 15px;
  font-weight: 600;
  color: #000;
  display: inline-block;
  position: relative;
  padding-left: 15px;
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus .successDelhivery p::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2A4;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyRight .orderStatus .successDelhivery p {
    font-size: 14px;
  }
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus .successDelhivery span {
  font-size: 14px;
  line-height: 12px;
  font-weight: 400;
  color: #555;
  display: block;
  display: block;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyRight .orderStatus .successDelhivery span {
    display: inline-block;
  }
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus .cancelDelhivery {
  position: relative;
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus .cancelDelhivery p {
  font-size: 16px;
  line-height: 15px;
  font-weight: 600;
  color: #000;
  display: inline-block;
  position: relative;
  padding-left: 15px;
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus .cancelDelhivery p::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #f00;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyRight .orderStatus .cancelDelhivery p {
    font-size: 14px;
    margin-bottom: 0px;
  }
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus .cancelDelhivery span {
  font-size: 14px;
  line-height: 12px;
  font-weight: 400;
  color: #555;
  display: block;
  display: block;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyRight .orderStatus .cancelDelhivery span {
    display: inline-block;
    margin-bottom: 0;
  }
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus .shippedDelhivery {
  position: relative;
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus .shippedDelhivery p {
  font-size: 16px;
  line-height: 15px;
  font-weight: 600;
  color: #000;
  display: inline-block;
  position: relative;
  padding-left: 15px;
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus .shippedDelhivery p::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #c6922c;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyRight .orderStatus .shippedDelhivery p {
    font-size: 14px;
    margin-bottom: 0px;
  }
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus .shippedDelhivery span {
  font-size: 14px;
  line-height: 12px;
  font-weight: 400;
  color: #555;
  display: block;
  display: block;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyRight .orderStatus .shippedDelhivery span {
    display: inline-block;
    margin-bottom: 0;
  }
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus .pendingDelhivery {
  position: relative;
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus .pendingDelhivery p {
  font-size: 16px;
  line-height: 15px;
  font-weight: 600;
  color: #000;
  display: inline-block;
  position: relative;
  padding-left: 15px;
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus .pendingDelhivery p::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #e67736;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyRight .orderStatus .pendingDelhivery p {
    font-size: 14px;
    margin-bottom: 0px;
  }
}
.historyWrapper .historyCont .historySlide .historyRight .orderStatus .pendingDelhivery span {
  font-size: 14px;
  line-height: 12px;
  font-weight: 400;
  color: #555;
  display: block;
  display: block;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .historyRight .orderStatus .pendingDelhivery span {
    display: inline-block;
    margin-bottom: 0;
  }
}
.historyWrapper .historyCont .historySlide .orderRemove {
  position: absolute;
  right: 15px;
  top: 2px;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .orderRemove {
    top: 7px;
  }
}
.historyWrapper .historyCont .historySlide .orderRemove button {
  padding: 0;
  border: 0;
  font-size: 14px;
  color: #333;
  background-color: transparent;
  transition: all 0.2s;
  font-weight: 600;
}
.historyWrapper .historyCont .historySlide .orderRemove button:hover {
  color: #f00;
}
@media (max-width: 600px) {
  .historyWrapper .historyCont .historySlide .orderRemove button {
    color: #f00;
  }
}

.mobileSearchWrap {
  width: 100%;
  height: 60px;
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.3);
  top: -60px;
  position: fixed;
  z-index: 500;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.2s;
}
.mobileSearchWrap .searchInput {
  width: calc(100% - 70px);
  background-color: #f1f1f1;
  padding: 10px;
  margin-left: 10px;
  border: 0;
}
.mobileSearchWrap .searchButton {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border: 0;
  background-color: transparent;
}
.mobileSearchWrap .searchButton img {
  filter: invert(1);
  width: 20px;
}

.mobileSearchPlace {
  top: 60px;
}

.productOrderSlide {
  width: 100%;
  padding: 20px;
  background-color: #e9e6df;
  margin-bottom: 30px;
  position: relative;
  display: block;
  text-decoration: none;
}
.productOrderSlide h2 {
  text-align: left;
  font-family: "DINCondensed-Bold";
  color: #000000;
  opacity: 1;
  font-size: 30px;
  letter-spacing: 0.3px;
  margin-bottom: 6px;
}
@media (max-width: 600px) {
  .productOrderSlide h2 {
    letter-spacing: 0;
    font-size: 26px;
  }
}
.productOrderSlide h3 {
  text-align: left;
  color: #333;
  opacity: 1;
  font-size: 16px;
  margin-bottom: 5px;
}
.productOrderSlide h3 span {
  font-weight: 600;
}
.productOrderSlide h4 {
  text-align: left;
  color: #333;
  opacity: 1;
  font-size: 16px;
  margin-bottom: 5px;
}
.productOrderSlide h4 span {
  font-weight: 600;
}
.productOrderSlide h5 {
  text-align: left;
  color: #333;
  opacity: 1;
  font-size: 16px;
  margin-bottom: 5px;
}
.productOrderSlide h5 span {
  font-weight: 600;
}
.productOrderSlide .priceTbale {
  width: 100%;
  margin: 10px 0;
}
.productOrderSlide .priceTbale td {
  padding: 0px;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 600px) {
  .productOrderSlide .priceTbale td {
    font-size: 14px;
  }
}
.productOrderSlide .priceTbale td:last-child {
  padding: 0px;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 600px) {
  .productOrderSlide .priceTbale td:last-child {
    font-size: 14px;
  }
}
.productOrderSlide .priceTbale .totalStyle td {
  font-size: 18px;
}
@media (max-width: 600px) {
  .productOrderSlide .priceTbale .totalStyle td {
    font-size: 16px;
  }
}
.productOrderSlide .priceTbale tr {
  border: 0px !important;
}
.productOrderSlide .priceTbale td {
  border: 0px !important;
}
.productOrderSlide .billingAddressWrap {
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .productOrderSlide .billingAddressWrap {
    margin-bottom: 5px;
  }
}
.productOrderSlide .billingAddressWrap h2 {
  text-align: left;
  font-family: "DINCondensed-Bold";
  color: #333;
  opacity: 1;
  font-size: 24px;
  letter-spacing: 0.3px;
  margin-bottom: 6px;
}
@media (max-width: 600px) {
  .productOrderSlide .billingAddressWrap h2 {
    letter-spacing: 0;
    font-size: 18px;
    margin-top: 10px;
  }
}
.productOrderSlide .billingAddressWrap p {
  text-align: left;
  color: #555;
  opacity: 1;
  font-size: 16px;
  font-weight: 600;
}
.productOrderSlide .deliveryAddressWrap {
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .productOrderSlide .deliveryAddressWrap {
    margin-bottom: 0px;
  }
}
.productOrderSlide .deliveryAddressWrap h2 {
  text-align: left;
  font-family: "DINCondensed-Bold";
  color: #333;
  opacity: 1;
  font-size: 24px;
  letter-spacing: 0.3px;
  margin-bottom: 6px;
}
@media (max-width: 600px) {
  .productOrderSlide .deliveryAddressWrap h2 {
    letter-spacing: 0;
    font-size: 18px;
    margin-top: 10px;
  }
}
.productOrderSlide .deliveryAddressWrap p {
  text-align: left;
  color: #555;
  opacity: 1;
  font-size: 16px;
  font-weight: 600;
}
.productOrderSlide .shipped {
  position: relative;
  padding-left: 20px;
}
.productOrderSlide .shipped::before {
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #c6922c;
  position: absolute;
  top: 5px;
  left: 5px;
}
.productOrderSlide .devivered {
  position: relative;
  padding-left: 20px;
}
.productOrderSlide .devivered::before {
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #2A4;
  position: absolute;
  top: 5px;
  left: 5px;
}
.productOrderSlide .pending {
  position: relative;
  padding-left: 20px;
}
.productOrderSlide .pending::before {
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: rgb(240, 146, 23);
  position: absolute;
  top: 5px;
  left: 5px;
}
.productOrderSlide .canceled {
  position: relative;
  padding-left: 20px;
}
.productOrderSlide .canceled::before {
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #f00;
  position: absolute;
  top: 5px;
  left: 5px;
}

.gap30 {
  display: block;
  height: 30px;
}

.gap20 {
  display: block;
  height: 20px;
}

.gap10 {
  display: block;
  height: 10px;
}

.changePassWrap {
  width: 100%;
  padding: 50px 20px;
}
@media (max-width: 1200px) {
  .changePassWrap {
    padding: 140px 20px;
  }
}
@media (max-width: 992px) {
  .changePassWrap {
    padding: 0px 20px 50px;
  }
}
.changePassWrap .changePassCont {
  max-width: 500px;
  background-color: #e9e6df;
  padding: 30px 30px 20px;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .changePassWrap .changePassCont {
    padding: 20px 20px 10px;
  }
}
.changePassWrap .changePassCont .passwordLabel {
  font-size: 22px;
  color: #474645;
  line-height: 24px;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .changePassWrap .changePassCont .passwordLabel {
    font-size: 18px;
    line-height: 18px;
  }
}
@media (max-width: 600px) {
  .changePassWrap .changePassCont .passwordLabel {
    font-size: 16px;
    line-height: 16px;
  }
}
.changePassWrap .changePassCont .passwordInput {
  width: 100%;
  background-color: transparent;
  padding: 23px;
  border: none;
  border-radius: 3px;
  height: auto;
  position: relative;
  z-index: 2;
  font-size: 18px;
  border: 1px solid #22293c;
  margin-bottom: 25px;
}
.changePassWrap .changePassCont .passwordInput:focus {
  background-color: #fdfbf5;
  outline: transparent;
}

.addressSection {
  padding: 50px 0px;
  min-height: 500px;
}
@media (max-width: 1200px) {
  .addressSection {
    min-height: 800px;
  }
}
@media (max-width: 992px) {
  .addressSection {
    min-height: 500px;
  }
}
@media (max-width: 600px) {
  .addressSection {
    padding: 0px 0px 40px;
    min-height: initial;
  }
}
.addressSection .addressTop {
  width: 100%;
  padding: 20px;
  background-color: #e9e6df;
  margin-bottom: 30px;
  position: relative;
  display: block;
}
.addressSection .addressBox {
  width: 100%;
  padding: 20px;
  background-color: #e9e6df;
  margin-bottom: 20px;
  position: relative;
  display: block;
}
.addressSection .addressBox h2 {
  font-size: 22px;
  color: #333;
  line-height: 24px;
  margin-bottom: 5px;
  font-weight: 600;
}
.addressSection .addressBox p {
  font-size: 15px;
  color: #333;
  line-height: 24px;
  margin-bottom: 2px;
  font-weight: 600;
  display: flex;
  align-items: flex-start;
}
.addressSection .addressBox p span {
  color: #000;
  margin-left: 5px;
}
.addressSection .addresslabel {
  font-size: 24px;
  color: #474645;
  line-height: 24px;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
}

.addressButton {
  margin-top: 15px;
  width: 100%;
  display: flex;
  align-items: center;
}
.addressButton button {
  margin-right: 15px;
}

.addbtn {
  float: right;
}

.addressBtn {
  padding: 6px 40px !important;
}

.profileSection {
  width: 100%;
  padding: 50px 0px;
}
@media (max-width: 600px) {
  .profileSection {
    padding: 0px 0px 40px;
  }
}

.header_wrapper.innerHeader .menuIconWrap .menuIconItem img {
  filter: invert(42%) sepia(199%) saturate(1366%) hue-rotate(344deg) brightness(108%) contrast(62%);
}
.header_wrapper.innerHeader .profileDrop button {
  color: #fff;
  background-color: #c6922c;
}

.profileDrop button {
  transition: all 0.2s;
}
.profileDrop button:hover {
  opacity: 0.8;
}

.header_wrapper.scrolledBg {
  background-color: #fff;
}
.header_wrapper.scrolledBg .menuIconWrap .menuIconItem img {
  filter: invert(42%) sepia(199%) saturate(1366%) hue-rotate(344deg) brightness(108%) contrast(62%);
}
.header_wrapper.scrolledBg .profileDrop button {
  color: #fff;
  background-color: #c6922c;
}
.header_wrapper.scrolledBg .profileIcon {
  filter: invert(42%) sepia(199%) saturate(1366%) hue-rotate(344deg) brightness(108%) contrast(62%);
}

.profileIcon:hover {
  opacity: 0.8;
}

.menuIconWrap a.profileIcon {
  transition: none !important;
}

a.profileIcon {
  transition: none !important;
}

.input-block-shipping.focus label {
  top: -4px !important;
  transition: all 0.3s;
  z-index: 100;
}

.formLineWrap {
  position: relative;
}
.formLineWrap .error {
  position: absolute;
  font-size: 13px;
  color: #f00;
  left: 0;
  bottom: 0;
}

.finalPricePaymentBtnouter {
  font-size: 16px;
}

#changeAddrModal .modalFooter button {
  margin-right: 15px;
}
@media (max-width: 1199px) {
  #changeAddrModal .formLineWrap .form-control {
    padding: 12px 20px !important;
  }
}
#changeAddrModal .formLineWrap .form-control:focus {
  border-color: #22293c;
  background-color: #fff;
}
#changeAddrModal .modal-header {
  border-bottom: 0px !important;
}
#changeAddrModal .modal-footer {
  border-top: 0px !important;
}

#ageModal .modal-header {
  padding: 10px 10px 0px 0px;
  border: 0px;
}
#ageModal .modal-body {
  text-align: center;
}
#ageModal .modal-body img {
  height: 60px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 20px;
  display: block;
}
#ageModal .modal-body h6 {
  font-size: 18px;
  color: #000;
}
#ageModal .modal-body h5 {
  font-size: 26px;
  color: #555;
  font-family: "DINCondensed-Bold";
}
#ageModal .modal-body p {
  font-size: 15px;
  color: #555;
  line-height: 18px;
  margin-bottom: 20px;
}
#ageModal .modal-body .ageBtnWrap {
  margin: 20px auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ageModal .modal-body .ageBtnWrap button {
  margin: 0 10px;
}

.BillingOuterContainer {
  max-width: 1200px;
  padding: 100px 20px;
  margin: auto;
  text-align: center;
}
@media (max-width: 1200px) {
  .BillingOuterContainer {
    min-height: 60vh;
  }
}
@media (max-width: 992px) {
  .BillingOuterContainer {
    min-height: 50vh;
  }
}
@media (max-width: 600px) {
  .BillingOuterContainer {
    min-height: initial;
    padding: 50px 20px;
  }
}
.BillingOuterContainer h4 {
  font-size: 20px;
  margin-bottom: 50px;
}
.BillingOuterContainer h2 {
  font-size: 40px;
  font-family: "DINCondensed-Bold";
  margin-bottom: 10px;
}
.BillingOuterContainer .BillingContainer {
  justify-content: space-between;
  display: flex;
}
@media (max-width: 768px) {
  .BillingOuterContainer .BillingContainer {
    display: block;
  }
}
.BillingOuterContainer .BillingContainer #payment-form {
  width: 400px;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .BillingOuterContainer .BillingContainer #payment-form {
    width: 100%;
  }
}
.BillingOuterContainer form:focus {
  outline-color: #c6922c !important;
  border-color: #c6922c !important;
}
.BillingOuterContainer .sq-card-iframe-container:focus {
  outline-color: #c6922c !important;
  border-color: #c6922c !important;
}

.swal2-styled.swal2-confirm {
  white-space: nowrap;
}

.swal2-container.swal2-center > .swal2-popup {
  padding: 20px;
}

.restrictedWrap {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f3ed;
  padding: 20px;
}
@media (max-width: 992px) {
  .restrictedWrap {
    display: block;
    padding-top: 100px;
  }
}
.restrictedWrap .restrictedWrapDiv {
  display: block;
  text-align: center;
}
.restrictedWrap .restrictedWrapDiv img {
  height: 60px;
  margin: 0 auto 20px;
}
.restrictedWrap .restrictedWrapDiv h2 {
  font-size: 100px;
  line-height: 100px;
  color: #555;
  font-family: "DINCondensed-Bold";
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .restrictedWrap .restrictedWrapDiv h2 {
    font-size: 60px;
    line-height: 60px;
  }
}
.restrictedWrap .restrictedWrapDiv p {
  font-size: 30px;
  line-height: 30px;
  color: #555;
}
@media (max-width: 600px) {
  .restrictedWrap .restrictedWrapDiv p {
    font-size: 22px;
  }
}

.product-name-cart {
  display: block;
}
.product-name-cart a {
  display: inline-block !important;
  margin-top: 10px;
}

.modalWrapper {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
  background-color: black;
}
.modalWrapper .closeBtn {
  padding: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.2s;
}
.modalWrapper .closeBtn img {
  width: 20px;
  filter: invert(1);
}
.modalWrapper .closeBtn:hover {
  opacity: 0.6;
}
.modalWrapper .modalContainer {
  width: calc(100vw - 200px);
  height: calc(100vh - 70px);
  margin-left: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
}
@media (max-width: 1200px) {
  .modalWrapper .modalContainer {
    width: calc(100vw - 100px);
    margin-left: 50px;
  }
}
@media (max-width: 992px) {
  .modalWrapper .modalContainer {
    width: calc(100vw - 0px);
    margin-left: 0px;
  }
}
.modalWrapper .modalContainer .videoSection {
  width: 100%;
}

.filterContent {
  width: 100%;
  height: initial;
  margin-bottom: 30px;
  background-color: #f5f3ed;
  padding: 15px;
}

.calenderWrap {
  width: 100%;
  height: 60px;
}
@media (max-width: 768px) {
  .calenderWrap {
    height: 40px;
  }
}
@media (max-width: 600px) {
  .calenderWrap {
    margin-bottom: 10px;
  }
}
.calenderWrap select {
  width: 100%;
  height: 100%;
  border-radius: 0;
  padding: 0px 10px;
  color: #000;
}
.calenderWrap input {
  width: 100%;
  height: 100%;
  background-color: transparent !important;
  border-radius: 0;
  padding: 0px 10px;
  color: #000;
}
.calenderWrap input::-moz-placeholder {
  color: #000;
}
.calenderWrap input::placeholder {
  color: #000;
}
.calenderWrap button {
  width: 100%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  background-color: #22293c;
  border-color: #22293c;
  font-weight: 500;
  color: #ffffff;
}

.BillingOuterContainer img {
  margin-bottom: 20px;
  height: 80px;
}

.frontCardOption {
  text-align: center;
  display: block;
  width: 100%;
}

.getBackWrap {
  width: 100%;
  padding: 100px 20px;
  background-color: #555;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .getBackWrap {
    padding: 50px 20px;
  }
}
@media (max-width: 600px) {
  .getBackWrap {
    text-align: center;
  }
}

.proDtlWrap {
  height: 100%;
  overflow-y: auto;
  padding-right: 10px;
}

.shopCategoryWrap {
  width: 100%;
}
.shopCategoryWrap ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1080px) {
  .shopCategoryWrap ul {
    display: block;
  }
}
.shopCategoryWrap ul li {
  list-style: none;
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.shopCategoryWrap ul li a {
  display: inline-block;
  padding: 5px 20px;
  background-color: rgba(245, 243, 237, 0.5);
  transition: all 0.2s;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 10px;
  border-radius: 3px;
  white-space: nowrap;
}
.shopCategoryWrap ul li a:hover {
  opacity: 0.8;
  background-color: #f5f3ed;
}
.shopCategoryWrap ul li ul.subCategotyDrop {
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 50px;
  margin-top: -10px;
  background-color: #fcf5e8;
  display: none;
  border-radius: 3px;
}
.shopCategoryWrap ul li ul.subCategotyDrop li {
  list-style: none;
  display: block;
}
.shopCategoryWrap ul li ul.subCategotyDrop li a {
  white-space: nowrap;
  display: block;
  background-color: transparent;
  color: #000;
  font-size: 15px;
  padding: 3px 15px !important;
  transition: all 0.2s;
  margin-bottom: 0;
}
.shopCategoryWrap ul li ul.subCategotyDrop li a:hover {
  background-color: #fdf1db;
}
.shopCategoryWrap ul li:hover ul.subCategotyDrop {
  display: block;
}

.proSearch {
  width: 100%;
  text-align: right;
}
@media (max-width: 600px) {
  .proSearch {
    margin-top: 30px;
  }
}
.proSearch::after {
  content: "";
  display: block;
  clear: both;
}
.proSearch .proSearchWrap {
  width: 300px;
  height: 50px;
  border-radius: 5px;
  padding-right: 50px;
  position: relative;
  background-color: #faf9f6;
  float: right;
  box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.4);
}
@media (max-width: 600px) {
  .proSearch .proSearchWrap {
    width: 100%;
  }
}
.proSearch .proSearchWrap input {
  width: 100%;
  height: 100%;
  border: 0;
  background-color: transparent;
  padding: 10px;
}
.proSearch .proSearchWrap button {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  border: 0;
  background-color: transparent;
}
.proSearch .proSearchWrap button img {
  width: 20px;
}

@media (max-width: 1200px) {
  .shopThirdWrap {
    position: relative;
    top: 50px;
  }
}
@media (max-width: 992px) {
  .shopThirdWrap {
    position: relative;
    top: 0px;
  }
}
.shopThirdWrap .innerColFloatWrap .backDiv .shadowText h2 {
  font-size: 190px !important;
  line-height: 253px !important;
}

.subCatHead {
  display: block;
  margin: 15px 0;
}
.subCatHead h3 {
  font-size: 26px;
  font-weight: 600;
  color: #555;
}

.resMenuWrap {
  width: 60%;
  margin: 0 auto;
  display: block;
  padding-top: 50px;
}
@media (max-width: 1024px) {
  .resMenuWrap {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .resMenuWrap {
    display: block;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .resMenuWrap {
    display: block;
  }
}
@media (max-width: 600px) {
  .resMenuWrap {
    padding-top: 30px;
  }
}
.resMenuWrap ul {
  display: block;
}
.resMenuWrap ul li {
  display: block;
}
.resMenuWrap ul li .menuDiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.resMenuWrap ul li .menuDiv a {
  display: inline-block;
  font-family: "DINCondensed-Bold";
  font-size: 90px;
  color: #333;
  font-weight: 600;
  line-height: 90px;
  transition: all 0.2s;
}
@media (max-width: 768px) {
  .resMenuWrap ul li .menuDiv a {
    font-size: 60px;
    line-height: 60px;
  }
}
@media (max-width: 600px) {
  .resMenuWrap ul li .menuDiv a {
    font-size: 40px;
    line-height: 40px;
  }
}
.resMenuWrap ul li .menuDiv .subMenuTriger {
  position: relative;
  transform: rotate(0deg);
  transition: all 0.2s;
}
.resMenuWrap ul li .menuDiv .trigerRota {
  transform: rotate(45deg);
}
.resMenuWrap ul li ul.subMenuContOpen {
  display: none;
  margin: 0px;
  padding: 0;
  padding-left: 20px;
}
.resMenuWrap ul li ul.subMenuContOpen li {
  list-style: none;
}
.resMenuWrap ul li ul.subMenuContOpen li .cliendMenuItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.resMenuWrap ul li ul.subMenuContOpen li .cliendMenuItem a {
  font-size: 60px;
  line-height: 60px;
  color: #555;
  font-weight: 600;
  font-family: "DINCondensed-Bold";
  margin: 5px 0;
}
@media (max-width: 768px) {
  .resMenuWrap ul li ul.subMenuContOpen li .cliendMenuItem a {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 600px) {
  .resMenuWrap ul li ul.subMenuContOpen li .cliendMenuItem a {
    font-size: 30px;
    line-height: 30px;
  }
}
.resMenuWrap ul li ul.subMenuContOpen li .cliendMenuItem .childMenuTriger {
  position: relative;
  transform: rotate(0deg);
  transition: all 0.2s;
}
.resMenuWrap ul li ul.subMenuContOpen li .cliendMenuItem .childtrigerRota {
  transform: rotate(45deg);
}
.resMenuWrap ul li ul.subMenuContOpen li ul.childMenuWrapOpen {
  display: none;
  margin: 0px;
  padding: 0;
}
.resMenuWrap ul li ul.subMenuContOpen li ul.childMenuWrapOpen li {
  display: block;
  padding-left: 15px;
  margin: 5px 0;
}
.resMenuWrap ul li ul.subMenuContOpen li ul.childMenuWrapOpen li a {
  font-size: 40px;
  line-height: 40px;
  color: #333;
  font-weight: 600;
  font-family: "DINCondensed-Bold";
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .resMenuWrap ul li ul.subMenuContOpen li ul.childMenuWrapOpen li a {
    font-size: 30px;
    line-height: 30px;
  }
}
@media (max-width: 600px) {
  .resMenuWrap ul li ul.subMenuContOpen li ul.childMenuWrapOpen li a {
    font-size: 20px;
    line-height: 20px;
  }
}

table tbody tr td input {
  width: 100px !important;
}

@media (max-width: 1400px) {
  .shopSliderDiv .btn {
    padding: 15px 20px;
  }
}
@media (max-width: 1024px) {
  .shopSliderDiv .btn {
    padding: 15px 15px;
  }
}
@media (max-width: 992px) {
  .shopSliderDiv .btn {
    padding: 15px 30px;
  }
}
@media (max-width: 768px) {
  .shopSliderDiv .btn {
    padding: 15px 30px !important;
  }
}
@media (max-width: 768px) {
  .shopSliderDiv .btn {
    padding: 4px 8px !important;
  }
}

.footerMenuList {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.footerMenuList a {
  font-size: 16px;
  font-weight: 600;
  color: #474645;
  opacity: 0.7;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  margin-bottom: 10px;
}
.footerMenuList a:hover {
  opacity: 1;
}

.copyWrapper {
  padding-top: 20px;
}
@media (max-width: 600px) {
  .copyWrapper {
    padding-top: 20px;
    display: block;
    text-align: center;
  }
}

.newsLine {
  width: 100%;
  margin-bottom: 20px;
}
.newsLine input {
  height: 60px !important;
}
.newsLine input::-moz-placeholder {
  font-size: 13px;
  color: #555;
  font-weight: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.newsLine input::placeholder {
  font-size: 13px;
  color: #555;
  font-weight: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
}

@media (max-width: 600px) {
  .disclaimerWrap {
    margin-bottom: 20px;
  }
}

@media (max-width: 600px) {
  .footermenu {
    margin-bottom: 20px;
  }
}

.prefeild span {
  top: -20% !important;
  font-size: 14px !important;
  z-index: 999 !important;
}

.paymentImgFooter {
  padding-top: 20px;
  width: 100%;
  text-align: left;
}
.paymentImgFooter img {
  width: initial;
  height: 70px;
}
@media (max-width: 600px) {
  .paymentImgFooter img {
    height: initial;
    width: 100%;
  }
}

.paymentImg {
  padding-top: 20px;
  width: 100%;
}
.paymentImg img {
  height: initial;
  width: 100%;
}
@media (max-width: 600px) {
  .paymentImg img {
    height: initial;
    width: 100%;
  }
}

.paymentImgPayment {
  padding-top: 20px;
  width: 100%;
  text-align: center;
}
.paymentImgPayment img {
  width: initial;
  height: 70px;
}
@media (max-width: 600px) {
  .paymentImgPayment img {
    height: initial;
    width: 100%;
  }
}

/*16-05-2022*/
.wholesaleProProfit {
  padding-top: 200px;
}
@media (max-width: 1080px) {
  .wholesaleProProfit {
    padding-top: 150px;
  }
}
@media (max-width: 992px) {
  .wholesaleProProfit {
    padding-top: 50px;
  }
}

.wholesaleProProfit .rightShadowTwo h2 {
  font-size: 22vw;
  width: 100%;
  text-align: center;
}
@media (max-width: 1366px) {
  .wholesaleProProfit .rightShadowTwo h2 {
    font-size: 20vw;
    top: 0px;
  }
}
@media (max-width: 1080px) {
  .wholesaleProProfit .rightShadowTwo h2 {
    top: 0px !important;
    left: 0px !important;
  }
}
@media (max-width: 992px) {
  .wholesaleProProfit .rightShadowTwo h2 {
    top: 150px !important;
    left: 0px !important;
  }
}
@media (max-width: 600px) {
  .wholesaleProProfit .rightShadowTwo h2 {
    font-size: 28vw;
    top: 100px !important;
    left: 0px !important;
  }
}

.mrb50 {
  margin-bottom: 50px;
}

.wholesalePro .backDiv .rightShadowTwo {
  position: absolute;
  left: 0%;
  top: 150px;
  text-align: center;
  width: 100%;
}
@media (max-width: 1366px) {
  .wholesalePro .backDiv .rightShadowTwo {
    top: 250px;
  }
}
@media (max-width: 1080px) {
  .wholesalePro .backDiv .rightShadowTwo {
    top: 200px;
  }
}
@media (max-width: 992px) {
  .wholesalePro .backDiv .rightShadowTwo {
    top: 100px;
  }
}

.wholesalePro .backDiv .rightShadowTwo h2 {
  font-size: 22vw;
  text-align: center;
  width: 100%;
}

@media (max-width: 768px) {
  .brandSecondWrapTwo .SecondWrapTwoNumber .numberBox {
    margin: 0 auto;
  }
  .brandSecondWrapTwo .SecondWrapTwoNumber .numberBox {
    margin-left: 0;
  }
}
.brandValue .backDiv {
  width: 100% !important;
  position: relative !important;
  z-index: 1 !important;
  left: initial !important;
  right: initial !important;
  text-align: center !important;
}

.brandValue .backDiv .rightShadow {
  position: center !important;
  display: block !important;
  z-index: -1 !important;
  left: initial !important;
  right: initial !important;
  text-align: center !important;
  width: 100% !important;
}
@media (max-width: 1366px) {
  .brandValue .backDiv .rightShadow {
    top: 0;
  }
}
@media (max-width: 600px) {
  .brandValue .backDiv .rightShadow {
    top: -10px;
  }
}

.valueRow {
  position: relative;
  z-index: 100;
}

.modal-body select.form-control {
  font-size: 14px !important;
  padding-left: 30px;
  line-height: 26px;
}
@media (max-width: 600px) {
  .modal-body select.form-control {
    font-size: 11px !important;
    padding-left: 10px;
  }
}

.acceptDiv {
  margin-bottom: 30px;
  font-size: 14px;
}

.radioDivSection {
  margin-bottom: 15px;
  font-size: 14px;
}

.radioDivSection p {
  font-size: 14px;
}

.radioDivSection .radioDiv {
  display: inline-block;
  margin-right: 20px;
}

.acceptDiv div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.acceptDiv div input {
  margin-right: 10px;
  margin-top: 5px;
}

.blogWrapper {
  padding: 50px 0;
}

@media (max-width: 1199px) {
  .blogWrapper .sectionShopWrapMenu {
    top: 60px;
    align-items: start;
  }
  .blogWrapper .sectionShopWrapMenu a {
    margin: 10px 10px;
  }
}
.gap50 {
  height: 50px;
}

.blogImgFull {
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}

.blogImgFull img {
  width: 100%;
}

.blogDetlsCont {
  width: 100%;
}

.blogDetlsCont p {
  font-size: 16px;
  line-height: 20px;
  color: #777;
}

.blogDetlsCont h5 {
  font-size: 16px;
  line-height: 20px;
  color: #777;
  font-weight: bold;
}

.blogDetlsCont h4 {
  font-size: 20px;
  line-height: 20px;
  color: #555;
}

.blogDetlsCont h3 {
  font-size: 22px;
  line-height: 20px;
  color: #555;
}

.blogDetlsCont h2 {
  font-size: 24px;
  line-height: 20px;
  color: #555;
}

.blogDetlsCont ul {
  margin: 0;
  padding: 0;
}

.blogDetlsCont ul li {
  font-size: 16px;
  line-height: 20px;
  color: #333;
  list-style: circle;
}

.blogDetlsCont ul li a {
  font-size: 16px;
  line-height: 20px;
  color: #c6922c;
  list-style: circle;
  font-weight: 600;
}

.blogDetlsCont a {
  font-size: 16px;
  line-height: 20px;
  color: #c6922c;
  text-decoration: none;
}

.parent-label {
  display: block;
  margin-bottom: 10px;
}
.parent-label span {
  font-size: 16px;
  font-weight: 500;
}

.width-47 {
  width: 47%;
}
@media (max-width: 600px) {
  .width-47 {
    width: 100%;
    display: block;
  }
}

.flex-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 600px) {
  .flex-div {
    display: block;
  }
}

.header_wrapper.innerHeader .menuIconWrap .profileIcon {
  filter: brightness(0.1);
  filter: contrast(0);
}

.form-control.datePicker.hasDatepicker {
  z-index: 10000;
}

.modal-form .input-block-two.input-block-shipping .label {
  z-index: 100000;
}

.shadowText.rightShadow.brandValueText h2 {
  letter-spacing: 40px;
}
@media (max-width: 1366px) {
  .shadowText.rightShadow.brandValueText h2 {
    font-size: 200px !important;
  }
}
@media (max-width: 1080px) {
  .shadowText.rightShadow.brandValueText h2 {
    letter-spacing: 40px;
  }
}
@media (max-width: 768px) {
  .shadowText.rightShadow.brandValueText h2 {
    letter-spacing: 20px;
  }
}
@media (max-width: 1366px) {
  .shadowText.rightShadow.brandValueText {
    top: -20px;
  }
}
@media (max-width: 1080px) {
  .shadowText.rightShadow.brandValueText {
    right: 0px;
  }
}
@media (max-width: 768px) {
  .shadowText.rightShadow.brandValueText {
    right: 20px;
  }
}
@media (max-width: 576px) {
  .shadowText.rightShadow.brandValueText {
    right: 0px;
    z-index: -1;
  }
}

@media (max-width: 768px) {
  .innerColFloatWrap {
    padding: 80px 0 80px !important;
  }
}

.logPass {
  position: relative;
}
.logPass input {
  padding-right: 58px !important;
}
.logPass a {
  position: absolute;
  right: 2px;
  bottom: 3px;
  /* background-color: #a28686; */
  padding: 15px;
  z-index: 10;
}
.logPass img {
  width: 31px;
}

.customInput span {
  transition: all 0.3s;
}

.customInput.focus span {
  top: 26%;
  font-size: 14px;
  z-index: 1;
}

.seccesMessageWrap {
  width: 100%;
  padding: 38px 20px;
}
@media (max-width: 992px) {
  .seccesMessageWrap {
    padding: 50px 20px;
  }
}
.seccesMessageWrap .messageBox {
  text-align: center;
}
.seccesMessageWrap .messageBox img {
  height: 60px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.seccesMessageWrap .messageBox h2 {
  color: #474645;
  display: block;
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: 2px;
}
.seccesMessageWrap .messageBox h5 {
  margin-bottom: 35px;
  font-size: 22px;
  font-weight: 500;
  color: #474645;
  display: block;
  text-align: center;
}

.congratulationWrap {
  text-align: center;
  padding: 100px 20px;
  background-color: #F9F8F5;
}
@media (max-width: 992px) {
  .congratulationWrap {
    padding: 50px 20px;
  }
}
.congratulationWrap .congratulationBox {
  display: inline-block;
  margin: 0 auto;
  position: relative;
}
.congratulationWrap .congratulationBox img {
  height: 200px;
  left: -270px;
  position: absolute;
  top: 100px;
}
@media (max-width: 1080px) {
  .congratulationWrap .congratulationBox img {
    height: 150px;
    top: 150px;
    left: -150px;
  }
}
@media (max-width: 992px) {
  .congratulationWrap .congratulationBox img {
    height: 150px;
    top: 150px;
    left: -75px;
  }
}
@media (max-width: 600px) {
  .congratulationWrap .congratulationBox img {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 30px;
  }
}
.congratulationWrap .congratulationBox h2 {
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  letter-spacing: 0px;
  font-size: 90px;
  margin-bottom: 10px;
  line-height: 90px;
  letter-spacing: 0px;
  color: #474645;
}
@media (max-width: 600px) {
  .congratulationWrap .congratulationBox h2 {
    font-size: 50px;
    line-height: 60px;
  }
}
.congratulationWrap .congratulationBox p {
  color: #474645;
  font-size: 16px;
  line-height: 30x;
  color: #22293C;
  max-width: 600px;
  margin: 0 auto;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.congratulationWrap .congratulationBox h3 {
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  letter-spacing: 0px;
  font-size: 20px;
  margin-bottom: 50px;
  line-height: 30px;
  letter-spacing: 0px;
  color: #474645;
}
.congratulationWrap .congratulationBox .add-card-btn {
  background-color: #c6922c;
}
.congratulationWrap .congratulationBox .add-card-btn:hover {
  color: #fff;
  background-color: #22293C;
}

@media (max-width: 600px) {
  .paymentImgFooter img {
    width: 75%;
    margin: 0 auto;
    display: inherit;
  }
}
.sharkProductList {
  width: 100%;
  height: initial;
  background-color: #fff;
  padding: 100px 0;
}
@media (max-width: 992px) {
  .sharkProductList {
    padding: 50px 0;
  }
}

.sharkProListCont {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1200px) {
  .sharkProListCont {
    flex-wrap: wrap;
  }
}

.prolistCard {
  width: 20%;
  padding: 0px 10px;
}
@media (max-width: 1200px) {
  .prolistCard {
    width: 30%;
  }
}
@media (max-width: 992px) {
  .prolistCard {
    width: 40%;
  }
}
@media (max-width: 600px) {
  .prolistCard {
    width: 50%;
  }
}

.prolistCard .shopSliderDiv {
  width: 100%;
  height: initial;
  max-height: initial;
  background-color: #fff;
  display: block;
  margin-bottom: 20px;
}

.prolistCard .shopSliderDiv a {
  text-decoration: none;
  transition: all 0.2s;
}

.prolistCard .shopSliderDiv a .shopSliderDivTop {
  width: 100%;
  position: relative;
  z-index: 9;
  height: 250px;
  background-color: #f1f1f1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.prolistCard .shopSliderDiv a .shopSliderDivTop img {
  z-index: 10;
  width: initial;
  height: 90%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: all 0.2s;
}

.prolistCard .shopSliderDiv a .shopSliderDivTop h4 {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
  padding: 4px;
  z-index: 10;
}

.prolistCard .shopSliderDiv a .shopSliderDivMid {
  width: 100%;
  padding: 10px;
  min-height: 130px;
}

.prolistCard .shopSliderDiv a .shopSliderDivMid p {
  font-size: 16px;
  color: #c6922c;
}

.prolistCard .shopSliderDiv .shopSliderDivBottom {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}

.prolistCard .shopSliderDiv a {
  text-decoration: none;
  transition: all 0.2s;
}

.prolistCard .shopSliderDiv .shopSliderDivBottom h3 {
  font-size: 30px;
  color: #000000;
  font-family: "DINCondensed-Bold";
  letter-spacing: 0px;
  margin-left: 20px;
}
@media (max-width: 600px) {
  .prolistCard .shopSliderDiv .shopSliderDivBottom h3 {
    font-size: 20px;
  }
}

.prolistCard .shopSliderDiv a .shopSliderDivMid h2 {
  font-size: 30px;
  line-height: 30px;
  font-family: "DINCondensed-Bold";
  color: #22293c;
  margin-bottom: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.shark-partnerSectionWrapSix {
  background-color: #F9F8F5;
}
.shark-partnerSectionWrapSix .shark-partnerFiveLeft p {
  padding-right: 20px;
}
@media (max-width: 600px) {
  .shark-partnerSectionWrapSix .shark-partnerFiveLeft p {
    padding-right: 0px;
  }
}

.sharkSectionFour .wholesaleSevenText {
  width: 100%;
  padding: 100px 50px;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.sharkSectionFour .wholesaleSevenText h2 {
  color: #fff;
  font-size: 80px;
}
@media (max-width: 992px) {
  .sharkSectionFour .wholesaleSevenText h2 {
    line-height: 80px;
  }
}
@media (max-width: 600px) {
  .sharkSectionFour .wholesaleSevenText h2 {
    line-height: 50px;
    font-size: 50px;
  }
}
.sharkSectionFour .wholesaleSevenText .wholesaleSevenTextSubs p {
  color: #fff;
  padding-left: 0;
}
.sharkSectionFour .wholesaleSevenText .wholesaleSevenTextSubs p::before {
  display: none;
}
.sharkSectionFour .wholesaleSevenText .btn.btnGreyOutline {
  background-color: transparent;
  border-color: #fff;
  font-weight: 500;
  color: #fff;
}

.sharkSectionThreeWrap {
  width: 100%;
  height: initial;
  padding: 100px 0px;
  background-color: #F9F8F5;
}
@media (max-width: 992px) {
  .sharkSectionThreeWrap {
    padding: 50px 0;
  }
}
.sharkSectionThreeWrap .searkSectionThreeTop {
  margin: 0 auto;
  margin-bottom: 100px;
  max-width: 800px;
  background-color: #F5F3ED;
}
@media (max-width: 600px) {
  .sharkSectionThreeWrap .searkSectionThreeTop {
    margin-bottom: 50px;
  }
}
.sharkSectionThreeWrap .searkSectionThreeTop .searkSectionThreeTopImg {
  width: 100%;
}
.sharkSectionThreeWrap .searkSectionThreeTop .searkSectionThreeTopImg img {
  width: 100%;
}
.sharkSectionThreeWrap .searkSectionThreeTop .searkSectionThreeTopText {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 600px) {
  .sharkSectionThreeWrap .searkSectionThreeTop .searkSectionThreeTopText {
    padding-top: 20px;
  }
}
.sharkSectionThreeWrap .searkSectionThreeTop .searkSectionThreeTopText p {
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  color: #000;
  margin-bottom: 20px;
}
.sharkSectionThreeWrap .searkSectionThreeBottom {
  margin: 0 auto;
  max-width: 800px;
  position: relative;
}
.sharkSectionThreeWrap .searkSectionThreeBottom img {
  width: 100%;
}
.sharkSectionThreeWrap .searkSectionThreeBottom .shark-video-btn {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -60px;
  z-index: 10;
  cursor: pointer;
}
@media (max-width: 600px) {
  .sharkSectionThreeWrap .searkSectionThreeBottom .shark-video-btn {
    margin-top: -40px;
    margin-left: -40px;
    width: 80px;
    height: 80px;
  }
}
.sharkSectionThreeWrap .searkSectionThreeBottom .shark-video-btn img {
  width: 100%;
  height: 100%;
  opacity: 0.8;
  transition: all 0.2s;
}
.sharkSectionThreeWrap .searkSectionThreeBottom .shark-video-btn img:hover {
  opacity: 1;
}

.shark-sectionTwo {
  width: 100%;
  padding: 100px 0;
}
@media (max-width: 992px) {
  .shark-sectionTwo {
    padding: 50px 0;
  }
}
.shark-sectionTwo .innerSecondAboveWrap {
  display: block;
  position: relative;
  top: 0px;
}
.shark-sectionTwo .innerSecondAboveWrap .imgSection {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 26px;
}
.shark-sectionTwo .innerSecondAboveWrap .imgSection img {
  width: 120px;
  margin: 0px 20px;
}
@media (max-width: 600px) {
  .shark-sectionTwo .innerSecondAboveWrap .imgSection img {
    width: 80px;
    margin: 0px 10px;
  }
}
.shark-sectionTwo .innerSecondAboveWrap .imgSection img:last-child {
  width: 200px;
}
@media (max-width: 600px) {
  .shark-sectionTwo .innerSecondAboveWrap .imgSection img:last-child {
    width: 120px;
  }
}
.shark-sectionTwo .innerSecondAboveWrap .innerSecondAboveWrapHold h5 {
  font-size: 18px !important;
  margin: 15px 0 !important;
}
@media (max-width: 600px) {
  .shark-sectionTwo .innerSecondAboveWrap .innerSecondAboveWrapHold h5 {
    line-height: 30px !important;
  }
}
@media (max-width: 600px) {
  .shark-sectionTwo .innerSecondAboveWrap .innerSecondAboveWrapHold h3 {
    letter-spacing: 3px !important;
  }
}

.sharkbannerWrapper {
  height: initial;
}
@media (max-width: 768px) {
  .sharkbannerWrapper {
    background-color: #c7b881;
    background-image: none !important;
  }
}
@media (max-width: 600px) {
  .sharkbannerWrapper {
    padding: 80px 0px;
  }
}
.sharkbannerWrapper .sharkBannerCont {
  margin: 0 auto;
}
.sharkbannerWrapper .sharkBannerCont .row {
  justify-content: center;
}
.sharkbannerWrapper .sharkBannerCont .sharkbanerCaard {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.sharkbannerWrapper .sharkBannerCont .row {
  margin-bottom: 50px;
}
.sharkbannerWrapper .bannerTextContent {
  text-align: center;
}
.sharkbannerWrapper .bannerTextContent .SecondWrapTwoText {
  margin-bottom: 20px;
}
.sharkbannerWrapper .bannerTextContent .SecondWrapTwoText h2 {
  color: #fff;
  font-size: 120px;
  line-height: 120px;
}
@media (max-width: 600px) {
  .sharkbannerWrapper .bannerTextContent .SecondWrapTwoText h2 {
    font-size: 80px;
    line-height: 80px;
  }
}
.sharkbannerWrapper .bannerTextContent .SecondWrapTwoText h5 {
  color: #fff;
}

.logoWrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.logoWrapper a {
  margin-right: 15px;
  width: 100px;
}
.logoWrapper a img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.sharkProListCont {
  display: block;
}

.sharkProListCont .owl-carousel {
  display: block;
}

.sharkProListCont .owl-carousel .prolistCard {
  width: 100%;
}

.sharkProListCont .owl-nav {
  top: 50%;
  position: absolute;
  margin-top: -30px;
  height: 0;
  display: flex;
  justify-content: space-between;
  width: 102% !important;
  left: -1%;
}

.sharkProListCont .owl-nav button {
  font-size: 60px !important;
}

.add-card-btn:hover {
  color: #fff !important;
}

.divblock {
  display: block !important;
  width: 100%;
  clear: both;
}
@media (max-width: 768px) {
  .divblock {
    display: none !important;
  }
}

@media (max-width: 576px) {
  .sharkbannerWrapper .prolistCard .shopSliderDiv a .shopSliderDivMid h2 {
    font-size: 26px;
  }
}

.newletterWrapper {
  display: block;
}
.newletterWrapper .newsFormWrapper {
  max-width: 400px;
  margin: 50px auto;
  text-align: center;
}
.newletterWrapper .testimContainer {
  margin-top: -250px;
}
@media (max-width: 992px) {
  .newletterWrapper .testimContainer {
    margin-top: -150px;
  }
}
@media (max-width: 600px) {
  .newletterWrapper .testimContainer {
    margin-top: -100px;
  }
}
.newletterWrapper .paymentImgFooter {
  text-align: center;
}
.newletterWrapper .paymentImgFooter img {
  height: 50px;
}

.disWrapper {
  display: block;
}

.menuTextInfoCont {
  opacity: 0;
  width: 75%;
  margin: 0 auto;
  overflow: hidden;
  /*display: none !important;*/
}
@media (max-width: 992px) {
  .menuTextInfoCont {
    display: none;
  }
}
.menuTextInfoCont .stickersSliderWrapper {
  width: 100%;
  padding: 0px 15px;
}
.menuTextInfoCont .stickersSliderWrapper .owl-carousel {
  width: 100%;
}
.menuTextInfoCont .stickersSliderWrapper .owl-carousel .owl-stage-outer {
  width: 100%;
}
.menuTextInfoCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage {
  width: 100%;
}
.menuTextInfoCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage .owl-item {
  width: 100%;
}
.menuTextInfoCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage .owl-item .stickerSlideDiv {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menuTextInfoCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage .owl-item .stickerSlideDiv .textSliderBtn {
  font-size: 18px;
  color: #c6922c;
  margin-left: 10px;
  font-weight: 600;
  font-family: "DINCondensed-Bold";
  background-color: rgba(198, 146, 44, 0.2);
  padding: 2px 10px;
  border-radius: 30px;
  white-space: nowrap;
}
.menuTextInfoCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage .owl-item .stickerSlideDiv .textAnimationWrap {
  overflow: hidden;
}
.menuTextInfoCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage .owl-item .stickerSlideDiv .textAnimationWrap .aniDiv {
  position: relative;
  white-space: nowrap;
  left: 0;
}
.menuTextInfoCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage .owl-item .stickerSlideDiv .textAnimationWrap .aniDiv div {
  display: inline-block;
  color: #000;
  font-family: "DINCondensed-Bold";
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.menuTextInfoCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage .owl-item .stickerSlideDiv .textAnimationWrap .aniDiv div a {
  color: #000;
  text-decoration: underline !important;
}
.menuTextInfoCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage .owl-item .stickerSlideDiv .textAnimationWrap .aniDiv div a:hover {
  color: #c6922c;
  text-decoration: none !important;
}

.scrolledBg .menuTextInfoCont {
  opacity: 1;
}

.menuTextInfo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.menuTextInfo p {
  font-family: "DINCondensed-Bold";
  color: #000;
  font-size: 24px;
  letter-spacing: 2px;
}
@media (max-width: 1200px) {
  .menuTextInfo p {
    font-size: 18px;
    letter-spacing: 0;
  }
}

.menuTextInfo a {
  color: #C6922C;
  font-size: 17px;
  margin-left: 20px;
  font-weight: bold;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
}
.menuTextInfo a:hover {
  color: #555;
}
@media (max-width: 1200px) {
  .menuTextInfo a {
    font-size: 16px;
  }
}

.resNavTextWrapCont {
  background-color: rgba(255, 255, 255, 0.95);
  padding: 5px 20px;
  position: fixed;
  z-index: 100;
  top: 110px;
  left: 0;
  right: 0;
}
@media (max-width: 768px) {
  .resNavTextWrapCont {
    top: 90px;
  }
}
@media (max-width: 600px) {
  .resNavTextWrapCont {
    top: 60px;
  }
}

.resNavTextWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.resNavTextWrap p {
  font-family: "DINCondensed-Bold";
  color: #000;
  font-size: 18px;
}
@media (max-width: 600px) {
  .resNavTextWrap p {
    font-size: 14px;
  }
}

.resNavTextWrap a {
  color: #C6922C;
  font-size: 16px;
  margin-left: 20px;
  font-weight: bold;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
}
.resNavTextWrap a:hover {
  color: #555;
}
@media (max-width: 600px) {
  .resNavTextWrap a {
    font-size: 14px;
    white-space: nowrap;
  }
}

.text-center {
  text-align: center;
  width: 100%;
}

.infoSliderSectionWrap {
  width: 100%;
  padding: 100px 20px;
  background-color: #F9F8F5;
}
@media (max-width: 992px) {
  .infoSliderSectionWrap {
    padding: 50px 20px;
  }
}

.infoSliderTextWrap {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
}

.infoSliderText {
  margin-top: 20px;
}
@media (max-width: 600px) {
  .infoSliderText {
    display: block !important;
    text-align: center !important;
  }
}

.infoSliderText p {
  margin-bottom: 20px;
  line-height: 140%;
  font-size: 24px;
  color: #111921;
  font-weight: bold;
}
@media (max-width: 600px) {
  .infoSliderText p {
    font-size: 18px;
    text-align: center;
    display: block;
  }
}

.infoSliderWrapper {
  width: 100%;
}
.infoSliderWrapper .owl-carousel .sliderBox img {
  width: 100%;
}

.imgInfoWrap {
  max-width: 940px;
  margin: 0 auto;
}

.infoSliderWrapper .owl-dots {
  width: 100%;
  text-align: left;
  position: absolute;
  bottom: 20px;
  left: 70%;
}
.infoSliderWrapper .owl-dots button {
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  margin-right: 10px;
}
.infoSliderWrapper .owl-dots .owl-dot.active {
  background-color: white;
}

.infoSliderTextSingle {
  margin-top: 20px;
  display: block;
  height: 100%;
  padding-bottom: 20px;
}
@media (max-width: 600px) {
  .infoSliderTextSingle {
    display: block !important;
    text-align: center !important;
    margin-top: 30px;
  }
}

.infoSliderTextSingle p {
  margin-bottom: 20px;
  line-height: 140%;
  font-size: 24px;
  color: #111921;
  font-weight: bold;
}
@media (max-width: 600px) {
  .infoSliderTextSingle p {
    font-size: 18px;
    text-align: center;
    display: block;
  }
}

.bannerContainer {
  max-width: 1400px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
}

.banner-text-wrapper {
  text-align: left;
}
@media (max-width: 992px) {
  .banner-text-wrapper .gap50 {
    height: 20px;
  }
}
.banner-text-wrapper .premiumCbdInner {
  text-align: left;
}
@media (max-width: 768px) {
  .banner-text-wrapper .premiumCbdInner {
    text-align: center;
  }
}
.banner-text-wrapper .premiumCbdInner .mediumFloatHeading {
  font-family: "Devant-Medium";
  text-transform: uppercase;
  letter-spacing: 10px;
  color: white;
  font-size: 300px;
  line-height: 200px;
  margin: 15px 0;
  text-align: center;
  text-align: left !important;
}
@media (max-width: 1199px) {
  .banner-text-wrapper .premiumCbdInner .mediumFloatHeading {
    font-size: 140px;
    line-height: 120px;
  }
}
@media (max-width: 768px) {
  .banner-text-wrapper .premiumCbdInner .mediumFloatHeading {
    font-size: 150px;
    line-height: 100px;
    text-align: center !important;
  }
}
@media (max-width: 600px) {
  .banner-text-wrapper .premiumCbdInner .mediumFloatHeading {
    font-size: 150px;
    line-height: 100px;
  }
}

.banProWrap {
  width: 100%;
  height: initial;
}
@media (max-width: 992px) {
  .banProWrap {
    margin-top: 30px;
  }
}
.banProWrap .productBoxWrap {
  width: 100%;
  height: initial;
  background-color: rgba(100, 80, 38, 0.5);
  padding: 20px 20px 30px 20px;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
.banProWrap .productBoxWrap h2 {
  font-family: "Devant-Medium";
  text-transform: uppercase;
  letter-spacing: 10px;
  font-size: 120px;
  line-height: 120px;
  color: #FFF4D0;
  margin-top: -80px;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
@media (max-width: 992px) {
  .banProWrap .productBoxWrap h2 {
    margin-top: 0px;
    font-size: 80px;
    line-height: 80px;
  }
}
@media (max-width: 600px) {
  .banProWrap .productBoxWrap h2 {
    margin-top: 0px;
    font-size: 50px;
    line-height: 50px;
    letter-spacing: 2px;
  }
}
.banProWrap .productBoxWrap .banSliderBox {
  width: 100%;
  text-align: center;
}
.banProWrap .productBoxWrap .banSliderBox img {
  max-width: 250px;
  margin: 10px auto 20px;
}
.banProWrap .productBoxWrap .banSliderBox h3 {
  font-family: "DINCondensed-Bold";
  font-size: 40px;
  line-height: 42px;
  color: #fff;
  letter-spacing: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 80%;
  margin: 0 auto 20px;
}
.banProWrap .productBoxWrap .banSliderBox h4 {
  font-size: 18px;
  color: #fff;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.banProWrap .productBoxWrap .banSliderBox .owl-dots {
  text-align: center;
}
.banProWrap .productBoxWrap .banSliderBox .owl-dots button.owl-dot {
  background-color: rgba(255, 255, 255, 0.8) !important;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 0 6px;
}
.banProWrap .productBoxWrap .banSliderBox .owl-dots button.owl-dot.active {
  background-color: white !important;
  width: 10px;
  height: 10px;
}
.banProWrap .productBoxWrap .banSliderBox .itemSlideBox {
  position: relative;
}
.banProWrap .productBoxWrap .banSliderBox .itemSlideBox .labelTopWrap {
  border: solid 1px #FFF4D0;
  padding: 10px 20px;
  font-size: 16px;
  color: #FFF4D0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 50px;
  z-index: 100;
}
@media (max-width: 600px) {
  .banProWrap .productBoxWrap .banSliderBox .itemSlideBox .labelTopWrap {
    right: 0;
    padding: 6px 15px;
    font-size: 14px;
  }
}

.newbannerWrapper {
  height: 54vw;
}
@media (max-width: 1300px) {
  .newbannerWrapper {
    height: 73vw;
  }
}
@media (max-width: 1080px) {
  .newbannerWrapper {
    height: auto !important;
  }
}
.blog-detail ul {
  margin: 0;
  padding: 0;
  padding-left: 50px;
}
.blog-detail ul li {
  list-style: disc;
  margin-bottom: 15px;
  color: #797979;
}

.buttonTextWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.buttonTextWrap h3 {
  padding-top: 20px;
}

.gap150 {
  height: 150px;
  display: block;
}
@media (max-width: 600px) {
  .gap150 {
    height: 80px;
  }
}

@media (max-width: 600px) {
  .infoSliderWrapper .owl-dots {
    width: 100%;
    text-align: left;
    position: absolute;
    bottom: 36%;
    left: 20px;
  }
}
@media (max-width: 768px) {
  .infoSliderWrapper .owl-dots {
    left: 68%;
  }
}
@media (max-width: 992px) {
  .buttonTextWrap {
    display: block;
  }
  .buttonTextWrap h3 {
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .bannerWrapper {
    height: initial;
  }
  .banner-text-wrapper .premiumCbdInner .mediumFloatHeading {
    font-size: 100px;
    line-height: 50px;
  }
}
.visible {
  opacity: 0;
}
@media (max-width: 992px) {
  .visible {
    opacity: 1 !important;
  }
}

.resNavTextWrapCont {
  opacity: 0;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.resNavTextWrapCont .stickersSliderWrapper {
  width: 100%;
  padding: 0px 15px;
}
.resNavTextWrapCont .stickersSliderWrapper .owl-carousel {
  width: 100%;
}
.resNavTextWrapCont .stickersSliderWrapper .owl-carousel .owl-stage-outer {
  width: 100%;
}
.resNavTextWrapCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage {
  width: 100%;
}
.resNavTextWrapCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage .owl-item {
  width: 100%;
}
.resNavTextWrapCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage .owl-item .stickerSlideDiv {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.resNavTextWrapCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage .owl-item .stickerSlideDiv .textSliderBtn {
  font-size: 18px;
  color: #c6922c;
  margin-left: 10px;
  font-weight: 600;
  font-family: "DINCondensed-Bold";
  background-color: rgba(198, 146, 44, 0.2);
  padding: 2px 10px;
  border-radius: 30px;
  white-space: nowrap;
}
.resNavTextWrapCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage .owl-item .stickerSlideDiv .textAnimationWrap {
  overflow: hidden;
}
.resNavTextWrapCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage .owl-item .stickerSlideDiv .textAnimationWrap .aniDiv {
  position: relative;
  white-space: nowrap;
  left: 0;
}
.resNavTextWrapCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage .owl-item .stickerSlideDiv .textAnimationWrap .aniDiv div {
  display: inline-block;
  color: #000;
  font-family: "DINCondensed-Bold";
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.resNavTextWrapCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage .owl-item .stickerSlideDiv .textAnimationWrap .aniDiv div a {
  color: #000;
  text-decoration: underline;
}
.resNavTextWrapCont .stickersSliderWrapper .owl-carousel .owl-stage-outer .owl-stage .owl-item .stickerSlideDiv .textAnimationWrap .aniDiv div a:hover {
  color: #c6922c;
}

.stItIn {
  display: flex;
  align-items: center;
}

.textSliderBtn {
  white-space: nowrap;
  padding: 5px 10px;
  background-color: rgba(198, 146, 44, 0.2);
  color: #C6922C;
  font-family: "DINCondensed-Bold";
  font-size: 22px;
  letter-spacing: 1px;
  border-radius: 10px;
  margin-left: 15px;
}
.textSliderBtn:hover {
  color: #C6922C;
}

.stText {
  font-family: "DINCondensed-Bold";
  font-size: 22px;
  color: #000;
  letter-spacing: 1px;
  text-align: center;
  display: block;
}

a.stText {
  color: #000;
}
a.stText:hover {
  color: #C6922C;
}

@media (max-width: 600px) {
  .newletterWrapper .testimContainer {
    margin-top: -50px;
  }
}
.detailsThumb {
  position: relative;
  background-size: cover;
  height: 270px;
}
@media (max-width: 1366px) {
  .detailsThumb {
    height: 235px;
  }
}
@media (max-width: 1024px) {
  .detailsThumb {
    height: 200px;
  }
}
@media (max-width: 768px) {
  .detailsThumb {
    height: 140px;
  }
}
@media (max-width: 600px) {
  .detailsThumb {
    height: 230px;
  }
}

.blogDivWrapper {
  width: 100%;
  transition: all 0.2s;
  opacity: 1;
  display: inline-block;
}
@media (max-width: 992px) {
  .blogDivWrapper {
    margin-bottom: 30px;
  }
}
.blogDivWrapper .BlogDivImg {
  width: 100%;
  position: relative;
  z-index: 0;
  margin-bottom: 20px;
}
.blogDivWrapper .BlogDivImg img {
  width: 100%;
  position: relative;
  z-index: 1;
}
.blogDivWrapper .BlogDivImg .dateWrapper {
  position: absolute;
  top: 0;
  left: 26px;
  padding: 15px 15px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 10;
}
.blogDivWrapper .BlogDivImg .dateWrapper h6 {
  font-size: 14px;
  color: #000;
  font-weight: 500;
  margin: 0;
}
.blogDivWrapper .BlogDivImg .dateWrapper h5 {
  font-size: 30px;
  color: #000;
  font-weight: 500;
  margin: 0;
}
@media (max-width: 600px) {
  .blogDivWrapper .BlogDivImg .dateWrapper {
    left: 20px;
  }
}
.blogDivWrapper .BlogDivImg .viewerDiv {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
.blogDivWrapper .BlogDivImg .viewerDiv img {
  width: 20px;
  margin-right: 10px;
}
.blogDivWrapper .BlogDivImg .viewerDiv p {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
}
.blogDivWrapper .blogDivHed {
  width: 100%;
}
.blogDivWrapper .blogDivHed h2 {
  font-size: 60px;
  color: #FAF9F6;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 992px) {
  .blogDivWrapper .blogDivHed h2 {
    font-size: 24px;
  }
}
.blogDivWrapper .blogDivHed h3 {
  font-size: 24px;
  color: #FAF9F6;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blogDivWrapper .blogDivHed h4 {
  font-size: 24px;
  color: #000;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blogDivWrapper:hover {
  opacity: 0.8;
}

.smBlogWrapper {
  width: 100%;
  height: 100%;
}
.smBlogWrapper a {
  display: inline-block;
  margin-bottom: 20px;
}
.smBlogWrapper a:last-child {
  margin-bottom: 0px;
}
@media (max-width: 992px) {
  .smBlogWrapper a {
    margin-bottom: 30px;
  }
}

.centerBtnWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}
@media (max-width: 600px) {
  .centerBtnWrapper {
    margin-top: 20px;
  }
}

.blogWrapper {
  padding: 100px 0;
}
@media (max-width: 992px) {
  .blogWrapper {
    padding: 50px 0;
  }
}

.blogMenuWrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .blogMenuWrap {
    display: none;
  }
}
.blogMenuWrap .sectionShopWrapMenu {
  position: absolute;
  bottom: -120px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 20px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  width: initial;
}
.blogMenuWrap .sectionShopWrapMenu a {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  margin: 0 15px;
  position: relative;
  transition: all 0.2s;
  border-bottom: solid 2px transparent;
  transition: all 0.2s;
  text-align: center;
}
.blogMenuWrap .sectionShopWrapMenu a.active {
  font-weight: 700;
  border-bottom: solid 2px #C6922C;
}
.blogMenuWrap .sectionShopWrapMenu a:hover {
  border-bottom: solid 2px #C6922C;
}
@media (max-width: 1199px) {
  .blogMenuWrap .sectionShopWrapMenu a {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .blogMenuWrap .sectionShopWrapMenu a {
    line-height: 18px;
  }
}
@media (max-width: 1199px) {
  .blogMenuWrap .sectionShopWrapMenu {
    position: relative;
    bottom: 0;
  }
}
@media (max-width: 992px) {
  .blogMenuWrap .sectionShopWrapMenu {
    position: relative;
    bottom: -50px;
  }
}

.blogFilterDiv {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  display: none;
}
@media (max-width: 992px) {
  .blogFilterDiv {
    display: flex;
  }
}
@media (max-width: 600px) {
  .blogFilterDiv {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
  }
}
.blogFilterDiv label {
  font-size: 20px;
  color: #000;
  margin-right: 10px;
}
@media (max-width: 600px) {
  .blogFilterDiv label {
    width: 100%;
    text-align: right;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.blogFilterDiv .blogSelect {
  width: initial;
  height: 50px;
  border-radius: 3px;
  padding: 0px 15px;
  background-color: #FAF9F6;
  border: solid 0.5px #ddd;
}
.blogFilterDiv .blogSelect select {
  width: initial;
  height: 100%;
  border: 0;
  outline: transparent;
  background-color: transparent;
  color: #000;
  font-size: 18px;
}
.blogFilterDiv .blogSelect select option {
  color: #000;
  font-size: 16px;
}

.blogCatWrapper .container {
  margin: 0;
  padding: 0px;
}

.blogLatestWrapper {
  background-color: #69604D;
  padding: 100px 0;
}
@media (max-width: 768px) {
  .blogLatestWrapper {
    padding: 50px 0;
  }
}

.moreBlogWrapper {
  width: 100%;
  padding: 100px 0px;
  background-color: #fff;
}
@media (max-width: 768px) {
  .moreBlogWrapper {
    padding: 50px 0 0px;
  }
}
.moreBlogWrapper .blogDivWrapper {
  margin-bottom: 40px;
}
.moreBlogWrapper .BlogDivImg .dateWrapper {
  left: 20px;
}

.blogFeaturedWrap {
  width: 100%;
  background-color: #fff;
  padding: 0 0 100px;
}
@media (max-width: 992px) {
  .blogFeaturedWrap {
    padding: 0 0 50px;
  }
}
.blogFeaturedWrap .blogSliderText {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 98px;
}
@media (max-width: 767px) {
  .blogFeaturedWrap .blogSliderText {
    top: 0;
  }
}
.blogFeaturedWrap .blogSliderText h2 {
  font-weight: bold;
  font-size: 300px;
  line-height: 80%;
  color: rgba(204, 204, 204, 0.27);
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .blogFeaturedWrap .blogSliderText h2 {
    font-size: 200px;
    line-height: 100%;
  }
}
@media (max-width: 767px) {
  .blogFeaturedWrap .blogSliderText h2 {
    font-size: 100px;
    line-height: 100%;
  }
}
.blogFeaturedWrap .blogSliderText h3 {
  font-size: 100px;
  color: #474645;
  position: absolute;
  left: 0;
  font-family: "DINCondensed-Bold";
  text-transform: uppercase;
  line-height: 100%;
  top: 50px;
}
@media (max-width: 767px) {
  .blogFeaturedWrap .blogSliderText h3 {
    font-size: 70px;
  }
}
.blogFeaturedWrap .blogSliderWrapper {
  position: relative;
  z-index: 10;
  width: 100%;
}
.blogFeaturedWrap .blogSliderWrapper .blogSliderCrad {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .blogFeaturedWrap .blogSliderWrapper .blogSliderCrad {
    margin-top: 20px;
  }
}
.blogFeaturedWrap .blogSliderWrapper .blogSliderCrad .blogDivWrapper {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
@media (max-width: 767px) {
  .blogFeaturedWrap .blogSliderWrapper .blogSliderCrad .blogDivWrapper {
    flex-direction: column;
  }
}
.blogFeaturedWrap .blogSliderWrapper .blogSliderCrad .blogDivWrapper .BlogDivImg {
  margin-bottom: 0;
}
.blogFeaturedWrap .blogSliderWrapper .blogSliderCrad .blogDivWrapper .blogSliderDivHed {
  width: 100%;
  height: auto;
  background-color: #FAF9F6;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding: 20px 50px;
}
@media (max-width: 767px) {
  .blogFeaturedWrap .blogSliderWrapper .blogSliderCrad .blogDivWrapper .blogSliderDivHed {
    padding: 20px 20px;
  }
}
.blogFeaturedWrap .blogSliderWrapper .blogSliderCrad .blogDivWrapper .blogSliderDivHed h2 {
  font-size: 50px;
  color: #000;
  font-weight: bold;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .blogFeaturedWrap .blogSliderWrapper .blogSliderCrad .blogDivWrapper .blogSliderDivHed h2 {
    font-size: 24px;
  }
}
.blogFeaturedWrap .blogSliderWrapper .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.blogFeaturedWrap .blogSliderWrapper .owl-dots button {
  background-color: #A3A2A2;
  width: 8px;
  height: 8px;
  margin: 20px 8px 0;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .blogFeaturedWrap .blogSliderWrapper .owl-dots button {
    margin: 5px 5px 0;
  }
}
.blogFeaturedWrap .blogSliderWrapper .owl-dots button.active {
  width: 12px;
  height: 12px;
  background-color: #474645;
}

.detailsSideWrap {
  width: 100%;
}
.detailsSideWrap .detailsSideWrapHed {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.detailsSideWrap .detailsSideWrapHed h6 {
  font-size: 30px;
  color: #000;
  font-weight: bold;
  margin: 0;
  line-height: 123%;
}
.detailsSideWrap .detailsSideWrapHed a {
  font-size: 16px;
  color: #C6922C;
  font-weight: 600;
  transition: all 0.2s;
  line-height: 123%;
}
.detailsSideWrap .detailsSideWrapHed a:hover {
  color: #000;
}
.detailsSideWrap .detailsSideWrapCont {
  margin: 20px 0 50px;
}
.detailsSideWrap .detailsSideWrapCont:last-child {
  margin-bottom: 0px;
}
.detailsSideWrap .detailsSideWrapCont .blogDivWrapper {
  margin-bottom: 30px;
}
@media (max-width: 1080px) {
  .detailsSideWrap .detailsSideWrapCont .dateWrapper {
    left: 10px;
  }
}

.viewWrap {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 0;
}
.viewWrap img {
  width: 18px;
  margin-right: 5px;
  filter: invert(1);
}
.viewWrap h6 {
  font-size: 16px;
  color: #000;
  margin-right: 10px;
  font-weight: 600;
}
@media (max-width: 600px) {
  .viewWrap h6 {
    font-size: 16px;
  }
}
.viewWrap p {
  font-size: 16px;
  color: #000;
  font-weight: 600;
}
@media (max-width: 600px) {
  .viewWrap p {
    font-size: 16px;
  }
}

.blogDtlWrapper {
  width: 100%;
}
.blogDtlWrapper h6 {
  font-size: 16px;
  color: #474645;
  font-weight: 500;
  margin: 0 0 10px;
}
.blogDtlWrapper h6 a {
  display: inline-block;
  padding: 6px 15px;
  border-radius: 60px;
  background-color: #d3bf98;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  margin-left: 10px;
  transition: all 0.2s;
}
.blogDtlWrapper h6 a:hover {
  background-color: #C6922C;
}
.blogDtlWrapper h1 {
  font-size: 100px;
  color: #111921;
  line-height: 100%;
  margin: 0 0 30px;
  font-family: "DINCondensed-Bold";
}
@media (max-width: 1080px) {
  .blogDtlWrapper h1 {
    font-size: 80px;
  }
}
@media (max-width: 992px) {
  .blogDtlWrapper h1 {
    font-size: 60px;
  }
}
@media (max-width: 600px) {
  .blogDtlWrapper h1 {
    font-size: 40px;
    margin-bottom: 0px;
  }
}
.blogDtlWrapper img {
  width: 100%;
  height: initial;
  margin-bottom: 50px;
}
.blogDtlWrapper p {
  font-size: 20px;
  color: 0;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .blogDtlWrapper p {
    font-size: 16px;
  }
}
.blogDtlWrapper p a {
  word-break: break-all;
  text-decoration: underline !important;
  transition: all 0.2s;
}
.blogDtlWrapper p a:hover {
  color: #C6922C;
}
.blogDtlWrapper h2 {
  font-size: 30px;
  color: #000;
  font-weight: 600;
  margin: 0 0 10px;
}
@media (max-width: 1080px) {
  .blogDtlWrapper h2 {
    font-size: 20px;
  }
}
.blogDtlWrapper h3 {
  font-size: 24px;
  color: #333;
  font-weight: 600;
  margin: 0 0 20px;
}
@media (max-width: 1080px) {
  .blogDtlWrapper h3 {
    font-size: 20px;
  }
}
.blogDtlWrapper h4 {
  font-size: 20px;
  color: 0;
  margin-bottom: 0px;
}
.blogDtlWrapper ul {
  padding-left: 20px;
}
.blogDtlWrapper ul li {
  list-style: disc;
  font-size: 16px;
  color: #333;
}
.blogDtlWrapper ul li a {
  color: #000;
  font-weight: 600;
  transition: all 0.2s;
}
.blogDtlWrapper ul li a:hover {
  color: #C6922C;
}
.blogDtlWrapper ol {
  padding-left: 20px;
}
.blogDtlWrapper ol li {
  list-style: disc;
  font-size: 16px;
  color: #333;
}
.blogDtlWrapper ol li a {
  color: #000;
  font-weight: 600;
  transition: all 0.2s;
}
.blogDtlWrapper ol li a:hover {
  color: #C6922C;
}
@media (max-width: 992px) {
  .blogDtlWrapper {
    margin-bottom: 50px;
  }
  .blogDtlWrapper:first-child {
    margin-bottom: 20px;
  }
}

.lineDiv {
  width: 100%;
  height: 1px;
  background-color: #A3A2A2;
  position: relative;
  margin-top: 50px 0;
}
@media (max-width: 600px) {
  .lineDiv {
    margin: 30px 0;
  }
}

.blogDtlDivider {
  display: block;
  width: 40px;
  height: 40px;
  border: solid 1px #A3A2A2;
  background-color: #fff;
  margin: 0 auto;
  position: absolute;
  z-index: 0;
  top: -20px;
  left: 50%;
  margin-left: -20px;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 8px rgb(255, 255, 255);
}

.pB-0 {
  padding-bottom: 0;
}

.favPageHead {
  position: relative;
  text-align: center;
  padding-top: 40px;
}
.favPageHead h2 {
  color: #9e9e9e;
  font-size: 128px;
  font-family: "Devant-Medium";
  text-transform: uppercase;
  letter-spacing: 8px;
  opacity: 0.5;
}

.cartRem {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}

.cartQty {
  font-size: 12px;
  margin: 10px 0;
  display: block;
}

.cartRightText {
  text-align: right;
  margin-top: 30px;
  width: 34%;
}
@media (max-width: 600px) {
  .cartRightText {
    text-align: left;
    margin-top: 20px;
    width: 100%;
  }
}

.costLabel {
  font-size: 12px;
  color: #000;
  display: block;
}

.oldPrice {
  font-size: 20px;
  color: #807e7c;
  font-weight: 600;
  font-family: "DINCondensed-Bold";
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 600px) {
  .oldPrice {
    justify-content: flex-start;
  }
}
.oldPrice span {
  font-size: 16px;
  color: #b0aea8;
  text-decoration: line-through;
  margin-right: 10px;
  display: inline-block;
}

.newPrice {
  font-size: 40px;
  color: #111921;
  font-weight: 600;
  font-family: "DINCondensed-Bold";
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 600px) {
  .newPrice {
    justify-content: flex-start;
  }
}
.newPrice span {
  font-size: 20px;
  color: #807e7c;
  text-decoration: line-through;
  margin-right: 10px;
  display: inline-block;
}

.redColor {
  color: #d04217 !important;
}

.CartProductBox {
  padding: 30px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 600px) {
  .product-image-container {
    width: 100% !important;
  }
  .product-image-container img {
    height: 50px;
    margin-bottom: 10px;
  }
  .product-price-container {
    width: 100% !important;
    margin-top: 15px;
  }
}
.medraWrap {
  width: 100%;
  padding: 50px 20px;
  background-color: #FFF0DC;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px 0;
}

.medraText {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0 10px;
}

.medraText h2 {
  font-size: 66px;
  color: #474645;
  line-height: 120%;
  font-family: "DINCondensed-Bold";
}

.medraText img {
  height: 90px;
}

.mT-110 {
  margin-top: 110px;
}

.medraWrapSm {
  width: 100%;
  padding: 30px 20px;
  background-color: #FFF0DC;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px 0;
}

.medraTextSm {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0 20px;
}

.medraWrapSm h2 {
  font-size: 30px;
  color: #474645;
  line-height: 120%;
  font-family: "Nunito", sans-serif;
  font-weight: bold;
  text-align: center;
}

.medraTextSm img {
  height: 90px;
}

.mT-110 {
  margin-top: 110px;
}

.featureMoreBlog .moreBlogWrapper {
  padding: 0px 0px !important;
}

@media (max-width: 1200px) {
  .medraText h2 {
    font-size: 40px;
    text-align: center;
  }
  .medraText img {
    height: 60px;
  }
}
@media (max-width: 992px) {
  .medraText {
    align-items: center;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .mT-110 {
    margin-top: 90px;
  }
  .medraWrapSm h2 {
    font-size: 26px;
  }
  .medraTextSm img {
    height: 60px;
  }
}
@media (max-width: 600px) {
  .medraText h2 {
    font-size: 34px;
  }
  .mT-110 {
    margin-top: 50px;
  }
}
.blogSliderDivHed h2 a {
  color: #000;
}

/* isolate css*/
.bgColorGrey {
  background-color: #555 !important;
}

.bgColorDarkGrey {
  background-color: #384956 !important;
}

.bgColorExtraDarkGrey {
  background-color: #191F24 !important;
}

.bgColorExtraLightGrey {
  background-color: #fdfdfd !important;
}

.bgColorLightGrey {
  background-color: #777 !important;
}

.bgColorBlack {
  background-color: #000 !important;
}

.bgColorWhite {
  background-color: #fff !important;
}

.colorWhite {
  color: #fff !important;
}

.ColorExtraLightGrey {
  color: #fdfdfd !important;
}

.colorOffWhite {
  color: #fff !important;
  opacity: 0.7;
}

.newBannerHed {
  color: #000 !important;
  opacity: 1 !important;
  font-size: 120px !important;
  letter-spacing: 8px !important;
  line-height: 80% !important;
  text-align: center !important;
}
@media (max-width: 1366px) {
  .newBannerHed {
    font-size: 80px !important;
  }
}
@media (max-width: 1080px) {
  .newBannerHed {
    padding-top: 200px;
  }
}
@media (max-width: 992px) {
  .newBannerHed {
    font-size: 50px !important;
    padding-top: 50px;
    padding-left: 40%;
  }
}
@media (max-width: 600px) {
  .newBannerHed {
    font-size: 40px !important;
    letter-spacing: 2px !important;
    padding-left: 0;
    padding-top: 0;
  }
}
.newBannerHed span {
  display: block;
  font-size: 150px !important;
  line-height: 100%;
}
@media (max-width: 1366px) {
  .newBannerHed span {
    font-size: 90px !important;
  }
}
@media (max-width: 992px) {
  .newBannerHed span {
    font-size: 60px !important;
  }
}
@media (max-width: 600px) {
  .newBannerHed span {
    font-size: 50px !important;
  }
}

.innerBannerTextWrapTwoNew {
  background-color: transparent !important;
  padding-left: 38%;
}
@media (max-width: 1080px) {
  .innerBannerTextWrapTwoNew {
    padding-left: 40%;
  }
}
@media (max-width: 600px) {
  .innerBannerTextWrapTwoNew {
    padding: 20px !important;
    background-color: rgba(255, 255, 255, 0.8) !important;
    border-radius: 20px !important;
  }
}

.footerCenterWrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.footerCenterWrap .fLogo {
  display: inline-block;
  margin: 0 auto;
  height: 80px;
}
.footerCenterWrap .paymetImg {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0;
}
.footerCenterWrap .paymetImg img {
  height: 70px;
}
@media (max-width: 600px) {
  .footerCenterWrap .paymetImg img {
    height: 50px;
  }
}

.menuIconWrap .menuIconItemNew img {
  filter: none !important;
}

.buttonNewColor {
  background-color: #111 !important;
  color: #fff !important;
}

.n-p-100 {
  padding: 100px 20px;
}

.m-t-100 {
  margin-top: 100px;
}

.stTextNew:hover {
  color: #000 !important;
  opacity: 0.7;
}

.textSliderBtnNew {
  background-color: #555 !important;
  color: #fff !important;
}
.textSliderBtnNew:hover {
  opacity: 0.8;
}

.breadComeWrapNew a:hover {
  color: #777 !important;
}

.btnDarkNew {
  border-color: #22293c;
  background-color: #22293c;
}

.product-details .product-details-top .product-details-right .product-action .btnGreyOutline.btnDarkNew {
  background-color: #22293c;
}
.product-details .product-details-top .product-details-right .product-action .btnGreyOutline.btnDarkNew:hover {
  color: #000000;
}
.product-details .product-details-top .product-details-right .product-action .btnGreyOutline.btnDarkNew:hover::before {
  left: 0;
  background-color: #ffffff;
}

.accordion-buttonNew:not(.collapsed):before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url(../images/like-fill-black.svg) no-repeat !important;
}

.productListSecondWrapNew {
  background-color: #555;
}
.productListSecondWrapNew .rightShadow h2 {
  opacity: 0.1 !important;
}
.productListSecondWrapNew .aboveDiv .sliderWrapper .sliderWrapperHed h2 {
  color: #fff !important;
}

.bgColorCLightGrey {
  background-color: #ccc !important;
}

.shopSliderDivBg {
  background-color: #333 !important;
}

.CartProductBoxNew {
  background-color: #eee !important;
}

.addresChangeWrapNew {
  background-color: #eee !important;
}

.CartSummaryContainerNew {
  background-color: #eee !important;
}

.ShippingSummaryContainerNew {
  background-color: #eee !important;
}

.BillingFormContainerNew {
  background-color: #eee !important;
}

.promo-inputNew {
  background-color: #fff !important;
  border-color: #555 !important;
}

.filterContentNew {
  background-color: #eee !important;
}

.productOrderSlideNew {
  background-color: #eee !important;
}

.apply-btnNew {
  color: #111 !important;
}

.customInputNew {
  background-color: #eee !important;
}

.add-card-btnNew {
  background-color: #2c2c2c !important;
}

.header_wrapper.scrolledBg .profileIconNew {
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0) brightness(0%) contrast(0%);
  filter: none !important;
}

.header_wrapper.innerHeader .menuIconWrap .profileIconNew {
  filter: none !important;
}

.quantbtnNew {
  background-color: #777 !important;
  color: #fff !important;
}

.productquantitycartNew {
  background-color: #eee !important;
  border-color: #ccc !important;
}

@media (max-width: 600px) {
  #ldarkBanner {
    background-position: 20%;
  }
}
#ldarkBanner .darkCenter {
  padding-left: 0px !important;
}
@media (max-width: 600px) {
  #ldarkBanner .darkCenter {
    background-color: transparent !important;
  }
}
#ldarkBanner .darkCenter .newBannerHed {
  color: #fff !important;
}
@media (max-width: 992px) {
  #ldarkBanner .darkCenter .newBannerHed {
    padding-left: 0px;
  }
}

.viewCOA {
  font-size: 26px !important;
  font-weight: bold !important;
  color: #384956 !important;
  transition: all 0.2s;
  line-height: 120% !important;
}
.viewCOA:hover {
  opacity: 0.8;
}

.proDtlWrap h6 {
  font-size: 23px;
  color: #191F24;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 20px;
  font-family: "DINCondensed-Bold";
}
.proDtlWrap ul {
  margin: 0;
  padding: 0;
}
.proDtlWrap ul li {
  list-style: disc;
  font-size: 16px;
  color: #191F24;
  font-weight: 500;
}

.stepBackWrap {
  width: 100%;
}
.stepBackWrap a {
  font-size: 18px !important;
  color: #000000 !important;
  font-weight: 600 !important;
  transition: all 0.2s;
}
@media (max-width: 600px) {
  .stepBackWrap a {
    font-size: 16px !important;
  }
}
.stepBackWrap a:hover {
  opacity: 0.7;
}
.stepBackWrap a img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 5px;
}
@media (max-width: 600px) {
  .stepBackWrap a img {
    width: 20px;
    height: 20px;
  }
}

.gap30 {
  height: 30px;
  display: block;
  width: 100%;
}

@media (max-width: 1080px) {
  .cartTopNone {
    padding-top: 100px !important;
  }
}
@media (max-width: 992px) {
  .cartTopNone {
    padding-top: 60px !important;
  }
}
@media (max-width: 600px) {
  .cartTopNone {
    padding-top: 30px !important;
  }
}

.adminWrapper {
  background-color: #fff !important;
}

.gap20 {
  height: 20px;
  width: 100%;
}

.newTopMr {
  height: 150px;
  width: 100%;
  display: block !important;
}
@media (max-width: 600px) {
  .newTopMr {
    height: 80px !important;
  }
}

.headerContactBtn {
  padding: 7px 15px;
  background-color: #000;
  font-weight: 16px;
  font-weight: 500;
  transition: all 0.2s;
  white-space: nowrap;
  margin-right: 20px;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 600px) {
  .headerContactBtn {
    font-size: 14px;
    padding: 4px 10px;
  }
}
.headerContactBtn:hover {
  opacity: 0.8;
}

@media (max-width: 1199px) {
  .productListFirst.m-t-100 {
    margin-top: 0;
  }
}
.headerLight .headerContactBtn {
  background-color: #fff !important;
  color: #000 !important;
}
.headerLight .menuIconWrap .menuIconItem img {
  display: none;
}
.headerLight .menuIconWrap .menuIconItem {
  background-image: url("../../assets/images/cart_white.svg") !important;
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  background-repeat: no-repeat;
}
.headerLight .profileIcon {
  background-image: url("../../assets/images/user-new-2.svg") !important;
}

.headerLight.scrolledBg {
  background-color: #111;
}/*# sourceMappingURL=styles.css.map */