.header p{
 color: #fff !important;
}

.header .feature-box-info a{
    color: #fff !important;
}

.header .header-top{
    background-color:#eaccb0 !important ;
}

#header .header-body {
    background-color: #e1e1e1;
}


.slide h1{
    color: #fff !important;
    font-size: 30px !important;

    
}

.slide h2{
    color: #fff !important;
    background-color: #7c8e80 !important;
    padding: 13px;
    border-radius: 10px;
}

.slide p{
    font-weight: bold !important;
    color: #fff !important;
    font-size: 30px !important;
}


.slide .btn{
    background-color: #7c8e80;
    color: #fff;
    margin-top: 20px;
    font-size: 20px;
}

.slide .btn:hover{
    background-color: #926345;
}



.trips .trips-box {
    margin-bottom: 50px !important;
}

.box0 .home-intro-quaternary {
    background-color: #926345 !important;
}

.box1{
    text-align: justify;
    text-align-last: center ;
    margin-top: 50px;
}

.box1 img{
    margin-bottom: 40px;
}
.box1 h2{
    color:#926345
}
.box1 p{
    color:#2e2e2e;
    font-size: 19px !important ;
    line-height: 35px;
    
}

.trips .section{
    background-color: #fff !important;
}

.trips .trips-box p{
    color: #cacaca;
}

.trips .trips-box h2{
    color: #ffffff;
    font-size: 20px;
    background-color: #000000be;
    padding: 3px;
}
.trips .trips-box h6{
    color: #ffffff;
    font-size: 16px;
    background-color: #000000be;
    padding: 3px;
}

.trips .trips-box img{
    height: 250px;
    
}


.trips .box-trip{
    height: 500px;
    background-color: #7c8e80;
    width: 400px;
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center;
    margin: 10px;
}

.trips .box-trip h3{
    color: #000;
    background-color: #eaccb0;
    padding: 10px;
    margin-top: 10px;
    font-size: 20px;
    text-transform:capitalize;
    border-radius: 10px;
    width:fit-content;
}

.trips .box-trip span{
    color: #000;
    background-color: #eaccb0;
    padding: 10px;
    margin-top: 10px;
    border-radius: 10px;

}

.trips .box-trip .btn{
    background-color: #7c8e80;
    margin-top: 330px !important;
    color: #fff;
    font-weight: bold;

}

.trips .box-trip .btn:hover{
    background-color: #926345;
    color: #fff;
    font-weight: bold;

}




.about p{
    text-align: justify;
    color: #1e1e1e;
    font-weight: 500;
}

.about .btn{
    background-color: #7c8e80 !important;
}

.about .btn:hover{
    background-color: #926345 !important;
}

.about img{
    border-radius: 15px;
}




.whyUs{
  background-image: url('../img/whyUs-back.jpg');
  margin-top: 20px;
 
}

.whyUs .row img {
height: 80px;}



.whyUs h2 {
    font-size: 2rem;
}

.whyUs h4 {
    font-size: 1.25rem;
    margin-top: 0.5rem;
}

@media (max-width: 768px) {
    .whyUs h2 {
        font-size: 1.8rem;
    }
    .whyUs h4 {
        font-size: 1.1rem;
    }
    .whyUs img {
        max-width: 80px; /* آیکون‌ها در موبایل کوچک‌تر */
    }
}

@media (min-width: 1200px) {
    .whyUs h4 {
        font-size: 1.5rem;
    }
}


.testimonal{
    margin-top: 80px;
}

.testimonal h2{
    text-align: center;
    
    font-weight: bold;
    font-size: 40px;
    background-color: #926345;
    padding: 20px;
}


.parallax h4{
    color: #000000 !important;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    background-color: #f7f7f7;
    padding-block: 30px;
    border-radius: 20px;
}

.parallax a{
    color: rgb(255, 255, 255) !important;
    text-align: center;
    font-size: 30px !important;
    background-color: #7c8e80;
}

.parallax a:hover{
    color: rgb(255, 255, 255) !important;
    
    background-color: #926345 !important;
}


