@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//flex.serpira.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.4") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//flex.serpira.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//flex.serpira.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//flex.serpira.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//flex.serpira.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//flex.serpira.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//flex.serpira.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//flex.serpira.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//flex.serpira.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 300;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #83b735;
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: rgb(94,72,153);
	--btn-default-bgcolor-hover: rgb(94,72,153);
	--btn-accented-bgcolor: rgb(94,72,153);
	--btn-accented-bgcolor-hover: rgb(94,72,153);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(242,245,247);
	background-image: none;
}
.page .wd-page-content {
	background-color: rgb(248,243,231);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(248,243,231);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(248,243,231);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1290px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}



.wd-page-title {
background-color: #0a0a0a;
}

html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: 'ravi-vf';
  src: url('https://flex.serpira.com/wp-content/uploads/2025/11/ravi-vf.woff2') format('woff2');
  font-weight: 300 900;
  font-display: swap;
  ascent-override: 100%;
  descent-override: 55%;
  line-gap-override: 0%;
}

a,
p,
span,
h1,
h2,
h3,
h4,
h5,
h6,
body,
li {
  font-family:
    'ravi-vf',
    'Segoe UI',
    -apple-system,
    BlinkMacSystemFont,
    'SamsungOne',
    'MiSans',
    'Roboto',
    'Vazir',
    Arial,
    sans-serif !important;
  font-feature-settings: "ss01"
}

/* Root Begins */
:root {
  /** Font Variable **/
  --oxy-fs0: 10px;
  --oxy-fs1: 11px;
  --oxy-fs2: 12px;
  --oxy-fs3: 13px;
  --oxy-fs4: 14px;
  --oxy-fs5: 15px;
  --oxy-fs6: 16px;
  --oxy-fs7: 17px;
  --oxy-fs8: 18px;
  --oxy-fs9: 19px;
  --oxy-fs10: 20px;
  --oxy-fs11: 21px;
  --oxy-fs12: 22px;
  --oxy-fs13: 23px;
  --oxy-fs14: 24px;
  --oxy-fs15: 25px;
  --oxy-fs16: 26px;
  --oxy-fs17: 27px;
  --oxy-fs18: 28px;
  --oxy-fs19: 29px;
  --oxy-fs20: 30px;
  --oxy-fs21: 31px;
  --oxy-fs22: 32px;
  --oxy-fs23: 33px;
  --oxy-fs24: 34px;
  --oxy-fs25: 35px;
  /** Color Variable **/
  --oxy-main-purple: rgb(94, 72, 153);
  --oxy-main-green: #adf0d6;
  --oxy-white: rgb(255, 255, 255);
  --oxy-gray2: rgb(45, 45, 45);
  --oxy-gray3: rgb(247, 247, 247);
}

/* Root Ends */

/* Utility Begins */

/** Margin and padding Utility Begins **/
body .oxy-margin-tb-50 {margin: 50px 0 50px;}/*d50 t50 m40*/

.oxy-margin-t-100 {margin-top: 100px !important}/*d100 t100 m70*/
.oxy-margin-b-100 {margin-bottom: 100px !important}
.oxy-margin-b-80 { margin-bottom: 80px !important}/*d80 t80 m60*/

.oxy-padd-30 {padding: 30px;}



.oxy-max-width-1290 {
  max-width: 1290px;
  margin: auto;
  padding-left: 15px;
  padding-right: 15px;
}
body .margin-auto{margin: auto;}
/** Layout Utility Ends **/

/**  Fonts Utility Begins **/
.oxy-fw1 {
  font-weight: 300;
}

.oxy-fw2 {
  font-weight: 400;
}

.oxy-fw3 {
  font-weight: 500;
}

.oxy-fw4 {
  font-weight: 600;
}

.oxy-fw5 {
  font-weight: 700;
}

.oxy-fs22 {
  font-size: var(--oxy-fs22);
}

.oxy-fs1 {
  font-size: var(--oxy-fs1);
}

