/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/



.portfolio .e-gallery-item .e-gallery-image{
height:100% !important;
}

.portfolio .e-gallery-item{
height:350px;
}


.btn.loadMoreBtn .loadMoreBtn-label{
font-family: "Bebas", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    background-color: var(--e-global-color-980bd77);
    border-radius: 0px 0px 0px 0px;
    padding: 12px 45px 12px 45px;
    color:#fff;
}

a#loadMore{
margin-top:40px !important;
}



/*
    Add your custom styles here
*/


.Home-gallery div#gallery-1 .gallery-item:first-child ,div#gallery-1 .gallery-item:last-child{
max-width:620px;

}

.Home-gallery div#gallery-1{
display:flex !important;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}

.Home-gallery  div#gallery-1 .gallery-item img{
margin:0;
}

.Home-gallery  div#gallery-1 .gallery-item{
width:auto !important;
}

.S-icons svg{
filter:invert(0) brightness(10);
}

.S-icons svg:hover{
filter:none;
}

.cstm-img::after {
    rotate: -25deg;
    right: -200px;
    content: '';
    background: url(https://demowebs.1stopwebsitesolution.com/4tabsltd/wp-content/uploads/2024/09/Vector-16.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 100%;
    z-index: 99;
    position: absolute;
    top: -79px;
    opacity:0.5;
}
.home-tabs .tabtilebar h6{
color: var(--e-global-color-980bd77);
    font-family: "Bebas Neue", Sans-serif;
    font-size: 19px;
    font-weight: 100;
    line-height: 30px;
    letter-spacing: 10px;
    margin:0;
}

.home-tabs .tabtilebar h2{
color: #000000;
font-family: "Bebas", Sans-serif;
font-size: 45px;
font-weight: 400;
text-transform: uppercase;
line-height: 55px;
word-spacing: -4px;
}

.home-tabs .elementor-tab-title{
padding-left:0  !important;
padding-right:0  !important;
}

.home-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text{
font-weight:600 !important;
}

.home-tabs  .e-n-tab-title{
border-bottom:1px solid #444444 !important;
}

.home-tabs .elementor-tabs-wrapper .e-n-tab-title.elementor-active{
border-bottom:1px solid #545454 !important;
}

.home-tabs .tabtilebar{
width:400px;
}

.cstm-img {
height:100% !important;
}

/* ABOUT PAGE */

.accordianss .elementor-accordion-item{
border-left:none !important;
border-right:none !important;
}
.accordianss .elementor-accordion-item:first-child{
border-top:none !important;
}

.accordianss .elementor-accordion-icon{
margin-top:15px;
}

.accordianss .elementor-tab-title.elementor-active .elementor-accordion-title{
color:#8BC53F !important;
}




/* 
Contact Page */

.contact-form textarea{
border-radius:10px !important;
}

.contact-form input{
height:65px ;
}

.contact-form input::placeholder{
font-family:'montserrat';
font-weight:300;
}

.phone-box .elementor-icon-list-item::before{
content:url('https://demowebs.1stopwebsitesolution.com/4tabsltd/wp-content/uploads/2024/09/g1107.png');
margin-right:15px;
margin-top:5px;
}

.services-sec .elementor-element.e-con.e-parent{
background-image:none !important;
}

.page-id-423 div#portfolio-btn ,.home div#portfolio-btn{
display:none !important
}
.services-sec  ::before {
display:none;
}

.services-sec  .service-tabs .e-con-inner{
padding-bottom:30px !important;
}

.readmore-text{
display:none;
}

a.readMoree,a.lessmore {
color: #000000 !important;
font-family: "Montserrat", Sans-serif;
font-size: 16px;
font-weight: 600 !important;
font-style:italic;
text-decoration:underline !important;
cursor:pointer;
}

.services-sec .service-btn{
display:none !important;
}


.text-margin p{
margin-bottom:0 !important;
}


/* For desktop screens (above 768px width, adjust as needed) */
@media (min-width: 768px) {
    /* Span the first item in even rows across 2 columns */
.portfolio  .e-gallery-item:nth-child(8n+1) {
    grid-column: span 2;
   height:350px !important;
   object-fit:cover;
}

/* Span the last item in odd rows across 2 columns */
.portfolio .e-gallery-item:nth-child(8n+6)
 {
    grid-column: span 2;
      height:350px !important;
      object-fit:cover;
}

}




@media screen and (max-width:1024px){

.home-tabs .tabtilebar h2 {
font-size:35px !important;
}


.cstm-img::after{
display:none !important;
}

.tabtilebar{
width:100% !important;
}

.tabtilebar h6,.tabtilebar h2{
text-align:center;
}
.Home-gallery div#gallery-1 .gallery-item:first-child, div#gallery-1 .gallery-item:last-child {
    max-width: 230px !important;
}

.Home-gallery #gallery-1{
margin:0 !important;
max-width:90% !important;
display:flex;
flex-wrap:wrap;
justify-content:center;
}

.Home-gallery  .elementor-image-gallery{
display:flex;
justify-content:center;
align-items:center;
}

.Home-gallery div#gallery-1 .gallery-item img {
    margin: 0;
    height: 300px;
    width: 100%;
   object-fit:cover;
}

.contact-form input {
    height: 50px !important;
}


}


@media screen and (max-width:767px){

.services-sec .service-tabs .e-con-inner{
padding-bottom:0 !important;
}


.phone-box .elementor-icon-list-text{
color:#fff !important;
}

.phone-box .elementor-icon-list-item::before{
filter:invert(1)brightness(10); 
zoom: 0.6;
}

.Hwrappper-box{
background:#8bc53f;
}

.phone-box .elementor-icon-list-text{
color:#fff !important;
}


.home-tabs .tabtilebar h2{
font-size:28px !important;
line-height:38px !important;
}

.Home-gallery div#gallery-1 .gallery-item:first-child, div#gallery-1 .gallery-item:last-child ,.Home-gallery #gallery-1{
 max-width: 100% !important;
 }

.Home-gallery div#gallery-1 .gallery-item:first-child img, .Home-gallery   div#gallery-1 .gallery-item:last-child img{
height:400px !important;
object-fit:cover;

}

.Home-gallery div#gallery-1 .gallery-item{
    width: 100% !important;
   padding-right:0 !important;

}

.Home-gallery div#gallery-1 .gallery-item img{
height:auto !important;

}

.portfolio .e-gallery-item:nth-child(8n+1),
    .portfolio .e-gallery-item:nth-child(8n+6) {
        grid-column: auto;
        height: auto !important; /* Adjust height if necessary for mobile */
        object-fit: cover;
}



}