.elementor-285 .elementor-element.elementor-element-a42c723 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-285 .elementor-element.elementor-element-1e78ea7d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-285 .elementor-element.elementor-element-cdac465{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-285 .elementor-element.elementor-element-696ed06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-285 .elementor-element.elementor-element-c0971c3{--spacer-size:143px;}.elementor-285 .elementor-element.elementor-element-e0b6d10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-285 .elementor-element.elementor-element-2ee5116:hover{background-color:var( --e-global-color-blocksy_palette_1 );box-shadow:0px 20px 80px 0px rgba(93.99999999999993, 71.99999999999999, 219, 0.4);}.elementor-285 .elementor-element.elementor-element-2ee5116{padding:30px 30px 30px 30px;border-radius:10px 10px 10px 10px;box-shadow:0px 20px 80px 0px rgba(192, 198, 211, 0.25);--icon-box-icon-margin:15px;}.elementor-285 .elementor-element.elementor-element-2ee5116 .elementor-icon-box-title{margin-block-end:10px;}.elementor-285 .elementor-element.elementor-element-2ee5116.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-blocksy_palette_1 );}.elementor-285 .elementor-element.elementor-element-2ee5116.elementor-view-framed .elementor-icon, .elementor-285 .elementor-element.elementor-element-2ee5116.elementor-view-default .elementor-icon{fill:var( --e-global-color-blocksy_palette_1 );color:var( --e-global-color-blocksy_palette_1 );border-color:var( --e-global-color-blocksy_palette_1 );}.elementor-285 .elementor-element.elementor-element-2ee5116 .elementor-icon{font-size:30px;}.elementor-285 .elementor-element.elementor-element-2ee5116 .elementor-icon-box-title, .elementor-285 .elementor-element.elementor-element-2ee5116 .elementor-icon-box-title a{font-size:20px;}.elementor-285 .elementor-element.elementor-element-0a6cd6d:hover{background-color:var( --e-global-color-blocksy_palette_1 );box-shadow:0px 20px 80px 0px rgba(93.99999999999993, 71.99999999999999, 219, 0.4);}.elementor-285 .elementor-element.elementor-element-0a6cd6d{padding:30px 30px 30px 30px;border-radius:10px 10px 10px 10px;box-shadow:0px 20px 80px 0px rgba(192, 198, 211, 0.25);--icon-box-icon-margin:15px;}.elementor-285 .elementor-element.elementor-element-0a6cd6d .elementor-icon-box-title{margin-block-end:10px;}.elementor-285 .elementor-element.elementor-element-0a6cd6d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-blocksy_palette_1 );}.elementor-285 .elementor-element.elementor-element-0a6cd6d.elementor-view-framed .elementor-icon, .elementor-285 .elementor-element.elementor-element-0a6cd6d.elementor-view-default .elementor-icon{fill:var( --e-global-color-blocksy_palette_1 );color:var( --e-global-color-blocksy_palette_1 );border-color:var( --e-global-color-blocksy_palette_1 );}.elementor-285 .elementor-element.elementor-element-0a6cd6d .elementor-icon{font-size:30px;}.elementor-285 .elementor-element.elementor-element-0a6cd6d .elementor-icon-box-title, .elementor-285 .elementor-element.elementor-element-0a6cd6d .elementor-icon-box-title a{font-size:20px;}.elementor-285 .elementor-element.elementor-element-b0a78d8:hover{background-color:var( --e-global-color-blocksy_palette_1 );box-shadow:0px 20px 80px 0px rgba(93.99999999999993, 71.99999999999999, 219, 0.4);}.elementor-285 .elementor-element.elementor-element-b0a78d8{padding:30px 30px 30px 30px;border-radius:10px 10px 10px 10px;box-shadow:0px 20px 80px 0px rgba(192, 198, 211, 0.25);--icon-box-icon-margin:15px;}.elementor-285 .elementor-element.elementor-element-b0a78d8 .elementor-icon-box-title{margin-block-end:10px;}.elementor-285 .elementor-element.elementor-element-b0a78d8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-blocksy_palette_1 );}.elementor-285 .elementor-element.elementor-element-b0a78d8.elementor-view-framed .elementor-icon, .elementor-285 .elementor-element.elementor-element-b0a78d8.elementor-view-default .elementor-icon{fill:var( --e-global-color-blocksy_palette_1 );color:var( --e-global-color-blocksy_palette_1 );border-color:var( --e-global-color-blocksy_palette_1 );}.elementor-285 .elementor-element.elementor-element-b0a78d8 .elementor-icon{font-size:30px;}.elementor-285 .elementor-element.elementor-element-b0a78d8 .elementor-icon-box-title, .elementor-285 .elementor-element.elementor-element-b0a78d8 .elementor-icon-box-title a{font-size:20px;}.elementor-285 .elementor-element.elementor-element-30fe99f:hover{background-color:var( --e-global-color-blocksy_palette_1 );box-shadow:0px 20px 80px 0px rgba(93.99999999999993, 71.99999999999999, 219, 0.4);}.elementor-285 .elementor-element.elementor-element-30fe99f{padding:30px 30px 30px 30px;border-radius:10px 10px 10px 10px;box-shadow:0px 20px 80px 0px rgba(192, 198, 211, 0.25);--icon-box-icon-margin:15px;}.elementor-285 .elementor-element.elementor-element-30fe99f .elementor-icon-box-title{margin-block-end:10px;}.elementor-285 .elementor-element.elementor-element-30fe99f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-blocksy_palette_1 );}.elementor-285 .elementor-element.elementor-element-30fe99f.elementor-view-framed .elementor-icon, .elementor-285 .elementor-element.elementor-element-30fe99f.elementor-view-default .elementor-icon{fill:var( --e-global-color-blocksy_palette_1 );color:var( --e-global-color-blocksy_palette_1 );border-color:var( --e-global-color-blocksy_palette_1 );}.elementor-285 .elementor-element.elementor-element-30fe99f .elementor-icon{font-size:30px;}.elementor-285 .elementor-element.elementor-element-30fe99f .elementor-icon-box-title, .elementor-285 .elementor-element.elementor-element-30fe99f .elementor-icon-box-title a{font-size:20px;}.elementor-285 .elementor-element.elementor-element-f37914a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-285 .elementor-element.elementor-element-f1cc445{--spacer-size:140px;}@media(max-width:1024px) and (min-width:768px){.elementor-285 .elementor-element.elementor-element-5e9dd39{width:50%;}.elementor-285 .elementor-element.elementor-element-3427413{width:50%;}.elementor-285 .elementor-element.elementor-element-3b0a0ca{width:50%;}.elementor-285 .elementor-element.elementor-element-4dd5a48{width:50%;}}/* Start custom CSS for html, class: .elementor-element-7a97e52 */body {
  margin: 0;
  font-family: 'Tajawal', sans-serif;
  background-color: #f9f9f9;
  color: #333;
  direction: rtl;
}

