/*
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
*/
/*{Start header}*/
.elementor-50845 .elementor-element.elementor-element-968da6e > .elementor-container {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
/*{End header}*/
/*{hover image effect}*/
.image-hover-wrapper {
    position: relative;
    display: inline-block;
}

.image-hover-wrapper img {
    width: 100%;
    height: auto;
/*     transition: opacity 0.3s ease-in-out; */
}

.image-hover-wrapper:hover img {
    opacity: 1;
}

.image-hover-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
	padding: 10px;
    width: 100%;
    height: 100%;
    background-image: url('https://capricornusltd.com/wp-content/uploads/2025/08/White-hand.webp');
    background-size: contain;
	background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.image-hover-wrapper:hover::after {
    opacity: 1;
}
/*{End hover image effect}*/
/*{start text scroll}*/
/* Container to hide overflow */
    .scroll-container {
      width: 100%; /* Full width */
      overflow: hidden; /* Hide overflowing text */
      white-space: nowrap; /* Prevent text wrapping */
      /*background-color: #f0f0f0;*/ /* Optional background */
     /* border: 1px solid #ccc; *//* Optional border */
    }

    /* Scrolling text */
    .scroll-text {
      display: inline-block; /* Ensure text behaves like a single block */
      padding-left: 100%; /* Start off-screen */
      animation: scroll-left 10s linear infinite; /* Smooth scrolling */
      font-size: 1.5rem; /* Adjust font size */
      color: white; /* Text color */
    }

    /* Keyframes for scrolling */
    @keyframes scroll-left {
      0% {
        transform: translateX(50%); /* Start off-screen to the right */
      }
      100% {
        transform: translateX(-50%); /* End off-screen to the left */
      }
    }
/*{end text scroll}*/