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

/* header sticky */
.header-sticky.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: var(--e-global-color-df7c759);
    border-bottom: 0 !important;
    box-shadow: 0px 0px 10px 0px #2A2A2A;
}

.hfe-nav-menu__breakpoint-tablet .hfe-menu-toggle:hover {
    border: none !important;
}

a.elementor-button.btn-border-radius {
  border-image: linear-gradient(89deg, #C0954C 0.03%, #FFF 39.69%, #C0954C 91.29%) !important;
  border-image-slice: 1 !important;
  border: 2px solid !important;
}

.btn-border-radius .elementor-button:hover {
  background: rgba(255, 255, 255, 0.20) !important;
}

.btn-bg-hover-effect a.elementor-button:hover {
  background-color: transparent;
  border-color: #FFF;
  /* border: 1px solid; */
}

.btn-bg-hover-effect a.elementor-button {
  position: relative;
  overflow: hidden;
  transition: background-color 1s ease, transform 1s ease;
  background-color: transparent;
}

.btn-bg-hover-effect a.elementor-button::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  z-index: 1;
  transition: left 1s ease-in-out;
  background-color: var(--e-global-color-accent);
}

.btn-bg-hover-effect a.elementor-button span.elementor-button-content-wrapper {
  z-index: 2;
  position: relative;
}

.btn-bg-hover-effect a.elementor-button:hover::after {
  left: -100%;
}

.btn-bg-hover-effect a.elementor-button:hover span.elementor-button-icon {
  transform: rotate(-40deg);
}
.dot-bg{
  position: absolute;
    width: 100%;
    min-height: 100%;
    inset: 0;
    top: 52%;
    transform: translateY(-50%);
    background-size: 100% 37%;
    opacity: 0.6;
}

