/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1756119462
Updated: 2025-08-25 10:57:42

*/
.youtube_video .elementor-custom-embed-play::before { position: absolute; content: ''; bottom: 6px; top: 0; left: 0; right: 0px; background-color: transparent; border-radius: 50%; box-shadow: 0 0 5px 4px #aeb7b8; margin: 0px; opacity: 0.8; transform-origin: center; animation: anim 1.5s linear 600ms infinite; } @keyframes anim{ 0% { margin: 0px; opacity: 1; } 100%{ margin: -10px; opacity: 0; } }
@media screen and (max-width:440px){.mobile_menu .dialog-message.dialog-lightbox-message{width:85vw !important;}}



/* Section Title CSS Starts */
.section-title{position: relative;}
.section-title h2{position: relative;padding-bottom: 12px;}
.section-title h2:after{content: '';width: 100px;height: 1px;background: linear-gradient(270deg, #B8892C 0.88%, #D9B556 50.44%, #B8892C 99.99%);position: absolute;bottom: 0;left: 0;right: 0;display: block;}

.section-title-center h2:after{margin: auto;}
/* Section Title CSS Ends */

/* Story Section CSS Starts */
.story-left{position: relative;}
.story-right{}
.story-img-2{position: absolute !important;bottom: -28px;right: 0;}
.story-img-2 img{}
/* Story Section CSS Ends */

/* Result Section CSS Starts */
.before-after-result{}

.coca-image-compare-horizontal .coca-image-compare-before-label:before,
.coca-image-compare-horizontal .coca-image-compare-after-label::before
{font-size: 14px;text-transform: uppercase;color: #fff !important;padding: 2px 20px;background: transparent !important;border: 1px solid #fff;border-radius: 0px !important;top: 40px !important;}

.coca-image-compare-horizontal .coca-image-compare-before-label:before{left: 40px !important;}

.coca-image-compare-horizontal .coca-image-compare-after-label:before{right: 40px !important;}
/* Result Section CSS Ends */

/* How Work Section CSS Starts */
.steps-box-outer{position: relative;}
.steps-box{padding-left: 70px !important;margin-bottom: 30px !important;position: relative;}
.steps-box-img{width: 50px;height: 50px;line-height: 47px;background-color: #fff;border-radius: 100%;position: absolute !important;top: 0;left: 0;}
.steps-box-img img{width: 30px !important;height: 30px !important;object-fit: contain !important;}
.steps-box::before{content: '' !important;width: 1px !important;height: 100% !important;position: absolute !important;top: 47px !important;left: 25px !important;background-color: #fff;}

.steps-box-outer .steps-box:last-child::before{display: none !important;}
/* How Work Section CSS Ends */