.elementor-6768 .elementor-element.elementor-element-c8ee1e8 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6768 .elementor-element.elementor-element-b3885f7 .tx-description{font-family:"Cairo", Sans-serif;font-size:22px;letter-spacing:0px;}.elementor-6768 .elementor-element.elementor-element-b3885f7 .tx-section{padding:100px 0px 150px 0px;}
                .elementor-6768 .elementor-element.elementor-element-b3885f7 .tx-subTitle
                {font-size:120px;}.elementor-6768 .elementor-element.elementor-element-b3885f7 .tx-title{padding:0px 0px 0px 0px;}
                .elementor-6768 .elementor-element.elementor-element-b3885f7 .tx-title
                {font-family:"Cairo", Sans-serif;font-size:78px;font-style:normal;letter-spacing:0px;}.elementor-6768 .elementor-element.elementor-element-3069445 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6768 .elementor-element.elementor-element-6594dd9{--display:flex;}.elementor-6768 .elementor-element.elementor-element-8bcd65f{--e-image-carousel-slides-to-show:3;}.elementor-6768 .elementor-element.elementor-element-8bcd65f .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:25px 25px 25px 25px;}.elementor-6768 .elementor-element.elementor-element-c58783d:not(.elementor-motion-effects-element-type-background), .elementor-6768 .elementor-element.elementor-element-c58783d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2EADE;}.elementor-6768 .elementor-element.elementor-element-c58783d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:320px;margin-bottom:0px;padding:0px 0px 90px 0px;}.elementor-6768 .elementor-element.elementor-element-c58783d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6768 .elementor-element.elementor-element-5b69b2a > .elementor-element-populated{padding:00px 00px 00px 00px;}.elementor-6768 .elementor-element.elementor-element-614d4ec{margin-top:-270px;margin-bottom:0px;}.elementor-6768 .elementor-element.elementor-element-e25f9d5 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6768 .elementor-element.elementor-element-94f5044 .tx-section{background-image:url("https://jawaher-alshwimy.com/wp-content/uploads/2025/02/b1-img-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6768 .elementor-element.elementor-element-e3ce876{padding:110px 0px 0px 0px;}.elementor-6768 .elementor-element.elementor-element-24484b2 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6768 .elementor-element.elementor-element-c1a6a0b .tx-big-title{opacity:0;}.elementor-6768 .elementor-element.elementor-element-c1a6a0b .pf-services-4-card{background-color:#F2EADE;}.elementor-6768 .elementor-element.elementor-element-c1a6a0b .pf-services-4-card:hover{background-color:#F2EADE;}.elementor-6768 .elementor-element.elementor-element-c1a6a0b .pf-arrow-btn{background-color:#F2EADE;}.elementor-6768 .elementor-element.elementor-element-c1a6a0b .title{color:#000000;}.elementor-6768 .elementor-element.elementor-element-c1a6a0b .tx-section{padding:0px 0px 0px 0px;}.elementor-6768 .elementor-element.elementor-element-42c2f67{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-6768 .elementor-element.elementor-element-50e6dfb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6768 .elementor-element.elementor-element-3a16e26{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-6768 .elementor-element.elementor-element-559ec8d.elementor-element{--order:99999 /* order end hack */;}.elementor-6768 .elementor-element.elementor-element-f4bd556{padding:0px 0px 80px 0px;}.elementor-6768 .elementor-element.elementor-element-30c8a28 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6768 .elementor-element.elementor-element-34c8fd7 .tx-section{padding:110px 0px 0px 0px;}.elementor-6768 .elementor-element.elementor-element-34c8fd7 .lw-testimonial-2-rating .rating-point{background-image:url(https://jawaher-alshwimy.com/wp-content/uploads/2025/02/t2-point-mask.webp);}.elementor-6768 .elementor-element.elementor-element-0b026b0 .tx-infoText{text-align:left;}.elementor-6768 .elementor-element.elementor-element-1e83129{padding:120px 0px 80px 0px;}.elementor-6768 .elementor-element.elementor-element-417fd55 > .elementor-element-populated{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-6768 .elementor-element.elementor-element-6594dd9{--content-width:1324px;}.elementor-6768 .elementor-element.elementor-element-42c2f67{--content-width:1303px;}}@media(max-width:767px){.elementor-6768 .elementor-element.elementor-element-b3885f7 .tx-section{padding:0px 0px 50px 0px;}
                .elementor-6768 .elementor-element.elementor-element-b3885f7 .tx-title
                {font-size:50px;}.elementor-6768 .elementor-element.elementor-element-8bcd65f{--e-image-carousel-slides-to-show:1;}.elementor-6768 .elementor-element.elementor-element-50e6dfb{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6768 .elementor-element.elementor-element-3a16e26{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6768 .elementor-element.elementor-element-559ec8d.elementor-element{--order:99999 /* order end hack */;}}/* Start custom CSS for tx_hero_section, class: .elementor-element-b3885f7 *//* -- 1. Fix the Main Floating Box Position and Layout -- */
body.rtl .elementor-6768 .elementor-element.elementor-element-b3885f7 [class*="contact"],
body.rtl .elementor-6768 .elementor-element.elementor-element-b3885f7 [class*="info-box"],
body.rtl .elementor-6768 .elementor-element.elementor-element-b3885f7 [class*="call"] {
    right: auto !important;
    left: 5% !important; 
    top: 50% !important;
    display: flex !important;
    flex-direction: row !important; 
    align-items: center !important; 
    justify-content: flex-end !important;
}


/* -- 2. Perfectly Center the Icon -- */
body.rtl .elementor-6768 .elementor-element.elementor-element-b3885f7 [class*="contact"] [class*="icon"],
body.rtl .elementor-6768 .elementor-element.elementor-element-b3885f7 [class*="call"] [class*="icon"],
body.rtl .elementor-6768 .elementor-element.elementor-element-b3885f7 [class*="info-box"] [class*="icon"],
body.rtl .elementor-6768 .elementor-element.elementor-element-b3885f7 [class*="contact"] i,
body.rtl .elementor-6768 .elementor-element.elementor-element-b3885f7 [class*="contact"] svg {
    align-self: center !important;
    margin: 0 !important;
    display: flex !important;

}

/* -- 3. Keep the Text Grouped and Centered -- */
body.rtl .elementor-6768 .elementor-element.elementor-element-b3885f7 [class*="contact"] [class*="content"],
body.rtl .elementor-6768 .elementor-element.elementor-element-b3885f7 [class*="call"] [class*="content"],
body.rtl .elementor-6768 .elementor-element.elementor-element-b3885f7 [class*="info-box"] [class*="content"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* -- 4. Fix Phone Number Direction -- */
body.rtl .elementor-6768 .elementor-element.elementor-element-b3885f7 [class*="phone"],
body.rtl .elementor-6768 .elementor-element.elementor-element-b3885f7 [class*="number"],
body.rtl .elementor-6768 .elementor-element.elementor-element-b3885f7 a[href^="tel"] {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    display: inline-block !important;
    text-align: right !important;
}





































/* Force the .call-btn to the bottom right on mobile screens */
@media (max-width: 767px) {
    .elementor-6768 .elementor-element.elementor-element-b3885f7 .call-btn {
        top: auto !important;
        bottom: 20px !important;
        left: auto !important;
        right: 20px !important; /* Aligns it exactly where your red arrow pointed */
        transform: none !important; 
    }
}/* End custom CSS */
/* Start custom CSS for tx_about, class: .elementor-element-1be1194 *//* 1. Reverse the row layout so the icon moves to the right of the text */
body.rtl .elementor-6768 .elementor-element.elementor-element-1be1194 [class*="lw-about-2-feature"],
body.rtl .elementor-6768 .elementor-element.elementor-element-1be1194 [class*="feature-single"] {

    gap: 20px !important; /* Adjust spacing between icon and text if needed */
}

/* 2. Reset conflicting margins on the icon and content */
body.rtl .elementor-6768 .elementor-element.elementor-element-1be1194 [class*="lw-about-2-feature"] .icon,
body.rtl .elementor-6768 .elementor-element.elementor-element-1be1194 [class*="feature-single"] .icon {
    margin: 0 !important;
}

/* Refined social media icons */
.elementor-6768 .elementor-element.elementor-element-1be1194 .lw-contact-1-social {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.elementor-6768 .elementor-element.elementor-element-1be1194 .lw-contact-1-social .item-link {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #b47752;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.14);
  transition: all .25s ease;
}
.elementor-6768 .elementor-element.elementor-element-1be1194 .lw-contact-1-social .item-link svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.elementor-6768 .elementor-element.elementor-element-1be1194 .lw-contact-1-social .item-link:hover {
  background: #111111;
  color: #ffffff !important;
  transform: translateY(-2px);
}

.elementor-6768 .elementor-element.elementor-element-1be1194 .lw-contact-1-social .item-link { border: 0 !important; }

.elementor-6768 .elementor-element.elementor-element-1be1194 .lw-about-2-contact > .title { color: #ffffff !important; }/* End custom CSS */
/* Start custom CSS for tx_service_section, class: .elementor-element-c1a6a0b *//* -- 1. EQUAL HEIGHT FOR CARDS -- */
/* Forces the carousel track to align items by stretching them */
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .swiper-wrapper,
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .slick-track,
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .elementor-grid {
    display: flex !important;
    align-items: stretch !important;
}

/* Makes the individual slide wrappers adapt to the stretched height */
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .swiper-slide,
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .slick-slide,
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .elementor-grid-item {
    height: auto !important;
    display: flex !important;
}

/* Forces the inner card content to expand and fill the available height */
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .swiper-slide > div,
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .slick-slide > div,
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .elementor-grid-item > div {
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* -- 2. FIX ARROWS FOR RTL (Updated) -- */

/* Force the arrow container back to Left-to-Right so they don't swap places */
body.rtl .elementor-6768 .elementor-element.elementor-element-c1a6a0b [class*="nav"],
body.rtl .elementor-6768 .elementor-element.elementor-element-c1a6a0b [class*="arrows"],
body.rtl .elementor-6768 .elementor-element.elementor-element-c1a6a0b [class*="button-wrapper"] {
    direction: ltr !important;
}

/* Flip the actual arrow icons (SVG or font icons) inside the buttons */
body.rtl .elementor-6768 .elementor-element.elementor-element-c1a6a0b [class*="prev"] i,
body.rtl .elementor-6768 .elementor-element.elementor-element-c1a6a0b [class*="prev"] svg,
body.rtl .elementor-6768 .elementor-element.elementor-element-c1a6a0b [class*="next"] i,
body.rtl .elementor-6768 .elementor-element.elementor-element-c1a6a0b [class*="next"] svg,
body.rtl .elementor-6768 .elementor-element.elementor-element-c1a6a0b button i,
body.rtl .elementor-6768 .elementor-element.elementor-element-c1a6a0b button svg {
    transform: scaleX(-1) !important;
}


























/* 1. Make the front and back layers solid with your color so they don't bleed through */
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .lw-services-2-card,
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .lw-services-2-card .hover-content,
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .lw-services-2-card .main-content {
    background-color: #d6c4ab !important;
    backface-visibility: hidden !important; 
    -webkit-backface-visibility: hidden !important; /* Safari support */
}

/* 2. Hide the images and shapes */
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .lw-services-2-card .bg-img,
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .lw-services-2-card .bg-shape {
    display: none !important;
}

/* 3. Strip away the dark gradient overlays on all layers */
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .lw-services-2-card::before,
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .lw-services-2-card::after,
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .lw-services-2-card .hover-content::before,
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .lw-services-2-card .hover-content::after,
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .lw-services-2-card .main-content::before,
.elementor-6768 .elementor-element.elementor-element-c1a6a0b .lw-services-2-card .main-content::after {
    background: none !important;
    box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for tx_contact_form, class: .elementor-element-5aefc9c *//* 1. Force the entire form wrapper into RTL mode */
body.rtl .elementor-6768 .elementor-element.elementor-element-5aefc9c .wpcf7 form {
    direction: rtl !important;
    text-align: right !important;
}

/* 2. Align all text inputs and textareas to the right */
body.rtl .elementor-6768 .elementor-element.elementor-element-5aefc9c input:not([type="submit"]):not([type="checkbox"]), 
body.rtl .elementor-6768 .elementor-element.elementor-element-5aefc9c textarea {
    text-align: right !important;
    direction: rtl !important;
}

/* 3. Fix the checkbox alignment so the box sits to the right of the text */
body.rtl .elementor-6768 .elementor-element.elementor-element-5aefc9c .wpcf7-acceptance,
body.rtl .elementor-6768 .elementor-element.elementor-element-5aefc9c .wpcf7-list-item {
    display: block !important;
    text-align: right !important;
}
body.rtl .elementor-6768 .elementor-element.elementor-element-5aefc9c input[type="checkbox"] {
    float: right !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
    margin-top: 6px !important; /* Adjusts vertical alignment with text */
}

/* 4. Push the submit button to the far right */
body.rtl .elementor-6768 .elementor-element.elementor-element-5aefc9c p,
body.rtl .elementor-6768 .elementor-element.elementor-element-5aefc9c .submit-wrapper {
    text-align: right !important;
    display: block !important;
}
body.rtl .elementor-6768 .elementor-element.elementor-element-5aefc9c input[type="submit"],
body.rtl .elementor-6768 .elementor-element.elementor-element-5aefc9c button {
    float: right !important;
}/* End custom CSS */