/*
Theme Name: zakra child theme
Author: 
Description: Your description goes here
Version: 1.0
Template: zakra

This is the child theme for Zakra theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

p{
    margin: 0 !important;
    font-family: "Mada", Sans-serif !important;
    font-size: 20px;
}

#project__completion .elementskit-profile-info .elementskit-author-name{
    max-width: 400px;
    width: 100%;
    display: block;
    text-align: left;
    margin-left: 25rem;
    line-height: 50px;
    text-shadow: 5px 1px 16px #050505;
}
#project__completion .xs-overlay{
    opacity: 0;
    background-color: none !important;
}
#home__burge_iconsbg .uc_animated_hamburger_icon{
    background: none !important;
}
#home__burge_iconsbg .uc_animated_hamburger_icon .uc_line{
    background: #000000 !important;
}
#home__burge_iconsbg .menu-opened .is-active .uc_line{
     background: #ecf0f1 !important;
}

/*#home__burge_iconsbg #hamburger-1{*/
/*    position: fixed;*/
/*    top: 50px;*/
/*    max-width: 60px;*/
/*}*/




/*    slider*/

.cover {
  margin-top: 17%;
}

.col-md-3,
.col-sm-3 {
  border-bottom: 4px solid #000;
}

.s__layer img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.tooltip-img {
  position: absolute;
  left: -180px;
  top: 45px;
  visibility: hidden;
  z-index: 2;
}

.tooltip-img img {
  width: 100%;
  max-width: 250px;
}

.active img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  visibility: visible;
  opacity: 1 !important;
  transition: 0.7s ease-in-out !important;
}

.on-hand {
  position: absolute;
  top: -21px;
  left: -36px;
  z-index: 1;
}

.on-hand img {
  width: 50%;
  opacity: 0.25;
}

.on-head {
  position: absolute;
  top: -60px;
  left: 2px;
  z-index: 0;
}

.on-head img {
  width: 50%;
  opacity: 0.25;
}

.on-head2 {
  position: absolute;
  top: -49px;
  left: -15px;
  z-index: 1;
}

.on-head2 img {
  width: 50%;
}

.set-img img {
  width: 90%;
  opacity: 0.2;
}

.m-left {
  margin-left: -68px;
}

.slider-para {
  font-size: 40px;
  text-align: center;
  padding: 0px 75px;
  font-weight: 100;
  line-height: 1;
  color: #000;
}

.fst-lady img {
  position: relative;
  right: -50px;
  opacity: 0.2;
}

.trd-man img {
  position: relative;
  left: -50px;
}

.lady img {
  position: relative;
  left: -145px;
  opacity: 0.2;
}

/* Ensure images don't break layout on mobile */
.get-img img {
  transition: 0.7s ease-in-out !important;
  transition-delay: 1s;
}

/* Centering the image box content */
.elementor-image-box-wrapper {
  justify-content: center;
  vertical-align: baseline;
  align-items: center !important;
}

/* Logo styling */
#logo-slider img {
  width: 300px;
  height: auto;
}
.imagebox__left_right .elementor-image-box-img{
    height: 90px;
    width: 90px !important;
    padding: 20px;
    background: white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 768px) {
.custom-container{
    max-width:500px !important
}
.tooltip-img img {
  width: 100%;
  max-width: 200px;
}
.lady img {
  position: relative;
  left: -15px;
    opacity: 0.2;
}
.trd-man img {
    position: relative;
    left: 10px;
}
.fst-lady img {
        position: relative;
        right: -38px;
        /*opacity: 0.2;*/
    }
.set-img img {
    position: relative;
    left: 24px;
}
.on-head {
    position: absolute;
    top: -30px;
    left: 2px;
    z-index: 0;
}
.slider-para {
  font-size: 40px;
  text-align: center;
  padding: 0px 0px;
  font-weight: 100;
  line-height: 1;
  color: #000;
}

}
@media (max-width: 425px) {
.custom-container {
  max-width: 400px !important;
}
.tooltip-img img {
  width: 100%;
  max-width: 100px;
}
.custom-container{
    max-width:300px !important
}
.tooltip-img {
    position: absolute;
    left: -100px;
    top: 2px;
    visibility: hidden;
    z-index: 2;
}
.snd-man .tooltip-img img{
    margin-left: 35px;
   
}
.slider-para {
        font-size: 20px;
        text-align: center;
        padding: 0px 0px;
        font-weight: 100;
        line-height: 1;
        color: #000;
    }
.fst-lady .tooltip-img {
    position: absolute;
    left: -75px;
    top: 30px;
    visibility: hidden;
    z-index: 2;
}
.lady .tooltip-img {
    position: absolute;
    left: -85px;
    top: 15px;
    visibility: hidden;
    z-index: 2;
    }
}

/* Add responsive design for screens smaller than md */
/*@media (max-width: 991px) {*/
/*  .col-md-3 {*/
/*    flex: 0 0 33.33%;*/
/*    max-width: 33.33%;*/
/*  }*/
/*}*/

/* For very small screens (phones) */
/*@media (max-width: 575px) {*/
/*  .col-sm-3 {*/
/*    flex: 0 0 100%;*/
/*    max-width: 100%;*/
/*  }*/
/*}*/