/*
Theme Name: Spaciaz Child
Author: Opalthemes
Description: Spaciaz is a powerful and professional WordPress theme designed specifically for businesses in the real estate and construction industries. Whether you're running an architecture firm, a construction company, a property development group, or a real estate agency, Spaciaz offers everything you need to create a strong online presence.
Version: 1.0
Author URI: https://wpopal.com/
Template: spaciaz
Text Domain: spaciaz-child

This is the child theme for Spaciaz theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/


.matrix-header{
     backdrop-filter: blur(60px) !important;
    -webkit-backdrop-filter: blur(60px);
}
.matrix-tab .e-n-tabs-heading {
    border: 1px solid #E0E0E0;
    padding: 4px;
    border-radius: 60px;
    width: fit-content;
}
.wpcf7-button span.elementor-button-icon {
    background-color: #DBBC57 !important;
}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required{
    color: #8A8A8A !important;
}
/*contact form invester*/
/* Investor Row */
.investor-field{
    display:flex !important;
    justify-content:space-between;
    align-items:center;
    margin:0 0 30px 0;
}
.wpcf7-form p {
    color: #4B4B4B !important;
    font-weight: 400 !important;
}
.investor-label{
    font-size:18px;
    font-weight:500;
    color:#2d2d2d;
}

.investor-field .wpcf7-radio{
    display:flex;
    gap:30px;
}

.investor-field .wpcf7-list-item{
    margin:0;
}

.investor-field .wpcf7-list-item label{
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
}

.investor-field input[type="radio"]{
    width:16px;
    height:16px;
    margin:0;
}

@media(max-width:767px){
    .investor-field{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
    }
}
/*contact form invester end*/

/*contact form Submit Property*/
/*==================================================
UPLOAD FIELD
==================================================*/

.cf7-upload-box{
    position:relative;
    width:100%;
}

.cf7-upload-box .wpcf7-form-control-wrap{
    display:none;
}

.cf7-upload-content{
    background:#F2F2F2;
    border-radius:30px;
    min-height:298px;
    padding:60px 30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    cursor:pointer;
    border:2px solid transparent;
    transition:all .3s ease;
    margin-bottom:30px;
}

.cf7-upload-box:hover .cf7-upload-content{
    background:#F6F6F6;
}

.cf7-upload-icon{
    margin-bottom:18px;
    transition:.3s;
}

.cf7-upload-icon img{
    width:60px;
    height:60px;
    display:block;
}

.cf7-upload-box:hover .cf7-upload-icon{
    transform:translateY(-2px);
}

.cf7-upload-content h3{
    margin:0 0 15px;
    font-family:'Involve';
    font-size:18px;
    font-weight:500;
    line-height:28px;
    color:#7E7E7E;
}

.upload-description{
    margin:0;
    font-size:14px;
    line-height:22px;
    color:#8A8A8A;
}

.upload-description span{
    color:#000;
    font-weight:600;
    text-decoration:underline;
}

.cf7-upload-box br{
    display:none!important;
}

/*==================================================
SUCCESS STATE
==================================================*/

.cf7-upload-box.has-file .cf7-upload-content{
    background:#F4FAEF;
    border:2px solid #B7D5A4;
}

/* Hide instructions after upload */
.cf7-upload-box.has-file .upload-description{
    display:none !important;
}

.upload-check{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#5F9C47;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:34px;
    font-weight:700;
}

.selected-file{
    width:100%;
    /*margin-top:18px;*/
}

.upload-success-wrapper{
    text-align:center;
}

.upload-file-name{
    max-width:420px;
    margin:auto;
    font-size:18px;
    font-weight:600;
    line-height:28px;
    color:#333;
    word-break:break-word;
}

.upload-file-size{
    margin-top:5px;
    font-size:13px;
    color:#8A8A8A;
}

.upload-actions{
    display:flex;
    justify-content:center;
    gap:14px;
    margin-top:10px;
    flex-wrap:wrap;
}

.upload-actions button{
    border:none;
    border-radius:40px;
    padding:8px 16px !important;
    cursor:pointer;
    font-size:13px;
    font-weight:600;
    transition:.25s;
}

.replace-upload{
    background:#DBBC57;
    color:#fff;
}

.replace-upload:hover{
    background:#C8A645;
}

.remove-upload{
    background:#2F2F2F;
    color:#fff;
}

.remove-upload:hover{
    background:#000;
}

@media (max-width:767px){

    .cf7-upload-content{
        min-height:240px;
        padding:50px 20px;
    }

    .upload-actions{
        flex-direction:column;
        width:100%;
    }

    .upload-actions button{
        width:100%;
        max-width:220px;
    }

}

/*homepage*/
.elementor-service-content-toggle-wrapper .description{
    display: block !important;
    overflow: visible !important;
    text-overflow: unset !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
}
.elementor-service-content-toggle-wrapper .service-post-thumbnail{
    padding-top: 48.4% !important;
}