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

.heading_color {
    color: var( --e-global-color-accent );
}
.years-of-experience {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 40vw;
    height: 30vw;
    margin-top: 4vw;
    display: flex;
    position: relative;
}
.years-line-container {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
}
.years-line-wrapper {
    width: 2px;
    height: 40vw;
    overflow: hidden;
    transform: rotate(45deg);
}
.years-line {
    background-image: linear-gradient(#fff0, #fff 50%, #fff0);
   
}
.year-mask {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: -8.6vw 0% 0% -7.6vw;
    overflow: hidden;
    transform: rotate(45deg);
}

.year {
    font-weight: 300;
    position: relative;
    top: -2.6vw;
    left: 9.4vw;
    transform: rotate(-45deg);
}
.year-first,
.year-second {
    z-index: 1;
    color: var(--white);
    justify-content: center;
    align-items: center;
    width: 30vw;
    height: 30vw;
    font-family: Ivy Mode, sans-serif;
    font-size: 30vw;
    font-weight: 400;
    line-height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
}
.year-mask.is-second {
    top: 9.7vw;
    left: 16.5vw;
}
.year.is-second {
    top: -2.6vw;
    left: -13.2vw;
}
#preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #000;
}
#preloader video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.activity-container {
            position: relative;
        }

        .activity-list {
              font-size: 3.2rem;
				color: #000;
				list-style: none;
				padding: 0;
				position: relative;
				    font-family: "Ivy Fonts", sans-serif;
    line-height: 80px;
    font-weight: 200;
        }

        .activity-list li {
            display: inline;
            cursor: pointer;
        
            position: relative;
        }

        .activity-list li:hover {
            color: #000;
        }
        .activity-list:hover li:not(:hover) {
            color: #d3c8bf;
        }

        .absolute-div {
            position: absolute;
            top: 50%;
            left: 120%; 
            transform: translateY(-40%);
            width: 300px;
            height: 300px;         
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 10;
            pointer-events: none;
        }

        .activity-list li:hover .absolute-div {
            opacity: 1;
        }
		img.activity-image {
			object-fit: cover;
			width: 100%;
			height: 100%;

		}

@media screen and (max-width: 991px) {
    .hide-sm {
        display: none !important;
    }
	.activity-list {
		font-size: 1.8rem;
	}
}
@media only screen and (max-width: 767px) { 
    .plot_detail .elementor-image-box-wrapper {
        display: flex;
        gap: 12px;
        text-align: left;
        flex-direction: row;
        align-items: center;
    }
}