/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-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
*/
@font-face {
  font-family: 'laz';
  src: url('font/Lahzeh-Regular.woff') format('woff'),
       url('font/Lahzeh-Regular.woff2') format('woff2'),
       url('font/Lahzeh-Regular.ttf') format('truetype');

    font-display: 'swap';
}
@font-face {
  font-family: 'laz-bold';
  src: url('font/Lahzeh-Bold.woff') format('woff'),
       url('font/Lahzeh-Bold.woff2') format('woff2'),
       url('font/Lahzeh-Bold.ttf') format('truetype');

    font-display: 'swap';
}
@font-face {
  font-family: 'IRANS';
  src: url('font/IRANS.woff') format('woff'),
       url('font/IRANS.woff2') format('woff2'),
       url('font/IRANS.ttf') format('truetype');

    font-display: 'swap';
}
:root {
--bg-gradient: linear-gradient(145deg, var(--e-global-color-a007951) 0%, var(--e-global-color-de3848b) 100%);
}
.shadowtheme {
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
  border-radius:15px;
}

.shadowbutton{
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);
  border-radius:15px;
}

.bggradiant{
  background-image: var(--bggradiant);
}

.hoverborder , .elementor-post{
    position: relative !important;
    transition: transform 0.3s ease !important;
    overflow: hidden !important;
}

.hoverborder::before, .elementor-post::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background: linear-gradient(145deg, var(--e-global-color-a007951), var(--e-global-color-de3848b)) !important;
    transform: translateY(-100%) !important;
    transition: transform 0.3s ease !important;
    z-index:9;
}

.hoverborder:hover::before, .elementor-post:hover::before {
    transform: translateY(0) !important;
}

.elementor-post:hover{
  transform: translateY(-10px) !important;
}

.elementor-view-stacked .elementor-icon {
    background-image: linear-gradient(145deg, var(--e-global-color-a007951) 0%, var(--e-global-color-de3848b) 100%); !important;
}