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


/* header */

.main-menu nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow .menu-item-has-children.parent.hfe-has-submenu .hfe-has-submenu-container a.hfe-menu-item span {
    display: none;
}

.main-menu nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow .menu-item-has-children.parent.hfe-has-submenu ul.sub-menu li a {
    justify-content: center !important;
}

.main-menu nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow .menu-item-has-children.parent.hfe-has-submenu ul.sub-menu {
    left: -160% !important;
    text-align: center !important;
}

.main-menu nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow .menu-item-has-children.parent.hfe-has-submenu ul.sub-menu li a {
    justify-content: center !important;
    padding-left: 0;
}

li#menu-item-2698 ul.sub-menu {
    left: -110px !important;
}









/* home-page css*/

/* .scroll-up-bg{
	background-attachment: fixed !important;
    background-size: cover !important;
} */

.scroll-up-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0px;
  background-attachment: scroll;
}

/* .scroll-up-bg {
    background-attachment: fixed !important;
} */













div#banner-btn-icon span.elementor-button-icon.elementor-align-icon-right {
    display: flex;
    scale: 2.1;
    position: relative;
    margin-right: 6px;
	transition-duration: 0.3s;
}

div#banner-btn-icon span.elementor-button-text {
    position: relative;
	transition-duration: 0.3s;
}

div#banner-btn-icon a.elementor-button.elementor-button-link.elementor-size-sm:hover span.elementor-button-icon.elementor-align-icon-right {
	scale: 2.3;
	transition-duration: 0.3s;
}

div#banner-btn-icon a.elementor-button.elementor-button-link.elementor-size-sm:hover span.elementor-button-text {
    left:-2px;
	transition-duration: 0.3s;
}

div#banner-btn-icon a.elementor-button.elementor-button-link.elementor-size-sm{
	transition-duration: 0.3s;
}

div#banner-btn-icon a.elementor-button.elementor-button-link.elementor-size-sm span.elementor-button-content-wrapper {
    transition-duration: 0.3s;
}



/* about-page css */