.oxy-fs2 {
  font-size: var(--oxy-fs2);
}

.oxy-fs3 {
  font-size: var(--oxy-fs3);
}

.oxy-fs4 {
  font-size: var(--oxy-fs4);
}

.oxy-fs5 {
  font-size: var(--oxy-fs5);
}

.oxy-fs6 {
  font-size: var(--oxy-fs6);
}

.oxy-fs8 {
  font-size: var(--oxy-fs8);
}

.oxy-fs10 {
  font-size: var(--oxy-fs10);
}

.oxy-fs18 {
  font-size: var(--oxy-fs18);
}

.oxy-fs20 {
  font-size: var(--oxy-fs20);
}

.oxy-fs25 {
  font-size: var(--oxy-fs25);
}

/* d35 t35 m30 */
/**  Fonts Utility Ends **/

/** Color Utility Begins **/
.oxy-purple {
  color: var(--oxy-main-purple);
}

.oxy-gray {
  color: rgb(97, 97, 97);
}

.oxy-gray2 {
  color: var(--oxy-gray2)
}

.oxy-gray3 {
  color: var(--oxy-gray3)
}

.oxy-white {
  color: var(--oxy-white);
}

.oxy-green {
  color: var(--oxy-main-green);
}

/** Color Utility Ends **/

/** back Color Utility Begins **/
.oxy-green-bg {
  background-color: var(--oxy-main-green);
}

.oxy-purple-radi-bg {
  background: radial-gradient(37% 50% at 50% 50%, rgb(94 72 153 / 70%) 0, rgba(140, 201, 56, 0) 100%);
}

.oxy-green-radi-bg {
  background: radial-gradient(37% 50% at 50% 50%, rgb(173 240 214 / 80%) 0, rgba(140, 201, 56, 0) 100%);
}

.oxy-white-radi-bg {
  background: radial-gradient(50% 50% at 50% 50%, rgb(255 255 255 / 80%) 0, rgba(140, 201, 56, 0) 100%);
}

.oxy-purple-bg {
  background-color: var(--oxy-main-purple);
}

.oxy-gray2-bg {
  background-color: rgb(45, 45, 45)
}

.oxy-white-bg {
  background-color: var(--oxy-white);
}

/** back Color Utility Ends **/

.z-index1 {
  z-index: 1;
  position: relative;
}

.aligncenter {
  clear: both;
  display: block;
  text-align: center;
}

/** BTN Utility Begins **/
.oxy-btn-purple {
  background-color: var(--oxy-main-purple);
  border-radius: 40px;
  padding: 12px 20px;
  width: fit-content;
  white-space: nowrap;

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

.oxy-btn-purple2 {
  border-radius: 40px;
  padding: 12px 20px;
  border: 1px solid;
  border-color: var(--oxy-main-purple);
  width: fit-content;
  white-space: nowrap;

  &:hover {
    color: var(--oxy-main-purple);
  }
}

/** BTN Utility Ends **/


/* Utility Ends */





/* Image plug Page Begons */

/** above-the-fold Begins >Image plug Page **/
#product-61 .oxy-green-capsule {
  background-image: url(https:///www.oxyplug.com/wp-content/uploads/assets/image/green-capsule.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: -85px;
  padding-bottom: 49px;
}

@media (max-width: 768px) {
  #product-61 h1 {
    margin-top: 100px;
  }
}

@media (min-width: 769px) {
  #product-61 h1 {
    margin-top: 190px;
  }
}

#product-61 {
  h1 {
    z-index: 1;
  }

  .oxy-plug-price-bt {
    justify-content: space-around;
    width: 100%;
    gap: 20px;
  }
}

.oxy-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 3px 10px -2px #00000030;
}

