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


.elementskit-menu-hamburger{
	background-color:transparent;
}
.serviceImage_slider .bdt-navigation-arrows{
	display:none;
}
.portfoliotop h1,
.portfoliotop h2,
.portfoliotop h3,
.portfoliotop h4{
    font-family: "Belleza", Sans-serif;
}
.portfolio_descr p{
	font-size:14px;
}
.portfoliotop p,
.portfoliotop span{
    font-family: "Lato", Sans-serif;
	font-size:14px;
}
.portfolio_container{
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
}
.portfolio_container .col-md-12{
    padding: 0 12px;
}

/* Portfolio Sigle Page Start */
.portfoliotop {
    position: relative;
    height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
}
.portfolioheroimg {
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
}
.portfolioheroimg::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background: black;
    opacity: 0.2;
}
img.detail-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.portfolio_sigleTitle{
    font-size: 40px;
    font-weight: 400;
    color: white;
}
.portfolio-meta{
	display:none;
}
.portfolio-meta a{
    color: white;
}
.portfolio_descr{
    padding: 70px 0;
}
.beforeAfter_section{
    margin-bottom: 70px;
}
.beforeAfter_grid {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.beforeAfter_imageBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
    width: 100%;
    flex-wrap: wrap;
}
.beforeAfter_content{
    width: 47%;
}
.beforeAfter_imageBox .img_box {
    height: 365px;
    width: 100%;
    overflow: hidden;
}
.beforeAfter_imageBox .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* .beforeAfter_slider {
    width: 100%;
    transform: translateY(6px);
    margin-bottom: -6px;
} */
/* .portfolio_gallery{
    width: 35%;
} */
/* .beforeAfter_slider .img_box {
    height: 231px;
    width: 100%;
    object-fit: cover;
} */
/* .beforeAfter_slider .img_box img{
    height: 100%;;
    width: 100%;
    object-fit: cover;
} */
/* .portfolio_gallery_grid {
    display: flex;
    gap: 65px;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
} */
/* .portfolio_gallery_grid .gallery_item {
    width: 47%;
    height: 365px;
} */
/* .portfolio_gallery_grid .gallery_item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

.gallery_section .custom_container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid black;
    padding: 70px 165px;
}
.gallery_section .custom_container .row{
    padding: 0 12px;
}
.portfolio_gallery_grid {
    column-count: 2;
    column-gap: 15px;
    width: fit-content;
    margin: 0 auto;
}
.portfolio_gallery_grid .gallery_item {
    width: fit-content;
    margin: auto;
}
.portfolio_gallery_grid img {
  width: auto;  
  max-width: 100%;
  height: auto;  
  margin-bottom: 25px;
  display: block;
  break-inside: avoid;
}
.postid-904 .portfolio_gallery_grid{
    column-count: 3;
}
.postid-904 .gallery_section .custom_container {
	padding: 70px 140px;
}

/* Responsive */
@media (max-width: 992px) {
  .portfolio_gallery_grid {
    column-count: 2;
  }
}

@media (max-width: 767px){
	.portfoliotop{
		height:550px;
	}
	.beforeAfter_imageBox{
		gap: 20px;
	}
	.postid-904 .gallery_section .custom_container, .gallery_section .custom_container {
       padding: 30px 12px;
    }
	.portfolio_descr {
        padding: 30px 0;
    }
	.beforeAfter_content {
    width: 100%;
   }
	.beforeAfter_imageBox .img_box{
		aspect-ratio: 1 / 0.7;
		height:auto;
	}
	.beforeAfter_section {
    margin-bottom: 11px;
    }
	.menu-item .ekit-menu-nav-link{
	border-bottom:1px solid black;
   }
	.portfolio_sigleTitle{
		font-size:30px;
	}
	.portfolio_descr p{
	font-size:13px;
    }
	
}

@media (min-width: 768px) and (max-width:1100px){
	.portfoliotop{
		height:500px;
	}
	.beforeAfter_imageBox{
		gap:30px;
	}
	.beforeAfter_content {
    width: 48.2%;
    }
	.postid-904 .gallery_section .custom_container, .gallery_section .custom_container {
		padding:70px 100px;
	}
	.beforeAfter_imageBox .img_box{
		height:auto;
		aspect-ratio: 1 / 0.7;
	}
	.menu-item .ekit-menu-nav-link{
	border-bottom:1px solid black;
}
}

.beforeAfter_title {
    font-size: 16px;
    font-family: 'lato';
    font-weight: 600;
}
/* Portfolio Sigle Page End */

.service_descr{
	height:80px;
	overflow-y:scroll;
	padding-right:15px;
}
.service_descr::-webkit-scrollbar {
  width: 4px;
}
.service_descr::-webkit-scrollbar-track {
  background:#bcbcbc;
}
.service_descr::-webkit-scrollbar-thumb {
  background: #000; 
  border-radius: 10px;
}
