/*
Template:       modarch
Theme Name:     ModArch Child
Theme URI:      https://themeforest.net/user/LaStudio/portfolio?ref=LaStudio
Author:         LA Studio
Author URI:     https://themeforest.net/user/LaStudio?ref=LaStudio
Description:    ModArch - Architecture & Interior WordPress Theme
Version:        1.0.0
Requires at least: 5.9
Requires PHP:   7.0
Tags:           agency architecture portfolio, architecture company, architecture design, architecture portfolio, architecture responsive, architecture showcase, construction architecture wordpress theme, corporate architecture business, creative architecture responsive, exterior design, house design, interior design, interior designer, minimal architecture wordpress
License:        GNU General Public License
License URI:    licence/GPL.txt
Text Domain:    modarch-child
Domain Path:    /languages/
Elementor tested up to: 3.29.2
Elementor Pro tested up to: 3.29.2
WooCommerce tested up to: 9.9.4
*/

#we_feature .lakit-bannerlist__btn_wrap {
    display: none;
}
.our_value figure img {
    height: 80px;
    width: 80px;
    object-fit: contain;
}
.how-we-sec {
    display: grid;
    grid-template-columns: 90px auto;
    gap: 15px;
    align-items: start;
    padding: 10px;
}
.how-we-sec .how-num h5 {
    font-size: 60px;
    font-weight: 700;
    color: rgba(0,0,0,0.1);
    line-height: 1;
    font-family: 'Jost';
    letter-spacing: 0.5px;
}
.how-cont p {
    color: var(--e-global-color-text);
    font-size: 18px;
    font-family: 'Jost';
    letter-spacing: 0.02px;
}
.how-cont h3 {
    margin-bottom: 10px;
}
.service-blog-cont .elementor-image-box-content, .service-blog-cont .elementor-image-box-wrapper{
    position: relative;
}
.service-blog-cont .elementor-image-box-content h3 {
    position: absolute;
    bottom: 0px;
    background: linear-gradient(0deg, #152534, transparent);
    padding: 30px;
    color: #fff;
    width: 100%;
	border-radius: 0px 0px 20px 20px;
}
.service-blog-cont .elementor-image-box-content p {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 9;
    bottom: 80px;
    color: #fff;
    padding: 50px;
    transition: 0.5s ease all;
	transform:scale(0);
}
.service-blog-cont .elementor-image-box-wrapper:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-color: rgb(21 37 52 / 57%);
    backdrop-filter: blur(8px);
    transform: scale(0);
    transition: 0.5s ease all;
    border-radius: 20px;
}
.service-blog-cont .elementor-image-box-wrapper:hover:before{
	transform: scale(1);
}
.service-blog-cont .elementor-image-box-wrapper:hover .elementor-image-box-content p{
		transform:scale(1);
}
.service-blog-cont .elementor-image-box-wrapper:hover .elementor-image-box-content h3{
	color: #fff;
}
figure.elementor-image-box-img {
    overflow: hidden;
    border-radius: 20px;
}
.feature_one .lakit-bannerlist__inner {
    background: #152534 !important;
}
.feature_two .lakit-bannerlist__inner {
    background-color: #ddd8d2 !important;
}
.feature_three .lakit-bannerlist__inner {
    background-color: #c59c53 !important;
}
.feature_one .lakit-bannerlist__inner h2.lakit-bannerlist__title, .feature_three .lakit-bannerlist__inner h2.lakit-bannerlist__title {
    color: #fff;
}
.feature_one .lakit-bannerlist__inner .lakit-bannerlist__subdesc, .feature_three .lakit-bannerlist__inner .lakit-bannerlist__subdesc {
    color: #fff;
}
#we_feature .feature_one .lakit-bannerlist__inner .lakit-bannerlist__icon svg, #we_feature .feature_three .lakit-bannerlist__inner .lakit-bannerlist__icon svg {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(86deg) brightness(104%) contrast(100%);
}
.client-logo figure.swiper-slide-inner {
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 10px 10px #cccccc5c;
    margin-bottom: 20px !important;
}
.popup-form {
    padding: 40px 20px 10px;
    background: #c59c53;
}
.popup-form input {
    height: 50px;
    margin-bottom: 20px;
    color: #fff !important;
    border-radius: 20px !important;
}
.popup-form textarea {
    height: 90px;
    margin-bottom: 30px;
    color: #fff;
	border-radius: 20px !important;
	min-height: 100px;
}
.popup-form h2 {
    font-size: 24px;
    text-align: center;
    color: #fff;
    letter-spacing: 0.1px;
    margin-bottom: 30px;
}




