body.contact-page{background:#f7f8f6}
body.sakan-home.guest-demo-page.contact-page .site-header-shell:is(.is-sticky,:not(.is-sticky)){position:absolute;inset:0 0 auto;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.contact-main{font-family:Cairo,sans-serif;color:#17344d}
.contact-wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.contact-main a{text-decoration:none}
.contact-hero{padding:clamp(122px,9vw,142px) 0 clamp(56px,5vw,70px);background:linear-gradient(270deg,#10283ef5,#10283ec9 50%,#10283e45),url('../images/travel/kuwait-blue-hour.png') center 55%/cover no-repeat;color:#fff}
.contact-hero .contact-wrap{max-width:1200px}
.contact-hero-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:end}
.contact-eyebrow{color:#98743c;font-size:12px;font-weight:700}
.contact-hero .contact-eyebrow{display:inline-flex;justify-self:start;align-items:center;width:max-content;max-width:100%;min-height:30px;padding:5px 12px;border:1px solid #f0d39c66;border-radius:999px;background:#10283e66;color:#f0d39c}
.contact-hero h1{max-width:700px;margin:14px 0 12px;font-size:clamp(36px,4.2vw,54px);line-height:1.35;font-weight:800}
.contact-hero h1 span{display:block;color:#f0d39c}
.contact-hero p{max-width:560px;margin:0 0 20px;color:#e0e7eb;font-size:14px;line-height:1.9}
.contact-hero-copy>.contact-button{grid-column:2;grid-row:1 / span 3;margin-bottom:4px;white-space:nowrap}
.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 22px;border:0;border-radius:12px;background:#087f72;color:#fff;font:700 12px Cairo,sans-serif;cursor:pointer}
.contact-button:hover{background:#06685e}
.contact-channels{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:-44px}
.contact-channels>a{display:flex;align-items:center;gap:14px;padding:24px;border:1px solid #e2e8e2;border-radius:18px;background:#fff;color:#17344d;box-shadow:0 12px 32px #17344d0a}
.contact-channels>a>div{min-width:0;flex:1}
.contact-channels h2{font-size:15px;margin:0 0 6px}
.contact-channels p{font-size:12px;color:#536b67;margin:0;overflow-wrap:anywhere;text-align:start}
.contact-channels>a>.material-symbols-rounded{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:14px;background:#edf7f3;color:#087f72}
.contact-channels>a:hover{border-color:#87b7a9}
.contact-content{display:grid;grid-template-columns:.85fr 1.4fr;gap:52px;padding:70px 0}
.contact-main h2{line-height:1.5}
.contact-guidance h2,.contact-form-card h2,.contact-faq h2{font-size:28px;margin:10px 0}
.contact-guidance>p,.contact-form-card>p,.contact-faq p{font-size:12px;line-height:2;color:#536b67}
.contact-topics{display:grid;gap:10px;margin-top:24px}
.contact-topics button{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #dfe7df;border-radius:14px;background:#fff;color:#17344d;text-align:start;font-family:inherit;cursor:pointer}
.contact-topics button>span:nth-child(2){flex:1}
.contact-topics button>.material-symbols-rounded{color:#98743c}
.contact-topics strong{display:block;font-size:12px}
.contact-topics small{display:block;margin-top:5px;font-size:10px;color:#536b67}
.contact-topics button:hover{background:#edf7f3;border-color:#87b7a9}
.contact-tip{margin-top:24px;padding:22px;border-radius:16px;background:#f3eddf}
.contact-tip>.material-symbols-rounded{color:#98743c}.contact-tip h3{font-size:14px;margin:8px 0}.contact-tip p{font-size:12px;line-height:2;color:#68583a;margin:0}
.contact-form-card{padding:32px;border:1px solid #e2e8e2;border-radius:22px;background:#fff;box-shadow:0 12px 40px #17344d08;scroll-margin-top:30px}
.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;margin-top:26px}
.contact-form-card .app-field-wide{grid-column:1/-1}
.contact-form-footer{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.contact-form-footer p{font-size:10px;line-height:1.9;color:#536b67;max-width:270px}.contact-form-footer a,.contact-faq a{color:#087f72;text-decoration:underline}
.contact-alert{padding:16px;border-radius:12px;font-size:12px;line-height:1.8;margin-top:20px}.contact-alert.is-success{background:#e9f7ee;color:#155b37}.contact-alert.is-error{background:#fff0ee;color:#962f26}
.contact-faq{display:grid;grid-template-columns:.85fr 1.4fr;gap:52px;padding:20px 0 65px}.contact-faq a{font-size:12px}
.contact-faq details{padding:18px 0;border-bottom:1px solid #dce4dd}.contact-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;font-size:13px;font-weight:700;cursor:pointer}.contact-faq summary::-webkit-details-marker{display:none}.contact-faq details[open] summary span{transform:rotate(45deg)}
.contact-explore{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px;margin-bottom:60px;border-radius:22px;background:linear-gradient(110deg,#17344df0,#17344dc9),url('../images/travel/stay-room.jpg') center/cover;color:#fff}.contact-explore h2{font-size:26px;margin:8px 0}.contact-explore p{font-size:12px;color:#e0e7eb}.contact-explore .contact-eyebrow{color:#f0d39c}
.contact-main :is(a,button,summary):focus-visible{outline:3px solid #b58a22;outline-offset:4px}
@media(max-width:800px){.contact-content,.contact-faq{grid-template-columns:1fr;gap:30px}.contact-content{padding:45px 0}.contact-topics{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.contact-wrap{width:calc(100% - 28px)}.contact-hero{padding:104px 0 76px}.contact-hero-copy{display:block}.contact-hero h1{margin:16px 0 14px;font-size:38px;line-height:1.45}.contact-hero p{font-size:13px;line-height:2;margin-bottom:24px}.contact-hero .contact-button{width:100%;margin:0}.contact-channels{gap:12px}.contact-channels>a{padding:18px}.contact-form-card{padding:20px}.contact-form-grid,.contact-topics{grid-template-columns:1fr}.contact-form-footer,.contact-explore{flex-direction:column;align-items:stretch}.contact-form-footer p{max-width:none}.contact-explore{padding:24px}.contact-form-footer .contact-button{width:100%}}
.contact-hero .contact-eyebrow{padding:8px 13px;border-color:#f0d39c80;border-radius:999px;background:#10283e80}
body.contact-page .contact-hero{background-image:linear-gradient(270deg,#10283ef5,#10283ec9 50%,#10283e45),url('../images/travel/stay-bedroom.jpg')}