/* 
Theme Name: azargymonline child
Theme URI: https://azargymonline.ir/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Description: AzarGymOnline Child is a child theme of AzarGymOnline
Author: Stratech
Author URI: https://stratech.ir/
Template: azargymonline
Version: 2.0.0
Text Domain: azar-gym-online-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

:root {
    --font-primary: 'Danafanum', sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
	--font-weight-medium: 500;
    --font-weight-bold: 600;
	--font-weight-extrabold: 800;

}
body {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-regular);
}

.user-count-box, .video-time-box{
backdrop-filter: blur(10px);
}
@media (max-width: 768px) {
    .user-count-box{
        transform: none !important;
    }
}
@media only screen and (min-width: 900px){
.subtitle-hero-box{
    margin-right: 12rem;
}
}
.subtitle-hero-box {
    display: inline-flex;
}
.e-off-canvas__overlay {
    background-color: rgba(0,0,0,.8);
    cursor: url(https://azargymonline.ir/wp-content/themes/azargymonline-child/assest/img/close-cursor.svg), pointer !important;
    backdrop-filter: blur(20px) !important;
}
.shimmer{
        -webkit-mask: linear-gradient(-60deg, #000 30%, #0005, #000 50%) right / 300% 100%;
    mask: linear-gradient(-60deg, #000 30%, #0005, #000 50%) right / 300% 100%;
    background-repeat: no-repeat;
    animation: shimmer 5s infinite !important;
}
@keyframes shimmer {
    0% {
        -webkit-mask-position: 140% 140%;
        mask-position: 140% 140%
    }

    100% {
        -webkit-mask-position: -20% -20%;
        mask-position: -20% -20%
    }
}
.experience-year, .video-time-box-icon, .testimonails-quote {
    line-height: 0;
}
.testimonails-box{
    border: 1.55px solid transparent !important;
    background: linear-gradient(white, white) padding-box, linear-gradient(180deg, #EF233C 0%, #FFFFFF 90%) border-box;
    border-radius: 15px;
}
.fade-eng-title {
opacity: .3;
mask: linear-gradient(#fff, transparent);
-webkit-mask: linear-gradient(#fff, transparent);
}
.faq-according i.ico.ico-fi-rr-arrow-up:before {
    color: white;
}
.testimonails-quote i:before{
    color: #EF233C
}

/*/@media only screen and (min-width: 900px){
.course-grid:hover{
        -webkit-transform: translate(0, -9px) !important;
    transform: translate(0, -9px) !important;
}
}/*/
.course-grid{
    animation-duration: .7s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
}
.animated-loop-grid .e-loop-item{
    transform-style: preserve-3d;
    perspective: 1000px;
    transition: all 0.3s !important;
}

.animated-loop-grid .e-loop-item:hover{
        -webkit-transform: translate(0, -9px) !important;
    transform: translate(0, -9px) !important;
        animation-fill-mode: both;

}
.animated-loop-grid .e-loop-item:nth-of-type(4n+1) > div{
    animation-delay: 0;
}
.animated-loop-grid .e-loop-item:nth-of-type(4n+2) > div{
    animation-delay: .2s;
}
.animated-loop-grid .e-loop-item:nth-of-type(4n+3) > div{
    animation-delay: .4s;
}
.animated-loop-grid .e-loop-item:nth-of-type(4n+4) > div{
    animation-delay: .6s;
}.animated-loop-grid .e-loop-item{
    transform-style: preserve-3d;
    perspective: 1000px;
}

.animated-loop-grid .e-loop-item:nth-of-type(4n+1) > div{
    animation-delay: 0;
}
.animated-loop-grid .e-loop-item:nth-of-type(4n+2) > div{
    animation-delay: .2s;
}
.animated-loop-grid .e-loop-item:nth-of-type(4n+3) > div{
    animation-delay: .4s;
}
.animated-loop-grid .e-loop-item:nth-of-type(4n+4) > div{
    animation-delay: .6s;
}
.swiper-pointer-events {
    padding: 2rem;
    mask: linear-gradient(to right, transparent, white 5% 95%, transparent);
}

.grid-price span.woocommerce-Price-currencySymbol {
font-size: 0;
}

.grid-price span.woocommerce-Price-currencySymbol:before {
content: "";
width: 18px;
height: 18px;
padding-right: 20px !important;
display: inline-block;
background-image: url(https://azargymonline.ir/wp-content/uploads/2025/05/toman.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: top;
}
div#elementor-panel-category-logini-elements {
    display: none !important;
}
.abu-icon{
    line-height: 0
}
.abu-icon i:before{
    color: white
}
.text-reveall div:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #9c172c;
  transform-origin: left;
  transform: scale(1, 1);
}
.text-reveall div:after {
  content: "\a";
  white-space: nowrap;
}
.text-reveall div:nth-of-type(1):before {
  animation: reveal-text 800ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s forwards;
}
.text-reveall div:nth-of-type(2):before {
  animation: reveal-text 800ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s forwards;
}
.text-reveall div:nth-of-type(3):before {
  animation: reveal-text 800ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s forwards;
}
.text-reveall div:nth-of-type(4):before {
  animation: reveal-text 800ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s forwards;
}
.text-reveall div:nth-of-type(5):before {
  animation: reveal-text 800ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.10s forwards;
}

@keyframes reveal-text {
  100% {
    transform: scale(0, 1);
  }
}
.hero-shimmer{
    padding-right: 10px
}
div#logini-verify div#email-action{
    display: none !important;
}
.session-according span.jet-toggle__icon.icon-active.jet-tabs-icon i:before {
    color: white;
}
.telegram-cu div{
    background: #0083B0;
background: linear-gradient(to right, #0083B0 0%, #0DB3ED 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.whatsapp-cu div{
    background: #11998e;
background: linear-gradient(to right, #11998e 0%, #2AB15D 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.instagram-cu div{
    background: #DA4453;
background: linear-gradient(to right, #DA4453 0%, #89216B 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.jet-accordion__item.jet-toggle.jet-toggle-move-up-effect.active-toggle{
    box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.15);
}
.goback{
    background-color: #EF233C;
    color: white;
    border: 0;
    border-radius: 5px;
}
.goback:hover{
    background-color: #EF233C;
}