/*
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.4.4.1755678959
Updated: 2025-08-20 08:35:59

*/


/* START GLOBAL */
/* MAIN BTN */
.main-btn a {
    width: 150px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-btn a svg {
    font-size: 18px;
}
:dir(ltr) .icon-btn a svg {
    transform: scaleX(-1);
}
/* MAIN TITLE */
.main-title::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 33px;
    background-color: #1C2945;
}
/* BREACRUMB */
.breadcrumb .elementor-icon-list-items li:first-child {
    opacity: 0.7;
}
:dir(ltr) .elementor-icon-list-items svg {
	transform: scaleX(-1);
}
/* WPML */
.wpml-ls-slot-shortcode_actions img {
	border-radius: 2px !important;
}
/* END GLOBAL */

/* START WHO WE ARE */
.image-shape {
    height: 300px;
}
.image-shape::after {
    content: '';
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #2E7985;
    border-radius: 38px;
    z-index: -1;
}
.image-shape.t::after {
    inset-inline-start: -12px;
    inset-block-start: -12px;
}
.image-shape.b::after {
    inset-inline-start: 12px;
    inset-block-start: 12px;
    border-color: #510019;
}
.image-shape.inside {
    position: absolute;
    height: 50%;
    width: 80%;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    transform: translate(50%, -50%);
    z-index: 55;
}
.image-shape.inside::after {
    content: '';
    position: absolute;
    inset-inline-start: 20px;
    inset-block-start: 20px;
    height: calc(100% - 40px);
    width: calc(100% - 40px);
    border-color: white;
    z-index: 1;
}
/* EN */
:dir(ltr) .image-shape.inside {
    inset-inline-start: -15%;
}
/* SCREENS */
@media(min-width: 767px) {
	.image-shape.inside {
		height: 100%;
		width: unset;
		inset-block-start: -30px;
		transform: translateX(50%);
	}
}
/* END WHO WE ARE */

/* START CONTACT FORM */
/* FORM */
.contact-section input#form-field-name,
.contact-section input#form-field-mobile,
.contact-section input#form-field-sector {
    padding-inline-start: 60px;
}
.contact-section .elementor-field-group:has(input) {
    position: relative;
}
.contact-section .elementor-field-group:has(input)::before {
    content: "";
    position: absolute;
    inset-inline-start: 20px;
    inset-block-end: 8px;
    height: 30px;
    width: 30px;
    padding-inline: 20px; 
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    border-inline-end: 1px solid #999;
}
.contact-section .elementor-field-group:has(input#form-field-name)::before {
   background-image: url('https://dev.mobast-sa.com/wp-content/uploads/2025/08/frame.svg');
}
.contact-section .elementor-field-group:has(input#form-field-mobile)::before {
   background-image: url('https://dev.mobast-sa.com/wp-content/uploads/2025/08/sms.svg');
}
.contact-section .elementor-field-group:has(input#form-field-sector)::before {
   background-image: url('https://dev.mobast-sa.com/wp-content/uploads/2025/08/notification-status.svg');
}
/* END CONTACT FORM */