/*
Theme Name: Pakshoma theme
Author: Dokmeh Agency
Author URI: https://www.hidokmeh.com/
Description: Pakshoma Home appliances theme
Version: 1.0.0
Text Domain: dokmeh
*/
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{-ms-scroll-chaining:none;overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}
:root {
  --space: calc(100vw / 12);
  --spaceX: calc(var(--space) * 1);
  --spaceXX: calc(var(--space) * 2);
  --spaceS: calc(var(--space) * 0.5);
  --spaceXS: calc(var(--space) / 8);
  --headerHeight: 5.5rem;
  --spaceY:5.5625rem;
  --spaceHalf: 2.125rem;
  --white:#fff;
  --white60:#ffffffcc;
  --backColor: #F5F6F7;
  --black:#000;
  --blue:#00546E;
  --pale-blue:rgba(0, 84, 107, 0.40);
  --brown:#E6b160;
  --yellow:#EF0;
  --green: #2A3230;
  --lightGreen: #70a087;
  --textColor: #231f20;
  --radius-box: 2.125rem;
  --font-size: 15px;
  --enFont:'Geomatrix', sans-serif;
}
*, ::before, ::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
@media (max-width: 699px) {
  :root {
    --font-size: 15px
  }
}

@media (min-width: 700px) and (max-width: 1024px) {
  :root {
    --font-size: 15px
  }
}

@media (min-width: 1025px) and (max-width: 1199px) {
  :root {
    --font-size: 15px
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --font-size: 15px
  }
}

@media (min-width: 1600px) and (max-width: 1999px) {
  :root {
    --font-size: 17px
  }
}

@media (min-width: 2000px) and (max-width: 2399px) {
  :root {
    --font-size: 19px
  }
}

