/*
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.0.1.1740995717
Updated: 2025-03-03 09:55:17

*/

.sticky-header {
    position: fixed !important;
    left: 0;
    top: 0;
    width: 100%;
    background: #0b3d2c;
    z-index: 9999;
    transition: all 0.3s ease-in-out;
}


.custom-overlay .elementor-image-box-wrapper {
	position:relative;
	overflow:hidden;
}

.custom-overlay .elementor-image-box-wrapper:hover .elementor-image-box-content {
	top:50%;
	opacity:1;
	z-index:1;
}

.custom-overlay .elementor-image-box-content {
    position: absolute;
    top: 120%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0;
    transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out;
    background: #0b3d2c91;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	padding:0 10px;
}

.apply-job span.wpcf7-not-valid-tip {
    color: #ff0000 !important;
}

.for-spacing .elementskit-post-image-card {
    min-height: 490px;
}


.nap .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper, .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper {
    align-items: flex-start;
}

.blog-detail-page {
	background-size: cover;
    background-position: center;
    position: relative;
	min-height:500px;
	margin-bottom:50px;
}

.blog-detail-page .elementor-background-overlay {
    background-color: var(--e-global-color-f06adda);
    opacity: 0.8;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.blog-detail-page h1 {
	text-align:center;
	color:#ffffff;
}

/* .blog-detail-page header.page-header {
    position: relative;
	padding:300px 0;
} */
label#wpforms-691-field_3_suggestion {
    display: none;
}

/* .nap h3.elementor-icon-box-title {
    padding-bottom: 10px;
} */

section#comments {
    padding: 10px 10%;
}
.single-post h1.entry-title {
    display: none;
}
#wpforms-691-field_4::-webkit-outer-spin-button,
#wpforms-691-field_4::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#wpforms-691-field_4 {
    -moz-appearance: textfield;
}
.pre-header {
    border-bottom: 1px solid rgb(255 255 255 / 30%);
}
.pre-header-inner a {
    color: #ffffff;
}
.pre-header-inner a:hover {
    color: #f1d2a9;
}
.pre-header-inner {
    display: flex;
    gap: 25px;
}
.pre-header-inner a i {
    margin-right: 6px;
	color: #f1d2a9;
}
.right-address {
    display: flex;
    justify-content: end;
}
ul.recent-posts-list {
	list-style: none;
    margin: 0;
    padding: 0;

}
ul.recent-posts-list li {
    padding: 0 10px;
}
.single-blog {
    background-color: var(--e-global-color-21bfb04);
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-color: var(--e-global-color-primary);
	overflow: hidden;
}
.blog-intro h3 {
    font-size: 18px;
    margin-bottom: 28px;
}
.blog-intro {
    padding: 20px 40px 40px;
}
.blog-thumb {
    height: 204px;
    object-fit: inherit;
}

.blog-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.read-blog-btn a {
    background-color: var(--e-global-color-accent);
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 30px;
    font-size: 15px;
    padding: 15px 30px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.read-blog-btn a:hover{
	color: #ffffff;
}
.blog-short-intro {
    margin-bottom: 15px;
}
@media only screen and (max-width: 1100px) { 
	
	.for-spacing .elementskit-post-image-card {
    	height:100%;
	}

	.for-spacing .col-lg-4.col-md-6 {
    	padding-bottom: 30px;
	}
	
	.custom-overlay .elementor-element-0baba65 .elementor-image-box-content {
		top:50%;
		z-index:1;
		opacity:1;
	}
	
	.custom-overlay .elementor-image-box-content h3.elementor-image-box-title {
    	font-size: 22px !important;
	}
	
	.custom-overlay .elementor-image-box-content p.elementor-image-box-description {
    	font-size: 13px;
	}
	
	.blog-detail-page header.page-header {
    	padding: 200px 0;
	}
}

@media only screen and (max-width: 1024px) { 
	header#masthead {
    background: #0e372c;
}
.pre-header {
    background: #0e372c;
}
	.right-address {
		display: none;
	}
	.pre-header-inner a {
    font-size: 12px;
}
}

@media only screen and (max-width: 767px) { 
	.custom-overlay .elementor-image-box-content h3.elementor-image-box-title {
    	font-size: 30px !important;
	}
	
	.custom-overlay .elementor-image-box-content p.elementor-image-box-description {
    	font-size: 20px;
	}
	.n2-ss-section-main-content.n2-ss-layer-with-background.n2-ss-layer-content.n2-ow.n-uc-rrpmipEwIjfk-inner {
    background: transparent !important;
}
	div#n2-ss-7 .n-uc-MyuhWbYJzg7x-inner {
    background: transparent !important;
}
	div#n2-ss-7 .n-uc-6TapMtPEGhE4-inner {
    background: transparent !important;
}
}