.elementor-1069 .elementor-element.elementor-element-436ee43{--display:flex;}@media(min-width:768px){.elementor-1069 .elementor-element.elementor-element-436ee43{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-f2df69f *//* ======================================================
   KAWTHAR HOTELS SECTION — all .elementor-1069 .elementor-element.elementor-element-f2df69fs scoped to .kwt-hotels
   so nothing bleeds into other Elementor sections
   ====================================================== */
.kwt-hotels{--g:#C9A84C;--gl:#E8C97A;--dk:#1A1208;--mid:#4A3516;--cr:#FAF5EB;font-family:'Tajawal',sans-serif;direction:rtl;padding:60px 24px 70px;background:var(--cr);position:relative;overflow:hidden}
.kwt-hotels *{box-sizing:border-box}
.kwt-hotels::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 15% 20%,rgba(201,168,76,.07) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 85% 80%,rgba(201,168,76,.05) 0%,transparent 55%);pointer-events:none}
.kwt-hotels .kwt-hotels-head{text-align:center;margin-bottom:52px;position:relative}
.kwt-hotels .kwt-ornament{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px}
.kwt-hotels .kwt-orn-line{height:1px;width:80px;background:linear-gradient(to right,transparent,var(--g))}
.kwt-hotels .kwt-orn-line.rev{background:linear-gradient(to left,transparent,var(--g))}
.kwt-hotels .kwt-orn-diamond{width:9px;height:9px;background:var(--g);transform:rotate(45deg);box-shadow:0 0 8px rgba(201,168,76,.4)}
.kwt-hotels .kwt-welcome{font-size:13px;font-weight:600;letter-spacing:3px;color:var(--g);text-transform:uppercase;margin:0 0 10px}
.kwt-hotels .kwt-title{font-size:clamp(26px,4vw,42px);font-weight:800;color:var(--dk);line-height:1.2;margin:0 0 16px}
.kwt-hotels .kwt-title em{font-style:italic;color:var(--g);font-family:'Playfair Display',serif;font-weight:600}
.kwt-hotels .kwt-desc{font-size:15px;color:var(--mid);line-height:1.8;font-weight:400;max-width:620px;margin:0 auto 12px}
.kwt-hotels .kwt-sub{font-size:13px;color:var(--mid);margin-top:0;font-weight:500;opacity:.8;font-style:italic}
/* Grid */
.kwt-hotels .kwt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1160px;margin:0 auto}
/* Card */
.kwt-hotels .kwt-card{background:#FFFDF7;border:1px solid rgba(201,168,76,.2);border-radius:18px;overflow:hidden;position:relative;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease,border-color .28s ease}
.kwt-hotels .kwt-card::after{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,transparent,var(--g),transparent);opacity:0;transition:opacity .25s;z-index:5;pointer-events:none}
.kwt-hotels .kwt-card:hover::after{opacity:1}
.kwt-hotels .kwt-card:hover{transform:translateY(-7px);box-shadow:0 16px 48px rgba(26,18,8,.13),0 2px 8px rgba(201,168,76,.18);border-color:rgba(201,168,76,.5)}
/* Carousel */
.kwt-hotels .kwt-car{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#e8dfc8}
.kwt-hotels .kwt-slides{display:flex;height:100%;direction:ltr;transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}
.kwt-hotels .kwt-slides img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}
.kwt-hotels .kwt-arr{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;background:rgba(20,14,4,.55);border:1px solid rgba(201,168,76,.5);border-radius:50%;color:#E8C97A;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .2s;user-select:none;line-height:1;padding:0;outline:none}
.kwt-hotels .kwt-arr:hover{background:rgba(201,168,76,.9);color:#1A1208}
.kwt-hotels .kwt-arr-r{right:8px}
.kwt-hotels .kwt-arr-l{left:8px}
.kwt-hotels .kwt-dots{position:absolute;bottom:7px;left:0;right:0;display:flex;justify-content:center;gap:5px;z-index:10}
.kwt-hotels .kwt-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:background .2s,transform .2s;border:none;padding:0}
.kwt-hotels .kwt-dot.active{background:#E8C97A;transform:scale(1.3)}
/* Card info */
.kwt-hotels .kwt-info{padding:14px 12px 16px;text-align:center}
.kwt-hotels .kwt-top{display:flex;flex-direction:column;align-items:center;gap:10px}
.kwt-hotels .kwt-meta{width:100%}
.kwt-hotels .kwt-name{font-size:13px;font-weight:700;color:var(--dk);line-height:1.35;margin:0;text-align:center}
.kwt-hotels .kwt-type{font-size:11px;color:var(--mid);margin-top:3px;display:block;opacity:.75;text-align:center}
.kwt-hotels .kwt-city{font-size:11px;color:var(--g);font-weight:700;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:3px}
.kwt-hotels .kwt-city::before{content:'📍';font-size:10px}
.kwt-hotels .kwt-badge{display:inline-block;margin-top:5px;background:var(--g);color:var(--dk);font-size:10px;font-weight:700;padding:2px 9px;border-radius:20px}
.kwt-hotels .kwt-contacts{display:flex;gap:8px;align-items:center;justify-content:center}
.kwt-hotels .kwt-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;border:1.5px solid transparent;transition:transform .2s,box-shadow .2s;flex-shrink:0}
.kwt-hotels .kwt-btn:hover{transform:scale(1.15);box-shadow:0 3px 10px rgba(0,0,0,.15)}
.kwt-hotels .kwt-btn svg{width:16px;height:16px;display:block}
.kwt-hotels .kwt-wa{background:#25D366;border-color:#1ebe5d}
.kwt-hotels .kwt-wa:hover{background:#1db954}
.kwt-hotels .kwt-tel{background:#C9A84C;border-color:#b89440}
.kwt-hotels .kwt-tel:hover{background:#b89440}
.kwt-hotels .kwt-mail{background:#1A1208;border-color:rgba(201,168,76,.4)}
.kwt-hotels .kwt-mail:hover{background:#2C1F08;border-color:rgba(201,168,76,.7)}
.kwt-hotels .kwt-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.2),transparent);margin:52px auto 0;max-width:600px}
@media(max-width:1000px){.kwt-hotels .kwt-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.kwt-hotels{padding:36px 14px 50px}.kwt-hotels .kwt-grid{grid-template-columns:repeat(2,1fr);gap:14px}.kwt-hotels .kwt-arr{width:28px;height:28px;font-size:14px}}
@media(max-width:480px){.kwt-hotels .kwt-grid{grid-template-columns:1fr;gap:14px;max-width:400px}}/* End custom CSS */