.contact section{
    background-color: #eaccb0;    
    
}

.contact h2{
    padding: 20px;  
    color: #000 !important;  
    font-weight: bold;
}


.contact h4{
    padding: 20px;
    color: #272727 !important;
}


.contact a{
    text-align: center !important;
    background-color: #7c8e80;
    margin: 10px;
    color: #fff;
}

.contact a:hover{
    text-align: center !important;
    background-color: #926345;
    margin: 10px;
    color: #fff;
}




#footer{
    background-color: #926345 !important;
    border-top: 4px solid #926345 !important
}

.footer-copyright{
    background-color: #926345 !important;
}


.footer-copyright p{
    color: #000 !important;
}


#footer p{
    color: #000;
}


#footer a{
    color: #000 !important;
}



#footer .footer-ribbon:before{
    border-right-color:#000000
}



#footer .footer-copyright.footer-copyright-style-2 {
    background: var(--dark);
    border-top: 1px solid rgba(255, 255, 255, 0.324);
}







/* INNER PAGES */

.faq-page .title{
    border-top: 4px solid #000000;
    border-bottom: 4px solid #000000;
    padding-top: 10px;
}
.faq-page .title p{
   color: #2e2e2e;
}

.faq-page .toggle-primary .toggle.active > label, .toggle-primary .toggle.active > .toggle-title{
    background-color: #eaccb0;
    border-left-color:#926345 !important; 
}

.faq-page .toggle a{
     color:#000000 !important;
}

.faq-page .toggle p{
    color:#000000 !important;
}



.aboutUs-page .word-rotator-words{
    background-color: #926345 !important;
}

.aboutUs-page .btn{
    background-color: #004C7A !important;
}

.aboutUs-page .thumb-info-type{
    background-color: #004C7A !important;
}





.blog-page .thumb-info-type{
   color: #000 !important;
}

.blog-page img{
    width:fit-content;
    min-height: 350px;
}


.tour-page h2{
    color:#000;
    font-weight: bold;
    padding: 20px;
    background-color: #eaccb0;
}

.tour-page img{
    
    height: 260px;
  
}


.tour-page a{
    background-color: #7c8e80 ;
    padding: 10px;
    color: #fff;
    text-decoration:none !important;
    border-radius: 5px;
}

