/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Dev CSS */
/* Start Menu Animation CSS */
.logo-img img, .top10 {
    top: 10px;
    position: relative;
}
.main-menu a {
    transition: all 0.5s ease-in-out;
}
.main-menu a:hover {
    margin-top: -5px;
}
/* End Menu Animation CSS */
/* Start Hover Animation Button CSS */
.hover-button a {
    overflow: hidden !important;
    transition: all 0.5s ease-in-out;
    display: inline-block;
    position: relative;
}
.hover-button a span span {
    position: relative;
    z-index: 1;
}
.hover-button a:before {
    content: '';
    background-color: #F5EAB6;
    width: 100%;
    position: absolute;
    height: 100%;
    border-radius: 100px;
    top: 0px;
    left: -100%;
    transition: all 0.5s ease-in-out;
}
.hover-button a:hover:before {
    left: 0px;
}


.hover-button-2 a {
    overflow: hidden !important;
    transition: all 0.5s ease-in-out;
    display: inline-block;
    position: relative;
}
.hover-button-2 a:hover {
color:#fff;
}
.hover-button-2 a span span {
    position: relative;
    z-index: 1;
}
.hover-button-2 a:before {
    content: '';
    background-color: #21296B;
    width: 100%;
    position: absolute;
    height: 100%;
    border-radius: 100px;
    top: 0px;
    left: -100%;
    transition: all 0.5s ease-in-out;
}
.hover-button-2 a:hover:before {
    left: 0px;
}

.contact-form button {
    overflow: hidden !important;
    transition: all 0.5s ease-in-out;
    display: inline-block;
    position: relative;
}
.contact-form button span span {
    position: relative;
    z-index: 1;
}
.contact-form button:before {
    content: '';
    background-color: #F5EAB6;
    width: 100%;
    position: absolute;
    height: 56px;
    border-radius: 100px;
    top: 0px;
    left: -100%;
    transition: all 0.5s ease-in-out;
}
.contact-form button:hover:before {
    left: 0px;
}
/* End Hover Animation Button CSS */
/* Start Header Slider CSS */
.slider .elementor-button.elementor-slide-button {
    margin-bottom: 25px;
}
.slider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 60px;
}
/* End Header Slider CSS */
/* Start Gallery Slider CSS */
.gallery-slider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -10px;
}
.gallery-slider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 100px !important;
    height: 18px;
    border-radius: 50px;
}
.gallery-slider .elementor-swiper-button.elementor-swiper-button-prev, .gallery-slider .elementor-swiper-button.elementor-swiper-button-next {
    background-color: #fff;
    border-radius: 100px 100px 100px 100px;
    padding: 18px;
    transition: all 0.5s ease-in-out;
}
.gallery-slider .elementor-swiper-button.elementor-swiper-button-prev:hover, .gallery-slider .elementor-swiper-button.elementor-swiper-button-next:hover {
    background-color: #F5EAB6;
}
/* End Gallery Slider CSS  */
/* Start Newsletter Form CSS */
.new-form .elementor-field-group.elementor-field-type-submit {
	align-items: center;
    margin-top: -80px;
    margin-left: 89%;
}
/* End Newsletter Form CSS */
/* Start Image Hover Rotate Animation CSS */
.img-rotate img {
    transition: all 0.5s ease-in-out;
}
.img-rotate img:hover {
    transform: rotate(30deg);
}
/* End Image Hover Rotate Animation CSS */
/* Start Gallery Hover Animation CSS */
.zoom-gallery .elementor-widget-theme-post-featured-image {
	overflow: hidden;
    border-radius: 40px;
}
.zoom-gallery .elementor-widget-theme-post-featured-image img {
    transition: transform 0.5s ease-in-out;
}
.zoom-gallery .elementor-widget-theme-post-featured-image:hover img {
	transform: scale(1.1);
}
/* End Gallery Hover Animation CSS */
/* Start Contact Form CSS */
.contact-form textarea {
	border-radius: 40px !important;
}
/* End Contact Form CSS */
.social-icons a {
	transition: fill 0.9s ease;
}
/* Start Sociual Icons Hover CSS */
.social-icons a:hover svg path {
	fill: #21296B;
	transition: all 0.5s ease-in-out;
}
/* End Sociual Icons Hover CSS */

