:root {
        --primary-color: #dc3545;
        --primary-dark: #b02a37;
        --dark-bg: #1a1a1a;
        --dark-card: #2d2d2d;
        --light-text: #f8f9fa;
    }
    
    
    /* استایل‌های سفارشی */
  .btn-primary-custom {
    background-color: #dfdfdf;
    border-color: white;
    color: rgb(0, 0, 0);
    transition: all 0.3s ease;
}

.btn-primary-custom:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(220, 53, 69, 0.3);
    color: white !important;
    
}

.btn-outline-custom {
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    background-color: transparent;
    transition: all 0.3s ease;
}

.btn-outline-custom:hover {
    background-color: var(--primary-color);
    color: white;
    transform: translateY(-3px);
}

.dark-section {
    
background-size: 800% 800%;

animation: AnimationName 11s ease infinite;
    color: var(--light-text);
    padding:15px;       
}
@keyframes AnimationName {
0%{background-position:82% 0%}
50%{background-position:19% 100%}
100%{background-position:82% 0%}
}

.dark-card {
    background-color:white;
   
    transition: all 0.3s ease;

}

.dark-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    border: 1px solid #dc3545 ;
    box-shadow: 2px 23px 31px -8px rgba(217,0,0,0.7);
}

.feature-card {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.feature-card:hover {
    transform: translateX(5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.feature-card i {
    color: var(--primary-color);
    font-size: 2rem;
    margin-bottom: 15px;
}

.contact-section {
    background: linear-gradient(#dc3545, #a31e2b);
    height: 450px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    
}



.animate-fadeInUp {
    animation: fadeInUp 0.8s ease forwards;
}

.section-padding {
  
    min-height: 700px;
 
    
}

.product-img {

   
    transition: all 0.5s ease;
}
.bg1{
    background: url("https://rashanoor.com/upload/files/Untitled-1.jpg") no-repeat center;
    background-size: cover;


}

.product-img:hover {
    transform: scale(1.03);
}
.sec2{

    min-height: 700px;
    background: radial-gradient(circle,rgba(252, 225, 225, 1) 0%, rgba(255, 252, 252, 1) 100%);
}






/* استایل‌های گالری دارک */
.dark-gallery-section {

background-size: 800% 800%;
animation: AnimationName 11s ease infinite;
color: var(--light-text);
min-height: 700px;
display: flex;
align-items: center;
}

.dark-gallery-container {
position: relative;
max-width: 900px;
margin: 0 auto;
overflow: hidden;
border-radius: 15px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
background-color: #740f19;
}

.dark-gallery-slider {
position: relative;
height: 600px;
}

.dark-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.8s ease;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px;
text-align: center;
filter: blur(5px);
transform: scale(0.95);
}

.dark-slide.active {
opacity: 1;
filter: blur(0);
transform: scale(1);
}

.dark-slide-image {
flex: 2;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-height: 400px;
overflow: hidden;
border-radius: 10px;
margin-bottom: 30px;
}

.dark-slide-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
transition: transform 0.5s ease;
}

.dark-slide:hover .dark-slide-image img {
transform: scale(1.05);
}

.dark-slide-content {
flex: 1;
max-width: 600px;
}

.dark-slide-content h3 {
font-size: 1.8rem;
margin-bottom: 15px;
color: var(--primary-color);
}

.dark-slide-content p {
font-size: 1.1rem;
line-height: 1.6;
}

.dark-gallery-controls {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
background-color: rgba(0, 0, 0, 0.5);
}

.dark-gallery-prev,
.dark-gallery-next {
background-color: var(--primary-color);
border: none;
color: white;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
}

.dark-gallery-prev:hover,
.dark-gallery-next:hover {
background-color: var(--primary-dark);
transform: translateY(-3px);
}

.dark-gallery-indicators {
display: flex;
gap: 10px;
}

.dark-gallery-indicators .indicator {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
cursor: pointer;
transition: all 0.3s ease;
}

.dark-gallery-indicators .indicator.active {
background-color: var(--primary-color);
transform: scale(1.2);
}
/* استایل‌های بخش باکس متن و عکس */
.simple-image-text-section {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
min-height: 500px;
display: flex;
align-items: center;
}

.image-container {
position: relative;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}

.image-container:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.image-container img {
transition: transform 0.5s ease;
}

.image-container:hover img {
transform: scale(1.03);
}

.text-content {
padding: 20px;
}

.text-content h2 {
color: #333;
font-weight: 700;
position: relative;
padding-bottom: 15px;
}

.text-content h2::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 60px;
height: 3px;
background-color: var(--primary-color);
}

.text-content .lead {
color: #555;
line-height: 1.8;
font-size: 1.1rem;
}

.feature-list {
list-style: none;
padding: 0;
}

.feature-list li {
font-size: 1.05rem;
color: #444;
}

/* حالت راست به چپ برای مواقعی که عکس در سمت راست باشد */
.simple-image-text-section.reverse .row {
flex-direction: row-reverse;
}

.simple-image-text-section.reverse .text-content h2::after {
right: auto;
left: 0;
}