/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
.site-container{
    width:100%;
    margin:0 auto;
	max-width:1600px;
    box-sizing:border-box;

}
@media (max-width:1600px){
	.site-container{
	padding-left:8%;
	padding-right:8%;
	}
}
@media (max-width:1200px){
    .site-container{
		max-width:1024px;
        padding-left:5%;
        padding-right:5%;
    }
}

@media (max-width:767px){
    .site-container{
        padding-left:5%;
        padding-right:5%;
    }
}
.completed-project-page{

    margin-block:80px;

}

.completed-project-container{

    max-width:var(--e-global-container-width);

    margin-inline:auto;

    padding-inline:20px;

}

.project-hero{

    margin-bottom:60px;

}

.project-hero img{

    width:100%;

    height:auto;

    display:block;

    border-radius:2px;

}

.project-title{
    font-family:var(--e-global-typography-primary-font-family);

    font-size:clamp(38px,5vw,62px);

    font-weight:var(--e-global-typography-primary-font-weight);

    line-height:1.1;

    color:var(--e-global-color-primary);

    margin:0 0 60px;

}

.project-gallery {

    display:grid;

    grid-template-columns:repeat(12,1fr);

    gap:5px;

}

.project-gallery a{

    grid-column:span 4;

    display:block;

    overflow:hidden;

    

}



.project-gallery img{

    width:100%;

    height:350px;

    object-fit:cover;

    display:block;

    transition:.35s ease;

}

.project-gallery a:hover img{

    transform:scale(1.05);

}

    .project-title{

        margin-top:80px;

    }

@media(max-width:1024px){

    .project-gallery a{

        grid-column:span 6;

    }

}

@media(max-width:767px){

    .completed-project-page{

        margin-block:50px;

    }

    .project-title{

        margin-bottom:40px;

    }

    .project-gallery{

        gap:5px;

    }

    .project-gallery a,
    .project-gallery a:first-child{

        grid-column:span 12;

    }

}

/* FORM */

.ms-contact-form{
    width:100%;
}

.ms-row{
    display:flex;
    gap:20px;
    margin-bottom:18px;
}

.ms-col{
    flex:1;
}

.ms-col-full{
    width:100%;
}

/* INPUTS */

.ms-contact-form input:not([type="submit"]):not([type="checkbox"]),
.ms-contact-form textarea{

    width:100%;
    box-sizing:border-box;

    background:#fff;

    border:1px solid #E5E5E5;
    border-radius:10px;

    padding:14px 18px;

    font-size:15px;
    font-family:inherit;

    transition:all .25s ease;

}

.ms-contact-form textarea{

    min-height:140px;
    resize:vertical;

}

/* PLACEHOLDER */

.ms-contact-form ::placeholder{

    color:#8D8D8D;
    opacity:1;

}

/* FOCUS */

.ms-contact-form input:focus,
.ms-contact-form textarea:focus{

    outline:none;

    border-color:#FDB913!important;

    box-shadow:0 0 0 3px rgba(253,185,19,.10);

}

/* PRIVACY */

.ms-privacy{

    margin-top:10px;

    font-size:14px;
    color:#666;
    line-height:1.6;

}

.ms-privacy a{

    color:#111;
    text-decoration:underline;

}

.ms-privacy input{

    margin-right:10px;

}

/* BUTTON */

.ms-submit{

    margin-top:28px;

}

.ms-contact-form input[type="submit"]{

    appearance:none;

    background:#FDB913;

    color:#fff;

    border:1px solid #FDB913;

border-radius: 100px 100px 100px 100px;
    padding: 16px 35px 16px 35px;

    font-size:16px;
    font-weight:400;

    cursor:pointer;

    transition:all .3s ease;
	font-family: "Inter", Sans-serif;
	line-height:1em;

}

/* HOVER */

.ms-contact-form input[type="submit"]:hover{

    background:#fff;

    color:#111;

    border-color:#FDB913;

}

/* ACTIVE */

.ms-contact-form input[type="submit"]:active{

    transform:scale(.98);

}

/* VALIDATION */

.wpcf7-not-valid{

    border-color:#d63638 !important;

}

.wpcf7-not-valid-tip{

    display:none;

}

.wpcf7 form .wpcf7-response-output{

    margin:25px 0 0;

    border-radius:10px;

    padding:15px 18px;

}

/* SPINNER */

.wpcf7-spinner{

    margin-left:12px;

}

/* MOBILE */

@media(max-width:767px){

    .ms-row{

        flex-direction:column;

        gap:16px;

    }

}