/*** Header bubbles >Image plug Page ***/
@media (min-width: 769px) {
  .oxy-pr-light {
    background: radial-gradient(20% 20% at 50% 20%,
        rgb(94 72 153 / 70%) 0,
        rgba(140, 201, 56, 0) 100%);
  }

  .oxy-drop {
    position: relative;
    margin: 0;
    width: 100%;

    img {
      width: 100%;
      height: auto;
    }

    .drops {
      position: absolute;
      inset: 0;
      height: 370px;

      .drop1,
      .drop2,
      .drop3 {
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
      }

      .drop1 {
        width: 28px;
        height: 26px;

        &.drop-single1 {
          background-image: url("https://oxyplug.com/wp-content/uploads/assets/icon/single-drop.png");
          bottom: 0;
          left: 17%;
          animation: float 5s infinite ease-in-out;
        }

        &.drop-single2 {
          background-image: url("https://oxyplug.com/wp-content/uploads/assets/icon/single-drop.png");
          top: 8%;
          right: 27%;
          animation: float 5s infinite ease-in-out;
        }

        &.drop-single3 {
          background-image: url("https://oxyplug.com/wp-content/uploads/assets/icon/single-drop.png");
          top: 20%;
          left: 38%;
          animation: float 5s infinite ease-in-out;
        }
      }

      .drop2 {
        width: 11px;
        height: 10px;

        &.drop-single1 {
          background-image: url("https://oxyplug.com/wp-content/uploads/assets/icon/tiny-single-drop.png");
          top: 53%;
          left: 10%;
          animation: float 5s infinite ease-in-out;
        }

        &.drop-single2 {
          background-image: url("https://oxyplug.com/wp-content/uploads/assets/icon/tiny-single-drop.png");
          top: 28%;
          left: 60%;
          animation: float 5s infinite ease-in-out;
        }
      }

      .drop3 {
        width: 57px;
        height: 37px;

        &.drop-double1 {
          background-image: url("https://oxyplug.com/wp-content/uploads/assets/icon/double-drop.png");
          bottom: 3%;
          right: 16%;
          animation: rotate 30s infinite linear;
        }

        &.drop-double2 {
          background-image: url("https://oxyplug.com/wp-content/uploads/assets/icon/double-drop.png");
          top: 15%;
          left: 20%;
          animation: rotate 30s infinite linear;
        }

        &.drop-double3 {
          background-image: url("https://oxyplug.com/wp-content/uploads/assets/icon/double-drop.png");
          top: 40%;
          right: 14%;
          animation: rotate2 30s infinite linear;
        }
      }
    }
  }

  @keyframes float {
    0% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(15px);
    }

    100% {
      transform: translateY(0);
    }
  }

  @keyframes rotate {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes rotate2 {
    0% {
      transform: rotate(360deg);
    }

    100% {
      transform: rotate(0deg);
    }
  }
}

/*** laptop slider >Image plug Page ***/
#comparison-wrap {
  padding: 0 30px;
  display: flex;
  justify-content: center;

  &,
  * {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
}

#comparison-content {
  max-width: 768px;
  position: relative;
  display: flex;
  align-items: center;
}

.moving-text {
  font-size: 6px;
  fill: var(--oxy-white);
  word-spacing: 8px;
  transform-origin: center;
  animation: rotate 10s linear infinite;
  transition: opacity 0.3s;
}

#knob {
  cursor: col-resize;
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 94%;

  &::before,
  &::after {
    content: '';
    display: inline;
    background: #ADF0D6AA;
    width: 1px;
    height: 30%;
    position: absolute;
    left: calc(50% - 2px);
    filter: blur(0.3px);
  }

  &::before {
    top: 3.3%;
    height: 38%;
  }

  &::after {
    bottom: 2.3%;
    height: 38%;
  }

  &:hover .moving-text {
    animation-play-state: paused;
  }

  @media (min-width: 769px) {
    width: 20%;

    &::before {
      top: 8%;
      height: 33%;
    }

    &::after {
      bottom: 12%;
      height: 29%;
    }
  }

  @media (max-width: 768px) {
    width: 25%;
  }
}

