.ff-rubik,
.ff-rubik .entry,
.ff-rubik strong,
.ff-rubik .entry strong {
  font-family: 'Rubik', sans-serif;
}
:root {
  --swiper-theme-color: #fff;
}
.rfs20 {
  font-size: 20px;
  font-size: clamp(max(14px, calc(20px - 10px)), 1.06vw, 20px);
}
.rfs22 {
  font-size: 22px;
  font-size: clamp(max(14px, calc(22px - 11px)), 1.166vw, 22px);
}
.rfs25 {
  font-size: 25px;
  font-size: clamp(max(14px, calc(25px - 12.5px)), 1.325vw, 25px);
}
.defpadd,
.defpadd-top {
  padding-top: clamp(20px, 3vw, 40px);
}
.defpadd,
.defpadd-bott {
  padding-bottom: clamp(20px, 3vw, 40px);
}
.mt0 {
  margin-top: 0;
}
.mb0 {
  margin-bottom: 0;
}
.lh13 {
  line-height: 1.3;
}
.lh17 {
  line-height: 1.7;
}
.vp15 {
  padding: 15px 0;
}
.vp17 {
  padding: 17px 0;
}
.vp20 {
  padding: 20px 0;
}
.fw-light {
  font-weight: 300;
}
.fw-medium {
  font-weight: 500;
}
.firstSec .wppro_badge1_DIV_12.b6s12 {
  display: none !important;
}
.firstSec .wppro_badge1_DIV_stars span.svgicons,
.firstSec span.svgbadgestar {
  width: 37px;
  height: 37px;
}
.firstSec span.wppro_avg_b6s6a {
  color: #000000 !important;
  font-size: 25px;
  font-size: clamp(max(14px, calc(25px - 12.5px)), 1.325vw, 25px);
}
.firstSec .wprevpro_badge {
  margin: 0;
  padding: 0 !important;
}
.firstSec .wprevpro_badge .wppro_badge1_DIV_stars,
.firstSec .wprevpro_badge .wppro_badge1_DIV_12.b6s12 {
  display: flex;
  align-items: center;
}
.firstSec .wprevpro_badge .wppro_badge1_DIV_stars {
  justify-content: flex-end;
  direction: ltr;
  gap: 10px;
}
.firstSec .wprevpro_badge .wppro_badge1_DIV_stars .svgicons {
  cursor: pointer;
}
.firstSec .wprevpro_badge .wppro_badge1_DIV_stars .wppro_avg_b6s6a {
  margin-top: 7px;
}
.firstSec .slideSide {
  width: 47%;
  min-height: 340px;
}
.firstSec .logos img {
  max-height: 25px;
}
.firstSec.cfOrder .slideSide {
  margin-bottom: 20px;
}
.firstSec.cfOrder .stdbtn {
  padding: 10px;
}
.firstSec.cfOrder .paymentsBox img {
  position: absolute;
}
.swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: 24px;
  height: 24px;
  opacity: 1;
  margin: 0 7px !important;
  border: 1px solid #000;
  overflow: hidden;
  background-color: #FFFEFE;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.swiper-pagination .swiper-pagination-bullet:hover {
  background-color: #000;
}
.swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  transform: translateX(100%);
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  transform: translateX(0);
  -webkit-transition: all 4s ease;
  transition: all 4s ease;
}
.contact {
  padding: 15px 0 40px 0;
}
.contact .wpcf7 .cfi .wpcf7-form-control-wrap input:not([type="submit"]) {
  padding: 2px 0;
  border-width: 0 0 1px 0;
  border-color: #fff;
  background-color: transparent;
}
.contact .wpcf7 .cfi .wpcf7-form-control-wrap input:not([type="submit"]),
.contact .wpcf7 .cfi .wpcf7-form-control-wrap input:not([type="submit"])::placeholder {
  color: #fff;
  font-size: 24px;
}
.contact .btns {
  min-width: 17.6%;
}
.contact .inWrap {
  column-gap: clamp(20px, 6%, 60px);
}
.contact .inBox {
  column-gap: clamp(20px, 4%, 45px);
}
.contact .cfb {
  width: 100%;
}
.contact .cfb input {
  color: #000;
  padding: 10px 5px 5px 5px;
  font-size: 40px;
  font-weight: 400;
  background-color: #fff;
}
.contact .cfb input:hover {
  background-color: #E1AA89;
}
.FAQs h2 {
  border-bottom: 3px solid #E1AA89;
}
.FAQs ul {
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
}
.FAQs ul li {
  padding: 15px 0;
}
.FAQs ul li:not(:last-child) {
  border-bottom: 1px solid #E1AA89;
}
.FAQs ul li .ans {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.FAQs ul li.active h3 i::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.FAQs ul li:not(.active) .ans {
  opacity: 0;
  visibility: hidden;
}
.FAQs ul h3 {
  cursor: pointer;
}
.FAQs ul h3 i {
  position: relative;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border: 1px solid #E1AA89;
  border-radius: 50%;
}
.FAQs ul h3 i::after,
.FAQs ul h3 i::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #E1AA89;
}
.FAQs ul h3 i,
.FAQs ul h3 i::after,
.FAQs ul h3 i::before {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.FAQs ul h3 i::after {
  width: 1px;
  height: 60%;
}
.FAQs ul h3 i::before {
  width: 60%;
  height: 1px;
}
.FAQs ul h3:hover i {
  background-color: #E1AA89;
}
.FAQs ul h3:hover i::after,
.FAQs ul h3:hover i::before {
  background-color: #fff;
}
.FAQs ul .ans {
  height: 0;
  padding-inline-start: 70px;
}
.FAQs .vSide iframe,
.FAQs .vSide video {
  position: sticky;
  top: 20px;
  width: 100%;
  height: auto;
  max-height: 640px;
  aspect-ratio: 1.44144144;
}
.FAQs .vSide .video-overlay {
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.FAQs .vSide .video-overlay.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.recs .slickwprev-next,
.recs .slickwprev-prev {
  width: 30px;
  height: 30px;
}
.recs .slickwprev-next::before,
.recs .slickwprev-prev::before {
  color: #000;
  font-size: 30px;
}
.recs .slickwprev-dots {
  width: 99%;
  bottom: -20px;
}
.recs .slickwprev-dots li {
  margin: 0 2px;
}
.recs .slickwprev-dots li button {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #000;
}
.recs .slickwprev-dots li button::before {
  display: none;
}
.recs .slickwprev-dots li button:hover,
.recs .slickwprev-dots li.slick-active button {
  background-color: #E1AA89;
}
.recs .wpproslider_t2_DIV_1a {
  width: 100%;
  display: flex !important;
}
.recs .wpproslider_t2_DIV_1a .wpproslider_t2_DIV_2 {
  width: 100%;
}
.recs .logos {
  margin-bottom: clamp(20px, 3vw, 40px);
}
.recs .logos .rev-short .wppro_badge1_DIV_stars span.svgicons,
.recs .logos .rev-short span.svgbadgestar {
  width: 19px;
  height: 19px;
}
.recs .logos .rev-short .wprevpro_badge {
  margin: 0;
  padding: 0;
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.recs .logos .rev-short .wppro_badge1_DIV_12.b6s12 {
  margin-top: 0 !important;
}
.recs .logo {
  height: 66px;
}
.recs .wppro_badge1_DIV_12.b6s12 {
  font-size: 20px;
  font-weight: 600;
}
.recs span.wppro_avg_b6s6a,
.recs .wppro_badge1_DIV_12.b6s12 {
  color: #231F20 !important;
}
.recs span.wppro_avg_b6s6a {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 18px;
}
.recs .slickwprev-slide > div,
.recs .slickwprev-slide .wpproslider_t12_DIV_1,
.recs .slickwprev-slide .wpproslider_t12_DIV_1a {
  width: 100%;
}
.videoRecs .video {
  cursor: pointer;
  aspect-ratio: 0.70422535;
}
.videoRecs .video .play {
  z-index: 1;
}
.videoRecs .video .bg {
  -webkit-transition: all 1.5s linear;
  transition: all 1.5s linear;
}
.videoRecs .video:hover .bg {
  transform: scale(1.2);
}
.videoRecs .video img {
  object-fit: cover;
}
.videoRecs .topLine {
  border-bottom: 5px solid #E1AA89;
  padding-bottom: 3px;
}
#clsCF {
  background-color: transparent !important;
}
.wpff-pop-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.wpff-pop-wrap .wpcf7-list-item-label {
  text-align: initial;
}
.wpff-pop-wrap .wpff-pop-box {
  width: 100%;
  padding: 20px;
  max-width: 600px;
  background-color: #F5F1EE;
}
.wpff-pop-wrap .wpff-pop-box .entry {
  margin: auto;
  max-width: 480px;
}
.wpff-pop-wrap .wpff-pop-box .entry h3 {
  font-size: 50px;
  font-family: "crayola", Sans-serif !important;
}
.wpff-pop-wrap .wpff-pop-box .cfchk {
  display: flex;
}
.wpff-pop-wrap .wpff-pop-box .cfBox {
  padding: 20px clamp(10px, 3vw, 40px);
}
.wpff-pop-wrap .wpff-pop-box .cfBox input:not([type="checkbox"]),
.wpff-pop-wrap .wpff-pop-box .cfBox .cfi {
  width: 100%;
}
.wpff-pop-wrap .wpff-pop-box .cfBox label {
  color: #000;
}
.wpff-pop-wrap .wpff-pop-box .cfBox input:not([type="submit"]) {
  color: #000;
}
.wpff-pop-wrap .wpff-pop-box .cfBox input::placeholder {
  color: #000;
}
.wpff-pop-wrap .wpff-pop-box .cfBox input[type="submit"] {
  background-color: #000;
}
.wpff-pop-wrap .wpff-pop-box .cls {
  border: 0;
  padding: 0;
  background-color: transparent !important;
}
.wpff-pop-wrap .wpff-pop-box .cls svg path {
  fill: #000;
}
.wpff-pop-wrap .wpff-pop-box .wpcf7 .lineStyle input:not([type="submit"]) {
  border: 0;
  padding: 2px 0;
  border-bottom: 1px solid #000;
  background-color: transparent;
}
.wpff-pop-wrap,
.wpff-pop-wrap .wpff-pop-box {
  transition: all 0.5s ease;
}
.wpff-pop-wrap:not(.active) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.wpff-pop-wrap:not(.active) .wpff-pop-box {
  transform: scale(0.001);
}
.wpff-pop-wrap.active .wpff-pop-box {
  transition-delay: 0.3s;
}
.couponCode {
  color: #000;
  padding: 14px;
  border: 0;
  border-left: 1px dashed #000;
  border-right: 1px dashed #000;
  border-radius: 0;
}
.couponCode,
.couponCode:hover {
  background-color: #E1AA89;
}
.stdbtn {
  padding: 20px;
  line-height: 1.1;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.stdbtn.black {
  color: #fff;
  background-color: #000;
}
.stdbtn.black:hover {
  background-color: #E1AA89;
}
.stdbtn.white {
  color: #000;
  background-color: #fff;
}
.stdbtn.white:hover {
  color: #fff;
  background-color: #E1AA89;
}
.stdbtn.or {
  color: #000;
  border-radius: 0;
  border-color: #FBC6A6;
  background-color: #FBC6A6;
}
.stdbtn.or:hover {
  color: #fff;
  border-color: #C06835;
  background-color: #C06835;
}
.js-snackbar {
  background-color: #000 !important;
}
.js-snackbar .js-snackbar__status.js-snackbar--success {
  margin: 0 !important;
  border-radius: 0 !important;
}
.js-snackbar-container {
  position: fixed !important;
}
.mobActionsBoxHolder {
  z-index: 20;
}
.firstSec {
  position: relative;
  z-index: 10;
}
.productAttach {
  padding: 10px 25px;
}
.productAttach .actSide {
  gap: clamp(10px, 2vw, 30px);
  max-width: 780px;
}
.productAttach .thumb {
  max-height: 105px;
}
.productAttach .button {
  flex-grow: 1;
  max-width: 320px;
  padding-left: clamp(15px, 3vw, 50px);
  padding-right: clamp(15px, 3vw, 50px);
}
@media (min-width: 1201px) {
  .stBox {
    border: 5px solid #FBC6A6;
  }
  .cfchk:not(.no-sm) {
    display: none;
  }
  .firstSec .txtSide {
    max-width: 750px;
  }
  .FAQs .faqSide,
  .FAQs .vSide {
    max-width: 790px;
  }
  .contact {
    padding: 15px 0 40px 0;
  }
  .contact input:not([type="submit"]) {
    border-color: #fff;
  }
  .contact input:not([type="submit"]),
  .contact input:not([type="submit"])::placeholder {
    color: #fff;
    font-size: 28px;
  }
  .contact .btns {
    min-width: 17.6%;
  }
  .contact .inWrap {
    column-gap: clamp(20px, 6%, 60px);
  }
  .contact .inBox {
    column-gap: clamp(20px, 4%, 45px);
  }
  .contact .wpcf7 .cfb {
    width: 100%;
  }
  .contact .wpcf7 .cfb input {
    color: #000;
    padding: 15px;
    font-size: 34px;
    font-weight: 400;
    background-color: #fff;
  }
  .contact .wpcf7 .cfb input:hover {
    background-color: #E1AA89;
  }
}
@media (max-width: 1200px) {
  .no-bm {
    display: none !important;
  }
  .bm-w100 {
    width: 100% !important;
  }
  .bm-mw100 {
    max-width: 100% !important;
  }
  .m-w45 {
    width: 45%;
  }
  .m-w50 {
    width: 50%;
  }
  .wprevpro_badge .wppro_badge1_DIV_stars {
    justify-content: center;
  }
  .mobActionsBoxHolder {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    pointer-events: none;
  }
  .mobActionsBoxHolder .mobActionsBox {
    padding: 10px;
    pointer-events: all;
  }
  .swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
  }
  .firstSec h1 {
    font-size: 30px;
  }
  .firstSec h2 {
    font-size: 25px;
  }
  .firstSec .wppro_badge1_DIV_stars span.svgicons,
  .firstSec span.svgbadgestar {
    width: 36px;
    height: 36px;
  }
  .firstSec .entry {
    font-size: 20px;
  }
  .firstSec .wprevpro_badge .wppro_badge1_DIV_stars {
    padding-bottom: 35px;
  }
  .firstSec .wprevpro_badge .wppro_badge1_DIV_stars .wppro_avg_b6s6a {
    position: absolute;
    bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .firstSec .wprevpro_badge .wppro_badge1_DIV_stars,
  .firstSec .wprevpro_badge .wppro_badge1_DIV_12.b6s12 {
    justify-content: center;
    text-align: center;
  }
  .mobActionsBox .couponCode {
    width: 46%;
  }
  .mobActionsBox .btn {
    color: #fff;
    text-align: center;
    white-space: normal;
    line-height: 1.2;
    border-radius: 0;
    background-color: #000;
  }
  .mobActionsBox .btn svg path {
    fill: #fff;
  }
  .FAQs ul h3 {
    font-size: 19px;
    gap: 10px;
  }
  .FAQs ul h3 i {
    width: 25px;
    height: 25px;
    min-width: 25px;
  }
  .contact {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 10;
    padding: 10px 10px 20px 10px;
    background-color: #F5F1EE;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .contact h2 {
    font-size: 50px;
  }
  .contact .entry {
    color: #231F20;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .contact .wpcf7 .cfchk input {
    min-width: 31px;
    min-height: 31px;
  }
  .contact .wpcf7 .cfi .wpcf7-form-control-wrap input:not([type="submit"]) {
    border-color: #000;
  }
  .contact .wpcf7 .cfi .wpcf7-form-control-wrap input:not([type="submit"]),
  .contact .wpcf7 .cfi .wpcf7-form-control-wrap input:not([type="submit"])::placeholder {
    color: #000;
    font-size: 18px;
  }
  .contact .wpcf7-list-item-label {
    line-height: 1.2;
  }
  .contact,
  .contact .wpcf7-list-item-label,
  .contact .tc-w {
    color: #000;
  }
  .contact:not(.active) {
    transform: translateY(100%);
  }
  .contact .inBox,
  .contact .inWrap {
    gap: 35px;
    flex-direction: column;
  }
  .contact .cfb {
    width: 50%;
  }
  .contact .cfb input {
    color: #fff;
    padding: 17px 20px 12px 20px;
    font-size: 25px;
    background-color: #000;
  }
}
@media (max-width: 767px) {
  .mobActionsBoxHolder .stdbtn {
    font-size: 18px;
  }
  .wpff-pop-wrap {
    align-items: flex-end !important;
  }
  .wpff-pop-wrap .wpff-pop-box {
    padding-bottom: 10px;
  }
  .wpff-pop-wrap:not(.active) .wpff-pop-box {
    transform: scale(1) translateY(100%);
  }
  .wpff-pop-wrap.active .wpff-pop-box {
    transform: scale(1) translateY(0);
  }
  .wpff-pop-wrap .wpcf7 .cfb {
    width: auto !important;
  }
  .wpff-pop-wrap .wpcf7 .cfb input {
    padding: 15px 33px;
    font-weight: 400;
  }
  .wpff-pop-wrap .wpcf7 .cfb input:not(:hover) {
    background-color: #000 !important;
  }
}