/*
 Theme Name:   Techbeeps Child
 Theme URI:    https://www.techbeeps.com/
 Description: Child theme for Techbeeps theme
 Author:       Yaseen 
 Author URI:  https://www.techbeeps.com/
 Template:     techbeeps
 Version:      1.0.0
*/

/* Add your custom CSS below */

body{
	background:#fff;
}
.header_details a{
	font-weight:500 ;	
	font-size:15px !important;
	transition: all 0.5s ease-in-out;
}
.header_details a:hover{
	color:#ccab7a !important;
}

	header {
  position: fixed !important;
  z-index: 9999 !important;
	background-color: #0000006B;
	top:0;
  width: 100%;
}
	.sticky {  
	background-color: #000;
}
.working-details .working-image img {
    transform: translateX(-50px);
    transition: all 0.5s ease;
}
.working-details .working-image {
    overflow: hidden;
}
.working-details:hover .working-image img{
	 transform: translateX(0px);
}
.working-details:hover .elementor-heading-title, .working-details:hover .elementor-divider-separator, .working-details:hover .elementor-button{
	color:#fff !important;
	border-color:#fff !important;
}
.portfolio-details {
    width: 100% !important;
    max-width: calc(19.22222% - 15.55556px);
    height: auto;
    -webkit-transition: max-width .8s cubic-bezier(.6, 0, .2, 1) !important;
    -o-transition: max-width .8s cubic-bezier(.6, 0, .2, 1) !important;
    transition: max-width .8s cubic-bezier(.6, 0, .2, 1);
    overflow: hidden;
}
.portfolio-details.active{
	    width: 100%;
    max-width: calc(44.99999% - 4.88889px);
}
.portfolio-details .portfolio-content{	
    z-index: 3;
    top: 0%;
    bottom: 0%;
    left: 0%;
	  opacity:0;
    right: 0%;
    transform: translateY(100%);
    transition: all .5s ease-in-out;
}
.portfolio-details.active .portfolio-content{
	opacity: 1;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out 0.3s;
    transform: translateY(0);
}
.portfolio-details > .elementor-widget-wrap:before{
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 31%, rgba(0, 0, 0, .72));
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
	}
.portfolio-details.active > .elementor-widget-wrap:before{
	opacity: 1;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out 0.3s;
    transform: translateY(0);
}
.portfolio-details a{
	text-decoration:none !important;
}
.counter_details .elementor-counter {
    position: relative;
}
.counter_details .elementor-counter-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.counter_details .elementor-counter:after {
    content: '';
    display: block;
    height: 60px;
    width: 1px;
    position: absolute;
    right: calc(-1 * 30px / 2);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #d8e4f3;
}
.counter_details .last_counter .elementor-counter:after {
    display: none;
}
.services_sec_content .elementor-icon {   
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px solid #000;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}
.services_img{
	overflow:hidden;
}
.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a){
	text-decoration:none;
}
.blog .site-content {
    padding-top: 150px;
}
.portfolio_content .elementor-widget-wrap {
    width: 300px;
}
.header_desktop nav.ekit-wid-con ul#menu-main-menu li#menu-item-2750 {
    display: none;
}
@media (min-width: 1200px) {
    .main_header {
       padding-left:60px;
			padding-right:60px;
    }
}
@media only screen and (min-width:1200px) and (max-width:1480px) {
.main_header {
   padding-left:10px;
	 padding-right:0;
}
}
@media (max-width: 1024px){
	.portfolio-details.active, .portfolio-details {
	    width: 100%;
    max-width:50%;
}
}
@media (max-width: 992px){
	.services_sec_content .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: column !important;
}
	.services_sec_content .elementor-icon-box-wrapper .elementor-icon-box-icon {
    order: 2;
    margin-left: 0;
		margin-top:20px;
}
	.services_sec_content .elementor-icon {      
    width: 50px;
		height: 50px;
	}


}
@media (max-width: 767px){
	.portfolio-details.active, .portfolio-details {
	    width: 100%;
    max-width:100%;
}
	.footer_gallery_box .gallery-item img {
    margin: 0 !important;
}
	
	.portfolio-details .portfolio-content{
	    opacity: 1;
     transform: translateY(0%);
  

	}
}
@media (max-width: 400px) {
 .portfolio_content .elementor-widget-wrap {
    width: 200px;
}

	.portfolio-details .portfolio-content{
	    opacity: 1;
     transform: translateY(0%);
  

	}
}