/*================== Landing page css start ==================  */

.landing_contact_form_main {
    max-width: 100%;
}
.landing_contact_form_main .row {
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
}
.landing_contact_form_main .col-md-6 {
    width: 100%;
}
.landing_contact_form_main input {
    padding: 12px 15px;
    width: 100%;
    background: #fff !important;
    border: 1px solid #ccc !important;
    font-size: 14px;
    border-radius: 5px !important;
}
.landing_contact_form_main select {
     padding: 14px 15px;
/*     width: 415px; */
 background: #fff !important;
    border: 1px solid #ccc !important;
    font-size: 14px;
    border-radius: 5px !important;
    color: #797979;
}
.form_sbt_btn input {
    background: #152534 !important;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #152534 !important;
    padding: 12px 30px;
    margin-top: 15px;
}
.form_sbt_btn input:hover {
    background: #c59c53 !important;
    border: 1px solid #c59c53 !important;
}
.form_sbt_btn p {
    margin-bottom: 0;
}
/* .contact_form_main .acceptance {
    display: flex;
    align-items: center;
    margin-top: 10px;
    font-size: 14px;
} */

.landing_contact_form_main .acceptance label {
    display: flex;
    align-items: center;
    gap: 12px;
/*     margin-bottom: 0; */
}

.landing_contact_form_main .acceptance input[type="checkbox"] {
    margin: 0;
    transform: scale(1.1);
    width: auto;
}
.acceptance span {
    margin-left: 0;
    font-weight: 400;
}
.form_sbt_btn {
    text-align: center;
}
.form_sbt_btn .row {
    display: inline-block !important;
}

.feature_data_box .elementor-icon {
    background: #c19951;
    padding: 20px;
    width: 80px;
    font-size: 40px;
    height: 80px;
    align-items: center;
    text-align: center;
	border-radius: 100px;
/*     filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(86deg) brightness(104%) contrast(100%); */
}
.feature_data_box svg {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(86deg) brightness(104%) contrast(100%);
}

.feature_container:hover .feature_data_box h4 {
    color: #fff;
}
.feature_container:hover .feature_data_box p {
    color: #fff !important;
}
.landing_testimonial .star-rating {
    display: none;
}

.landing_popular_project {
    border-radius: 20px;
}

.landing_popular_project:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #152534 0%, transparent 50%);
	    border-radius: 20px;
}
.landing_popular_project .elementor-image-box-content {
    position: absolute;
    bottom: 0;
    content: "";
    z-index: 10;
}
.landing_popular_project:hover img {
    transform: scale(1.2);
    transition: 1.5s;
}
.page-id-3938 .elementor-location-footer {

    display: none;

}
 
.page-id-3938 .elementor-location-header {

    display: none;

}
 




/*================== Landing page css end ==================  */





@media only screen and (max-width: 981px) {
.service-blog-cont .elementor-image-box-content p {
    bottom: 20px;
}
	.client-logo figure.swiper-slide-inner {
    width: 100% !important;
    height: 180px !important;
	}
}
.lakit-mobile-menu--right-side.lakit-nav-wrap.lakit-active--mbmenu .lakit-nav:not(.ignore-docs-style) {
    transform: translateX(70px);
    opacity: 1;
    display: block !important;
    height: 100%;
    width: 340px !important;
    top: 0px !important;
    right: unset;
}
@media only screen and (max-width: 859px){
.lakit-mobile-menu--right-side.lakit-mobile-menu-active.lakit-active--mbmenu .lakit-nav:not(.ignore-docs-style) {
           transform: translateX(0px);
	   left: 0;
}
	div#project_slider {
    overflow: hidden;
}
	.lakit-mobile-menu--right-side.lakit-nav-wrap.lakit-active--mbmenu .lakit-nav__mobile-close-btn svg.lakit-font-icon-svg {
    color: #fff;
}
	#we_feature .lakit-bannerlist__icon {
    display: none;
}
}

@media only screen and (max-width: 600px){
	br{
		display: none;
	}
	.popup-form h2 {
    font-size: 20px;
}
}

@media only screen and (max-width: 500px) {
  .landing_contact_form_main .row {
    display: block;
  }
	.counter_no .elementor-counter-title {
    font-size: 14px !important;
}
	.landing_contact_form_main input {
    margin-bottom: 7px;
}
}