.header-area,
        ul.nav-menu li ul li a,
        .searchbar .input-search,
        .text-animated li a,
        .slider-one .owl-nav .owl-prev, 
        .slider-one .owl-nav .owl-next,
        .about-tab:before,
        .progress-gallery .bar-container .progress .progress-bar-custom,
        .choose-item:before,
        .feature-icon i,
        .feature-item:hover .feature-text,
        .bg-counterup,
        .portfolio-bg,
        .faq-header button.faq-button,
        .faq-header button.faq-button.collapsed:hover,
        .booking-area:before,
        .bg-booking,
        .team-carousel .owl-nav .owl-prev, 
        .team-carousel .owl-nav .owl-next,
        .team-text,
        .team-social li a:hover,
        .price-header i,
        .button-df a,
        .bg-testimonial,
        .testimonial-carousel .owl-dots .owl-dot,
        .blog-carousel .owl-nav .owl-prev, 
        .blog-carousel .owl-nav .owl-next,
        .blog-author li.blog-button a,
        .call-us:before,
        .footer-item h3:before,
        .footer-item h3:after,
        .footer-item .btn,
        .footer-item ul.footer-social li a,
        .scroll-top,
        .headstyle h4:before,
        .headstyle h4:after,
        .team-detail-text ul li a,
        .sidebar-item h3:before,
        .sidebar-item h3:after,
        .event-contact-item,
        .gallery-bg,
        .testimonial-grid .testimonial-description p:before, 
        .testimonial-two-carousel .testimonial-description p:before,
        .form-button .btn,
        .project-carousel .owl-nav .owl-prev, 
        .project-carousel .owl-nav .owl-next,
        .sidebar-item button,
        .contact-item:hover .contact-icon,
        .contact-form .btn,
        span.input-group-btn {
            background: #<?php echo $setting['front_end_color']; ?>!important;
        }

        ul.nav-menu li:hover > a,
        .searchbar .search-button:hover,
        .text-animated li a:hover,
        .text-animated li:last-child a:hover,
        .slider-one .owl-nav .owl-prev:hover, 
        .slider-one .owl-nav .owl-next:hover,
        .feature-item:hover .feature-icon i,
        .services-text a:hover,
        .portfolio-menu li.filtr-active,
        .portfolio-menu li:hover,
        .portfolio-text h3 a:hover,
        .form-button .btn2:hover,
        .blog-item h3 a:hover,
        .blog-item span i,
        .blog-author li a i,
        .blog-author li a:hover,
        .call-us .button a:hover,
        .footer-item ul li a:hover,
        .team-info ul li span,
        li.event-header-left i,
        .recent-text a:hover,
        .event-contact-item:hover .event-contact-icon,
        .service-sidebar-item ul li a:hover,
        .portfolio-details ul li span,
        .sidebar-item ul li a:hover,
        .blog-one-text h3 a:hover,
        .blog-one-text ul li i,
        .single-blog ul li i,
        .contact-icon {
            color: #<?php echo $setting['front_end_color']; ?>!important;   
        }

        .text-animated li a,
        .slider-one .owl-nav .owl-prev, 
        .slider-one .owl-nav .owl-next,
        .feature-icon i,
        .feature-item:hover .feature-text,
        .footer-item .form-control,
        .footer-item .btn,
        .footer-item ul.footer-social li a,
        .event-contact-item:hover .event-contact-icon,
        .form-control:focus,
        .sidebar-item button,
        .contact-item:hover .contact-icon,
        .contact-form .btn {
            border-color: #<?php echo $setting['front_end_color']; ?>!important;      
        }

        .video-button span {
            border-left-color: #<?php echo $setting['front_end_color']; ?>!important;         
        }

        .portfolio-menu li.filtr-active,
        .team-social li a:hover {
            border-bottom-color: #<?php echo $setting['front_end_color']; ?>!important;            
        }

        .portfolio-menu li.filtr-active:before,
        .team-social li a:hover {
            border-top-color: #<?php echo $setting['front_end_color']; ?>!important;               
        }

        ul.nav-menu li ul li:hover > a {
            background: #f1f1f1!important;
        }
        .text-animated li a:hover,
        .text-animated li:last-child a:hover,
        .slider-one .owl-nav .owl-prev:hover, 
        .slider-one .owl-nav .owl-next:hover {
            background: #fff!important;
            border-color: #fff!important;
        }
        .text-animated li:last-child a {
            background: #313131!important;
            border-color: #313131!important;
        }
        .blog-author li.blog-button a,
        .blog-author li.blog-button i,
        .footer-item ul.footer-social li a:hover,
        .contact-item:hover .contact-icon {
            color: #fff!important;
        }
        .feature-item:hover .feature-icon i,
        .faq-header button.faq-button.collapsed {
            background: #fff!important;
        }
        .team-carousel .owl-nav .owl-prev:hover, 
        .team-carousel .owl-nav .owl-next:hover,
        .blog-carousel .owl-nav .owl-prev:hover, 
        .blog-carousel .owl-nav .owl-next:hover,
        .button-df a:hover,
        .testimonial-carousel .owl-dots .owl-dot.active,
        .blog-author li.blog-button a:hover,
        .footer-item ul.footer-social li a:hover,
        .team-detail-text ul li a:hover,
        .form-button .btn:hover,
        .project-carousel .owl-nav .owl-prev:hover, 
        .project-carousel .owl-nav .owl-next:hover,
        .contact-form .btn:hover {
            background: #313131!important;
        }
        .footer-item ul.footer-social li a:hover,
        .contact-form .btn:hover {
            border-color: #313131!important;
        }
        .event-contact-item:hover,
        .faq-body,
        .feature-item:hover .feature-icon i, .faq-header button.faq-button.collapsed {
            background: #f5f5f5!important;
        }

        .booking-form input:focus,
        .booking-form textarea:focus {
            border-color: #fff!important;
        }

        .booking-form button[type="submit"] {
            background: #313131!important;
            color: #fff!important;
        }

        .booking-form button[type="submit"]:hover {
            background: #fff!important;
            color: #313131!important;
        }

        * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


