/**
 * Theme Name:       Mai Prosper
 * Theme URI:        https://bizbudding.com/products/mai-prosper-theme/
 * Description:      Mai Prosper child theme for the Genesis Framework.
 * Author:           BizBudding
 * Author URI:       https://bizbudding.com/
 * Version:          2.0.2
 * Text Domain:      mai-prosper
 * Template:         genesis
 * Template Version: 3.3.2
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */


.flexslider.carousel {
    margin-top: 0px;
}

.flexslider{
    margin-bottom: 0px;
}

#slider .slides li {
    position: relative;
    height: 500px; /* Set the height for the main slider's slides */
}

#slider .slides li img,
#slider .slides li video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* This makes the video or image cover the available space */
}


#carousel .slides li {
    margin-right: 5px; /* Space between thumbnails */
    height: 150px; /* Fixed height for thumbnails */
    width: auto; /* Adjust width based on the aspect ratio or set a specific width */
}

#carousel .slides img {
    height: 100%;
    width: 100%; /* Adjust width automatically to maintain aspect ratio */
    object-fit: cover; /* Ensures the entire image fits within the thumbnail */
}

#carousel .slides li video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* This makes the video or image cover the available space */
}




/* Style for the nav-tabs */
.nav-tabs .nav-link {
    background: none; 
    color: grey; 
    border: none; 
}

.nav-tabs .nav-link{
    border-radius:0px;
}

/* Style for the nav-link hover and active state */

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active {
    border-bottom: 2px solid blue;
    border-radius:0px;
}

#myTab{
    margin-left:0px;
}

/* Ensure the active tab has the underline persistently */
.nav-tabs .nav-link.active {
    color: grey; /* Maintain grey text color even for active state */
}


/*

.feature_items{
    display: flex;
    gap: 10px;
    align-items: center;
}


.feature_items i {
    flex: 0 0 60px; 
    text-align: center;
}

.feature_items p:nth-child(2) {
    flex: 0 0 120px; 
    text-align: left;
}

.feature_items p:nth-child(3) {
    flex: 0 0 60px; 
    text-align: center;
}



*/





.tab-content>.tab-pane {
    padding-top: 25px;
}

.single-vessel-aside{
    background:#f1f1f1;
}


.vassel-tabs-accrodion button{
    border-radius:0;
    width:100%;
    
}
.vassel-tabs-accrodion h2{
margin:0;
    
}


.accordion-button:not(.collapsed) {
    color: var(--button-color);
    background-color:var(--button-background,var(--color-primary));
    background: var(--button-background,var(--color-primary));
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}





@media (max-width: 768px) {
    #slider .slides li {
        height: 300px; /* Smaller height for smaller devices */
    }
    
    .single-vessel-aside{
        padding:0px !important;
    }

    #carousel .slides li {
        height: 120px; /* Smaller thumbnails on mobile */
    }
}

.select-wrapper {
  position: relative;
  display: inline-block;
}
.select-label {
  position: absolute;
  top: -8px;
  left: 10px;
  background: white;
  padding: 0 4px;
  font-size: 12px;
  color: #666;
}