/* 
Theme Name: Hello Elementor Child
Theme URI: 
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
*/

/* Add your custom styles here */


.whatsapp-icon img,
.call-icon img{
    display:block;
    width:100%;
    height:100%;
}

.whatsapp-icon{
    width:30px;
    height:30px;
}

.call-icon{
    width:22px;
    height:22px;
}

.call-sticky-btn-wrap{
    position:fixed;
    right:0;
    top:50%;
    z-index:99999;
    height:0;
}

.call-sticky-btn-wrap.now-show .call-sticky-btn{
    transform:translate3d(4px,0,0) rotate(-90deg);
}

.call-sticky-btn{
    position:relative;
    top:-106px;
    right:-60px;

    display:flex;
    align-items:center;
    gap:8px;

    padding:8px 18px;

    background:#008b40;
    color:#fff;
    border:2px solid #008b40;
    border-radius:15px 15px 0 0;

    text-decoration:none;
    font-size:18px;
    font-weight:600;

    transition:.4s;

    transform:translate3d(200%,0,0) rotate(-90deg);
    transform-origin:100% 100%;
}

.call-sticky-btn.revealed{
    right:0;
}

.call-sticky-btn:hover{
    background:#fff;
    color:#008b40;
}

.call-sticky-btn svg{
    width:22px;
    height:22px;
}

.call-sticky-btn:hover svg path{
    fill:#008b40;
}

/* WhatsApp */

.footer-whatsapp{
    position:fixed;
    right:20px;
    bottom:20px;
    width:56px;
    height:56px;
    border-radius:50%;
    background:#4dc247;

    display:flex;
    align-items:center;
    justify-content:center;

    z-index:99999;

    transition:.3s;
}

.footer-whatsapp a{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
}

.footer-whatsapp svg{
    width:28px;
    height:28px;
}

.footer-whatsapp:hover{
    background:#fff;
    border:2px solid #4dc247;
}

.footer-whatsapp:hover svg path{
    fill:#4dc247;
}

.whatsapp_hidden{
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
}

.whatsapp_show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}





.portfolio-section{
    padding:90px 20px;
    background:#f5f5f5;
}

.portfolio-header{
    max-width:1200px;
    margin:auto;
    margin-bottom:50px;
}

.portfolio-header h2{
    font-size:60px;
    font-family:Georgia,serif;
    color:#111;
}

.portfolio-grid{

    max-width:1200px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;

}

.portfolio-item{

    overflow:hidden;
    cursor:pointer;
    border-radius:8px;
    position:relative;

}

.portfolio-item img{

    width:100%;
    display:block;
    transition:.4s;

}

.portfolio-item:hover img{

    transform:scale(1.08);

}

/* Lightbox */

.lightbox{

    position:fixed;
    inset:0;
    background:rgba(0,0,0,.9);

    display:flex;
    justify-content:center;
    align-items:center;

    visibility:hidden;
    opacity:0;

    transition:.3s;

    z-index:99999;

}

.lightbox.show{

    visibility:visible;
    opacity:1;

}

.lightbox-img{

    max-width:90%;
    max-height:85vh;
    border-radius:10px;

}

.close{

    position:absolute;
    top:25px;
    right:35px;

    color:#fff;
    font-size:45px;
    cursor:pointer;

}

.prev,
.next{

    position:absolute;
    top:50%;
    transform:translateY(-50%);

    color:#fff;
    font-size:60px;
    cursor:pointer;
    user-select:none;
    padding:15px;

}

.prev{

    left:40px;

}

.next{

    right:40px;

}

@media(max-width:991px){

.portfolio-grid{

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

}

}

@media(max-width:600px){

.portfolio-grid{

grid-template-columns:1fr;

}

.portfolio-header h2{

font-size:42px;

}

.prev,
.next{

font-size:40px;

}

}