#img-2 {
  position: absolute;
  left: 1.7%;
  top: 2.8%;
  height: 94.5%;
  background-image: url("https://www.oxyplug.com/wp-content/uploads/assets/image/mobile-after.png");
  background-repeat: no-repeat;
  background-size: cover;

  @media (min-width: 769px) {
    top: 2.6%;
    left: 10.1%;
    width: 79.9%;
    height: 85.9%;
    background-image: url("https://www.oxyplug.com/wp-content/uploads/assets/image/desktop-after.png");
  }
}

#notch {
  display: none;

  @media (min-width: 769px) {
    display: block;
    background: #414141;
    position: absolute;
    top: 2%;
    left: calc(50% - 38px);
    z-index: 10;
    width: 77px;
    height: 17px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}

#total-saving {
  position: absolute;
  right: 2%;
  top: 22px;
  color: #fff;
  background: #5e4899cc;
  padding: 3px 8px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: right;
  z-index: 1;

  span {
    display: block;
  }

  @media (min-width: 769px) {
    top: 70%;
    right: 10%;
  }
}

#original-image {
  position: absolute;
  left: 0px;
  bottom: 15px;
  color: var(--oxy-white);
  padding: 5px 15px;

  span {
    display: block;
  }

  @media (min-width: 769px) {
    bottom: 80%;
    left: 13%;
    border: 1px solid var(--oxy-white);
    border-radius: 30px;
    z-index: 1;
    overflow: hidden;
    padding: 5px 20px;

    &::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: -1;
      backdrop-filter: blur(4px);
    }
  }
}

#oxyplug-image {
  position: absolute;
  right: 0px;
  bottom: 15px;
  color: var(--oxy-main-green);
  padding: 5px 15px;

  span {
    display: block;
  }

  &::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    backdrop-filter: blur(4px);
    background:
      rgba(255, 255, 255, 0.2) url(https://www.oxyplug.com/wp-content/uploads/assets/icon/oxyplug-capusle.png) no-repeat 13px center;
  }

  @media (min-width: 769px) {
    top: 45px;
    border: 1px solid var(--oxy-main-green);
    border-radius: 30px;
    z-index: 1;
    overflow: hidden;
    right: 13%;
    padding: 5px 15px 5px 58px;
    height: 49px;
  }
}

.oxy-total {
  @media (max-width: 768px) {
    font-size: var(--oxy-fs2);
  }

  @media (min-width: 769px) {
    font-size: var(--oxy-fs4);
  }
}

.oxy-total-percent {
  @media (max-width: 768px) {
    font-size: var(--oxy-fs2);
  }

  @media (min-width: 769px) {
    font-size: var(--oxy-fs10);
  }
}

/* --- shared animation --- */

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* --- laptop before/after block --- */

#image-before-and-after-comparison {
  position: relative;
  width: 657px;
  height: 427px;
  margin: 0 auto;
  user-select: none;

  img {
    max-width: unset;
  }

  .image-wrap {
    &:nth-of-type(1) {
      width: 100%;
      display: inline-block;
    }

    &:nth-of-type(2) {
      width: 30%;
      overflow: hidden;
      position: absolute;
      left: 0;
      top: 0;
    }
  }

  .knob-wrap {
    position: relative;
    width: 657px;
    height: 427px;
    margin-top: -11.4%;

    .knob {
      background: rgb(173 240 214 / 50%);
      width: 70px;
      height: 70px;
      position: absolute;
      top: 50%;
    }
  }
}

/* laptop badges / boxes */

.oxy-original-box,
.oxy-optimizer-box {
  padding: 5px 15px;
  background-color: rgb(255 255 255 / 10%);
  backdrop-filter: blur(4px);
}

.oxy-optimizer-box {
  display: flex;
  align-items: center;
}

.oxy-original-box p,
.oxy-optimizer-box p,
.oxy-laptop-bottom-box p {
  margin-bottom: 0;
}

.oxy-laptop-bottom-box {
  display: inline-block;
  background-color: hsl(256deg 36% 44% / 60%);
  margin-top: -112px;
  z-index: auto;
  position: absolute;
  right: 0;
  padding: 10px;
  text-align: right;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
}

