/* 
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 */
html, body{
	overflow-x:hidden !important;
}
.abouttext{
	color:#D83307;
}
.page .entry-title {
    display: none;
}

.team-card {
  position: relative;
  overflow: visible;
  border-radius: 12px;
  transition: transform 0.3s ease;
  height: 100%; /* Ensure fixed height in carousel item */
  display: flex;
  flex-direction: column;
}

.team-image-wrapper {
  position: relative;
  z-index: 1;
}

.team-image {
  width: 100%;
  height: auto;
  filter: brightness(0.5);
  transition: filter 0.3s ease, transform 0.3s ease;
}

.team-card:hover .team-image {
  filter: brightness(1);
  transform: scale(1.3);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.50);
}

.team-info {
	margin-top:20px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease;
  background-color: #fff;
  padding: 0 10px;
  text-align: center;
}

.team-card:hover .team-info {
  max-height: 150px; /* Or enough to show all text */
  opacity: 1;
  padding: 10px; /* Revealed padding */
}

.team-info h4 {
  font-size: 14px !important;
  margin: 0;
}

.team-info h5 {
  font-size: 10px !important;
  margin-top: -2px;
  color: #000 !important;
}

.corner-image {
  position: absolute;
  width: 50px !important;
  height: 50px !important;
  display: none;
  border-radius: 50%;
  border: 2px solid #fff;
  object-fit: cover;
  z-index: 2;
}

.top-left { top: -50px; left: -50px; }
.top-right { top: -50px; right: -50px; }
.bottom-left { bottom: -50px; left: -50px; }
.bottom-right { bottom: -50px; right: -50px; }

.team-card:hover .corner-image {
  display: block !important;
}
.elementor-carousel .swiper-slide {
  height: 100%; /* Or fixed height like 300px */
}
.team-card {
  min-height: 320px; /* enough to include the hover content */
}
.elementor-swiper,
.elementor-swiper .swiper-wrapper,
.elementor-swiper .swiper-slide {
  overflow: visible !important;
}
.team-card {
  overflow: visible; /* Important for corner images */
  position: relative;
}
.team-card {
  padding-top: 40px; /* Gives space for top corner image to show */
}

/* Let outer container allow overflow */
.elementor-swiper,
.elementor-swiper .swiper-wrapper,
.elementor-swiper .swiper-slide {
  overflow: visible !important;
}

/* Add space to sides so first and last slides aren't clipped */
.elementor-swiper {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* Prevent swiper container from clipping zoom or corner images */
.elementor-widget-carousel,
.elementor-widget-carousel .elementor-swiper {
  overflow: visible !important;
}

/* Prevent edge clipping of images on hover */
.swiper-container,
.swiper-wrapper {
  overflow: visible !important;
}

.elementor-widget-carousel,
.elementor-swiper,
.swiper-wrapper,
.swiper-slide {
  overflow: visible !important;
}

.elementor-swiper {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.scrolled{
	background-color:#fff;
}
@media (max-width:768px){
	.team-info{
		margin-top:0px;
	}
	 .corner-image { width: 30px !important;
  height: 30px !important;
	}
	.team-card:hover .team-image {
  filter: brightness(1);
  transform: scale(1);

}
.top-left { top: -12px; left: -12px; }
.top-right { top: -12px; right: -12px; }
.bottom-left { bottom: -12px; left: -12px; }
.bottom-right { bottom: -12px; right: -12px; }
	

}
.game_container{
	position:relative;
}
@media (max-width:768px){
	.game_container{
	position:relative;
		width:240px !important;
		height:500px !important;
}
	.game_image{
		width:100% !important;
		left:0 !important;
	}
	.game_button{
		bottom: 340px !important;
        left: 195px !important;
	}
	.game_button2{
		bottom: 355px !important;
        left: 195px !important;
	}
}
.elementor-kit-6 h4{
	color:#000 !important;
}

.color-text{
    color:#D83307;
}