/* ------------------------------
   Header
------------------------------ */

.header-style-5 .site-header-inner {
    background-color: #ffffff !important;
}

.header-style-5 #main-nav > ul > li > a {
    color: #222;
}

.header-style-5 #main-nav > ul > li:hover > a {
    color: #8290a1;
}

.header-style-5 .header-search-trigger {
    stroke: #8290a1 !important;
}

.header-style-5 .content-wrap .content {
	color: #fff !important;
}

#site-logo #site-logo-inner {
    max-width: 180px !important;
}
 
@media only screen and (max-width: 991px) {
	#site-logo #site-logo-inner {
    max-width: 130px !important;
}
	.header-style-5 .site-header-inner {
		padding: 0 20px;
	}
	
    .header-style-5 .mobile-button:before, .header-style-5 .mobile-button:after, .header-style-5 .mobile-button span {
        background-color: #000000 !important;
    }
}


/* ------------------------------
   Home service boxes
------------------------------ */

.my-class .master-service {
    position: relative !important;
    overflow: hidden !important;
}

/* Image wrapper */
.my-class .thumb {
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
}

/* Smooth image zoom */
.my-class .thumb img {
    display: block !important;
    width: 100% !important;
    transform: scale(1) !important;
    transform-origin: center center !important;
    transition: transform 0.8s ease !important;
}

.my-class:hover .thumb img,
.my-class .master-service:hover .thumb img {
    transform: scale(1.08) !important;
}

/* Gradient overlay */
.my-class .master-service::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.5) 100%
    ) !important;
    transition: background 0.4s ease !important;
}

.my-class:hover .master-service::after,
.my-class .master-service:hover::after {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.95) 100%
    ) !important;
}

/* Text content over image */
.my-class .content-wrap {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 5 !important;
    text-align: left !important;
    padding: 45px 30px 45px 35px !important;
}

/* Keep all text above overlay */
.my-class .headline-2,
.my-class .sep,
.my-class .desc,
.my-class .url-wrap,
.my-class .master-link,
.my-class .icon {
    position: relative !important;
    z-index: 10 !important;
}

/* Force service text white */
.my-class .headline-2,
.my-class .headline-2 a,
.my-class .desc,
.my-class .desc p,
.my-class .desc span,
.my-class .master-link,
.my-class .master-link span,
.my-class .icon {
    color: #ffffff !important;
}

/* Hide only the description until hover */
.my-class .content-wrap .desc {
    opacity: 0 !important;
    visibility: hidden !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
    transform: translateY(10px) !important;
    transition:
        opacity 0.35s ease,
        transform 0.35s ease,
        max-height 0.35s ease,
        margin-bottom 0.35s ease !important;
}

.my-class:hover .content-wrap .desc,
.my-class .master-service:hover .content-wrap .desc {
    opacity: 1 !important;
    visibility: visible !important;
    max-height: 160px !important;
    transform: translateY(0) !important;
    margin-bottom: 10px !important;
}

.e-con {
    margin-block-end: 0px;
    margin-block-start: 0px;
    margin-inline-end: 0px;
    margin-inline-start: 0px;
    padding-inline-end: 0px;
    padding-inline-start: 0px;
}


/* ------------------------------
   Home content
------------------------------ */

.home-core-services .main-heading {
    max-width: 800px !important;
}

.master-heading .sub-heading {
    margin-bottom: 0 !important;
}


/* ------------------------------
   Featured title / page banner
------------------------------ */

#featured-title .main-title {
    margin-top: 150px;
}

#featured-title h1.main-title {
    color: #ffffff !important;
		font-size: 50px !important;
		line-height: 60px !important;
}

#featured-title .inner-wrap {
    padding: 200px 0 200px !important;
}

#featured-title #breadcrumbs a,
#featured-title #breadcrumbs .breadcrumb-trail span,
#featured-title #breadcrumbs .breadcrumb-trail > a:before {
    color: #ffffff;
}

.elementor-column-gap-extended>.elementor-column>.elementor-element-populated {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.text-image {
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 0px !important;
}

.image-stack {
	padding: 0 2%;
}

.elementor-widget-n-tabs .e-n-tab-title-text {
	font-size: 16px !important;
}

.e-n-tabs-content h2 {
	margin-bottom: 15px !important;
	margin-top: 30px !important;
}
.e-n-tabs-content p {
	color: #000 !important;
}

 
@media only screen and (max-width: 991px) {
	 {
    max-width: 130px !important;
}
	.header-style-5 .site-header-inner {
		padding: 0 20px;
	}
	.footer-text {
		display: block;
		padding-right: 30px;
	}
}