/*
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.5.1762921881057
Updated: 2025-11-12 04:22:54

*/
  @media only screen and (min-width: 1919px) {
#contact-us-hero-section{
    min-height: unset !important;
    padding: 210px 0px 438px 0px;
}
}	
@media screen and (min-width: 1200px) {
.hero-section{
	background-size: 100% 100vh !important;
}
	.ps-50{
    position: relative;
    bottom: 50px;
}
}

@media only screen and (max-width: 1024px){
    body .hero-section{
        background-size: 100% 100% !important;
}
}
@media only screen and (max-width: 768px){
	body .hero-section{
        background-size: cover !important;
    }
	
.bkg-darkbrown{
    background: #231F20 !important;
}
	.footer-icon-list .elementor-inline-item{
    margin-bottom: 22px !important;
}
	#bravo-enquiry-form .flex-div{
		flex-direction: column;
	}
	#bravo-enquiry-form .form-column-2.flex-div input{
    width: 100% !important;
}
	.form-column-2.flex-div .input-group {
    width: 100% !important;
}
	#bravo-blogs-grid .e-n-tabs-heading .e-n-tab-title{
     max-width: 100% !important;
     min-width: 100% !important;
	} 
	.hero-section h1{
	    text-shadow: rgb(0 0 0 / 35%) 0px 0px 10px !important;
}
	.dark-bkg{
	background:#241f21 !important;
	background-color:#241f21 !important;
}
}
@media screen and (min-width: 507px) and (max-width: 767px) {
  body  .contact-card-1 {
        margin-bottom: 50px !important;
    }
    body .contact-card-2 {
        margin-bottom: 77px !important;
    }
    body .contact-card-4 {
        margin-top: 37px !important;
        margin-bottom: 20px !important;
    }
	div#electrical-services .bkg-size-full {
    height: 100vh;
}
}

.site-header.dynamic-header {
    display: none;
}
.hero-section{
    background-size: 100% 100vh !important;
}
.ps-14{
    position: relative;
    bottom: 14px;
}
.bkg-size-full{
    background-size: 100% 100% !important;
}
html,body{
	overflow-x:hidden !important;
}

#bravo-enquiry-form .flex-div{
    display: flex;
    justify-content: space-between;
    gap: 26px
}
#bravo-enquiry-form  .form-column-2.flex-div input {
/*     width: 376px; */
}

#bravo-enquiry-form  input{
    border: none;
    border-bottom: 1.333px solid #373737;
    border-radius: 0px ;
    margin-bottom: 36px;
    outline: none;
	font-family: codec pro;
	padding-left: 0;
}
#bravo-enquiry-form  label{
    color: #231F20;
font-family: "Codec Pro";
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
#bravo-enquiry-form  label .text-red{
      color: #231F20;
}
#bravo-enquiry-form textarea[name="emq-message"] {
    border: none;
    border-bottom: 1.333px solid #373737;
    border-radius: 0px ;
    margin-bottom: 53.33px;
    height: 209.333px;
}
#bravo-enquiry-form button#submit{
    border-radius: 5.333px;
background: #306CB5;
color: #FFF;
text-align: center;
font-family: "Codec Pro";
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
width: 100%;
padding: 18.667px 32px;
    border: none;
}


.link-color a{
    color: var(--e-global-color-secondary);
}
.icon-link-color a{
    color: #231F20;
}
.bold-dots-before svg{
	 position: relative;
    top: 10px;
}
#bravo-enquiry-form input#sub-file {
    font-family: codec pro;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.form-column-2.flex-div .input-group {
    width: 50%;
}
#bravo-enquiry-form  input , #bravo-enquiry-form  textarea{
    outline: none;
}

#bravo-blogs-grid .e-n-tabs-heading .e-n-tab-title:nth-child(1){
    max-width: 200px !important;
    min-width: 200px;
    padding: 36px 56px;
    height: 60px;
}

#bravo-blogs-grid .e-n-tabs-heading .e-n-tab-title{
    height: 60px;
    max-width: 240px !important;
    min-width: 240px;
    padding: 36px 80px !important;
}
#bravo-blogs-grid .e-n-tabs-heading .e-n-tab-title-text{
    white-space: nowrap;
}
.visible-hover {
    display: none;
}

/* location map pins animations start */
.map-pins .e-hotspot__icon {
  position: relative;
  display: inline-block;
 
}
.map-pins .e-hotspot__icon::before {
  content: '';
  position: absolute;
  top: 25%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: rgba(118,177,188,0.4);
  animation: radial-pulse-green-400 1.5s infinite;
}

@keyframes radial-pulse-green-400 {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.8;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
/* location map pins animations end */
span.elementor-share-btn__icon{
	box-shadow: none;
    background: none;
	background-image: none !important;
}
.pl-25 ul{
    padding-left: 25px;
}
.pl-18 ul{
    padding-left: 18px;
}
.show-more-btn .elementor-button{
	padding: 12px 30px 12px 30px;
    height: 60px;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
	color:#fff !important;
	cursor:pointer;
}
.show-less-btn .elementor-button{
	padding: 12px 30px 12px 30px;
    height: 60px;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
	color:#fff !important;
	cursor:pointer;
}

#show-lessbtn-parent {
    display: none;
}
p.mb-0{
	margin-bottom:0;
}
.mb-0 div , .mb-0 p{
	margin-bottom:0;
}
.mt-5{
    margin-top: 5px;
}
.mt-10{
    margin-top: 10px;
}
.mt-12{
    margin-top: 12px;
}
.mt-18{
    margin-top: 18px;
}
.fw-500 strong{
    font-weight: 500;
}
.pl-30 ul{
    padding-left: 30px;
}
.mb-li-30 ul li{
    margin-bottom: 30px;
}
.ps-10{
    position: relative;
    bottom: 10px;
}
.ps-5{
    position: relative;
    bottom: 5px;
}
.flex-icons .elementor-icon-list-item a{
    display: flex !important;
}
.white-interaction:hover h2 , .white-interaction:hover h3, .white-interaction:hover h2 , .white-interaction:hover li, .white-interaction:hover div{
    color: #fff !important;
}
.serve-box svg{
    filter: brightness(0.1);
    transition: filter 0.8s ease-in-out; /* slow & smooth */
}

.serve-box:hover svg {
    filter: none;
}
@media screen and (min-width: 1024px) {
	.hero-section{
	    background-size: 100% 100% !important;
	}
}