/*
Template Name: Electrician
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************about_h****************/
.about_h2il h3{
width:170px;
height:170px;
line-height:170px;
border:3px solid #c75200;
 }
/*********************about_h_end****************/

/*********************serv_o****************/
.serv_o1i span{
width:120px;
height:120px;
line-height:120px;
 }
/*********************serv_o_end****************/

/*********************team_h****************/

/*********************price****************/
#price {
background-image: url(../img/9.jpg);
background-position: center;
}
.price_1ril span{
width:120px;
height:120px;
line-height:120px;
 }
.price_1r hr{
background:#1c2428;
 }
.price_1l{
padding-top:150px;
 }
/*********************price_end****************/


@media screen and (max-width : 767px){
.caption_il  br{
display:none;
 }
.caption_il  {
text-align:center;
margin-bottom:15px;
padding-top:0!important;
 }
.caption_il p {
text-align:left;
 }
.caption_il .font_50 {
font-size:36px!important;
 }
.about_h1r{
margin-top:15px;
text-align:center;
 }
.about_h1r p{
text-align:left;
 }
.about_h1ri1r{
margin-top:10px;
 }
.about_h2i {
text-align:center;
 }
.about_h2ir {
padding-top:15px!important;
 }
.about_h2i {
margin-top:8px;
margin-bottom:8px;
 }
.serv_pg1{
text-align:center;
 }
.serv_pg1m{
margin-top:15px;
margin-bottom:15px;
 }
.serv_pg1rir{
margin-top:15px;
 }
.serv_o1i {
margin-top:8px;
margin-bottom:8px;
 }
.serv_o1i p{
text-align:left;
 }
.price_1l{
padding-top:0;
margin-bottom:15px;
text-align:center;
 }
.price_1l .font_50{
font-size:36px!important;
 }
.price_1ril{
margin-bottom:15px;
text-align:center;
 }
.price_1rir{
text-align:center;
 }
 }


@media (min-width:576px) and (max-width:767px) {

 }
@media (min-width:768px) and (max-width:991px) {
.caption_ir img{
min-height:400px;
 }
.caption_il {
padding-top:0!important;
 }
.about_h1l img{
min-height:450px;
 }
.about_h1ri1l .font_60{
font-size:40px!important;
 }
.about_h2il h3 {
width: 90px;
height: 90px;
line-height: 90px;
}
.about_h2ir {
padding-top:20px!important;
 }
.about_h2ir h4{
font-size:16px;
 }
.serv_pg1m img{
min-height:500px;
 }
.serv_pg1ril .font_50{
font-size:30px!important;
 }
.price_1ril span {
width: 70px;
height: 70px;
line-height: 70px;
}
.caption_il br{
display:none;
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.caption_ir img{
min-height:450px;
 }
.caption_il br{
display:none;
 }
.about_h1l img{
min-height:450px;
 }
.about_h2il h3 {
width: 130px;
height: 130px;
line-height: 130px;
}
.about_h2ir {
padding-top:30px!important;
 }
.about_h2ir h4{
font-size:18px;
 }
.price_1ril span {
width: 70px;
height: 70px;
line-height: 70px;
}
.price_1ril span {
width: 100px;
height: 100px;
line-height: 100px;
}
 }
@media (min-width:1201px) and (max-width:1270px) {
.caption_il br{
display:none;
 }
.about_h2il h3 {
width: 150px;
height: 150px;
line-height: 150px;
}
 }
@media (min-width:1400px) and (max-width:2000px) {
.about_h2il h3 {
    width: 200px;
    height: 200px;
    line-height: 200px;
}
 }

 .center_home {
     background: url('https://d110efgp7850p6.cloudfront.net/public/uploads/company_logo/welcome_background_image_170769293614.') center/cover no-repeat;
     position: relative;
     padding: 50px 0;
     /* Adjust padding as needed */
 }

 .overlay-bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     /* Ensure it covers the whole section */
     background: rgba(0, 0, 0, 0.5);
     /* Use rgba for semi-transparent overlay */
     z-index: 1;
     /* Stays below the content */
 }

 .center_home1 {
     position: relative;
     z-index: 2;
     /* Content stays above the overlay */
 }

 .home-text {
     position: relative;
     z-index: 3;
     /* Ensure the text stays on top */
 }

 .search-bar {
     position: relative;
    top: 20px;
     bottom: 20px;
     left: 0;
     right: 0;
     z-index: 2;
 }

 .search-form {
     position: relative;
     width: 100%;
 }

 .search-form input.form-control {
     width: 100%;
     padding-right: 120px;
     /* Extra padding on the right for the button */
     height: 60px;
     font-size: 16px;
     border-radius: 5px;
 }

 .search-form button {
     position: absolute;
     right: 10px;
     top: 0;
     bottom: 0;
     height: 80%;
     padding: 0 20px;
     font-size: 16px;
     border-radius: 5px;
     background-color: #007bff;
     color: white;
     border: none;
     display: flex;
     align-items: center;
     justify-content: center;
     margin:auto;
 }

 .search-form button i {
     margin-right: 5px;
 }

 .guideline-box {
    background-color: rgba(255, 255, 255, 0.03); /* Transparent white for cooler look */
    border: 1px solid rgba(255, 255, 255, 0.2); /* Subtle border */
    padding: 20px;
    margin-top: 20px; /* Spacing below the heading */
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    color: #f1f1f1;
    font-size: 16px;
    text-align: center;
    /* font-style: italic; */
}

.guideline-text{
    line-height: 1.5;
        margin: auto;
}

@media (max-width: 768px) {
    .guideline-box {
        font-size: 14px; /* Slightly smaller for mobile */
    }
}


.scroll-down-icon {
    margin-top: 20px;
    cursor: pointer;
}

.scroll-down-icon i {
    font-size: 3rem;
    color: white;
}

.animate-bounce {
    animation: bounce 2s infinite;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }

    60% {
        transform: translateY(-5px);
    }
}

/* Ensure next section has enough spacing */
.next-section {
    background-color: #f5f5f5;
    min-height: 500px;
}

.nav-phone{
    font-size: 2.5rem;
        /* Large font size for text */
        display: inline-flex;
        align-items: center;
}