/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/


@font-face {
    font-family: 'din-next';
    src: url('/wp-content/fonts/dinn-regular.eot');
    src: url('/wp-content/fonts/dinn-regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/fonts/dinn-regular.woff2') format('woff2'),
        url('/wp-content/fonts/dinn-regular.woff') format('woff'),
        url('/wp-content/fonts/dinn-regular.ttf') format('truetype'),
        url('/wp-content/fonts/dinn-regular.svg#dinn-regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'din-med';
    src: url('/wp-content/fonts/DINNextLTArabic-Medium.eot');
    src: url('/wp-content/fonts/DINNextLTArabic-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/fonts/DINNextLTArabic-Medium.woff2') format('woff2'),
        url('/wp-content/fonts/DINNextLTArabic-Medium.woff') format('woff'),
        url('/wp-content/fonts/DINNextLTArabic-Medium.ttf') format('truetype'),
        url('/wp-content/fonts/DINNextLTArabic-Medium.svg#DINNextLTArabic-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'din-bold';
    src: url('/wp-content/fonts/DINNextLTArabic-Bold.eot');
    src: url('/wp-content/fonts/DINNextLTArabic-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/fonts/DINNextLTArabic-Bold.woff2') format('woff2'),
        url('/wp-content/fonts/DINNextLTArabic-Bold.woff') format('woff'),
        url('/wp-content/fonts/DINNextLTArabic-Bold.ttf') format('truetype'),
        url('/wp-content/fonts/DINNextLTArabic-Bold.svg#DINNextLTArabic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html {
	overflow-x:hidden !important
}

.rtl .dinn, .rtl .dinn > *, .rtl p, .rtl span, .rtl button, .rtl strong, .rtl ul li, .dinn a, body.rtl , .dinn a, .rtl strong, .rtl .elementor-counter-title, .rtl .dinn h2, .rtl .gallery-item .gallery-caption  {
	font-family: 'din-next', sans-serif !important;
}

.rtl .din-med, .rtl .din-med .elementor-heading-title, .rtl .din-med h1 {
	font-family: 'din-med', sans-serif !important;
}

.rtl .din-bold, .rtl .din-bold h1 {
	font-family: 'din-bold', sans-serif !important;
}

.last-menu-item:after {
	content:"";
	height:24px;
	width:24px;
	background:url(/wp-content/uploads/2025/08/call.png);
	background-size:cover;
	position: absolute;
  left: -10px;
  bottom: 8px;
}
.rtl .pum .pum-container input, .rtl .pum .pum-container select, .rtl .pum .pum-container textarea {
	font-family: 'din-next', sans-serif !important;
	text-align:right
}
.rtl .pum .pum-container .wpcf7-submit {
	font-family: 'din-next', sans-serif !important;
	text-align:center
}

.rtl .pum-title, .rtl .pum-theme-lightbox .pum-title {
	text-align:right
}
.home-intro {
	overflow:hidden
}
.home-intro:before {
	content:"";
	width:360px;
	height:480px;
	background:url(/wp-content/uploads/2025/08/brand.svg);
	background-size:cover;
	position: absolute;
  right: -60px;
  top: -50px;
}
.about-text {
	position:absolute;
	background:#0f3048;
	color:#fff;
	padding: 25px;
  max-width: 500px;
  bottom: 0px;
  left: -40px;
}
.about-text p {
	margin-bottom:0;
	font-size: 20px;
}

.about-img:before {
	content:"";
	background:url(/wp-content/uploads/2025/08/shape-1.png);
	height: 100px;
  width: 100px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  background-size: cover;
}


.about-img:after {
	content:"";
	background:url(/wp-content/uploads/2025/08/shape-2.png);
	height: 100px;
  width: 100px;
  position: absolute;
  left: -120px;
  bottom: -120px;
  background-size: cover;
}

.why-img {
	position:relative;
	margin-bottom:-160px
}

.why-img:before {
	content:"";
	height:220px;
	width:200px;
	background:#0f3048;
	position:absolute;
	left:-70px;
	top:-70px
}

.why-img .elementor-widget-container {
	position:relative;
	z-index:9
}


.why-img:after {
	content:"";
	background:url(/wp-content/uploads/2025/08/shape-2.png);
	height: 100px;
  width: 100px;
  position: absolute;
  right: -40px;
  bottom: -50px;
  background-size: cover;
	z-index:1
}
.elementor-post__thumbnail {
	padding-bottom:0 !important
}


.cnct-form .wpcf7 form {
  direction: rtl;
  font-family: "din-next", sans-serif;
  text-align: right;
}
.cnct-form .wpcf7 textarea {height:100px}

.cnct-form .wpcf7 input[type="text"],
.cnct-form .wpcf7 input[type="email"],
.cnct-form .wpcf7 input[type="tel"],
.cnct-form .wpcf7 textarea,
.cnct-form .wpcf7 select {
  width: 100%;
  padding: 12px 15px;
  margin-bottom: 0px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #fff;
  font-size: 16px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
	text-align:right
}

body:not(.rtl) .cnct-form .wpcf7 input[type="text"],
body:not(.rtl) .cnct-form .wpcf7 input[type="email"],
body:not(.rtl) .cnct-form .wpcf7 input[type="tel"],
body:not(.rtl) .cnct-form .wpcf7 textarea,
body:not(.rtl) .cnct-form .wpcf7 select {
	text-align:left;
	font-family:"poppins", sans-serif;
	font-size:13px
}

body:not(.rtl) .cnct-form .wpcf7 input[type="submit"] {
	font-family:"poppins", sans-serif;
	font-size:16px;
	text-align:center
}

.cnct-form .wpcf7 input:focus,
.cnct-form .wpcf7 textarea:focus,
.cnct-form .wpcf7 select:focus {
  border-color: #007cba;
  outline: none;
}

.cnct-form .wpcf7 input[type="submit"] {
  background-color: #0F3048;
  color: #fff;
  padding: 14px 25px;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 100%;
}

.cnct-form .wpcf7 input[type="submit"]:hover {
  background-color: #005a8c;
}

.cnct-form .wpcf7-response-output {
  margin-top: 20px;
  padding: 10px 15px;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
}

.cnct-form .wpcf7-mail-sent-ok {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.cnct-form .wpcf7-validation-errors {
  background-color: #fff3cd;
  color: #856404;
  border: 1px solid #ffeeba;
}
.page-header {display:none}


.elementor-button-content-wrapper {
	align-items:baseline
}

.main-blog .elementor-post__thumbnail{
	min-height:250px
}

.elementor-posts--thumbnail-right .elementor-post__thumbnail, .elementor-posts--thumbnail-left .elementor-post__thumbnail {
	min-height:70px
}
body:not(.rtl) .about-text p {
	font-size:17px;
}
body:not(.rtl) .about-text p strong {
	font-weight:600
}

body:not(.rtl) .last-menu-item::after {right:-10px; left:unset}
body:not(.rtl) .about-img::before {
	left:20px;
	right:unset
}

.why-img::before {right:-70px; left:unset}
.why-img::after {left:-40px; right:unset}
body:not(.rtl) .elementor-counter-title {
	line-height: 1.35;
  text-align: center;
  margin-top: 10px;
}
body:not(.rtl) .about-img::after {right:-120px;
	left:unset}
body:not(.rtl) .about-text {right:-40px; left:unset}

body:not(.rtl) ul {
	padding-left: 0;
  list-style-position: inside;
}
.srvc-menu ul li a {
	padding: 10px 0 !important
}

.pum-theme-lightbox {
  background: rgba(0,0,0,.4) !important;
}

.pum-container, .pum-theme-lightbox .pum-container {
	display: flex !important;
  flex-direction: column;
  max-width: 600px !important;
 width:100% !important;
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 20px 40px 0 rgba(0,0,0,.25) !important;
  border: none !important;
  margin: auto !important;
  left: 0 !important;
  right: 0 !important;
  padding: 25px 35px !important;
}
.pum-container br {
	display:none
}
.pum-container input, .pum-container select {
	max-width:100%;
	background: #f9f9f9 !important;
  padding: 10px 15px;
 
  box-shadow: none;
  border: none;
  outline: none;
  height: 50px;
  width: 100%;
  margin-bottom: 10px;
	font-family:"poppins", sans-serif;
	font-weight: 400;
	font-size:14px
}
.pum-container select {
	margin-bottom:25px !important
}
.pum-container textarea {
	height: 100px;
    min-height: unset;
    margin-bottom: 10px;
	font-weight: 400;
	font-family:"poppins", sans-serif;
	font-size:14px;
	background: #f9f9f9 !important;
}
.pum-container input.wpcf7-submit {
	background-color:#30475e !important;
	color: #fff !important;
	text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
}
.pum-container label {
	font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

.pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
  height: auto !important;
  width: auto !important;
  right: 10px !important;
  top: 10px !important;
  padding: 0px !important;
  color: #000 !important;
  font-size: 20px !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  background-color: transparent !important;
}
.pum-title, .pum-theme-lightbox .pum-title {
	font-size:22px !important;
	margin-bottom:20px !important
}

@media (max-width:767px) {
	

rs-arrow, .last-menu-item:after, .home-intro:before, .why-img:before, .why-img:after {

	display:none !important
}
	.about-text {
		left:0 !important;
		right:unset
	}
	
	body:not(.rtl) .about-text {
		right:0;
		left:unset
	}
	
	.ordr2 {
		order:2
	}
	
	}