.dot-bg-custom-height{
  top: 27%;
  min-height: 380px;
    max-height: 380px;
}
.dot-bg-custom-height:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background:linear-gradient(90deg, #1F1F1F 0.56%, rgba(31, 31, 31, 0) 41.55%, rgba(31, 31, 31, 0.00) 57.23%, #1F1F1F 97.87%);
    left: 0;
    right: 0;
}
.dot-bg-custom-height.center-align{
 top: 47%;
}
.ti-widget.ti-goog.ti-disable-font .ti-widget-container .ti-profile-img img{
width: 50px !important;
    height: 50px !important;
}
.ti-widget.ti-goog.ti-disable-font .ti-widget-container .ti-name, 
.ti-widget.ti-goog.ti-disable-font .ti-widget-container, .ti-widget.ti-goog.ti-disable-font .ti-widget-container *, .ti-widget.ti-goog.ti-disable-font .ti-enable-widget {
      font-family: "Bricolage Grotesque", Sans-serif !important;
}
body .elementor{
  position: relative;
}
.our-work-slider:after {
    content: '';
    position: absolute;
    background: linear-gradient(90deg, #1F1F1F 1.56%, rgba(31, 31, 31, 0.00) 16.55%, rgba(31, 31, 31, 0.00) 76.23%, #1F1F1F 97.87%);
    width: 100%;
    height: 100%;
    left: 0;
    pointer-events: none;
}
@media screen and (min-width: 1025px) {
  .desktop-menu-none {
    display: none;
  }
}

span.light-yellow-text {
  color: #FFEBC8 !important;
}

span.yellow-text {
  color: #C0954C !important;
}


.bg-text-greydinat {
  background: linear-gradient(180deg, #2A2A2A 0%, rgba(42, 42, 42, 0.00) 148.53%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ==== */

/* 
.logo-marquee .elementor-image-carousel {
  display: flex;
  animation: marquee 10s linear infinite;
} */

/* Define the marquee effect animation */
/* @keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);

  }
} */



.area-box::before {
  content: "";
  position: absolute;
  background: linear-gradient(111deg, rgba(0, 0, 0, 0.60) 15.81%, rgba(0, 0, 0, 0.00) 49.32%, rgba(0, 0, 0, 0.60) 87.82%);
}


/* ==========*/
.ti-widget.ti-goog.ti-disable-font .ti-widget-container, .ti-widget.ti-goog.ti-disable-font .ti-widget-container *, .ti-widget.ti-goog.ti-disable-font .ti-enable-widget {
    font-family: "Bricolage Grotesque" !important;
}
.ti-date {
    font-family: "Bricolage Grotesque" !important;
}

.client-review-sec .ti-widget.ti-goog .ti-review-item>.ti-inner {
  border-radius: 20px !important;
  background: #2A2A2A !important;
  border: none !important;
  padding: 32px !important;
}

.ourwork-slide {
  width: 250px !important;
  max-width: 250px !important;
  flex-shrink: 0 !important;
}


.experience-box figure.elementor-image-box-img {
  min-width: 74px;
  min-height: 74px;
  background: var(--e-global-color-42ebea7);
  border-radius: 50%;
  padding: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto !important;
  margin-right: auto !important;
}

.experience-box figure.elementor-image-box-img::before {
  content: "";
  border-radius: 100px;
  background: rgba(255, 241, 217, 0.20);
  width: 73px;
  height: 73px;
  position: absolute;
  animation: colorAnimation 2s infinite alternate;
}

@keyframes colorAnimation {
  0% {
    width: 73px;
    height: 73px;
  }

  100% {
    width: 100px;
    height: 100px;
  }
}



@media (min-width: 768px) {
  .ourwork-slide {
    width: 400px !important;
    max-width: 400px !important;
    flex-shrink: 0 !important;
    min-height: 400px;
	object-fit: cover;
  }

  .sticky-sec {
    position: sticky;
    top: 90px;
  }


  .area-box-hover1:hover {
    width: 80%;
  }

  .area-box-hover2:hover {
    width: 80%;
  }

  .area-box {
    transition: width 1s ease;
  }
  .max-748{
    max-width:748px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media(min-width:1025px) and (max-width:1279px){
.header-col1{
  width: 10%;
}
.header-col2{
  width: 72%;
}
.header-col3{
  width:18%
}
.header-col3 .elementor-button{
      font-size: 16px;
      padding: 10px 22px 10px 22px;
      border-radius: 80px 80px 80px 80px;
}
.header-col2 .main-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){
    margin-right: 20px;
}
.header-col2 .main-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item a.hfe-menu-item{
font-size: 16px;
}
.header-col1 .site-logo img{
max-width: 92px !important;
}
}
.area-box span.elementor-icon-list-icon {
  animation: fadeInOut 2s infinite;
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}


.ti-widget.ti-goog .ti-col-4 .ti-review-item {
  flex: 0 0 33% !important;
  max-width: 33% !important;
}

.ti-load-more-reviews-button {
  display: none !important;
}


/* ==== */

.our-work-slide-sec {
  gap: 30px;
}

/* 
.our-work-slide-sec:hover {
    transform: unset !important;

} */


.ourwork-slide.swiper-slide:nth-child(even) {
  margin-top: 100px;
}

.hero-inner-sec::before {
    content: "";
    width: 3px;
    height: 320px;
    background: #fff;
    position: absolute;
    top: 33%;
    left: -2px;
}


.blur-icon.elementor-view-framed .elementor-icon{
    background: rgba(255, 255, 255, 0.20) !important;
    backdrop-filter: blur(2px) !important;
}


/* Force dropdown offset on tablet and mobile */
@media (max-width: 1024px) {
    nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow .hfe-dropdown,
    nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown,
    .hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow .hfe-nav-menu__toggle .hfe-dropdown,
    .hfe-nav-menu__layout-horizontal .hfe-dropdown {
        top: 80px !important;
        position: absolute !important;
        z-index: 9999 !important;
    }
}


/* Animations  */
/* Base setup for all directions */
.slide-left,
.slide-right,
.slide-up,
.slide-down,
.slide-left-on-scroll,
.slide-right-on-scroll,
.slide-up-on-scroll,
.slide-down-on-scroll,
.slide-left-on-load,
.slide-right-on-load,
.slide-up-on-load,
.slide-down-on-load {
  opacity: 0;
  transition: all 0.8s ease-out;
}

/* --- Load-time (scroll-style) versions --- */
.slide-left-on-load { transform: translateX(40px); }
.slide-right-on-load { transform: translateX(-40px); }
.slide-up-on-load { transform: translateY(40px); }
.slide-down-on-load { transform: translateY(-40px); }

/* Automatically visible when page loads */
.slide-left-on-load.visible,
.slide-right-on-load.visible,
.slide-up-on-load.visible,
.slide-down-on-load.visible {
  opacity: 1;
  transform: translate(0,0);
}

/* --- Scroll-triggered versions --- */
.slide-left-on-scroll { transform: translateX(40px); }
.slide-right-on-scroll { transform: translateX(-40px); }
.slide-up-on-scroll { transform: translateY(40px); }
.slide-down-on-scroll { transform: translateY(-40px); }


/* When visible (triggered by JS) */
.slide-left-on-scroll.visible,
.slide-right-on-scroll.visible,
.slide-up-on-scroll.visible,
.slide-down-on-scroll.visible {
  opacity: 1;
  transform: translate(0,0);
}

/* --- Keyframes (optional for smoother entry) --- */
@keyframes slideLeft { to { opacity: 1; transform: translateX(0); } }
@keyframes slideRight { to { opacity: 1; transform: translateX(0); } }
@keyframes slideUp { to { opacity: 1; transform: translateY(0); } }
@keyframes slideDown { to { opacity: 1; transform: translateY(0); } }

/* Sub Menu (More Specific Targeting) */
.elementor-nav-menu .sub-menu,
.hfe-nav-menu .sub-menu {
	border-radius: 10px !important;
	padding: 0 16px !important;
	min-width: 271px !important;
	background-color: #fff; /* Optional – set if needed */
	top: 70px !important;
}

@media (max-width: 1024px) {
    .elementor-nav-menu .sub-menu,
    .hfe-nav-menu .sub-menu {
        top: 0 !important;
    }
}

@media (max-width: 768px) {
    .elementor-nav-menu .sub-menu,
    .hfe-nav-menu .sub-menu {
        top: 0 !important;
    }
}

@media (max-width: 767px) {
    .sec-hidden {
		overflow: hidden;
	}
}

/* Sub Menu Items */
.elementor-nav-menu .sub-menu li,
.hfe-nav-menu .sub-menu li {
	margin: 10px 0 !important;
	border-bottom: 1px solid #C0954C40 !important;
}

.hfe-nav-menu ul.sub-menu > li:last-child {
  border-bottom: none !important;
}


.sticky-column {
    position: sticky;
    top: 100px;
}

.enhance-btn span.elementor-button-text {
    white-space: normal !important;
}



/* Sub Menu Links */
.elementor-nav-menu .sub-menu li a,
.hfe-nav-menu .sub-menu li a {
	font-size: 14px !important;
	color: #1F1F1F !important;
	text-decoration: none !important;
	display: block !important;
	padding: 6px 0 !important;
}

a{
  text-decoration: none !important;
}

@media(min-width:1024px){
  .no-wrap-btn .elementor-button .elementor-button-text{
white-space: nowrap;
}
}