.container1-why {
    max-width: 1000px;
    margin: 40px auto;
    padding: 30px;
    background: white;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.container1-why:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}

.header-why1 {
    text-align: center;
    padding-bottom: 20px;
}

.header-why1 h1 {
    font-size: 2.8em;
    color: #007BFF;
    margin-bottom: 10px;
}

.header-why1 p {
    font-size: 1.2em;
    color: #555;
}

.content-why1 {
    margin-bottom: 30px;
}

.content-why1 p {
    margin-bottom: 20px;
    font-size: 1.1em;
    line-height: 1.8;
    text-align: justify;
}

@media (max-width: 600px) {
    .container-why1 {
        padding: 20px;
    }

    .header-why1 h1 {
        font-size: 2em;
    }

    .content-why1 p {
        font-size: 1em;
    }
}
.container-why {
 	max-width: 1000px;
    margin: 40px auto;
    padding: 30px;
    background-color: #fff9c4; /* Light yellow background */
    border-radius: 10px; /* Rounded corners */
    padding: 20px; /* Padding around the content */
    margin-bottom: 30px; /* Space between containers */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.header-why h1 {
    color: #ff6f00; /* Attractive header color */
    font-size: 1.8em; /* Larger font size for headers */
    margin-bottom: 10px; /* Space below header */
    font-family: 'Arial Black', sans-serif; /* Bold font */
}

.content-why {
    display: flex;
    flex-direction: column; /* Stack elements vertically */
}

.content-why ul {
    list-style-type: disc; /* Use bullet points */
    margin-left: 20px; /* Indent the list */
    color: #333; /* Darker text color for readability */
    font-size: 1.1em; /* Slightly larger font size for list items */
}

.button-why {
    margin-top: 15px; /* Space above the button */
    margin-left: auto; /* Push button to the right */
    background-color: #007BFF; /* Button background color */
    color: white; /* Button text color */
    border: none; /* No border */
    padding: 10px 15px; /* Padding for button */
    border-radius: 5px; /* Rounded corners */
    text-decoration: none; /* Remove underline from link */
    font-size: 1em; /* Font size */
    transition: background-color 0.3s; /* Smooth transition for hover */
}

.button-why:hover {
    background-color: #0056b3; /* Darker shade on hover */
}


.equal-image {
    display: block; /* Makes the image a block element */
    margin: 0 auto; /* Centers the image horizontally */
    height: 215px; /* Set a consistent height */
    width: auto; /* Maintain aspect ratio */
    max-width: 100%; /* Ensure the image is responsive */
    object-fit: cover; /* Cover the area while maintaining aspect ratio */
    border-radius: 15px; /* Set the desired border radius */
    overflow: hidden; /* Ensure the border radius is applied properly */
}

.equal-image3 {
    display: block; /* Makes the image a block element */
    margin: 0 auto; /* Centers the image horizontally */
    height: 350px; /* Set a consistent height */
    width: auto; /* Maintain aspect ratio */
    max-width: 100%; /* Ensure the image is responsive */
    object-fit: cover; /* Cover the area while maintaining aspect ratio */
    border-radius: 15px; /* Set the desired border radius */
    overflow: hidden; /* Ensure the border radius is applied properly */
}

/* Mobile View Styles */
@media (max-width: 768px) {
    .equal-image {
        height: 150px; /* Reduce height for mobile */
    }

    .equal-image3 {
        height: 200px; /* Reduce height for mobile */
    }
}

p {
    text-align: justify;
}