/*
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.1758440805
Updated: 2025-09-21 07:46:45

*/


/* START GLOBAL STYLE */
body {
	overflow-x: hidden;
}
/* TEXT START */
.text-start,
.text-start * {
	text-align: start;
}
/* FLIP ICON */
:dir(ltr) .flip-icon * svg {
	transform: scaleX(-1);
}
/* MAIN TITLE */
.main-btn a {
  width: fit-content;
  min-width: 270px;
}
.main-btn a,
.main-btn.full-width {
  width: 100%;
  position: relative;
}
.main-btn.linear-effect a {
  background: linear-gradient(90deg, #8BDD28 0%, rgba(42, 192, 235, 0.6) 52.88%, #8BDD28 100%);
  background-color: unset;
}
.main-btn.linear-effect a .elementor-button-content-wrapper {
  position: relative;
  z-index: 3;
}
.main-btn.linear-effect a::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0;
  z-index: 2;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), linear-gradient(90deg, #2AC0EB 0%, #2AC0EB 61.06%, #8BDD28 100%);
  transition: all 0.3s linear;
}
.main-btn.linear-effect a:hover::after {
  opacity: 1;
}
/* SHAPE-V-LINE */
.shape-v-line {
  padding-inline-start: 15px;
}
.shape-v-line::before {
  content: "";
  position: absolute;
  inset: 0;
  height: 100%;
  width: 6px;
  border-radius: 4px;
  background: #8bdd28;
}
/* TEXT LIMIT (1) */
.text-limit-1 ,
.text-limit-1 * {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* TEXT LIMIT (2) */
.text-limit-2,
.text-limit-2 * {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* TEXT LIMIT (3) */
.text-limit-3,
.text-limit-3 * {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* END GLOBAL STYLE */

/* START HEADER */
.main-nav .row {
  backdrop-filter: blur(12.5px);
}

.main-nav .language-switcher .wpml-ls,
.main-nav .language-switcher .wpml-ls-link,
.off-canvas-container .language-switcher .wpml-ls,
.off-canvas-container .language-switcher .wpml-ls-link {
  padding: 0;
}

.off-canvas-container .language-switcher .wpml-ls-link,
.main-nav .language-switcher .wpml-ls-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}

.off-canvas-container .language-switcher .wpml-ls-link img,
.main-nav .language-switcher .wpml-ls-link img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.off-canvas-container .e-off-canvas__content {
  backdrop-filter: blur(20px);
}

.main-nav .row .nav-main-menu .menu-item a {
  position: relative;
  font-weight: 500 !important;
}

.main-nav .row .nav-main-menu .menu-item a::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 30px;
  inset-inline-start: 3px;
  inset-block-end: 3px;
  border-radius: 2px;
  background: #b8ac9c;
  transition: 0.3s all;
  opacity: 0;
}
.main-nav .row .nav-main-menu .menu-item:first-of-type a::after {
  opacity: 1;
}
.main-nav .row .nav-main-menu .menu-item a:hover::after {
  opacity: 1;
}
/* END HEADER */
/* START HERO SECTION */
.hero-boxes--box {
    backdrop-filter: blur(12.5px);
}
.hero-boxes--box::before {
    content: '';
    position: absolute;
    height: 24px;
    width: 24px;
    inset-inline-start: 10px;
    inset-block-start: 10px;
    background-color: #8BDD28;
    outline: 1px solid white;
    border: 3px solid;
}
.hero-cards .hero-boxes--box::before {
    outline: 1px solid black;
    border: 3px solid white;
}
.hero-section .hero-boxes.first .hero-boxes--box:nth-of-type(2) {
    margin-inline-start: -70px;
}
.hero-section .hero-boxes.second .hero-boxes--box:nth-of-type(2) {
    margin-inline-start: 70px;
}
/* END HERO SECTION */
/* START WHO WE ARE && PACKAGES */
#who-we-are .e-n-tabs-heading,
#packages .e-n-tabs-heading {
    width: fit-content;
    background: black;
    padding: 15px 20px;
    border-radius: 15px;
}
@media(min-width: 767px) {
	#who-we-are .e-n-tabs-heading,
	#packages .e-n-tabs-heading {
		padding: 5px;
		border-radius: 99px;
	}
}
#packages .e-n-tabs-heading {
    margin: auto;
}
#who-we-are .e-n-tabs-heading button,
#packages .e-n-tabs-heading button {
    border: 2px solid #000000;
    outline: 1px solid white;
}
#who-we-are .e-n-tabs-heading button[aria-selected="true"],
#packages .e-n-tabs-heading button[aria-selected="true"] {
    outline: 1px solid #2ac0eb;
}
#who-we-are .e-n-tabs-heading button span,
#packages .e-n-tabs-heading button span {
    width: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#packages .main-btn {
    margin-top: auto;
}
@media(min-width: 767px) {
    #who-we-are .who-img-content.second {
        margin-block-start: -300px;
    }
}
/* END WHO WE ARE && PACKAGES */
/* START SOLUTIONS */
.solutions-cards .solution-card:nth-child(even) {
    background-color: #8bdd28 !important;
}
.solutions-cards .solution-card svg path {
    fill: #ffffff;
    transition: 0.5s;
}