@media (min-width: 2400px) {
  :root {
    --font-size: 21px
  }
}
::-moz-selection{
  background-color: var(--blue);
  color: var(--white);
}
::selection{
  background-color: var(--blue);
  color: var(--white);
}
::-moz-selection{
  background-color: var(--blue);
  color: var(--white);
}
html{
  min-height: 100%;
  line-height: 1.3;
  color: var(--textColor);
  background-color: var(--backColor);
  font-size: var(--font-size);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: background-color .3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: background-color .3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color .3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  width: 100%;
}
main.wrapper.singleBlogWrapper {
  min-height: 82vh;
}
.grecaptcha-logo {
  display: none !important;
}
.grecaptcha-badge {
  display: none !important;
}
body.hide .goftino-wakeup,
body.scrollingDown .goftino-wakeup {
  opacity: 0;
  pointer-events: none;
}
.goftino-wakeup {
  -webkit-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear;
}
body {
  margin: 0;
  line-height: inherit;
  letter-spacing: 0.00625rem;
}
p,ul li,ol li{
}
html,body,h1,h2,h3,h4,h5,h6,a,p,span,ul li,ol li,input,textarea{
  font-family: var(--enFont);
}
.blur-up {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  transition: filter 0.4s, -webkit-filter 0.4s;
}
.blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  font-family: var(--enFont);
}
*:focus,*:focus-visible{
  outline: none !important;
}
a{
  color: inherit;
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}
span.icon-arrow-btn {
  color: var(--white);
}
img,
video {
  max-width: 100%;
  height: auto;
}
.borderHighlight::before{
  content: '';
  position: absolute;
  background: -o-linear-gradient(330deg, rgba(255,255,255,1), rgba(255,255,255,.5));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, .3));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, .15));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, .15)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, .15));
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  inset: 0;
  padding: 2px;
  pointer-events: none;
}
.text_item{
  font-size: 0.75rem;
  font-weight: 400;
}
.title_item{
  font-size: 3rem;
  font-weight: 600;
  line-height: normal;
}
html[dir="ltr"] .title_item{
  font-size: 2.75rem;
}
.padding-s {
  padding-right: var(--spaceS);
  padding-left: var(--spaceS);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.padding-xs {
  padding-right: var(--spaceXS);
  padding-left: var(--spaceXS);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.padding-x {
  padding-right: var(--spaceX);
  padding-left: var(--spaceX);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.padding-xx {
  padding-right: var(--spaceXX);
  padding-left: var(--spaceXX);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.btn.blueBtn {
  border-radius: 1.875rem;
  background: var(--blue);
  height: var(--hedaderButtonHeight);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  font-size: 0.875rem;
  text-transform: uppercase;
  cursor: pointer;
}
.btn.blueBtn.blueTransparent{
  background: rgba(0, 84, 107, 0.80);
}
.btn.blueBtn img {
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%) scaleX(-1);
  -ms-transform: translateY(-50%) scaleX(-1);
  transform: translateY(-50%) scaleX(-1);
  width: 1.09794rem;
  height: 1.09794rem;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all ease-in-out .35s;
  -o-transition: all ease-in-out .35s;
  transition: all ease-in-out .35s;
}
.btn.blueBtn.noCenter {
  -webkit-column-gap: 1.125rem;
  -moz-column-gap: 1.125rem;
  column-gap: 1.125rem;
  text-align: initial;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: .75rem;
  padding-left: .75rem;
}
.btn.blueBtn span:not([class^="icon-"]) {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.btn.blueBtn [class^="icon-"] {
  position: absolute;
  font-size: .875rem;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%) scaleX(-1);
  -ms-transform: translateY(-50%) scaleX(-1);
  transform: translateY(-50%) scaleX(-1);
  -webkit-transition: all ease-in-out .35s;
  -o-transition: all ease-in-out .35s;
  transition: all ease-in-out .35s;
  color:var(--white);
}
.btn.blueBtn:hover [class^="icon-"] {
  -webkit-transform: translateY(-50%) rotate(45deg) scaleX(-1);
  -ms-transform: translateY(-50%) rotate(45deg) scaleX(-1);
  transform: translateY(-50%) rotate(45deg) scaleX(-1);
}
.btn.blueBtn.noMove:hover [class^="icon-"] {
  -webkit-transform: translateY(-50%)scaleX(-1);
  -ms-transform: translateY(-50%)scaleX(-1);
  transform: translateY(-50%)scaleX(-1);
}

.btn.blueBtn.noCenter span[class^="icon-"] {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  -webkit-transform: translateY(0) scaleX(-1);
  -ms-transform: translateY(0) scaleX(-1);
  transform: translateY(0) scaleX(-1);
}
.btn.blueBtn.noCenter.noMove:hover span[class^="icon-"] {
  -webkit-transform: translateY(0) scaleX(-1);
  -ms-transform: translateY(0) scaleX(-1);
  transform: translateY(0) scaleX(-1);
}
.ctaShadow{
  position: relative;
}
.ctaShadow:after {
  content: "";
  right: .5rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: calc(100% - 1rem);
  width: 1.25rem;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
  background-color: rgba(230, 177, 96, 0.4);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 1rem 1rem rgba(230, 177, 96, 0.4);
  box-shadow: 0 0 1rem 1rem rgba(230, 177, 96, 0.4);
  -webkit-transition: all ease-in-out .35s;
  -o-transition: all ease-in-out .35s;
  transition: all ease-in-out .35s;
}

.ctaShadow:hover:after {
  background-color: rgba(230, 177, 96, 0.7);
  -webkit-box-shadow: 0 0 1.25rem 1.25rem rgba(230, 177, 96, 0.8);
  box-shadow: 0 0 1.25rem 1.25rem rgba(230, 177, 96, 0.8);
}
.btn.transparentBtn {
  background: rgba(245, 246, 247, 0.20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-transition: all ease-in-out .4s;
  -o-transition: all ease-in-out .4s;
  transition: all ease-in-out .4s;
}
.btn.transparentBtn:hover {
  background: rgba(245, 246, 247, 0.40);
}
.btn.transparentBlueBtn{
  background-color: rgba(0,84,110,.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.btn.blueBtn.borderHighlight::before {
  border-radius: 1.875rem;
}
html::-webkit-scrollbar {
  width: 6px;
}
html::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px var(--white);
  box-shadow: inset 0 0 6px var(--white);
}
html::-webkit-scrollbar-thumb {
  background-color: var(--blue);
  outline: 1px solid var(--blue);
  border-radius: 10px;
}
main {
  padding-top: calc(var(--headerHeight)* 1.5);
}
body[data-pagetype="contact"] main{
  padding-top: calc(var(--headerHeight) + var(--spaceXS));
}
[data-pagetype="home"] main{
  padding-top: 0;
}
input:focus-visible {
  outline: none;
}
*,*:focus,*:focus-visible{
  outline: none;
  outline-color: transparent;
}
.h-dvh{
  height: 100dvh;
}
.text-primary {
  color: var(--blue);
}
.text-secondary{
  color: var(--brown);
}
.text-greenColor{
}
.flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.grid{
  display: -ms-grid;
  display: grid;
}
.absolute{
  position: absolute;
}
.block{
  display: block;
}
.relative{
  position: relative;
}
.font-faFont{
  font-family: "AbarLowFaNum", sans-serif;
}
.font-enFont{
  font-family: var(--enFont);
}
.text-white{
  color: var(--white);
}
.fixed{
  position: fixed;
}
.items-center{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.justify-between{
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.justify-center{
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.top-0{
  top: 0;
}
.left-0{
  left: 0;
}
.bottom-0{
  bottom: 0;
}
.size-full{
  width: 100%;
  height: 100%;
}
.object-contain{
  -o-object-fit: contain;
  object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
  object-fit: cover;
}
.flex-col{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.bg-primary{
  background-color: var(--blue);
}
.bg-backColor {
  background-color: var(--backColor);
}
.rounded-full{
  border-radius: 50%;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
.my-spaceY {
  margin-top: var(--spaceY);
  margin-bottom: var(--spaceY);
}
.mb-spaceY {
  margin-bottom: var(--spaceY);
}
.w-full{
  width: 100%;
}
.text-center{
  text-align: center;
}
.skewElem {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 1;
  will-change: transform;
  width: 110%;
  height: 110%;
}


.pakshoma_play_btn{
  position: absolute;
  width: 6.88719rem;
  height: 6.88719rem;
  background-color: rgba(0, 84, 107, .9);
  padding: .25rem;
  border-radius: 50%;
  -webkit-transition: all ease-in-out .35s;
  -o-transition: all ease-in-out .35s;
  transition: all ease-in-out .35s;
  z-index: 1;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  -webkit-box-shadow: 0 0 0 rgba(255, 230, 0, 0.4);
  box-shadow: 0 0 0 rgba(255, 230, 0, 0.4);
  cursor: pointer;
}
.pakshoma_play_btn::before{
  border-radius: 50%;
}
.pakshoma_play_btn > * {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.pakshoma_play_btn .outerObject {
  -webkit-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  pointer-events: none;
}

.pakshoma_play_btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  cursor: pointer;
  pointer-events: none;
}

.pakshoma_play_btn .innerObject {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all ease-in-out .35s;
  -o-transition: all ease-in-out .35s;
  transition: all ease-in-out .35s;
  pointer-events: none;
  width: 1.6rem;
  height: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pakshoma_play_btn .innerObject [class^="icon-"] {
  color: var(--brown);
  font-size: 1.5rem;
}
.pakshoma_play_btn .innerObject img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
  transition: all ease-in-out .5s;
}
.pakshoma_play_btn::after{
  color: rgb(230 177 96);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  height: calc(100% - .5em);
  width: calc(100% - .5em);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
  mix-blend-mode: saturation;
  background-color: rgba(230 ,177 ,96, 0.4);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 1em 1em rgba(230 ,177 ,96, 0.4);
  box-shadow: 0 0 1em 1em rgba(230 ,177 ,96, 0.4);
  -webkit-transition: all ease-in-out .35s;
  -o-transition: all ease-in-out .35s;
  transition: all ease-in-out .35s;
  opacity: 0;
}
.pakshoma_play_btn:hover::after {
  opacity: 1;
}
.pakshoma_play_btn .innerObject img {
  -webkit-transition: all ease-in-out .35s;
  -o-transition: all ease-in-out .35s;
  transition: all ease-in-out .35s;
}
.pakshoma_play_btn:hover .innerObject img {
  -webkit-transform: translate(-50%,-50%) scale(1.15);
  -ms-transform: translate(-50%,-50%) scale(1.15);
  transform: translate(-50%,-50%) scale(1.15);
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.pakshoma_play_btn.borderHighlight::before{
  border-radius: 50%;
}

.defaultForm{
  padding: var(--spaceXS);
  border-radius: 1.09375rem;
  background: rgba(0, 84, 107, 0.20);
  -webkit-box-shadow: 0 4px 4px 0 var(--pale-blue);
  box-shadow: 0 4px 4px 0 var(--pale-blue);
}
.captcha-wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.input.captcha-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.captcha-wrapper button#refresh-captcha {
  cursor: pointer;
}
.captcha-wrapper button#refresh-captcha:disabled {
  cursor: auto;
}
.defaultForm .input.captcha-container label {
  margin: 0;
}
.defaultForm .input {
  margin-bottom: .87rem;
  text-align: left;
}
.defaultForm input[type], .defaultForm textarea ,
button.digits-form_button.digits-form_submit.digits-form_submit-btn {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.35);
  color: var(--textColor);
  font-size: 0.75rem;
  font-weight: 400;
  text-align: left;
  border-radius: 1.09375rem;
  height: 2.0625rem;
  padding: .35em .87rem;
  -webkit-box-shadow: -0.5px -0.5px 0 1px #fff;
  box-shadow: -0.5px -0.5px 0 1px #fff;
}

.defaultForm input[type]::-webkit-input-placeholder, .defaultForm textarea::-webkit-input-placeholder {
  color: var(--pale-blue);
  font-family: var(--enFont);
}
.defaultForm input[type]::-moz-placeholder, .defaultForm textarea::-moz-placeholder {
  color: var(--pale-blue);
  font-family: var(--enFont);
}
.defaultForm input[type]:-ms-input-placeholder, .defaultForm textarea:-ms-input-placeholder {
  color: var(--pale-blue);
  font-family: var(--enFont);
}
.defaultForm input[type]::-ms-input-placeholder, .defaultForm textarea::-ms-input-placeholder {
  color: var(--pale-blue);
  font-family: var(--enFont);
}
.defaultForm input[type]::placeholder, .defaultForm textarea::placeholder {
  color: var(--pale-blue);
  font-family: var(--enFont);
}
.digits-form_container.digits input::-webkit-input-placeholder {
  color:var(--white)
}
.digits-form_container.digits input::-webkit-input-placeholder ,
.digits-form_container.digits input::-moz-placeholder ,
.digits-form_container.digits input::-moz-placeholder ,
.digits-form_container.digits input::-ms-input-placeholder ,
.digits-form_container.digits input::placeholder {
  color:var(--white)
}
.defaultForm textarea {
  height: auto;
}
.defaultForm input[type]:focus-visible, .defaultForm textarea:focus-visible ,
button.digits-form_button.digits-form_submit.digits-form_submit-btn:focus-visible {
  outline: none;
  -webkit-box-shadow:-1px -1px 0 1.5px #fff;
  box-shadow:-1px -1px 0 1.5px #fff;
}
.defaultForm input[type="submit"] ,
button.digits-form_button.digits-form_submit.digits-form_submit-btn{
  background-color: #00546B;
  color: var(--white);
  text-align: center;
  height: 2.1875rem;
  cursor: pointer;
}
.defaultForm .input span.wpcf7-form-control-wrap {
  display: block;
}
.defaultForm .input label{
  color: #00546B;
  font-size: 0.875rem;
  font-weight: 700;
  padding-left: 0.87rem;
  margin-bottom: .35rem;
  display: block;
}
.defaultForm .wpcf7-not-valid-tip {
  font-size: .75rem;
  font-weight: 400;
  margin: 0.25rem 0 0;
  padding-left: 0.87rem;
}
.defaultForm #clear-form {
  display: block;
  text-align: center;
  color: var(--blue);
  cursor: pointer;
  margin-top: 1rem;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 400;
}
.defaultForm .input:has(input[type="submit"]) {
  position: relative;
  cursor: pointer;
}

.defaultForm .wpcf7-spinner {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: none;
  opacity: 1;
  color: var(--white);
  background-color: var(--white);
  border-radius: 1.09375rem;
}
.defaultForm .wpcf7-spinner:before {
  content: 'SENDING ...';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: var(--blue);
  background-color: var(--white);
  text-align: center;
  -webkit-animation: splotlight 1.5s linear infinite;
  animation: splotlight 1.5s linear infinite;
  line-height: 2.4rem;
  margin: auto;
  font-size: 0.75rem;
  font-weight: 700;
  z-index: 1;
  border-radius: 1.09375rem;
  opacity: 0;
}
@-webkit-keyframes splotlight{
  0%{
    opacity:1
  }
  50%{
    opacity:0
  }
  100%{
    opacity:1
  }
}
@keyframes splotlight{
  0%{
    opacity:1
  }
  50%{
    opacity:0
  }
  100%{
    opacity:1
  }
}
.defaultForm form .submitting .wpcf7-spinner{

}
.wpcf7 form .wpcf7-response-output {
  font-size: .85rem;
  text-align: left;
  border-radius: 1rem;
}
.wc-block-components-sidebar-layout {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dig_ma-box input::-webkit-input-placeholder, .dig_ma-box ::-webkit-input-placeholder {
  font-family: var(--enFont) !important;
}
.dig_ma-box input::-moz-placeholder, .dig_ma-box ::-moz-placeholder {
  font-family: var(--enFont) !important;
}
.dig_ma-box input:-ms-input-placeholder, .dig_ma-box :-ms-input-placeholder {
  font-family: var(--enFont) !important;
}
.dig_ma-box input::-ms-input-placeholder, .dig_ma-box ::-ms-input-placeholder {
  font-family: var(--enFont) !important;
}
.digits_secure_modal_box, .digits_ui, .digits_secure_modal_box *, .digits_ui *, .digits_font, .dig_ma-box, .dig_ma-box input, .dig_ma-box input::placeholder, .dig_ma-box ::placeholder, .dig_ma-box label, .dig_ma-box button, .dig_ma-box select, .dig_ma-box * {
  font-family: var(--enFont) !important;
}
#signIn_signUp .defaultForm {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}

#signIn_signUp .defaultForm input[type] {
  background-color: var(--pale-blue);
  color: var(--white);
}

#signIn_signUp .defaultForm input[type="submit"] {
  background-color: #00546B;
}

#signIn_signUp .defaultForm .input:has(input[type="submit"]):after {}
.digits-form_heading, .digits-form_tab-bar .digits-form_tab-item , .digits-form_input label ,.digits-title_color{
  color: var(--blue) !important;
}
.digits-form_countrycode .digits-field-country_flag {
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.5);
  -ms-transform: translateY(-50%) scale(0.5);
  transform: translateY(-50%) scale(0.5);
}

.sos {
  padding: .5rem 1.5rem;
  border-radius: 1.375rem;
  background: rgba(229, 179, 91, 0.80);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25),   0 -1px 0 0.5px #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25),   0 -1px 0 0.5px #fff;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-column-gap: .5rem;
  -moz-column-gap: .5rem;
  column-gap: .5rem;
}
.sos .text {
  display: block;
  text-align: center;
}
.sos .text span:not([class^="icon-"]){
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}
.sos .text span[class^="icon-"]{
  font-size: 2.125rem;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin: 0 auto;
}
.sos .text img{
  width: 2.125rem;
  height: 2.125rem;
}
.sos > span{
  font-size: 4rem;
  font-weight: 700;
  line-height: 100%;
  vertical-align: middle;
  margin-bottom:0;
}

#signIn_signUp ,
.digits-form_page.digits-auto-theme {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 103;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  cursor: pointer;
  -webkit-transition: all ease-in-out .4s;
  -o-transition: all ease-in-out .4s;
  transition: all ease-in-out .4s;
  pointer-events: none;
  opacity: 0;
}
body.opModalContainer #signIn_signUp ,
.digits-form_page.digits-auto-theme{
  opacity: 1;
  pointer-events: auto;
}
.digits-form_page.digits-auto-theme .digits-form_container.digits {
  padding: 0;
  background-color: rgba(255, 255, 255, 0.35);
}
.modalContainer-inner ,
.digits-form_container.digits{
  border-radius: 1.09375rem;
  overflow: hidden;
  cursor: auto;
  max-width: calc(100% - var(--spaceXX));
}

.modalContainer-inner_box ,
.digits-form_wrapper.digits_modal_box.digits2_box{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 2rem 1.0625rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.1875rem;
  border: 1px solid var(--white);
  background: var(--white);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  color: var(--blue);
  margin-right:auto;
  margin-left:auto;
  max-height: 70vh;
  overflow-y: auto;
  border-radius: 1.09375rem;
}
.digits-form_heading, .digits-title_color {
  color: var(--blue);
}
.digits-form_wrapper.digits_modal_box.digits2_box{
  max-height: unset;
  overflow: hidden;
}
.digits-form_heading , .digits-title_color {
  color: var(--blue);
}

#signIn_signUp .logo img {
  width: 13.875rem;
  height: 2.19256rem;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.modalContainer-inner_box::-webkit-scrollbar {
  width: 4px;
}
.modalContainer-inner_box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px var(--white);
  box-shadow: inset 0 0 3px var(--white);
}
.modalContainer-inner_box::-webkit-scrollbar-thumb {
  background-color: var(--blue);
  outline: 1px solid var(--blue);
  border-radius: 10px;
}
#signIn_signUp .text {}

#signIn_signUp .text .links {
  font-size: 0.875rem;
  font-weight: 700;
}

#signIn_signUp .text .label {
  font-size: 0.75rem;
  font-weight: 400;
}
.modalContainer-inner .close {
  position: absolute;
  top: 0;
  left: 0;
  margin: .5rem;
  width: 1.8125rem;
  height: 1.8125rem;
  -o-object-fit: contain;
  object-fit: contain;
  cursor: pointer;
}
span {}

#signIn_signUp .acceptRules {
  font-size: 0.75rem;
  font-weight: 400;
}

