/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}


.mfp-image-holder .mfp-close, 
.mfp-iframe-holder .mfp-close { 
  width: 40px; height: 40px; padding: 10px; display: flex; align-items: center; justify-content: center;  transform: none; top: -10px; right: 0;
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.wdt-before-after-slider-container {
  position: relative;
  width: 100%;
  max-width: 974px;
  height: 624px;
  border: 0px solid white;
  overflow: hidden;
}

.wdt-before-after-slider-container .wdt-img:not(div[data-widget-type="wdt-advanced-before-after-slider.default"]) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 900px 100%;
  overflow: hidden;
}
.wdt-img.wdt-foreground-img .wdt-before-after-slider-span-before {transform: translateY(-50%) rotate(90deg);-webkit-transform: translateY(-50%) rotate(90deg);}

.wdt-before-after-slider-container .background-img {
  background-image: url(https://i.imgur.com/s08MkXC.jpg);
}

.wdt-before-after-slider-container .foreground-img {
  background-image: url(https://i.imgur.com/PfIWek4.jpg);
  width: 50%;
}


.wdt-background-img img {
  height: inherit;
  object-fit: cover;
  width: 100%;
  object-position: left center;
}

.wdt-foreground-img img {

  width: auto;
  height: 100%;
  object-fit: cover;
  object-position: left center;

}

.wdt-before-after-slider-container .wdt-before-after-sliders {
  position: absolute;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  background: transparent;
  outline: none;
  margin: 0;
  transition: all 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border-width: 0;
}

.wdt-before-after-slider-container .wdt-before-after-sliders:hover {
  background: transparent;
}

.wdt-before-after-slider-container .wdt-before-after-sliders::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 3px;
  min-height: 960px;
  background: white;
  cursor: pointer;
}

.wdt-before-after-slider-container .wdt-before-after-sliders::-moz-range-thumb {
  width: 3px;
  height: 100%;
  min-height: 624px;
  background: white;
  cursor: pointer;
}

.wdt-before-after-slider-container .wdt-slider-button {
  pointer-events: none;
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: white;
  transform: translateX(-38px) translateY(-50%);
  -webkit-transform: translateX(-38px) translateY(-50%);
  left: calc(50% - 0px);
  top: calc(50% - 0px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(var(--wdtFontSize_Base) - 4px);
  font-weight: var(--wdtFontWeight_Ext);
  letter-spacing: calc(var(--wdtLetter_spacing_btn) + 1px);
  text-transform: uppercase;
  color: var(--wdtLinkHoverColor);
}

.wdt-before-after-slider-container:hover .wdt-slider-button,
.wdt-before-after-slider-container .wdt-slider-button:focus {
  background-color: var(--wdtLinkHoverColor);
  color: var(--wdtAccentTxtColor);
}

.wdt-before-after-slider-span-after {
  font-size: var(--wdtFontSize_H5);
  font-weight: var(--wdtFontWeight_H4);
  text-transform: uppercase;
  letter-spacing: 4px;
  position: absolute;
  color: var(--wdtPrimaryColor);
  transform: translateY(-50%) rotate(-90deg);
  -webkit-transform: translateY(-50%) rotate(-90deg);
  top: 50%;
  right: 0;
}

.wdt-before-after-slider-span-before {
  font-size: var(--wdtFontSize_H5);
  font-weight: var(--wdtFontWeight_H4);
  text-transform: uppercase;
  letter-spacing: 4px;
  position: absolute;
  color: var(--wdtPrimaryColor);
  transform: translateY(-50%) rotate(-90deg);
  -webkit-transform: translateY(-50%) rotate(-90deg);
  top: 50%;
  left: 0;
}

.wdt-before-after-slider-container .wdt-slider-button:after {
  content: "";
  padding: 3px;
  display: inline-block;
  border: solid #5D5D5D;
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg);
  opacity: 0;
  display: none;
}

/* .wdt-before-after-slider-container .wdt-slider-button:before {
  content: "";
  padding: 3px;
  display: inline-block;
  border: solid #5D5D5D;
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
  opacity: 0;
} */

.wdt-custom-befr-aftr-slider .swiper-slide.swiper-slide-active {
  clip-path: inset(0 -25%);
  transition: all 0.3S linear;
  z-index: 5;
}
.wdt-custom-befr-aftr-slider .swiper-slide.swiper-slide-active .wdt-content-item {
    width: 150%;
    left: -25%;
}
.wdt-custom-befr-aftr-slider .swiper-slide {
  clip-path: inset(16% 0);
  transition: all 0.3S linear;
}

/* Custom Styles */
.wdt-custom-befaftr-slide-hom-2 .wdt-before-after-slider-container {
  height: 540px;
}
@media only screen and (max-width: 479px) {
  .wdt-custom-befaftr-slide-hom-2 .wdt-before-after-slider-container {height: 500px;}
}

body.rtl .wdt-before-after-slider-container .wdt-before-after-sliders {
  transform: rotateY(180deg);
}
/* Columns */
.wdt-column-holder .wdt-column-wrapper { width: auto; }
.wdt-column-wrapper { display: flex; flex-wrap: wrap; }
.wdt-column-wrapper .wdt-column { margin: 0; }

.wdt-column-wrapper.wdt-column-gap-default { margin: 0 -10px; }
.wdt-column-wrapper.wdt-column-gap-narrow { margin: 0 -5px; }
.wdt-column-wrapper.wdt-column-gap-extended { margin: 0 -15px; }
.wdt-column-wrapper.wdt-column-gap-wide { margin: 0 -20px; }
.wdt-column-wrapper.wdt-column-gap-wider { margin: 0 -30px; }

.wdt-column-wrapper.wdt-column-gap-default .wdt-column { padding: 10px; }
.wdt-column-wrapper.wdt-column-gap-no .wdt-column { padding: 0; }
.wdt-column-wrapper.wdt-column-gap-narrow .wdt-column { padding: 5px; }
.wdt-column-wrapper.wdt-column-gap-extended .wdt-column { padding: 15px; }
.wdt-column-wrapper.wdt-column-gap-wide .wdt-column { padding: 20px; }
.wdt-column-wrapper.wdt-column-gap-wider .wdt-column { padding: 30px; }


/* Responsive */

@media only screen and (max-width: 767px) {

    .wdt-column-holder .wdt-column-wrapper { width: auto !important; }

}
.wdt-content-item .wdt-content-counter { color: var(--wdt-elementor-color-secondary); display: inline-flex; align-items: center; justify-content: center; font-size: 1.5em; font-weight: bold; -webkit-transition: var(--wdt-elementor-base-transition); transition: var(--wdt-elementor-base-transition); }
.wdt-content-item .wdt-content-counter > *:not(:last-child) { margin-right: 2px; }


/* Default Template */
.wdt-counter-holder.wdt-rc-template-default .wdt-content-item { text-align: center; }

.wdt-counter-holder.wdt-rc-template-default .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { background-color: rgba(var(--wdt-elementor-color-accent-rgb),0.85); color: var(--wdt-elementor-color-white); font-size: 30px; height: 75px; width: 75px; -webkit-border-radius: 3px; border-radius: 3px; }

.wdt-counter-holder.wdt-rc-template-default .wdt-content-item .wdt-content-counter { font-size: 2em; line-height: 1.2; }

.wdt-counter-holder.wdt-rc-template-default .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span { background-color: var(--wdt-elementor-color-accent); -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 10px 10px -10px rgba(var(--wdt-elementor-color-secondary-rgb), 0.5); box-shadow: 0 10px 10px -10px rgba(var(--wdt-elementor-color-secondary-rgb), 0.5); -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.wdt-counter-holder.wdt-rc-template-default .wdt-content-item .wdt-content-separator.separator-1:last-child { margin-top: 0; }
.wdt-counter-holder.wdt-rc-template-default .wdt-content-item:hover .wdt-content-separator.separator-1 span { -webkit-transform: scaleX(1.25); transform: scaleX(1.25); }

.wdt-counter-holder.wdt-rc-template-default .wdt-content-item .wdt-content-detail-group .wdt-content-title h5 { font-weight: 600; }

/* Icon Aside Content Template */
.wdt-counter-holder.wdt-rc-template-icon-aside-content .wdt-content-item { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }
.wdt-counter-holder.wdt-rc-template-icon-aside-content .wdt-content-item > * { margin: 10px !important; }
.wdt-counter-holder.wdt-rc-template-icon-aside-content .wdt-content-item .wdt-content-media-group { display: inline-flex; }
.wdt-counter-holder.wdt-rc-template-icon-aside-content .wdt-content-item .wdt-content-detail-group { display: inline-flex; flex-wrap: wrap; flex: 2 1 0; overflow-wrap: anywhere; }

.wdt-counter-holder.wdt-rc-template-icon-aside-content .wdt-content-item .wdt-content-detail-group > div:first-child { margin-top: -10px; }
.wdt-counter-holder.wdt-rc-template-icon-aside-content .wdt-content-item .wdt-content-counter-wrapper:first-child { margin-bottom: 10px; }

.wdt-counter-holder.wdt-rc-template-icon-aside-content .wdt-content-item .wdt-content-counter-wrapper .wdt-content-counter { font-size: 2em; }

.wdt-counter-holder.wdt-rc-template-icon-aside-content .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon > span { background-color: var(--wdt-elementor-color-white); color: var(--wdt-elementor-color-accent); border: 1px solid rgba(var(--wdt-elementor-color-secondary-rgb),0.1); font-size: 24px; height: 60px; width: 60px; -webkit-border-radius: 50%; border-radius: 50%; }
.wdt-counter-holder.wdt-rc-template-icon-aside-content .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon > span { background-color: var(--wdt-elementor-color-accent); color: var(--wdt-elementor-color-white); }


/* Icon Aside Counter Template */
.wdt-counter-holder.wdt-rc-template-icon-aside-counter .wdt-content-item { justify-content: start; text-align: start; }
.wdt-counter-holder.wdt-rc-template-icon-aside-counter .wdt-content-item > .wdt-content-detail-group,
.wdt-counter-holder.wdt-rc-template-icon-aside-counter .wdt-content-item > .wdt-content-detail-group > .wdt-content-group { justify-content: inherit; text-align: inherit; }

.wdt-counter-holder.wdt-rc-template-icon-aside-counter .wdt-content-item .wdt-content-elements-group.wdt-content-group { display: inline-flex; flex-wrap: wrap; align-items: center; margin-left: -10px; margin-right: -10px; margin-bottom: 10px; }
.wdt-counter-holder.wdt-rc-template-icon-aside-counter .wdt-content-item .wdt-content-elements-group.wdt-content-group > * { margin: 10px; }

.wdt-counter-holder.wdt-rc-template-icon-aside-counter .wdt-content-item .wdt-content-icon-wrapper { display: inline-flex; }
.wdt-counter-holder.wdt-rc-template-icon-aside-counter .wdt-content-item .wdt-content-icon-wrapper span { color: rgba(var(--wdt-elementor-color-accent-rgb),0.85); height: 45px; -webkit-border-radius: 50%; border-radius: 50%; }

.wdt-counter-holder.wdt-rc-template-icon-aside-counter .wdt-content-item:hover .wdt-content-icon-wrapper span { background-color: var(--wdt-elementor-color-accent); color: var(--wdt-elementor-color-white); font-size: 24px; width: 45px; transition-timing-function: cubic-bezier(.25,.75,.5,1.25); }

.wdt-counter-holder.wdt-rc-template-icon-aside-counter .wdt-content-item .wdt-content-counter-wrapper { display: inline-flex; flex-wrap: wrap; }
.wdt-counter-holder.wdt-rc-template-icon-aside-counter .wdt-content-item .wdt-content-counter { font-size: 36px; }
.wdt-counter-holder.wdt-rc-template-icon-aside-counter .wdt-content-item .wdt-content-elements-group.wdt-content-group + .wdt-content-subtitle { margin-top: -10px; }


/* Minimal Template */
.wdt-counter-holder.wdt-rc-template-minimal .wdt-content-item { background-color: rgba(var(--wdt-elementor-color-accent-rgb),0.1); display: inline-block; padding: 15px; text-align: center; width: 100%; }

.wdt-counter-holder.wdt-rc-template-minimal .wdt-content-item .wdt-content-media-group { margin-bottom: 0; }
.wdt-counter-holder.wdt-rc-template-minimal .wdt-content-item .wdt-content-media-group,
.wdt-counter-holder.wdt-rc-template-minimal .wdt-content-item .wdt-media-group { margin-left: -15px; margin-right: -15px; padding-left: inherit; padding-right: inherit; }

.wdt-counter-holder.wdt-rc-template-minimal .wdt-content-item .wdt-media-group { background-color: transparent !important; margin-top: -15px; overflow: hidden; padding-top: 35px; padding-bottom: 35px; position: relative; z-index: 0; }

.wdt-counter-holder.wdt-rc-template-minimal .wdt-content-item .wdt-media-group:before { color: var(--wdt-elementor-color-accent); content: ""; height: 100%; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; -webkit-box-shadow: 0 10px 0 0 currentColor inset; box-shadow: 0 10px 0 0 currentColor inset; -webkit-transition: inherit; transition: inherit; }

.wdt-counter-holder.wdt-rc-template-minimal .wdt-content-item .wdt-content-counter-wrapper { margin-bottom: 0; }
.wdt-counter-holder.wdt-rc-template-minimal .wdt-content-item .wdt-content-counter { font-size: 3em; line-height: 1.2; -webkit-transform: translateY(25%); transform: translateY(25%); }

.wdt-counter-holder.wdt-rc-template-minimal .wdt-content-item .wdt-content-separator.separator-1 { margin-bottom: 35px; -webkit-transform: translateY(-100%); transform: translateY(-100%); }

.wdt-counter-holder.wdt-rc-template-minimal .wdt-content-item .wdt-content-title h5 { font-size: 1.1em; font-weight: 600; text-transform: uppercase; }

.wdt-counter-holder.wdt-rc-template-minimal .wdt-content-item .wdt-content-detail-group { margin-bottom: 25px; }


.wdt-counter-holder.wdt-rc-template-minimal .wdt-content-item:hover { background: rgba(var(--wdt-elementor-color-accent-rgb),0.2); }
.wdt-counter-holder.wdt-rc-template-minimal .wdt-content-item:hover .wdt-media-group:before { -webkit-box-shadow: 0 1px 0 0 currentColor inset, 0 -20em 0 0 currentColor inset; box-shadow: 0 1px 0 0 currentColor inset, 0 -20em 0 0 currentColor inset; }

.wdt-counter-holder.wdt-rc-template-minimal .wdt-content-item:hover .wdt-content-counter { color: var(--wdt-elementor-color-white); -webkit-transform: translateY(0); transform: translateY(0); }


/* Icon Back Counter Template */
.wdt-counter-holder.wdt-rc-template-icon-back-counter .wdt-content-item { text-align: center; }
.wdt-counter-holder.wdt-rc-template-icon-back-counter .wdt-content-item .wdt-content-counter { font-size: 60px; line-height: normal; }
.wdt-counter-holder.wdt-rc-template-icon-back-counter .wdt-content-item .wdt-content-icon-wrapper { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.wdt-counter-holder.wdt-rc-template-icon-back-counter .wdt-content-item .wdt-content-icon-wrapper span { font-size: 100px; opacity: 0.2; -webkit-transform: scale(0.85); transform: scale(0.85); }

.wdt-counter-holder.wdt-rc-template-icon-back-counter .wdt-content-item .wdt-content-media-group .wdt-content-icon-wrapper span, 
.wdt-counter-holder.wdt-rc-template-icon-back-counter .wdt-content-item .wdt-content-media-group .wdt-content-counter { color: var(--wdt-elementor-color-accent); }

.wdt-counter-holder.wdt-rc-template-icon-back-counter .wdt-content-item .wdt-content-title h5 { font-size: 1.1em; font-style: italic; font-weight: 600; } 

.wdt-counter-holder.wdt-rc-template-icon-back-counter .wdt-content-item:hover .wdt-content-icon-wrapper span { -webkit-transform: scale(0.75); transform: scale(0.75); }


/* Icon Pop-in Counter Template */
.wdt-counter-holder.wdt-rc-template-icon-pop-in-counter .wdt-content-item { text-align: center; }
.wdt-counter-holder.wdt-rc-template-icon-pop-in-counter .wdt-content-item .wdt-media-group { display: inline-flex; }
.wdt-counter-holder.wdt-rc-template-icon-pop-in-counter .wdt-content-item .wdt-content-counter-wrapper .wdt-content-counter { border: 5px solid rgba(var(--wdt-elementor-color-secondary-rgb),0.1); display: inline-flex; font-size: 36px; height: 4.5em; width: 4.5em; border-radius: 50%; }
.wdt-counter-holder.wdt-rc-template-icon-pop-in-counter .wdt-content-item .wdt-content-counter-wrapper .wdt-content-counter > * { position: relative; }

.wdt-counter-holder.wdt-rc-template-icon-pop-in-counter .wdt-content-item .wdt-content-icon-wrapper { margin: 0; pointer-events: none; position: absolute; left: 0; top: 0; -webkit-border-radius: inherit; border-radius: inherit; }

.wdt-counter-holder.wdt-rc-template-icon-pop-in-counter .wdt-content-item .wdt-content-icon-wrapper,
.wdt-counter-holder.wdt-rc-template-icon-pop-in-counter .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon { align-items: start; justify-content: start }

.wdt-counter-holder.wdt-rc-template-icon-pop-in-counter .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { background-color: var(--wdt-elementor-color-accent); color: var(--wdt-elementor-color-white); font-size: 1em; height: 2em; padding: 0.5em; width: 2em; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 5px currentColor; box-shadow: 0 0 0 5px currentColor; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(-15%,-15%, 0); transform: translate3d(-15%,-15%, 0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.wdt-counter-holder.wdt-rc-template-icon-pop-in-counter .wdt-content-item .wdt-content-icon-wrapper, 
.wdt-counter-holder.wdt-rc-template-icon-pop-in-counter .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon, 
.wdt-counter-holder.wdt-rc-template-icon-pop-in-counter .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span { height: 100%; width: 100%; }

.wdt-counter-holder.wdt-rc-template-icon-pop-in-counter .wdt-content-item .wdt-content-title h5 { font-weight: 600; }


.wdt-counter-holder.wdt-rc-template-icon-pop-in-counter .wdt-content-item:hover .wdt-content-counter-wrapper .wdt-content-counter { background-color: var(--wdt-elementor-color-accent); color: var(--wdt-elementor-color-white); }

.wdt-counter-holder.wdt-rc-template-icon-pop-in-counter .wdt-content-item:hover .wdt-content-icon-wrapper { pointer-events: auto; }

.wdt-counter-holder.wdt-rc-template-icon-pop-in-counter .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span { background: none; font-size: 3em; opacity: 0.2; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }


/* Classic Template */
.wdt-counter-holder.wdt-rc-template-classic .wdt-content-item { padding: 25px 15px; text-align: center; }
.wdt-counter-holder.wdt-rc-template-classic .wdt-content-item .wdt-content-counter-wrapper .wdt-content-counter { background-color: rgba(var(--wdt-elementor-color-accent-rgb),0.2); color: var(--wdt-elementor-color-black); display: inline-flex; align-items: center; justify-content: center; font-size: 30px; height: 5em; position: relative; width: 5em; -webkit-border-radius: 50%; border-radius: 50%; }
.wdt-counter-holder.wdt-rc-template-classic .wdt-content-item .wdt-content-counter-wrapper .wdt-content-counter:before { background: inherit; border-color: inherit; border-style: inherit; border-width: inherit; content: ""; height: 100%; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; border-radius: inherit; box-shadow: inherit; transition: inherit; }

.wdt-counter-holder.wdt-rc-template-classic .wdt-content-item:hover { border-radius: 10px; }
.wdt-counter-holder.wdt-rc-template-classic .wdt-content-item:hover .wdt-content-counter-wrapper .wdt-content-counter { background: none; }

.wdt-counter-holder.wdt-rc-template-classic .wdt-content-item:hover,
.wdt-counter-holder.wdt-rc-template-classic .wdt-content-item:hover .wdt-content-counter-wrapper .wdt-content-counter { box-shadow: 0 0 0 2px rgba(var(--wdt-elementor-color-accent-rgb),0.6) inset, 0 0 3px rgba(var(--wdt-elementor-color-secondary-rgb),0.1); }

.wdt-counter-holder.wdt-rc-template-classic .wdt-content-item:hover .wdt-content-counter-wrapper .wdt-content-counter:before { transform: scale(0); }

.wdt-counter-holder.wdt-rc-template-classic .wdt-content-item:hover .wdt-content-counter-wrapper .wdt-content-counter { background: none; }
.wdt-counter-holder.wdt-rc-template-classic .wdt-content-item:hover .wdt-content-counter-wrapper .wdt-content-counter:hover { background-color: var(--wdt-elementor-color-accent); color: var(--wdt-elementor-color-white); }


/* Modern Template */
.wdt-counter-holder.wdt-rc-template-modern .wdt-content-item { text-align: left; }
.wdt-counter-holder.wdt-rc-template-modern .wdt-content-item .wdt-media-group { margin: 20px; padding: 20px; position: relative; z-index: 0; } 

.wdt-counter-holder.wdt-rc-template-modern .wdt-content-item .wdt-media-group:before { content: ""; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; transition: inherit;
    background-image: 
    linear-gradient(0deg, rgba(var(--wdt-elementor-color-accent-rgb),0.5), rgba(var(--wdt-elementor-color-accent-rgb),0.5) 25%, rgba(var(--wdt-elementor-color-accent-rgb),0.5) 75%), 
    linear-gradient(90deg, rgba(var(--wdt-elementor-color-accent-rgb),0.5), rgba(var(--wdt-elementor-color-accent-rgb),0.5) 25%,rgba(var(--wdt-elementor-color-accent-rgb),0.5) 75%), 
    linear-gradient(180deg, rgba(var(--wdt-elementor-color-accent-rgb),0.5), rgba(var(--wdt-elementor-color-accent-rgb),0.5) 25%, rgba(var(--wdt-elementor-color-accent-rgb),0.5) 75%), 
    linear-gradient(270deg, rgba(var(--wdt-elementor-color-accent-rgb),0.5), rgba(var(--wdt-elementor-color-accent-rgb),0.5) 25%, rgba(var(--wdt-elementor-color-accent-rgb),0.5) 75%);
    
    background-position: 0 0, 0 0, 100% 100%, 100% 100%;;
    background-size: 2px 40px, 40px 2px, 2px 40px, 40px 2px;
    
    background-repeat: no-repeat;
}

.wdt-counter-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-icon-wrapper { opacity: 0.1; margin-right: inherit; margin-bottom: 0; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.wdt-counter-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-icon-wrapper span { color: var(--wdt-elementor-color-accent); font-size: 100px; }
.wdt-counter-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-counter { font-size: 2.5em; font-weight: 900; line-height: 1.2; }


.wdt-counter-holder.wdt-rc-template-modern .wdt-content-item:hover .wdt-media-group:before { 
    background-image: 
    linear-gradient(0deg, var(--wdt-elementor-color-accent), var(--wdt-elementor-color-accent) 25%, var(--wdt-elementor-color-accent) 75%), 
    linear-gradient(90deg, var(--wdt-elementor-color-accent), var(--wdt-elementor-color-accent) 25%, var(--wdt-elementor-color-accent) 75%), 
    linear-gradient(180deg, var(--wdt-elementor-color-accent), var(--wdt-elementor-color-accent) 25%, var(--wdt-elementor-color-accent) 75%), 
    linear-gradient(270deg, var(--wdt-elementor-color-accent), var(--wdt-elementor-color-accent) 25%, var(--wdt-elementor-color-accent) 75%);

    background-position: 0 100%, 100% 0, 100% 0, 0 100%;
    background-size: 3px 45px, 45px 3px, 3px 45px, 45px 3px;
}

.wdt-counter-holder.wdt-rc-template-modern .wdt-content-item:hover .wdt-content-icon-wrapper { opacity: 0.15; }
.wdt-counter-holder.wdt-rc-template-modern .wdt-content-item:hover .wdt-content-icon-wrapper span { transform: scale(0.9); }


/* Standard Template */
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item { text-align: center; }
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-media-group { background-color: transparent !important; display: inline-table; margin: 1em 0; padding: 1em; position: relative; z-index: 0; border-radius: 5px; }
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-media-group:before { background: currentColor; color: rgba(var(--wdt-elementor-color-accent-rgb),0.85); content: ""; display: block; height: auto; padding-top: 50%; padding-bottom: 50%; position: absolute; left: 50%; top: 50%; width: 100%; z-index: -1; border-radius: inherit; transform: translate(-50%,-50%); transform-origin: left top; transform-style: preserve-3d; transition: inherit; }

.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-media-group .wdt-content-icon-wrapper { margin-bottom: 0; }
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-media-group .wdt-content-counter-wrapper .wdt-content-counter { color: inherit; }

.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-media-group { color: var(--wdt-elementor-color-white); border-radius: 10px; }
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-media-group:before { background-color: var(--wdt-elementor-color-accent); }

.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-media-group:before { background-color: var(--wdt-elementor-color-accent); transform: rotate(45deg) translate(-50%,-50%); transition-timing-function: cubic-bezier(.25,.75,.5,1.25); }