/* 
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 */


/* mobile devices */

.df-bg{background-color: transparent !important;}
.caseNavB{border-bottom: 1px solid #402a20;}
.ha-image-compare{-webkit-box-shadow: none !important;}

.logoBg{background-color: #325E4A !important;}

.main-nav-menu ul{background: #ffffff; border: 1px solid #325E4A;}


.navPosition .hfe-nav-menu-icon{padding: 30px !important;}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu__submenu-arrow .hfe-dropdown .menu-is-active{left: 0 !important;z-index: 9999;padding:10px !important; margin:10px !important; border-radius:20px !important;width: auto !important;}
.hfe-nav-menu__layout-horizontal{right: 10px !important;left: 10px !important; width: auto !important;}

.hidden {display: none; }
.expand-name:hover .hidden {opacity: 0; max-width: 0; margin-left: 0;}
.expand-name:hover .letter:not(:last-child) {margin-right: 0;}
.expand-name {display: inline-flex; align-items: center; cursor: pointer;}
.letter {position: relative;display: inline-block; transition: all 0.5s ease-in-out;}

.mainNav{position: absolute; right: 20px; bottom: 15px; top: 0;}
.elementor-nav-menu--dropdown{background: none !important;}
.elementor-nav-menu__align-start .elementor-nav-menu{margin-inline-end: 20px;}
.main-nav-menu ul{margin: 0 20px; border-radius: 15px; padding: 5px;}
.page-id-7 .mainNav, .page-id-21 .mainNav{background: transparent !important;}
.page-id-7 .main-nav-menu ul, .page-id-21 .main-nav-menu ul{background: #fff;}


.navCaseBtn .elementor-item::before{border-radius: 10px !important; }
.caseNavB_mob{border-bottom: 1px solid #402a20 !important;}
.caseSubNavWrap.elementor-sticky--active .caseTitle{display: none;}


.ha-lhi-area .ha-lhi-image-area .ha-lhi-image{display: block !important;}


/* .caseSubNavWrap{transition: 0.3s !important;} */
.caseSubNavWrap.elementor-sticky--active .caseTitle{font-size:0.8em;}
.caseSubNavWrap.elementor-sticky--active{font-size:0.9em; background-color: #ffffff;}
.caseSubNavWrap.elementor-sticky--active .navCaseBtn a{padding:10px 15px !important;}
.caseSubNavWrap.elementor-sticky--active .tableCont .elementor-toc__header {padding: 17px 10px 17px 10px;}
.tableCont .elementor-toc__header {padding: 18px 10px 22px 10px;}
.tableCont{transition: 0.2s !important; }

.tableCont .elementor-toc__body{position: relative;left: 0;}


.elementor-element-e829905.elementor-sticky--active{z-index: 1000 !important;}

.navCaseBtn ul li a{font-size: 1.2em !important; font-weight: 500 !important; font-family: "Nunito", Sans-serif !important; padding-left: 10px !important; padding-right: 10px !important; padding-top: 10px !important; padding-bottom: 10px !important;}


#site-footer{display: none !important;}
/* .tableCont2 .elementor-toc__body .elementor-toc--collapsed{display: block !important;}
.tableCont2 .elementor-toc__body{display: none !important;} */
.tableCont2{opacity: 0; transition: ease-in-out 0.2s;} 


/* tablet devices */

@media only screen and (min-width: 767px) {
    /* h1{font-size: 2em !important; text-align: center;}
    .featuredCS{padding-left: 10px !important; padding-right: 10px !important;}
    .navPosition {position: absolute;  top: 2px;left: 2px;} */
    .caseNavB_mob{border-bottom: none !important;}
    .main-nav-menu ul{background: transparent; border: none;}
}

/* laptop devices */

@media only screen and (min-width: 1024px) {
    .mainNav{background-color: transparent !important ;}
    .elementor-nav-menu__align-start .elementor-nav-menu{margin-inline-end: 0 !important;}

    
    .hidden {display: inline-block;opacity: 0;max-width: 0; /* Change from width to max-width for left-to-right */overflow: hidden; transition: all 0.5s ease-in-out;vertical-align: bottom; /* Your alignment fix */ white-space: nowrap; /* Prevents text wrapping during animation */ }
    .expand-name:hover .hidden {opacity: 1;max-width: 200px; margin-left: 2px;   }
    .expand-name:hover .letter:not(:last-child) { margin-right: 8px;}

    .home-case-box { transition: transform 0.5s ease, opacity 0.5s ease;}
    .home-case-box.transforming {opacity: 0.5;transform: scale(0.95);}

    .caseNavB_mob{border-bottom: none !important;}
    .caseSubNavWrap.elementor-sticky--active .caseTitle{display: block;}

    .tableCont .elementor-element-a3b6cac{position: relative !important; overflow: visible !important;} 
    .tableCont .elementor-toc__body{position: absolute;left: 0; width: 100%; border-radius: 0 0 20px 20px; transition: ease-in 0.3s;}
    .elementor-sticky--active .tableCont .elementor-toc__body{background: #ffffff;}

    .navCaseBtn ul li a{padding-left: 20px !important; padding-right: 20px !important;  padding-top: 15px !important; padding-bottom: 15px !important;}

   
}

/* desktop devices */

@media only screen and (min-width: 1280px) {
}


/* @media only screen and (max-width: 1350px) {
    .featuredCS{padding-left: 30px !important; padding-right: 30px !important;}
    
}  */