.abt-spl-bg-btn a.elementor-button.elementor-button-link.elementor-size-sm {
    background: repeat padding-box border-box 0% 0% / auto auto scroll linear-gradient(180deg, rgba(47, 46, 46, 0.01) 0%, rgba(47, 46, 46, 0.01) 100%), no-repeat padding-box border-box 47% 49% / 115% scroll url(https://branddefind.com/wp-content/uploads/2024/05/spl-btn-bg.jpg);
    transition: all 0.2s ease, visibility 0s;
}

.abt-spl-bg-btn a.elementor-button.elementor-button-link.elementor-size-sm:hover {
    background: repeat padding-box border-box 0% 0% / auto auto scroll linear-gradient(180deg, rgba(47, 46, 46, 0.01) 0%, rgba(47, 46, 46, 0.01) 100%), no-repeat padding-box border-box 78% 59% / 153% scroll url(https://branddefind.com/wp-content/uploads/2024/05/spl-btn-bg.jpg);
}

.client-test-decoration li.elementor-icon-list-item a span {
    text-decoration-color: #000000 !important;
    text-decoration: underline;
}




/* animation */

.reveal-me {
  position: relative;
}
.reveal-me .elementor-widget-container {
  animation: lr-content 360ms;
  animation-delay: 1890ms;
  animation-fill-mode: forwards;
  opacity: 0;
}
.reveal-me::before {
  content: '';
  background: #ffffff;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  animation: lr-bar 1.5s;
  animation-fill-mode: both;
  animation-delay: 1500ms;
  animation-timing-function: cubic-bezier(0.500, 0.250, 0.500, 0.750);
}


@keyframes lr-bar {
  0% { transform-origin: center left 0px; transform: scaleX(0); }
  36% { transform: scaleX(1); transform-origin: center left 0px; }
  54% { transform: scaleX(1); transform-origin: center right 0px; }
  90% { transform: scaleX(0);  transform-origin: center right 0px; }
  100% { transform: scaleX(0);  transform-origin: center right 0px; }
}

@keyframes lr-content {
  0% { opacity: 1; }
  100% { opacity: 1; }
}




.reveal-me.black-color {
  position: relative;
}
.reveal-me.black-color .elementor-widget-container {
  animation: lr-content-black 360ms;
  animation-delay: 1890ms;
  animation-fill-mode: forwards;
  opacity: 0;
}
.reveal-me.black-color::before {
  content: '';
  background: #141414;
  position: absolute;
  width: 130%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  animation: lr-bar-black 1.5s;
  animation-fill-mode: both;
  animation-delay: 1500ms;
  animation-timing-function: cubic-bezier(0.500, 0.250, 0.500, 0.750);
}


@keyframes lr-bar-black {
  0% { transform-origin: center left 0px; transform: scaleX(0); }
  36% { transform: scaleX(1); transform-origin: center left 0px; }
  54% { transform: scaleX(1); transform-origin: center right 0px; }
  90% { transform: scaleX(0);  transform-origin: center right 0px; }
  100% { transform: scaleX(0);  transform-origin: center right 0px; }
}

@keyframes lr-content-black {
  0% { opacity: 1; }
  100% { opacity: 1; }
}






















/* contact us page css */

.contact-pg-mail-call-links li.elementor-icon-list-item a span {
    text-decoration: underline;
}




.main-contact-form label{
    color: #ffffff;
    width: 100%;
}

.main-contact-form p {
    color: #ffffff;
    width: 100%;
}

.submit-btn p {
    display: flex;
    flex-direction: row-reverse;
}


.main-contact-form select option[value="select here"] {
    display: none;
}

.main-contact-form label, .main-contact-form p {
    width: 100%;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
    font-size: 15px;
}

.main-contact-form p {
    width: 100%;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
	margin-bottom: 30px;
    font-size: 15px;
}

.main-contact-form label input, select {
    border: none !important;
    background: transparent;
    outline: none !important;
    border-bottom: 1px solid #F89C00 !important;
    border-radius: 0px;
    padding-bottom: 2px;
    color: #ffffff;
	font-family: 'Plus Jakarta Sans';
}

.main-contact-form label select {
    height: 60px;
}

.main-contact-form label.messege-area input {
    height: 100px;
}
.main-contact-form label.messege-area input::placeholder {
    color:#ffffff;
}

.submit-btn input {
    width: 153px;
    height: 50px;
    border-radius: 0px;
    border: none;
    background: #f89c00;
    color: #ffffff;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
    font-size: 23px;
	transition-duration:0.3s;
	outline:none !important;
}

.submit-btn input:hover{
    background: #ffffff !important;
    color: #0f0f0f;
}

.submit-btn input:focus{
	background: #ffffff !important;
    color: #0f0f0f;
	outline:none !important;
}

.wpcf7-response-output {
    color: #ffffff;
}

.main-contact-form label select option {
    color: #000000 !important;
}

.main-contact-form select option[value="select here"] {
    display: none;
}

/* .main-contact-form label select {
    height: 60px;
    appearance: none;
    -webkit-appearance: none;
	position:relative;
}

.main-contact-form label select:after {
    content:'';
	position:absolute;
	height: 60px;
	width:60px;
	right:0;
    background: url(https://ewebworld.in/client-demo/branddefind/wp-content/uploads/2024/05/Down-arrow.svg);
} */



/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* work page */

.working-cats-main-box {
    transition: all 0.3s;
	position:relative;
}
.working-cats-mini-box{
	transform: translatey(65px);
    bottom: 0 !important;
}

.working-cats-main-box:hover .working-cats-mini-box {
    transition-duration: 0.3s;
    transform: translatey(0px);
}










/* responsive design */

@media (max-width:767px){
	.wrap-me-properly .e-con.e-flex {
    flex-wrap: nowrap !important;
    display: grid;
}
}




@media (max-width:992px){
li#menu-item-2698 ul.sub-menu {
    left: 0px !important;
}
}