/** above-the-fold Ends >Image plug Page **/

/** statistics Begins >Image plug Page **/
.oxy-optimized-num {
  font-size: clamp(45px, 10vw, 80px);
}

@media (min-width:769px) {
  body .oxy-middle-bubble {
    margin-top: 80px;
  }
}

.oxy-bubble-texts {
  padding: 48px 38px 38px 38px;
  text-align: center;
  background-image: url(https://www.oxyplug.com/wp-content/uploads/assets/image/white-bubble-bg.png);
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.oxy-statistics-inner {
  min-height: 510px;
  z-index: 1;
  position: relative;
}

.oxy-statistics {
  gap: 50px;
  display: flex;
  flex-direction: column;
}


/** statistics Ends >Image plug Page **/

/** oxyplug plugin advantages Begins >Image plug Page **/
.oxy-statistics__bor-right {
  border-radius: 0 270px 270px 0;
  padding-right: 100px;
}

/* d270 t270 m108 */
.oxy-statistics__bor-left {
  border-radius: 270px 0 0 270px;
  padding-left: 100px;
}

/* d270 t270 m108 */
/*** picture element >Image plug Page ***/

.oxy-picture-element-full {
  &::before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    width: 50vw;
    height: 100%;
    background-color: var(--oxy-gray2);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
  }
}


/*** modern image formats >Image plug Page ***/
.oxy-modern-format-full {
  position: relative;
  z-index: 1;
}

.oxy-modern-format::before {
  content: "";
  position: absolute;
  top: 0;
  right: -50%;
  width: 50vw;
  height: 100%;
  background-color: var(--oxy-main-green);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

.wp-block-group.oxy-modern-format-full {
  margin-top: var(--oxy-margin2);
}

/*** dpr >Image plug Page ***/

.oxy-dpr-full {
  position: relative;
  z-index: 1;
}

.wp-block-group.oxy-dpr-full {
  margin-top: var(--oxy-margin2);
}

.oxy-dpr-full::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 50vw;
  height: 100%;
  background-color: var(--oxy-main-purple);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

/*** save space  >Image plug Page ***/
.oxy-save-space-full {
  position: relative;
  z-index: 1;
  box-shadow: -1px 0 9px -5px #00000036;
}

.wp-block-group.oxy-save-space-full {
  margin-top: var(--oxy-margin2);
}

.oxy-save-space-full::before {
  content: "";
  position: absolute;
  top: 0;
  right: -50%;
  width: 50vw;
  height: 100%;
  background-color: var(--oxy-white);
  z-index: -1;
}

/** oxyplug plugin advantages Ends >Image plug Page **/



/** image quality Begins  >Image plug Page **/



body .oxy-leaf-contain {
  display: flex;
  overflow-x: auto;
  gap: 25px;
  padding-bottom: 8px;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;

  .oxy-leaf-inner {
    position: relative;
    display: inline-block;
  }


  .oxy-leaf-inner img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 45px;
  }

  .oxy-leaf-inner-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: white;
    display: flex;
    align-items: center;
    background-color: rgb(255 255 255 / 20%);
    justify-content: space-around;
    backdrop-filter: blur(14px);
    border-radius: 45px 45px 0 0;
    height: 10%;
  }
}

.oxy-leaf-contain {
  .oxy-jpg {
    margin-top: 150px;
  }

  .oxy-avif {
    margin-top: 0;
  }

  .oxy-webp {
    margin-top: 50px;
  }
}

/** image quality Ends >Image plug Page **/

/** faq Begins >Image plug Page **/
.oxy-faq {
  background-color: rgb(255 255 255 / 50%);
  border-radius: 28px;
}

.oxy-accordion {
  color: var(--oxy-gray2);
  cursor: pointer;
  padding: 40px;
  width: 100%;
  border: none;
  text-align: right;
  outline: none;
  font-size: var(--oxy-fs10);
  transition: 0.4s;
  position: relative;
}

