.elementor-9 .elementor-element.elementor-element-29fafa84{--display:flex;--min-height:60px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:95;}.elementor-9 .elementor-element.elementor-element-29fafa84:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-29fafa84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-theme-site-logo .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-9 .elementor-element.elementor-element-7a5ad228{width:var( --container-widget-width, 16.345% );max-width:16.345%;--container-widget-width:16.345%;--container-widget-flex-grow:0;text-align:end;}.elementor-9 .elementor-element.elementor-element-7a5ad228.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-7a5ad228 img{width:100%;max-width:100%;height:75px;object-fit:contain;object-position:center center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-3770e385{width:var( --container-widget-width, 78.473% );max-width:78.473%;--container-widget-width:78.473%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-9 .elementor-element.elementor-element-3770e385.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--main .elementor-item:focus{color:#080A00;fill:#080A00;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#000103;}.elementor-9 .elementor-element.elementor-element-3770e385 .e--pointer-framed .elementor-item:before,
					.elementor-9 .elementor-element.elementor-element-3770e385 .e--pointer-framed .elementor-item:after{border-color:#000103;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#01070F;}.elementor-9 .elementor-element.elementor-element-3770e385 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-9 .elementor-element.elementor-element-3770e385 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#01070F;}.elementor-9 .elementor-element.elementor-element-3770e385 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-9 .elementor-element.elementor-element-3770e385 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-9 .elementor-element.elementor-element-3770e385 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-9 .elementor-element.elementor-element-3770e385 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-9 .elementor-element.elementor-element-3770e385 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-9 .elementor-element.elementor-element-3770e385 .e--pointer-underline .elementor-item:after,
					 .elementor-9 .elementor-element.elementor-element-3770e385 .e--pointer-overline .elementor-item:before,
					 .elementor-9 .elementor-element.elementor-element-3770e385 .e--pointer-double-line .elementor-item:before,
					 .elementor-9 .elementor-element.elementor-element-3770e385 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--dropdown a, .elementor-9 .elementor-element.elementor-element-3770e385 .elementor-menu-toggle{color:#1C244B;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--dropdown{background-color:#F3F5F8;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--dropdown a:hover,
					.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--dropdown .elementor-item, .elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;}.elementor-9 .elementor-element.elementor-element-3770e385 div.elementor-menu-toggle{color:#776124;}.elementor-9 .elementor-element.elementor-element-3770e385 div.elementor-menu-toggle svg{fill:#776124;}.elementor-9 .elementor-element.elementor-element-q0d4cip:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-q0d4cip > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-q0d4cip{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:150px 0px 250px 0px;}.elementor-9 .elementor-element.elementor-element-q0d4cip > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9 .elementor-element.elementor-element-q0d4cip > .elementor-shape-bottom svg{width:calc(131% + 1.3px);height:100px;transform:translateX(-50%) rotateY(180deg);}.elementor-9 .elementor-element.elementor-element-q0d4cip > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-9 .elementor-element.elementor-element-5c2d219{z-index:1;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-402518f .elementor-heading-title{-webkit-text-stroke-color:#80642E;stroke:#80642E;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-b899994:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-ee45d0c .elementor-button{background-color:#8A6A28;fill:#FFFFFF;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-ee45d0c .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-ee45d0c .elementor-button:focus{background-color:#FCFCFC;color:#7C6025;}.elementor-9 .elementor-element.elementor-element-ee45d0c{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-ee45d0c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-9 .elementor-element.elementor-element-ee45d0c .elementor-button:hover svg, .elementor-9 .elementor-element.elementor-element-ee45d0c .elementor-button:focus svg{fill:#7C6025;}.elementor-9 .elementor-element.elementor-element-a9fbf18 .elementor-button{background-color:#F0EFEF00;fill:#726124F7;color:#726124F7;border-style:solid;border-width:2px 2px 2px 2px;border-color:#6A5C1E;padding:14px 35px 14px 35px;}.elementor-9 .elementor-element.elementor-element-a9fbf18 .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-a9fbf18 .elementor-button:focus{background-color:#927629;color:#FFFFFF;border-color:#8A6C26;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-a9fbf18{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-a9fbf18 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-9 .elementor-element.elementor-element-a9fbf18 .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-9 .elementor-element.elementor-element-a9fbf18 .elementor-button:hover svg, .elementor-9 .elementor-element.elementor-element-a9fbf18 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-bc-flex-widget .elementor-9 .elementor-element.elementor-element-8564455.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-9 .elementor-element.elementor-element-8564455.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.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-9 .elementor-element.elementor-element-1e67f26{width:var( --container-widget-width, 100.618% );max-width:100.618%;--container-widget-width:100.618%;--container-widget-flex-grow:0;text-align:start;}.elementor-9 .elementor-element.elementor-element-1e67f26.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-1e67f26 img{width:90%;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-9 .elementor-element.elementor-element-b7b050a{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-9 .elementor-element.elementor-element-b7b050a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.57 * 100% );}.elementor-9 .elementor-element.elementor-element-b7b050a:after{content:"0.57";}.elementor-9 .elementor-element.elementor-element-b7b050a .elementor-post__thumbnail__link{width:97%;}.elementor-9 .elementor-element.elementor-element-b7b050a .elementor-post__meta-data span + span:before{content:"///";}.elementor-9 .elementor-element.elementor-element-b7b050a.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9 .elementor-element.elementor-element-b7b050a.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9 .elementor-element.elementor-element-b7b050a.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-ee839e6{width:40%;}.elementor-9 .elementor-element.elementor-element-85deab0{width:60%;}}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-29fafa84{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-9 .elementor-element.elementor-element-3770e385{width:var( --container-widget-width, 482.01px );max-width:482.01px;--container-widget-width:482.01px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--dropdown .elementor-item, .elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}.elementor-9 .elementor-element.elementor-element-q0d4cip > .elementor-shape-bottom svg{height:50px;}.elementor-9 .elementor-element.elementor-element-q0d4cip{padding:60px 60px 110px 60px;}.elementor-9 .elementor-element.elementor-element-a9fbf18 .elementor-button{padding:12px 30px 12px 30px;}.elementor-9 .elementor-element.elementor-element-1e67f26{margin:-150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-29fafa84{--min-height:50px;}.elementor-9 .elementor-element.elementor-element-3770e385{width:var( --container-widget-width, 28.08px );max-width:28.08px;--container-widget-width:28.08px;--container-widget-flex-grow:0;--nav-menu-icon-size:20px;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-9 .elementor-element.elementor-element-3770e385 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-9 .elementor-element.elementor-element-q0d4cip{padding:65px 30px 85px 30px;}.elementor-9 .elementor-element.elementor-element-402518f{text-align:center;}.elementor-9 .elementor-element.elementor-element-b899994{text-align:center;}.elementor-9 .elementor-element.elementor-element-1e67f26{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-9 .elementor-element.elementor-element-1e67f26 img{width:100%;}.elementor-9 .elementor-element.elementor-element-b7b050a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9 .elementor-element.elementor-element-b7b050a:after{content:"0.5";}.elementor-9 .elementor-element.elementor-element-b7b050a .elementor-post__thumbnail__link{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9 .elementor-element.elementor-element-5c2d219{width:80%;}.elementor-9 .elementor-element.elementor-element-ee839e6{width:100%;}.elementor-9 .elementor-element.elementor-element-85deab0{width:100%;}.elementor-9 .elementor-element.elementor-element-8564455{width:100%;}}/* Start custom CSS for button, class: .elementor-element-ee45d0c */.elementor-9 .elementor-element.elementor-element-ee45d0c .elementor-button{
    border: 3px solid #fff;
    border-radius: 100px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a9fbf18 */.elementor-9 .elementor-element.elementor-element-a9fbf18 .elementor-button{
    border: 3px solid #fff;
    border-radius: 100px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1e67f26 */.elementor-9 .elementor-element.elementor-element-1e67f26 {
    animation: floating-image 3s ease-in-out infinite;
}

@keyframes floating-image {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-970a765 */.services-arkan{
  padding:90px 20px;
  background:#fff;
  text-align:center;
  font-family:'Cairo';
}

.services-arkan h2{
  color:#a38a4a;
  font-size:42px;
  font-weight:800;
  margin-bottom:40px;
}

.grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  max-width:1200px;
  margin:auto;
}

.card{
  background:#fff;
  padding:30px;
  border-radius:20px;
  border:1px solid #eee;
  transition:.3s ease;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

/* Hover ذهبي بني */
.card:hover{
  transform:translateY(-10px);
  background:#a38a4a;
  box-shadow:0 20px 45px rgba(163,138,74,0.35);
}

/* النص الأساسي */
.card h3{
  color:#103d3a;
  margin-bottom:10px;
  transition:.3s;
}

.card p{
  color:#666;
  transition:.3s;
}

/* نص أبيض عند hover */
.card:hover h3,
.card:hover p{
  color:#fff;
}

/* Responsive */
@media(max-width:900px){
  .grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:600px){
  .grid{
    grid-template-columns:1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f35b033 */<div class="features-section">

<h2 class="section-title">مميزات شركة أوائل الخليج</h2>
<span class="title-underline"></span>

<div class="features-container">

<div class="feature-box">
<div class="icon">💧</div>
<h3>كشف تسربات المياه</h3>
<p>كشف دقيق بدون تكسير باستخدام أحدث الأجهزة.</p>
</div>

<div class="feature-box">
<div class="icon">🧱</div>
<h3>العزل</h3>
<p>عزل مائي وحراري لحماية المباني من الرطوبة.</p>
</div>

<div class="feature-box">
<div class="icon">🛠️</div>
<h3>الترميم</h3>
<p>إصلاح ومعالجة التشققات والتلفيات باحترافية.</p>
</div>

<div class="feature-box">
<div class="icon">🚿</div>
<h3>رش مبيدات + غاز</h3>
<p>مكافحة الحشرات + تمديد غاز مركزي بأمان.</p>
</div>

</div>
</div>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-095b36e */.steps-section{
  padding:100px 20px;
  text-align:center;
  font-family:'Cairo', sans-serif;
  direction:rtl;
  background:transparent;
}

.steps-section h2{
  color:#103d3a;
  font-size:42px;
  font-weight:800;
  margin-bottom:60px;
}

.steps-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  max-width:1200px;
  margin:auto;
}

/* FLIP */
.flip-card{
  perspective:1000px;
}

.flip-inner{
  position:relative;
  width:100%;
  height:260px;
  transition:transform 0.8s;
  transform-style:preserve-3d;
}

.flip-card:hover .flip-inner{
  transform:rotateY(180deg);
}

/* الوجهين */
.flip-front,
.flip-back{
  position:absolute;
  width:100%;
  height:100%;
  border-radius:25px;
  padding:30px;
  backface-visibility:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

/* FRONT */
.flip-front{
  background:#f3f3f3;
}

/* BACK */
.flip-back{
  background:#a38a4a;
  color:#fff;
  transform:rotateY(180deg);
}

/* 🔥 الأيقونة في الظهر فقط */
.flip-back .icon{
  width:70px;
  height:70px;
  background:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:15px;
  font-size:28px;
  color:#a38a4a;
  box-shadow:0 5px 15px rgba(0,0,0,0.2);
}

/* النص */
.flip-front h3{
  color:#000;
  margin-bottom:10px;
}

.flip-front p{
  color:#555;
}

.flip-back h3{
  margin-bottom:10px;
}

.flip-back p{
  font-size:15px;
  line-height:1.6;
}

/* Responsive */
@media(max-width:900px){
  .steps-grid{
    grid-template-columns:1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-123d800 */.cities-section{
  padding:80px 20px;
  text-align:center;
  font-family:'Cairo', sans-serif;
  direction:rtl;
}

/* كلمة المدن + الخطوط */
.top-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  margin-bottom:15px;
}

.small-title{
  color:#000; /* اسود */
  font-size:20px;
  font-weight:600;
}

.line{
  width:60px;
  height:3px;
  background:#a38a4a; /* دهبي بني */
  border-radius:10px;
}

/* العنوان */
.cities-section h2{
  color:#a38a4a; /* دهبي بني */
  font-size:40px;
  font-weight:800;
  margin-bottom:40px;
}

/* الكروت */
.cities-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:20px;
}

/* الكارت */
.city{
  background:#a38a4a; /* دهبي بني */
  color:#fff; /* أبيض */
  padding:12px 30px;
  border-radius:15px;
  font-size:18px;
  font-weight:600;
  width:fit-content; /* على قد الكلمة */
  transition:.3s;
  cursor:pointer;
}

/* hover بسيط */
.city:hover{
  transform:translateY(-5px);
  box-shadow:0 10px 25px rgba(163,138,74,0.4);
}/* End custom CSS */