.contact-page {
  padding: 60px 20px;
}

.contact-container {
  max-width: 1100px;
  margin: 0 auto;
}

.contact-title {
  text-align: center;
  margin-bottom: 50px;
}

.contact-title h1 {
  color: #033c61;
  font-size: 2.2rem;
}

.contact-title p {
  font-size: 1.1rem;
  color: #666;
}

.contact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
}

.contact-info-box,
.contact-form-box {
  background: #ffffff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}

.contact-info-box h2,
.contact-form-box h2 {
  color: #f39c12;
  margin-bottom: 20px;
}

.contact-info-box ul {
  list-style: none;
  padding: 0;
  line-height: 2;
}

.contact-info-box a {
  color: #033c61;
  text-decoration: none;
  font-weight: bold;
}

.qr-box {
  margin-top: 20px;
  text-align: center;
}

.qr-box img {
  border: 4px solid #033c61;
  border-radius: 8px;
  margin-top: 10px;
}

.contact-form-box form {
  display: flex;
  flex-direction: column;
}

.contact-form-box input,
.contact-form-box textarea {
  padding: 12px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1rem;
}

.contact-form-box button {
  background-color: #033c61;
  color: white;
  padding: 12px;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.3s ease;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.contact-form-box button:hover {
  background-color: #f39c12;
}

.map-box {
  margin-top: 60px;
  text-align: center;
}

.map-box h2 {
  margin-bottom: 15px;
  color: #033c61;
}/* End custom CSS */