.oxy-accordion::before {
  content: '\002B';
  color: var(--oxy-gray);
  font-weight: bold;
  float: right;
  margin-right: 15px;
  right: -10px;
  position: relative;
}

.active::before {
  content: "\2212";
  float: right;
  margin-right: 15px;
  color: var(--oxy-gray);
  font-weight: bold;
}

.oxy-panel {
  padding: 0 40px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-size: var(--oxy-fs8);
  font-weight: var(--oxy-fw1);
}

.oxy-faq-sec-p {
  font-size: var(--oxy-fs16);
  font-weight: var(--oxy-fw1);
  color: var(--oxy-gray2);

}

/** faq Ends >Image plug Page **/



/** pricing tables Begins >Image plug Page **/

.oxy-image-pricing {
  padding: 70px 45px;
  border-radius: 88px;

}

.oxy-free-premium {
  margin-bottom: 0;
}

.oxy-price {
  margin-top: 0;
}


.oxy-pricing-box {
  border-radius: 30px;

  a {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}

.oxy-price-desc {
  text-align: center;
}

.oxy-price-value-old {
  position: relative;
  display: inline-block;
}

.oxy-price {
  margin-bottom: -8px !important;
}

.oxy-price-value-old::after {
  content: "";
  position: absolute;
  left: -5%;
  right: -5%;
  top: 50%;
  height: 2px;
  background: rgba(123, 123, 123, 0.4);
  /* قرمز کم‌رنگ */
  transform: rotate(-6deg);
  transform-origin: center;
}

.oxy-price-free {
  min-height: 96px;
}

.oxy-image-free-features li.oxy-disable-feature::before {
  content: "";
  background-image: url(https://oxyplug.com/wp-content/uploads/assets/icon/close-circle.svg);
  background-size: auto;
  position: absolute;
  padding: 12px;
  cursor: pointer;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  right: -30px;
      top: 6%;
    transform: translateY(50%);
}

.oxy-image-free-features li::before {
content: "";
    background-image: url(https://oxyplug.com/wp-content/uploads/assets/icon/green-tick-circle.svg);
    background-size: auto;
    position: absolute;
    padding: 12px;
    cursor: pointer;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    right: -30px;
    top: 6%;
    transform: translateY(50%);
  }


.oxy-image-premium-features li::before {
content: "";
    background-image: url(https://oxyplug.com/wp-content/uploads/assets/icon/green-tick-circle.svg);
    background-size: auto;
    position: absolute;
    padding: 12px;
    cursor: pointer;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    right: -30px;
    top: 6%;
    transform: translateY(50%);
}
.oxy-image-pricing li{
  &::marker{content: "";}
  position: relative;
}

.oxy-image-free-features li, .oxy-image-premium-features li {
    list-style-type: none;
    line-height: 4rem;
    border-bottom: 1px solid var(--oxy-white);
    width: 90%;
}
.oxy-image-pricing {
  background-color: rgb(235, 230, 250);
}
/** pricing tables Ends >Image plug Page **/

/* Header Begins */
.whb-main-header {
padding: 30px 15px 0 15px;;
background-color: rgb(248,243,231);
}
.whb-sticked .whb-main-header{padding: 15px 15px 0 15px;
background: unset;
	.whb-row{
box-shadow: 0px 1px 18px 0px #00000020;
}
}

.whb-row.whb-general-header{
	position:relative;
    max-width: 1290px;
    margin: auto;
    border-radius: 64px;
	&::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(272deg, rgb(94 72 153 / 5%) 6.28%, #adf0d6 101.14%);
    border-radius: 36px;
    z-index: -1;
}
}
img.default-logo {
    max-height: 37px;
    width: auto;
}
div.whb-col-center ul a {
font-weight: 400;
font-size: var(--oxy-fs4);
line-height: 1.3;
color: var(--oxy-gray2);
	&:hover{color: var(--oxy-gray);}
}
nav.wd-header-nav {
    display: flex;
	margin-right:30px;
}
.whb-col-right .wd-header-text {
    width: 100%;
    background-color: var(--oxy-main-green);
    border-radius: 56px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 20px;
}



span.bst-user-name {
    font-size: 18px;
    font-weight: 500;
    color: #5e2ebf;
    white-space: nowrap;
}

img.avatar.avatar-46.photo.bst-menu-avatar.avatar-user {
    border-radius: 28px;
}
.bst-user-menu-inner{
	    display: flex;
    align-content: center;
    align-items: center;
    gap: 13px;
	    color: #5E4899;
    font-weight: 500;
    font-size: 14px;
img.arraow-login {
    background-color: #fff;
    border-radius: 50%;
    padding: 9px;
    width: 43px;
    height: 43px;
    object-fit: contain;
}}
.wd-tools-element>a[aria-label="Search"] {
    border-radius: 50%;
    box-shadow: 0 0 0 2px #ADF0D6;
    width: 43px;
    height: 43px;
}
.wd-header-search.wd-tools-element{
    padding-left: 20px;
    margin-left: 20px;
    border: solid var(--oxy-main-green);
    border-width: 0 0 0 2px;
}
.wd-tools-element .wd-tools-icon {
    color: var(--oxy-main-purple);
}
/* Header Ends */
/* Footer Begins */
.footer-container {
  text-align: center;
  color: var(--oxy-gray2);
	& p{text-align: right;}
}
.footer-title{
	position:relative;
  margin: 0 0 24px;
  padding-bottom: 14px;
  display: block;
&::after {
        content: "";
        position: absolute;
        right: 10px;
        bottom: 0;
        width: 92%;
        border-bottom: 1px solid var(--oxy-gray2);
        left: 0;
	}}
.footer-column.wd-grid-col {
    max-width: 240px;
    width: 240px;
}
.footer-column-1{min-width:400px;}
.wd-grid-g {
    justify-items: center;
}

/* Footer Ends */

/*  License CID and LID IN Checkout Begins */
.dlm-lic-copied {
  color: #0a9f6c;       
  font-weight: 600;
}


.dlm-copy-msg {
  margin-top: 6px;
  font-size: 12px;
  color: #0a9f6c;
  opacity: 0;
  transition: opacity 0.2s;
}

.dlm-copy-msg--visible {
  opacity: 1;
}
.dlm-myaccount-license-key > .dlm-myaccount-license-key-action:hover {
 background-image: unset; 
 color: Unset; 
}
.dlm-lic-cid, .dlm-lic-lid {
    font-size: 19px;
    margin-bottom: 14px;
}
/* License CID and LID IN Checkout End */
@media (min-width: 577px) and (max-width: 767px) {
	.oxy-statistics__bor-right {border-radius: 0 108px 108px 0; padding: 50px 30px 50px 0;} /* d270 t270 m108 */
.oxy-statistics__bor-left {border-radius: 108px 0 0 108px ;padding: 50px 0 50px 30px;} /* d270 t270 m108 */
}

@media (max-width: 576px) {
	.oxy-fs25 { font-size: var(--oxy-fs20); }/* d35 t35 m30 */

/** Margin and padding Utility Begins **/
body .oxy-margin-tb-50{margin: 40px 0 40px;} /*d50 t50 m40*/
.oxy-margin-t-100{margin-top: 80px !important} /*d100 t100 m70*/


.oxy-margin-b-80{margin-bottom: 60px !important} /*d80 t80 m60*/

.oxy-statistics__bor-right {border-radius: 0 108px 108px 0; padding: 50px 30px 50px 0;} /* d270 t270 m108 */
.oxy-statistics__bor-left {border-radius: 108px 0 0 108px ;padding: 50px 0 50px 30px;} /* d270 t270 m108 */

.oxy-statistics h2{text-align: center;}
.oxy-leaf {
    flex: 0 0 210px !important;           
    max-width: 210px;
    scroll-snap-align: start;
	.oxy-leaf-inner{width:100%}
	}

.footer-column.wd-grid-col {
    max-width: 100%;
    width: 100%;
}

}