/*
Theme Name: Nakhyla
Theme URI: https://nakhyla.ir/
Description: A custom child theme for Hello Elementor, developed for the Nakhyla project.
Author: rasool jamali
Author URI: https://rasooljamali.ir/
Template: hello-elementor
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: nakhyla
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: elementor, ecommerce, woocommerce, rtl-language-support, custom-background, custom-logo, custom-menu, featured-images
*/


/* =========================================
   Global Curve
   ========================================= */
.box-curve-bottom {
    border-radius: 0 0 50% 50% / 0 0 100px 100px;
}

.inner-curve-top {
    position: relative;
    isolation: isolate;

    --r: 60px;
    --s: 60px;
    --a: 50deg;


    --_m:
        0 / calc(2 * var(--r)) var(--r) no-repeat
        radial-gradient(
            50% 100% at bottom,
            #000 calc(100% - 1px),
            #0000
        );

    --_d:
        calc(
            (var(--s) + var(--r)) * cos(var(--a))
        );

    mask:
        calc(50% + var(--_d)) var(--_m),
        calc(50% - var(--_d)) var(--_m),
        radial-gradient(
            var(--s) at
            50% calc(-1 * sin(var(--a)) * var(--s)),
            #0000 100%,
            #000 calc(100% + 1px)
        )
        0 calc(var(--r) * (1 - sin(var(--a))))
        no-repeat,
        linear-gradient(
            90deg,
            #000 calc(50% - var(--_d)),
            #0000 0 calc(50% + var(--_d)),
            #000 0
        );
}

.inner-curve-bottom {
    position: relative;
    isolation: isolate;

    --r: 60px;
    --s: 60px;
    --a: 50deg;

  --_m:
      100% / calc(2 * var(--r)) var(--r) no-repeat
      radial-gradient(50% 100% at top, #000 calc(100% - 1px), #0000);

  --_d: calc((var(--s) + var(--r)) * cos(var(--a)));

  mask:
      calc(50% + var(--_d)) var(--_m),
      calc(50% - var(--_d)) var(--_m),
      radial-gradient(
          var(--s) at
          50% calc(100% + sin(var(--a)) * var(--s)),
          #0000 100%,
          #000 calc(100% + 1px)
      )
      0 calc(-1 * var(--r) * (1 - sin(var(--a))))
      no-repeat,
      linear-gradient(
          90deg,
          #000 calc(50% - var(--_d)),
          #0000 0 calc(50% + var(--_d)),
          #000 0
      );
}





  @keyframes sunshines {
    0% {
      transform: scale(1);
      opacity: 0.6;
    }

    100% {
      transform: scale(1.4);
      opacity: 0;
    }
  }

  @keyframes clouds {
    0% {
      transform: translateX(15px);
    }

    50% {
      transform: translateX(0px);
    }

    100% {
      transform: translateX(15px);
    }
  }