/**
Theme Name: qaconcept
Author: Vinh
Author URI: https://vilicom.vn/
Description: themeQconcept
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: qaconcept
Template: astra
*/

ul.sub-menu li {
    background: #272727c7;
}

.project-category {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 0 -0.8em;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.8em;
    -webkit-transform: rotate(
-90deg
);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(
-90deg
);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.project:hover .project-category {
    opacity: 0;
    letter-spacing: 2em;
}

.our-project .elementor-section-wrap {
    overflow: hidden;
}

.project-title {
    position: absolute;
    top: 0;
	font-size:80%;
    left: 0;
    margin: 0;
    /*font-family: oswald,sans-serif; */
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: .07em;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.project:hover .project-title {
    top: 30px;
    opacity: 0;
}

.project-local {
    position: absolute;
    top: 30px;
    left: 0;
    margin: 0;
	font-size:80%;
    /*font-family: oswald,sans-serif; */
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: .07em;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.project:hover .project-local {
    top: 60px;
    opacity: 0;
}


.project:hover {
	animation: breath 8s linear infinite;
}

@keyframes breath {
  0%   { background-size: 100% auto; }
  100% { background-size: 140% auto; }
}

textarea.wpcf7-form-control.wpcf7-textarea {
    height: 7.9em !important;
    padding-top: 1.1em;
    resize: none;
}

textarea.wpcf7-form-control {
    font-size: 1em;
    height: 3.625em;
    border-radius: .75em;
    padding-left: 22px;
    color: #fff;
    background-color: #323232;
    border: 1px solid #323232;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
}

input.wpcf7-form-control {
    font-size: 1em;
    height: 3.625em;
    border-radius: .75em;
    padding-left: 22px;
    color: #fff;
    background-color: #323232;
    border: 1px solid #323232;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
}

.form-group {
    padding: 5px;
}
.text-right {
    text-align: right;
}


.box-step {
    padding: 10px;
    min-height: 200px;
    border-top: solid 1px #fff;
}

	.step-box .elementor-element.elementor-view-stacked.elementor-shape-square.elementor-position-left.elementor-vertical-align-top.elementor-widget.elementor-widget-icon-box {
    margin-bottom: 0px;
}

@media (max-width: 767px){
.box-step {
    padding: 10px;
    min-height: 50px;
    border-top: solid 1px #fff;
}
	
	.step-box .elementor-icon-box-content {
    float: right;
    width: 65%;
}
	
	.step-box .elementor-icon-box-icon {
    width: 25%;
    float: left;
}
	
	.step-box .elementor-column {
    padding-top: 15px;
}

	
	.post-blog .elementor-post{
		    display: block;
}
	.post-blog .elementor-post__text{
		margin-top:15px;
	}
	
}