/*
 * =================================
 * Custom Styles for the Features & Options Tabs
 * File: features-tabs.css
 * =================================
*/

.features-options-tabs .nav-tabs {
    border-bottom: 2px solid #940f0f; /* Thermwood Red border */
    margin-bottom: 20px;
}

.features-options-tabs .nav-tabs > li > a {
    background-color: #f5f5f5;
    border-radius: 4px 4px 0 0;
    margin-right: 5px;
    color: #333;
    font-weight: 600;
    padding: 12px 20px;
    border-bottom: 2px solid transparent !important;
    transition: all 0.2s ease-in-out;
}

.features-options-tabs .nav-tabs > li > a:hover {
    background-color: #e9e9e9;
    color: #000;
}

.features-options-tabs .nav-tabs > li.active > a,
.features-options-tabs .nav-tabs > li.active > a:hover,
.features-options-tabs .nav-tabs > li.active > a:focus {
    background-color: #940f0f; /* Thermwood Red for active tab */
    color: #fff;
    border-color: #940f0f;
}

.features-options-tabs .tab-content {
    padding-top: 15px;
}

.features-options-tabs .portfolio-box .col-sm-4 {
    margin-bottom: 30px; /* Ensures consistent spacing between rows */
}

.features-options-tabs .portfolio-box .headline-left h3 {
    font-size: 18px; /* Slightly smaller headlines for a cleaner look */
}

.features-options-tabs .nav-tabs > li > a > i {
    margin-right: 8px; /* Space between icon and text */
}