.tour-page a:hover{
    background-color: #926345 ;
}

    /* تمام استایل‌ها با کلاس والد .tour-details-page محصور شده‌اند تا با سایر بخش‌های سایت تداخل نکنند */
    .tour-details-page {
        --primary-color: #c17b4b;
        --primary-dark: #9e5e36;
        --secondary-color: #1e2f3e;
        --light-bg-color: #faf8f5;
        --text-dark-color: #2c3a47;
        --text-muted-color: #6c757d;
        --shadow-sm: 0 10px 30px rgba(0,0,0,0.05);
        --shadow-md: 0 20px 40px rgba(0,0,0,0.08);
        --transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    
    .tour-details-page {
        font-family: 'Inter', sans-serif;
        color: var(--text-dark-color);
        background: #eaccb0 !important;
        line-height: 1.6;
    }
    
    .tour-details-page .tour-hero {
        position: relative;
        background: linear-gradient(135deg, var(--secondary-color) 0%, #0f1a24 100%);
        padding: 4rem 0 3rem;
        margin-bottom: 2rem;
        overflow: hidden;
    }
    
    .tour-details-page .tour-hero::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="rgba(193,123,75,0.08)" fill-opacity="1" d="M0,192L48,197.3C96,203,192,213,288,208C384,203,480,181,576,176C672,171,768,181,864,197.3C960,213,1056,235,1152,234.7C1248,235,1344,213,1392,202.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;
        background-size: cover;
        opacity: 0.4;
    }
    
    .tour-details-page .hero-title {
        font-family: 'Playfair Display', serif;
        font-size: 3.2rem;
        font-weight: 600;
        color: white;
        text-shadow: 0 2px 15px rgba(0,0,0,0.2);
        letter-spacing: -0.01em;
        animation: fadeInUp 0.8s ease;
    }
    
    .tour-details-page .hero-badge {
        background: rgba(255,255,255,0.2);
        backdrop-filter: blur(8px);
        border-radius: 40px;
        padding: 0.5rem 1.2rem;
        display: inline-block;
        font-size: 0.85rem;
        font-weight: 500;
        color: white;
        margin-bottom: 1.5rem;
    }
    
    @keyframes fadeInUp {
        from { opacity: 0; transform: translateY(30px); }
        to { opacity: 1; transform: translateY(0); }
    }
    
    .tour-details-page .modern-tabs {
        background: white;
        border-radius: 20px;
        box-shadow: var(--shadow-md);
        overflow: hidden;
        margin-bottom: 2rem;
    }
    
    .tour-details-page .modern-tabs .nav-tabs {
        border-bottom: 1px solid rgba(0,0,0,0.08);
        background: white;
        padding: 0 1rem;
        flex-wrap: wrap;
    }
    
    .tour-details-page .modern-tabs .nav-link {
        border: none;
        font-weight: 600;
        color: var(--text-muted-color);
        padding: 1rem 1.2rem;
        transition: var(--transition);
        background: transparent;
        font-size: 0.9rem;
        letter-spacing: -0.2px;
        position: relative;
    }
    
    .tour-details-page .modern-tabs .nav-link:hover {
        color: var(--primary-color);
        background: transparent;
    }
    
    .tour-details-page .modern-tabs .nav-link.active {
        color: var(--primary-color);
        background: transparent;
    }
    
    .tour-details-page .modern-tabs .nav-link.active::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 1rem;
        right: 1rem;
        height: 3px;
        background: var(--primary-color);
        border-radius: 3px 3px 0 0;
    }
    
    .tour-details-page .tab-content-modern {
        padding: 2rem 1.8rem;
    }
    
    .tour-details-page .tab-pane p {
        margin-bottom: 0;
        line-height: 1.7;
        color: #4a5b6e;
    }
    
    .tour-details-page .info-card {
        background: white;
        border-radius: 24px;
        padding: 1.8rem;
        box-shadow: var(--shadow-sm);
        transition: var(--transition);
        border: 1px solid rgba(0,0,0,0.03);
        position: sticky;
        top: 100px;
    }
    
    .tour-details-page .info-card:hover {
        transform: translateY(-5px);
        box-shadow: var(--shadow-md);
    }
    
    .tour-details-page .tour-main-img {
        border-radius: 24px;
        overflow: hidden;
        box-shadow: var(--shadow-md);
        transition: transform 0.5s ease;
    }
    
    .tour-details-page .tour-main-img img {
        width: 100%;
        height: auto;
        transition: transform 0.5s;
    }
    
    .tour-details-page .tour-main-img:hover img {
        transform: scale(1.02);
    }
    
    .tour-details-page .price-tag {
        font-size: 2rem;
        font-weight: 800;
        color: var(--primary-color);
        margin: 1rem 0 0.5rem;
    }
    
    .tour-details-page .price-tag small {
        font-size: 0.9rem;
        font-weight: 400;
        color: var(--text-muted-color);
    }
    
    .tour-details-page .btn-book {
        background: var(--primary-color);
        border: none;
        padding: 0.9rem;
        font-weight: 600;
        border-radius: 50px;
        width: 100%;
        transition: var(--transition);
        color: white;
        font-size: 1rem;
        box-shadow: 0 5px 15px rgba(193,123,75,0.3);
    }
    
    .tour-details-page .btn-book:hover {
        background: var(--primary-dark);
        transform: translateY(-2px);
        box-shadow: 0 10px 20px rgba(193,123,75,0.4);
        color: white;
    }
    
    .tour-details-page .info-detail-item {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .tour-details-page .info-detail-item i {
        width: 32px;
        color: var(--primary-color);
        font-size: 1.2rem;
    }
    
    .tour-details-page .info-detail-item span:first-child {
        font-weight: 500;
        min-width: 90px;
        color: var(--text-dark-color);
    }
    
    .tour-details-page .info-detail-item span:last-child {
        color: var(--text-muted-color);
        font-weight: 400;
    }
    
    .tour-details-page .description-modern {
        background: white;
        border-radius: 24px;
        padding: 2rem;
        margin: 2rem 0;
        box-shadow: var(--shadow-sm);
        border-left: 4px solid var(--primary-color);
    }
    
    .tour-details-page .description-modern p {
        font-size: 1.05rem;
        line-height: 1.8;
        margin-bottom: 0;
    }
    
    .tour-details-page .gallery-title {
        font-family: 'Playfair Display', serif;
        font-size: 2rem;
        margin: 2.5rem 0 1.5rem;
        text-align: center;
        position: relative;
        display: inline-block;
        width: 100%;
    }
    
    .tour-details-page .gallery-title:after {
        content: '';
        display: block;
        width: 60px;
        height: 3px;
        background: var(--primary-color);
        margin: 0.8rem auto 0;
        border-radius: 3px;
    }
    
    .tour-details-page .image-gallery {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        gap: 1.5rem;
        margin: 2rem 0 3rem;
    }
    
    .tour-details-page .gallery-item-card {
        border-radius: 20px;
        overflow: hidden;
        cursor: pointer;
        transition: var(--transition);
        box-shadow: var(--shadow-sm);
        background: white;
    }
    
    .tour-details-page .gallery-item-card:hover {
        transform: translateY(-8px);
        box-shadow: var(--shadow-md);
    }
    
    .tour-details-page .gallery-item-card img {
        width: 100%;
        height: 240px;
        object-fit: cover;
        transition: transform 0.4s;
    }
    
    .tour-details-page .gallery-item-card:hover img {
        transform: scale(1.03);
    }
    
    @media (max-width: 768px) {
        .tour-details-page .hero-title {
            font-size: 2rem;
        }
        .tour-details-page .modern-tabs .nav-link {
            padding: 0.8rem 1rem;
            font-size: 0.8rem;
        }
        .tour-details-page .tab-content-modern {
            padding: 1.5rem;
        }
        .tour-details-page .info-card {
            margin-top: 2rem;
            position: static;
        }
        .tour-details-page .image-gallery {
            grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
            gap: 1rem;
        }
    }
    
    .tour-details-page .btn-outline-light-custom {
        background: transparent;
        border: 1.5px solid rgba(255,255,255,0.4);
        color: white;
        border-radius: 40px;
        padding: 0.5rem 1.3rem;
        transition: var(--transition);
    }
    
    .tour-details-page .btn-outline-light-custom:hover {
        background: white;
        color: var(--secondary-color);
        border-color: white;
    }
    
    .tour-details-page .feature-icon {
        background: rgba(193,123,75,0.12);
        border-radius: 50%;
        width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .tour-details-page .rounded-4 {
        border-radius: 1rem;
    }
    
    .tour-details-page .mfp-fade.mfp-bg {
        opacity: 0;
        transition: all 0.3s ease-out;
    }
    .tour-details-page .mfp-fade.mfp-bg.mfp-ready {
        opacity: 0.85;
    }
    .tour-details-page .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0;
    }
    .tour-details-page .mfp-fade.mfp-wrap .mfp-content {
        opacity: 0;
        transform: scale(0.95);
        transition: all 0.25s ease-out;
    }
    .tour-details-page .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
        opacity: 1;
        transform: scale(1);
    }
    .tour-details-page .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
        opacity: 0;
        transform: scale(0.95);
    }
    .tour-details-page .tab-content-modern p i {
        margin-right: 8px;
        color: var(--primary-color);
    }
    .tour-details-page .gallery-item-card a {
        display: block;
        text-decoration: none;
    }
    .tour-details-page .nav-tabs .nav-link:focus-visible {
        box-shadow: none;
    }












@media (max-width: 600px) {
   .parallax h4{
    font-size: 20px;
    padding-inline: 30px;
   }
   .parallax a{
    font-size: 15px !important;
   }


   .tour-page .thumb-info{
    
    margin-block: 25px;
    }   

    .trips .thumb-info{
        margin-block: 25px;
    }
   
  }