/* Start Office Tome Elemnt CSS */
.ofc-time {
    background-color: #F7F7E0;
    padding: 18px 10px 18px 20px;
    border-radius: 30px;
    border: 0px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0px;
	font-weight: 600;
    color: #21296B;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1%201L5%205L9%201%22%20stroke%3D%22%2321296B%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 14px;
    width: auto;
}
.ofc-time:focus {
    outline: none;
    border-color: #21296B;
}
.elementor-element-c1b433e .elementor-widget-container p {
    margin-bottom: 0px;
}
/* ///////////single blog page ///////////// */
.single-blog-main-content-wrapper a {
        font-family: 'Poppins';
    color: #000;
     transition:0.6s all ease;
 word-wrap:normal !important;
	font-size:14px;
}
.single-blog-main-content-wrapper a:hover {
    color: var(--e-global-color-primary) !important;

}
.recent-blog-sidebar-wrapper .elementor-posts .elementor-post {
    align-items: center !important;
}
.single-blog-main-content-wrapper {
    margin-top: -30px;
}
.single-blog-main-content-wrapper h3  , .single-blog-main-content-wrapper h4 , .single-blog-main-content-wrapper h5 , .single-blog-main-content-wrapper h6 {
    font-family: "Zain", Sans-serif;
    color: var(--e-global-color-primary);
    text-transform: uppercase;
	    margin-top: 30px;
    margin-bottom: 5px;
}
.single-blog-pagination-wrapper .elementor-post-navigation__prev.elementor-post-navigation__link a:before {
    content:" ";
    display:block;
	width:40px;
	height:40px;
	left:0;
    background-image: url('http://199.250.201.124/~maplelane/wp-content/uploads/2025/08/Frame-6.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.single-blog-pagination-wrapper .elementor-post-navigation__next.elementor-post-navigation__link a:after {
    content:" ";
    display:block;
	width:40px;
	height:40px;
	right:0;
    background-image: url('http://199.250.201.124/~maplelane/wp-content/uploads/2025/08/Frame-7.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


/* ////blog page////////// */


.buton-tabs-wrapper .e-n-tabs-heading button {
    overflow: hidden !important;
    transition: all 0.5s ease-in-out;
    display: inline-block;
    position: relative;
}
.buton-tabs-wrapper .e-n-tabs-heading button {
    position: relative;
    z-index: 1;
}
.buton-tabs-wrapper .e-n-tabs-heading button:before {
    content: '';
    background-color: #222c68;
    width: 100%;
    position: absolute;
    height: 56px;
    border-radius: 100px;
    top: 0px;
    left: -100%;
    transition: all 0.5s ease-in-out;
}
.buton-tabs-wrapper .e-n-tabs-heading button:hover:before {
    left: 0px;
    position:absolute;
    z-index:9;
}
.buton-tabs-wrapper .e-n-tabs-heading button span.e-n-tab-title-text {
 transition: all 0.5s ease-in-out;
}
.buton-tabs-wrapper .e-n-tabs-heading button:hover span.e-n-tab-title-text {
    color: #fff;
    z-index: 9;
    position: relative;
}
.recent-blog-sidebar-wrapper .elementor-post__text {
    display: flex !important;
    flex-direction: column-reverse !important;
}
.buton-tabs-wrapper .elementor-post__thumbnail img {
    height:400px !important;
    border-radius:20px;
    object-fit:cover;
}
/* Start Header Slider CSS */
.slider .elementor-swiper {
    overflow: hidden;
    border-radius: 20px;
}


/* ////////////events page /////////////// */
.events-toggle-wrapper {
    cursor: pointer;
}

/* Smooth text reveal */
.events-toggle-wrapper .elementor-widget-text-editor {
    transition: all 0.3s ease;
    height:20px;
}


.events-toggle-wrapper.truncated a.elementor-button.elementor-button-link {
    opacity: 0;
    transition: all 0.2s ease;
}

.events-toggle-wrapper.expanded {
    background-color: #F7F7E0AD;
}
.events-toggle-wrapper.expanded  .elementor-widget-text-editor {
    transition: all 0.3s ease;
    height:100%;
}
.events-toggle-wrapper.expanded .img-rotate img {
    transform: rotate(30deg);
}
/* ////gallery page ///////////// */
.elementor-lightbox .elementor-lightbox-image {
    border-radius: 20px;
    box-shadow: unset;
}
.gallery-page-images-wrapper .elementor-widget-button .elementor-button {
    background-color: #b4d7e4;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    color: #222c68;
}
.gallery-page-images-wrapper  .elementor-widget-container .elementor-button-wrapper {
    text-align: center;
    margin-top: 50px;
}
/* End Header Slider CSS */
/* End Office Tome Elemnt CSS */

/* Start Media Query For Laptop Device */
/* Start Newsletter Form CSS */
/* //////responsive/////// */
@media only screen and (max-width:1600px){
.home-slider-effect-section-wrapper-inner-column {
    margin-left: 13% !important;
}	
.single-blog-sidebar-newsletter .new-form .elementor-field-group.elementor-field-type-submit {
    margin-left: 85%;
}
}
@media only screen and (max-width:1560px){
.home-slider-effect-section-wrapper-inner-column {
    margin-left: 12% !important;
}
}
@media only screen and (max-width:1450px){
.home-slider-effect-section-wrapper-inner-column {
    margin-left: 9% !important;
}
}
@media (max-width: 1440px) {
	.logo-img img {
    	top: 10px;
    }
	.new-form .elementor-field-group.elementor-field-type-submit {
		margin-left: 90.5%;
	}
	.ofc-time {
		font-size: 16px;
		line-height: 26px;
	}
		.single-blog-main-content-wrapper a {
    word-wrap: break-word !important;
}
}
@media only screen and (max-width:1380px){
.home-slider-effect-section-wrapper-inner-column {
    margin-left: 7% !important;
}
}
@media only screen and (max-width:1200px){
.home-slider-effect-section-wrapper-inner-column {
    margin-left: 2% !important;
}
	.single-blog-main-content-wrapper a {
    word-wrap: break-word !important;
}
	.single-post .elementor-element.elementor-element-3a76def.e-con-full.e-flex.e-con.e-child {
    margin-top: 35px;
}
}
@media only screen and (max-width:1024px){
	    .single-blog-sidebar-newsletter .new-form .elementor-field-group.elementor-field-type-submit {
        margin-left: 80%;
    }
}
@media only screen and (max-width:820px){
	.new-form .elementor-field-group.elementor-field-type-submit {
        margin-left: 85.5%;
    }
	.elementor-post-navigation .elementor-post-navigation__link a {
    gap: 5px !important;
}
	    .single-blog-sidebar-newsletter .new-form .elementor-field-group.elementor-field-type-submit {
        margin-left: 75%;
    }
}
@media only screen and (max-width:767px){
	.new-form .elementor-field-group.elementor-field-type-submit {
	margin-left: 80% !important;
}
	.events-toggle-wrapper .elementor-widget-text-editor {
    transition: all 0.3s ease;
    height:auto;
}
.events-toggle-wrapper.expanded  .elementor-widget-text-editor {
      height:auto;
}
.buton-tabs-wrapper .elementor-posts .elementor-post {
    margin: 15px 0;
}
	.truncated .events-button-wrapper-column {
    height: 60px;
}
}