#signIn_signUp .acceptRules a {
  text-decoration: underline;
}
.dig_critical_msg .dig_popmessage_contents {
  background: rgba(255, 255, 255, 0.35);
  border-radius: .5rem;
}
.dig_lase_snap {
  font-size: 1rem !important;
}
.dig_lase_message {
  font-size: .9rem !important;
}
.digits_back_icon{
  left: 0;
}
.digits-form_heading {
  font-size: 20px;
}
.digits-form_tab-bar .digits-form_tab-item {
  font-size: 14px;
}
.dig_login_signup_bar ,
.digits-form_input label{
  font-size: 14px;
}
.digits-form_page.digits-auto-theme .digits-form_container.digits input:not(.digits_countrycode.country_code_flag) {
  border: 1px solid var(--pale-blue);
}
.digits-form_page.digits-auto-theme .digits-form_container.digits input.digits_countrycode.country_code_flag::-webkit-input-placeholder{
  color: var(--textColor);
}
.digits-form_input_row .digits-field-type_tac .selected .dig_input_wrapper::after{
  background-image: url("./assets/img/icons8-done.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-mask-image:unset;
  mask-image:unset;
  background-color: var(--white);
}
.digits-fullscreen .digit_cs-list li:first-child {
  margin-top: 0;
}
.digits-form_field_button.digits-form_otp_selector, .digits-form_field_button.digits-form_otp_selector {
  background-color: var(--blue);
  color: var(--white);
  font-size: .9rem;
}
.digits_back_icon {
  left: 0;
  top: -1.5rem;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.dig_critical_msg .dig_popmessage_contents ,
.dig_success_msg .dig_popmessage_contents ,
.dig_notice_msg .dig_popmessage_contents {
  background: var(--white)!important;
  border: 1px solid var(--blue)!important;
  color: var(--blue)!important;
}
.dig_lase_message {
  color: var(--blue)!important;
}
@media (prefers-color-scheme: dark) {
  .dig_critical_msg .dig_popmessage_contents ,
  .dark_theme.dig_critical_msg .dig_popmessage_contents {
    background: var(--white) !important;
    color: var(--blue)!important;
  }
}

section.loadMore{
  margin-top: 2.44rem;
}
.loadMore-container .loadMore-text{
  font-size: 0.625rem;
  font-weight: 400;
  text-align: center;
  color: var(--blue);
  margin-bottom: .5rem;
}
.loadMore-container .loadMore-container {
  width: calc(100% / 3 / 1.8);
  margin-right: auto;
  margin-left: auto;
}

.loadMore-container .loadMore-btn.btn.blueBtn::before {
  border-radius: 1.875rem;
}
.loadMore-btn.btn [class^="icon-"] {
  font-size: 1.45rem !important;
}

#videoModal .close [class^="icon-"] {
  color: var(--brown);
}

.digits-form_tab-bar .digits-form_tab-item {
  color: var(--blue);
}

.digits-form_tab-bar .digits-tab_active {
  border-bottom-color: 1px solid var(--blue);
}

.digits2_box .digits-form_input input, .digits2_box .digits-form_input textarea, .digits2_box .digits-form_input input[type='text'] {
  color: var(--blue);
}

.digits-form_input label {
  color: var(--blue);
}

.digits-form_input_row .digits-field-type_checkbox .dig_input_wrapper::before, .digits-form_input_row .digits-field-type_radio .dig_input_wrapper::before, .digits-form_input_row .digits-field-type_tac .dig_input_wrapper::before, .digits-form_input_row .digits-field-type_checkbox .dig_input_wrapper::after, .digits-form_input_row .digits-field-type_radio .dig_input_wrapper::after, .digits-form_input_row .digits-field-type_tac .dig_input_wrapper::after {
  border: 1px solid var(--blue);
  width: 18px;
  height: 18px;
}
.digits-cancel {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.dig_critical_msg .dig_popmessage_contents ,
.dig_success_msg .dig_popmessage_contents ,
.dig_notice_msg .dig_popmessage_contents{
  background: var(--white);
  border: 1px solid var(--blue);
  color: var(--blue);
}
@media (prefers-color-scheme: dark) {
  .dig_critical_msg .dig_popmessage_contents ,
  .dark_theme.dig_critical_msg .dig_popmessage_contents {
    background: var(--white);
    color: var(--blue);
  }
}

#supportModalContainer {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all ease-in-out .4s;
  -o-transition: all ease-in-out .4s;
  transition: all ease-in-out .4s;
  opacity: 0;
  pointer-events: none;
}
#supportModalContainer.show {
  opacity: 1;
  pointer-events: auto;
}
#supportModalContainer .supportModalOverlay {
  position: absolute;
  background: rgba(255, 255, 255, 0.20);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  cursor: pointer;
}
.supportModalWrapper {
  position: relative;
  width: 35vw;
  z-index: 1;
  border-radius: 1.1875rem;
}
.supportModalWrapper::before {
  border-radius: 1.1875rem;
  z-index: 1;
}
.supportModalWrapper .modalHeader {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: var(--blue);
  border-radius: 1.1875rem 1.1875rem 0 0;
  color: var(--white);
  padding: .56rem 1rem;
}
.supportModalWrapper .modalHeader .title_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: .5rem;
  -moz-column-gap: .5rem;
  column-gap: .5rem;
}
.supportModalWrapper .modalHeader .title_wrap h4 {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
}
.supportModalWrapper .modalBody {
  padding: 1.69rem 1rem;
  background: rgba(217, 217, 217, 0.70);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  border-radius: 0 0 1.1875rem 1.1875rem;
}
.supportModalWrapper .modalHeader #closeSupportBtn {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 0;
}
.supportModalWrapper .modalHeader #closeSupportBtn [class^="icon-"] {
  font-size: .875rem;
}
.supportModalWrapper .modalBody p {
  color: var(--blue);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  margin-bottom: .5rem;
}
.supportModalWrapper .modalBody form {
  padding: 0 .2rem;
}
.supportModalWrapper .modalBody form .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1rem;
}
.supportModalWrapper .modalBody form .input-group label {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  display: block;
  color: var(--blue);
  padding: 0 .87rem;
  margin-bottom: .2rem;
}
.supportModalWrapper .modalBody form .input-group input {
  border-radius: 1.09375rem;
  border: 1px solid var(--white);
  background: rgba(255, 255, 255, 0.35);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: .38rem .78rem;
}
.supportModalWrapper .modalBody form input[type="submit"] {
  width: 100%;
  border-radius: 1.09375rem;
  background: var(--blue);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: var(--white);
  padding: .38rem .78rem;
  margin-top: 2rem;
  cursor: pointer;
}
.supportModalWrapper .form-campaign-message {
  margin-top: 1rem;
  padding: 0 1rem;
  text-align: center;
}
.dig_login_signup_bar span {
  opacity: .75 !important;
}
@media only screen and (max-width: 768px){
  input {
    font-size: 16px !important;
  }
  input::placeholder,
  input::-webkit-input-placeholder,
  input::-moz-placeholder,
  input:-ms-input-placeholder,
  input:-moz-placeholder {
    font-size: .75rem !important;
    opacity: 1;
  }
  :root {
    --spaceXS: 1.25rem;
    --spaceX: 1.25rem;
    --spaceXX: calc(var(--space) / 2);
    --spaceY: 3.75rem;
    --spaceHalf: 1.56rem;
    --radius-box: 1.5625rem;
    --headerHeight:3.5rem
  }
  main {
    min-height: 120vh;
  }
  .title_item,html[dir="ltr"] .title_item{
    font-size: 1.875rem;
  }
  .pakshoma_play_btn{
    width: 4.24994rem;
    height: 4.24994rem;
  }
  .pakshoma_play_btn .innerObject{
    width: 0.89113rem;
    height: 0.89113rem;
  }
  .btn.blueBtn{
    height: 2.25rem;
    font-size: 0.75rem;
  }
  .btn.blueBtn [class^="icon-"] {
    font-size: .875rem;
  }
  .pakshoma_play_btn .innerObject [class^="icon-"] {
    font-size: 1.125rem;
  }
  .sos {
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .sos .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }
  .sos > span {
    font-size: 1.875rem;
  }
  .sos .text span[class^="icon-"] {
    font-size: 1.75rem;
  }
  #signIn_signUp .logo img {
    width: 8.875rem;
    height: 1.19256rem;
  }

  .modalContainer-inner_box {
    gap: 2.1875rem;
  }

  .modalContainer-inner {
    max-width: calc(100% - var(--spaceXX)*4);
  }
  .loadMore-btn.btn [class^="icon-"] {
    font-size: 1.125rem !important;
  }
  .digits_page_visible.dig_popmessage {
    top: 1rem;
  }

  .dig_lasele {
    padding-right: .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .dig_popmessage .dig_firele {
    margin-left: .5rem;
  }


  .dig_popmessage_contents {
    gap: .5rem;
  }
  #box-widget-icon {
    bottom: var(--headerHeight) !important;
    right: var(--spaceX) !important;
    margin-right: 0 !important;
  }
  .supportModalWrapper.borderHighlight {
    width: calc(100vw - var(--spaceX)*2);
  }
  .supportModalWrapper .modalHeader .title_wrap h4 {
    font-size: 1rem;
  }
  .supportModalWrapper .modalBody form input[type="submit"] {
    margin-top: 4rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 768px){
  main {
    min-height: 132vh;
  }
  .pakshoma_play_btn {
    width: 5.24994rem;
    height: 5.24994rem;
  }
  .pakshoma_play_btn .innerObject {
    width: 1rem;
    height: 1rem;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1199px){
  :root{
    --spaceX: calc(var(--space)* 0.75);
    --spaceXX: calc(var(--space)* 0.75);
    --spaceXS: calc(var(--space) / 5);
    --spaceY: 4.5625rem;
    --radius-box: 1.875rem;
  }
  .pakshoma_play_btn {
    width: 5.18719rem;
    height: 5.18719rem;
  }
  .pakshoma_play_btn .innerObject [class^="icon-"] {
    font-size: 1.2rem;
  }
  .pakshoma_play_btn .innerObject {
    width: 1rem;
    height: 1rem;
  }
  .title_item{
    font-size: 2rem;
  }
  .sos {
    border-radius: 1.75rem;
  }
  .sos > span {
    font-size: 3rem;
  }
  .loadMore-container {
    width: 35% !important;
  }
  .loadMore-btn.btn [class^="icon-"] {
    font-size: 1.25rem !important;
  }
  #box-widget-icon {
    bottom: var(--headerHeight) !important;
    right: var(--spaceX) !important;
    margin-right: 0 !important;
  }
  .supportModalWrapper .modalHeader .title_wrap h4 {
    font-size: 1rem;
  }
  .supportModalWrapper {
    width: 50vw;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px){
  :root{
    --spaceY: 4.25rem;
    --spaceXX: calc(var(--space)* 1.5);
  }
  .borderHighlight::before {
    padding: 1px;
  }
  .btn{
    font-size: .75rem;
  }
  .btn.blueBtn {
  }
  .btn.blueBtn img {
    width: .75rem;
    height: .75rem;
  }
  .pakshoma_play_btn {
    width: 6rem;
    height: 6rem;
  }
  .pakshoma_play_btn .innerObject {
    width: 1.15rem;
    height: 1.15rem;
  }
  .title_item{
    font-size: 1.7rem;
  }
  .btn.blueBtn [class^="icon-"]{
    font-size: .75rem;
  }
  .pakshoma_play_btn .innerObject [class^="icon-"] {
    font-size: 1.35rem;
  }
  .sos {
    border-radius:1.75rem
  }
  .sos > span {
    font-size: 2.65rem;
  }
  .loadMore-btn.btn [class^="icon-"]{
    font-size: 1.125rem !important;
  }
  .btn span:not([class^="icon-"]),.btn.blueBtn span:not([class^="icon-"]){
    font-size: .75rem;
  }
  .supportModalWrapper .modalHeader .title_wrap h4 {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px){
  .pakshoma_play_btn {
    width: 5rem;
    height: 5rem;
  }
}
@media only screen and (min-width: 1401px) and (max-width: 1600px){
  :root{
    --spaceY: 5.0625rem;
    --spaceXX: calc(var(--space)* 1.5);
  }
  .btn{
    font-size: .875rem;
  }
  .pakshoma_play_btn .innerObject [class^="icon-"] {
    font-size: 1.4rem;
  }
  .btn.blueBtn {
  }
  .btn.blueBtn img {
    width: .94rem;
    height: .94rem;
  }
  .pakshoma_play_btn {
    width: 7rem;
    height: 7rem;
  }
  .pakshoma_play_btn .innerObject {
    width: 1.2rem;
    height: 1.2rem;
  }
  .title_item{
    font-size: 2.125rem;
  }
  .sos > span {
    font-size: 2.65rem;
  }

  .sos .text span[class^="icon-"] {
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1600px) and (max-height: 850px){
  .btn.blueBtn [class^="icon-"] {
    font-size: .75rem;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1850px) {
  .title_item {
    font-size: 2.5rem;
  }
}