{"id":13408,"date":"2017-04-10T08:12:20","date_gmt":"2017-04-10T08:12:20","guid":{"rendered":"https:\/\/mediclinic.qodeinteractive.com\/elementor\/?page_id=8"},"modified":"2026-06-02T14:43:11","modified_gmt":"2026-06-02T10:43:11","slug":"home-1","status":"publish","type":"page","link":"https:\/\/salampolyclinic.om\/ar\/","title":{"rendered":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13408\" class=\"elementor elementor-13408\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-43b6e98 e-con-full e-flex e-con e-parent\" data-id=\"43b6e98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a2c780 elementor-widget elementor-widget-html\" data-id=\"9a2c780\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"full-width-hero\">\n    <h1 style=\"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;\">Salam International Polyclinic \u2014 Multi-Specialty Clinic in Muscat, Oman<\/h1>\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Site-Hero-BG2.jpg\" alt=\"Salam Polyclinic Hero\" class=\"hero-background\">\n    \n    <div class=\"hero-title-container\">\n        \n        <div class=\"lang-wrapper font-latin anim-master-salam\" style=\"animation-delay: 0s; z-index: 5;\">\n            <div class=\"title-main grad-text grad-master\">SALAM<\/div>\n            <div class=\"title-sub\" style=\"visibility: hidden;\">PLACEHOLDER<\/div>\n        <\/div>\n\n        <div class=\"lang-wrapper font-latin anim-fade\" style=\"animation-delay: 0s;\">\n            <div class=\"title-main\" style=\"visibility: hidden;\">SALAM<\/div>\n            <div class=\"title-sub grad-text grad-en\">INTERNATIONAL POLYCLINIC<\/div>\n        <\/div>\n\n        <div class=\"lang-wrapper font-arabic anim-master-arabic\" style=\"animation-delay: 6s; z-index: 5;\">\n            <div class=\"title-main grad-text grad-master\">\u0633\u0640\u0644\u0627\u0645<\/div>\n            <div class=\"title-sub\" style=\"visibility: hidden;\">PLACEHOLDER<\/div>\n        <\/div>\n\n        <div class=\"lang-wrapper font-arabic anim-cube-up-fade-out\" style=\"animation-delay: 6s;\">\n            <div class=\"title-main\" style=\"visibility: hidden;\">\u0633\u0640\u0644\u0627\u0645<\/div>\n            <div class=\"title-sub grad-text grad-ar\" dir=\"rtl\">\u0645\u062c\u0645\u0639 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/div>\n        <\/div>\n\n        <div class=\"lang-wrapper font-arabic anim-fade-cube-left-out\" style=\"animation-delay: 12s;\">\n            <div class=\"title-main\" style=\"visibility: hidden;\">\u0633\u0640\u0644\u0627\u0645<\/div>\n            <div class=\"title-sub grad-text grad-fa\" dir=\"rtl\">\u067e\u0644\u06cc \u06a9\u0644\u06cc\u0646\u06cc\u06a9 \u0628\u06cc\u0646 \u0627\u0644\u0645\u0644\u0644\u06cc<\/div>\n        <\/div>\n\n        <div class=\"lang-wrapper font-latin anim-cube-down-fade-out\" style=\"animation-delay: 18s;\">\n            <div class=\"title-main\" style=\"visibility: hidden;\">SALAM<\/div>\n            <div class=\"title-sub grad-text grad-es\">POLICL\u00cdNICA INTERNACIONAL<\/div>\n        <\/div>\n\n        <div class=\"lang-wrapper font-latin anim-fade\" style=\"animation-delay: 24s;\">\n            <div class=\"title-main\" style=\"visibility: hidden;\">SALAM<\/div>\n            <div class=\"title-sub grad-text grad-de\">INTERNATIONALE POLIKLINIK<\/div>\n        <\/div>\n\n        <div class=\"lang-wrapper font-latin anim-fade\" style=\"animation-delay: 30s;\">\n            <div class=\"title-main\" style=\"visibility: hidden;\">SALAM<\/div>\n            <div class=\"title-sub grad-text grad-fr\">POLYCLINIQUE INTERNATIONALE<\/div>\n        <\/div>\n\n    <\/div>\n\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Hero-Building.png\" alt=\"Salam Polyclinic Building\" class=\"hero-building\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/ofw.gif\" alt=\"Animated Feature\" class=\"hero-gif\">\n<\/div>\n\n<style>\n\/* --- FONT FAMILIES --- *\/\n.font-latin { font-family: 'Geom', 'Montserrat' !important }\n.font-arabic { font-family: 'lalezar', 'Tajawal', Tahoma, Arial, sans-serif; }\n\n\/* --- MAIN HERO CONTAINERS --- *\/\n\/* Isolate the hero's compositing context entirely.\n   \"paint\" tells the browser: nothing inside can visually bleed outside this box. *\/\n.full-width-hero {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    contain: layout paint;      \/* \u2190 KEY: seals compositing changes inside *\/\n    isolation: isolate;         \/* \u2190 Backup: creates a new stacking context *\/\n    transform: translateZ(0);   \/* \u2190 Promotes hero to its own GPU layer upfront *\/\n    will-change: transform;     \/* \u2190 Hints browser to pre-allocate the layer *\/\n}\n\n.hero-background { \n    width: 100%; \n    height: auto; \n    display: block; \n    z-index: 1;\n    opacity: 0;\n    animation: fadeInHero 2s ease-out forwards;\n}\n\n\/* --- POSITIONING & RESPONSIVENESS --- *\/\n.hero-title-container {\n    position: absolute;\n    top: 20%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 90%;\n    max-width: 550px;\n    display: flex;\n    justify-content: center;\n    z-index: 10;\n    pointer-events: none;\n    perspective: 1200px;\n    transform-style: preserve-3d;\n}\n\n@media (max-width: 1024px) {\n    .hero-title-container {\n        top: 15%;\n        max-width: 450px;\n    }\n    .hero-gif {\n        max-width: 40%;\n        top: 5%;\n        bottom: 0%; \n        left: 2%; \n    }\n}\n\n@media (max-width: 768px) {\n    .hero-title-container {\n        top: 40%;\n        max-width: 90%;\n    }\n    .hero-background {\n        height: 300px !important;\n        object-fit: cover !important;\n        object-position: center !important;\n    }\n    .title-sub {\n        letter-spacing: 2px !important;\n    }\n    .hero-building {\n        max-width: 85% !important;\n    }\n    .hero-gif {\n        max-width: 45% !important;\n        bottom: 2% !important;\n        left: 2% !important;\n    }\n}\n\n\/* --- TITLE STYLING & 3D ORIGIN --- *\/\n.lang-wrapper {\n    position: absolute;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    opacity: 0;\n    transform-origin: center center -80px;\n    backface-visibility: hidden;\n    will-change: transform, opacity, filter; \/* \u2190 ADD THIS *\/\n}\n\n\/* --- GRADIENT TEXT & DROP SHADOW FIX --- *\/\n.grad-text {\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: transparent; \/* Fallback *\/\n    filter: drop-shadow(0 4px 8px rgba(0, 30, 70, 0.6)); \n}\n\n\/* Smooth, premium gradient blends *\/\n.grad-master { background-image: linear-gradient(135deg, #d7d7d7, #ffffff 50%, #b8b8b8); } \n.grad-en { background-image: linear-gradient(135deg, #00247d, #ffffff, #cf142b); }\n.grad-ar { background-image: linear-gradient(135deg, #ed1c24, #007a3d); } \n.grad-fa { background-image: linear-gradient(135deg, #239f40, #ffffff, #da0000); }\n.grad-es { background-image: linear-gradient(135deg, #aa151b, #f1bf00, #aa151b); }\n.grad-de { background-image: linear-gradient(135deg, #555555, #dd0000, #ffce00); } \n.grad-fr { background-image: linear-gradient(135deg, #002395, #ffffff, #ed2939); }\n\n\/* --- MAIN TITLE STYLES --- *\/\n.title-main {\n    font-size: clamp(3rem, 6vw, 6.5rem);\n    font-weight: 800;\n    line-height: 1;\n    margin-bottom: 4px;\n    text-transform: uppercase;\n}\n\n\/* 1. Latin Letter Spacing (TWEAK THIS VALUE) *\/\n.font-latin .title-main {\n    letter-spacing: 3px; \/* <-- Adjust this up or down for SALAM *\/\n}\n\n\/* 2. Arabic Letter Spacing (Leave at 0px) *\/\n.font-arabic .title-main {\n    letter-spacing: 0px; \/* Keeps Arabic letters connected *\/\n}\n\n.title-sub {\n    font-size: clamp(0.6rem, 1.2vw, 1.1rem);\n    font-weight: 600;\n    text-transform: uppercase;\n    text-align: center;\n    letter-spacing: 5px;\n    padding: 0;\n    margin-top: 4px;\n}\n\n\/* --- FOREGROUND IMAGES --- *\/\n.hero-building {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    max-width: 40%;\n    height: auto;\n    z-index: 2;\n    opacity: 0;\n    animation: slideUpBuilding 1s ease-out 0.5s forwards;\n}\n.hero-gif {\n    position: absolute;\n    bottom: 0;\n    left: 2%;\n    max-width: 30%;\n    height: auto;\n    z-index: 2;\n    opacity: 0;\n    animation: slideInGif 1s ease-out 2.0s forwards;\n}\n\n\/* --- ASSIGNING THE ANIMATIONS --- *\/\n.anim-master-salam { animation: masterSalam 36s infinite cubic-bezier(0.4, 0, 0.2, 1); }\n.anim-master-arabic { animation: masterArabic 36s infinite cubic-bezier(0.4, 0, 0.2, 1); }\n.anim-fade { animation: morphFade 36s infinite cubic-bezier(0.4, 0, 0.2, 1); }\n\n\/* Standard Cube Classes *\/\n.anim-cube-up { animation: morphCubeUp 36s infinite cubic-bezier(0.4, 0, 0.2, 1); }\n.anim-cube-right { animation: morphCubeRight 36s infinite cubic-bezier(0.4, 0, 0.2, 1); }\n.anim-cube-left { animation: morphCubeLeft 36s infinite cubic-bezier(0.4, 0, 0.2, 1); }\n.anim-cube-down { animation: morphCubeDown 36s infinite cubic-bezier(0.4, 0, 0.2, 1); }\n\n\/* Hybrid Cube Classes *\/\n.anim-cube-up-fade-out { animation: morphCubeUpFadeOut 36s infinite cubic-bezier(0.4, 0, 0.2, 1); }\n.anim-fade-cube-left-out { animation: morphFadeCubeLeftOut 36s infinite cubic-bezier(0.4, 0, 0.2, 1); }\n.anim-cube-down-fade-out { animation: morphCubeDownFadeOut 36s infinite cubic-bezier(0.4, 0, 0.2, 1); }\n\n\n\/* --- KEYFRAMES --- *\/\n\n\/* MASTER SALAM TIMELINE (Latin) *\/\n@keyframes masterSalam {\n    0%     { opacity: 1; filter: blur(0px); transform: scale(1) rotateX(0deg); }\n    16.6%  { opacity: 1; filter: blur(0px); transform: scale(1) rotateX(0deg); }\n    19.6%  { opacity: 0; filter: blur(10px); transform: scale(1.05) rotateX(0deg); }\n    49.9%  { opacity: 0; filter: blur(4px); transform: scale(1) rotateX(90deg); } \n    50%    { opacity: 0; filter: blur(4px); transform: scale(1) rotateX(90deg); }\n    53%    { opacity: 1; filter: blur(0px); transform: scale(1) rotateX(0deg); }\n    100%   { opacity: 1; filter: blur(0px); transform: scale(1) rotateX(0deg); }\n}\n\n\/* MASTER ARABIC TIMELINE *\/\n@keyframes masterArabic {\n    0%      { opacity: 0; filter: blur(4px); transform: rotateX(-90deg); }\n    3%      { opacity: 1; filter: blur(0px); transform: rotateX(0deg); }\n    33.3%   { opacity: 1; filter: blur(0px); transform: rotateX(0deg) rotateY(0deg); } \n    36.3%   { opacity: 0; filter: blur(4px); transform: rotateY(90deg); }  \n    99%     { opacity: 0; transform: rotateY(90deg); }\n    100%    { opacity: 0; transform: rotateX(-90deg); } \n}\n\n\/* Standard Fade *\/\n@keyframes morphFade {\n    0%     { opacity: 0; filter: blur(10px); transform: scale(0.95); }\n    3%     { opacity: 1; filter: blur(0px); transform: scale(1); }\n    16.6%  { opacity: 1; filter: blur(0px); transform: scale(1); }\n    19.6%  { opacity: 0; filter: blur(10px); transform: scale(1.05); }\n    99%    { opacity: 0; transform: scale(1.05); }\n    100%   { opacity: 0; transform: scale(0.95); }\n}\n\n\/* Standard Cubes *\/\n@keyframes morphCubeUp {\n    0%     { opacity: 0; filter: blur(4px); transform: rotateX(-90deg); }\n    3%     { opacity: 1; filter: blur(0px); transform: rotateX(0deg); }\n    16.6%  { opacity: 1; filter: blur(0px); transform: rotateX(0deg); }\n    19.6%  { opacity: 0; filter: blur(4px); transform: rotateX(90deg); }\n    99%    { opacity: 0; transform: rotateX(90deg); }\n    100%   { opacity: 0; transform: rotateX(-90deg); }\n}\n@keyframes morphCubeRight {\n    0%     { opacity: 0; filter: blur(4px); transform: rotateY(90deg); }\n    3%     { opacity: 1; filter: blur(0px); transform: rotateY(0deg); }\n    16.6%  { opacity: 1; filter: blur(0px); transform: rotateY(0deg); }\n    19.6%  { opacity: 0; filter: blur(4px); transform: rotateY(-90deg); }\n    99%    { opacity: 0; transform: rotateY(-90deg); }\n    100%   { opacity: 0; transform: rotateY(90deg); }\n}\n@keyframes morphCubeLeft {\n    0%     { opacity: 0; filter: blur(4px); transform: rotateY(-90deg); }\n    3%     { opacity: 1; filter: blur(0px); transform: rotateY(0deg); }\n    16.6%  { opacity: 1; filter: blur(0px); transform: rotateY(0deg); }\n    19.6%  { opacity: 0; filter: blur(4px); transform: rotateY(90deg); }\n    99%    { opacity: 0; transform: rotateY(90deg); }\n    100%   { opacity: 0; transform: rotateY(-90deg); }\n}\n@keyframes morphCubeDown {\n    0%     { opacity: 0; filter: blur(4px); transform: rotateX(90deg); }\n    3%     { opacity: 1; filter: blur(0px); transform: rotateX(0deg); }\n    16.6%  { opacity: 1; filter: blur(0px); transform: rotateX(0deg); }\n    19.6%  { opacity: 0; filter: blur(4px); transform: rotateX(-90deg); }\n    99%    { opacity: 0; transform: rotateX(-90deg); }\n    100%   { opacity: 0; transform: rotateX(90deg); }\n}\n\n\/* --- HYBRID KEYFRAMES --- *\/\n\n\/* Arabic: Cubes up from below, then fades out *\/\n@keyframes morphCubeUpFadeOut {\n    0%     { opacity: 0; filter: blur(4px); transform: rotateX(-90deg); }\n    3%     { opacity: 1; filter: blur(0px); transform: rotateX(0deg); }\n    16.6%  { opacity: 1; filter: blur(0px); transform: rotateX(0deg); }\n    19.6%  { opacity: 0; filter: blur(10px); transform: scale(1.05); }\n    99%    { opacity: 0; transform: scale(1.05); }\n    100%   { opacity: 0; transform: rotateX(-90deg); }\n}\n\n\/* Persian: Fades in, then cubes to the left *\/\n@keyframes morphFadeCubeLeftOut {\n    0%     { opacity: 0; filter: blur(10px); transform: scale(0.95); }\n    3%     { opacity: 1; filter: blur(0px); transform: scale(1); }\n    16.6%  { opacity: 1; filter: blur(0px); transform: scale(1); }\n    19.6%  { opacity: 0; filter: blur(4px); transform: rotateY(90deg); }\n    99%    { opacity: 0; transform: rotateY(90deg); }\n    100%   { opacity: 0; transform: scale(0.95); }\n}\n\n\/* Spanish: Cubes down from top, then fades out *\/\n@keyframes morphCubeDownFadeOut {\n    0%     { opacity: 0; filter: blur(4px); transform: rotateX(90deg); }\n    3%     { opacity: 1; filter: blur(0px); transform: rotateX(0deg); }\n    16.6%  { opacity: 1; filter: blur(0px); transform: rotateX(0deg); }\n    19.6%  { opacity: 0; filter: blur(10px); transform: scale(1.05); }\n    99%    { opacity: 0; transform: scale(1.05); }\n    100%   { opacity: 0; transform: rotateX(90deg); }\n}\n\n\/* Background & Asset Load Animations *\/\n@keyframes fadeInHero {\n    from { opacity: 0; }\n    to   { opacity: 1; }\n}\n@keyframes slideUpBuilding {\n    from { opacity: 0; transform: translateY(100px); }\n    to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes slideInGif {\n    from { opacity: 0; transform: translateX(-100px); }\n    to   { opacity: 1; transform: translateX(0); }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-0b1f616 e-con-full e-flex e-con e-parent\" data-id=\"0b1f616\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-86fd6e6 e-con-full e-flex e-con e-child\" data-id=\"86fd6e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba04441 elementor-widget elementor-widget-heading\" data-id=\"ba04441\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">SALAM Polyclinic<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87c93ed elementor-widget elementor-widget-elementskit-heading\" data-id=\"87c93ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">comprehensive <span>Care &amp; Services<\/span> <\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59ec60b elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"59ec60b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Expert Cardiology Services<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Comprehensive General Medicine<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Specialized Pediatrics Care<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Modern Facilities<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Laboratory &amp; Radiology Tests<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Vaccination &amp; Consultation<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">IV Drip, Taping &amp; Skin Care<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Echo, TMT &amp; ECG Tests<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-5723161 e-con-full e-flex e-con e-child\" data-id=\"5723161\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2089c7c elementor-widget elementor-widget-image\" data-id=\"2089c7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"483\" src=\"https:\/\/salampolyclinic.om\/wp-content\/uploads\/2026\/05\/New-Group-Team-WebCompressed.png\" class=\"attachment-large size-large wp-image-18111\" alt=\"Salam International Polyclinic medical team, Muscat\" srcset=\"https:\/\/salampolyclinic.om\/wp-content\/uploads\/2026\/05\/New-Group-Team-WebCompressed.png 600w, https:\/\/salampolyclinic.om\/wp-content\/uploads\/2026\/05\/New-Group-Team-WebCompressed-300x242.png 300w, https:\/\/salampolyclinic.om\/wp-content\/uploads\/2026\/05\/New-Group-Team-WebCompressed-15x12.png 15w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-bdebbc1 e-con-full e-flex e-con e-parent\" data-id=\"bdebbc1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13c8c93 elementor-widget elementor-widget-heading\" data-id=\"13c8c93\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Salam Polyclinic<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ce5901 elementor-widget elementor-widget-elementskit-heading\" data-id=\"8ce5901\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">our <span>Specialized<\/span> Departments<\/h2><p class=\"ekit-heading--subtitle elementskit-section-subtitle  \">\n\t\t\t\t\t\tExplore our wide range of dedicated medical wards and healthcare services.\n\t\t\t\t\t<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4266dc7 elementor-widget elementor-widget-html\" data-id=\"4266dc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* --- SALAM POLYCLINIC WARDS CSS (UPDATED) --- *\/\n:root {\n    \/* Updated Brand Colors *\/\n    --salam-main: #5fbeb7; \n    --salam-main-light: rgba(95, 190, 183, 0.15); \n    --salam-secondary: #4e7e8d;\n    --salam-secondary-light: rgba(78, 126, 141, 0.1);\n    \n    --salam-text-dark: #2d3748;\n    --salam-text-p: #718096;\n}\n\n.salam-wards-grid {\n    display: grid;\n    \/* Changed to 3 columns to perfectly fit 9 items (3x3 grid) *\/\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    width: 100%;\n    font-family: inherit; \n    box-sizing: border-box;\n}\n\n.salam-ward-card {\n    background: #ffffff;\n    border-radius: 12px;\n    padding: 32px 24px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    border: 1px solid #edf2f7;\n}\n\n.salam-ward-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);\n    border-color: var(--salam-main);\n}\n\n.card-header-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 20px;\n}\n\n.ward-icon-wrapper {\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    background-color: var(--salam-main-light);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--salam-main);\n}\n\n.ward-icon-wrapper svg {\n    width: 28px;\n    height: 28px;\n    stroke: currentColor;\n    stroke-width: 2;\n    fill: none;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.coming-soon-badge {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--salam-secondary);\n    background-color: var(--salam-secondary-light);\n    padding: 6px 12px;\n    border-radius: 20px;\n}\n\n.ward-title {\n    font-size: 20px;\n    font-weight: 700;\n    color: var(--salam-text-dark);\n    margin: 0 0 12px 0;\n    line-height: 1.3;\n}\n\n.ward-desc {\n    font-size: 15px;\n    color: var(--salam-text-p);\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* Responsive adjustments for Tablets and Mobile *\/\n@media (max-width: 1024px) {\n    .salam-wards-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .salam-wards-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    \/* --- NEW MOBILE CENTERING --- *\/\n    .salam-ward-card {\n        align-items: center; \/* Centers the inner blocks *\/\n        text-align: center;  \/* Centers the text paragraphs *\/\n    }\n    \n    .card-header-row {\n        flex-direction: column; \/* Stacks the icon and badge vertically *\/\n        align-items: center;    \/* Centers them horizontally *\/\n        justify-content: center;\n        gap: 16px;              \/* Adds a little breathing room between the icon and the badge *\/\n        width: 100%;\n    }\n}\n<\/style>\n\n<div class=\"salam-wards-grid\">\n    \n    <div class=\"salam-ward-card\">\n        <div class=\"card-header-row\">\n            <div class=\"ward-icon-wrapper\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-briefcase-medical-icon lucide-briefcase-medical\"><path d=\"M12 11v4\"\/><path d=\"M14 13h-4\"\/><path d=\"M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><path d=\"M18 6v14\"\/><path d=\"M6 6v14\"\/><rect width=\"20\" height=\"14\" x=\"2\" y=\"6\" rx=\"2\"\/><\/svg>\n            <\/div>\n        <\/div>\n        <h3 class=\"ward-title\">General Medicine Ward<\/h3>\n        <p class=\"ward-desc\">Our General Medicine Department provides comprehensive primary care and health check-ups for all ages.<\/p>\n    <\/div>\n\n    <div class=\"salam-ward-card\">\n        <div class=\"card-header-row\">\n            <div class=\"ward-icon-wrapper\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-baby-icon lucide-baby\"><path d=\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"\/><path d=\"M15 12h.01\"\/><path d=\"M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1\"\/><path d=\"M9 12h.01\"\/><\/svg>\n            <\/div>\n        <\/div>\n        <h3 class=\"ward-title\">Pediatrics Ward<\/h3>\n        <p class=\"ward-desc\">Our Pediatrics Department focuses on child health from infancy through adolescence, ensuring compassionate and family-centered care.<\/p>\n    <\/div>\n    \n    <div class=\"salam-ward-card\">\n        <div class=\"card-header-row\">\n            <div class=\"ward-icon-wrapper\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-heart-pulse-icon lucide-heart-pulse\"><path d=\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"\/><path d=\"M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27\"\/><\/svg>\n            <\/div>\n        <\/div>\n        <h3 class=\"ward-title\">Cardiology Ward<\/h3>\n        <p class=\"ward-desc\">Our Cardiology Department offers comprehensive cardiac care using state-of-the-art diagnostics and treatments.<\/p>\n    <\/div>\n\n    <div class=\"salam-ward-card\">\n        <div class=\"card-header-row\">\n            <div class=\"ward-icon-wrapper\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-flask-conical-icon lucide-flask-conical\"><path d=\"M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2\"\/><path d=\"M6.453 15h11.094\"\/><path d=\"M8.5 2h7\"\/><\/svg>\n            <\/div>\n        <\/div>\n        <h3 class=\"ward-title\">Laboratory Ward<\/h3>\n        <p class=\"ward-desc\">Our Laboratory Ward provides reliable, high-precision testing with quick turnaround times.<\/p>\n    <\/div>\n\n    <div class=\"salam-ward-card\">\n        <div class=\"card-header-row\">\n            <div class=\"ward-icon-wrapper\">\n                <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M22.726 8.89808C22.5582 8.69871 22.4533 8.36778 22.4334 7.80593C22.4238 7.53535 22.4345 7.24986 22.4496 6.93936L22.456 6.8111C22.4693 6.54873 22.4837 6.2617 22.4825 5.99536L20.4825 6.00469C20.4835 6.21135 20.4723 6.43537 20.459 6.70166L20.452 6.8418C20.4367 7.15567 20.4218 7.51463 20.4347 7.8768C20.4596 8.58044 20.5915 9.46816 21.1962 10.1863C21.7986 10.9018 22.541 11.2398 23.3301 11.3091C24.0686 11.374 24.8049 11.2 25.4427 11.0011C25.7689 10.8993 26.0953 10.7823 26.4037 10.6706L26.4984 10.6363C26.7781 10.5349 27.0427 10.4389 27.3057 10.3521C27.8992 10.1564 28.3898 10.0412 28.8096 10.0412C32.402 10.0412 34.74 12.8112 36.5923 16.1156C38.0908 18.7888 38.3894 21.9813 37.505 24.862C37.2196 24.2794 36.7748 23.7613 36.2034 23.4025C34.9205 22.5972 33.4429 22.8737 32.7248 23.9894C32.0207 23.8509 31.3111 23.8177 30.6184 23.8971C29.665 22.7109 28.1188 22.3048 26.9903 23.006C25.8618 23.7071 25.541 25.2733 26.1822 26.6535C25.8041 27.2393 25.5195 27.8903 25.3318 28.5829C24.0134 28.7325 23.1109 29.9348 23.2648 31.4417C23.3439 32.2164 23.6881 32.934 24.1889 33.4845C22.2256 33.2764 20.2867 32.6891 18.5014 31.8074C16.4189 30.7789 13.6176 32.1815 13.6176 34.733V41H15.6176V34.733C15.6176 33.845 16.6965 33.1466 17.6158 33.6006C21.7413 35.6382 26.7482 36.3206 31.285 34.5561C34.4126 33.3397 36.4758 31.048 38.0901 28.4016C40.5437 24.3791 40.6411 19.2481 38.3369 15.1376C36.4607 11.7906 33.6124 8.04116 28.8096 8.04116C28.0616 8.04116 27.3241 8.24013 26.6793 8.4528C26.3867 8.54931 26.0937 8.65557 25.8181 8.75553L25.7226 8.79014C25.413 8.90227 25.1253 9.00507 24.8473 9.09176C24.2768 9.26968 23.8448 9.34667 23.5052 9.31683C23.2164 9.29144 22.9709 9.18891 22.726 8.89808Z\" fill=\"currentColor\"\/>\n<path d=\"M13.8586 6.00002C13.8586 6.16741 13.8582 6.33584 13.8577 6.50519C13.851 9.10954 13.8438 11.9326 15.4053 14.5644C16.4906 16.3936 18.1129 17.6823 19.5801 18.8478C19.794 19.0177 20.0047 19.1851 20.2099 19.3511C21.3361 20.2623 21.4965 21.3429 21.1576 22.2972C20.7947 23.3194 19.827 24.2556 18.5798 24.6125C17.6571 24.8765 16.7929 25.0697 15.9503 25.258L15.9489 25.2584C15.7446 25.304 15.5416 25.3494 15.3392 25.3955C14.3219 25.6271 13.3181 25.8766 12.3847 26.2629C10.4298 27.072 8.87478 28.4456 7.73956 31.2286C7.25136 32.4254 7 33.7033 7 34.994V41H9V34.994C9 33.9633 9.20068 32.9418 9.59141 31.984C10.5341 29.6729 11.7108 28.7064 13.1496 28.1109C13.913 27.7949 14.7716 27.5759 15.7832 27.3456C15.9717 27.3027 16.1656 27.2594 16.3643 27.215C17.2109 27.0258 18.1451 26.8171 19.13 26.5353C20.9625 26.011 22.4511 24.6318 23.0424 22.9664C23.6577 21.2332 23.2701 19.2543 21.4677 17.7962C21.2435 17.6148 21.0224 17.4383 20.8051 17.2649C19.3174 16.0776 18.0092 15.0336 17.1253 13.5438C15.8536 11.4006 15.8558 9.10063 15.8584 6.37296L15.8586 6.00002H13.8586Z\" fill=\"currentColor\"\/>\n<\/svg>\n\n            <\/div>\n            <span class=\"coming-soon-badge\">Coming Soon<\/span>\n        <\/div>\n        <h3 class=\"ward-title\">Gastroenterology<\/h3>\n        <p class=\"ward-desc\">Expert care for digestive system disorders, offering advanced diagnostics and specialized treatments for gastrointestinal health.<\/p>\n    <\/div>\n\n    <div class=\"salam-ward-card\">\n        <div class=\"card-header-row\">\n            <div class=\"ward-icon-wrapper\">\n                <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M28.4253 9.60001C28.4253 11.5882 26.8135 13.2 24.8252 13.2C22.837 13.2 21.2252 11.5882 21.2252 9.60001C21.2252 7.61178 22.837 6 24.8252 6C26.8135 6 28.4253 7.61178 28.4253 9.60001ZM38 28H23.7517L28.2377 32.4264C28.4199 32.6062 28.566 32.8194 28.6678 33.0543L31.3349 39.2044C31.7743 40.2178 31.3091 41.3955 30.2957 41.835C29.2823 42.2744 28.1045 41.8092 27.6651 40.7958L25.1523 35.0014L18.0566 28H10C8.89543 28 8 28.8954 8 30V42H6V30C6 27.7909 7.79086 26 10 26H15.9639C15.2152 23.4782 15.49 20.8718 16.0807 18.8561C16.3975 17.775 16.8258 16.7902 17.3051 16.0045C17.5441 15.6125 17.8172 15.235 18.1234 14.9119C18.4063 14.6134 18.8334 14.237 19.4033 14.0252C20.6451 13.5637 21.9465 13.5987 23.1077 14.199C24.221 14.7746 25.0046 15.7637 25.513 16.8555C25.7226 17.3053 25.916 17.7248 26.0973 18.1181L26.0979 18.1194C26.5361 19.0699 26.9036 19.867 27.2568 20.5687C27.7531 21.5549 28.1449 22.193 28.5247 22.6354C28.8723 23.0404 29.211 23.2824 29.643 23.4511C30.1137 23.6349 30.7895 23.7678 31.86 23.7999C32.9641 23.833 33.8323 24.7549 33.7991 25.8589C33.7977 25.9064 33.7947 25.9535 33.79 26H38C40.2091 26 42 27.7909 42 30V42H40V30C40 28.8954 39.1046 28 38 28ZM24.3625 23.6269L23.848 26H26.2396C25.9737 25.7682 25.7248 25.5149 25.4895 25.2408C25.0737 24.7564 24.7056 24.2125 24.3625 23.6269ZM16.4862 29.7735L19.7865 32.9389L18.5389 37.1492C18.4882 37.3202 18.4148 37.4837 18.3208 37.6353L16.1995 41.0544C15.6172 41.993 14.3842 42.2818 13.4456 41.6995C12.507 41.1172 12.2182 39.8842 12.8005 38.9456L14.7801 35.7549L16.122 31.2266L16.4862 29.7735Z\" fill=\"currentColor\"\/>\n<\/svg>\n\n            <\/div>\n            <span class=\"coming-soon-badge\">Coming Soon<\/span>\n        <\/div>\n        <h3 class=\"ward-title\">Physiotherapy<\/h3>\n        <p class=\"ward-desc\">Comprehensive rehabilitation services designed to restore movement, relieve pain, and improve overall physical function.<\/p>\n    <\/div>\n\n    <div class=\"salam-ward-card\">\n        <div class=\"card-header-row\">\n            <div class=\"ward-icon-wrapper\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-brain-cog-icon lucide-brain-cog\"><path d=\"m10.852 14.772-.383.923\"\/><path d=\"m10.852 9.228-.383-.923\"\/><path d=\"m13.148 14.772.382.924\"\/><path d=\"m13.531 8.305-.383.923\"\/><path d=\"m14.772 10.852.923-.383\"\/><path d=\"m14.772 13.148.923.383\"\/><path d=\"M17.598 6.5A3 3 0 1 0 12 5a3 3 0 0 0-5.63-1.446 3 3 0 0 0-.368 1.571 4 4 0 0 0-2.525 5.771\"\/><path d=\"M17.998 5.125a4 4 0 0 1 2.525 5.771\"\/><path d=\"M19.505 10.294a4 4 0 0 1-1.5 7.706\"\/><path d=\"M4.032 17.483A4 4 0 0 0 11.464 20c.18-.311.892-.311 1.072 0a4 4 0 0 0 7.432-2.516\"\/><path d=\"M4.5 10.291A4 4 0 0 0 6 18\"\/><path d=\"M6.002 5.125a3 3 0 0 0 .4 1.375\"\/><path d=\"m9.228 10.852-.923-.383\"\/><path d=\"m9.228 13.148-.923.383\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n            <\/div>\n            <span class=\"coming-soon-badge\">Coming Soon<\/span>\n        <\/div>\n        <h3 class=\"ward-title\">Psychiatrics<\/h3>\n        <p class=\"ward-desc\">Specialized medical treatment for mental health conditions, focusing on comprehensive psychiatric evaluations and clinical therapy.<\/p>\n    <\/div>\n\n    <div class=\"salam-ward-card\">\n        <div class=\"card-header-row\">\n            <div class=\"ward-icon-wrapper\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-brain-icon lucide-brain\"><path d=\"M12 18V5\"\/><path d=\"M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4\"\/><path d=\"M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5\"\/><path d=\"M17.997 5.125a4 4 0 0 1 2.526 5.77\"\/><path d=\"M18 18a4 4 0 0 0 2-7.464\"\/><path d=\"M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517\"\/><path d=\"M6 18a4 4 0 0 1-2-7.464\"\/><path d=\"M6.003 5.125a4 4 0 0 0-2.526 5.77\"\/><\/svg>\n            <\/div>\n            <span class=\"coming-soon-badge\">Coming Soon<\/span>\n        <\/div>\n        <h3 class=\"ward-title\">Psychology<\/h3>\n        <p class=\"ward-desc\">Professional counseling, emotional support, and psychological assessments to help you navigate mental well-being and daily challenges.<\/p>\n    <\/div>\n\n    <div class=\"salam-ward-card\">\n        <div class=\"card-header-row\">\n            <div class=\"ward-icon-wrapper\">\n                <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M23.4677 8.4V6H21.1387C12.8811 6 6 12.6117 6 21C6 29.3883 12.8811 36 21.1387 36V42H23.4677V36C23.4677 34.6745 22.4249 33.6 21.1387 33.6C14.0641 33.6 8.32902 27.9588 8.32902 21C8.32902 14.8236 12.8471 9.68507 18.8096 8.60776C19.5649 8.4713 22.6723 8.4 23.4677 8.4Z\" fill=\"currentColor\"\/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M25.0475 30.24C26.9048 31.5341 28.1257 33.7245 28.1257 36.2087V42H25.7967V36.2087C25.7967 36.1388 25.7953 36.0692 25.7924 36C25.6863 33.4459 23.6434 31.4087 21.1387 31.4087C15.2944 31.4087 10.5568 26.7486 10.5568 21C10.5568 17.8254 12.1738 14.655 14.9033 12.6333C15.3302 12.3171 15.7845 12.0674 16.2639 11.8739C17.6249 11.1868 19.1604 10.8002 20.7853 10.8002C21.7204 10.8002 22.6067 10.9403 23.4677 11.1594C24.5524 11.4355 25.5971 11.8368 26.6491 12.2409C28.3297 12.8865 30.0291 13.5393 31.9406 13.7002C33.0594 13.7944 34.2045 13.0759 35.3697 12.3449C37.1464 11.2302 38.9697 10.0863 40.8166 11.7509C41.7588 12.6002 42.5696 14.4111 41.4734 16.4884C39.2114 20.6017 36.5034 23.641 31.9029 24.6737L30.0881 25.0812C29.0631 27.4807 27.2186 29.2392 25.0475 30.24ZM22.1061 29.0772C24.713 28.6285 27.1129 26.9548 28.2489 24.2955L28.6511 23.354L31.4648 22.7223C35.2556 21.8713 37.5787 19.415 39.7117 15.5414C40.3016 14.4102 39.8535 13.5753 39.4776 13.2365C39.1114 12.9065 38.9 12.9006 38.7271 12.9171C38.4235 12.9461 37.9872 13.109 37.2955 13.5107C37.0193 13.6711 36.7464 13.8423 36.4413 14.0336L36.2447 14.1569C35.8755 14.3878 35.4594 14.6443 35.0302 14.8732C34.2106 15.3102 33.069 15.8023 31.7728 15.6932C29.5662 15.5074 27.6171 14.7569 25.977 14.1254C25.8578 14.0795 25.7403 14.0342 25.6244 13.9899C24.4949 13.5575 23.4989 13.1983 22.5206 12.9913H21.1387C16.4774 12.9913 12.8858 16.6809 12.8858 21C12.8858 25.3191 16.4774 29.0087 21.1387 29.0087C21.4669 29.0087 21.7899 29.032 22.1061 29.0772Z\" fill=\"currentColor\"\/>\n<\/svg>\n\n\n            <\/div>\n            <span class=\"coming-soon-badge\">Coming Soon<\/span>\n        <\/div>\n        <h3 class=\"ward-title\">Endocrinology<\/h3>\n        <p class=\"ward-desc\">Expert management of hormonal and metabolic disorders, including dedicated care for diabetes, thyroid issues, and glandular conditions.<\/p>\n    <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-486821f e-con-full e-flex e-con e-parent\" data-id=\"486821f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68a3821 elementor-widget elementor-widget-heading\" data-id=\"68a3821\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Salam Polyclinic<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-982a60e elementor-widget elementor-widget-elementskit-heading\" data-id=\"982a60e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">our <span>Dedicated<\/span> medical team<\/h2><p class=\"ekit-heading--subtitle elementskit-section-subtitle  \">\n\t\t\t\t\t\tmeet our experienced team providing compassionate care and comprehensive services\n\t\t\t\t\t<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f07c76 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"6f07c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"salam-advanced-team-widget\">\n\n  <div class=\"salam-tabs-wrapper\">\n    <div class=\"salam-tabs\">\n      <button class=\"salam-tab active\" data-target=\"tab-medical\">Medical Staff<\/button>\n      <button class=\"salam-tab\" data-target=\"tab-admin\">Administrative Staff<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"salam-tab-content active\" id=\"tab-medical\">\n    <div class=\"salam-carousel\">\n      <button class=\"salam-arrow salam-arrow-prev\" type=\"button\" aria-label=\"Previous team members\" data-direction=\"prev\">&#8249;<\/button>\n\n      <div class=\"salam-track\">\n\n        <a href=\"\/dr-farzin-zia-azari\/\" class=\"salam-card\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/DrFarzinProfile2.jpg\" alt=\"Dr. Farzin Zia Azari\" class=\"salam-avatar\">\n          <h3 class=\"salam-name\">Dr. Farzin Zia Azari<\/h3>\n          <p class=\"salam-title\">CEO, Medical Doctor<\/p>\n          <p class=\"salam-desc\">M.D. and Business MBA graduate with experience in healthcare leadership.<\/p>\n        <\/a>\n\n        <a href=\"\/dr-mahdiyar-shahbazi\/\" class=\"salam-card\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2017\/04\/DrMahdyarProfile.jpg\" alt=\"Dr. Mahdiyar Shahbazi\" class=\"salam-avatar\">\n          <h3 class=\"salam-name\">Dr. Mahdiyar Shahbazi<\/h3>\n          <p class=\"salam-title\">Pediatrician<\/p>\n          <p class=\"salam-desc\">Experienced pediatrician offering comprehensive preventive child care.<\/p>\n        <\/a>\n\n        <a href=\"\/dr-ali-rajabpour-sanati\/\" class=\"salam-card\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/DrRajabpourProfile.jpg\" alt=\"Dr. Ali Rajabpour\" class=\"salam-avatar\">\n          <h3 class=\"salam-name\">Dr. Ali Rajabpour Sanati<\/h3>\n          <p class=\"salam-title\">General Practitioner<\/p>\n          <p class=\"salam-desc\">Experienced GP in clinical and emergency services and medical research.<\/p>\n        <\/a>\n\n        <a href=\"\/dr-bita-rafiei-moghadam\/\" class=\"salam-card\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/DrBita-Web.jpg\" alt=\"Dr. Bita Rafiei Moghaddam\" class=\"salam-avatar\">\n          <h3 class=\"salam-name\">Dr. Bita Rafiei Moghaddam<\/h3>\n          <p class=\"salam-title\">Obstetrician and Gynecologist (Online Consultation)<\/p>\n          <p class=\"salam-desc\">Experienced obstetrician, gynecologist, and fertility specialist dedicated to women's health.<\/p>\n        <\/a>\n\n        <a href=\"\/dr-narges-hosseini\/\" class=\"salam-card\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/DrHosseiniProfile.jpg\" alt=\"Dr. Narges Hosseini\" class=\"salam-avatar\">\n          <h3 class=\"salam-name\">Dr. Narges Hosseini<\/h3>\n          <p class=\"salam-title\">Psychiatrist (Online Consultation)<\/p>\n          <p class=\"salam-desc\">Experienced Psychiatrist with Child & Adolescent Psychiatry Fellowship<\/p>\n        <\/a>\n\n        <a href=\"\/indu-singh\/\" class=\"salam-card\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/InduSingh-TeamPhoto.jpg\" alt=\"Indu Singh\" class=\"salam-avatar\">\n          <h3 class=\"salam-name\">Indu Singh<\/h3>\n          <p class=\"salam-title\">Head Nurse<\/p>\n          <p class=\"salam-desc\">Highly skilled nurse with extensive knowledge in advanced patient care.<\/p>\n        <\/a>\n\n      <\/div>\n\n      <button class=\"salam-arrow salam-arrow-next\" type=\"button\" aria-label=\"Next team members\" data-direction=\"next\">&#8250;<\/button>\n    <\/div>\n    <div class=\"salam-dots\" aria-label=\"Medical staff carousel progress\"><\/div>\n  <\/div>\n\n\n  <div class=\"salam-tab-content\" id=\"tab-admin\">\n    <div class=\"salam-carousel\">\n      <button class=\"salam-arrow salam-arrow-prev\" type=\"button\" aria-label=\"Previous administrative staff\" data-direction=\"prev\">&#8249;<\/button>\n\n      <div class=\"salam-track\">\n\n        <a href=\"\/dr-farzin-zia-azari\/\" class=\"salam-card\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/DrFarzinProfile2.jpg\" alt=\"Dr. Farzin Zia Azari\" class=\"salam-avatar\">\n          <h3 class=\"salam-name\">Dr. Farzin Zia Azari<\/h3>\n          <p class=\"salam-title\">Chief Executive Officer (CEO)<\/p>\n          <p class=\"salam-desc\">M.D. and Business MBA graduate with experience in global relationship management.<\/p>\n        <\/a>\n\n        <a href=\"\/ahlam-alajmi\" class=\"salam-card\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/AhlamIssaAlajmi.jpg\" alt=\"Ahlam Alajmi\" class=\"salam-avatar\">\n          <h3 class=\"salam-name\">Ahlam Alajmi<\/h3>\n          <p class=\"salam-title\">HR and Public Relation Manager<\/p>\n          <p class=\"salam-desc\">Administrative leader supporting people operations and public relations.<\/p>\n        <\/a>\n\n        <a href=\"\/maryam-mahmood-albaluchi\/\" class=\"salam-card\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/MaryamWeb.jpg\" alt=\"Maryam Mahmood Albaluchi\" class=\"salam-avatar\">\n          <h3 class=\"salam-name\">Maryam Mahmood Albaluchi<\/h3>\n          <p class=\"salam-title\">Receptionist<\/p>\n          <p class=\"salam-desc\">Friendly and organized receptionist ensuring a welcoming experience for all patients and visitors.<\/p>\n        <\/a>\n\n      <\/div>\n\n      <button class=\"salam-arrow salam-arrow-next\" type=\"button\" aria-label=\"Next administrative staff\" data-direction=\"next\">&#8250;<\/button>\n    <\/div>\n    <div class=\"salam-dots\" aria-label=\"Administrative staff carousel progress\"><\/div>\n  <\/div>\n\n<\/div>\n\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;600;700&display=swap');\n\n  \/* Base Container *\/\n  .salam-advanced-team-widget {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    font-family: 'Open Sans', Arial, sans-serif;\n    box-sizing: border-box;\n  }\n\n  \/* --- Premium Tabs (Pill Design) --- *\/\n  .salam-tabs-wrapper {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 40px;\n  }\n  \n  .salam-tabs {\n    background: #f0f4f8; \n    padding: 6px;\n    border-radius: 50px;\n    display: inline-flex;\n    gap: 5px;\n  }\n\n  .salam-tab {\n    background: transparent !important;\n    border: none;\n    padding: 12px 24px;\n    border-radius: 40px;\n    font-size: 16px;\n    font-weight: 600;\n    color: #666 !important;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    font-family: inherit;\n  }\n\n  .salam-tab.active {\n    background: #5fbeb7 !important;\n    color: #ffffff !important;\n    box-shadow: 0 4px 15px rgba(95, 190, 183, 0.4);\n  }\n\n  .salam-tab:hover {\n    background: #4e7e8d !important;\n    color: #ffffff !important;\n  }\n\n  .salam-tab.active:hover {\n    background: #4e7e8d !important;\n    color: #ffffff !important;\n  }\n\n  \/* --- Tab Content Visibility --- *\/\n  .salam-tab-content {\n    display: none;\n    animation: fade-in 0.5s ease;\n    overflow: visible;\n  }\n  .salam-tab-content.active {\n    display: block;\n  }\n\n  @keyframes fade-in {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- The Track (Desktop Slider \/ Mobile Grid) --- *\/\n  .salam-carousel {\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    overflow: visible;\n  }\n\n  @media (max-width: 640px) {\n    .salam-carousel {\n      margin: 0 !important;\n    }\n  }\n\n  .salam-track {\n    display: flex;\n    flex-direction: row;\n    gap: 30px;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    scroll-snap-type: x mandatory;\n    padding: 20px 10px 40px 10px;\n    height: auto;\n\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n  .salam-track::-webkit-scrollbar {\n    display: none;\n  }\n\n  .salam-track.salam-vertical-mode {\n    flex-direction: column;\n    overflow-x: hidden;\n    overflow-y: auto;\n    scroll-snap-type: y mandatory;\n  }\n\n  \/* --- The Doctor Card (Now acts as a link) --- *\/\n  .salam-card {\n    flex: 0 0 calc(25% - 22.5px);\n    scroll-snap-align: center;\n    background: #ffffff;\n    border-radius: 8px;\n    padding: 40px 20px;\n    text-align: center;\n    text-decoration: none;\n    color: inherit;\n\n    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.06);\n    border: 1px solid #5fbeb7;\n\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    cursor: pointer;\n  }\n\n  .salam-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.12);\n    border-color: #5fbeb7;\n  }\n\n  .salam-arrow {\n    position: absolute;\n    top: 50%;\n    z-index: 2;\n    width: 42px;\n    height: 42px;\n    border: 1px solid #5fbeb7;\n    border-radius: 50%;\n    background: #ffffff;\n    color: #5fbeb7;\n    cursor: pointer;\n    font-family: inherit;\n    font-size: 30px;\n    line-height: 1;\n    padding: 0 0 3px 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transform: translateY(-50%);\n    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\n    box-shadow: 0 10px 24px rgba(95, 190, 183, 0.18);\n  }\n\n  .salam-arrow:hover {\n    background: #5fbeb7;\n    color: #ffffff;\n    transform: translateY(-50%) scale(1.06);\n  }\n\n  .salam-arrow-prev {\n    left: -12px;\n  }\n\n  .salam-arrow-next {\n    right: -12px;\n  }\n\n  @media (max-width: 640px) {\n    .salam-arrow {\n      width: 42px;\n      height: 42px;\n      font-size: 30px;\n      top: auto;\n      left: 50%;\n      transform: translateX(-50%);\n      border: 1px solid #5fbeb7;\n      border-radius: 50%;\n      background: #ffffff;\n      color: #5fbeb7;\n      box-shadow: 0 10px 24px rgba(95, 190, 183, 0.18);\n    }\n\n    .salam-arrow:hover {\n      transform: translateX(-50%) scale(1.06);\n      background: #5fbeb7;\n      color: #ffffff;\n    }\n\n    .salam-arrow-prev {\n      left: 50%;\n      top: -56px;\n    }\n\n    .salam-arrow-next {\n      right: auto;\n      left: 50%;\n      bottom: -56px;\n      top: auto;\n    }\n\n    \/* Vertical view arrows - up\/down chevrons *\/\n    .salam-arrow-prev,\n    .salam-arrow-next {\n      font-size: 0;\n    }\n\n    .salam-arrow-prev::before {\n      content: '\\2039';\n      font-size: 32px;\n      color: inherit;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transform: rotate(90deg);\n      line-height: 1;\n      height: 100%;\n      width: 100%;\n      position: absolute;\n      top: 0;\n      left: 0;\n      padding-bottom: 4px;\n    }\n\n    .salam-arrow-next::before {\n      content: '\\203A';\n      font-size: 32px;\n      color: inherit;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transform: rotate(90deg);\n      line-height: 1;\n      height: 100%;\n      width: 100%;\n      position: absolute;\n      top: 0;\n      left: 0;\n      padding-bottom: 4px;\n    }\n  }\n\n  .salam-dots {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    min-height: 18px;\n    margin-top: 4px;\n  }\n\n  .salam-dot {\n    width: 8px;\n    height: 8px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: #c7c7c7;\n    cursor: pointer;\n    transition: width 0.3s ease, height 0.3s ease, background 0.3s ease;\n  }\n\n  .salam-dot.active {\n    width: 14px;\n    height: 14px;\n    background: #5fbeb7;\n  }\n\n  \/* Target name and title colors on card hover *\/\n  .salam-card:hover .salam-name,\n  .salam-card:hover .salam-title {\n    color: #4e7e8d; \n  }\n\n  \/* --- Image & Typography inside Card --- *\/\n  .salam-avatar {\n    width: 130px;\n    height: 130px;\n    aspect-ratio: 1 \/ 1;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-bottom: 20px;\n    border: 2px solid #5fbeb7; \n    background-color: #fff;\n  }\n\n  .salam-name {\n    font-size: 16px;\n    font-weight: 700;\n    color: #5fbeb7;\n    margin: 0 0 5px 0;\n    transition: color 0.3s ease;\n  }\n\n  .salam-title {\n    font-size: 14px;\n    font-weight: 600;\n    color: #777777;\n    margin: 0 0 15px 0;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    transition: color 0.3s ease;\n  }\n\n  .salam-desc {\n    font-size: 14px;\n    color: #666;\n    line-height: 1.6;\n    margin: 0;\n    flex-grow: 1;\n  }\n\n\n  \/* ========================================== *\/\n  \/* RESPONSIVE DESIGN (TABLET & MOBILE)        *\/\n  \/* ========================================== *\/\n\n  @media (max-width: 1024px) {\n    .salam-carousel {\n      display: flex;\n    }\n\n    .salam-tabs {\n      border-radius: 20px;\n    }\n\n    .salam-name {\n      font-size: 18px;\n    }\n\n    .salam-title {\n      font-size: 13px;\n    }\n\n    .salam-desc {\n      font-size: 13px;\n    }\n\n    .salam-track {\n      display: grid;\n      grid-template-rows: repeat(2, auto);\n      grid-auto-flow: column;\n      grid-auto-columns: calc(50% - 10px);\n      gap: 20px;\n      overflow-x: auto;\n      overflow-y: hidden;\n      padding: 20px 10px 40px 10px;\n      scroll-snap-type: x mandatory;\n    }\n\n    .salam-track.salam-single-card-mobile {\n      grid-template-rows: 1fr;\n      grid-auto-columns: calc(50% - 10px);\n    }\n\n    .salam-card {\n      flex: auto;\n      min-width: 0;\n      scroll-snap-align: start;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .salam-tabs-wrapper {\n      display: none !important;\n    }\n\n    .salam-tab-content {\n      display: block !important;\n      animation: none !important;\n    }\n\n    .salam-tab-content + .salam-tab-content {\n      margin-top: 20px;\n    }\n\n    .salam-tabs {\n      width: 100%;\n      flex-direction: column;\n    }\n\n    .salam-tab {\n      width: 100%;\n    }\n\n    .salam-name {\n      font-size: 16px;\n    }\n\n    .salam-title {\n      font-size: 12px;\n    }\n\n    .salam-desc {\n      font-size: 12px;\n    }\n\n    .salam-avatar {\n      width: 100px;\n      height: 100px;\n      aspect-ratio: 1 \/ 1;\n    }\n\n    .salam-card {\n      padding: 25px 15px;\n      flex: 0 0 auto;\n      width: 100%;\n      height: auto;\n      scroll-snap-align: none;\n    }\n\n    .salam-track {\n      display: flex !important;\n      flex-direction: column;\n      grid-template-rows: unset;\n      grid-auto-flow: unset;\n      grid-auto-columns: unset;\n      overflow-x: visible !important;\n      overflow-y: visible !important;\n      scroll-snap-type: none !important;\n      height: auto !important;\n      max-height: none !important;\n      gap: 20px;\n      padding: 0 !important;\n    }\n\n    #tab-admin .salam-card:first-child {\n      display: none !important;\n    }\n\n    .salam-arrow {\n      display: none !important;\n    }\n\n    .salam-dots {\n      display: none !important;\n    }\n\n    .salam-track.salam-single-card-mobile {\n      grid-template-rows: unset;\n      grid-auto-columns: unset;\n    }\n\n    .salam-desc {\n      flex-grow: 0;\n    }\n  }\n<\/style>\n\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const tabs = document.querySelectorAll('.salam-tab');\n  const contents = document.querySelectorAll('.salam-tab-content');\n  const widgetArea = document.querySelector('.salam-advanced-team-widget');\n\n  let mainInterval;\n  let isHovered = false;\n  let activeSlideIndex = 0;\n  const slideDelay = 3000;\n\n  \/\/ Touch tracking\n  let touchStartX = 0;\n  let touchStartY = 0;\n  let touchEndX = 0;\n  let touchEndY = 0;\n  let isVerticalMode = false;\n\n  function getActiveContent() {\n    return document.querySelector('.salam-tab-content.active');\n  }\n\n  function getActiveTrack() {\n    const activeContent = getActiveContent();\n    return activeContent ? activeContent.querySelector('.salam-track') : null;\n  }\n\n  function updateVerticalMode() {\n    isVerticalMode = window.innerWidth <= 640;\n    const allTracks = document.querySelectorAll('.salam-track');\n    allTracks.forEach(track => {\n      if (isVerticalMode) {\n        track.classList.add('salam-vertical-mode');\n        const cardCount = track.querySelectorAll('.salam-card').length;\n        const visibleCount = Math.min(4, cardCount);\n        track.style.setProperty('--visible-cards', visibleCount);\n      } else {\n        track.classList.remove('salam-vertical-mode');\n        track.style.removeProperty('--visible-cards');\n      }\n    });\n  }\n\n  \/\/ --- 1. Tab Switching Logic ---\n  function switchTab(targetId) {\n    tabs.forEach(t => t.classList.remove('active'));\n    contents.forEach(c => c.classList.remove('active'));\n\n    document.querySelector(`[data-target=\"${targetId}\"]`).classList.add('active');\n    let newTab = document.getElementById(targetId);\n    newTab.classList.add('active');\n    activeSlideIndex = 0;\n\n    let track = newTab.querySelector('.salam-track');\n    if (track) {\n      if (isVerticalMode) {\n        track.scrollTo({ top: 0, behavior: 'auto' });\n      } else {\n        track.scrollTo({ left: 0, behavior: 'auto' });\n      }\n    }\n    updateDots(newTab);\n  }\n\n  tabs.forEach(tab => {\n    tab.addEventListener('click', () => {\n      switchTab(tab.getAttribute('data-target'));\n      resetTimer();\n    });\n  });\n\n  \/\/ --- 2. Smart Tab & Slide Logic ---\n  function autoSwitchTab() {\n    const activeTab = document.querySelector('.salam-tab.active');\n    let nextTab = activeTab.nextElementSibling;\n\n    if (!nextTab || !nextTab.classList.contains('salam-tab')) {\n      nextTab = tabs[0];\n    }\n    switchTab(nextTab.getAttribute('data-target'));\n  }\n\n  function getVisibleCards(track) {\n    if (isVerticalMode) {\n      const cardCount = track.querySelectorAll('.salam-card').length;\n      return Math.min(4, cardCount);\n    }\n\n    const cardCount = track.querySelectorAll('.salam-card').length;\n    if (window.innerWidth <= 1024) return cardCount <= 2 ? 2 : 4;\n\n    const card = track.querySelector('.salam-card');\n    if (!card) return 1;\n\n    const cardWidth = card.getBoundingClientRect().width;\n    const styles = window.getComputedStyle(track);\n    const gap = parseFloat(styles.columnGap || styles.gap) || 0;\n    if (!cardWidth || !track.clientWidth) return 4;\n    return Math.max(1, Math.floor((track.clientWidth + gap) \/ (cardWidth + gap)));\n  }\n\n  function getScrollAmount(track) {\n    if (isVerticalMode) {\n      const card = track.querySelector('.salam-card');\n      if (!card) return 0;\n      const styles = window.getComputedStyle(track);\n      const gap = parseFloat(styles.rowGap || styles.gap) || 0;\n      const cardHeight = card.getBoundingClientRect().height + gap;\n      const visibleCount = getVisibleCards(track);\n      return cardHeight * visibleCount; \/\/ Scroll visible cards at a time\n    }\n\n    if (window.innerWidth <= 1024) return track.clientWidth;\n\n    const card = track.querySelector('.salam-card');\n    if (!card) return 0;\n\n    const styles = window.getComputedStyle(track);\n    const gap = parseFloat(styles.columnGap || styles.gap) || 0;\n    return card.getBoundingClientRect().width + gap;\n  }\n\n  function getSlideOffset(track, index) {\n    if (isVerticalMode) {\n      const card = track.querySelector('.salam-card');\n      if (!card) return 0;\n      const styles = window.getComputedStyle(track);\n      const gap = parseFloat(styles.rowGap || styles.gap) || 0;\n      const cardHeight = card.getBoundingClientRect().height + gap;\n      const visibleCount = getVisibleCards(track);\n      return cardHeight * visibleCount * index; \/\/ Each slide shows visible cards\n    }\n\n    if (window.innerWidth > 1024) return getScrollAmount(track) * index;\n\n    const visibleCards = getVisibleCards(track);\n    const targetCard = track.querySelectorAll('.salam-card')[index * visibleCards];\n    return targetCard ? targetCard.offsetLeft - track.offsetLeft : 0;\n  }\n\n  function getLastSlideIndex(track) {\n    const cardCount = track.querySelectorAll('.salam-card').length;\n\n    if (isVerticalMode) {\n      const visibleCount = 4;\n      return Math.max(0, Math.ceil(cardCount \/ visibleCount) - 1);\n    }\n\n    if (window.innerWidth <= 1024) {\n      return Math.max(0, Math.ceil(cardCount \/ getVisibleCards(track)) - 1);\n    }\n\n    const visibleCards = getVisibleCards(track);\n    return Math.max(0, cardCount - visibleCards);\n  }\n\n  function updateDots(content) {\n    const activeContent = content || getActiveContent();\n    if (!activeContent) return;\n\n    const dots = activeContent.querySelectorAll('.salam-dot');\n    dots.forEach((dot, index) => {\n      dot.classList.toggle('active', index === activeSlideIndex);\n      dot.setAttribute('aria-current', index === activeSlideIndex ? 'true' : 'false');\n    });\n  }\n\n  function goToSlide(index, behavior = 'smooth') {\n    const activeContent = getActiveContent();\n    const activeTrack = getActiveTrack();\n    if (!activeContent || !activeTrack) return;\n\n    const lastSlideIndex = getLastSlideIndex(activeTrack);\n    activeSlideIndex = Math.max(0, Math.min(index, lastSlideIndex));\n\n    if (isVerticalMode) {\n      activeTrack.scrollTo({\n        top: getSlideOffset(activeTrack, activeSlideIndex),\n        behavior: behavior\n      });\n    } else {\n      activeTrack.scrollTo({\n        left: getSlideOffset(activeTrack, activeSlideIndex),\n        behavior: behavior\n      });\n    }\n    updateDots(activeContent);\n  }\n\n  function getPreviousTab() {\n    const activeTab = document.querySelector('.salam-tab.active');\n    let previousTab = activeTab.previousElementSibling;\n    if (!previousTab || !previousTab.classList.contains('salam-tab')) {\n      previousTab = tabs[tabs.length - 1];\n    }\n    return previousTab;\n  }\n\n  function moveSlide(direction) {\n    const activeTrack = getActiveTrack();\n    if (!activeTrack) return;\n\n    const lastSlideIndex = getLastSlideIndex(activeTrack);\n\n    if (direction > 0 && activeSlideIndex >= lastSlideIndex) {\n      autoSwitchTab();\n      return;\n    }\n\n    if (direction < 0 && activeSlideIndex <= 0) {\n      const previousTab = getPreviousTab();\n      switchTab(previousTab.getAttribute('data-target'));\n      const previousTrack = getActiveTrack();\n      if (previousTrack) goToSlide(getLastSlideIndex(previousTrack), 'auto');\n      return;\n    }\n\n    goToSlide(activeSlideIndex + direction);\n  }\n\n  function buildDots() {\n    contents.forEach(content => {\n      const dotsWrapper = content.querySelector('.salam-dots');\n      const track = content.querySelector('.salam-track');\n      if (!dotsWrapper || !track) return;\n\n      track.classList.toggle('salam-single-card-mobile', track.querySelectorAll('.salam-card').length <= 2);\n\n      const dotCount = getLastSlideIndex(track) + 1;\n      dotsWrapper.innerHTML = '';\n\n      for (let index = 0; index < dotCount; index++) {\n        const dot = document.createElement('button');\n        dot.className = 'salam-dot';\n        dot.type = 'button';\n        dot.setAttribute('aria-label', `Go to slide ${index + 1}`);\n        dot.addEventListener('click', () => {\n          if (!content.classList.contains('active')) {\n            switchTab(content.id);\n          }\n          goToSlide(index);\n          resetTimer();\n        });\n        dotsWrapper.appendChild(dot);\n      }\n\n      updateDots(content);\n    });\n  }\n\n  function autoStep() {\n    if (isVerticalMode) {\n      return;\n    }\n    moveSlide(1);\n  }\n\n  \/\/ --- 3. Timer Management ---\n  function startTimer() {\n    mainInterval = setInterval(() => {\n      if (!isHovered) autoStep();\n    }, slideDelay);\n  }\n\n  function resetTimer() {\n    clearInterval(mainInterval);\n    startTimer();\n  }\n\n  \/\/ --- 4. Touch Gesture Support ---\n  function handleSwipe() {\n    const diffX = touchEndX - touchStartX;\n    const diffY = touchEndY - touchStartY;\n    const minSwipeDistance = 50;\n\n    if (isVerticalMode) {\n      return;\n    } else {\n      if (Math.abs(diffX) > minSwipeDistance) {\n        if (diffX < 0) {\n          moveSlide(1);\n        } else {\n          moveSlide(-1);\n        }\n        resetTimer();\n      }\n    }\n  }\n\n  \/\/ Pause on touch\/mouse\n  if (widgetArea) {\n    widgetArea.addEventListener('mouseenter', () => (isHovered = true));\n    widgetArea.addEventListener('mouseleave', () => (isHovered = false));\n\n    widgetArea.addEventListener('touchstart', (e) => {\n      isHovered = true;\n      touchStartX = e.changedTouches[0].screenX;\n      touchStartY = e.changedTouches[0].screenY;\n    });\n\n    widgetArea.addEventListener('touchend', (e) => {\n      touchEndX = e.changedTouches[0].screenX;\n      touchEndY = e.changedTouches[0].screenY;\n      handleSwipe();\n      setTimeout(() => {\n        isHovered = false;\n      }, 2000);\n    });\n  }\n\n  document.querySelectorAll('.salam-arrow').forEach(arrow => {\n    arrow.addEventListener('click', () => {\n      moveSlide(arrow.getAttribute('data-direction') === 'next' ? 1 : -1);\n      resetTimer();\n    });\n  });\n\n  window.addEventListener('resize', () => {\n    updateVerticalMode();\n    buildDots();\n    goToSlide(activeSlideIndex, 'auto');\n  });\n\n  updateVerticalMode();\n  buildDots();\n  updateDots();\n\n  startTimer();\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SALAM PLACEHOLDER SALAM INTERNATIONAL POLYCLINIC \u0633\u0640\u0644\u0627\u0645 PLACEHOLDER \u0633\u0640\u0644\u0627\u0645 \u0645\u062c\u0645\u0639 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0633\u0640\u0644\u0627\u0645 \u067e\u0644\u06cc \u06a9\u0644\u06cc\u0646\u06cc\u06a9 \u0628\u06cc\u0646 \u0627\u0644\u0645\u0644\u0644\u06cc SALAM POLICL\u00cdNICA INTERNACIONAL SALAM INTERNATIONALE POLIKLINIK SALAM POLYCLINIQUE INTERNATIONALE SALAM Polyclinic comprehensive Care &amp; Services Expert Cardiology Services Comprehensive General Medicine Specialized Pediatrics Care Modern Facilities Laboratory &amp; Radiology Tests Vaccination &amp; Consultation IV Drip, Taping &amp; Skin Care [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-13408","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/salampolyclinic.om\/ar\/wp-json\/wp\/v2\/pages\/13408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/salampolyclinic.om\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/salampolyclinic.om\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/salampolyclinic.om\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/salampolyclinic.om\/ar\/wp-json\/wp\/v2\/comments?post=13408"}],"version-history":[{"count":5,"href":"https:\/\/salampolyclinic.om\/ar\/wp-json\/wp\/v2\/pages\/13408\/revisions"}],"predecessor-version":[{"id":18175,"href":"https:\/\/salampolyclinic.om\/ar\/wp-json\/wp\/v2\/pages\/13408\/revisions\/18175"}],"wp:attachment":[{"href":"https:\/\/salampolyclinic.om\/ar\/wp-json\/wp\/v2\/media?parent=13408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}