/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Author:       Hamed Zargham
 Text Domain:  hello-elementor-child
*/

/*
IMPORTANT: all css class names MUST start with a 'letter' not with a 'digit'

For length units (e.g., rem, em, vh, vw.), you can use .5rem instead of 0.5rem for brevity.
For pixel values (px), it's more conventional and clear to use 0.5px rather than .5px.
*/

body, html { overflow-x: hidden; /* Hide horizontal scrollbar for the entire page */ }

/* surely write below web-safe fonts (Tahoma, Arial), otherwise if font cant be loaded
website load will take long time  */
body, h1, h2, h3, h4, h5, h6, a { font-family: vazir-regular, Tahoma, sans-serif !important; }

.dir-ltr {direction: ltr !important;}
.text-align-justify { text-align: justify !important; }

.transition-all {transition: all;}

/* below are for background-image */
.bg-cover {background-size: cover;}
.bg-position-center {background-position: center;}
.bg-no-repeat {background-repeat: no-repeat;}

.dotted-white-line {
  border-bottom: 2px dotted white; /* Adjust the color and thickness as needed */
  width: 100%; /* Ensure the line spans the full width */
  padding-bottom: 5px; /* Add some space between the text and the line */
}


.bg-contain {background-size: contain;}
@media (min-width: 768px) { .bg-md-contain { background-size: contain; } }
@media (min-width: 768px) { .bg-md-cover { background-size: cover; } }

/*
The default value for `z-index` in HTML elements is **`auto`**. This means:
- Elements are stacked in the order they appear in the DOM (last in, topmost by default).
- Elements with `position` set to `relative`, `absolute`, `fixed`, or `sticky` can create a new stacking context, but their `z-index` remains `auto` unless explicitly set.

In short, `z-index: auto` does not assign a specific stacking level, and elements are layered based on their natural order in the document.
*/
.z-index-1 {z-index:1 !important;}
.z-index-2 {z-index:2 !important;}
.z-index-3 {z-index:3 !important;}
.z-index-4 {z-index:4 !important;}
.z-index-5 {z-index:5 !important;}
.z-index-6 {z-index:6 !important;}
.z-index-7 {z-index:7 !important;}
.z-index-8 {z-index:8 !important;}
.z-index-9 {z-index:9 !important;}
.z-index-10 { z-index: 10 !important; }
.z-index-11 { z-index: 11 !important; }
.z-index-12 { z-index: 12 !important; }
.z-index-13 { z-index: 13 !important; }
.z-index-14 { z-index: 14 !important; }
.z-index-15 { z-index: 15 !important; }

.z-index-20 { z-index: 20 !important; }
.z-index-30 { z-index: 30 !important; }
.z-index-40 { z-index: 40 !important; }
.z-index-50 { z-index: 50 !important; }
.z-index-60 { z-index: 60 !important; }
.z-index-70 { z-index: 70 !important; }
.z-index-80 { z-index: 80 !important; }
.z-index-90 { z-index: 90 !important; }
.z-index-100 { z-index: 100 !important; }

/* ********** borders  ********** */
.border-none { border: none; }

.border-red { border: 1px solid #ec406a; }

.border-dashed-box { border:1px dashed #999; }