/* loading */
/* ******* */
.preloader .loading-wrapper .loading{
    border: 2px solid transparent;
    border-color: transparent var(--secondary-color) transparent var(--secondary-color);
}

/* ********************************* */
/* ****** Home Page ******* */

/* header carousel */
/* *************** */
.luxivo-hero_two .single-slider{
    padding: 0;
    height: 700px;
    display: flex;
    align-items: center;
}
.luxivo-hero_two .image-layer{
    height: 700px;
    background-size: cover;
    background-position: center;
}

.luxivo-room-item.style-two .room-image img{
    height: 280px;
    object-fit: cover;
    object-position: center;
}

.theme-btn.style-one{
    padding: 15px 30px;
}

.luxivo-counter_one:after{
    /* background-color: #05778914; */
    background-color: var(--gray-color);
}
.luxivo-counter_one .luxivo-counter-item.style-one .content h2{
    color: var(--secondary-color);
    font-size: 48px;
    font-weight: 600;
    margin: 20px 0;
    line-height: 48px;
}
.luxivo-counter_one .luxivo-counter-item.style-one .content p{
    color: var(--primary-color);
}
.luxivo-about_two .luxivo-image-box .luxivo-image.image_one img{
    width: 473px;
    height: 410px;
    object-fit: cover;
    object-position: center;
}
.luxivo-about_two .luxivo-image-box .luxivo-image.image_two img{
    width: 345px;
    height: 260px;
}

/* why choose yacht */
.luxivo-choose-sec .luxivo-image img{
    height: 420px;
    object-fit: cover;
    object-position: center;
}
.luxivo-choose-sec .luxivo-content-box .check-list.style-one li{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

/* Destinations */
.luxivo-room-item.style-one .room-image img{
    height: 300px;
    object-fit: cover;
    object-position: center;
}
.luxivo-room_one .room-bg:after{
    background-color: #05778914;
}
.luxivo-room_one .room-arrows .slick-arrow{
    color: var(--primary-color);
    border-color: var(--primary-color);
    border-width: 2px;
}
.luxivo-room_one .room-arrows .slick-arrow:hover{
    color: var(--white-color);
}


/* additional */
.luxivo-room-item.style-four .room-image img{
    height: 500px;
    object-fit: cover;
    object-position: center;
}


/* subscribe section */
.luxivo-newsletter-sec{
    background-position: center;
}



/* yacht-listing page */
/* ****************** */
.yacht-listing{
    background: var(--gray-color);
}
.yacht-listing .theme-btn.style-one{
    padding: 12px 15px !important;
}
.yacht-listing .theme-btn.style-two{
    padding: 12px 15px !important;
}


/* Faqs page */
/****************/
#wpcf7-f236-o1 .wpcf7-form-control-wrap{
    width: 100%;
}
/* Container styling to keep it neat */
#wpcf7-f236-o1 .wpcf7-form {
    max-width: 500px;
    /* margin: 0 auto; */
    margin-right: auto;
    font-family: Arial, sans-serif;
}

/* The "ASK QUESTION" Title */
#wpcf7-f236-o1 h2.form-title {
    color: #1a3b6e; /* Dark Blue */
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 24px;
    text-transform: uppercase;
}

/* Labels */
#wpcf7-f236-o1 .wpcf7-form label {
    font-weight: 700;
    color: #333;
    margin-bottom: 5px;
    display: block;
    font-size: 16px;
	width: 100%;
}


/* Input Fields & Textarea Styling */
#wpcf7-f236-o1 .wpcf7-form input[type="text"],
#wpcf7-f236-o1 .wpcf7-form input[type="email"],
#wpcf7-f236-o1 .wpcf7-form input[type="tel"],
#wpcf7-f236-o1 .wpcf7-form textarea {
    background-color: #f0f2f5; /* Light Grey background */
    border: none;
    border-radius: 8px; /* Rounded corners */
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #555;
    box-sizing: border-box; /* Ensures padding doesn't break layout */
}

/* Textarea specific height */
#wpcf7-f236-o1 .wpcf7-form textarea {
    height: 150px;
    resize: vertical; /* Allows user to resize vertically only */
}

/* Placeholder Text Color */
#wpcf7-f236-o1 .wpcf7-form ::placeholder {
    color: #889;
    font-weight: 600;
    opacity: 1; 
}

/* Submit Button */
#wpcf7-f236-o1 .wpcf7-form input[type="submit"] {
    background-color: #637a9a; /* Muted Blue/Grey */
    color: white;
    font-weight: 600;
    font-size: 18px;
    border: none;
    border-radius: 8px;
    padding: 15px;
    width: 100%;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#wpcf7-f236-o1 .wpcf7-form input[type="submit"]:hover {
    background-color: #506380; /* Slightly darker on hover */
}

/* Remove default CF7 loader styling if it messes up alignment */
#wpcf7-f236-o1 .wpcf7-spinner {
    margin: 0; 
    position: absolute;
}



/* yatchs management page */
.yatchs-management-section .icon-text circle{
    fill: var(--secondary-color);
}
.yatchs-management-section .icon-text path{
    fill: var(--white-color);
}