/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


.container {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container{
        max-width:540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width:720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width:960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1140px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width:1280px;
    }
}


@media only screen and (max-width: 991px){
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}




.banner-sec{
    position: relative;
}
.bg-box{
    position: absolute;
    background-image: radial-gradient(at top, #ffeded, #0000 60%);
    height: 100%;
    width: 100%;
    z-index: -1;
    left: 0;
    top: 0;
}

.custom-gallery .gallery-item .gallery-icon img{
	aspect-ratio: 1;
    height: 280px;
    object-fit: cover;
    width: 100%;
}
.service-detail_image img{
    height: 500px;
    object-fit: cover;
    aspect-ratio: 1;
    width: 100%;
    border-radius: 5px;
}

.bg-box1{
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    height: 600px;
    overflow: hidden;
    margin-top: 50px;
    z-index: 9;
    padding: 0 20px;
}
.bg-box-overlay{
    background: linear-gradient(135deg, oklch(38% .12 18) 0%, oklch(28% .1 14) 100%);
    filter: blur(64px);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);
    opacity: .1;
    border-radius: 1.5rem;
    max-width: 1280px;
    max-height: 630px;
}
.box-log-img{
    position: absolute;
    width: 100vw;
    bottom: 50px;
}

.shadow-lift1 {
    position: absolute;
    right: 0;
    max-width: 60% !important;
    border-radius: 12px;
}
.shadow-lift2{
    max-width: 28% !important;
    aspect-ratio: 1;
    border-radius: 12px;
}
.shadow-lift3{
        max-width: 38% !important;
    position: absolute;
    height: 286px;
    object-fit: cover;
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    left: 15%;
    bottom: 0;
    border-radius: 12px;
}
.shadow-lift1 img, .shadow-lift2 img, .shadow-lift3 img{
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 12px;
}

@media only screen and (max-width: 768px){
    .bg-box1{
        height: 360px;
    }
}