/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 23 2025 | 18:48:32 */
.breadcrumb-area {
    position: relative;
    display: block;
    overflow: hidden;
    background: none !important;
    padding: 150px 0; /* Default padding for large screens */
    z-index: 10;
}


/* Background image */
.breadcrumb-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://taraenclosures.com/wp-content/uploads/2025/08/Untitled-1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

.breadcrumb-menu ul li {
    color: #fff;
}

/* Black overlay */
/* .breadcrumb-area::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
} */

/* Content above everything */
.breadcrumb-area > * {
    position: relative;
    z-index: 3;
}

/* Responsive Padding for tablets */
@media (max-width: 992px) {
    .breadcrumb-area {
        padding: 100px 0;
    }
}

/* Responsive Padding for mobile */
@media (max-width: 576px) {
    .breadcrumb-area {
        padding: 60px 0;
    }

    .breadcrumb-area h1, 
    .breadcrumb-area p, 
    .breadcrumb-area .breadcrumb-content {
        text-align: center;
        font-size: 90%;
    }
}



.btn-orange {
  background-color: #E74901; /* Orange shade */
  border: none;
  color: #fff;
  padding: 12px 30px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn-orange:hover {
  color: #fff;
  background-color: #E74905; /* Darker orange on hover */
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}



.project-style2-area {
    position: relative;
    display: block;
    background: #fff;
    padding: 120px 0px 120px;
}


.about-style3-img-box {
    position: relative;
    display: block;
    margin-left: 0px;
    margin-right: 0px;
}


/* Make all service columns same height */
.service-style2-area .row {
  display: flex;
  flex-wrap: wrap;
}

/* Ensure columns stretch to equal height */
/* .col-xl-4.col-lg-6.col-md-6 {
  display: flex;
}
 */
/* Make each service box stretch inside its column */
.single-service-style2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  background: #fff; /* Optional: for visual clarity */
  padding: 25px;
/*   border-radius: 10px; */
  box-shadow: 0 4px 12px rgba(0,0,0,0.05); /* Optional */
}



.about-style3-content-box .inner-content ul {
    position: relative;
    display: none;
    display: none;
    overflow: hidden;
    padding: 43px 50px 43px;
    /* margin-top: 43px; */
}

.contact-style1-area {
    position: relative;
    display: block;
    background: #fff;
    padding: 0px 0 120px;
    z-index: 1;
}

.partner-area::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: #fff;
    content: "";
    z-index: -1;
}

.partner-area::after {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 50%;
    background: #fff;
    content: "";
    z-index: -1;
}


.elementor-61 .elementor-element.elementor-element-499c12e:not(.elementor-motion-effects-element-type-background), .elementor-61 .elementor-element.elementor-element-499c12e > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #000000;
}


/* contact form */
.contact-style1-area {
    position: relative;
    display: block;
    background: #fff;
    padding: 50px 0 120px;
    z-index: 1;
}

/* footer */

.footer {
    position: relative;
    display: block;
    padding: 90px 0 50px;
    z-index: 1;
    background-color: #5F5F5F;
	color:#fff;
}


.footer-bottom {
    position: relative;
    display: block;
   background-color: #5F5F5F;
    padding: 27px 0;
}
.single-footer-widget .our-company-info .text-box p {
    color: #000;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    margin: 0;
	    color: #fff;
}
.footer-widget-links1 li a {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    transition: all 500ms ease;
}

.copyright-text p {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    margin: 0;
}
.single-service-style2 .icon-holder img {
  transition: all 0.3s ease-in-out;
}

.single-service-style2:hover .icon-holder img {
  filter: brightness(0) invert(1); /* Makes icons appear white */
}

.single-project-style1 .img-holder .icon {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 65px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 40px;
    line-height: 65px;
    text-align: center;
    z-index: 3;
}