.solutions-cards .solution-card:nth-child(odd) svg path {
    fill: #8bdd28;
}
.solutions-cards .solution-card:nth-child(odd):hover svg path {
    fill: #ffffff;
}
.solutions-cards .solution-card:nth-child(odd) h5,
.solutions-cards .solution-card:nth-child(odd) p {
    color: #000 !important;
}
.solutions-cards .solution-card:nth-child(odd):hover h5,
.solutions-cards .solution-card:nth-child(odd):hover p {
    transition: 0.5s;
    color: #ffffff !important;
}
/* END SOLUTIONS */
/* START WHY AWAMER */
.why-card {
    height: 420px;
}
.why-card .why-card-content svg path {
    fill: white;
}
.why-wrapper .why-card:before {
    content: '';
    position: absolute;
    inset: unset;
    inset-inline-start: 0;
    inset-block-end: 0;
    height: 200%;
    width: 100%;
    transition: 0.7s;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47.07%, #04070C 100%);
}
/* .why-card:hover::before {
    height: 200%;
} */
/* .why-card .why-card-content {
    transition: 0.7s;
    transform: translateY(70px);
}
.why-card:hover .why-card-content {
    transform: translateY(0px);
} */
/* .why-card .why-card-content .opc {
    transition: 0.7s;
    opacity: 0;
}
.why-card:hover .why-card-content .opc {
    opacity: 1;
} */
/* END WHY AWAMER */
/* START FAQ */
.section .custom-faq.elementor-widget-n-accordion .e-n-accordion-item {
  background-color: #f4fcea;
  border-radius: 12px;
}
/* END FAQ */
/* START SERVICES */
@media(min-width: 767px) {
    #services .ser-img.second {
        margin-block-start: -150px;
    }
}

#services .custom-frame::before,
#services .custom-frame::after {
    content: '';
    position: absolute;
    width: 13%;
    height: 15%;
    border: 4px solid #08215a;
    inset: unset;
}
#services .custom-frame::before {
    inset-block-end: 0;
    inset-inline-end: 0;
    border-inline-start: none;
    border-block-start: none;
    border-radius: 2px 10px 2px;
}
#services .custom-frame::after {
    inset-block-start: 0;
    inset-inline-start: 0;
    border-inline-end: none;
    border-block-end: none;
    border-radius: 2px 10px 2px;
}

#services strong {
    color: black;
}
/* END SERVICES */
/* START GALLERY */
.clients-section .e-gallery-image {
    background-size: contain;
    background-repeat: no-repeat;
}
/* END GALLERY */
/* START CONTACT US */
.section.contact-section .contact-form form .elementor-field-type-submit {
  padding: 4px;
  border-radius: 8px;
  border: 1px solid #2ac0eb;
}
.section.contact-section
  .contact-form
  form
  .elementor-field-type-submit
  button {
  position: relative;
  overflow: hidden;
}
.section.contact-section
  .contact-form
  form
  .elementor-field-type-submit
  button
  .elementor-button-text {
  position: relative;
  z-index: 3;
}
.section.contact-section
  .contact-form
  form
  .elementor-field-type-submit
  button::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), linear-gradient(90deg, #2AC0EB 0%, #2AC0EB 61.06%, #8BDD28 100%);
  border-radius: inherit;
  opacity: 0;
  transition: all 0.3s linear;
}
.section.contact-section
  .contact-form
  form
  .elementor-field-type-submit
  button:hover::after {
  opacity: 1;
}
/* END CONTACT US */
/* START FOOTER */
.custom-footer * a {width: fit-content;}
.custom-footer ul.elementor-nav-menu li::before {
    content: '';
    position: absolute;
    inset-inline-start: -5px;
    width: 20px;
    height: 20px;
    background-image: url('https://wordpress.aait-sa.com/awamer-cs/wp-content/uploads/2025/09/Group-39879.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
:dir(ltr) .custom-footer ul.elementor-nav-menu li::before {
        transform: translateY(50%) scaleX(-1);
}
/* END FOOTER */