{"id":565,"date":"2024-02-09T10:51:12","date_gmt":"2024-02-09T10:51:12","guid":{"rendered":"https:\/\/startersites.io\/elementor\/smile-dent\/?page_id=565"},"modified":"2026-08-10T07:43:56","modified_gmt":"2026-08-10T07:43:56","slug":"home","status":"publish","type":"page","link":"https:\/\/drahmedkotbcenter.com\/new\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"565\" class=\"elementor elementor-565\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50e348c e-con-full e-flex e-con e-parent\" data-id=\"50e348c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4992af elementor-widget elementor-widget-html\" data-id=\"d4992af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hero-section\">\r\n    <!-- \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0646\u062c\u0648\u0645 \u0627\u0644\u0643\u062b\u064a\u0641\u0629 \u0648\u0627\u0644\u0645\u062a\u0644\u0623\u0644\u0626\u0629 \u0648\u0627\u0644\u0647\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0636\u064a\u0626\u0629 -->\r\n    <div class=\"bg-animation-container\">\r\n        <!-- \u0627\u0644\u0647\u0627\u0644\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 -->\r\n        <div class=\"bg-orb orb-1\"><\/div>\r\n        <div class=\"bg-orb orb-2\"><\/div>\r\n        \r\n        <!-- \u0627\u0644\u0646\u062c\u0648\u0645 \u0627\u0644\u0645\u062a\u0644\u0623\u0644\u0626\u0629 -->\r\n        <div class=\"star star-1\"><\/div>\r\n        <div class=\"star star-2\"><\/div>\r\n        <div class=\"star star-3\"><\/div>\r\n        <div class=\"star star-4\"><\/div>\r\n        <div class=\"star star-5\"><\/div>\r\n        <div class=\"star star-6\"><\/div>\r\n        <div class=\"star star-7\"><\/div>\r\n        <div class=\"star star-8\"><\/div>\r\n        <div class=\"star star-9\"><\/div>\r\n        <div class=\"star star-10\"><\/div>\r\n        <div class=\"star star-11\"><\/div>\r\n        <div class=\"star star-12\"><\/div>\r\n        <div class=\"star star-13\"><\/div>\r\n        <div class=\"star star-14\"><\/div>\r\n        <div class=\"star star-15\"><\/div>\r\n        <div class=\"star star-16\"><\/div>\r\n        <div class=\"star star-17\"><\/div>\r\n        <div class=\"star star-18\"><\/div>\r\n        <div class=\"star star-19\"><\/div>\r\n        <div class=\"star star-20\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-container\">\r\n        <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0646\u0635\u064a -->\r\n        <div class=\"hero-content\">\r\n            <span class=\"hero-subtitle\">Best Services You Can Trust<\/span>\r\n            \r\n            <h1 class=\"hero-title fade-in-step-1\">\r\n                DR. AHMED KOTB <br>\r\n                <span class=\"gold-text\">ORTHOPAEDIC CLINIC<\/span>\r\n            <\/h1>\r\n            \r\n            <h2 class=\"hero-arabic-title fade-in-step-2\">\r\n                \u062f\u0643\u062a\u0648\u0631 \u0623\u062d\u0645\u062f \u0642\u0637\u0628 <br>\r\n                <span class=\"gold-text\">\u0623\u0633\u062a\u0627\u0630 \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 - \u0639\u0644\u0627\u062c \u0627\u0644\u0623\u0644\u0645<\/span>\r\n            <\/h2>\r\n            \r\n            <!-- \u0641\u0642\u0631\u0629 \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0645\u0632\u062f\u0648\u062c\u0629 -->\r\n            <div class=\"hero-description-block fade-in-step-3\">\r\n                <p class=\"hero-description en-text\">\r\n                    At Ahmed Kotb Orthopaedic Clinic, we take great pride in our cutting-edge facilities. Our offerings encompass comprehensive management of various orthopedic conditions, employing both medical and surgical approaches, alongside expert management of diverse pain causes, whether through medical treatment or interventional techniques.\r\n                <\/p>\r\n                \r\n                <div class=\"gold-bilingual-divider\"><\/div>\r\n\r\n                <p class=\"hero-description ar-text\">\r\n            \u0641\u0649 \u0639\u064a\u0627\u062f\u0629 \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0623\u062d\u0645\u062f \u0642\u0637\u0628 \u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0639\u0644\u0627\u062c \u0627\u0644\u0623\u0644\u0645\u060c \u0646\u0641\u062e\u0631 \u0628\u062a\u0648\u0641\u064a\u0631 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0648\u0627\u0644\u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629. \u0646\u0642\u062f\u0645 \u0631\u0639\u0627\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0645\u062e\u062a\u0644\u0641 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0633\u0648\u0627\u0621 \u0628\u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u062f\u0648\u0627\u0626\u064a \u0623\u0648 \u0627\u0644\u062a\u062f\u062e\u0644 \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u060c \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0639\u0644\u0627\u062c \u0643\u0627\u0641\u0629 \u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u0623\u0644\u0645 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u062f\u0627\u062e\u0644\u064a\u0629 \u0648\u0627\u0644\u0637\u0628\u064a\u0629.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"hero-buttons fade-in-step-4\">\r\n                <a href=\"https:\/\/drahmedkotbcenter.com\/new\/contact\/\" class=\"btn-primary\">Book an Appointment<\/a>\r\n                <a href=\"https:\/\/drahmedkotbcenter.com\/new\/services\/\" class=\"btn-secondary\">Our Services<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u062c\u0632\u0621 \u0635\u0648\u0631\u0629 \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u0639 \u0625\u062e\u0641\u0627\u0621 \u0646\u062c\u0645\u0629 \u0627\u0644\u0640 AI -->\r\n        <div class=\"hero-image-wrapper\">\r\n            <div class=\"doctor-frame-glow\"><\/div>\r\n            <div class=\"doctor-frame\">\r\n                <img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/11.jpeg\" alt=\"Dr. Ahmed Kotb\" class=\"doctor-img\">\r\n                <div class=\"frame-overlay\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n.hero-section {\r\n    background-color: #0b223a; \r\n    padding: 90px 4%;\r\n    min-height: 85vh;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    position: relative; \r\n    font-family: 'Poppins', 'Cairo', sans-serif;\r\n}\r\n\r\n.hero-container {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 0.85fr;\r\n    gap: 50px;\r\n    align-items: center;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 5; \r\n}\r\n\r\n\/* --- \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0628\u0627\u0643 \u062c\u0631\u0627\u0648\u0646\u062f --- *\/\r\n.bg-animation-container {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n.bg-orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(0, 215, 86, 0.06) 0%, rgba(11, 34, 58, 0) 70%);\r\n    animation: floatBackground 15s infinite ease-in-out;\r\n}\r\n.orb-1 { width: 500px; height: 500px; top: -10%; left: -5%; }\r\n.orb-2 { width: 600px; height: 600px; bottom: -10%; right: -5%; animation-delay: 4s; }\r\n\r\n@keyframes floatBackground {\r\n    0%, 100% { transform: translateY(0) scale(1); }\r\n    50% { transform: translateY(-20px) scale(1.05); }\r\n}\r\n\r\n\/* \u0627\u0644\u0646\u062c\u0648\u0645 \u0627\u0644\u0645\u062a\u0644\u0623\u0644\u0626\u0629 *\/\r\n.star {\r\n    position: absolute;\r\n    width: 2px; height: 2px;\r\n    background-color: #ffffff;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 8px #ffffff, 0 0 15px #00d756;\r\n    opacity: 0;\r\n    animation: twinkle 4s infinite ease-in-out;\r\n}\r\n\r\n.star-1  { top: 12%; left: 8%;   animation-delay: 0s;   width: 3px; height: 3px; }\r\n.star-2  { top: 22%; left: 42%;  animation-delay: 1s; }\r\n.star-3  { top: 68%; left: 12%;  animation-delay: 2s;   width: 4px; height: 4px; }\r\n.star-4  { top: 8%;  left: 72%;  animation-delay: 1.5s; }\r\n.star-5  { top: 38%; left: 88%;  animation-delay: 0.5s; width: 3px; height: 3px; }\r\n.star-6  { top: 82%; left: 58%;  animation-delay: 2.5s; }\r\n.star-7  { top: 52%; left: 32%;  animation-delay: 3s; }\r\n.star-8  { top: 72%; left: 78%;  animation-delay: 1.2s; width: 3px; height: 3px; }\r\n.star-9  { top: 45%; left: 15%;  animation-delay: 0.7s; }\r\n.star-10 { top: 18%; left: 25%;  animation-delay: 2.2s; width: 4px; height: 4px; }\r\n.star-11 { top: 88%; left: 28%;  animation-delay: 1.7s; }\r\n.star-12 { top: 30%; left: 60%;  animation-delay: 3.5s; width: 3px; height: 3px; }\r\n.star-13 { top: 60%; left: 50%;  animation-delay: 0.3s; }\r\n.star-14 { top: 5%;  left: 48%;  animation-delay: 2.7s; }\r\n.star-15 { top: 92%; left: 85%;  animation-delay: 1.1s; width: 4px; height: 4px; }\r\n.star-16 { top: 50%; left: 95%;  animation-delay: 2.1s; }\r\n.star-17 { top: 25%; left: 78%;  animation-delay: 0.9s; width: 3px; height: 3px; }\r\n.star-18 { top: 78%; left: 38%;  animation-delay: 3.2s; }\r\n.star-19 { top: 35%; left: 5%;   animation-delay: 1.4s; }\r\n.star-20 { top: 65%; left: 92%;  animation-delay: 2.8s; width: 3px; height: 3px; }\r\n\r\n@keyframes twinkle {\r\n    0%, 100% { opacity: 0; transform: scale(0.4); }\r\n    50% { opacity: 0.9; transform: scale(1.3); }\r\n}\r\n\r\n\/* \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0638\u0647\u0648\u0631 \u0627\u0644\u0646\u0635\u0648\u0635 *\/\r\n.fade-in-step-1, .fade-in-step-2, .fade-in-step-3, .fade-in-step-4 {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    animation: fadeInUp 0.8s ease-out forwards;\r\n}\r\n\r\n.fade-in-step-1 { animation-delay: 0.2s; } \r\n.fade-in-step-2 { animation-delay: 0.5s; } \r\n.fade-in-step-3 { animation-delay: 0.8s; } \r\n.fade-in-step-4 { animation-delay: 1.1s; } \r\n\r\n@keyframes fadeInUp {\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0646\u0635\u0648\u0635 *\/\r\n.hero-subtitle {\r\n    color: #00d756;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    display: block;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.hero-title {\r\n    color: #ffffff;\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    margin: 0 0 10px 0;\r\n}\r\n\r\n.hero-arabic-title {\r\n    color: #ffffff;\r\n    font-size: 30px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    margin: 0 0 25px 0;\r\n    direction: rtl;\r\n    text-align: left; \r\n}\r\n\r\n.gold-text { color: #00d756; }\r\n\r\n\/* \u0628\u0644\u0648\u0643 \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0645\u0632\u062f\u0648\u062c\u0629 *\/\r\n.hero-description-block {\r\n    margin-bottom: 35px;\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border-left: 3px solid #00d756;\r\n    padding: 15px 20px;\r\n    border-radius: 0 10px 10px 0;\r\n}\r\n\r\n.hero-description {\r\n    color: #e0e0e0;\r\n    font-size: 14.5px;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n}\r\n\r\n.hero-description.ar-text {\r\n    direction: rtl;\r\n    text-align: right;\r\n    font-family: 'Cairo', sans-serif;\r\n    color: #cbd5e1;\r\n}\r\n\r\n.gold-bilingual-divider {\r\n    height: 1px;\r\n    background: linear-gradient(90deg, rgba(0, 215, 86, 0.4), transparent);\r\n    margin: 12px 0;\r\n}\r\n\r\n\/* \u0627\u0644\u0623\u0632\u0631\u0627\u0631 *\/\r\n.hero-buttons { display: flex; gap: 15px; }\r\n\r\n.btn-primary {\r\n    background-color: #00d756;\r\n    color: #0b223a;\r\n    padding: 13px 30px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    border-radius: 6px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 15px rgba(0, 215, 86, 0.3);\r\n}\r\n\r\n.btn-primary:hover {\r\n    background-color: #ffffff;\r\n    color: #0b223a;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.4);\r\n}\r\n\r\n.btn-secondary {\r\n    border: 2px solid rgba(0, 215, 86, 0.6);\r\n    color: #ffffff;\r\n    padding: 13px 30px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border-radius: 6px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.btn-secondary:hover {\r\n    background-color: rgba(0, 215, 86, 0.15);\r\n    border-color: #00d756;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* --- \u0627\u0644\u0628\u0631\u0648\u0627\u0632 \u0627\u0644\u0645\u0644\u0643\u064a \u0644\u0644\u0635\u0648\u0631\u0629 \u0645\u0639 \u0625\u062e\u0641\u0627\u0621 \u062d\u0648\u0627\u0641 \u0627\u0644\u0635\u0648\u0631\u0629 --- *\/\r\n.hero-image-wrapper {\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.doctor-frame-glow {\r\n    position: absolute;\r\n    width: 90%; height: 90%;\r\n    background: radial-gradient(circle, rgba(0, 215, 86, 0.3) 0%, rgba(11, 34, 58, 0) 70%);\r\n    border-radius: 30px;\r\n    filter: blur(25px);\r\n    z-index: 1;\r\n    animation: pulseGlow 4s infinite ease-in-out;\r\n}\r\n\r\n@keyframes pulseGlow {\r\n    0%, 100% { opacity: 0.6; transform: scale(1); }\r\n    50% { opacity: 1; transform: scale(1.08); }\r\n}\r\n\r\n.doctor-frame {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 410px;\r\n    border-radius: 28px;\r\n    padding: 8px;\r\n    background: linear-gradient(145deg, #00d756 0%, rgba(0, 215, 86, 0.25) 50%, #00d756 100%);\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), 0 0 25px rgba(0, 215, 86, 0.25);\r\n    transition: transform 0.5s ease, box-shadow 0.5s ease;\r\n    overflow: hidden;\r\n}\r\n\r\n.doctor-frame:hover {\r\n    transform: translateY(-8px) scale(1.01);\r\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7), 0 0 35px rgba(0, 215, 86, 0.4);\r\n}\r\n\r\n\/* \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u0644\u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0646\u062c\u0645\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n.doctor-img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    border-radius: 22px;\r\n    object-fit: cover;\r\n    filter: brightness(1.02) contrast(1.03);\r\n    \r\n    transform: scale(1.06);\r\n    transform-origin: top left;\r\n}\r\n\r\n.frame-overlay {\r\n    position: absolute;\r\n    top: 8px; left: 8px; right: 8px; bottom: 8px;\r\n    border-radius: 22px;\r\n    background: linear-gradient(to top, rgba(11, 34, 58, 0.45) 0%, transparent 35%);\r\n    pointer-events: none;\r\n}\r\n\r\n\/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n@media (max-width: 991px) {\r\n    .hero-container {\r\n        grid-template-columns: 1fr;\r\n        text-align: center;\r\n        gap: 40px;\r\n    }\r\n    .hero-arabic-title { text-align: center; }\r\n    .hero-description-block {\r\n        border-left: none;\r\n        border-top: 2px solid #00d756;\r\n        border-radius: 10px;\r\n    }\r\n    .hero-description.ar-text { text-align: center; }\r\n    .gold-bilingual-divider {\r\n        background: radial-gradient(circle, rgba(0, 215, 86, 0.5) 0%, transparent 100%);\r\n    }\r\n    .hero-buttons { justify-content: center; }\r\n    .hero-image-wrapper { order: -1; }\r\n    .doctor-frame { max-width: 340px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd50eb9 e-con-full e-flex e-con e-parent\" data-id=\"fd50eb9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7eec24 elementor-widget elementor-widget-html\" data-id=\"e7eec24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"about-cosmic-section\">\r\n    <!-- \u0627\u0644\u0623\u0634\u0643\u0627\u0644 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0645\u0646\u0628\u062b\u0642\u0629 -->\r\n    <div class=\"bg-geo-shape shape-1\"><\/div>\r\n    <div class=\"bg-geo-shape shape-2\"><\/div>\r\n\r\n    <div class=\"cosmic-container\">\r\n        \r\n        <!-- 1. \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0627\u0644\u0639\u0644\u0648\u064a (\u0645\u0645\u0631\u0643\u0632 \u0628\u0627\u0644\u0643\u0627\u0645\u0644) -->\r\n        <div class=\"cosmic-header-block\">\r\n            <span class=\"cosmic-tag\">ABOUT US \/ <span class=\"gold-text\">DR. AHMED KOTB<\/span><\/span>\r\n            <h2 class=\"cosmic-main-title\">\r\n                Professor of Orthopaedic Surgery\r\n                <span class=\"title-ar\">\u0623\u0633\u062a\u0627\u0630 \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 - \u062c\u0627\u0645\u0639\u0629 \u0639\u064a\u0646 \u0634\u0645\u0633<\/span>\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <!-- 2. \u0627\u0644\u0643\u0627\u0646\u0641\u0627\u0633 \u0627\u0644\u0645\u062a\u062f\u0627\u062e\u0644 -->\r\n        <div class=\"cosmic-canvas-wrapper\">\r\n            \r\n            <!-- \u0627\u0644\u0644\u0648\u062d\u0629 \u0627\u0644\u0646\u0635\u064a\u0629 \u0627\u0644\u0643\u062d\u0644\u064a -->\r\n            <div class=\"cosmic-dark-panel\">\r\n                <div class=\"panel-border-glow\"><\/div>\r\n                <div class=\"panel-inner-content\">\r\n                    <!-- \u0627\u0644\u0641\u0642\u0631\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0641\u064a \u0627\u0644\u0623\u0639\u0644\u0649 -->\r\n                    <p class=\"ar-text\">\u0641\u064a \u0645\u0631\u0643\u0632 \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0623\u062d\u0645\u062f \u0642\u0637\u0628 \u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0639\u0644\u0627\u062c \u0627\u0644\u0623\u0644\u0645\u060c \u0646\u0641\u062e\u0631 \u0628\u062a\u0648\u0641\u064a\u0631 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0648\u0627\u0644\u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u0631\u0639\u0627\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0645\u062e\u062a\u0644\u0641 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0648\u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0641\u0642\u0631\u064a.<\/p>\r\n                    \r\n                    <!-- \u0627\u0644\u0641\u0642\u0631\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0641\u064a \u0627\u0644\u0623\u0633\u0641\u0644 -->\r\n                    <p class=\"en-text\">At Ahmed Kotb Center Orthopaedic Clinic, we pride ourselves on having state-of-the-art facilities. Our services include the management of a wide range of orthopaedic conditions, whether through medical treatment or surgical intervention.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u062d\u0627\u0648\u064a\u0629 \u0635\u0648\u0631\u0629 \u063a\u0631\u0641\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a (\u0638\u0647\u0648\u0631 \u0627\u0644\u0635\u0648\u0631\u0629 \u0643\u0627\u0645\u0644\u0629 \u0628\u062f\u0648\u0646 \u0642\u0635) -->\r\n            <div class=\"cosmic-doctor-wrapper\">\r\n                <div class=\"cosmic-gold-frame\"><\/div>\r\n                <div class=\"operation-img-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/2.jpeg\" alt=\"Operation Theater - Dr. Ahmed Kotb\" class=\"cosmic-doc-img\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0643\u0627\u0631\u062a \u0639\u0627\u0626\u0645 1: \u0627\u0644\u0634\u0647\u0627\u062f\u0629 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 -->\r\n            <div class=\"cosmic-floating-badge badge-academic\">\r\n                <div class=\"badge-icon\">\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00d756\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"badge-info\">\r\n                    <h4>\u0623\u0633\u062a\u0627\u0630 \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 - \u0637\u0628 \u0639\u064a\u0646 \u0634\u0645\u0633<\/h4>\r\n                    <p>Professor of Orthopaedic Surgery - Ain Shams Univ.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0643\u0627\u0631\u062a \u0639\u0627\u0626\u0645 2: \u0627\u0644\u062a\u062e\u0635\u0635 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0639\u0644\u0627\u062c \u0627\u0644\u0622\u0644\u0627\u0645 -->\r\n            <div class=\"cosmic-floating-badge badge-specialty\">\r\n                <div class=\"badge-icon\">\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00d756\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.8 2.3A.3.3 0 0 0 4.5 2.6V10a6 6 0 0 0 12 0V2.6a.3.3 0 0 0-.3-.3h-1.4a.3.3 0 0 0-.3.3V9a4 4 0 1 1-8 0V2.6a.3.3 0 0 0-.3-.3H4.8z\"\/><path d=\"M10 16v4a2 2 0 0 0 2 2h0a2 2 0 0 0 2-2v-1\"\/><circle cx=\"14\" cy=\"18\" r=\"2\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"badge-info\">\r\n                    <h4>\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0639\u0644\u0627\u062c \u0627\u0644\u0622\u0644\u0627\u0645<\/h4>\r\n                    <p>Consultant of Orthopaedic & Pain Management<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- 3. \u0634\u0628\u0643\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0623\u0631\u0628\u0639\u0629 -->\r\n        <div class=\"cosmic-specs-row\">\r\n            <div class=\"cosmic-spec-item\">\r\n                <div class=\"spec-dot\">\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00d756\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"spec-text\">\r\n                    <h4>\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0644\u0627\u0639\u0628<\/h4>\r\n                    <p>Sports Injuries<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cosmic-spec-item\">\r\n                <div class=\"spec-dot\">\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00d756\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 5.5a2.5 2.5 0 0 0-4.22-1.78L7.22 9.28A2.5 2.5 0 1 0 5.5 13.5a2.5 2.5 0 0 0 4.22 1.78l5.56-5.56A2.5 2.5 0 0 0 17 5.5z\"\/><line x1=\"9.5\" y1=\"9.5\" x2=\"14.5\" y2=\"14.5\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"spec-text\">\r\n                    <h4>\u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/h4>\r\n                    <p>Arthroplasty & Joints<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cosmic-spec-item\">\r\n                <div class=\"spec-dot\">\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00d756\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M12 8v8\"\/><path d=\"M8 12h8\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"spec-text\">\r\n                    <h4>\u0639\u0638\u0627\u0645 \u0627\u0644\u064a\u062f \u0648\u0627\u0644\u0643\u0627\u062d\u0644 \u0648\u0627\u0644\u0641\u0642\u0631\u0627\u062a<\/h4>\r\n                    <p>Hand, Foot & Spine Surgery<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cosmic-spec-item\">\r\n                <div class=\"spec-dot\">\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00d756\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l8.72-8.72 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"spec-text\">\r\n                    <h4>\u0639\u0638\u0627\u0645 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u0643\u0633\u0648\u0631<\/h4>\r\n                    <p>Paediatric & Trauma<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0633\u064a\u0643\u0634\u0646 \u0627\u0644\u0641\u0627\u062a\u062d *\/\r\n.about-cosmic-section {\r\n    background-color: #f4f7fa;\r\n    padding: 110px 5%;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Poppins', 'Cairo', sans-serif;\r\n    width: 100%;\r\n}\r\n\r\n.cosmic-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 5;\r\n}\r\n\r\n\/* \u0627\u0644\u062e\u0644\u0641\u064a\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0627\u0644\u062a\u062c\u0631\u064a\u062f\u064a\u0629 *\/\r\n.bg-geo-shape {\r\n    position: absolute;\r\n    border: 2px solid rgba(0, 215, 86, 0.15);\r\n    transform: rotate(45deg);\r\n    z-index: 1;\r\n}\r\n.shape-1 {\r\n    width: 300px;\r\n    height: 300px;\r\n    top: -50px;\r\n    right: -100px;\r\n    background: linear-gradient(135deg, rgba(11,34,58,0.02) 0%, rgba(0, 215, 86, 0.02) 100%);\r\n}\r\n.shape-2 {\r\n    width: 500px;\r\n    height: 500px;\r\n    bottom: -200px;\r\n    left: -150px;\r\n    border-radius: 40px;\r\n}\r\n\r\n\/* \u062e\u0637\u0648\u0637 \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629 \u0648\u0645\u0645\u0631\u0643\u0632\u0629 *\/\r\n.cosmic-header-block {\r\n    margin-bottom: 50px;\r\n    text-align: center;\r\n}\r\n.cosmic-tag {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    color: #627488;\r\n    display: block;\r\n    margin-bottom: 8px;\r\n}\r\n.cosmic-tag .gold-text {\r\n    color: #00d756;\r\n}\r\n.cosmic-main-title {\r\n    font-size: 36px;\r\n    font-weight: 800;\r\n    color: #0b223a;\r\n    margin: 0;\r\n    line-height: 1.2;\r\n    text-align: center;\r\n}\r\n.cosmic-main-title .title-ar {\r\n    display: block;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: #00d756;\r\n    margin-top: 8px;\r\n    font-family: 'Cairo', sans-serif;\r\n    text-align: center;\r\n}\r\n\r\n\/* --- \u0633\u0627\u062d\u0629 \u0627\u0644\u0644\u0639\u0628 \u0648\u0627\u0644\u0637\u0628\u0642\u0627\u062a \u0627\u0644\u0645\u062a\u062f\u0627\u062e\u0644\u0629 --- *\/\r\n.cosmic-canvas-wrapper {\r\n    position: relative;\r\n    height: 550px;\r\n    margin-bottom: 50px;\r\n    padding-top: 20px;\r\n}\r\n\r\n\/* \u0627\u0644\u0644\u0648\u062d\u0629 \u0627\u0644\u0646\u0635\u064a\u0629 \u0627\u0644\u0643\u062d\u0644\u064a *\/\r\n.cosmic-dark-panel {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 50px;\r\n    width: 65%;\r\n    background: #0b223a;\r\n    border-radius: 20px;\r\n    padding: 95px 40px 40px 40px;\r\n    z-index: 2;\r\n    box-shadow: 0 20px 40px rgba(11, 34, 58, 0.15);\r\n    clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);\r\n    transition: all 0.4s ease;\r\n}\r\n.panel-border-glow {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 4px; height: 100%;\r\n    background: #00d756;\r\n}\r\n\r\n\/* \u062a\u0642\u064a\u064a\u062f \u0639\u0631\u0636 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0644\u0639\u062f\u0645 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0645\u062c\u0627\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n.panel-inner-content {\r\n    max-width: 68%;\r\n}\r\n\r\n\/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0641\u0642\u0631\u0627\u062a *\/\r\n.panel-inner-content .ar-text {\r\n    color: #ffffff;\r\n    font-size: 15.5px;\r\n    line-height: 1.8;\r\n    direction: rtl;\r\n    text-align: right;\r\n    font-family: 'Cairo', sans-serif;\r\n    margin-bottom: 15px;\r\n    margin-top: 0;\r\n}\r\n.panel-inner-content .en-text {\r\n    color: #cbd5e1;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n    border-top: 1px solid rgba(0, 215, 86, 0.25);\r\n    padding-top: 12px;\r\n}\r\n\r\n\/* \u062d\u0627\u0648\u064a\u0629 \u0635\u0648\u0631\u0629 \u063a\u0631\u0641\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a *\/\r\n.cosmic-doctor-wrapper {\r\n    position: absolute;\r\n    right: 10px;\r\n    bottom: 10px;\r\n    width: 44%;\r\n    height: 380px;\r\n    z-index: 3;\r\n}\r\n.operation-img-card {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    border: 2px solid #00d756;\r\n    box-shadow: 0 20px 40px rgba(11, 34, 58, 0.3);\r\n    background-color: #0b223a; \/* \u062e\u0644\u0641\u064a\u0629 \u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u0645\u0639 \u0643\u0631\u062a \u0627\u0644\u0646\u0635 *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0643\u0627\u0645\u0644\u0629 \u0628\u062f\u0648\u0646 \u0642\u0635 \u0646\u0647\u0627\u0626\u064a\u0627\u064b *\/\r\n.cosmic-doc-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain; \/* \u064a\u0636\u0645\u0646 \u0627\u062d\u062a\u0648\u0627\u0621 \u0627\u0644\u0635\u0648\u0631\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0648\u0625\u0638\u0647\u0627\u0631 \u0623\u0628\u0639\u0627\u062f\u0647\u0627 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u0628\u062f\u0648\u0646 \u0642\u0635 *\/\r\n    object-position: center;\r\n    display: block;\r\n    padding: 6px; \/* \u0645\u0633\u0627\u0641\u0629 \u0623\u0645\u0627\u0646 \u062c\u0645\u0627\u0644\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0628\u0631\u0648\u0627\u0632 *\/\r\n    box-sizing: border-box;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n\/* \u0625\u0637\u0627\u0631 \u0623\u062e\u0636\u0631 \u062e\u0644\u0641 \u0635\u0648\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a *\/\r\n.cosmic-gold-frame {\r\n    position: absolute;\r\n    top: -15px;\r\n    right: -15px;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 2px dashed #00d756;\r\n    border-radius: 28px;\r\n    z-index: -1;\r\n    opacity: 0.6;\r\n}\r\n\r\n\/* \u0627\u0644\u0643\u0631\u0648\u062a \u0627\u0644\u0639\u0627\u0626\u0645\u0629 \u0627\u0644\u0637\u0627\u064a\u0631\u0629 *\/\r\n.cosmic-floating-badge {\r\n    position: absolute;\r\n    background: #0b223a;\r\n    border: 1px solid rgba(0, 215, 86, 0.5);\r\n    border-radius: 16px;\r\n    padding: 12px 18px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    gap: 6px;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.3);\r\n    z-index: 5;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n    max-width: 310px;\r\n}\r\n.cosmic-floating-badge .badge-icon { \r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(0, 215, 86, 0.1);\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 10px;\r\n    border: 1px solid rgba(0, 215, 86, 0.3);\r\n}\r\n.cosmic-floating-badge .badge-info {\r\n    text-align: center;\r\n}\r\n.cosmic-floating-badge h4 { \r\n    color: #ffffff; \r\n    margin: 0; \r\n    font-size: 13px; \r\n    font-weight: 700; \r\n    font-family: 'Cairo', sans-serif;\r\n    line-height: 1.3;\r\n}\r\n.cosmic-floating-badge p { \r\n    color: #00d756; \r\n    margin: 2px 0 0 0; \r\n    font-size: 11px; \r\n    font-weight: 500;\r\n}\r\n\r\n\/* \u0643\u0627\u0631\u062a \u0627\u0644\u0634\u0647\u0627\u062f\u0629 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0627\u0644\u0639\u0644\u0648\u064a *\/\r\n.badge-academic {\r\n    top: -5px;\r\n    left: 35px;\r\n}\r\n\r\n\/* \u0643\u0627\u0631\u062a \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0627\u0644\u0633\u0641\u0644\u064a *\/\r\n.badge-specialty {\r\n    bottom: -15px;\r\n    left: 20px;\r\n}\r\n\r\n\/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u0640 Hover *\/\r\n.cosmic-dark-panel:hover {\r\n    transform: translateX(5px);\r\n    box-shadow: -10px 25px 50px rgba(11, 34, 58, 0.2);\r\n}\r\n.cosmic-doctor-wrapper:hover .cosmic-doc-img {\r\n    transform: scale(1.03);\r\n}\r\n.cosmic-floating-badge:hover {\r\n    transform: translateY(-5px) scale(1.03);\r\n    border-color: #00d756;\r\n    box-shadow: 0 15px 35px rgba(0, 215, 86, 0.25);\r\n}\r\n\r\n\/* --- \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0623\u0641\u0642\u064a \u0627\u0644\u0633\u0641\u0644\u064a --- *\/\r\n.cosmic-specs-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n    margin-top: 40px;\r\n    position: relative;\r\n    z-index: 10;\r\n}\r\n.cosmic-spec-item {\r\n    background: #0b223a;\r\n    border: 1px solid rgba(0, 215, 86, 0.2);\r\n    padding: 22px 18px;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    gap: 12px;\r\n    box-shadow: 0 5px 15px rgba(11, 34, 58, 0.08);\r\n    transition: all 0.3s ease;\r\n}\r\n.cosmic-spec-item .spec-dot {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(0, 215, 86, 0.08);\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(0, 215, 86, 0.25);\r\n    transition: transform 0.3s ease;\r\n}\r\n.cosmic-spec-item .spec-text {\r\n    text-align: center;\r\n}\r\n.cosmic-spec-item .spec-text h4 {\r\n    color: #ffffff;\r\n    margin: 0;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    font-family: 'Cairo', sans-serif;\r\n}\r\n.cosmic-spec-item .spec-text p {\r\n    color: #00d756;\r\n    margin: 3px 0 0 0;\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n}\r\n.cosmic-spec-item:hover {\r\n    border-color: #00d756;\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 10px 25px rgba(11, 34, 58, 0.2);\r\n}\r\n.cosmic-spec-item:hover .spec-dot {\r\n    transform: scale(1.15);\r\n    background: rgba(0, 215, 86, 0.18);\r\n}\r\n\r\n\/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 --- *\/\r\n@media (max-width: 1024px) {\r\n    .cosmic-dark-panel { width: 80%; clip-path: none; }\r\n    .panel-inner-content { max-width: 60%; }\r\n    .cosmic-doctor-wrapper { width: 45%; height: 320px; }\r\n    .badge-academic { left: 20px; top: -15px; }\r\n    .badge-specialty { left: 10px; bottom: -20px; }\r\n    .cosmic-specs-row { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .about-cosmic-section { padding: 60px 5%; }\r\n    .cosmic-main-title { font-size: 26px; }\r\n    .cosmic-main-title .title-ar { font-size: 18px; }\r\n    \r\n    .cosmic-canvas-wrapper {\r\n        height: auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 25px;\r\n    }\r\n    .cosmic-dark-panel {\r\n        position: relative;\r\n        width: 100%;\r\n        top: 0; left: 0;\r\n        padding: 30px;\r\n        box-sizing: border-box;\r\n    }\r\n    .panel-inner-content { max-width: 100%; }\r\n    .cosmic-doctor-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 280px;\r\n        top: 0; left: 0; right: 0; bottom: 0;\r\n    }\r\n    .cosmic-gold-frame { display: none; }\r\n    .cosmic-floating-badge {\r\n        position: relative;\r\n        top: 0 !important; left: 0 !important; bottom: 0 !important;\r\n        width: 100%;\r\n        max-width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n    .cosmic-specs-row { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-038907c e-con-full e-flex e-con e-parent\" data-id=\"038907c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4e5831 elementor-widget elementor-widget-html\" data-id=\"e4e5831\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0642\u0633\u0645 \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d - \u062a\u0635\u0645\u064a\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0645\u062a\u062f\u0627\u0648\u0644 -->\r\n<section class=\"partners-section\">\r\n    <div class=\"partners-container\">\r\n        \r\n        <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0628\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a -->\r\n        <h2 class=\"partners-title\">Our Success Partners<\/h2>\r\n        \r\n        <div class=\"logo-slider\">\r\n            <div class=\"logo-track\">\r\n                \r\n                <!-- \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 (17 \u0644\u0648\u062c\u0648) -->\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0645\u0635\u0631_\u0647\u064a\u0644\u062b_\u0643\u064a\u0631-.png\" alt=\"Egypt Health Care\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0645\u0635\u0631_\u0644\u0644\u062a\u0627\u0645\u064a\u0646-.png\" alt=\"Misr Insurance\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0644\u064a\u0645\u062a_\u0644\u0633_\u0643\u064a\u0631-.png\" alt=\"Limitless Care\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0644\u0627\u064a\u0641-\u0647\u064a\u0644\u062b-\u0643\u064a\u0631.png\" alt=\"Life Health Care\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0639\u0646\u0627\u064a\u0629.png\" alt=\"Inaya Care\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0631\u064a\u0646\u064a\u0633\u0627\u0646\u0633.png\" alt=\"Renaissance\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u064a\u062c\u0649-\u0643\u064a\u0631.png\" alt=\"EgyCare\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646.png\" alt=\"Syndicate of Engineers\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u0639\u0644\u0645\u064a\u064a\u0646.png\" alt=\"Syndicate of Scientific Professions\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u0635\u062d\u0641\u064a\u064a\u0646.png\" alt=\"Syndicate of Journalists\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u0632\u0631\u0627\u0639\u064a\u064a\u0646.png\" alt=\"Syndicate of Agricultural Professions\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u062c\u0647\u0627\u0632_\u0627\u0644\u0645\u0631\u0643\u0632\u0649_\u0644\u0644\u0645\u062d\u0627\u0633\u0628\u0627\u062a-.png\" alt=\"Central Auditing Organization\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u064a\u0646.png\" alt=\"Syndicate of Commercians\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u0628\u0646\u0643-\u0627\u0644\u0645\u0631\u0643\u0632\u0649.png\" alt=\"Central Bank of Egypt\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u0627\u0637\u0628\u0627\u0621.png\" alt=\"Syndicate of Medical Doctors\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/AMIS-.png\" alt=\"AMIS Care\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0645\u064a\u062f_\u0631\u0627\u064a\u062a-.png\" alt=\"MedRight\"><\/div>\r\n\r\n                <!-- \u062a\u0643\u0631\u0627\u0631 \u0646\u0641\u0633 \u0627\u0644\u0640 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0628\u0627\u0644\u0636\u0628\u0637 \u0644\u0636\u0645\u0627\u0646 \u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u0641\u0648\u0627\u0635\u0644 \u0641\u064a \u0627\u0644\u062d\u0631\u0643\u0629 -->\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0645\u0635\u0631_\u0647\u064a\u0644\u062b_\u0643\u064a\u0631-.png\" alt=\"Egypt Health Care\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0645\u0635\u0631_\u0644\u0644\u062a\u0627\u0645\u064a\u0646-.png\" alt=\"Misr Insurance\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0644\u064a\u0645\u062a_\u0644\u0633_\u0643\u064a\u0631-.png\" alt=\"Limitless Care\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0644\u0627\u064a\u0641-\u0647\u064a\u0644\u062b-\u0643\u064a\u0631.png\" alt=\"Life Health Care\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0639\u0646\u0627\u064a\u0629.png\" alt=\"Inaya Care\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0631\u064a\u0646\u064a\u0633\u0627\u0646\u0633.png\" alt=\"Renaissance\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u064a\u062c\u0649-\u0643\u064a\u0631.png\" alt=\"EgyCare\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646.png\" alt=\"Syndicate of Engineers\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u0639\u0644\u0645\u064a\u064a\u0646.png\" alt=\"Syndicate of Scientific Professions\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u0635\u062d\u0641\u064a\u064a\u0646.png\" alt=\"Syndicate of Journalists\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u0632\u0631\u0627\u0639\u064a\u064a\u0646.png\" alt=\"Syndicate of Agricultural Professions\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u062c\u0647\u0627\u0632_\u0627\u0644\u0645\u0631\u0643\u0632\u0649_\u0644\u0644\u0645\u062d\u0627\u0633\u0628\u0627\u062a-.png\" alt=\"Central Auditing Organization\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u064a\u0646.png\" alt=\"Syndicate of Commercians\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u0628\u0646\u0643-\u0627\u0644\u0645\u0631\u0643\u0632\u0649.png\" alt=\"Central Bank of Egypt\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u0627\u0637\u0628\u0627\u0621.png\" alt=\"Syndicate of Medical Doctors\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/AMIS-.png\" alt=\"AMIS Care\"><\/div>\r\n                <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/\u0645\u064a\u062f_\u0631\u0627\u064a\u062a-.png\" alt=\"MedRight\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \u062c\u0632\u0621 \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0648\u0627\u0644\u062a\u062d\u0631\u064a\u0643 - CSS -->\r\n<style>\r\n\/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0639\u0627\u0645 - \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0628\u064a\u0636\u0627\u0621 *\/\r\n.partners-section {\r\n    padding: 60px 0;\r\n    background-color: #ffffff;\r\n    overflow: hidden;\r\n    direction: ltr; \/* \u0644\u0636\u0645\u0627\u0646 \u062d\u0631\u0643\u0629 \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n}\r\n\r\n.partners-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n.partners-title {\r\n    text-align: center;\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    color: #1a1a1a; \/* \u0644\u0648\u0646 \u063a\u0627\u0645\u0642 \u0627\u062d\u062a\u0631\u0627\u0641\u064a *\/\r\n    margin-bottom: 50px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    font-family: 'Poppins', sans-serif; \/* \u064a\u0641\u0636\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062e\u0637 Poppins \u0644\u0648 \u0645\u062a\u0627\u062d \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 *\/\r\n}\r\n\r\n\/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 *\/\r\n.logo-slider {\r\n    width: 100%;\r\n    position: relative;\r\n    display: grid;\r\n    place-items: center;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* \u0647\u0630\u0627 \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0628\u064a\u062f\u064a \u0636\u0628\u0627\u0628\u064a\u0629 (fade) \u062e\u0641\u064a\u0641\u0629 \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0639\u0634\u0627\u0646 \u0627\u0644\u062d\u0631\u0643\u0629 \u062a\u0628\u0627\u0646 \u0627\u0646\u0647\u0627 \u0637\u0627\u0644\u0639\u0629 \u0648\u062f\u0627\u062e\u0644\u0629 \u0628\u0646\u0639\u0648\u0645\u0629 *\/\r\n.logo-slider::before,\r\n.logo-slider::after {\r\n    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);\r\n    content: \"\";\r\n    height: 100%;\r\n    position: absolute;\r\n    width: 15%; \/* \u0639\u0631\u0636 \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0636\u0628\u0627\u0628\u064a *\/\r\n    z-index: 2;\r\n}\r\n\r\n.logo-slider::before {\r\n    left: 0;\r\n    top: 0;\r\n}\r\n\r\n.logo-slider::after {\r\n    right: 0;\r\n    top: 0;\r\n    transform: rotateZ(180deg);\r\n}\r\n\r\n\/* \u0645\u0636\u0645\u0627\u0631 \u0627\u0644\u062d\u0631\u0643\u0629 *\/\r\n.logo-track {\r\n    display: flex;\r\n    \/* \u0639\u0631\u0636 \u0627\u0644\u0645\u0636\u0645\u0627\u0631 = (\u0639\u0631\u0636 \u0627\u0644\u0644\u0648\u062c\u0648 + \u0627\u0644\u0647\u0627\u0645\u0634) * \u0639\u062f\u062f \u0627\u0644\u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0627\u0644\u0643\u0644\u064a *\/\r\n    \/* 17 \u0644\u0648\u062c\u0648 * 2 (\u0639\u0634\u0627\u0646 \u0627\u0644\u062a\u0643\u0631\u0627\u0631) * 200px = 6800px *\/\r\n    width: 6800px; \r\n    animation: scroll 40s linear infinite; \/* \u0627\u0644\u0633\u0631\u0639\u0629 40 \u062b\u0627\u0646\u064a\u0629 \u062e\u0637\u064a\u0629 \u0648\u0644\u0627\u0646\u0647\u0627\u0626\u064a\u0629 *\/\r\n}\r\n\r\n\/* \u0639\u0646\u062f \u0648\u0642\u0648\u0641 \u0627\u0644\u0645\u0627\u0648\u0633\u060c \u0627\u0644\u062d\u0631\u0643\u0629 \u0628\u062a\u0642\u0641 \u0639\u0634\u0627\u0646 \u0627\u0644\u0639\u0645\u064a\u0644 \u064a\u0634\u0648\u0641 \u0644\u0648\u062c\u0648 \u0645\u062d\u062f\u062f *\/\r\n.logo-track:hover {\r\n    animation-play-state: paused;\r\n}\r\n\r\n\/* \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 *\/\r\n@keyframes scroll {\r\n    0% { transform: translateX(0); }\r\n    \/* \u0628\u0646\u062d\u0631\u0643 \u0627\u0644\u0645\u0636\u0645\u0627\u0631 \u0644\u0646\u0635\u0647 \u0628\u0627\u0644\u0636\u0628\u0637 \u0639\u0634\u0627\u0646 \u064a\u0631\u062c\u0639 \u064a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0623\u0648\u0644 \u0628\u062f\u0648\u0646 \u0645\u0627 \u064a\u0628\u0627\u0646 \u0642\u0637\u0639 *\/\r\n    100% { transform: translateX(calc(-200px * 17)); } \r\n}\r\n\r\n\/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0640 Slide \u0627\u0644\u0648\u0627\u062d\u062f \u0627\u0644\u0644\u064a \u062c\u0648\u0627\u0647 \u0627\u0644\u0644\u0648\u062c\u0648 *\/\r\n.slide {\r\n    width: 200px; \/* \u0639\u0631\u0636 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0644\u0648\u062c\u0648 *\/\r\n    height: 120px; \/* \u0637\u0648\u0644 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0644\u0648\u062c\u0648 *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 15px;\r\n    perspective: 100px;\r\n}\r\n\r\n\/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0644\u0648\u062c\u0648 \u062c\u0648\u0627\u0647 *\/\r\n.slide img {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: contain; \/* \u0639\u0634\u0627\u0646 \u0627\u0644\u0644\u0648\u062c\u0648 \u0645\u0627 \u064a\u062d\u0635\u0644\u0634 \u0641\u064a\u0647 \u062a\u0645\u0637\u064a\u0637 \u0648\u064a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0623\u0628\u0639\u0627\u062f\u0647 *\/\r\n    \r\n    \/* \u0644\u0645\u0633\u0629 \u0641\u0646\u064a\u0629: \u0627\u0644\u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0647\u062a\u0643\u0648\u0646 \u0627\u0628\u064a\u0636 \u0648\u0627\u0633\u0648\u062f \u062e\u0641\u064a\u0641 \u0648\u0628\u062a\u0646\u0648\u0631 \u0627\u0644\u0648\u0627\u0646 \u0644\u0645\u0627 \u0646\u0642\u0641 \u0639\u0644\u064a\u0647\u0627 *\/\r\n    filter: grayscale(100%);\r\n    opacity: 0.7;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.slide:hover img {\r\n    filter: grayscale(0%);\r\n    opacity: 1;\r\n    transform: scale(1.1); \/* \u062a\u0643\u0628\u064a\u0631 \u062e\u0641\u064a\u0641 \u0639\u0646\u062f \u0627\u0644\u0647\u0648\u0641\u0631 *\/\r\n}\r\n\r\n\/* \u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n@media screen and (max-width: 768px) {\r\n    .partners-title {\r\n        font-size: 28px;\r\n        margin-bottom: 30px;\r\n    }\r\n    \r\n    .logo-track {\r\n        \/* \u0628\u0646\u0642\u0644\u0644 \u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n        width: calc(150px * 34);\r\n        animation: scrollMobile 30s linear infinite;\r\n    }\r\n    \r\n    @keyframes scrollMobile {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(calc(-150px * 17)); }\r\n    }\r\n    \r\n    .slide {\r\n        width: 150px;\r\n        height: 80px;\r\n        padding: 10px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ca9294 e-con-full e-flex e-con e-parent\" data-id=\"2ca9294\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98c5ad0 elementor-widget elementor-widget-html\" data-id=\"98c5ad0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kinetic-services-section\">\r\n    <!-- \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u0627\u0644\u0645\u0634\u0637\u0648\u0641\u0629 -->\r\n    <div class=\"kinetic-bg-blend\"><\/div>\r\n\r\n    <div class=\"kinetic-container\">\r\n        \r\n        <!-- \u0627\u0644\u0647\u064a\u062f\u0631 \u0627\u0644\u0645\u0628\u062a\u0643\u0631 -->\r\n        <div class=\"kinetic-title-area\">\r\n            <span class=\"kinetic-pre-tag\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \/ OUR SERVICES<\/span>\r\n            <h2 class=\"kinetic-main-heading\">\r\n                <span class=\"heading-ar\">\u062c\u0645\u064a\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 <span class=\"gold-glow\">\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645<\/span> \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f<\/span>\r\n                <span class=\"heading-en\">All Your Orthopaedic Needs at One Place<\/span>\r\n            <\/h2>\r\n            <div class=\"kinetic-heading-line\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0643\u0631\u0648\u062a \u0627\u0644\u0645\u062a\u062f\u0627\u062e\u0644\u0629 \u0627\u0644\u062d\u0631\u0643\u064a\u0629 -->\r\n        <div class=\"kinetic-services-grid\">\r\n            \r\n            <!-- \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u0623\u0648\u0644: Orthopaedic Trauma -->\r\n            <div class=\"kinetic-service-card\">\r\n                <div class=\"card-glow-border\"><\/div>\r\n                <div class=\"card-image-box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/Home_4.png\" alt=\"Orthopaedic Trauma\" class=\"service-img\">\r\n                    <div class=\"card-image-overlay\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-info-content\">\r\n                    <span class=\"card-num\">01<\/span>\r\n                    <h3>\r\n                        <span class=\"card-title-ar\">\u0625\u0635\u0627\u0628\u0627\u062a \u0648\u062d\u0648\u0627\u062f\u062b \u0627\u0644\u0639\u0638\u0627\u0645<\/span>\r\n                        <span class=\"card-title-en\">Orthopaedic Trauma<\/span>\r\n                    <\/h3>\r\n                    <p class=\"ar-text\">\u062a\u0634\u064a\u0631 \u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0639\u0638\u0627\u0645 \u0625\u0644\u0649 \u0627\u0644\u0623\u0636\u0631\u0627\u0631 \u0627\u0644\u062a\u064a \u062a\u0644\u062d\u0642 \u0628\u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0647\u064a\u0643\u0644\u064a \u0648\u0627\u0644\u0639\u0636\u0644\u064a \u2014 \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0648\u0627\u0644\u0623\u0631\u0628\u0637\u0629 \u0648\u0627\u0644\u0623\u0648\u062a\u0627\u0631 \u0648\u0627\u0644\u0639\u0636\u0644\u0627\u062a \u2014 \u0648\u0627\u0644\u0646\u0627\u062c\u0645\u0629 \u0639\u0646 \u0642\u0648\u0649 \u062e\u0627\u0631\u062c\u064a\u0629 \u0645\u062b\u0644 \u0627\u0644\u0633\u0642\u0648\u0637 \u0623\u0648 \u0627\u0644\u062d\u0648\u0627\u062f\u062b \u0623\u0648 \u0627\u0644\u0635\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629.<\/p>\r\n                    <p class=\"en-text\">Orthopaedic trauma refers to injuries to the musculoskeletal system\u2014including bones, joints, ligaments, tendons, and muscles\u2014caused by an external force, such as a fall, accident, or direct impact.<\/p>\r\n                    <a href=\"https:\/\/drahmedkotbcenter.com\/new\/services\/\" class=\"card-explore-btn\">\r\n                        <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \/ Explore More<\/span> \r\n                        <span class=\"arrow-icon\">\u2190<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u062b\u0627\u0646\u064a: Arthroscopy -->\r\n            <div class=\"kinetic-service-card\">\r\n                <div class=\"card-glow-border\"><\/div>\r\n                <div class=\"card-image-box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/Home_5.png\" alt=\"Arthroscopy\" class=\"service-img\">\r\n                    <div class=\"card-image-overlay\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-info-content\">\r\n                    <span class=\"card-num\">02<\/span>\r\n                    <h3>\r\n                        <span class=\"card-title-ar\">\u0645\u0646\u0627\u0638\u064a\u0631 \u0627\u0644\u0645\u0641\u0627\u0635\u0644<\/span>\r\n                        <span class=\"card-title-en\">Arthroscopy<\/span>\r\n                    <\/h3>\r\n                    <p class=\"ar-text\">\u0645\u0646\u0627\u0638\u064a\u0631 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0647\u064a \u0625\u062c\u0631\u0627\u0621 \u062c\u0631\u0627\u062d\u064a \u062a\u062f\u062e\u0644\u064a \u0628\u0633\u064a\u0637 \u064a\u0633\u062a\u062e\u062f\u0645\u0647 \u062c\u0631\u0627\u062d\u0648 \u0627\u0644\u0639\u0638\u0627\u0645 \u0644\u062a\u0634\u062e\u064a\u0635 \u0648\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0641\u0635\u0644 \u0628\u062f\u0642\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u0632\u0645\u0646 \u062a\u0639\u0627\u0641\u064d \u0623\u0633\u0631\u0639.<\/p>\r\n                    <p class=\"en-text\">Arthroscopy is a minimally invasive surgical procedure used by orthopaedic surgeons to diagnose and treat problems inside a joint with high precision and faster recovery times.<\/p>\r\n                    <a href=\"https:\/\/drahmedkotbcenter.com\/new\/services\/\" class=\"card-explore-btn\">\r\n                        <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \/ Explore More<\/span> \r\n                        <span class=\"arrow-icon\">\u2190<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u062b\u0627\u0644\u062b: Arthroplasty -->\r\n            <div class=\"kinetic-service-card\">\r\n                <div class=\"card-glow-border\"><\/div>\r\n                <div class=\"card-image-box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/Home_6.png\" alt=\"Arthroplasty\" class=\"service-img\">\r\n                    <div class=\"card-image-overlay\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-info-content\">\r\n                    <span class=\"card-num\">03<\/span>\r\n                    <h3>\r\n                        <span class=\"card-title-ar\">\u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0648\u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0645\u0641\u0627\u0635\u0644<\/span>\r\n                        <span class=\"card-title-en\">Arthroplasty<\/span>\r\n                    <\/h3>\r\n                    <p class=\"ar-text\">\u062c\u0631\u0627\u062d\u0629 \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0647\u064a \u0625\u062c\u0631\u0627\u0621 \u062c\u0631\u0627\u062d\u064a \u0644\u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0648\u0638\u064a\u0641\u0629 \u0627\u0644\u0645\u0641\u0635\u0644 \u0627\u0644\u062a\u0627\u0644\u0641 \u0639\u0646 \u0637\u0631\u064a\u0642 \u0625\u0639\u0627\u062f\u0629 \u0628\u0646\u0627\u0621 \u0627\u0644\u0633\u0637\u062d \u0623\u0648 \u0627\u0633\u062a\u0628\u062f\u0627\u0644\u0647 \u0628\u0640\u0645\u0641\u0635\u0644 \u0635\u0646\u0627\u0639\u064a (\u063a\u0631\u0633\u0629) \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a.<\/p>\r\n                    <p class=\"en-text\">Arthroplasty is a surgical procedure to restore the function of a damaged joint by resurfacing or replacing it with an artificial implant (prosthesis) using modern techniques.<\/p>\r\n                    <a href=\"https:\/\/drahmedkotbcenter.com\/new\/services\/\" class=\"card-explore-btn\">\r\n                        <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \/ Explore More<\/span> \r\n                        <span class=\"arrow-icon\">\u2190<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0633\u064a\u0643\u0634\u0646 \u0648\u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0645\u062a\u062f\u0627\u062e\u0644\u0629 *\/\r\n.kinetic-services-section {\r\n    background-color: #f8fafc;\r\n    padding: 120px 5%;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Cairo', 'Poppins', sans-serif;\r\n    width: 100%;\r\n}\r\n\r\n\/* \u062d\u0631\u0643\u0629 \u062a\u062f\u0627\u062e\u0644 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n.kinetic-bg-blend {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: linear-gradient(135deg, rgba(11, 34, 58, 0.03) 0%, rgba(0, 215, 86, 0.05) 100%);\r\n    z-index: 1;\r\n}\r\n.kinetic-bg-blend::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0; right: 0;\r\n    width: 400px; height: 400px;\r\n    background: radial-gradient(circle, rgba(0, 215, 86, 0.08) 0%, transparent 70%);\r\n    z-index: 1;\r\n}\r\n\r\n.kinetic-container {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 5;\r\n}\r\n\r\n\/* \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0647\u064a\u062f\u0631 \u0627\u0644\u0645\u0628\u062a\u0643\u0631 *\/\r\n.kinetic-title-area {\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n}\r\n.kinetic-pre-tag {\r\n    color: #00d756;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    display: block;\r\n    margin-bottom: 10px;\r\n}\r\n.kinetic-main-heading {\r\n    margin: 0 auto 20px auto;\r\n    max-width: 800px;\r\n    line-height: 1.3;\r\n}\r\n.kinetic-main-heading .heading-ar {\r\n    display: block;\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    color: #0b223a;\r\n    font-family: 'Cairo', sans-serif;\r\n    margin-bottom: 6px;\r\n}\r\n.kinetic-main-heading .heading-en {\r\n    display: block;\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    color: #627488;\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n.kinetic-main-heading .gold-glow {\r\n    color: #00d756;\r\n}\r\n.kinetic-heading-line {\r\n    width: 80px; height: 3px;\r\n    background: linear-gradient(90deg, #0b223a 0%, #00d756 100%);\r\n    margin: 0 auto;\r\n    border-radius: 2px;\r\n}\r\n\r\n\/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0643\u0631\u0648\u062a *\/\r\n.kinetic-services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    align-items: stretch;\r\n}\r\n\r\n\/* \u0628\u0646\u064a\u0629 \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u062d\u0631\u0643\u064a \u0627\u0644\u0645\u062a\u062f\u0627\u062e\u0644 *\/\r\n.kinetic-service-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    box-shadow: 0 15px 35px rgba(11, 34, 58, 0.05);\r\n    display: flex;\r\n    flex-direction: column;\r\n    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n    z-index: 2;\r\n    border: 1px solid rgba(11, 34, 58, 0.05);\r\n}\r\n\r\n\/* \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u0645\u0636\u064a\u0621 \u0627\u0644\u0645\u062e\u0641\u064a \u0648\u064a\u0638\u0647\u0631 \u0628\u0627\u0644\u0647\u0648\u0641\u0631 *\/\r\n.card-glow-border {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    border: 2px solid transparent;\r\n    border-radius: 20px;\r\n    z-index: 10;\r\n    pointer-events: none;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n\/* \u0628\u0648\u0643\u0633 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u062a\u0623\u062b\u064a\u0631\u0627\u062a\u0647 *\/\r\n.card-image-box {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 240px;\r\n    overflow: hidden;\r\n}\r\n.service-img {\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n.card-image-overlay {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: linear-gradient(to bottom, transparent 40%, #0b223a 100%);\r\n    opacity: 0.85;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n\/* \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u0633\u0641\u0644\u064a *\/\r\n.card-info-content {\r\n    padding: 30px;\r\n    background: #0b223a;\r\n    color: #ffffff;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    transition: all 0.4s ease;\r\n    text-align: right;\r\n    direction: rtl;\r\n}\r\n.card-num {\r\n    position: absolute;\r\n    top: -25px; left: 30px;\r\n    font-size: 36px; font-weight: 800;\r\n    color: #00d756;\r\n    text-shadow: 0 4px 10px rgba(11, 34, 58, 0.3);\r\n    font-family: 'Poppins', sans-serif;\r\n    z-index: 5;\r\n}\r\n\r\n\/* \u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0643\u0631\u0648\u062a *\/\r\n.card-info-content h3 {\r\n    margin: 0 0 15px 0;\r\n}\r\n.card-title-ar {\r\n    display: block;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    font-family: 'Cairo', sans-serif;\r\n    transition: color 0.3s ease;\r\n}\r\n.card-title-en {\r\n    display: block;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #00d756;\r\n    font-family: 'Poppins', sans-serif;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* \u0641\u0642\u0631\u0627\u062a \u0627\u0644\u0646\u0635\u0648\u0635 *\/\r\n.card-info-content .ar-text {\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    color: #ffffff;\r\n    margin: 0 0 12px 0;\r\n    font-family: 'Cairo', sans-serif;\r\n}\r\n.card-info-content .en-text {\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n    color: #94a3b8;\r\n    margin: 0 0 25px 0;\r\n    font-family: 'Poppins', sans-serif;\r\n    direction: ltr;\r\n    text-align: left;\r\n    border-top: 1px solid rgba(0, 215, 86, 0.2);\r\n    padding-top: 10px;\r\n}\r\n\r\n\/* \u0632\u0631 \u0627\u0644\u0631\u0627\u0628\u0637 *\/\r\n.card-explore-btn {\r\n    color: #00d756;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: all 0.3s ease;\r\n    margin-top: auto;\r\n    width: fit-content;\r\n    direction: ltr;\r\n}\r\n.card-explore-btn .arrow-icon {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n\/* ================= \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0648\u0627\u0644\u062d\u0631\u0643\u0627\u062a \u062c\u0648\u0629 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 (Hover Effects) ================= *\/\r\n.kinetic-service-card:hover {\r\n    transform: translateY(-12px);\r\n    box-shadow: 0 25px 50px rgba(11, 34, 58, 0.25);\r\n    background: #081a2e;\r\n}\r\n.kinetic-service-card:hover .card-glow-border {\r\n    border-color: #00d756;\r\n    box-shadow: inset 0 0 15px rgba(0, 215, 86, 0.2), 0 0 20px rgba(0, 215, 86, 0.15);\r\n}\r\n.kinetic-service-card:hover .service-img {\r\n    transform: scale(1.1) rotate(1deg);\r\n}\r\n.kinetic-service-card:hover .card-image-overlay {\r\n    background: linear-gradient(to bottom, rgba(0, 215, 86, 0.1) 0%, #081a2e 100%);\r\n}\r\n.kinetic-service-card:hover .card-info-content {\r\n    background: #081a2e;\r\n}\r\n.kinetic-service-card:hover .card-title-ar {\r\n    color: #00d756;\r\n}\r\n.kinetic-service-card:hover .card-explore-btn {\r\n    color: #ffffff;\r\n}\r\n.kinetic-service-card:hover .card-explore-btn .arrow-icon {\r\n    transform: translateX(-6px);\r\n}\r\n\r\n\/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a --- *\/\r\n@media (max-width: 1024px) {\r\n    .kinetic-services-grid { grid-template-columns: repeat(2, 1fr); gap: 25px; }\r\n    .kinetic-main-heading .heading-ar { font-size: 30px; }\r\n    .kinetic-main-heading .heading-en { font-size: 18px; }\r\n}\r\n@media (max-width: 768px) {\r\n    .kinetic-services-grid { grid-template-columns: 1fr; gap: 30px; }\r\n    .kinetic-main-heading .heading-ar { font-size: 24px; }\r\n    .kinetic-main-heading .heading-en { font-size: 16px; }\r\n    .kinetic-services-section { padding: 80px 5%; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e3576f9 e-con-full e-flex e-con e-parent\" data-id=\"e3576f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0256b42 elementor-widget elementor-widget-html\" data-id=\"0256b42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kinetic-services-section\">\r\n    <!-- \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u0627\u0644\u0645\u0634\u0637\u0648\u0641\u0629 -->\r\n    <div class=\"kinetic-bg-blend\"><\/div>\r\n\r\n    <div class=\"kinetic-container\">\r\n        \r\n        <!-- \u0627\u0644\u0647\u064a\u062f\u0631 \u0627\u0644\u0645\u0628\u062a\u0643\u0631 -->\r\n        <div class=\"kinetic-title-area\">\r\n            <span class=\"kinetic-pre-tag\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \/ OUR SERVICES<\/span>\r\n            <h2 class=\"kinetic-main-heading\">\r\n                <span class=\"heading-ar\">\u062c\u0645\u064a\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 <span class=\"gold-glow\">\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645<\/span> \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f<\/span>\r\n                <span class=\"heading-en\">All Your Orthopaedic Needs at One Place<\/span>\r\n            <\/h2>\r\n            <div class=\"kinetic-heading-line\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0643\u0631\u0648\u062a \u0627\u0644\u0645\u062a\u062f\u0627\u062e\u0644\u0629 \u0627\u0644\u062d\u0631\u0643\u064a\u0629 -->\r\n        <div class=\"kinetic-services-grid\">\r\n            \r\n            <!-- \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u0623\u0648\u0644: Orthopaedic Trauma -->\r\n            <div class=\"kinetic-service-card\">\r\n                <div class=\"card-glow-border\"><\/div>\r\n                <div class=\"card-image-box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/Home_4.png\" alt=\"Orthopaedic Trauma\" class=\"service-img\">\r\n                    <div class=\"card-image-overlay\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-info-content\">\r\n                    <span class=\"card-num\">01<\/span>\r\n                    <h3>\r\n                        <span class=\"card-title-ar\">\u0625\u0635\u0627\u0628\u0627\u062a \u0648\u062d\u0648\u0627\u062f\u062b \u0627\u0644\u0639\u0638\u0627\u0645<\/span>\r\n                        <span class=\"card-title-en\">Orthopaedic Trauma<\/span>\r\n                    <\/h3>\r\n                    <p class=\"ar-text\">\u062a\u0634\u064a\u0631 \u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0639\u0638\u0627\u0645 \u0625\u0644\u0649 \u0627\u0644\u0623\u0636\u0631\u0627\u0631 \u0627\u0644\u062a\u064a \u062a\u0644\u062d\u0642 \u0628\u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0647\u064a\u0643\u0644\u064a \u0648\u0627\u0644\u0639\u0636\u0644\u064a \u2014 \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0648\u0627\u0644\u0623\u0631\u0628\u0637\u0629 \u0648\u0627\u0644\u0623\u0648\u062a\u0627\u0631 \u0648\u0627\u0644\u0639\u0636\u0644\u0627\u062a \u2014 \u0648\u0627\u0644\u0646\u0627\u062c\u0645\u0629 \u0639\u0646 \u0642\u0648\u0649 \u062e\u0627\u0631\u062c\u064a\u0629 \u0645\u062b\u0644 \u0627\u0644\u0633\u0642\u0648\u0637 \u0623\u0648 \u0627\u0644\u062d\u0648\u0627\u062f\u062b \u0623\u0648 \u0627\u0644\u0635\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629.<\/p>\r\n                    <p class=\"en-text\">Orthopaedic trauma refers to injuries to the musculoskeletal system\u2014including bones, joints, ligaments, tendons, and muscles\u2014caused by an external force, such as a fall, accident, or direct impact.<\/p>\r\n                    <a href=\"https:\/\/drahmedkotbcenter.com\/new\/services\/\" class=\"card-explore-btn\">\r\n                        <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \/ Explore More<\/span> \r\n                        <span class=\"arrow-icon\">\u2190<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u062b\u0627\u0646\u064a: Arthroscopy -->\r\n            <div class=\"kinetic-service-card\">\r\n                <div class=\"card-glow-border\"><\/div>\r\n                <div class=\"card-image-box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/Home_5.png\" alt=\"Arthroscopy\" class=\"service-img\">\r\n                    <div class=\"card-image-overlay\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-info-content\">\r\n                    <span class=\"card-num\">02<\/span>\r\n                    <h3>\r\n                        <span class=\"card-title-ar\">\u0645\u0646\u0627\u0638\u064a\u0631 \u0627\u0644\u0645\u0641\u0627\u0635\u0644<\/span>\r\n                        <span class=\"card-title-en\">Arthroscopy<\/span>\r\n                    <\/h3>\r\n                    <p class=\"ar-text\">\u0645\u0646\u0627\u0638\u064a\u0631 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0647\u064a \u0625\u062c\u0631\u0627\u0621 \u062c\u0631\u0627\u062d\u064a \u062a\u062f\u062e\u0644\u064a \u0628\u0633\u064a\u0637 \u064a\u0633\u062a\u062e\u062f\u0645\u0647 \u062c\u0631\u0627\u062d\u0648 \u0627\u0644\u0639\u0638\u0627\u0645 \u0644\u062a\u0634\u062e\u064a\u0635 \u0648\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0641\u0635\u0644 \u0628\u062f\u0642\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u0632\u0645\u0646 \u062a\u0639\u0627\u0641\u064d \u0623\u0633\u0631\u0639.<\/p>\r\n                    <p class=\"en-text\">Arthroscopy is a minimally invasive surgical procedure used by orthopaedic surgeons to diagnose and treat problems inside a joint with high precision and faster recovery times.<\/p>\r\n                    <a href=\"https:\/\/drahmedkotbcenter.com\/new\/services\/\" class=\"card-explore-btn\">\r\n                        <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \/ Explore More<\/span> \r\n                        <span class=\"arrow-icon\">\u2190<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u062b\u0627\u0644\u062b: Arthroplasty -->\r\n            <div class=\"kinetic-service-card\">\r\n                <div class=\"card-glow-border\"><\/div>\r\n                <div class=\"card-image-box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/Home_6.png\" alt=\"Arthroplasty\" class=\"service-img\">\r\n                    <div class=\"card-image-overlay\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-info-content\">\r\n                    <span class=\"card-num\">03<\/span>\r\n                    <h3>\r\n                        <span class=\"card-title-ar\">\u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0648\u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0645\u0641\u0627\u0635\u0644<\/span>\r\n                        <span class=\"card-title-en\">Arthroplasty<\/span>\r\n                    <\/h3>\r\n                    <p class=\"ar-text\">\u062c\u0631\u0627\u062d\u0629 \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0647\u064a \u0625\u062c\u0631\u0627\u0621 \u062c\u0631\u0627\u062d\u064a \u0644\u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0648\u0638\u064a\u0641\u0629 \u0627\u0644\u0645\u0641\u0635\u0644 \u0627\u0644\u062a\u0627\u0644\u0641 \u0639\u0646 \u0637\u0631\u064a\u0642 \u0625\u0639\u0627\u062f\u0629 \u0628\u0646\u0627\u0621 \u0627\u0644\u0633\u0637\u062d \u0623\u0648 \u0627\u0633\u062a\u0628\u062f\u0627\u0644\u0647 \u0628\u0640\u0645\u0641\u0635\u0644 \u0635\u0646\u0627\u0639\u064a (\u063a\u0631\u0633\u0629) \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a.<\/p>\r\n                    <p class=\"en-text\">Arthroplasty is a surgical procedure to restore the function of a damaged joint by resurfacing or replacing it with an artificial implant (prosthesis) using modern techniques.<\/p>\r\n                    <a href=\"https:\/\/drahmedkotbcenter.com\/new\/services\/\" class=\"card-explore-btn\">\r\n                        <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \/ Explore More<\/span> \r\n                        <span class=\"arrow-icon\">\u2190<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0633\u064a\u0643\u0634\u0646 \u0648\u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0645\u062a\u062f\u0627\u062e\u0644\u0629 *\/\r\n.kinetic-services-section {\r\n    background-color: #f8fafc;\r\n    padding: 120px 5%;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Cairo', 'Poppins', sans-serif;\r\n    width: 100%;\r\n}\r\n\r\n\/* \u062d\u0631\u0643\u0629 \u062a\u062f\u0627\u062e\u0644 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n.kinetic-bg-blend {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: linear-gradient(135deg, rgba(11, 34, 58, 0.03) 0%, rgba(0, 215, 86, 0.05) 100%);\r\n    z-index: 1;\r\n}\r\n.kinetic-bg-blend::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0; right: 0;\r\n    width: 400px; height: 400px;\r\n    background: radial-gradient(circle, rgba(0, 215, 86, 0.08) 0%, transparent 70%);\r\n    z-index: 1;\r\n}\r\n\r\n.kinetic-container {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 5;\r\n}\r\n\r\n\/* \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0647\u064a\u062f\u0631 \u0627\u0644\u0645\u0628\u062a\u0643\u0631 *\/\r\n.kinetic-title-area {\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n}\r\n.kinetic-pre-tag {\r\n    color: #00d756;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    display: block;\r\n    margin-bottom: 10px;\r\n}\r\n.kinetic-main-heading {\r\n    margin: 0 auto 20px auto;\r\n    max-width: 800px;\r\n    line-height: 1.3;\r\n}\r\n.kinetic-main-heading .heading-ar {\r\n    display: block;\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    color: #0b223a;\r\n    font-family: 'Cairo', sans-serif;\r\n    margin-bottom: 6px;\r\n}\r\n.kinetic-main-heading .heading-en {\r\n    display: block;\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    color: #627488;\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n.kinetic-main-heading .gold-glow {\r\n    color: #00d756;\r\n}\r\n.kinetic-heading-line {\r\n    width: 80px; height: 3px;\r\n    background: linear-gradient(90deg, #0b223a 0%, #00d756 100%);\r\n    margin: 0 auto;\r\n    border-radius: 2px;\r\n}\r\n\r\n\/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0643\u0631\u0648\u062a *\/\r\n.kinetic-services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    align-items: stretch;\r\n}\r\n\r\n\/* \u0628\u0646\u064a\u0629 \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u062d\u0631\u0643\u064a \u0627\u0644\u0645\u062a\u062f\u0627\u062e\u0644 *\/\r\n.kinetic-service-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    box-shadow: 0 15px 35px rgba(11, 34, 58, 0.05);\r\n    display: flex;\r\n    flex-direction: column;\r\n    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n    z-index: 2;\r\n    border: 1px solid rgba(11, 34, 58, 0.05);\r\n}\r\n\r\n\/* \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u0645\u0636\u064a\u0621 \u0627\u0644\u0645\u062e\u0641\u064a \u0648\u064a\u0638\u0647\u0631 \u0628\u0627\u0644\u0647\u0648\u0641\u0631 *\/\r\n.card-glow-border {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    border: 2px solid transparent;\r\n    border-radius: 20px;\r\n    z-index: 10;\r\n    pointer-events: none;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n\/* \u0628\u0648\u0643\u0633 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u062a\u0623\u062b\u064a\u0631\u0627\u062a\u0647 *\/\r\n.card-image-box {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 240px;\r\n    overflow: hidden;\r\n}\r\n.service-img {\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n.card-image-overlay {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: linear-gradient(to bottom, transparent 40%, #0b223a 100%);\r\n    opacity: 0.85;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n\/* \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u0633\u0641\u0644\u064a *\/\r\n.card-info-content {\r\n    padding: 30px;\r\n    background: #0b223a;\r\n    color: #ffffff;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    transition: all 0.4s ease;\r\n    text-align: right;\r\n    direction: rtl;\r\n}\r\n.card-num {\r\n    position: absolute;\r\n    top: -25px; left: 30px;\r\n    font-size: 36px; font-weight: 800;\r\n    color: #00d756;\r\n    text-shadow: 0 4px 10px rgba(11, 34, 58, 0.3);\r\n    font-family: 'Poppins', sans-serif;\r\n    z-index: 5;\r\n}\r\n\r\n\/* \u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0643\u0631\u0648\u062a *\/\r\n.card-info-content h3 {\r\n    margin: 0 0 15px 0;\r\n}\r\n.card-title-ar {\r\n    display: block;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    font-family: 'Cairo', sans-serif;\r\n    transition: color 0.3s ease;\r\n}\r\n.card-title-en {\r\n    display: block;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #00d756;\r\n    font-family: 'Poppins', sans-serif;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* \u0641\u0642\u0631\u0627\u062a \u0627\u0644\u0646\u0635\u0648\u0635 *\/\r\n.card-info-content .ar-text {\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    color: #ffffff;\r\n    margin: 0 0 12px 0;\r\n    font-family: 'Cairo', sans-serif;\r\n}\r\n.card-info-content .en-text {\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n    color: #94a3b8;\r\n    margin: 0 0 25px 0;\r\n    font-family: 'Poppins', sans-serif;\r\n    direction: ltr;\r\n    text-align: left;\r\n    border-top: 1px solid rgba(0, 215, 86, 0.2);\r\n    padding-top: 10px;\r\n}\r\n\r\n\/* \u0632\u0631 \u0627\u0644\u0631\u0627\u0628\u0637 *\/\r\n.card-explore-btn {\r\n    color: #00d756;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: all 0.3s ease;\r\n    margin-top: auto;\r\n    width: fit-content;\r\n    direction: ltr;\r\n}\r\n.card-explore-btn .arrow-icon {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n\/* ================= \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0648\u0627\u0644\u062d\u0631\u0643\u0627\u062a \u062c\u0648\u0629 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 (Hover Effects) ================= *\/\r\n.kinetic-service-card:hover {\r\n    transform: translateY(-12px);\r\n    box-shadow: 0 25px 50px rgba(11, 34, 58, 0.25);\r\n    background: #081a2e;\r\n}\r\n.kinetic-service-card:hover .card-glow-border {\r\n    border-color: #00d756;\r\n    box-shadow: inset 0 0 15px rgba(0, 215, 86, 0.2), 0 0 20px rgba(0, 215, 86, 0.15);\r\n}\r\n.kinetic-service-card:hover .service-img {\r\n    transform: scale(1.1) rotate(1deg);\r\n}\r\n.kinetic-service-card:hover .card-image-overlay {\r\n    background: linear-gradient(to bottom, rgba(0, 215, 86, 0.1) 0%, #081a2e 100%);\r\n}\r\n.kinetic-service-card:hover .card-info-content {\r\n    background: #081a2e;\r\n}\r\n.kinetic-service-card:hover .card-title-ar {\r\n    color: #00d756;\r\n}\r\n.kinetic-service-card:hover .card-explore-btn {\r\n    color: #ffffff;\r\n}\r\n.kinetic-service-card:hover .card-explore-btn .arrow-icon {\r\n    transform: translateX(-6px);\r\n}\r\n\r\n\/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a --- *\/\r\n@media (max-width: 1024px) {\r\n    .kinetic-services-grid { grid-template-columns: repeat(2, 1fr); gap: 25px; }\r\n    .kinetic-main-heading .heading-ar { font-size: 30px; }\r\n    .kinetic-main-heading .heading-en { font-size: 18px; }\r\n}\r\n@media (max-width: 768px) {\r\n    .kinetic-services-grid { grid-template-columns: 1fr; gap: 30px; }\r\n    .kinetic-main-heading .heading-ar { font-size: 24px; }\r\n    .kinetic-main-heading .heading-en { font-size: 16px; }\r\n    .kinetic-services-section { padding: 80px 5%; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ba3e61 e-con-full e-flex e-con e-parent\" data-id=\"6ba3e61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82772d1 elementor-widget elementor-widget-html\" data-id=\"82772d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"royal-booking-cta\">\r\n    <div class=\"cta-fluid-container\">\r\n        \r\n        <!-- \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0633\u0631: \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0646\u0635 \u0627\u0644\u0641\u062e\u0645 -->\r\n        <div class=\"cta-text-panel\">\r\n            <div class=\"cta-glow-core\"><\/div>\r\n            <div class=\"cta-content-inner\">\r\n                <span class=\"cta-mini-tag\">\u062d\u062c\u0632 \u0633\u0631\u064a\u0639 \/ QUICK APPOINTMENT<\/span>\r\n                <h2 class=\"cta-main-title\">\r\n                    <span class=\"title-ar\">\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0643 \u0627\u0644\u0622\u0646...<\/span>\r\n                    <span class=\"title-en\">Book an Appointment &<\/span>\r\n                    <span class=\"gold-highlight\">\r\n                        <span class=\"highlight-ar\"> !<\/span>\r\n                        <span class=\"highlight-en\">You\u2019re Done!<\/span>\r\n                    <\/span>\r\n                <\/h2>\r\n                \r\n                <div class=\"cta-description-wrapper\">\r\n                    <p class=\"cta-description ar-text\">\r\n                        \u0647\u0644 \u062a\u0628\u062d\u062b \u0639\u0646 \u0639\u0644\u0627\u062c\u0627\u062a <strong class=\"gold-text\">\u0639\u0638\u0627\u0645<\/strong> \u0645\u062a\u062e\u0635\u0635\u0629 \u0648\u0646\u062e\u0628\u0648\u064a\u0629 \u062f\u0648\u0646 \u0639\u0646\u0627\u0621 \u0623\u0648\u0642\u0627\u062a \u0627\u0644\u0627\u0646\u062a\u0638\u0627\u0631 \u0627\u0644\u0637\u0648\u064a\u0644\u0629\u061f\r\n                    <\/p>\r\n                    <p class=\"cta-description en-text\">\r\n                        Looking for elite, specialized <strong class=\"gold-text\">Orthopaedic treatments<\/strong> without the stress of long waiting times? \r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"cta-description-wrapper\">\r\n                    <p class=\"cta-description ar-text\">\r\n                        \u0628\u0628\u0633\u0627\u0637\u0629\u060c \u0627\u062d\u062c\u0632 \u0648\u0642\u062a\u0643 \u0627\u0644\u0645\u062e\u0635\u0635\u060c \u0648\u062a\u0641\u0636\u0644 \u0628\u0632\u064a\u0627\u0631\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u0645\u0648\u0639\u062f \u0627\u0644\u0645\u062d\u062f\u062f\u060c \u0644\u062a\u062a\u0644\u0642\u0649 \u0631\u0639\u0627\u064a\u0629 \u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0648\u0630\u0627\u062a \u0623\u0648\u0644\u0648\u064a\u0629 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u0635\u062d\u062a\u0643.\r\n                    <\/p>\r\n                    <p class=\"cta-description en-text\">\r\n                        Simply reserve your dedicated time slot, walk in at the appointed hour, and receive prioritized, world-class care tailored specifically to your health.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- \u0627\u0644\u0632\u0631 \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u0646\u0627\u0628\u0636 -->\r\n                <div class=\"cta-action-wrapper\">\r\n                    <a href=\"https:\/\/drahmedkotbcenter.com\/new\/contact\/\" class=\"btn-pulse-gold\">\r\n                        <span class=\"btn-text\">\r\n                            <span class=\"btn-ar\">\u0627\u062d\u062c\u0632 \u062f\u0648\u0631\u0643 \u0627\u0644\u0622\u0646<\/span>\r\n                            <span class=\"btn-en\">Reserve My Slot Now<\/span>\r\n                        <\/span>\r\n                        <span class=\"btn-icon\">\ud83d\uddd3\ufe0f<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0645\u0646: \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0642\u0637\u0648\u0639\u0629 \u0628\u0632\u0627\u0648\u064a\u0629 \u062d\u0631\u0643\u064a\u0629 -->\r\n        <div class=\"cta-image-panel\">\r\n            <div class=\"image-angle-overlay\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/Home_5.png\" alt=\"\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \/ Orthopaedic Surgery\" class=\"cta-surgery-img\">\r\n            <div class=\"gold-accent-stripe\"><\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u062a\u0635\u0641\u064a\u0631 \u0648\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0633\u064a\u0643\u0634\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n.royal-booking-cta {\r\n    width: 100%;\r\n    background-color: #071626; \r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Cairo', 'Poppins', sans-serif;\r\n}\r\n\r\n.cta-fluid-container {\r\n    display: flex;\r\n    min-height: 550px;\r\n    width: 100%;\r\n    position: relative;\r\n}\r\n\r\n\/* --- \u0644\u0648\u062d\u0629 \u0627\u0644\u0646\u0635\u0648\u0635 (\u0627\u0644\u0643\u062d\u0644\u064a \u0627\u0644\u0645\u0644\u0643\u064a) --- *\/\r\n.cta-text-panel {\r\n    width: 55%;\r\n    background: linear-gradient(135deg, #0b223a 0%, #071626 100%);\r\n    padding: 60px 6% 60px 8%;\r\n    display: flex;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 5;\r\n    direction: rtl;\r\n}\r\n\r\n.cta-glow-core {\r\n    position: absolute;\r\n    top: -10%; left: -10%;\r\n    width: 300px; height: 300px;\r\n    background: radial-gradient(circle, rgba(0, 215, 86, 0.06) 0%, transparent 70%);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n.cta-content-inner {\r\n    position: relative;\r\n    z-index: 3;\r\n    width: 100%;\r\n}\r\n\r\n.cta-mini-tag {\r\n    color: #00d756;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    display: block;\r\n    margin-bottom: 15px;\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n\/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0645\u0632\u062f\u0648\u062c\u0629 *\/\r\n.cta-main-title {\r\n    color: #ffffff;\r\n    line-height: 1.3;\r\n    margin: 0 0 25px 0;\r\n}\r\n.cta-main-title .title-ar {\r\n    display: block;\r\n    font-size: 36px;\r\n    font-weight: 800;\r\n    font-family: 'Cairo', sans-serif;\r\n}\r\n.cta-main-title .title-en {\r\n    display: block;\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n    font-family: 'Poppins', sans-serif;\r\n    opacity: 0.8;\r\n    margin-top: 5px;\r\n}\r\n\r\n.cta-main-title .gold-highlight {\r\n    display: block;\r\n    margin-top: 10px;\r\n}\r\n.cta-main-title .highlight-ar {\r\n    display: block;\r\n    font-size: 48px;\r\n    font-weight: 900;\r\n    background: linear-gradient(90deg, #ffffff 0%, #00d756 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    font-family: 'Cairo', sans-serif;\r\n}\r\n.cta-main-title .highlight-en {\r\n    display: block;\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: #00d756;\r\n    font-family: 'Poppins', sans-serif;\r\n    margin-top: -5px;\r\n}\r\n\r\n\/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0641\u0642\u0631\u0627\u062a \u0627\u0644\u0645\u0632\u062f\u0648\u062c\u0629 *\/\r\n.cta-description-wrapper {\r\n    margin-bottom: 20px;\r\n}\r\n.cta-description {\r\n    margin: 0;\r\n    max-width: 540px;\r\n}\r\n.cta-description.ar-text {\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    color: #ffffff;\r\n    font-weight: 500;\r\n}\r\n.cta-description.en-text {\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: #cbd5e1;\r\n    font-family: 'Poppins', sans-serif;\r\n    direction: ltr;\r\n    text-align: left;\r\n    margin-top: 5px;\r\n}\r\n.cta-description .gold-text {\r\n    color: #00d756;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* --- \u0627\u0644\u0632\u0631 \u0627\u0644\u0645\u0637\u0648\u0631 (Pulse Effect) --- *\/\r\n.btn-pulse-gold {\r\n    background: linear-gradient(135deg, #00d756 0%, #00b347 100%);\r\n    color: #0b223a;\r\n    text-decoration: none;\r\n    padding: 15px 35px;\r\n    border-radius: 12px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    box-shadow: 0 0 0 0 rgba(0, 215, 86, 0.4);\r\n    transition: all 0.4s ease;\r\n    animation: goldPulse 2s infinite;\r\n}\r\n.btn-pulse-gold .btn-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n}\r\n.btn-pulse-gold .btn-ar {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    font-family: 'Cairo', sans-serif;\r\n}\r\n.btn-pulse-gold .btn-en {\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    font-family: 'Poppins', sans-serif;\r\n    margin-top: -2px;\r\n}\r\n.btn-pulse-gold .btn-icon {\r\n    font-size: 22px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n\/* --- \u0644\u0648\u062d\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 (\u0627\u0644\u0642\u0637\u0639 \u0627\u0644\u0645\u0627\u0626\u0644) --- *\/\r\n.cta-image-panel {\r\n    width: 45%;\r\n    position: relative;\r\n    overflow: hidden;\r\n    z-index: 2;\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);\r\n    margin-right: -6%;\r\n    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.cta-surgery-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.image-angle-overlay {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: linear-gradient(to left, rgba(7, 22, 38, 0.7) 0%, transparent 40%);\r\n    z-index: 3;\r\n    pointer-events: none;\r\n}\r\n\r\n.gold-accent-stripe {\r\n    position: absolute;\r\n    top: 0; left: 15%;\r\n    width: 4px; height: 100%;\r\n    background: linear-gradient(to bottom, #00d756, transparent);\r\n    z-index: 4;\r\n    transform: skewX(5deg);\r\n    transition: all 0.6s ease;\r\n}\r\n\r\n\/* ================= \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0648\u0627\u0644\u062d\u0631\u0643\u0627\u062a \u062c\u0648\u0629 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 (Hover Effects) ================= *\/\r\n.royal-booking-cta:hover .cta-image-panel {\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);\r\n    width: 47%;\r\n}\r\n.royal-booking-cta:hover .cta-surgery-img {\r\n    transform: scale(1.06) rotate(0.5deg);\r\n}\r\n.royal-booking-cta:hover .gold-accent-stripe {\r\n    left: 5%;\r\n    background: linear-gradient(to bottom, #ffffff, #00d756);\r\n}\r\n.btn-pulse-gold:hover {\r\n    background: linear-gradient(135deg, #ffffff 0%, #f0f0f0 100%);\r\n    color: #0b223a;\r\n    box-shadow: 0 10px 25px rgba(255, 255, 255, 0.2);\r\n    animation: none;\r\n}\r\n.btn-pulse-gold:hover .btn-icon {\r\n    transform: scale(1.2) rotate(-10deg);\r\n}\r\n\r\n@keyframes goldPulse {\r\n    0% { box-shadow: 0 0 0 0 rgba(0, 215, 86, 0.5); }\r\n    70% { box-shadow: 0 0 0 15px rgba(0, 215, 86, 0); }\r\n    100% { box-shadow: 0 0 0 0 rgba(0, 215, 86, 0); }\r\n}\r\n\r\n\/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 --- *\/\r\n@media (max-width: 1200px) {\r\n    .cta-main-title .title-ar { font-size: 30px; }\r\n    .cta-main-title .highlight-ar { font-size: 40px; }\r\n    .cta-fluid-container { min-height: 500px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .cta-fluid-container { flex-direction: column-reverse; }\r\n    .cta-text-panel { width: 100%; padding: 50px 5%; text-align: center; }\r\n    .cta-description { margin-left: auto; margin-right: auto; }\r\n    .cta-description.en-text { text-align: center; }\r\n    \r\n    .cta-image-panel { \r\n        width: 100%; height: 250px; \r\n        clip-path: none; margin-right: 0; \r\n    }\r\n    .royal-booking-cta:hover .cta-image-panel { width: 100%; }\r\n    .gold-accent-stripe { display: none; }\r\n    .image-angle-overlay { background: linear-gradient(to top, rgba(7, 22, 38, 0.8) 0%, transparent 50%); }\r\n    \r\n    .btn-pulse-gold .btn-text { align-items: center; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7908777 e-con-full e-flex e-con e-parent\" data-id=\"7908777\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-701c1ec elementor-widget elementor-widget-html\" data-id=\"701c1ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"boss-level-contact-zone\">\r\n    \r\n    <!-- \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u062e\u0631\u064a\u0637\u0629 \u0628\u0625\u0637\u0627\u0631\u0647\u0627 \u0627\u0644\u0645\u0637\u0648\u0631 -->\r\n    <div class=\"map-premium-wrapper\">\r\n        <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2880.97300612211!2d31.339311774634176!3d30.10065221590709!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x145815ef919cc8f7%3A0xe42373706a80a5e0!2z2KrYsdmK2YXZgdiMIDUzIE5ha2hsYSBBbCBNb3RpZWFpLCBFbC1Ob3poYSwgRWwgTm96aGEsIENhaXJvIEdvdmVybm9yYXRlIDQ0NzAxMjg!5e1!3m2!1sen!2seg!4v1785083233461!5m2!1sen!2seg\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\r\n        \r\n        <!-- \u062e\u0637 \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u0646\u064a\u0648\u0646 \u0627\u0644\u0645\u0627\u0626\u0644 \u0628\u064a\u0646 \u0627\u0644\u062e\u0631\u064a\u0637\u0629 \u0648\u0627\u0644\u0634\u0631\u064a\u0637 -->\r\n        <div class=\"neon-gold-divider\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0645\u0644\u0643\u064a \u0627\u0644\u0645\u0637\u0648\u0631 -->\r\n    <div class=\"kinetic-action-bar\">\r\n        <div class=\"bar-blur-bg\"><\/div>\r\n        <div class=\"bar-container\">\r\n            \r\n            <!-- \u0643\u0627\u0631\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0641\u0648\u0631\u064a -->\r\n            <a href=\"tel:01017782577\" class=\"action-card call-card\">\r\n                <div class=\"icon-sphere pulse-blue\">\r\n                    <svg class=\"icon-svg phone-wiggle\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"action-info\">\r\n                    <span class=\"action-label\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \/ Call Today<\/span>\r\n                    <span class=\"action-data\">01017782577<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- \u0643\u0627\u0631\u062a \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0628\u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a -->\r\n            <div class=\"action-card address-card\">\r\n                <div class=\"icon-sphere\">\r\n                    <svg class=\"icon-svg pin-bounce\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"action-info\">\r\n                    <span class=\"action-label\">\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \/ Address<\/span>\r\n                    <span class=\"action-data-sub\">\u0665\u0663 \u0646\u062e\u0644\u0629 \u0627\u0644\u0645\u0637\u064a\u0639\u064a - \u0645\u0635\u0631 \u0627\u0644\u062c\u062f\u064a\u062f\u0629<\/span>\r\n                    <span class=\"action-sub-note\">\u062a\u0631\u064a\u0648\u0645\u0641 - \u0639\u0645\u0627\u0631\u0629 \u0627\u0644\u0628\u0646\u0643 \u0627\u0644\u0623\u0647\u0644\u064a<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0643\u0627\u0631\u062a \u0627\u0644\u0640 QR Code \u0627\u0644\u0645\u0637\u0648\u0631 -->\r\n            <div class=\"action-card qr-card\">\r\n                <div class=\"qr-frame-wrapper\">\r\n                    <!-- \u0643\u0648\u062f \u0627\u0644\u0640 QR \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u0645 \u0648\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \u0648\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b -->\r\n                    <img decoding=\"async\" src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=150x150&data=MECARD%3AN%3ADr.+Ahmed+Kotb%3BTEL%3A01017782577%3BADR%3A53+Nakhla+Al+Moteii%2C+Heliopolis%2C+Cairo%3B%3B&color=0b223a&bgcolor=ffffff\" alt=\"QR Code Contact\" class=\"qr-img\">\r\n                <\/div>\r\n                <div class=\"action-info\">\r\n                    <span class=\"action-label\">\u0627\u0645\u0633\u062d \u0627\u0644\u0643\u0648\u062f \/ Scan QR<\/span>\r\n                    <span class=\"action-data-sub\">\u0644\u062d\u0641\u0638 \u0627\u0644\u0631\u0642\u0645 \u0648\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0641\u0648\u0631\u0627\u064b<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u062d\u062c\u0632 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0648\u0627\u0644\u0632\u0631 \u0627\u0644\u0646\u064a\u0648\u0646 -->\r\n            <div class=\"action-card cta-card-wrapper\">\r\n                <div class=\"cta-text-side\">\r\n                    <span class=\"cta-heading-text\">\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0643 \u0627\u0644\u0622\u0646<\/span>\r\n                    <span class=\"cta-sub-text\">Schedule an Appointment<\/span>\r\n                <\/div>\r\n                <a href=\"https:\/\/drahmedkotbcenter.com\/new\/contact\/\" class=\"btn-boss-gold\">\r\n                    <span class=\"btn-shine-layer\"><\/span>\r\n                    <span class=\"btn-text-content\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646<\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0633\u064a\u0643\u0634\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0644\u0639\u0642\u062f \u0627\u0644\u0639\u0645\u0644 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n.boss-level-contact-zone {\r\n    width: 100%;\r\n    position: relative;\r\n    background-color: #071626;\r\n    font-family: 'Cairo', 'Poppins', sans-serif;\r\n}\r\n\r\n\/* --- \u0647\u0646\u062f\u0633\u0629 \u0625\u0637\u0627\u0631 \u0627\u0644\u062e\u0631\u064a\u0637\u0629 --- *\/\r\n.map-premium-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 380px;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n}\r\n.map-premium-wrapper iframe {\r\n    filter: grayscale(0.1) contrast(1.05);\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n\/* \u062e\u0637 \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u0645\u062a\u0648\u0647\u062c \u0648\u0627\u0644\u0645\u0627\u0626\u0644 *\/\r\n.neon-gold-divider {\r\n    position: absolute;\r\n    bottom: -10px; left: -5%; width: 110%; height: 25px;\r\n    background: linear-gradient(90deg, #0b223a 0%, #00d756 50%, #071626 100%);\r\n    transform: rotate(-1deg);\r\n    z-index: 10;\r\n    box-shadow: 0 -5px 20px rgba(0, 215, 86, 0.4);\r\n}\r\n\r\n\/* --- \u0634\u0631\u064a\u0637 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0643\u062d\u0644\u064a \u0627\u0644\u0645\u0644\u0643\u064a \u0627\u0644\u0645\u0637\u0648\u0631 --- *\/\r\n.kinetic-action-bar {\r\n    background: linear-gradient(135deg, #0b223a 0%, #061524 100%);\r\n    padding: 35px 3%;\r\n    position: relative;\r\n    z-index: 5;\r\n    border-top: 1px solid rgba(0, 215, 86, 0.15);\r\n    box-shadow: 0 -15px 40px rgba(0, 0, 0, 0.3);\r\n    direction: rtl;\r\n}\r\n\r\n.bar-container {\r\n    max-width: 1350px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 20px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n\/* \u0643\u0631\u0648\u062a \u0627\u0644\u0639\u0631\u0636 \u062f\u0627\u062e\u0644 \u0627\u0644\u0634\u0631\u064a\u0637 *\/\r\n.action-card {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    text-decoration: none;\r\n    color: #ffffff;\r\n    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n\/* \u0627\u0644\u062f\u0648\u0627\u0626\u0631 \u0627\u0644\u062d\u0627\u0636\u0646\u0629 \u0644\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n.icon-sphere {\r\n    width: 52px; height: 52px;\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border: 1px solid rgba(0, 215, 86, 0.25);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #00d756;\r\n    flex-shrink: 0;\r\n    position: relative;\r\n    transition: all 0.4s ease;\r\n}\r\n.icon-svg {\r\n    width: 24px; height: 24px;\r\n}\r\n\r\n\/* \u0646\u0635\u0648\u0635 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a *\/\r\n.action-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n    text-align: right;\r\n}\r\n.action-label {\r\n    font-size: 12px;\r\n    color: #00d756;\r\n    font-weight: 600;\r\n    letter-spacing: 0.5px;\r\n}\r\n.action-data {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    letter-spacing: 1px;\r\n    direction: ltr;\r\n    text-align: right;\r\n    transition: color 0.3s ease;\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n.action-data-sub {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n}\r\n.action-sub-note {\r\n    font-size: 12px;\r\n    color: #94a3b8;\r\n}\r\n\r\n\/* --- \u062a\u0635\u0645\u064a\u0645 \u0643\u0627\u0631\u062a \u0627\u0644\u0640 QR Code --- *\/\r\n.qr-card {\r\n    background: rgba(255, 255, 255, 0.02);\r\n    padding: 8px 15px;\r\n    border-radius: 12px;\r\n    border: 1px solid rgba(0, 215, 86, 0.15);\r\n}\r\n.qr-frame-wrapper {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: #ffffff;\r\n    padding: 4px;\r\n    border-radius: 8px;\r\n    border: 1px solid #00d756;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n.qr-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n}\r\n.qr-card:hover .qr-frame-wrapper {\r\n    transform: scale(1.08);\r\n    box-shadow: 0 0 15px rgba(0, 215, 86, 0.5);\r\n}\r\n\r\n\/* \u0628\u0644\u0648\u0643 \u0627\u0644\u0640 CTA \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n.cta-card-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    background: rgba(255, 255, 255, 0.02);\r\n    padding: 10px 15px;\r\n    border-radius: 14px;\r\n    border: 1px solid rgba(255, 255, 255, 0.05);\r\n}\r\n.cta-heading-text {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    display: block;\r\n}\r\n.cta-sub-text {\r\n    font-size: 11px;\r\n    color: #94a3b8;\r\n    display: block;\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n\/* --- \u0632\u0631\u0627\u0631 \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u0646\u064a\u0648\u0646 \u0627\u0644\u0644\u0627\u0645\u0639 --- *\/\r\n.btn-boss-gold {\r\n    background: linear-gradient(135deg, #00d756 0%, #00b347 100%);\r\n    color: #0b223a;\r\n    text-decoration: none;\r\n    font-weight: 800;\r\n    font-size: 14px;\r\n    padding: 12px 24px;\r\n    border-radius: 10px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 5px 20px rgba(0, 215, 86, 0.3);\r\n    transition: all 0.4s ease;\r\n    white-space: nowrap;\r\n}\r\n.btn-shine-layer {\r\n    position: absolute;\r\n    top: 0; left: -100%; width: 50%; height: 100%;\r\n    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.65), transparent);\r\n    transform: skewX(-25deg);\r\n    animation: automaticLaser 3s infinite ease-in-out;\r\n}\r\n.btn-text-content {\r\n    position: relative;\r\n    z-index: 5;\r\n}\r\n\r\n\/* ================= \u062c\u0631\u0627\u0641\u064a\u0643\u0633 \u0627\u0644\u062d\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0640 Hovers \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 ================= *\/\r\n\r\n@keyframes phoneWiggle {\r\n    0%, 100% { transform: rotate(0); }\r\n    10%, 30% { transform: rotate(-10deg); }\r\n    20%, 40% { transform: rotate(10deg); }\r\n    50% { transform: rotate(0); }\r\n}\r\n.phone-wiggle {\r\n    animation: phoneWiggle 2.5s infinite ease-in-out;\r\n}\r\n\r\n.call-card:hover .icon-sphere {\r\n    background: #00d756;\r\n    color: #0b223a;\r\n    box-shadow: 0 0 15px rgba(0, 215, 86, 0.6);\r\n    transform: scale(1.05);\r\n}\r\n.call-card:hover .action-data {\r\n    color: #00d756;\r\n}\r\n\r\n@keyframes pinBounce {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-6px); }\r\n}\r\n.address-card:hover .pin-bounce {\r\n    animation: pinBounce 0.8s infinite ease-in-out;\r\n}\r\n.address-card:hover .icon-sphere {\r\n    border-color: #ffffff;\r\n    box-shadow: 0 0 12px rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.btn-boss-gold:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 25px rgba(0, 215, 86, 0.5), 0 0 15px rgba(0, 215, 86, 0.3);\r\n    background: #ffffff;\r\n    color: #0b223a;\r\n}\r\n\r\n@keyframes automaticLaser {\r\n    0% { left: -100%; }\r\n    30% { left: 150%; }\r\n    100% { left: 150%; }\r\n}\r\n\r\n\/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 Responsive \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 --- *\/\r\n@media (max-width: 1200px) {\r\n    .bar-container { justify-content: center; gap: 25px; }\r\n}\r\n@media (max-width: 768px) {\r\n    .bar-container { flex-direction: column; text-align: center; }\r\n    .action-card { flex-direction: column; text-align: center; }\r\n    .action-info { text-align: center; }\r\n    .action-data { text-align: center; }\r\n    .cta-card-wrapper { flex-direction: column; padding: 20px; width: 100%; max-width: 400px; }\r\n    .map-premium-wrapper { height: 300px; }\r\n    .kinetic-action-bar { padding: 40px 5%; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2becd79 e-con-full e-flex e-con e-parent\" data-id=\"2becd79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-309511a elementor-widget elementor-widget-html\" data-id=\"309511a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"royal-premium-footer\">\r\n    <!-- \u062a\u0648\u0647\u062c \u0623\u062e\u0636\u0631 \u0646\u064a\u0648\u0646 \u0633\u064a\u0646\u0645\u0627\u0626\u064a \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u062e\u0644\u0641 \u0627\u0644\u0644\u0648\u062c\u0648 -->\r\n    <div class=\"footer-aurora-glow\"><\/div>\r\n\r\n    <div class=\"footer-main-container\">\r\n        <div class=\"footer-columns-grid\">\r\n            \r\n            <!-- \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0623\u0648\u0644: \u0627\u0644\u0644\u0648\u062c\u0648 \u0648\u0627\u0644\u0647\u0648\u064a\u0629 \u0648\u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 -->\r\n            <div class=\"footer-col col-brand-info\">\r\n                <div class=\"footer-logo-canvas\">\r\n                    <img decoding=\"async\" src=\"https:\/\/drahmedkotbcenter.com\/new\/wp-content\/uploads\/2026\/07\/HEAD.png\" alt=\"Dr. Ahmed Kotb Center Logo\" class=\"footer-main-logo\">\r\n                <\/div>\r\n                <p class=\"footer-brand-bio\">\r\n                    \u0645\u0631\u0643\u0632 \u0646\u062e\u0628\u064a \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u062c\u0631\u0627\u062d\u0629 <strong class=\"gold-accent-text\">\u0627\u0644\u0639\u0638\u0627\u0645<\/strong> \u0648\u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629. \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0644\u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u062d\u0631\u0643\u062a\u0643 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\u0629.\r\n                <\/p>\r\n                <!-- \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627 -->\r\n                <div class=\"footer-social-kinetic-orbs\">\r\n                    <a href=\"https:\/\/wa.me\/201017782577\" target=\"_blank\" class=\"social-orb wa\" title=\"WhatsApp\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n                    <\/a>\r\n                    <a href=\"#\" class=\"social-orb fb\" title=\"Facebook\"><span>FB<\/span><\/a>\r\n                    <a href=\"#\" class=\"social-orb tw\" title=\"X \/ Twitter\"><span>X<\/span><\/a>\r\n                    <a href=\"#\" class=\"social-orb ln\" title=\"LinkedIn\"><span>LN<\/span><\/a>\r\n                    <a href=\"#\" class=\"social-orb yt\" title=\"YouTube\"><span>YT<\/span><\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u062b\u0627\u0646\u064a: \u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629 \u0644\u0644\u0645\u0648\u0642\u0639 -->\r\n            <div class=\"footer-col\">\r\n                <h3 class=\"footer-col-title\">\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629 \/ Links<\/h3>\r\n                <ul class=\"footer-kinetic-links\">\r\n                    <li><a href=\"#\">\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \/ Home<\/a><\/li>\r\n                    <li><a href=\"#\">\u0639\u0646 \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0623\u062d\u0645\u062f \/ About Dr. Ahmed<\/a><\/li>\r\n                    <li><a href=\"#\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0637\u0628\u064a\u0629 \/ Services<\/a><\/li>\r\n                    <li><a href=\"#\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \/ Contact Us<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u062b\u0627\u0644\u062b: \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a -->\r\n            <div class=\"footer-col\">\r\n                <h3 class=\"footer-col-title\">\u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \/ Specialities<\/h3>\r\n                <ul class=\"footer-kinetic-links\">\r\n                    <li><a href=\"#\">\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a<\/a><\/li>\r\n                    <li><a href=\"#\">\u0645\u0646\u0627\u0638\u064a\u0631 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<\/a><\/li>\r\n                    <li><a href=\"#\">\u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/a><\/li>\r\n                    <li><a href=\"#\">\u0639\u0638\u0627\u0645 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0644<\/a><\/li>\r\n                    <li><a href=\"#\">\u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0641\u0642\u0631\u064a<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0631\u0627\u0628\u0639: \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0641\u0648\u0631\u064a \u0648\u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0648\u0627\u0644\u0643\u064a\u0648 \u0627\u0631 \u0643\u0648\u062f -->\r\n            <div class=\"footer-col col-contact-details\">\r\n                <h3 class=\"footer-col-title\">\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \/ Get In Touch<\/h3>\r\n                <div class=\"footer-contact-box\">\r\n                    \r\n                    <div class=\"contact-detail-item\">\r\n                        <div class=\"detail-text\">\r\n                            <h4>\u0639\u064a\u0627\u062f\u0629 \u0645\u0635\u0631 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \/ Heliopolis<\/h4>\r\n                            <p>\u0665\u0663 \u0646\u062e\u0644\u0629 \u0627\u0644\u0645\u0637\u064a\u0639\u064a - \u062a\u0631\u064a\u0648\u0645\u0641 - \u0639\u0645\u0627\u0631\u0629 \u0627\u0644\u0628\u0646\u0643 \u0627\u0644\u0623\u0647\u0644\u064a<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-detail-item\">\r\n                        <div class=\"detail-text\">\r\n                            <h4>\u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0648\u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \/ Contact<\/h4>\r\n                            <p class=\"phone-wa-wrapper\">\r\n                                <a href=\"tel:01017782577\" class=\"phone-link-footer\">01017782577<\/a> \r\n                                <!-- \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0641\u0642\u0637 \u0628\u062f\u0648\u0646 \u0646\u0635\u0648\u0635 -->\r\n                                <a href=\"https:\/\/wa.me\/201017782577\" target=\"_blank\" class=\"wa-icon-only\" title=\"\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628\">\r\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n                                <\/a>\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-detail-item\">\r\n                        <div class=\"detail-text\">\r\n                            <h4>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \/ Email<\/h4>\r\n                            <p>info@drahmedkotbcenter.com<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u0643\u0627\u0631\u062a \u0627\u0644\u0640 QR Code \u0627\u0644\u0645\u062f\u0645\u062c \u062f\u0627\u062e\u0644 \u0627\u0644\u0641\u0648\u062a\u0631 -->\r\n                    <div class=\"contact-detail-item footer-qr-item\">\r\n                        <div class=\"footer-qr-frame\">\r\n                            <img decoding=\"async\" src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=150x150&data=MECARD%3AN%3ADr.+Ahmed+Kotb%3BTEL%3A01017782577%3BADR%3A53+Nakhla+Al+Moteii%2C+Heliopolis%2C+Cairo%3B%3B&color=0b223a&bgcolor=ffffff\" alt=\"QR Code Contact\" class=\"footer-qr-img\">\r\n                        <\/div>\r\n                        <div class=\"detail-text\">\r\n                            <h4 class=\"gold-accent-text\">\u0627\u0645\u0633\u062d \u0627\u0644\u0643\u0648\u062f \/ Scan QR<\/h4>\r\n                            <p>\u0644\u062d\u0641\u0638 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u064a\u0627\u062f\u0629 \u0641\u0648\u0631\u0627\u064b \u0639\u0644\u0649 \u0647\u0627\u062a\u0641\u0643<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u0633\u0641\u0644\u064a: \u0627\u0644\u062d\u0642\u0648\u0642 \u0648\u062a\u0648\u0642\u064a\u0639 \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0637\u0648\u0631 -->\r\n        <div class=\"footer-bottom-bar\">\r\n            <div class=\"bottom-bar-line\"><\/div>\r\n            <div class=\"bottom-bar-content\">\r\n                <p class=\"copyright-text\">\r\n                    &copy; 2026 <span class=\"gold-accent-text\">Dr. Ahmed Kotb Center<\/span>. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.\r\n                <\/p>\r\n                <p class=\"developer-credit\">\r\n                    Designed & Developed with passion by <a href=\"#\" class=\"ittsoft-signature\">ITTSOFT<\/a>\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n\/* \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0643\u0644\u064a\u0629 \u0644\u0644\u0641\u0648\u062a\u0631 \u0627\u0644\u0645\u0644\u0643\u064a *\/\r\n.royal-premium-footer {\r\n    background-color: #071626; \r\n    padding: 80px 0 30px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n    color: #ffffff;\r\n    font-family: 'Cairo', 'Poppins', sans-serif;\r\n    border-top: 2px solid rgba(0, 215, 86, 0.2);\r\n    direction: rtl;\r\n}\r\n\r\n\/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0647\u0627\u0644\u0647 \u0627\u0644\u0636\u0648\u0626\u064a\u0629 \u0627\u0644\u062e\u0636\u0631\u0627\u0621 \u0628\u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n.footer-aurora-glow {\r\n    position: absolute;\r\n    top: -150px;\r\n    right: -100px;\r\n    width: 450px;\r\n    height: 450px;\r\n    background: radial-gradient(circle, rgba(0, 215, 86, 0.05) 0%, transparent 70%);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    animation: auroraFloat 8s infinite ease-in-out;\r\n}\r\n\r\n.footer-main-container {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    padding: 0 4%;\r\n    position: relative;\r\n    z-index: 5;\r\n}\r\n\r\n\/* \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0623\u0639\u0645\u062f\u0629 *\/\r\n.footer-columns-grid {\r\n    display: grid;\r\n    grid-template-columns: 30% 20% 22% 28%;\r\n    gap: 30px;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n\/* \u0639\u0645\u0648\u062f \u0627\u0644\u0628\u0631\u0627\u0646\u062f \u0648\u0627\u0644\u0644\u0648\u062c\u0648 *\/\r\n.col-brand-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n}\r\n.footer-logo-canvas {\r\n    max-width: 220px;\r\n    transition: transform 0.4s ease;\r\n}\r\n.footer-main-logo {\r\n    width: 100%;\r\n    height: auto;\r\n    object-fit: contain;\r\n}\r\n.footer-brand-bio {\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n    color: #94a3b8;\r\n}\r\n.gold-accent-text {\r\n    color: #00d756;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0627\u0644\u0645\u0636\u064a\u0626\u0629 *\/\r\n.footer-social-kinetic-orbs {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin-top: 5px;\r\n}\r\n.social-orb {\r\n    width: 38px; height: 38px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border: 1px solid rgba(0, 215, 86, 0.2);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-decoration: none;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #cbd5e1;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n\/* \u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0623\u0639\u0645\u062f\u0629 *\/\r\n.footer-col-title {\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 25px 0;\r\n    position: relative;\r\n    padding-bottom: 10px;\r\n}\r\n.footer-col-title::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0; right: 0; width: 35px; height: 2px;\r\n    background: #00d756;\r\n}\r\n\r\n\/* \u0627\u0644\u0642\u0648\u0627\u0626\u0645 \u0630\u0627\u062a \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0627\u0646\u0633\u064a\u0627\u0628\u064a\u0629 *\/\r\n.footer-kinetic-links {\r\n    list-style: none;\r\n    padding: 0; margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n}\r\n.footer-kinetic-links li a {\r\n    color: #94a3b8;\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    display: inline-block;\r\n    position: relative;\r\n    padding-bottom: 2px;\r\n    transition: color 0.3s ease, transform 0.3s ease;\r\n}\r\n.footer-kinetic-links li a::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0; right: 0; width: 0; height: 1.5px;\r\n    background: #00d756;\r\n    transition: width 0.3s ease;\r\n}\r\n\r\n\/* \u0639\u0645\u0648\u062f \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 *\/\r\n.footer-contact-box {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n}\r\n.contact-detail-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n}\r\n.detail-text h4 {\r\n    margin: 0 0 3px 0; font-size: 13.5px; font-weight: 700; color: #cbd5e1;\r\n}\r\n.detail-text p {\r\n    margin: 0; font-size: 13px; color: #94a3b8; line-height: 1.5;\r\n}\r\n.phone-link-footer {\r\n    color: #ffffff; text-decoration: none; font-weight: 700; font-family: 'Poppins', sans-serif; transition: color 0.3s;\r\n}\r\n\r\n\/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \u0645\u0639 \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 *\/\r\n.phone-wa-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n\/* \u062a\u0635\u0645\u064a\u0645 \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0627\u0644\u062f\u0627\u0626\u0631\u064a\u0629 \u0641\u0642\u0637 \u0628\u062c\u0627\u0646\u0628 \u0627\u0644\u0631\u0642\u0645 *\/\r\n.wa-icon-only {\r\n    width: 28px;\r\n    height: 28px;\r\n    background: rgba(37, 211, 102, 0.12);\r\n    color: #25D366;\r\n    border: 1px solid rgba(37, 211, 102, 0.35);\r\n    border-radius: 50%;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n}\r\n.wa-icon-only:hover {\r\n    background: #25D366;\r\n    color: #071626;\r\n    transform: scale(1.12);\r\n    box-shadow: 0 0 12px rgba(37, 211, 102, 0.6);\r\n}\r\n\r\n\/* --- \u062a\u0635\u0645\u064a\u0645 \u0643\u0627\u0631\u062a \u0627\u0644\u0640 QR Code \u062f\u0627\u062e\u0644 \u0627\u0644\u0641\u0648\u062a\u0631 --- *\/\r\n.footer-qr-item {\r\n    background: rgba(255, 255, 255, 0.03);\r\n    padding: 10px 12px;\r\n    border-radius: 12px;\r\n    border: 1px solid rgba(0, 215, 86, 0.2);\r\n    margin-top: 5px;\r\n    align-items: center !important;\r\n}\r\n.footer-qr-frame {\r\n    width: 55px;\r\n    height: 55px;\r\n    background: #ffffff;\r\n    padding: 3px;\r\n    border-radius: 8px;\r\n    border: 1px solid #00d756;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.3);\r\n    transition: transform 0.3s ease;\r\n}\r\n.footer-qr-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n}\r\n\r\n\/* --- \u0634\u0631\u064a\u0637 \u0627\u0644\u062d\u0642\u0648\u0642 \u0627\u0644\u0633\u0641\u0644\u064a \u0648\u0627\u0644\u062a\u0648\u0642\u064a\u0639 --- *\/\r\n.footer-bottom-bar {\r\n    margin-top: 20px;\r\n}\r\n.bottom-bar-line {\r\n    width: 100%; height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(0, 215, 86, 0.2) 20%, rgba(0, 215, 86, 0.2) 80%, transparent);\r\n    margin-bottom: 20px;\r\n}\r\n.bottom-bar-content {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    font-size: 13px;\r\n    color: #64748b;\r\n}\r\n.copyright-text, .developer-credit { margin: 0; }\r\n.ittsoft-signature {\r\n    color: #00d756;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n\/* ================= \u062c\u0631\u0627\u0641\u064a\u0643\u0633 \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u0640 Hover ================= *\/\r\n.footer-logo-canvas:hover {\r\n    transform: scale(1.03);\r\n}\r\n\r\n\/* \u0647\u0648\u0641\u0631 \u062e\u0627\u0635 \u0628\u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0641\u064a \u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 *\/\r\n.social-orb.wa:hover {\r\n    background: #25D366;\r\n    color: #071626;\r\n    border-color: #25D366;\r\n    box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4);\r\n}\r\n\r\n.social-orb:hover {\r\n    background: #00d756;\r\n    color: #071626;\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 5px 15px rgba(0, 215, 86, 0.4);\r\n    border-color: #00d756;\r\n}\r\n.footer-kinetic-links li a:hover {\r\n    color: #00d756;\r\n    transform: translateX(-5px);\r\n}\r\n.footer-kinetic-links li a:hover::after {\r\n    width: 100%;\r\n}\r\n.phone-link-footer:hover {\r\n    color: #00d756;\r\n}\r\n.footer-qr-item:hover .footer-qr-frame {\r\n    transform: scale(1.08);\r\n    box-shadow: 0 0 12px rgba(0, 215, 86, 0.5);\r\n}\r\n.ittsoft-signature:hover {\r\n    color: #ffffff;\r\n    text-shadow: 0 0 8px rgba(0, 215, 86, 0.6);\r\n}\r\n\r\n@keyframes auroraFloat {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    50% { transform: translate(-30px, 20px) scale(1.1); }\r\n}\r\n\r\n\/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 Responsive --- *\/\r\n@media (max-width: 1024px) {\r\n    .footer-columns-grid { grid-template-columns: repeat(2, 1fr); gap: 40px; }\r\n}\r\n@media (max-width: 600px) {\r\n    .footer-columns-grid { grid-template-columns: 1fr; gap: 35px; }\r\n    .bottom-bar-content { flex-direction: column; gap: 12px; text-align: center; }\r\n    .royal-premium-footer { padding: 60px 0 30px 0; }\r\n}\r\n<\/style>\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>Best Services You Can Trust DR. AHMED KOTB ORTHOPAEDIC CLINIC \u062f\u0643\u062a\u0648\u0631 \u0623\u062d\u0645\u062f \u0642\u0637\u0628 \u0623\u0633\u062a\u0627\u0630 \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 &#8211; \u0639\u0644\u0627\u062c \u0627\u0644\u0623\u0644\u0645 At Ahmed Kotb Orthopaedic Clinic, we take great pride in our cutting-edge facilities. Our offerings encompass comprehensive management of various orthopedic conditions, employing both medical and surgical approaches, alongside expert management of diverse pain causes, whether [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-565","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/drahmedkotbcenter.com\/new\/wp-json\/wp\/v2\/pages\/565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drahmedkotbcenter.com\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drahmedkotbcenter.com\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drahmedkotbcenter.com\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drahmedkotbcenter.com\/new\/wp-json\/wp\/v2\/comments?post=565"}],"version-history":[{"count":165,"href":"https:\/\/drahmedkotbcenter.com\/new\/wp-json\/wp\/v2\/pages\/565\/revisions"}],"predecessor-version":[{"id":1809,"href":"https:\/\/drahmedkotbcenter.com\/new\/wp-json\/wp\/v2\/pages\/565\/revisions\/1809"}],"wp:attachment":[{"href":"https:\/\/drahmedkotbcenter.com\/new\/wp-json\/wp\/v2\/media?parent=565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}