/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

.text_center p {text-align: center;}

.img_with_bg span {
    background-color: #211455;
    padding: 15px;
    border-radius: 10px;
}

button.elementor-button  {
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.paint-accent-color {color: #C72CAE!important;}

.features_carousel .dt-owl-item-inner {
    display: flex;
    flex-direction: column-reverse;
}

.features_carousel .dt-owl-item-image {margin: 0 auto!important;}

.bg-accent {
    background-color: #C72CAE;
    width: fit-content;
    padding: 10px 15px;
    border-radius: 10px;
}

.tabs_how button {
    width: 100%;
    max-width: 500px;
}

.tabs_how button span {
    display: flex;
    flex-direction: column;
}

.tabs_how button span.title {font-size: 26px;}


.tabs_how button[aria-selected="true"]::after {
    content: "";
    background-image: url("https://playtime-mobile.com/wp-content/uploads/2025/04/selected2.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    pointer-events: none; /* So it doesn't interfere with clicks */
  }
  
  /* Ensure parent button is positioned relative */
  .tabs_how button {
    position: relative;
  }

  .tabs_demo button {
    min-width: 250px;
  }


  .tabs_demo button[aria-selected="true"]::after {
    content: "";
    background-image: url("https://playtime-mobile.com/wp-content/uploads/2025/04/selected2.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    pointer-events: none; /* So it doesn't interfere with clicks */
  }
  
  /* Ensure parent button is positioned relative */
  .tabs_demo button {
    position: relative;
  }



/* Scroll Section */

/* Right content container: relative for positioning children */
.right-text-area {
  position: relative;
  min-height: 300px; /* adjust as needed */
}

/* Each content block: hidden by default */
.scroll-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Active block is visible */
.scroll-content.active {
  opacity: 1;
  /* position: absolute; */
}

/* Optional: make left side sticky while scrolling */
.left-titles {
  position: sticky;
  top: 100px; /* adjust based on your header size */
}

.scroll-section {
  opacity: 0.4;
  transition: opacity 0.3s ease;
}

/* Active title: full opacity */
.scroll-section.active {
  opacity: 1;
}

.the7-e-sticky-active, .the7-e-sticky-active.e-con, .the7-e-sticky-overlap-yes, .the7-e-sticky-overlap-yes.e-con {}

.right-text-area {z-index: 0!important;}

.games-container {padding-left:0; padding-right:0;}
.games-container img
{
	max-width: 240px !important;
    /* height: 180px !important; */
    /* margin: 0 auto; */
}

.accordion_telcom h4.elementor-tab-title {
    flex-direction: row;
    justify-content: space-between!important;
}