{"id":19,"date":"2013-11-16T00:00:00","date_gmt":"2013-11-16T00:00:00","guid":{"rendered":"http:\/\/imeo-eg.net\/index.php\/getting-started\/"},"modified":"2025-05-14T11:51:02","modified_gmt":"2025-05-14T11:51:02","slug":"imeo-home","status":"publish","type":"page","link":"https:\/\/imeo-eg.net\/","title":{"rendered":"Home"},"content":{"rendered":"<div>\n<p>    <!DOCTYPE html><br \/>\n<html lang=\"en\" dir=\"ltr\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>ELFARIDA TOURS &#8211; Premium Travel Experiences<\/title><\/p>\n<p>      <!-- Font Awesome -->\n      <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<p>      <!-- Bootstrap 5.0.2 CSS -->\n      <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.0.2\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n<p>      <!-- Google Fonts -->\n      <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n      <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n      <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@500;600&#038;family=Roboto&#038;display=swap\" rel=\"stylesheet\">\n<p>      <!-- Swiper CSS -->\n      <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n      <!-- PhotoSwipe CSS -->\n      <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/photoswipe\/5.4.0\/photoswipe.min.css\">\n<p>         <!-- Animate.css -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\"\/>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/glightbox\/dist\/css\/glightbox.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\">\n<p>  <\/head><\/p>\n<p><\/head><br \/>\n<body><\/p>\n<style>\n        \/* Base Styles *\/\n:root {\n    --primary-color: #0d6efd;\n    --secondary-color: #6c757d;\n    --dark-color: #212529;\n    --light-color: #f8f9fa;\n    --success-color: #198754;\n    --warning-color: #ffc107;\n    --danger-color: #dc3545;\n    --white-color: #ffffff;\n    --black-color: #000000;<\/p>\n<p>     --animate-duration: 1s;\n  --animate-delay: 0.3s;\n}<\/p>\n<p>\/* Hero Header*\/\n.carousel-header .carousel-control-prev,\n.carousel-header .carousel-control-next {\n    background: transparent;\n}<\/p>\n<p>.carousel-header .carousel-control-prev .carousel-control-prev-icon,\n.carousel-header .carousel-control-next .carousel-control-next-icon {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    padding: 25px 30px;\n    background-size: 60% 60%;\n}<\/p>\n<p>.carousel-header .carousel-control-prev .carousel-control-prev-icon {\n    left: 0;\n    border-top-right-radius: 50px;\n    border-bottom-right-radius: 50px;\n}<\/p>\n<p>.carousel-header .carousel-control-next .carousel-control-next-icon {\n    right: 0;\n    border-top-left-radius: 50px;\n    border-bottom-left-radius: 50px;\n}<\/p>\n<p>.video-container {\n    position: relative;\n    width: 100%;\n    height: 100vh;\n    overflow: hidden;\n}<\/p>\n<p>.video-background {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    min-width: 100%;\n    min-height: 100%;\n    width: auto;\n    height: auto;\n    transform: translate(-50%, -50%);\n    z-index: 0;\n    object-fit: cover;\n}<\/p>\n<p>.carousel-header .carousel-inner .carousel-item {\n    position: relative;\n    min-height: 100vh;\n}\n.carousel-header .carousel-inner .carousel-item img {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}<\/p>\n<p>.carousel-header .carousel-inner .carousel-item .carousel-caption {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    padding-top: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0.5));\n    background-size: cover;\n}<\/p>\n<p>.carousel-caption {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 1s ease 0.3s;\n}<\/p>\n<p>.carousel-item.active .carousel-caption {\n    opacity: 1;\n    transform: translateY(0);\n}<\/p>\n<p>@media (max-width: 768px) {\n    .carousel-header .carousel-inner .carousel-item img,\n    .carousel-header .carousel-inner .carousel-item .carousel-caption {\n        height: 700px;\n        margin-top: -100px;\n    }<\/p>\n<p>    .carousel-header {\n        height: 700px !important;\n    }<\/p>\n<p>    .carousel-header .carousel-control-prev .carousel-control-prev-icon,\n    .carousel-header .carousel-control-next .carousel-control-next-icon {\n        opacity: 0;\n    }\n}<\/p>\n<p>\/*** Page Header *\/\n.bg-breadcrumb {\n    background: linear-gradient(rgba(19, 123, 36, 0.308), rgba(19, 123, 33, 0.233)), url(\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgvueqZTjQYpMXf0j10klWEr5t1-uxJ8H5rN3t8ailtloRtzay-FVWSFjqgrsqZcz6sxFBJKUmcfeVKdX8nK0f8tRdrKtxUXBuEVLvgAf039ePxnVDrKEZfbDFaLRvcLxqJR1mKm2NqCd0eGGEp6El5lgKfpLXOp5UMWv_Z2qUNFkowjiXLdyoGTTI_Qmmi\/s320\/WhatsApp%20Image%202025-04-08%20at%2011.49.15%20PM%20(1).jpeg\");\n    background-position: center center;\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-attachment: fixed;\n    padding: 150px 0 50px 0;\n}<\/p>\n<p>\/* About Section - Enhanced *\/\n.about-section {\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n    object-fit: cover;\n    background: url('https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');\n}<\/p>\n<p>.about-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: url('img\/about.jpeg') repeat;\n    opacity: 0.03;\n    z-index: 0;\n}<\/p>\n<p>.section-about-title {\n    color: var(--primary-color);\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 1.1rem;\n    margin-bottom: 1.5rem;\n    position: relative;\n    display: inline-block;\n}<\/p>\n<p>.section-about-title::after {\n    content: '';\n    position: absolute;\n    bottom: -8px;\n    left: 0;\n    width: 50px;\n    height: 3px;\n    background: var(--primary-color);\n    border-radius: 3px;\n}<\/p>\n<p>.about-content {\n    position: relative;\n    z-index: 1;\n    Font size:30px;\n    padding: 40px;\n    background: rgba(255, 255, 255, 0.95);\n    border-radius: 15px;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n    transition: all 0.5s ease;\n}<\/p>\n<p>.about-content:hover {\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);\n    transform: translateY(-5px);\n}<\/p>\n<p>.about-image-container {\n    position: relative;\n    border-radius: 15px;\n    overflow: hidden;\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n    height: 100%;\n}<\/p>\n<p>.about-image-container img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.8s ease;\n}<\/p>\n<p>.about-image-container:hover img {\n    transform: scale(1.05);\n}<\/p>\n<p>.about-image-border {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    right: 20px;\n    bottom: 20px;\n    border: 2px dashed rgba(31, 123, 19, 0.3);\n    border-radius: 10px;\n    pointer-events: none;\n    z-index: 2;\n    transition: all 0.5s ease;\n}<\/p>\n<p>.about-image-container:hover .about-image-border {\n    top: 15px;\n    left: 15px;\n    right: 15px;\n    bottom: 15px;\n    border-color: rgba(31, 123, 19, 0.6);\n}<\/p>\n<p>.experience-badge {\n    position: absolute;\n    bottom: -20px;\n    right: 30px;\n    background: linear-gradient(135deg, var(--primary-color), #1a6b0a);\n    color: white;\n    padding: 15px 25px;\n    border-radius: 10px;\n    z-index: 3;\n    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);\n    font-weight: 700;\n    text-align: center;\n    line-height: 1.3;\n}<\/p>\n<p>.experience-badge .years {\n    font-size: 2.2rem;\n    display: block;\n}<\/p>\n<p>.experience-badge .text {\n    font-size: 0.9rem;\n    display: block;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}<\/p>\n<p>.feature-list {\n    margin: 30px 0;\n}<\/p>\n<p>.feature-item {\n    padding: 12px 20px;\n    margin-bottom: 15px;\n    background-color: rgba(31, 123, 19, 0.05);\n    border-radius: 8px;\n    transition: all 0.3s ease;\n    border-left: 4px solid transparent;\n    display: flex;\n    align-items: center;\n}<\/p>\n<p>.feature-item:hover {\n    background-color: rgba(31, 123, 19, 0.1);\n    transform: translateX(10px);\n    border-left: 4px solid var(--primary-color);\n}<\/p>\n<p>.feature-item i {\n    color: var(--primary-color);\n    font-size: 1.2rem;\n    margin-right: 15px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.feature-item:hover i {\n    transform: scale(1.2);\n}<\/p>\n<p>.about-btn {\n    padding: 12px 30px;\n    border-radius: 50px;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    position: relative;\n    overflow: hidden;\n    border: 2px solid var(--primary-color);\n    transition: all 0.5s ease;\n    z-index: 1;\n}<\/p>\n<p>.about-btn::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, var(--primary-color), #1a6b0a);\n    z-index: -1;\n    transition: transform 0.5s ease;\n    transform: scaleX(0);\n    transform-origin: right;\n}<\/p>\n<p>.about-btn:hover {\n    color: white;\n    box-shadow: 0 10px 20px rgba(31, 123, 19, 0.3);\n}<\/p>\n<p>.about-btn:hover::before {\n    transform: scaleX(1);\n    transform-origin: left;\n}<\/p>\n<p>\/* Responsive Adjustments *\/\n@media (max-width: 991.98px) {\n    .about-section {\n        padding: 80px 0;\n    }<\/p>\n<p>    .about-content {\n        padding: 30px;\n    }<\/p>\n<p>    .experience-badge {\n        right: 20px;\n        padding: 12px 20px;\n    }<\/p>\n<p>    .experience-badge .years {\n        font-size: 1.8rem;\n    }\n}<\/p>\n<p>@media (max-width: 767.98px) {\n    .about-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .about-content {\n        padding: 25px;\n        margin-top: 30px;\n    }<\/p>\n<p>    .feature-item {\n        padding: 10px 15px;\n    }<\/p>\n<p>    .about-btn {\n        padding: 10px 25px;\n        font-size: 0.9rem;\n    }\n}<\/p>\n<p>\/* Guides Section Styles *\/\n.guides-section {\n    background: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);\n    position: relative;\n    overflow: hidden;\n    padding: 80px 0;\n}<\/p>\n<p>.guides-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: url('img\/pattern-light.png') repeat;\n    opacity: 0.03;\n    z-index: 0;\n}<\/p>\n<p>.guide-card {\n    border: none;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n    height: 100%;\n    position: relative;\n    background: white;\n    margin-bottom: 30px;\n}<\/p>\n<p>.guide-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.guide-image-container {\n    position: relative;\n    width: 100%;\n    height: 380px;\n    overflow: hidden;\n}<\/p>\n<p>.guide-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center top;\n    transition: transform 0.8s ease;\n    will-change: transform;\n    backface-visibility: hidden;\n}<\/p>\n<p>.guide-card:hover .guide-image {\n    transform: scale(1.05);\n}<\/p>\n<p>.guide-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.4));\n    z-index: 1;\n}<\/p>\n<p>.guide-country-badge {\n    position: absolute;\n    top: 15px;\n    left: 15px;\n    background: rgba(255, 255, 255, 0.9);\n    color: var(--primary-color);\n    padding: 5px 15px;\n    border-radius: 30px;\n    font-weight: 700;\n    font-size: 0.8rem;\n    z-index: 2;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.card-body {\n    padding: 25px;\n    text-align: center;\n}<\/p>\n<p>.guide-title {\n    font-weight: 700;\n    margin-bottom: 10px;\n    color: #333;\n    font-size: 1.2rem;\n}<\/p>\n<p>.guide-specialty {\n    color: var(--primary-color);\n    font-weight: 600;\n    margin-bottom: 15px;\n    display: block;\n    font-size: 1rem;\n}<\/p>\n<p>.guide-features {\n    list-style: none;\n    padding: 0;\n    margin: 20px 0;\n}<\/p>\n<p>.guide-features li {\n    margin-bottom: 8px;\n    font-size: 0.9rem;\n    color: #666;\n}<\/p>\n<p>.social-links {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 20px;\n}<\/p>\n<p>.social-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 38px;\n    height: 38px;\n    background-color: rgba(13, 110, 253, 0.1);\n    color: var(--primary-color);\n    border-radius: 50%;\n    transition: all 0.3s ease;\n    font-size: 1rem;\n    text-decoration: none;\n}<\/p>\n<p>.social-icon:hover {\n    background-color: var(--primary-color);\n    color: white;\n    transform: translateY(-3px);\n    box-shadow: 0 5px 15px rgba(13, 110, 253, 0.3);\n}<\/p>\n<p>\/* Responsive Adjustments *\/\n@media (max-width: 991.98px) {\n    .guides-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .guide-card {\n        margin-bottom: 25px;\n    }\n}<\/p>\n<p>@media (max-width: 767.98px) {\n    .guide-image-container {\n        height: 380px; \/* ??? ???????? ????? ??????? *\/\n    }<\/p>\n<p>    .card-body {\n        padding: 20px;\n    }<\/p>\n<p>    .social-icon {\n        width: 36px;\n        height: 36px;\n        font-size: 0.9rem;\n    }\n}<\/p>\n<p>@media (max-width: 575.98px) {\n    .guides-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .guide-title {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .guide-specialty {\n        font-size: 0.9rem;\n    }<\/p>\n<p>    .social-links {\n        gap: 8px;\n    }<\/p>\n<p>    .social-icon {\n        width: 34px;\n        height: 34px;\n    }\n}\n\/* Guide End *\/\n\/* Gallery Section *\/\n.gallery-section {\n    background: linear-gradient(to bottom, #f8f9fa 0%, #ffffff 100%);\n}<\/p>\n<p>.gallery-card {\n    position: relative;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n    height: 100%;\n}<\/p>\n<p>.gallery-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}<\/p>\n<p>.gallery-img {\n    width: 100%;\n    height: 250px;\n    object-fit: cover;\n    transition: transform 0.8s ease;\n}<\/p>\n<p>.gallery-card:hover .gallery-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.gallery-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.2));\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}<\/p>\n<p>.gallery-card:hover .gallery-overlay {\n    opacity: 1;\n}<\/p>\n<p>.gallery-caption {\n    position: absolute;\n    bottom: -50px;\n    left: 0;\n    width: 100%;\n    padding: 20px;\n    color: white;\n    transition: bottom 0.3s ease;\n    z-index: 2;\n}<\/p>\n<p>.gallery-card:hover .gallery-caption {\n    bottom: 0;\n}<\/p>\n<p>.gallery-caption span {\n    font-size: 1.2rem;\n    font-weight: 600;\n    display: block;\n    margin-bottom: 5px;\n}<\/p>\n<p>.gallery-location {\n    font-size: 0.9rem;\n    opacity: 0.9;\n    padding: 3px 10px;\n    background: rgba(255,255,255,0.2);\n    border-radius: 20px;\n    display: inline-block;\n}<\/p>\n<p>\/* Loading Spinner *\/\n.loading-spinner {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.5);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 9999;\n}<\/p>\n<p>\/* Responsive Adjustments *\/\n@media (max-width: 991.98px) {\n    .gallery-img {\n        height: 200px;\n    }\n}<\/p>\n<p>@media (max-width: 767.98px) {\n    .gallery-img {\n        height: 180px;\n    }<\/p>\n<p>    .gallery-caption span {\n        font-size: 1rem;\n    }\n}<\/p>\n<p>@media (max-width: 575.98px) {\n    .gallery-img {\n        height: 150px;\n    }<\/p>\n<p>    .gallery-caption {\n        padding: 15px;\n    }\n}<\/p>\n<p>\/* Testimonials Section *\/\n.testimonials-section {\n    background: linear-gradient(to bottom, #f8f9fa 0%, #ffffff 100%);\n}<\/p>\n<p>.testimonial-card {\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n    border-radius: 12px !important;\n}<\/p>\n<p>.testimonial-card:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;\n}<\/p>\n<p>.testimonial-img-container {\n    position: relative;\n    width: 120px;\n    height: 120px;\n    margin: 0 auto;\n}<\/p>\n<p>.testimonial-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border: 3px solid white;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.testimonial-country-badge {\n    position: absolute;\n    bottom: -10px;\n    right: -10px;\n    background: var(--primary-color);\n    color: white;\n    padding: 5px 15px;\n    border-radius: 30px;\n    font-weight: 700;\n    font-size: 0.8rem;\n    z-index: 2;\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);\n}<\/p>\n<p>.testimonial-rating {\n    font-size: 1.2rem;\n    color: #ffc107;\n}<\/p>\n<p>.testimonial-text {\n    font-style: italic;\n    color: #555;\n    line-height: 1.7;\n    min-height: 100px;\n}<\/p>\n<p>.testimonial-name {\n    color: var(--primary-color);\n    font-weight: 600;\n}<\/p>\n<p>\/* Responsive Adjustments *\/\n@media (max-width: 991.98px) {\n    .testimonial-img-container {\n        width: 100px;\n        height: 100px;\n    }<\/p>\n<p>    .testimonial-text {\n        min-height: 120px;\n        font-size: 0.95rem;\n    }\n}<\/p>\n<p>@media (max-width: 767.98px) {\n    .testimonial-card {\n        margin-bottom: 25px;\n    }<\/p>\n<p>    .testimonial-text {\n        min-height: auto;\n    }\n}<\/p>\n<p>    \/* Animation Styles *\/\n    .wow {\n        visibility: hidden;\n    }<\/p>\n<p>    \/* Custom Animation Delays *\/\n    .animate-delay-1 { animation-delay: 0.3s !important; }\n    .animate-delay-2 { animation-delay: 0.6s !important; }\n    .animate-delay-3 { animation-delay: 0.9s !important; }\n    .animate-delay-4 { animation-delay: 1.2s !important; }<\/p>\n<p>    \/* Custom Animations *\/\n    @keyframes fadeInUpSm {\n        from {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }<\/p>\n<p>    .animate__fadeInUpSm {\n        animation-name: fadeInUpSm;\n    }<\/p>\n<p>    \/* Section Animation *\/\n    .section-animate {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: all 0.8s ease-out;\n    }<\/p>\n<p>    .section-animate.animate {\n        opacity: 1;\n        transform: translateY(0);\n    }<\/p>\n<p>    .video-container {\n    position: relative;\n    width: 100%;\n    height: 100vh;\n    overflow: hidden;\n}<\/p>\n<p>.video-background {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    min-width: 100%;\n    min-height: 100%;\n    width: auto;\n    height: auto;\n    transform: translate(-50%, -50%);\n    z-index: 0;\n    object-fit: cover;\n}<\/p>\n<p>\/* ??????? ??????? *\/\n@media (max-width: 768px) {\n    .video-container {\n        height: 700px;\n    }<\/p>\n<p>    .carousel-header .carousel-inner .carousel-item .video-container {\n        height: 700px;\n    }\n}\n.locations-section {\n    width: 100%;\n    position: relative;\n    padding: 2rem 0;\n}\n\/* Responsive side margins *\/\n.container-fluid.px-4 {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n}<\/p>\n<p>.full-width-image {\n    width: 100vw;\n    margin-left: calc(-50vw + 50%);\n    max-height: 90vh;\n    overflow: hidden;\n}<\/p>\n<p>.full-width-image img {\n    width: 100%;\n    height: auto;\n    object-fit: cover;\n    min-height: 300px;\n}<\/p>\n<p>\/* For mobile responsiveness *\/\n@media (max-width: 768px) {\n    .full-width-image {\n        max-height: 700vh;\n    }\n}<\/p>\n<\/style>\n<p><!-- Carousel Start --><\/p>\n<div class=\"carousel-header section-animate\">\n<div id=\"carouselId\" class=\"carousel slide\" data-bs-ride=\"carousel\">\n<ol class=\"carousel-indicators\">\n<li data-bs-target=\"#carouselId\" data-bs-slide-to=\"0\" class=\"active\"><\/li>\n<li data-bs-target=\"#carouselId\" data-bs-slide-to=\"1\"><\/li>\n<li data-bs-target=\"#carouselId\" data-bs-slide-to=\"2\"><\/li>\n<\/ol>\n<div class=\"carousel-inner\" role=\"listbox\">\n            <!-- Slide 1: Engineering Design (Image) --><\/p>\n<div class=\"carousel-item active\">\n                <img decoding=\"async\" src=\"http:\/\/imeo-eg.net\/wp-content\/uploads\/slide1.jpg\" class=\"img-fluid\" alt=\"Engineering Design\"><\/p>\n<div class=\"carousel-caption animate__animated animate__fadeInUp animate__delay-1s\">\n<div class=\"p-3\" style=\"max-width: 900px;\">\n<h4 class=\"text-white text-uppercase fw-bold mb-4\" style=\"letter-spacing: 3px;\"><\/h4>\n<h1 class=\"display-2 text-capitalize text-white mb-4\">Engineering Design Solutions<\/h1>\n<p class=\"mb-5 fs-5\">Innovative and precise engineering designs tailored to your project requirements with the highest standards.<\/p>\n<div class=\"d-flex align-items-center justify-content-center\">\n                            <a class=\"btn-hover-bg btn btn-primary rounded-pill text-white py-3 px-5\" href=\"https:\/\/imeo-eg.net\/?page_id=24\">Our Services<\/a>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Slide 2: Project Management (Image) --><\/p>\n<div class=\"carousel-item\">\n                <img decoding=\"async\" src=\"http:\/\/imeo-eg.net\/wp-content\/uploads\/slide2.jpg\" class=\"img-fluid\" alt=\"Project Management\"><\/p>\n<div class=\"carousel-caption animate__animated animate__fadeInUp animate__delay-1s\">\n<div class=\"p-3\" style=\"max-width: 900px;\">\n<h4 class=\"text-white text-uppercase fw-bold mb-4\" style=\"letter-spacing: 3px;\"><\/h4>\n<h1 class=\"display-2 text-capitalize text-white mb-4\">Professional Project Management<\/h1>\n<p class=\"mb-5 fs-5\">Comprehensive project management services ensuring timely delivery and optimal resource utilization.<\/p>\n<div class=\"d-flex align-items-center justify-content-center\">\n                            <a class=\"btn-hover-bg btn btn-primary rounded-pill text-white py-3 px-5\" href=\"https:\/\/imeo-eg.net\/?page_id=373\">Our Projects<\/a>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Slide 3: Site Supervision (Image) --><\/p>\n<div class=\"carousel-item\">\n                <img decoding=\"async\" src=\"http:\/\/imeo-eg.net\/wp-content\/uploads\/slide3.jpg\" class=\"img-fluid\" alt=\"Site Supervision\"><\/p>\n<div class=\"carousel-caption animate__animated animate__fadeInUp animate__delay-1s\">\n<div class=\"p-3\" style=\"max-width: 900px;\">\n<h4 class=\"text-white text-uppercase fw-bold mb-4\" style=\"letter-spacing: 3px;\"><\/h4>\n<h1 class=\"display-2 text-capitalize text-white mb-4\">Expert Site Supervision<\/h1>\n<p class=\"mb-5 fs-5\">On-site supervision by experienced engineers to ensure quality control and adherence to specifications.<\/p>\n<div class=\"d-flex align-items-center justify-content-center\">\n                            <a class=\"btn-hover-bg btn btn-primary rounded-pill text-white py-3 px-5\" href=\"https:\/\/imeo-eg.net\/?page_id=26\">Contact Us<\/a>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#carouselId\" data-bs-slide=\"prev\"><br \/>\n            <span class=\"carousel-control-prev-icon btn bg-primary\" aria-hidden=\"false\"><\/span><br \/>\n            <span class=\"visually-hidden\">Previous<\/span><br \/>\n        <\/button><br \/>\n        <button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#carouselId\" data-bs-slide=\"next\"><br \/>\n            <span class=\"carousel-control-next-icon btn bg-primary\" aria-hidden=\"false\"><\/span><br \/>\n            <span class=\"visually-hidden\">Next<\/span><br \/>\n        <\/button>\n    <\/div>\n<\/div>\n<p><!-- Carousel End --><\/p>\n<p><!-- About Start --><\/p>\n<div class=\"container-fluid about py-5 bg-light section-animate\">\n<div class=\"container py-5\">\n<div class=\"row g-5 align-items-center\">\n            <!-- Left Column: Image --><\/p>\n<div class=\"col-lg-5 wow animate__animated animate__fadeInLeft\" data-wow-delay=\"0.2s\">\n<div class=\"position-relative overflow-hidden rounded-4 shadow-lg\" style=\"min-height: 100%; border: 4px solid #0d6efd; border-radius: 15px; box-shadow: 0 4px 20px rgba(13, 110, 253, 0.15);\">\n                    <!-- Gradient Overlay --><\/p>\n<div class=\"position-absolute top-0 start-0 w-100 h-100\" style=\"\n                        background: linear-gradient(135deg, rgba(13,110,253,0.3), rgba(102,16,242,0.3));\n                        opacity: 0.2;\n                        z-index: 1;\">\n                    <\/div>\n<p>                    <!-- Main Image --><br \/>\n                    <img decoding=\"async\" src=\"http:\/\/imeo-eg.net\/wp-content\/uploads\/home-hero-slideshow-02.jpg\" class=\"img-fluid w-100 h-100 object-fit-cover rounded-4\" alt=\"About IMEO-EG.NET\" style=\"position: relative; z-index: 2; transition: transform 0.3s ease-in-out;\"><\/p>\n<p>                    <!-- Experience Badge --><\/p>\n<div class=\"position-absolute bottom-0 start-0 translate-middle-y ms-4 mb-4 bg-white border border-4 border-primary text-primary text-center rounded-circle shadow d-flex flex-column justify-content-center align-items-center\"\n                        style=\"width: 110px; height: 110px; z-index: 3;\"><\/p>\n<h4 class=\"mb-0 fw-bold\">15+<\/h4>\n<p>                        <small class=\"text-muted\" style=\"font-size: 0.75rem;\">Years<br \/>Experience<\/small>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right Column: Text --><\/p>\n<div class=\"col-lg-7 wow animate__animated animate__fadeInRight\" data-wow-delay=\"0.4s\">\n<div class=\"about-content p-4 p-lg-5 rounded-3 shadow-sm\" style=\"background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));\">\n<h5 class=\"section-about-title text-primary mb-3 wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.6s\">About Us<\/h5>\n<h1 class=\"mb-4 wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.8s\">Welcome to <span class=\"text-primary\">integrated Mechanical Engineering Office <\/span><\/h1>\n<p class=\"mb-4 wow animate__animated animate__fadeInUp\" data-wow-delay=\"1.0s\">\n                        IMEO is a leading engineering consultancy firm specializing in design, project management,<br \/>\n                        and construction supervision. With a team of highly qualified engineers and professionals,<br \/>\n                        we deliver innovative solutions for complex engineering challenges.\n                    <\/p>\n<p class=\"mb-4 wow animate__animated animate__fadeInUp\" data-wow-delay=\"1.2s\">\n                        Our commitment to quality, safety, and sustainability has made us a trusted partner for<br \/>\n                        numerous projects across various sectors including infrastructure, buildings, and industrial facilities.\n                    <\/p>\n<div class=\"row gy-2 gx-4 mb-4\">\n<div class=\"col-sm-6 wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.6s\">\n<p class=\"mb-3\"><i class=\"fa fa-check-circle text-primary me-2\"><\/i>Engineering Design<\/p>\n<\/p><\/div>\n<div class=\"col-sm-6 wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.7s\">\n<p class=\"mb-3\"><i class=\"fa fa-check-circle text-primary me-2\"><\/i>Project Management<\/p>\n<\/p><\/div>\n<div class=\"col-sm-6 wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.8s\">\n<p class=\"mb-3\"><i class=\"fa fa-check-circle text-primary me-2\"><\/i>Construction Supervision<\/p>\n<\/p><\/div>\n<div class=\"col-sm-6 wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.9s\">\n<p class=\"mb-3\"><i class=\"fa fa-check-circle text-primary me-2\"><\/i>Feasibility Studies<\/p>\n<\/p><\/div>\n<div class=\"col-sm-6 wow animate__animated animate__fadeInUp\" data-wow-delay=\"1.0s\">\n<p class=\"mb-3\"><i class=\"fa fa-check-circle text-primary me-2\"><\/i>Technical Consultancy<\/p>\n<\/p><\/div>\n<div class=\"col-sm-6 wow animate__animated animate__fadeInUp\" data-wow-delay=\"1.1s\">\n<p class=\"mb-3\"><i class=\"fa fa-check-circle text-primary me-2\"><\/i>Quality Control<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <a class=\"btn btn-primary rounded-pill py-3 px-5 mt-2 wow animate__animated animate__fadeInUp\" href=\"https:\/\/imeo-eg.net\/?page_id=24\" data-wow-delay=\"1.4s\"><br \/>\n                        Read More <i class=\"fas fa-arrow-right ms-2\"><\/i><br \/>\n                    <\/a>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- About End --><\/p>\n<p><!-- Services Section --><\/p>\n<section id=\"services\" class=\"guides-section py-5 position-relative section-animate\">\n<div class=\"container position-relative z-index-1\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header text-center mb-5\">\n<h5 class=\"text-uppercase text-primary mb-3 wow animate__animated animate__fadeInDown\">Our<\/h5>\n<h1 class=\"display-4 fw-bold mb-4 wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.3s\">Core Services<\/h1>\n<\/p><\/div>\n<p>        <!-- Services Grid --><\/p>\n<div class=\"row g-4\">\n            <!-- Service 1 --><\/p>\n<div class=\"col-md-6 col-lg-3 wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.1s\">\n<div class=\"card guide-card h-100 border-0 shadow-sm overflow-hidden\">\n<div class=\"guide-image-container\">\n                        <img decoding=\"async\" src=\"https:\/\/www.twi-global.com\/image-library\/hero\/engineering-design-process.jpg\" class=\"guide-image\" alt=\"Engineering Design\"><\/p>\n<div class=\"guide-overlay\"><\/div>\n<div class=\"guide-country-badge\">Design<\/div>\n<\/p><\/div>\n<div class=\"card-body text-center\">\n<h5 class=\"card-title\">Engineering Design<\/h5>\n<p class=\"text-primary fw-bold mb-3\">Precision Engineering<\/p>\n<ul class=\"guide-features list-unstyled mt-3 mb-4\">\n<li class=\"mb-2\"><i class=\"fas fa-award text-primary me-2\"><\/i>  Electro-Mechanical designs <\/li>\n<li class=\"mb-2\"><i class=\"fas fa-cube text-primary me-2\"><\/i> particular emphasis on innovation<\/li>\n<li class=\"mb-2\"><i class=\"fas fa-drafting-compass text-primary me-2\"><\/i>Cost effectiveness and quality <\/li>\n<\/ul>\n<div class=\"social-links d-flex justify-content-center gap-3 mt-4\">\n                            <a href=\"#contact\" class=\"text-primary\"><i class=\"fas fa-envelope\"><\/i><\/a><br \/>\n                            <a href=\"#contact\" class=\"text-primary\"><i class=\"fas fa-phone-alt\"><\/i><\/a>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Service 2 --><\/p>\n<div class=\"col-md-6 col-lg-3 wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.2s\">\n<div class=\"card guide-card h-100 border-0 shadow-sm overflow-hidden\">\n<div class=\"guide-image-container\">\n                        <img decoding=\"async\" src=\"https:\/\/files.selar.co\/product-images\/2024\/products\/Viclabulary\/project-management-selar.co-65f60d5694847.jpg\" class=\"guide-image\" alt=\"Project Management\"><\/p>\n<div class=\"guide-overlay\"><\/div>\n<div class=\"guide-country-badge\">Tender <\/div>\n<\/p><\/div>\n<div class=\"card-body text-center\">\n<h5 class=\"card-title\">Tender Documents<\/h5>\n<p class=\"text-primary fw-bold mb-3\">Efficient Execution<\/p>\n<ul class=\"guide-features list-unstyled mt-3 mb-4\">\n<li class=\"mb-2\"><i class=\"fas fa-tasks text-primary me-2\"><\/i> Designs Drawing <\/li>\n<li class=\"mb-2\"><i class=\"fas fa-chart-line text-primary me-2\"><\/i>  Material specifications<\/li>\n<li class=\"mb-2\"><i class=\"fas fa-check-circle text-primary me-2\"><\/i>Bill of quantities and Estimate Cost <\/li>\n<\/ul>\n<div class=\"social-links d-flex justify-content-center gap-3 mt-4\">\n                            <a href=\"#contact\" class=\"text-primary\"><i class=\"fas fa-envelope\"><\/i><\/a><br \/>\n                            <a href=\"#contact\" class=\"text-primary\"><i class=\"fas fa-phone-alt\"><\/i><\/a>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Service 3 --><\/p>\n<div class=\"col-md-6 col-lg-3 wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.3s\">\n<div class=\"card guide-card h-100 border-0 shadow-sm overflow-hidden\">\n<div class=\"guide-image-container\">\n            <img decoding=\"async\" src=\"https:\/\/www.aspire.net.eg\/wp-content\/uploads\/2014\/03\/Construction-Page.jpg\" class=\"guide-image img-cover\" alt=\"Site Supervision\"><\/p>\n<div class=\"guide-overlay\"><\/div>\n<div class=\"guide-country-badge\">Supervision<\/div>\n<\/p><\/div>\n<div class=\"card-body text-center\">\n<h5 class=\"card-title\">Site Supervision<\/h5>\n<p class=\"text-primary fw-bold mb-3\">Quality Control<\/p>\n<ul class=\"guide-features list-unstyled mt-3 mb-4\">\n<li class=\"mb-2\"><i class=\"fas fa-hard-hat text-primary me-2\"><\/i>Guarantee that the materials used.<\/li>\n<li class=\"mb-2\"><i class=\"fas fa-clipboard-check text-primary me-2\"><\/i>All equipment and systems are of good quality <\/li>\n<\/ul>\n<div class=\"social-links d-flex justify-content-center gap-3 mt-4\">\n                <a href=\"#contact\" class=\"text-primary\"><i class=\"fas fa-envelope\"><\/i><\/a><br \/>\n                <a href=\"#contact\" class=\"text-primary\"><i class=\"fas fa-phone-alt\"><\/i><\/a>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p>            <!-- Service 4 --><\/p>\n<div class=\"col-md-6 col-lg-3 wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.4s\">\n<div class=\"card guide-card h-100 border-0 shadow-sm overflow-hidden\">\n<div class=\"guide-image-container\">\n                        <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQIejcDsOhPJoPlXpQn_Cygnhlmf5NYcsFNOA&#038;s\" class=\"guide-image\" alt=\"Technical Consultancy\"><\/p>\n<div class=\"guide-overlay\"><\/div>\n<div class=\"guide-country-badge\">Management <\/div>\n<\/p><\/div>\n<div class=\"card-body text-center\">\n<h5 class=\"card-title\">Project Management <\/h5>\n<p class=\"text-primary fw-bold mb-3\">Expert Advice<\/p>\n<ul class=\"guide-features list-unstyled mt-3 mb-4\">\n<li class=\"mb-2\"><i class=\"fas fa-lightbulb text-primary me-2\"><\/i>  Discipline of initiating <\/li>\n<li class=\"mb-2\"><i class=\"fas fa-search-dollar text-primary me-2\"><\/i>Planning &#038; Excuting<\/li>\n<li class=\"mb-2\"><i class=\"fas fa-file-contract text-primary me-2\"><\/i>Controlling <\/li>\n<\/ul>\n<div class=\"social-links d-flex justify-content-center gap-3 mt-4\">\n                            <a href=\"#contact\" class=\"text-primary\"><i class=\"fas fa-envelope\"><\/i><\/a><br \/>\n                            <a href=\"#contact\" class=\"text-primary\"><i class=\"fas fa-phone-alt\"><\/i><\/a>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- Services End --><\/p>\n<p><!-- Projects Gallery Section --><\/p>\n<section id=\"projects\" class=\"gallery-section py-5 position-relative section-animate\">\n<div class=\"container position-relative z-index-1\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header text-center mb-5\">\n<h5 class=\"text-uppercase text-primary mb-3 wow animate__animated animate__fadeInDown\">Our<\/h5>\n<h1 class=\"display-4 fw-bold mb-3 wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.3s\">Featured Projects<\/h1>\n<p class=\"lead text-muted wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.5s\">Explore our portfolio of successfully completed engineering projects<\/p>\n<\/p><\/div>\n<p>        <!-- Projects Grid --><\/p>\n<div class=\"row g-3 gallery-grid\">\n            <!-- Project 1 --><\/p>\n<div class=\"col-md-3 col-6 wow animate__animated animate__fadeIn\" data-wow-delay=\"0.1s\">\n<div class=\"gallery-card h-100\">\n                    <a href=\"http:\/\/imeo-eg.net\/wp-content\/uploads\/slide2-mini.jpg\" data-lightbox=\"projects\" data-title=\"Industrial Complex\"><br \/>\n                        <img decoding=\"async\" src=\"http:\/\/imeo-eg.net\/wp-content\/uploads\/WhatsApp-Image-2025-05-07-at-8.51.55-PM-1-scaled.jpeg\" alt=\"Industrial Complex\" class=\"img-fluid gallery-img\"><\/p>\n<div class=\"gallery-overlay\"><\/div>\n<div class=\"gallery-caption\">\n                            <span>Industrial Complex<\/span><\/p>\n<div class=\"gallery-location\">IMEO-EG<\/div>\n<\/p><\/div>\n<p>                    <\/a>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Project 2 --><\/p>\n<div class=\"col-md-3 col-6 wow animate__animated animate__fadeIn\" data-wow-delay=\"0.2s\">\n<div class=\"gallery-card h-100\">\n                    <a href=\"WhatsApp Image 2025-05-04 at 11.18.18 PM (1).jpeg\" data-lightbox=\"projects\" data-title=\"Commercial Tower\"><br \/>\n                        <img decoding=\"async\" src=\"http:\/\/imeo-eg.net\/wp-content\/uploads\/WhatsApp-Image-2025-05-06-at-6.38.45-PM-2-1.jpeg\" alt=\"Commercial Tower\" class=\"img-fluid gallery-img\"><\/p>\n<div class=\"gallery-overlay\"><\/div>\n<div class=\"gallery-caption\">\n                            <span>Commercial Tower<\/span><\/p>\n<div class=\"gallery-location\">IMEO-EG<\/div>\n<\/p><\/div>\n<p>                    <\/a>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Project 3 --><\/p>\n<div class=\"col-md-3 col-6 wow animate__animated animate__fadeIn\" data-wow-delay=\"0.3s\">\n<div class=\"gallery-card h-100\">\n                    <a href=\"WhatsApp Image 2025-05-04 at 11.18.18 PM (2).jpeg\" data-lightbox=\"projects\" data-title=\"Bridge Construction\"><br \/>\n                        <img decoding=\"async\" src=\"http:\/\/imeo-eg.net\/wp-content\/uploads\/WhatsApp-Image-2025-05-08-at-9.10.11-PM-scaled.jpeg\" alt=\"Bridge Construction\" class=\"img-fluid gallery-img\"><\/p>\n<div class=\"gallery-overlay\"><\/div>\n<div class=\"gallery-caption\">\n                            <span>Bridge Construction<\/span><\/p>\n<div class=\"gallery-location\">IMEO-EG<\/div>\n<\/p><\/div>\n<p>                    <\/a>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Project 4 --><\/p>\n<div class=\"col-md-3 col-6 wow animate__animated animate__fadeIn\" data-wow-delay=\"0.4s\">\n<div class=\"gallery-card h-100\">\n                    <a href=\"WhatsApp Image 2025-05-04 at 11.18.18 PM (3).jpeg\" data-lightbox=\"projects\" data-title=\"Residential Complex\"><br \/>\n                        <img decoding=\"async\" src=\"http:\/\/imeo-eg.net\/wp-content\/uploads\/WhatsApp-Image-2025-05-08-at-9.11.03-PM-scaled.jpeg\" alt=\"Residential Complex\" class=\"img-fluid gallery-img\"><\/p>\n<div class=\"gallery-overlay\"><\/div>\n<div class=\"gallery-caption\">\n                            <span>Residential Complex<\/span><\/p>\n<div class=\"gallery-location\">IMEO-EG<\/div>\n<\/p><\/div>\n<p>                    <\/a>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Project 5 --><\/p>\n<div class=\"col-md-3 col-6 wow animate__animated animate__fadeIn\" data-wow-delay=\"0.5s\">\n<div class=\"gallery-card h-100\">\n                    <a href=\"WhatsApp Image 2025-05-10 at 7.16.41 PM.jpeg\" data-lightbox=\"projects\" data-title=\"Hospital Building\"><br \/>\n                        <img decoding=\"async\" src=\"http:\/\/imeo-eg.net\/wp-content\/uploads\/WhatsApp-Image-2025-05-08-at-9.10.11-PM-scaled.jpeg\" alt=\"Hospital Building\" class=\"img-fluid gallery-img\"><\/p>\n<div class=\"gallery-overlay\"><\/div>\n<div class=\"gallery-caption\">\n                            <span>Hospital Building<\/span><\/p>\n<div class=\"gallery-location\">IMEO-EG<\/div>\n<\/p><\/div>\n<p>                    <\/a>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Project 6 --><\/p>\n<div class=\"col-md-3 col-6 wow animate__animated animate__fadeIn\" data-wow-delay=\"0.6s\">\n<div class=\"gallery-card h-100\">\n                    <a href=\"WhatsApp Image 2025-05-08 at 9.11.00 PM.jpeg\" data-lightbox=\"projects\" data-title=\"Shopping Mall\"><br \/>\n                        <img decoding=\"async\" src=\"http:\/\/imeo-eg.net\/wp-content\/uploads\/WhatsApp-Image-2025-05-10-at-9.26.12-PM-3-scaled.jpeg\" alt=\"Shopping Mall\" class=\"img-fluid gallery-img\"><\/p>\n<div class=\"gallery-overlay\"><\/div>\n<div class=\"gallery-caption\">\n                            <span>Shopping Mall<\/span><\/p>\n<div class=\"gallery-location\">IMEO-EG<\/div>\n<\/p><\/div>\n<p>                    <\/a>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Project 7 --><\/p>\n<div class=\"col-md-3 col-6 wow animate__animated animate__fadeIn\" data-wow-delay=\"0.7s\">\n<div class=\"gallery-card h-100\">\n                    <a href=\"WhatsApp Image 2025-05-04 at 11.18.20 PM.jpeg\" data-lightbox=\"projects\" data-title=\"University Campus\"><br \/>\n                        <img decoding=\"async\" src=\"http:\/\/imeo-eg.net\/wp-content\/uploads\/WhatsApp-Image-2025-05-10-at-9.26.12-PM-4.jpeg\" alt=\"University Campus\" class=\"img-fluid gallery-img\"><\/p>\n<div class=\"gallery-overlay\"><\/div>\n<div class=\"gallery-caption\">\n                            <span>University Campus<\/span><\/p>\n<div class=\"gallery-location\">IMEO-EG<\/div>\n<\/p><\/div>\n<p>                    <\/a>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Project 8 --><\/p>\n<div class=\"col-md-3 col-6 wow animate__animated animate__fadeIn\" data-wow-delay=\"0.8s\">\n<div class=\"gallery-card h-100\">\n                    <a href=\"WhatsApp Image 2025-05-04 at 11.18.19 PM.jpeg\" data-lightbox=\"projects\" data-title=\"Road Infrastructure\"><br \/>\n                        <img decoding=\"async\" src=\"http:\/\/imeo-eg.net\/wp-content\/uploads\/WhatsApp-Image-2025-05-10-at-9.26.13-PM-scaled.jpeg\" alt=\"Road Infrastructure\" class=\"img-fluid gallery-img\"><\/p>\n<div class=\"gallery-overlay\"><\/div>\n<div class=\"gallery-caption\">\n                            <span>Road Infrastructure<\/span><\/p>\n<div class=\"gallery-location\">IMEO-EG<\/div>\n<\/p><\/div>\n<p>                    <\/a>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Loading Spinner --><\/p>\n<div class=\"loading-spinner\" style=\"display:none;\">\n<div class=\"spinner-border text-primary\" role=\"status\">\n            <span class=\"visually-hidden\">Loading&#8230;<\/span>\n        <\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- Projects Gallery End --><\/p>\n<p><!-- Full Width Locations Section --><\/p>\n<section id=\"locations\" class=\"locations-section position-relative overflow-hidden\">\n    <!-- Section Title --><\/p>\n<div class=\"container position-relative z-index-2 py-4\">\n<div class=\"row\">\n<div class=\"col-12 text-center\">\n<h2 class=\"animate__animated animate__fadeInDown text-white\" style=\"animation-delay: 0.3s; text-shadow: 0 2px 4px rgba(0,0,0,0.5);\">\n                    <span class=\"en\">Locations<\/span><br \/>\n                    <span class=\"ar\" style=\"display:none\">???????<\/span><br \/>\n                <\/h2>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Full Width Image --><\/p>\n<div class=\"full-width-image animate__animated animate__fadeIn\" style=\"animation-delay: 0.5s\">\n        <img decoding=\"async\" src=\"http:\/\/imeo-eg.net\/wp-content\/uploads\/WhatsApp-Image-2025-05-10-at-10.59.44-PM.jpeg\" \n             alt=\"IMEO Locations\" \n             class=\"img-fluid w-100\">\n    <\/div>\n<\/section>\n<p><!-- Testimonials Section --><\/p>\n<section id=\"testimonials\" class=\"testimonials-section py-5 position-relative\">\n<div class=\"container position-relative z-index-1\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header text-center mb-5\">\n<h5 class=\"text-uppercase text-primary mb-3 wow fadeInDown\">Client<\/h5>\n<h1 class=\"display-4 fw-bold mb-3 wow fadeInUp\" data-wow-delay=\"0.3s\">Testimonials<\/h1>\n<\/p><\/div>\n<p>        <!-- Testimonials Grid --><\/p>\n<div class=\"row g-4\">\n            <!-- Testimonial 1 --><\/p>\n<div class=\"col-md-4 wow fadeInUp\" data-wow-delay=\"0.1s\">\n<div class=\"card testimonial-card h-100 border-0 shadow-sm overflow-hidden\">\n<div class=\"card-body p-4 text-center\">\n<div class=\"testimonial-img-container mx-auto mb-4\">\n<div class=\"testimonial-country-badge\">PETROLEUM<\/div>\n<\/p><\/div>\n<div class=\"testimonial-rating mb-3\">\n                            <i class=\"fas fa-star text-warning\"><\/i><br \/>\n                            <i class=\"fas fa-star text-warning\"><\/i><br \/>\n                            <i class=\"fas fa-star text-warning\"><\/i><br \/>\n                            <i class=\"fas fa-star text-warning\"><\/i><br \/>\n                            <i class=\"fas fa-star text-warning\"><\/i>\n                        <\/div>\n<div class=\"testimonial-content\">\n<p class=\"testimonial-text mb-4\">&#8220;IMEO-EG.NET delivered exceptional engineering designs for our commercial complex. Their attention to detail and innovative solutions saved us time and costs.&#8221;<\/p>\n<\/p><\/div>\n<div class=\"testimonial-footer mt-auto\">\n<h5 class=\"testimonial-name mb-1\">Misr Petroleum <\/h5>\n<p class=\"text-muted small\">CEO, Delta Construction<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Testimonial 2 --><\/p>\n<div class=\"col-md-4 wow fadeInUp\" data-wow-delay=\"0.2s\">\n<div class=\"card testimonial-card h-100 border-0 shadow-sm overflow-hidden\">\n<div class=\"card-body p-4 text-center\">\n<div class=\"testimonial-img-container mx-auto mb-4\">\n<div class=\"testimonial-country-badge\">Yemen <\/div>\n<\/p><\/div>\n<div class=\"testimonial-rating mb-3\">\n                            <i class=\"fas fa-star text-warning\"><\/i><br \/>\n                            <i class=\"fas fa-star text-warning\"><\/i><br \/>\n                            <i class=\"fas fa-star text-warning\"><\/i><br \/>\n                            <i class=\"fas fa-star text-warning\"><\/i><br \/>\n                            <i class=\"fas fa-star text-warning\"><\/i>\n                        <\/div>\n<div class=\"testimonial-content\">\n<p class=\"testimonial-text mb-4\">&#8220;Their project management team ensured our residential project was completed on time and within budget. Highly professional and reliable.&#8221;<\/p>\n<\/p><\/div>\n<div class=\"testimonial-footer mt-auto\">\n<h5 class=\"testimonial-name mb-1\">HSA Company <\/h5>\n<p class=\"text-muted small\">Project Manager, Urban Developers<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Testimonial 3 --><\/p>\n<div class=\"col-md-4 wow fadeInUp\" data-wow-delay=\"0.3s\">\n<div class=\"card testimonial-card h-100 border-0 shadow-sm overflow-hidden\">\n<div class=\"card-body p-4 text-center\">\n<div class=\"testimonial-img-container mx-auto mb-4\">\n<div class=\"testimonial-country-badge\">Industrial<\/div>\n<\/p><\/div>\n<div class=\"testimonial-rating mb-3\">\n                            <i class=\"fas fa-star text-warning\"><\/i><br \/>\n                            <i class=\"fas fa-star text-warning\"><\/i><br \/>\n                            <i class=\"fas fa-star text-warning\"><\/i><br \/>\n                            <i class=\"fas fa-star text-warning\"><\/i><br \/>\n                            <i class=\"fas fa-star-half-alt text-warning\"><\/i>\n                        <\/div>\n<div class=\"testimonial-content\">\n<p class=\"testimonial-text mb-4\">&#8220;The site supervision team was meticulous in ensuring quality standards. Their engineers caught several potential issues before they became problems.&#8221;<\/p>\n<\/p><\/div>\n<div class=\"testimonial-footer mt-auto\">\n<h5 class=\"testimonial-name mb-1\">Egyptian Aluminum Products<\/h5>\n<p class=\"text-muted small\">Operations Director, Industrial Solutions<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- Testimonials End --><\/p>\n<p>    <!-- Back to Top Button --><br \/>\n    <a href=\"#\" class=\"back-to-top animate__animated animate__fadeInUp\" style=\"animation-delay: 0.7s\"><br \/>\n        <i class=\"fas fa-arrow-up\"><\/i><br \/>\n    <\/a><\/p>\n<p>   <!-- JavaScript Libraries --><br \/>\n    <!-- Bootstrap 5.0.2 JS --><br \/>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.0.2\/dist\/js\/bootstrap.bundle.min.js\"> <\/script><\/p>\n<p>    <!-- Swiper JS  --><br \/>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script><\/p>\n<p>    <!-- PhotoSwipe JS (??????? 5.4.0) --><br \/>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/photoswipe\/5.4.0\/photoswipe.min.js\"><\/script><br \/>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/photoswipe\/5.4.0\/photoswipe-lightbox.min.js\"><\/script><\/p>\n<p>    <script src=\"https:\/\/cdn.jsdelivr.net\/gh\/mcstudios\/glightbox\/dist\/js\/glightbox.min.js\"><\/script><\/p>\n<p>    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/wow\/1.1.2\/wow.min.js\"><\/script><\/p>\n<p>   <script>\n    document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Initialize all functionality\n    initAnimations();\n    initNavbarEffects();\n    initSmoothScrolling();\n    initBackToTop();\n    initLanguageSwitcher();\n    initGalleryLoader();\n    initWhatsAppButtons();\n    handleAccessibility();\n    initLightbox();\n    initCarouselAnimations();\n});<\/p>\n<p>function initAnimations() {\n    \/\/ Initialize WOW.js for scroll animations\n    if (typeof WOW !== 'undefined') {\n        new WOW({\n            boxClass: 'wow',\n            animateClass: 'animate__animated',\n            offset: 100,\n            mobile: true,\n            live: true,\n            scrollContainer: null,\n            resetAnimation: true\n        }).init();\n    }<\/p>\n<p>    \/\/ Add scroll animations to sections\n    const sections = document.querySelectorAll('.section-animate');<\/p>\n<p>    function checkScroll() {\n        sections.forEach(section => {\n            const sectionTop = section.getBoundingClientRect().top;\n            const windowHeight = window.innerHeight;<\/p>\n<p>            if (sectionTop < windowHeight - 100) {\n                section.classList.add('animate');\n            }\n        });\n    }\n    \n    \/\/ Check on load and scroll\n    checkScroll();\n    window.addEventListener('scroll', checkScroll);\n}\n\nfunction initNavbarEffects() {\n    const navbar = document.querySelector('.navbar');\n    if (!navbar) return;\n    \n    window.addEventListener('scroll', function() {\n        navbar.classList.toggle('scrolled', window.scrollY > 50);\n    });\n}<\/p>\n<p>function initSmoothScrolling() {\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function(e) {\n            e.preventDefault();\n            const targetId = this.getAttribute('href');\n            const targetElement = document.querySelector(targetId);<\/p>\n<p>            if (targetElement) {\n                window.scrollTo({\n                    top: targetElement.offsetTop - 70,\n                    behavior: 'smooth'\n                });\n            }\n        });\n    });\n}<\/p>\n<p>function initBackToTop() {\n    const backToTopBtn = document.querySelector('.back-to-top');\n    if (!backToTopBtn) return;<\/p>\n<p>    window.addEventListener('scroll', function() {\n        backToTopBtn.classList.toggle('active', window.scrollY > 300);\n    });<\/p>\n<p>    backToTopBtn.addEventListener('click', function(e) {\n        e.preventDefault();\n        window.scrollTo({\n            top: 0,\n            behavior: 'smooth'\n        });\n    });\n}<\/p>\n<p>function initLanguageSwitcher() {\n    const langBtns = document.querySelectorAll('.lang-btn');\n    if (langBtns.length === 0) return;<\/p>\n<p>    langBtns.forEach(btn => {\n        btn.addEventListener('click', function() {\n            const lang = this.getAttribute('data-lang');<\/p>\n<p>            \/\/ Update active button\n            langBtns.forEach(b => b.classList.remove('active'));\n            this.classList.add('active');<\/p>\n<p>            \/\/ Toggle language visibility\n            document.querySelectorAll('.en, .ar').forEach(el => {\n                el.style.display = el.classList.contains(lang) ? '' : 'none';\n            });<\/p>\n<p>            \/\/ Update direction\n            document.body.setAttribute('dir', lang === 'ar' ? 'rtl' : 'ltr');\n            document.body.classList.toggle('ar', lang === 'ar');\n        });\n    });\n}<\/p>\n<p>function initGalleryLoader() {\n    const loadMoreBtn = document.getElementById('loadMoreProjects');\n    const galleryGrid = document.querySelector('.gallery-grid');<\/p>\n<p>    if (!loadMoreBtn || !galleryGrid) return;<\/p>\n<p>    const moreImages = [\n        {src: 'img\/project9.jpg', title: 'Additional Project 1', location: 'Cairo'},\n        {src: 'img\/project10.jpg', title: 'Additional Project 2', location: 'Alexandria'},\n        {src: 'img\/project11.jpg', title: 'Additional Project 3', location: 'Giza'},\n        {src: 'img\/project12.jpg', title: 'Additional Project 4', location: 'Luxor'}\n    ];<\/p>\n<p>    function loadMoreImages() {\n        \/\/ Show loading spinner\n        const spinner = document.querySelector('.loading-spinner');\n        if (spinner) spinner.style.display = 'flex';<\/p>\n<p>        \/\/ Simulate loading delay\n        setTimeout(() => {\n            moreImages.forEach((image, index) => {\n                const galleryItem = document.createElement('div');\n                galleryItem.className = 'col-md-3 col-6 wow animate__animated animate__fadeIn';\n                galleryItem.style.animationDelay = `${0.3 + (index * 0.2)}s`;<\/p>\n<p>                galleryItem.innerHTML = `<\/p>\n<div class=\"gallery-card h-100\">\n                        <a href=\"${image.src}\" data-lightbox=\"projects\" data-title=\"${image.title}\">\n                            <img decoding=\"async\" src=\"${image.src}\" alt=\"${image.title}\" class=\"img-fluid gallery-img\"><\/p>\n<div class=\"gallery-overlay\"><\/div>\n<div class=\"gallery-caption\">\n                                <span>${image.title}<\/span><\/p>\n<div class=\"gallery-location\">${image.location}<\/div>\n<\/p><\/div>\n<p>                        <\/a>\n                    <\/div>\n<p>                `;\n                galleryGrid.appendChild(galleryItem);\n            });<\/p>\n<p>            \/\/ Reinitialize lightbox for new images\n            if (typeof GLightbox !== 'undefined') {\n                const lightbox = GLightbox({\n                    selector: '[data-lightbox=\"projects\"]'\n                });\n            }<\/p>\n<p>            \/\/ Hide load more button\n            loadMoreBtn.style.display = 'none';<\/p>\n<p>            \/\/ Hide loading spinner\n            if (spinner) spinner.style.display = 'none';<\/p>\n<p>            \/\/ Reinitialize WOW.js for new elements\n            if (typeof WOW !== 'undefined') {\n                new WOW().init();\n            }\n        }, 1000);\n    }<\/p>\n<p>    loadMoreBtn.addEventListener('click', loadMoreImages);\n}<\/p>\n<p>function initWhatsAppButtons() {\n    const whatsappButtons = document.querySelectorAll('.btn-book-package');\n    if (whatsappButtons.length === 0) return;<\/p>\n<p>    whatsappButtons.forEach(btn => {\n        btn.addEventListener('click', function(e) {\n            e.preventDefault();\n            const packageName = this.getAttribute('data-package');\n            const whatsappNumber = \"20123456789\"; \/\/ Replace with your actual number\n            const isArabic = document.body.classList.contains('ar');<\/p>\n<p>            const message = isArabic ? \n                `?????? ELFARIDA TOURS!\\n???? ??? ????: ${packageName}\\n?????? ??????? ???` :\n                `Hello ELFARIDA TOURS!\\nI want to book package: ${packageName}\\nPlease contact me`;<\/p>\n<p>            window.open(`https:\/\/wa.me\/${whatsappNumber}?text=${encodeURIComponent(message)}`, '_blank');\n        });\n    });\n}<\/p>\n<p>function handleAccessibility() {\n    const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n    if (reduceMotion.matches) {\n        document.documentElement.style.setProperty('--animate-duration', '0.001s');\n    }\n}<\/p>\n<p>function initLightbox() {\n    if (typeof GLightbox !== 'undefined') {\n        const lightbox = GLightbox({\n            selector: '[data-lightbox=\"gallery\"], [data-lightbox=\"projects\"]',\n            touchNavigation: true,\n            keyboardNavigation: true,\n            closeButton: true\n        });\n    }\n}<\/p>\n<p>function initCarouselAnimations() {\n    const carousel = document.querySelector('#carouselId');\n    if (!carousel) return;<\/p>\n<p>    \/\/ Activate carousel caption animations when slide changes\n    carousel.addEventListener('slid.bs.carousel', function (e) {\n        const activeItem = e.relatedTarget;\n        const caption = activeItem.querySelector('.carousel-caption');<\/p>\n<p>        \/\/ Reset animation\n        caption.style.opacity = '0';\n        caption.style.transform = 'translateY(30px)';<\/p>\n<p>        \/\/ Trigger reflow to restart animation\n        void caption.offsetWidth;<\/p>\n<p>        \/\/ Apply animation\n        caption.style.opacity = '1';\n        caption.style.transform = 'translateY(0)';\n    });<\/p>\n<p>    \/\/ Initialize first caption\n    const firstCaption = document.querySelector('.carousel-item.active .carousel-caption');\n    if (firstCaption) {\n        firstCaption.style.opacity = '1';\n        firstCaption.style.transform = 'translateY(0)';\n    }\n}\n   <\/script><\/p>\n<p><\/body><br \/>\n<\/html>\n<\/div>\n<p><!-- {\"name\":\"Home\",\"type\":\"layout\",\"children\":[{\"name\":\"Hero\",\"type\":\"section\",\"props\":{\"style\":\"default\",\"width\":\"\",\"vertical_align\":\"middle\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"title_breakpoint\":\"xl\",\"image_position\":\"center-center\",\"padding\":\"none\",\"animation\":\"\",\"image_effect\":\"\"},\"children\":[{\"type\":\"row\",\"props\":{\"layout\":\"1-1\",\"breakpoint\":\"m\",\"fixed_width\":\"large\",\"gutter\":\"\",\"width\":\"\",\"width_expand\":\"\",\"height\":\"\",\"margin\":\"\"},\"children\":[{\"type\":\"column\",\"props\":{\"widths\":[\"1-1\"],\"image_position\":\"center-center\",\"media_overlay_gradient\":\"\",\"vertical_align\":\"\",\"style\":\"\",\"text_color\":\"\",\"padding\":\"\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<!DOCTYPE html>\\n<html lang=\\\"en\\\" dir=\\\"ltr\\\">\\n<head>\\n    <meta charset=\\\"UTF-8\\\">\\n    <meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\">\\n    <title>ELFARIDA TOURS - Premium Travel Experiences<\\\/title>\\n    \\n      <!-- Font Awesome -->\\n      <link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/font-awesome\\\/6.4.0\\\/css\\\/all.min.css\\\">\\n    \\n      <!-- Bootstrap 5.0.2 CSS -->\\n      <link href=\\\"https:\\\/\\\/cdn.jsdelivr.net\\\/npm\\\/bootstrap@5.0.2\\\/dist\\\/css\\\/bootstrap.min.css\\\" rel=\\\"stylesheet\\\">\\n      \\n      <!-- Google Fonts -->\\n      <link rel=\\\"preconnect\\\" href=\\\"https:\\\/\\\/fonts.googleapis.com\\\">\\n      <link rel=\\\"preconnect\\\" href=\\\"https:\\\/\\\/fonts.gstatic.com\\\" crossorigin>\\n      <link href=\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Jost:wght@500;600&#038;family=Roboto&#038;display=swap\\\" rel=\\\"stylesheet\\\"> \\n      \\n      <!-- Swiper CSS -->\\n      <link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdn.jsdelivr.net\\\/npm\\\/swiper@11\\\/swiper-bundle.min.css\\\">\\n      <!-- PhotoSwipe CSS -->\\n      <link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/photoswipe\\\/5.4.0\\\/photoswipe.min.css\\\">\\n\\n         <!-- Animate.css -->\\n    <link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/animate.css\\\/4.1.1\\\/animate.min.css\\\"\\\/>\\n\\n    <link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdn.jsdelivr.net\\\/npm\\\/glightbox\\\/dist\\\/css\\\/glightbox.min.css\\\">\\n\\n    <link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/animate.css\\\/4.1.1\\\/animate.min.css\\\">\\n\\n  <\\\/head>\\n    \\n<\\\/head>\\n<body>\\n    <\/p>\n<style>\\n        \\\/* Base Styles *\\\/\\n:root {\\n    --primary-color: #0d6efd;\\n    --secondary-color: #6c757d;\\n    --dark-color: #212529;\\n    --light-color: #f8f9fa;\\n    --success-color: #198754;\\n    --warning-color: #ffc107;\\n    --danger-color: #dc3545;\\n    --white-color: #ffffff;\\n    --black-color: #000000;\\n\\n     --animate-duration: 1s;\\n  --animate-delay: 0.3s;\\n}\\n\\n\\n\\n\\\/* Hero Header*\\\/\\n.carousel-header .carousel-control-prev,\\n.carousel-header .carousel-control-next {\\n    background: transparent;\\n}\\n\\n.carousel-header .carousel-control-prev .carousel-control-prev-icon,\\n.carousel-header .carousel-control-next .carousel-control-next-icon {\\n    position: absolute;\\n    top: 50%;\\n    transform: translateY(-50%);\\n    padding: 25px 30px;\\n    background-size: 60% 60%;\\n}\\n\\n.carousel-header .carousel-control-prev .carousel-control-prev-icon {\\n    left: 0;\\n    border-top-right-radius: 50px;\\n    border-bottom-right-radius: 50px;\\n}\\n\\n.carousel-header .carousel-control-next .carousel-control-next-icon {\\n    right: 0;\\n    border-top-left-radius: 50px;\\n    border-bottom-left-radius: 50px;\\n}\\n\\n.video-container {\\n    position: relative;\\n    width: 100%;\\n    height: 100vh;\\n    overflow: hidden;\\n}\\n\\n.video-background {\\n    position: absolute;\\n    top: 50%;\\n    left: 50%;\\n    min-width: 100%;\\n    min-height: 100%;\\n    width: auto;\\n    height: auto;\\n    transform: translate(-50%, -50%);\\n    z-index: 0;\\n    object-fit: cover;\\n}\\n\\n.carousel-header .carousel-inner .carousel-item {\\n    position: relative;\\n    min-height: 100vh;\\n}\\n.carousel-header .carousel-inner .carousel-item img {\\n    position: absolute;\\n    width: 100%;\\n    height: 100%;\\n    object-fit: cover;\\n}\\n\\n.carousel-header .carousel-inner .carousel-item .carousel-caption {\\n    position: absolute;\\n    width: 100%;\\n    height: 100%;\\n    top: 0;\\n    left: 0;\\n    padding-top: 60px;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    text-align: center;\\n    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0.5));\\n    background-size: cover;\\n}\\n\\n.carousel-caption {\\n    opacity: 0;\\n    transform: translateY(30px);\\n    transition: all 1s ease 0.3s;\\n}\\n\\n.carousel-item.active .carousel-caption {\\n    opacity: 1;\\n    transform: translateY(0);\\n}\\n\\n\\n@media (max-width: 768px) {\\n    .carousel-header .carousel-inner .carousel-item img,\\n    .carousel-header .carousel-inner .carousel-item .carousel-caption {\\n        height: 700px;\\n        margin-top: -100px;\\n    }\\n\\n    .carousel-header {\\n        height: 700px !important;\\n    }\\n\\n    .carousel-header .carousel-control-prev .carousel-control-prev-icon,\\n    .carousel-header .carousel-control-next .carousel-control-next-icon {\\n        opacity: 0;\\n    }\\n}\\n\\n\\\/*** Page Header *\\\/\\n.bg-breadcrumb {\\n    background: linear-gradient(rgba(19, 123, 36, 0.308), rgba(19, 123, 33, 0.233)), url(\\\"https:\\\/\\\/blogger.googleusercontent.com\\\/img\\\/b\\\/R29vZ2xl\\\/AVvXsEgvueqZTjQYpMXf0j10klWEr5t1-uxJ8H5rN3t8ailtloRtzay-FVWSFjqgrsqZcz6sxFBJKUmcfeVKdX8nK0f8tRdrKtxUXBuEVLvgAf039ePxnVDrKEZfbDFaLRvcLxqJR1mKm2NqCd0eGGEp6El5lgKfpLXOp5UMWv_Z2qUNFkowjiXLdyoGTTI_Qmmi\\\/s320\\\/WhatsApp%20Image%202025-04-08%20at%2011.49.15%20PM%20(1).jpeg\\\");\\n    background-position: center center;\\n    background-repeat: no-repeat;\\n    background-size: cover;\\n    background-attachment: fixed;\\n    padding: 150px 0 50px 0;\\n}\\n\\n\\n\\\/* About Section - Enhanced *\\\/\\n.about-section {\\n    padding: 120px 0;\\n    position: relative;\\n    overflow: hidden;\\n    object-fit: cover;\\n    background: url('https:\\\/\\\/images.unsplash.com\\\/photo-1560518883-ce09059eeffa?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');\\n}\\n\\n.about-section::before {\\n    content: '';\\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n    width: 100%;\\n    height: 100%;\\n    background: url('img\\\/about.jpeg') repeat;\\n    opacity: 0.03;\\n    z-index: 0;\\n}\\n\\n.section-about-title {\\n    color: var(--primary-color);\\n    font-weight: 700;\\n    text-transform: uppercase;\\n    letter-spacing: 2px;\\n    font-size: 1.1rem;\\n    margin-bottom: 1.5rem;\\n    position: relative;\\n    display: inline-block;\\n}\\n\\n.section-about-title::after {\\n    content: '';\\n    position: absolute;\\n    bottom: -8px;\\n    left: 0;\\n    width: 50px;\\n    height: 3px;\\n    background: var(--primary-color);\\n    border-radius: 3px;\\n}\\n\\n.about-content {\\n    position: relative;\\n    z-index: 1;\\n    Font size:30px;\\n    padding: 40px;\\n    background: rgba(255, 255, 255, 0.95);\\n    border-radius: 15px;\\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\\n    transition: all 0.5s ease;\\n}\\n\\n.about-content:hover {\\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);\\n    transform: translateY(-5px);\\n}\\n\\n.about-image-container {\\n    position: relative;\\n    border-radius: 15px;\\n    overflow: hidden;\\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\\n    height: 100%;\\n}\\n\\n.about-image-container img {\\n    width: 100%;\\n    height: 100%;\\n    object-fit: cover;\\n    transition: transform 0.8s ease;\\n}\\n\\n.about-image-container:hover img {\\n    transform: scale(1.05);\\n}\\n\\n.about-image-border {\\n    position: absolute;\\n    top: 20px;\\n    left: 20px;\\n    right: 20px;\\n    bottom: 20px;\\n    border: 2px dashed rgba(31, 123, 19, 0.3);\\n    border-radius: 10px;\\n    pointer-events: none;\\n    z-index: 2;\\n    transition: all 0.5s ease;\\n}\\n\\n.about-image-container:hover .about-image-border {\\n    top: 15px;\\n    left: 15px;\\n    right: 15px;\\n    bottom: 15px;\\n    border-color: rgba(31, 123, 19, 0.6);\\n}\\n\\n.experience-badge {\\n    position: absolute;\\n    bottom: -20px;\\n    right: 30px;\\n    background: linear-gradient(135deg, var(--primary-color), #1a6b0a);\\n    color: white;\\n    padding: 15px 25px;\\n    border-radius: 10px;\\n    z-index: 3;\\n    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);\\n    font-weight: 700;\\n    text-align: center;\\n    line-height: 1.3;\\n}\\n\\n.experience-badge .years {\\n    font-size: 2.2rem;\\n    display: block;\\n}\\n\\n.experience-badge .text {\\n    font-size: 0.9rem;\\n    display: block;\\n    text-transform: uppercase;\\n    letter-spacing: 1px;\\n}\\n\\n.feature-list {\\n    margin: 30px 0;\\n}\\n\\n.feature-item {\\n    padding: 12px 20px;\\n    margin-bottom: 15px;\\n    background-color: rgba(31, 123, 19, 0.05);\\n    border-radius: 8px;\\n    transition: all 0.3s ease;\\n    border-left: 4px solid transparent;\\n    display: flex;\\n    align-items: center;\\n}\\n\\n.feature-item:hover {\\n    background-color: rgba(31, 123, 19, 0.1);\\n    transform: translateX(10px);\\n    border-left: 4px solid var(--primary-color);\\n}\\n\\n.feature-item i {\\n    color: var(--primary-color);\\n    font-size: 1.2rem;\\n    margin-right: 15px;\\n    transition: all 0.3s ease;\\n}\\n\\n.feature-item:hover i {\\n    transform: scale(1.2);\\n}\\n\\n.about-btn {\\n    padding: 12px 30px;\\n    border-radius: 50px;\\n    font-weight: 600;\\n    letter-spacing: 0.5px;\\n    text-transform: uppercase;\\n    position: relative;\\n    overflow: hidden;\\n    border: 2px solid var(--primary-color);\\n    transition: all 0.5s ease;\\n    z-index: 1;\\n}\\n\\n.about-btn::before {\\n    content: '';\\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n    width: 100%;\\n    height: 100%;\\n    background: linear-gradient(135deg, var(--primary-color), #1a6b0a);\\n    z-index: -1;\\n    transition: transform 0.5s ease;\\n    transform: scaleX(0);\\n    transform-origin: right;\\n}\\n\\n.about-btn:hover {\\n    color: white;\\n    box-shadow: 0 10px 20px rgba(31, 123, 19, 0.3);\\n}\\n\\n.about-btn:hover::before {\\n    transform: scaleX(1);\\n    transform-origin: left;\\n}\\n\\n\\\/* Responsive Adjustments *\\\/\\n@media (max-width: 991.98px) {\\n    .about-section {\\n        padding: 80px 0;\\n    }\\n    \\n    .about-content {\\n        padding: 30px;\\n    }\\n    \\n    .experience-badge {\\n        right: 20px;\\n        padding: 12px 20px;\\n    }\\n    \\n    .experience-badge .years {\\n        font-size: 1.8rem;\\n    }\\n}\\n\\n@media (max-width: 767.98px) {\\n    .about-section {\\n        padding: 60px 0;\\n    }\\n    \\n    .about-content {\\n        padding: 25px;\\n        margin-top: 30px;\\n    }\\n    \\n    .feature-item {\\n        padding: 10px 15px;\\n    }\\n    \\n    .about-btn {\\n        padding: 10px 25px;\\n        font-size: 0.9rem;\\n    }\\n}\\n\\n\\n\\\/* Guides Section Styles *\\\/\\n.guides-section {\\n    background: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);\\n    position: relative;\\n    overflow: hidden;\\n    padding: 80px 0;\\n}\\n\\n.guides-section::before {\\n    content: '';\\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n    width: 100%;\\n    height: 100%;\\n    background: url('img\\\/pattern-light.png') repeat;\\n    opacity: 0.03;\\n    z-index: 0;\\n}\\n\\n.guide-card {\\n    border: none;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\\n    height: 100%;\\n    position: relative;\\n    background: white;\\n    margin-bottom: 30px;\\n}\\n\\n.guide-card:hover {\\n    transform: translateY(-10px);\\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\\n}\\n\\n.guide-image-container {\\n    position: relative;\\n    width: 100%;\\n    height: 380px;\\n    overflow: hidden;\\n}\\n\\n.guide-image {\\n    width: 100%;\\n    height: 100%;\\n    object-fit: cover;\\n    object-position: center top;\\n    transition: transform 0.8s ease;\\n    will-change: transform;\\n    backface-visibility: hidden;\\n}\\n\\n.guide-card:hover .guide-image {\\n    transform: scale(1.05);\\n}\\n\\n.guide-overlay {\\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n    width: 100%;\\n    height: 100%;\\n    background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.4));\\n    z-index: 1;\\n}\\n\\n.guide-country-badge {\\n    position: absolute;\\n    top: 15px;\\n    left: 15px;\\n    background: rgba(255, 255, 255, 0.9);\\n    color: var(--primary-color);\\n    padding: 5px 15px;\\n    border-radius: 30px;\\n    font-weight: 700;\\n    font-size: 0.8rem;\\n    z-index: 2;\\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\\n}\\n\\n.card-body {\\n    padding: 25px;\\n    text-align: center;\\n}\\n\\n.guide-title {\\n    font-weight: 700;\\n    margin-bottom: 10px;\\n    color: #333;\\n    font-size: 1.2rem;\\n}\\n\\n.guide-specialty {\\n    color: var(--primary-color);\\n    font-weight: 600;\\n    margin-bottom: 15px;\\n    display: block;\\n    font-size: 1rem;\\n}\\n\\n.guide-features {\\n    list-style: none;\\n    padding: 0;\\n    margin: 20px 0;\\n}\\n\\n.guide-features li {\\n    margin-bottom: 8px;\\n    font-size: 0.9rem;\\n    color: #666;\\n}\\n\\n.social-links {\\n    display: flex;\\n    justify-content: center;\\n    gap: 12px;\\n    margin-top: 20px;\\n}\\n\\n.social-icon {\\n    display: inline-flex;\\n    align-items: center;\\n    justify-content: center;\\n    width: 38px;\\n    height: 38px;\\n    background-color: rgba(13, 110, 253, 0.1);\\n    color: var(--primary-color);\\n    border-radius: 50%;\\n    transition: all 0.3s ease;\\n    font-size: 1rem;\\n    text-decoration: none;\\n}\\n\\n.social-icon:hover {\\n    background-color: var(--primary-color);\\n    color: white;\\n    transform: translateY(-3px);\\n    box-shadow: 0 5px 15px rgba(13, 110, 253, 0.3);\\n}\\n\\n\\\/* Responsive Adjustments *\\\/\\n@media (max-width: 991.98px) {\\n    .guides-section {\\n        padding: 60px 0;\\n    }\\n    \\n    .guide-card {\\n        margin-bottom: 25px;\\n    }\\n}\\n\\n@media (max-width: 767.98px) {\\n    .guide-image-container {\\n        height: 380px; \\\/* \\u0646\\u0641\\u0633 \\u0627\\u0644\\u0627\\u0631\\u062a\\u0641\\u0627\\u0639 \\u0644\\u062c\\u0645\\u064a\\u0639 \\u0627\\u0644\\u0623\\u062c\\u0647\\u0632\\u0629 *\\\/\\n    }\\n    \\n    .card-body {\\n        padding: 20px;\\n    }\\n    \\n    .social-icon {\\n        width: 36px;\\n        height: 36px;\\n        font-size: 0.9rem;\\n    }\\n}\\n\\n@media (max-width: 575.98px) {\\n    .guides-section {\\n        padding: 50px 0;\\n    }\\n    \\n    .guide-title {\\n        font-size: 1.1rem;\\n    }\\n    \\n    .guide-specialty {\\n        font-size: 0.9rem;\\n    }\\n    \\n    .social-links {\\n        gap: 8px;\\n    }\\n    \\n    .social-icon {\\n        width: 34px;\\n        height: 34px;\\n    }\\n}\\n\\\/* Guide End *\\\/\\n\\\/* Gallery Section *\\\/\\n.gallery-section {\\n    background: linear-gradient(to bottom, #f8f9fa 0%, #ffffff 100%);\\n}\\n\\n.gallery-card {\\n    position: relative;\\n    border-radius: 12px;\\n    overflow: hidden;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\\n    height: 100%;\\n}\\n\\n.gallery-card:hover {\\n    transform: translateY(-5px);\\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\\n}\\n\\n.gallery-img {\\n    width: 100%;\\n    height: 250px;\\n    object-fit: cover;\\n    transition: transform 0.8s ease;\\n}\\n\\n.gallery-card:hover .gallery-img {\\n    transform: scale(1.05);\\n}\\n\\n.gallery-overlay {\\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n    width: 100%;\\n    height: 100%;\\n    background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.2));\\n    opacity: 0;\\n    transition: opacity 0.3s ease;\\n}\\n\\n.gallery-card:hover .gallery-overlay {\\n    opacity: 1;\\n}\\n\\n.gallery-caption {\\n    position: absolute;\\n    bottom: -50px;\\n    left: 0;\\n    width: 100%;\\n    padding: 20px;\\n    color: white;\\n    transition: bottom 0.3s ease;\\n    z-index: 2;\\n}\\n\\n.gallery-card:hover .gallery-caption {\\n    bottom: 0;\\n}\\n\\n.gallery-caption span {\\n    font-size: 1.2rem;\\n    font-weight: 600;\\n    display: block;\\n    margin-bottom: 5px;\\n}\\n\\n.gallery-location {\\n    font-size: 0.9rem;\\n    opacity: 0.9;\\n    padding: 3px 10px;\\n    background: rgba(255,255,255,0.2);\\n    border-radius: 20px;\\n    display: inline-block;\\n}\\n\\n\\\/* Loading Spinner *\\\/\\n.loading-spinner {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 100%;\\n    height: 100%;\\n    background: rgba(0,0,0,0.5);\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    z-index: 9999;\\n}\\n\\n\\\/* Responsive Adjustments *\\\/\\n@media (max-width: 991.98px) {\\n    .gallery-img {\\n        height: 200px;\\n    }\\n}\\n\\n@media (max-width: 767.98px) {\\n    .gallery-img {\\n        height: 180px;\\n    }\\n    \\n    .gallery-caption span {\\n        font-size: 1rem;\\n    }\\n}\\n\\n@media (max-width: 575.98px) {\\n    .gallery-img {\\n        height: 150px;\\n    }\\n    \\n    .gallery-caption {\\n        padding: 15px;\\n    }\\n}\\n\\n\\\/* Testimonials Section *\\\/\\n.testimonials-section {\\n    background: linear-gradient(to bottom, #f8f9fa 0%, #ffffff 100%);\\n}\\n\\n.testimonial-card {\\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\\n    border-radius: 12px !important;\\n}\\n\\n.testimonial-card:hover {\\n    transform: translateY(-10px) scale(1.02);\\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;\\n}\\n\\n.testimonial-img-container {\\n    position: relative;\\n    width: 120px;\\n    height: 120px;\\n    margin: 0 auto;\\n}\\n\\n.testimonial-img {\\n    width: 100%;\\n    height: 100%;\\n    object-fit: cover;\\n    border: 3px solid white;\\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\\n}\\n\\n.testimonial-country-badge {\\n    position: absolute;\\n    bottom: -10px;\\n    right: -10px;\\n    background: var(--primary-color);\\n    color: white;\\n    padding: 5px 15px;\\n    border-radius: 30px;\\n    font-weight: 700;\\n    font-size: 0.8rem;\\n    z-index: 2;\\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);\\n}\\n\\n.testimonial-rating {\\n    font-size: 1.2rem;\\n    color: #ffc107;\\n}\\n\\n.testimonial-text {\\n    font-style: italic;\\n    color: #555;\\n    line-height: 1.7;\\n    min-height: 100px;\\n}\\n\\n.testimonial-name {\\n    color: var(--primary-color);\\n    font-weight: 600;\\n}\\n\\n\\\/* Responsive Adjustments *\\\/\\n@media (max-width: 991.98px) {\\n    .testimonial-img-container {\\n        width: 100px;\\n        height: 100px;\\n    }\\n    \\n    .testimonial-text {\\n        min-height: 120px;\\n        font-size: 0.95rem;\\n    }\\n}\\n\\n@media (max-width: 767.98px) {\\n    .testimonial-card {\\n        margin-bottom: 25px;\\n    }\\n    \\n    .testimonial-text {\\n        min-height: auto;\\n    }\\n}\\n\\n    \\\/* Animation Styles *\\\/\\n    .wow {\\n        visibility: hidden;\\n    }\\n    \\n    \\\/* Custom Animation Delays *\\\/\\n    .animate-delay-1 { animation-delay: 0.3s !important; }\\n    .animate-delay-2 { animation-delay: 0.6s !important; }\\n    .animate-delay-3 { animation-delay: 0.9s !important; }\\n    .animate-delay-4 { animation-delay: 1.2s !important; }\\n    \\n    \\\/* Custom Animations *\\\/\\n    @keyframes fadeInUpSm {\\n        from {\\n            opacity: 0;\\n            transform: translateY(20px);\\n        }\\n        to {\\n            opacity: 1;\\n            transform: translateY(0);\\n        }\\n    }\\n    \\n    .animate__fadeInUpSm {\\n        animation-name: fadeInUpSm;\\n    }\\n    \\n    \\\/* Section Animation *\\\/\\n    .section-animate {\\n        opacity: 0;\\n        transform: translateY(30px);\\n        transition: all 0.8s ease-out;\\n    }\\n    \\n    .section-animate.animate {\\n        opacity: 1;\\n        transform: translateY(0);\\n    }\\n\\n    .video-container {\\n    position: relative;\\n    width: 100%;\\n    height: 100vh;\\n    overflow: hidden;\\n}\\n\\n.video-background {\\n    position: absolute;\\n    top: 50%;\\n    left: 50%;\\n    min-width: 100%;\\n    min-height: 100%;\\n    width: auto;\\n    height: auto;\\n    transform: translate(-50%, -50%);\\n    z-index: 0;\\n    object-fit: cover;\\n}\\n\\n\\\/* \\u062a\\u0639\\u062f\\u064a\\u0644\\u0627\\u062a \\u0644\\u0644\\u0647\\u0648\\u0627\\u062a\\u0641 *\\\/\\n@media (max-width: 768px) {\\n    .video-container {\\n        height: 700px;\\n    }\\n    \\n    .carousel-header .carousel-inner .carousel-item .video-container {\\n        height: 700px;\\n    }\\n}\\n.locations-section {\\n    width: 100%;\\n    position: relative;\\n    padding: 2rem 0;\\n}\\n\\\/* Responsive side margins *\\\/\\n.container-fluid.px-4 {\\n    padding-left: 1.5rem;\\n    padding-right: 1.5rem;\\n}\\n\\n\\n.full-width-image {\\n    width: 100vw;\\n    margin-left: calc(-50vw + 50%);\\n    max-height: 90vh;\\n    overflow: hidden;\\n}\\n\\n.full-width-image img {\\n    width: 100%;\\n    height: auto;\\n    object-fit: cover;\\n    min-height: 300px;\\n}\\n\\n\\\/* For mobile responsiveness *\\\/\\n@media (max-width: 768px) {\\n    .full-width-image {\\n        max-height: 700vh;\\n    }\\n}\\n\\n\\n    <\\\/style>\\n    \\n  \\n\\n<!-- Carousel Start -->\\n<\/p>\n<div class=\\\"carousel-header section-animate\\\">\\n    <\/p>\n<div id=\\\"carouselId\\\" class=\\\"carousel slide\\\" data-bs-ride=\\\"carousel\\\">\\n        <\/p>\n<ol class=\\\"carousel-indicators\\\">\\n            <\/p>\n<li data-bs-target=\\\"#carouselId\\\" data-bs-slide-to=\\\"0\\\" class=\\\"active\\\"><\\\/li>\\n\n<li data-bs-target=\\\"#carouselId\\\" data-bs-slide-to=\\\"1\\\"><\\\/li>\\n\n<li data-bs-target=\\\"#carouselId\\\" data-bs-slide-to=\\\"2\\\"><\\\/li>\\n        <\\\/ol>\\n\n<div class=\\\"carousel-inner\\\" role=\\\"listbox\\\">\\n            <!-- Slide 1: Engineering Design (Image) -->\\n            <\/p>\n<div class=\\\"carousel-item active\\\">\\n                <img src=\\\"http:\\\/\\\/imeo-eg.net\\\/wp-content\\\/uploads\\\/slide1.jpg\\\" class=\\\"img-fluid\\\" alt=\\\"Engineering Design\\\">\\n                <\/p>\n<div class=\\\"carousel-caption animate__animated animate__fadeInUp animate__delay-1s\\\">\\n                    <\/p>\n<div class=\\\"p-3\\\" style=\\\"max-width: 900px;\\\">\\n                        <\/p>\n<h4 class=\\\"text-white text-uppercase fw-bold mb-4\\\" style=\\\"letter-spacing: 3px;\\\"><\\\/h4>\\n                        <\/p>\n<h1 class=\\\"display-2 text-capitalize text-white mb-4\\\">Engineering Design Solutions<\\\/h1>\\n                        <\/p>\n<p class=\\\"mb-5 fs-5\\\">Innovative and precise engineering designs tailored to your project requirements with the highest standards.<\\\/p>\\n                        <\/p>\n<div class=\\\"d-flex align-items-center justify-content-center\\\">\\n                            <a class=\\\"btn-hover-bg btn btn-primary rounded-pill text-white py-3 px-5\\\" href=\\\"https:\\\/\\\/imeo-eg.net\\\/?page_id=24\\\">Our Services<\\\/a>\\n                        <\\\/div>\\n                    <\\\/div>\\n                <\\\/div>\\n            <\\\/div>\\n            \\n            <!-- Slide 2: Project Management (Image) -->\\n            <\/p>\n<div class=\\\"carousel-item\\\">\\n                <img src=\\\"http:\\\/\\\/imeo-eg.net\\\/wp-content\\\/uploads\\\/slide2.jpg\\\" class=\\\"img-fluid\\\" alt=\\\"Project Management\\\">\\n                <\/p>\n<div class=\\\"carousel-caption animate__animated animate__fadeInUp animate__delay-1s\\\">\\n                    <\/p>\n<div class=\\\"p-3\\\" style=\\\"max-width: 900px;\\\">\\n                        <\/p>\n<h4 class=\\\"text-white text-uppercase fw-bold mb-4\\\" style=\\\"letter-spacing: 3px;\\\"><\\\/h4>\\n                        <\/p>\n<h1 class=\\\"display-2 text-capitalize text-white mb-4\\\">Professional Project Management<\\\/h1>\\n                        <\/p>\n<p class=\\\"mb-5 fs-5\\\">Comprehensive project management services ensuring timely delivery and optimal resource utilization.<\\\/p>\\n                        <\/p>\n<div class=\\\"d-flex align-items-center justify-content-center\\\">\\n                            <a class=\\\"btn-hover-bg btn btn-primary rounded-pill text-white py-3 px-5\\\" href=\\\"https:\\\/\\\/imeo-eg.net\\\/?page_id=373\\\">Our Projects<\\\/a>\\n                        <\\\/div>\\n                    <\\\/div>\\n                <\\\/div>\\n            <\\\/div>\\n            \\n            <!-- Slide 3: Site Supervision (Image) -->\\n            <\/p>\n<div class=\\\"carousel-item\\\">\\n                <img src=\\\"http:\\\/\\\/imeo-eg.net\\\/wp-content\\\/uploads\\\/slide3.jpg\\\" class=\\\"img-fluid\\\" alt=\\\"Site Supervision\\\">\\n                <\/p>\n<div class=\\\"carousel-caption animate__animated animate__fadeInUp animate__delay-1s\\\">\\n                    <\/p>\n<div class=\\\"p-3\\\" style=\\\"max-width: 900px;\\\">\\n                        <\/p>\n<h4 class=\\\"text-white text-uppercase fw-bold mb-4\\\" style=\\\"letter-spacing: 3px;\\\"><\\\/h4>\\n                        <\/p>\n<h1 class=\\\"display-2 text-capitalize text-white mb-4\\\">Expert Site Supervision<\\\/h1>\\n                        <\/p>\n<p class=\\\"mb-5 fs-5\\\">On-site supervision by experienced engineers to ensure quality control and adherence to specifications.<\\\/p>\\n                        <\/p>\n<div class=\\\"d-flex align-items-center justify-content-center\\\">\\n                            <a class=\\\"btn-hover-bg btn btn-primary rounded-pill text-white py-3 px-5\\\" href=\\\"https:\\\/\\\/imeo-eg.net\\\/?page_id=26\\\">Contact Us<\\\/a>\\n                        <\\\/div>\\n                    <\\\/div>\\n                <\\\/div>\\n            <\\\/div>\\n        <\\\/div>\\n        <button class=\\\"carousel-control-prev\\\" type=\\\"button\\\" data-bs-target=\\\"#carouselId\\\" data-bs-slide=\\\"prev\\\">\\n            <span class=\\\"carousel-control-prev-icon btn bg-primary\\\" aria-hidden=\\\"false\\\"><\\\/span>\\n            <span class=\\\"visually-hidden\\\">Previous<\\\/span>\\n        <\\\/button>\\n        <button class=\\\"carousel-control-next\\\" type=\\\"button\\\" data-bs-target=\\\"#carouselId\\\" data-bs-slide=\\\"next\\\">\\n            <span class=\\\"carousel-control-next-icon btn bg-primary\\\" aria-hidden=\\\"false\\\"><\\\/span>\\n            <span class=\\\"visually-hidden\\\">Next<\\\/span>\\n        <\\\/button>\\n    <\\\/div>\\n<\\\/div>\\n<!-- Carousel End -->\\n\\n\\n<!-- About Start -->\\n<\/p>\n<div class=\\\"container-fluid about py-5 bg-light section-animate\\\">\\n    <\/p>\n<div class=\\\"container py-5\\\">\\n        <\/p>\n<div class=\\\"row g-5 align-items-center\\\">\\n            <!-- Left Column: Image -->\\n            <\/p>\n<div class=\\\"col-lg-5 wow animate__animated animate__fadeInLeft\\\" data-wow-delay=\\\"0.2s\\\">\\n                <\/p>\n<div class=\\\"position-relative overflow-hidden rounded-4 shadow-lg\\\" style=\\\"min-height: 100%; border: 4px solid #0d6efd; border-radius: 15px; box-shadow: 0 4px 20px rgba(13, 110, 253, 0.15);\\\">\\n                    <!-- Gradient Overlay -->\\n                    <\/p>\n<div class=\\\"position-absolute top-0 start-0 w-100 h-100\\\" style=\\\"\\n                        background: linear-gradient(135deg, rgba(13,110,253,0.3), rgba(102,16,242,0.3));\\n                        opacity: 0.2;\\n                        z-index: 1;\\\">\\n                    <\\\/div>\\n\\n                    <!-- Main Image -->\\n                    <img src=\\\"http:\\\/\\\/imeo-eg.net\\\/wp-content\\\/uploads\\\/home-hero-slideshow-02.jpg\\\" class=\\\"img-fluid w-100 h-100 object-fit-cover rounded-4\\\" alt=\\\"About IMEO-EG.NET\\\" style=\\\"position: relative; z-index: 2; transition: transform 0.3s ease-in-out;\\\">\\n\\n                    <!-- Experience Badge -->\\n                    <\/p>\n<div class=\\\"position-absolute bottom-0 start-0 translate-middle-y ms-4 mb-4 bg-white border border-4 border-primary text-primary text-center rounded-circle shadow d-flex flex-column justify-content-center align-items-center\\\"\\n                        style=\\\"width: 110px; height: 110px; z-index: 3;\\\">\\n                        <\/p>\n<h4 class=\\\"mb-0 fw-bold\\\">15+<\\\/h4>\\n                        <small class=\\\"text-muted\\\" style=\\\"font-size: 0.75rem;\\\">Years<br \/>Experience<\\\/small>\\n                    <\\\/div>\\n                <\\\/div>\\n            <\\\/div>\\n\\n            <!-- Right Column: Text -->\\n            <\/p>\n<div class=\\\"col-lg-7 wow animate__animated animate__fadeInRight\\\" data-wow-delay=\\\"0.4s\\\">\\n                <\/p>\n<div class=\\\"about-content p-4 p-lg-5 rounded-3 shadow-sm\\\" style=\\\"background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));\\\">\\n                    <\/p>\n<h5 class=\\\"section-about-title text-primary mb-3 wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"0.6s\\\">About Us<\\\/h5>\\n                    <\/p>\n<h1 class=\\\"mb-4 wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"0.8s\\\">Welcome to <span class=\\\"text-primary\\\">integrated Mechanical Engineering Office <\\\/span><\\\/h1>\\n\\n                    <\/p>\n<p class=\\\"mb-4 wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"1.0s\\\">\\n                        IMEO is a leading engineering consultancy firm specializing in design, project management, \\n                        and construction supervision. With a team of highly qualified engineers and professionals, \\n                        we deliver innovative solutions for complex engineering challenges.\\n                    <\\\/p>\\n\\n                    <\/p>\n<p class=\\\"mb-4 wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"1.2s\\\">\\n                        Our commitment to quality, safety, and sustainability has made us a trusted partner for \\n                        numerous projects across various sectors including infrastructure, buildings, and industrial facilities.\\n                    <\\\/p>\\n\\n                    <\/p>\n<div class=\\\"row gy-2 gx-4 mb-4\\\">\\n                        <\/p>\n<div class=\\\"col-sm-6 wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"0.6s\\\">\\n                            <\/p>\n<p class=\\\"mb-3\\\"><i class=\\\"fa fa-check-circle text-primary me-2\\\"><\\\/i>Engineering Design<\\\/p>\\n                        <\\\/div>\\n                        <\/p>\n<div class=\\\"col-sm-6 wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"0.7s\\\">\\n                            <\/p>\n<p class=\\\"mb-3\\\"><i class=\\\"fa fa-check-circle text-primary me-2\\\"><\\\/i>Project Management<\\\/p>\\n                        <\\\/div>\\n                        <\/p>\n<div class=\\\"col-sm-6 wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"0.8s\\\">\\n                            <\/p>\n<p class=\\\"mb-3\\\"><i class=\\\"fa fa-check-circle text-primary me-2\\\"><\\\/i>Construction Supervision<\\\/p>\\n                        <\\\/div>\\n                        <\/p>\n<div class=\\\"col-sm-6 wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"0.9s\\\">\\n                            <\/p>\n<p class=\\\"mb-3\\\"><i class=\\\"fa fa-check-circle text-primary me-2\\\"><\\\/i>Feasibility Studies<\\\/p>\\n                        <\\\/div>\\n                        <\/p>\n<div class=\\\"col-sm-6 wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"1.0s\\\">\\n                            <\/p>\n<p class=\\\"mb-3\\\"><i class=\\\"fa fa-check-circle text-primary me-2\\\"><\\\/i>Technical Consultancy<\\\/p>\\n                        <\\\/div>\\n                        <\/p>\n<div class=\\\"col-sm-6 wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"1.1s\\\">\\n                            <\/p>\n<p class=\\\"mb-3\\\"><i class=\\\"fa fa-check-circle text-primary me-2\\\"><\\\/i>Quality Control<\\\/p>\\n                        <\\\/div>\\n                    <\\\/div>\\n\\n                    <a class=\\\"btn btn-primary rounded-pill py-3 px-5 mt-2 wow animate__animated animate__fadeInUp\\\" href=\\\"https:\\\/\\\/imeo-eg.net\\\/?page_id=24\\\" data-wow-delay=\\\"1.4s\\\">\\n                        Read More <i class=\\\"fas fa-arrow-right ms-2\\\"><\\\/i>\\n                    <\\\/a>\\n                <\\\/div>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n<\\\/div>\\n<!-- About End -->\\n\\n<!-- Services Section -->\\n<\/p>\n<section id=\\\"services\\\" class=\\\"guides-section py-5 position-relative section-animate\\\">\\n    <\/p>\n<div class=\\\"container position-relative z-index-1\\\">\\n        <!-- Section Header -->\\n        <\/p>\n<div class=\\\"section-header text-center mb-5\\\">\\n            <\/p>\n<h5 class=\\\"text-uppercase text-primary mb-3 wow animate__animated animate__fadeInDown\\\">Our<\\\/h5>\\n            <\/p>\n<h1 class=\\\"display-4 fw-bold mb-4 wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"0.3s\\\">Core Services<\\\/h1>\\n        <\\\/div>\\n        \\n        <!-- Services Grid -->\\n        <\/p>\n<div class=\\\"row g-4\\\">\\n            <!-- Service 1 -->\\n            <\/p>\n<div class=\\\"col-md-6 col-lg-3 wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"0.1s\\\">\\n                <\/p>\n<div class=\\\"card guide-card h-100 border-0 shadow-sm overflow-hidden\\\">\\n                    <\/p>\n<div class=\\\"guide-image-container\\\">\\n                        <img src=\\\"https:\\\/\\\/www.twi-global.com\\\/image-library\\\/hero\\\/engineering-design-process.jpg\\\" class=\\\"guide-image\\\" alt=\\\"Engineering Design\\\">\\n                        <\/p>\n<div class=\\\"guide-overlay\\\"><\\\/div>\\n                        <\/p>\n<div class=\\\"guide-country-badge\\\">Design<\\\/div>\\n                    <\\\/div>\\n                    <\/p>\n<div class=\\\"card-body text-center\\\">\\n                        <\/p>\n<h5 class=\\\"card-title\\\">Engineering Design<\\\/h5>\\n                        <\/p>\n<p class=\\\"text-primary fw-bold mb-3\\\">Precision Engineering<\\\/p>\\n                        \\n                        <\/p>\n<ul class=\\\"guide-features list-unstyled mt-3 mb-4\\\">\\n                            <\/p>\n<li class=\\\"mb-2\\\"><i class=\\\"fas fa-award text-primary me-2\\\"><\\\/i>  Electro-Mechanical designs <\\\/li>\\n\n<li class=\\\"mb-2\\\"><i class=\\\"fas fa-cube text-primary me-2\\\"><\\\/i> particular emphasis on innovation<\\\/li>\\n\n<li class=\\\"mb-2\\\"><i class=\\\"fas fa-drafting-compass text-primary me-2\\\"><\\\/i>Cost effectiveness and quality <\\\/li>\\n                        <\\\/ul>\\n                        \\n\n<div class=\\\"social-links d-flex justify-content-center gap-3 mt-4\\\">\\n                            <a href=\\\"#contact\\\" class=\\\"text-primary\\\"><i class=\\\"fas fa-envelope\\\"><\\\/i><\\\/a>\\n                            <a href=\\\"#contact\\\" class=\\\"text-primary\\\"><i class=\\\"fas fa-phone-alt\\\"><\\\/i><\\\/a>\\n                        <\\\/div>\\n                    <\\\/div>\\n                <\\\/div>\\n            <\\\/div>\\n            \\n            <!-- Service 2 -->\\n            <\/p>\n<div class=\\\"col-md-6 col-lg-3 wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"0.2s\\\">\\n                <\/p>\n<div class=\\\"card guide-card h-100 border-0 shadow-sm overflow-hidden\\\">\\n                    <\/p>\n<div class=\\\"guide-image-container\\\">\\n                        <img src=\\\"https:\\\/\\\/files.selar.co\\\/product-images\\\/2024\\\/products\\\/Viclabulary\\\/project-management-selar.co-65f60d5694847.jpg\\\" class=\\\"guide-image\\\" alt=\\\"Project Management\\\">\\n                        <\/p>\n<div class=\\\"guide-overlay\\\"><\\\/div>\\n                        <\/p>\n<div class=\\\"guide-country-badge\\\">Tender <\\\/div>\\n                    <\\\/div>\\n                    <\/p>\n<div class=\\\"card-body text-center\\\">\\n                        <\/p>\n<h5 class=\\\"card-title\\\">Tender Documents<\\\/h5>\\n                        <\/p>\n<p class=\\\"text-primary fw-bold mb-3\\\">Efficient Execution<\\\/p>\\n                        \\n                        <\/p>\n<ul class=\\\"guide-features list-unstyled mt-3 mb-4\\\">\\n                            <\/p>\n<li class=\\\"mb-2\\\"><i class=\\\"fas fa-tasks text-primary me-2\\\"><\\\/i> Designs Drawing <\\\/li>\\n\n<li class=\\\"mb-2\\\"><i class=\\\"fas fa-chart-line text-primary me-2\\\"><\\\/i>  Material specifications<\\\/li>\\n\n<li class=\\\"mb-2\\\"><i class=\\\"fas fa-check-circle text-primary me-2\\\"><\\\/i>Bill of quantities and Estimate Cost <\\\/li>\\n                        <\\\/ul>\\n                        \\n\n<div class=\\\"social-links d-flex justify-content-center gap-3 mt-4\\\">\\n                            <a href=\\\"#contact\\\" class=\\\"text-primary\\\"><i class=\\\"fas fa-envelope\\\"><\\\/i><\\\/a>\\n                            <a href=\\\"#contact\\\" class=\\\"text-primary\\\"><i class=\\\"fas fa-phone-alt\\\"><\\\/i><\\\/a>\\n                        <\\\/div>\\n                    <\\\/div>\\n                <\\\/div>\\n            <\\\/div>\\n            \\n            <!-- Service 3 -->\\n<\/p>\n<div class=\\\"col-md-6 col-lg-3 wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"0.3s\\\">\\n    <\/p>\n<div class=\\\"card guide-card h-100 border-0 shadow-sm overflow-hidden\\\">\\n        <\/p>\n<div class=\\\"guide-image-container\\\">\\n            <img src=\\\"https:\\\/\\\/www.aspire.net.eg\\\/wp-content\\\/uploads\\\/2014\\\/03\\\/Construction-Page.jpg\\\" class=\\\"guide-image img-cover\\\" alt=\\\"Site Supervision\\\">\\n            <\/p>\n<div class=\\\"guide-overlay\\\"><\\\/div>\\n            <\/p>\n<div class=\\\"guide-country-badge\\\">Supervision<\\\/div>\\n        <\\\/div>\\n        <\/p>\n<div class=\\\"card-body text-center\\\">\\n            <\/p>\n<h5 class=\\\"card-title\\\">Site Supervision<\\\/h5>\\n            <\/p>\n<p class=\\\"text-primary fw-bold mb-3\\\">Quality Control<\\\/p>\\n            \\n            <\/p>\n<ul class=\\\"guide-features list-unstyled mt-3 mb-4\\\">\\n                <\/p>\n<li class=\\\"mb-2\\\"><i class=\\\"fas fa-hard-hat text-primary me-2\\\"><\\\/i>Guarantee that the materials used.<\\\/li>\\n\n<li class=\\\"mb-2\\\"><i class=\\\"fas fa-clipboard-check text-primary me-2\\\"><\\\/i>All equipment and systems are of good quality <\\\/li>\\n               \\n            <\\\/ul>\\n            \\n\n<div class=\\\"social-links d-flex justify-content-center gap-3 mt-4\\\">\\n                <a href=\\\"#contact\\\" class=\\\"text-primary\\\"><i class=\\\"fas fa-envelope\\\"><\\\/i><\\\/a>\\n                <a href=\\\"#contact\\\" class=\\\"text-primary\\\"><i class=\\\"fas fa-phone-alt\\\"><\\\/i><\\\/a>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n<\\\/div>\\n            \\n            <!-- Service 4 -->\\n            <\/p>\n<div class=\\\"col-md-6 col-lg-3 wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"0.4s\\\">\\n                <\/p>\n<div class=\\\"card guide-card h-100 border-0 shadow-sm overflow-hidden\\\">\\n                    <\/p>\n<div class=\\\"guide-image-container\\\">\\n                        <img src=\\\"https:\\\/\\\/encrypted-tbn0.gstatic.com\\\/images?q=tbn:ANd9GcQIejcDsOhPJoPlXpQn_Cygnhlmf5NYcsFNOA&#038;s\\\" class=\\\"guide-image\\\" alt=\\\"Technical Consultancy\\\">\\n                        <\/p>\n<div class=\\\"guide-overlay\\\"><\\\/div>\\n                        <\/p>\n<div class=\\\"guide-country-badge\\\">Management <\\\/div>\\n                    <\\\/div>\\n                    <\/p>\n<div class=\\\"card-body text-center\\\">\\n                        <\/p>\n<h5 class=\\\"card-title\\\">Project Management <\\\/h5>\\n                        <\/p>\n<p class=\\\"text-primary fw-bold mb-3\\\">Expert Advice<\\\/p>\\n                        \\n                        <\/p>\n<ul class=\\\"guide-features list-unstyled mt-3 mb-4\\\">\\n                            <\/p>\n<li class=\\\"mb-2\\\"><i class=\\\"fas fa-lightbulb text-primary me-2\\\"><\\\/i>  Discipline of initiating <\\\/li>\\n\n<li class=\\\"mb-2\\\"><i class=\\\"fas fa-search-dollar text-primary me-2\\\"><\\\/i>Planning & Excuting<\\\/li>\\n\n<li class=\\\"mb-2\\\"><i class=\\\"fas fa-file-contract text-primary me-2\\\"><\\\/i>Controlling <\\\/li>\\n                        <\\\/ul>\\n                        \\n\n<div class=\\\"social-links d-flex justify-content-center gap-3 mt-4\\\">\\n                            <a href=\\\"#contact\\\" class=\\\"text-primary\\\"><i class=\\\"fas fa-envelope\\\"><\\\/i><\\\/a>\\n                            <a href=\\\"#contact\\\" class=\\\"text-primary\\\"><i class=\\\"fas fa-phone-alt\\\"><\\\/i><\\\/a>\\n                        <\\\/div>\\n                    <\\\/div>\\n                <\\\/div>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n<\\\/section>\\n<!-- Services End -->\\n\\n<!-- Projects Gallery Section -->\\n<\/p>\n<section id=\\\"projects\\\" class=\\\"gallery-section py-5 position-relative section-animate\\\">\\n    <\/p>\n<div class=\\\"container position-relative z-index-1\\\">\\n        <!-- Section Header -->\\n        <\/p>\n<div class=\\\"section-header text-center mb-5\\\">\\n            <\/p>\n<h5 class=\\\"text-uppercase text-primary mb-3 wow animate__animated animate__fadeInDown\\\">Our<\\\/h5>\\n            <\/p>\n<h1 class=\\\"display-4 fw-bold mb-3 wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"0.3s\\\">Featured Projects<\\\/h1>\\n            <\/p>\n<p class=\\\"lead text-muted wow animate__animated animate__fadeInUp\\\" data-wow-delay=\\\"0.5s\\\">Explore our portfolio of successfully completed engineering projects<\\\/p>\\n        <\\\/div>\\n        \\n        <!-- Projects Grid -->\\n        <\/p>\n<div class=\\\"row g-3 gallery-grid\\\">\\n            <!-- Project 1 -->\\n            <\/p>\n<div class=\\\"col-md-3 col-6 wow animate__animated animate__fadeIn\\\" data-wow-delay=\\\"0.1s\\\">\\n                <\/p>\n<div class=\\\"gallery-card h-100\\\">\\n                    <a href=\\\"http:\\\/\\\/imeo-eg.net\\\/wp-content\\\/uploads\\\/slide2-mini.jpg\\\" data-lightbox=\\\"projects\\\" data-title=\\\"Industrial Complex\\\">\\n                        <img src=\\\"http:\\\/\\\/imeo-eg.net\\\/wp-content\\\/uploads\\\/WhatsApp-Image-2025-05-07-at-8.51.55-PM-1-scaled.jpeg\\\" alt=\\\"Industrial Complex\\\" class=\\\"img-fluid gallery-img\\\">\\n                        <\/p>\n<div class=\\\"gallery-overlay\\\"><\\\/div>\\n                        <\/p>\n<div class=\\\"gallery-caption\\\">\\n                            <span>Industrial Complex<\\\/span>\\n                            <\/p>\n<div class=\\\"gallery-location\\\">IMEO-EG<\\\/div>\\n                        <\\\/div>\\n                    <\\\/a>\\n                <\\\/div>\\n            <\\\/div>\\n            \\n            <!-- Project 2 -->\\n            <\/p>\n<div class=\\\"col-md-3 col-6 wow animate__animated animate__fadeIn\\\" data-wow-delay=\\\"0.2s\\\">\\n                <\/p>\n<div class=\\\"gallery-card h-100\\\">\\n                    <a href=\\\"WhatsApp Image 2025-05-04 at 11.18.18 PM (1).jpeg\\\" data-lightbox=\\\"projects\\\" data-title=\\\"Commercial Tower\\\">\\n                        <img src=\\\"http:\\\/\\\/imeo-eg.net\\\/wp-content\\\/uploads\\\/WhatsApp-Image-2025-05-06-at-6.38.45-PM-2-1.jpeg\\\" alt=\\\"Commercial Tower\\\" class=\\\"img-fluid gallery-img\\\">\\n                        <\/p>\n<div class=\\\"gallery-overlay\\\"><\\\/div>\\n                        <\/p>\n<div class=\\\"gallery-caption\\\">\\n                            <span>Commercial Tower<\\\/span>\\n                            <\/p>\n<div class=\\\"gallery-location\\\">IMEO-EG<\\\/div>\\n                        <\\\/div>\\n                    <\\\/a>\\n                <\\\/div>\\n            <\\\/div>\\n            \\n            <!-- Project 3 -->\\n            <\/p>\n<div class=\\\"col-md-3 col-6 wow animate__animated animate__fadeIn\\\" data-wow-delay=\\\"0.3s\\\">\\n                <\/p>\n<div class=\\\"gallery-card h-100\\\">\\n                    <a href=\\\"WhatsApp Image 2025-05-04 at 11.18.18 PM (2).jpeg\\\" data-lightbox=\\\"projects\\\" data-title=\\\"Bridge Construction\\\">\\n                        <img src=\\\"http:\\\/\\\/imeo-eg.net\\\/wp-content\\\/uploads\\\/WhatsApp-Image-2025-05-08-at-9.10.11-PM-scaled.jpeg\\\" alt=\\\"Bridge Construction\\\" class=\\\"img-fluid gallery-img\\\">\\n                        <\/p>\n<div class=\\\"gallery-overlay\\\"><\\\/div>\\n                        <\/p>\n<div class=\\\"gallery-caption\\\">\\n                            <span>Bridge Construction<\\\/span>\\n                            <\/p>\n<div class=\\\"gallery-location\\\">IMEO-EG<\\\/div>\\n                        <\\\/div>\\n                    <\\\/a>\\n                <\\\/div>\\n            <\\\/div>\\n            \\n            <!-- Project 4 -->\\n            <\/p>\n<div class=\\\"col-md-3 col-6 wow animate__animated animate__fadeIn\\\" data-wow-delay=\\\"0.4s\\\">\\n                <\/p>\n<div class=\\\"gallery-card h-100\\\">\\n                    <a href=\\\"WhatsApp Image 2025-05-04 at 11.18.18 PM (3).jpeg\\\" data-lightbox=\\\"projects\\\" data-title=\\\"Residential Complex\\\">\\n                        <img src=\\\"http:\\\/\\\/imeo-eg.net\\\/wp-content\\\/uploads\\\/WhatsApp-Image-2025-05-08-at-9.11.03-PM-scaled.jpeg\\\" alt=\\\"Residential Complex\\\" class=\\\"img-fluid gallery-img\\\">\\n                        <\/p>\n<div class=\\\"gallery-overlay\\\"><\\\/div>\\n                        <\/p>\n<div class=\\\"gallery-caption\\\">\\n                            <span>Residential Complex<\\\/span>\\n                            <\/p>\n<div class=\\\"gallery-location\\\">IMEO-EG<\\\/div>\\n                        <\\\/div>\\n                    <\\\/a>\\n                <\\\/div>\\n            <\\\/div>\\n            \\n            <!-- Project 5 -->\\n            <\/p>\n<div class=\\\"col-md-3 col-6 wow animate__animated animate__fadeIn\\\" data-wow-delay=\\\"0.5s\\\">\\n                <\/p>\n<div class=\\\"gallery-card h-100\\\">\\n                    <a href=\\\"WhatsApp Image 2025-05-10 at 7.16.41 PM.jpeg\\\" data-lightbox=\\\"projects\\\" data-title=\\\"Hospital Building\\\">\\n                        <img src=\\\"http:\\\/\\\/imeo-eg.net\\\/wp-content\\\/uploads\\\/WhatsApp-Image-2025-05-08-at-9.10.11-PM-scaled.jpeg\\\" alt=\\\"Hospital Building\\\" class=\\\"img-fluid gallery-img\\\">\\n                        <\/p>\n<div class=\\\"gallery-overlay\\\"><\\\/div>\\n                        <\/p>\n<div class=\\\"gallery-caption\\\">\\n                            <span>Hospital Building<\\\/span>\\n                            <\/p>\n<div class=\\\"gallery-location\\\">IMEO-EG<\\\/div>\\n                        <\\\/div>\\n                    <\\\/a>\\n                <\\\/div>\\n            <\\\/div>\\n            \\n            <!-- Project 6 -->\\n            <\/p>\n<div class=\\\"col-md-3 col-6 wow animate__animated animate__fadeIn\\\" data-wow-delay=\\\"0.6s\\\">\\n                <\/p>\n<div class=\\\"gallery-card h-100\\\">\\n                    <a href=\\\"WhatsApp Image 2025-05-08 at 9.11.00 PM.jpeg\\\" data-lightbox=\\\"projects\\\" data-title=\\\"Shopping Mall\\\">\\n                        <img src=\\\"http:\\\/\\\/imeo-eg.net\\\/wp-content\\\/uploads\\\/WhatsApp-Image-2025-05-10-at-9.26.12-PM-3-scaled.jpeg\\\" alt=\\\"Shopping Mall\\\" class=\\\"img-fluid gallery-img\\\">\\n                        <\/p>\n<div class=\\\"gallery-overlay\\\"><\\\/div>\\n                        <\/p>\n<div class=\\\"gallery-caption\\\">\\n                            <span>Shopping Mall<\\\/span>\\n                            <\/p>\n<div class=\\\"gallery-location\\\">IMEO-EG<\\\/div>\\n                        <\\\/div>\\n                    <\\\/a>\\n                <\\\/div>\\n            <\\\/div>\\n            \\n            <!-- Project 7 -->\\n            <\/p>\n<div class=\\\"col-md-3 col-6 wow animate__animated animate__fadeIn\\\" data-wow-delay=\\\"0.7s\\\">\\n                <\/p>\n<div class=\\\"gallery-card h-100\\\">\\n                    <a href=\\\"WhatsApp Image 2025-05-04 at 11.18.20 PM.jpeg\\\" data-lightbox=\\\"projects\\\" data-title=\\\"University Campus\\\">\\n                        <img src=\\\"http:\\\/\\\/imeo-eg.net\\\/wp-content\\\/uploads\\\/WhatsApp-Image-2025-05-10-at-9.26.12-PM-4.jpeg\\\" alt=\\\"University Campus\\\" class=\\\"img-fluid gallery-img\\\">\\n                        <\/p>\n<div class=\\\"gallery-overlay\\\"><\\\/div>\\n                        <\/p>\n<div class=\\\"gallery-caption\\\">\\n                            <span>University Campus<\\\/span>\\n                            <\/p>\n<div class=\\\"gallery-location\\\">IMEO-EG<\\\/div>\\n                        <\\\/div>\\n                    <\\\/a>\\n                <\\\/div>\\n            <\\\/div>\\n            \\n            <!-- Project 8 -->\\n            <\/p>\n<div class=\\\"col-md-3 col-6 wow animate__animated animate__fadeIn\\\" data-wow-delay=\\\"0.8s\\\">\\n                <\/p>\n<div class=\\\"gallery-card h-100\\\">\\n                    <a href=\\\"WhatsApp Image 2025-05-04 at 11.18.19 PM.jpeg\\\" data-lightbox=\\\"projects\\\" data-title=\\\"Road Infrastructure\\\">\\n                        <img src=\\\"http:\\\/\\\/imeo-eg.net\\\/wp-content\\\/uploads\\\/WhatsApp-Image-2025-05-10-at-9.26.13-PM-scaled.jpeg\\\" alt=\\\"Road Infrastructure\\\" class=\\\"img-fluid gallery-img\\\">\\n                        <\/p>\n<div class=\\\"gallery-overlay\\\"><\\\/div>\\n                        <\/p>\n<div class=\\\"gallery-caption\\\">\\n                            <span>Road Infrastructure<\\\/span>\\n                            <\/p>\n<div class=\\\"gallery-location\\\">IMEO-EG<\\\/div>\\n                        <\\\/div>\\n                    <\\\/a>\\n                <\\\/div>\\n            <\\\/div>\\n        <\\\/div>\\n        \\n    <!-- Loading Spinner -->\\n    <\/p>\n<div class=\\\"loading-spinner\\\" style=\\\"display:none;\\\">\\n        <\/p>\n<div class=\\\"spinner-border text-primary\\\" role=\\\"status\\\">\\n            <span class=\\\"visually-hidden\\\">Loading...<\\\/span>\\n        <\\\/div>\\n    <\\\/div>\\n<\\\/section>\\n<!-- Projects Gallery End -->\\n\\n<!-- Full Width Locations Section -->\\n<\/p>\n<section id=\\\"locations\\\" class=\\\"locations-section position-relative overflow-hidden\\\">\\n    <!-- Section Title -->\\n    <\/p>\n<div class=\\\"container position-relative z-index-2 py-4\\\">\\n        <\/p>\n<div class=\\\"row\\\">\\n            <\/p>\n<div class=\\\"col-12 text-center\\\">\\n                <\/p>\n<h2 class=\\\"animate__animated animate__fadeInDown text-white\\\" style=\\\"animation-delay: 0.3s; text-shadow: 0 2px 4px rgba(0,0,0,0.5);\\\">\\n                    <span class=\\\"en\\\">Locations<\\\/span>\\n                    <span class=\\\"ar\\\" style=\\\"display:none\\\">\\u0627\\u0644\\u0645\\u0648\\u0627\\u0642\\u0639<\\\/span>\\n                <\\\/h2>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n    \\n    <!-- Full Width Image -->\\n    <\/p>\n<div class=\\\"full-width-image animate__animated animate__fadeIn\\\" style=\\\"animation-delay: 0.5s\\\">\\n        <img src=\\\"http:\\\/\\\/imeo-eg.net\\\/wp-content\\\/uploads\\\/WhatsApp-Image-2025-05-10-at-10.59.44-PM.jpeg\\\" \\n             alt=\\\"IMEO Locations\\\" \\n             class=\\\"img-fluid w-100\\\">\\n    <\\\/div>\\n<\\\/section>\\n\\n<!-- Testimonials Section -->\\n<\/p>\n<section id=\\\"testimonials\\\" class=\\\"testimonials-section py-5 position-relative\\\">\\n    <\/p>\n<div class=\\\"container position-relative z-index-1\\\">\\n        <!-- Section Header -->\\n        <\/p>\n<div class=\\\"section-header text-center mb-5\\\">\\n            <\/p>\n<h5 class=\\\"text-uppercase text-primary mb-3 wow fadeInDown\\\">Client<\\\/h5>\\n            <\/p>\n<h1 class=\\\"display-4 fw-bold mb-3 wow fadeInUp\\\" data-wow-delay=\\\"0.3s\\\">Testimonials<\\\/h1>\\n        <\\\/div>\\n        \\n        <!-- Testimonials Grid -->\\n        <\/p>\n<div class=\\\"row g-4\\\">\\n            <!-- Testimonial 1 -->\\n            <\/p>\n<div class=\\\"col-md-4 wow fadeInUp\\\" data-wow-delay=\\\"0.1s\\\">\\n                <\/p>\n<div class=\\\"card testimonial-card h-100 border-0 shadow-sm overflow-hidden\\\">\\n                    <\/p>\n<div class=\\\"card-body p-4 text-center\\\">\\n                        <\/p>\n<div class=\\\"testimonial-img-container mx-auto mb-4\\\">\\n                            <\/p>\n<div class=\\\"testimonial-country-badge\\\">PETROLEUM<\\\/div>\\n                        <\\\/div>\\n                        <\/p>\n<div class=\\\"testimonial-rating mb-3\\\">\\n                            <i class=\\\"fas fa-star text-warning\\\"><\\\/i>\\n                            <i class=\\\"fas fa-star text-warning\\\"><\\\/i>\\n                            <i class=\\\"fas fa-star text-warning\\\"><\\\/i>\\n                            <i class=\\\"fas fa-star text-warning\\\"><\\\/i>\\n                            <i class=\\\"fas fa-star text-warning\\\"><\\\/i>\\n                        <\\\/div>\\n                        <\/p>\n<div class=\\\"testimonial-content\\\">\\n                            <\/p>\n<p class=\\\"testimonial-text mb-4\\\">\\\"IMEO-EG.NET delivered exceptional engineering designs for our commercial complex. Their attention to detail and innovative solutions saved us time and costs.\\\"<\\\/p>\\n                        <\\\/div>\\n                        <\/p>\n<div class=\\\"testimonial-footer mt-auto\\\">\\n                            <\/p>\n<h5 class=\\\"testimonial-name mb-1\\\">Misr Petroleum <\\\/h5>\\n                            <\/p>\n<p class=\\\"text-muted small\\\">CEO, Delta Construction<\\\/p>\\n                        <\\\/div>\\n                    <\\\/div>\\n                <\\\/div>\\n            <\\\/div>\\n            \\n            <!-- Testimonial 2 -->\\n            <\/p>\n<div class=\\\"col-md-4 wow fadeInUp\\\" data-wow-delay=\\\"0.2s\\\">\\n                <\/p>\n<div class=\\\"card testimonial-card h-100 border-0 shadow-sm overflow-hidden\\\">\\n                    <\/p>\n<div class=\\\"card-body p-4 text-center\\\">\\n                        <\/p>\n<div class=\\\"testimonial-img-container mx-auto mb-4\\\">\\n                            <\/p>\n<div class=\\\"testimonial-country-badge\\\">Yemen <\\\/div>\\n                        <\\\/div>\\n                        <\/p>\n<div class=\\\"testimonial-rating mb-3\\\">\\n                            <i class=\\\"fas fa-star text-warning\\\"><\\\/i>\\n                            <i class=\\\"fas fa-star text-warning\\\"><\\\/i>\\n                            <i class=\\\"fas fa-star text-warning\\\"><\\\/i>\\n                            <i class=\\\"fas fa-star text-warning\\\"><\\\/i>\\n                            <i class=\\\"fas fa-star text-warning\\\"><\\\/i>\\n                        <\\\/div>\\n                        <\/p>\n<div class=\\\"testimonial-content\\\">\\n                            <\/p>\n<p class=\\\"testimonial-text mb-4\\\">\\\"Their project management team ensured our residential project was completed on time and within budget. Highly professional and reliable.\\\"<\\\/p>\\n                        <\\\/div>\\n                        <\/p>\n<div class=\\\"testimonial-footer mt-auto\\\">\\n                            <\/p>\n<h5 class=\\\"testimonial-name mb-1\\\">HSA Company <\\\/h5>\\n                            <\/p>\n<p class=\\\"text-muted small\\\">Project Manager, Urban Developers<\\\/p>\\n                        <\\\/div>\\n                    <\\\/div>\\n                <\\\/div>\\n            <\\\/div>\\n            \\n            <!-- Testimonial 3 -->\\n            <\/p>\n<div class=\\\"col-md-4 wow fadeInUp\\\" data-wow-delay=\\\"0.3s\\\">\\n                <\/p>\n<div class=\\\"card testimonial-card h-100 border-0 shadow-sm overflow-hidden\\\">\\n                    <\/p>\n<div class=\\\"card-body p-4 text-center\\\">\\n                        <\/p>\n<div class=\\\"testimonial-img-container mx-auto mb-4\\\">\\n                            <\/p>\n<div class=\\\"testimonial-country-badge\\\">Industrial<\\\/div>\\n                        <\\\/div>\\n                        <\/p>\n<div class=\\\"testimonial-rating mb-3\\\">\\n                            <i class=\\\"fas fa-star text-warning\\\"><\\\/i>\\n                            <i class=\\\"fas fa-star text-warning\\\"><\\\/i>\\n                            <i class=\\\"fas fa-star text-warning\\\"><\\\/i>\\n                            <i class=\\\"fas fa-star text-warning\\\"><\\\/i>\\n                            <i class=\\\"fas fa-star-half-alt text-warning\\\"><\\\/i>\\n                        <\\\/div>\\n                        <\/p>\n<div class=\\\"testimonial-content\\\">\\n                            <\/p>\n<p class=\\\"testimonial-text mb-4\\\">\\\"The site supervision team was meticulous in ensuring quality standards. Their engineers caught several potential issues before they became problems.\\\"<\\\/p>\\n                        <\\\/div>\\n                        <\/p>\n<div class=\\\"testimonial-footer mt-auto\\\">\\n                            <\/p>\n<h5 class=\\\"testimonial-name mb-1\\\">Egyptian Aluminum Products<\\\/h5>\\n                            <\/p>\n<p class=\\\"text-muted small\\\">Operations Director, Industrial Solutions<\\\/p>\\n                        <\\\/div>\\n                    <\\\/div>\\n                <\\\/div>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n<\\\/section>\\n<!-- Testimonials End -->\\n\\n    <!-- Back to Top Button -->\\n    <a href=\\\"#\\\" class=\\\"back-to-top animate__animated animate__fadeInUp\\\" style=\\\"animation-delay: 0.7s\\\">\\n        <i class=\\\"fas fa-arrow-up\\\"><\\\/i>\\n    <\\\/a>\\n\\n\\n   <!-- JavaScript Libraries -->\\n    <!-- Bootstrap 5.0.2 JS -->\\n    <script src=\\\"https:\\\/\\\/cdn.jsdelivr.net\\\/npm\\\/bootstrap@5.0.2\\\/dist\\\/js\\\/bootstrap.bundle.min.js\\\"> <\\\/script>\\n    \\n    <!-- Swiper JS  -->\\n    <script src=\\\"https:\\\/\\\/cdn.jsdelivr.net\\\/npm\\\/swiper@11\\\/swiper-bundle.min.js\\\"><\\\/script>\\n\\n    <!-- PhotoSwipe JS (\\u0627\\u0644\\u0625\\u0635\\u062f\\u0627\\u0631 5.4.0) -->\\n    <script src=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/photoswipe\\\/5.4.0\\\/photoswipe.min.js\\\"><\\\/script>\\n    <script src=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/photoswipe\\\/5.4.0\\\/photoswipe-lightbox.min.js\\\"><\\\/script>\\n\\n    <script src=\\\"https:\\\/\\\/cdn.jsdelivr.net\\\/gh\\\/mcstudios\\\/glightbox\\\/dist\\\/js\\\/glightbox.min.js\\\"><\\\/script>\\n\\n    <script src=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/wow\\\/1.1.2\\\/wow.min.js\\\"><\\\/script>\\n\\n\\n   <script>\\n    document.addEventListener('DOMContentLoaded', function() {\\n    \\\/\\\/ Initialize all functionality\\n    initAnimations();\\n    initNavbarEffects();\\n    initSmoothScrolling();\\n    initBackToTop();\\n    initLanguageSwitcher();\\n    initGalleryLoader();\\n    initWhatsAppButtons();\\n    handleAccessibility();\\n    initLightbox();\\n    initCarouselAnimations();\\n});\\n\\nfunction initAnimations() {\\n    \\\/\\\/ Initialize WOW.js for scroll animations\\n    if (typeof WOW !== 'undefined') {\\n        new WOW({\\n            boxClass: 'wow',\\n            animateClass: 'animate__animated',\\n            offset: 100,\\n            mobile: true,\\n            live: true,\\n            scrollContainer: null,\\n            resetAnimation: true\\n        }).init();\\n    }\\n    \\n    \\\/\\\/ Add scroll animations to sections\\n    const sections = document.querySelectorAll('.section-animate');\\n    \\n    function checkScroll() {\\n        sections.forEach(section => {\\n            const sectionTop = section.getBoundingClientRect().top;\\n            const windowHeight = window.innerHeight;\\n            \\n            if (sectionTop < windowHeight - 100) {\\n                section.classList.add('animate');\\n            }\\n        });\\n    }\\n    \\n    \\\/\\\/ Check on load and scroll\\n    checkScroll();\\n    window.addEventListener('scroll', checkScroll);\\n}\\n\\nfunction initNavbarEffects() {\\n    const navbar = document.querySelector('.navbar');\\n    if (!navbar) return;\\n    \\n    window.addEventListener('scroll', function() {\\n        navbar.classList.toggle('scrolled', window.scrollY > 50);\\n    });\\n}\\n\\nfunction initSmoothScrolling() {\\n    document.querySelectorAll('a[href^=\\\"#\\\"]').forEach(anchor => {\\n        anchor.addEventListener('click', function(e) {\\n            e.preventDefault();\\n            const targetId = this.getAttribute('href');\\n            const targetElement = document.querySelector(targetId);\\n            \\n            if (targetElement) {\\n                window.scrollTo({\\n                    top: targetElement.offsetTop - 70,\\n                    behavior: 'smooth'\\n                });\\n            }\\n        });\\n    });\\n}\\n\\nfunction initBackToTop() {\\n    const backToTopBtn = document.querySelector('.back-to-top');\\n    if (!backToTopBtn) return;\\n    \\n    window.addEventListener('scroll', function() {\\n        backToTopBtn.classList.toggle('active', window.scrollY > 300);\\n    });\\n\\n    backToTopBtn.addEventListener('click', function(e) {\\n        e.preventDefault();\\n        window.scrollTo({\\n            top: 0,\\n            behavior: 'smooth'\\n        });\\n    });\\n}\\n\\nfunction initLanguageSwitcher() {\\n    const langBtns = document.querySelectorAll('.lang-btn');\\n    if (langBtns.length === 0) return;\\n    \\n    langBtns.forEach(btn => {\\n        btn.addEventListener('click', function() {\\n            const lang = this.getAttribute('data-lang');\\n            \\n            \\\/\\\/ Update active button\\n            langBtns.forEach(b => b.classList.remove('active'));\\n            this.classList.add('active');\\n            \\n            \\\/\\\/ Toggle language visibility\\n            document.querySelectorAll('.en, .ar').forEach(el => {\\n                el.style.display = el.classList.contains(lang) ? '' : 'none';\\n            });\\n            \\n            \\\/\\\/ Update direction\\n            document.body.setAttribute('dir', lang === 'ar' ? 'rtl' : 'ltr');\\n            document.body.classList.toggle('ar', lang === 'ar');\\n        });\\n    });\\n}\\n\\nfunction initGalleryLoader() {\\n    const loadMoreBtn = document.getElementById('loadMoreProjects');\\n    const galleryGrid = document.querySelector('.gallery-grid');\\n    \\n    if (!loadMoreBtn || !galleryGrid) return;\\n    \\n    const moreImages = [\\n        {src: 'img\\\/project9.jpg', title: 'Additional Project 1', location: 'Cairo'},\\n        {src: 'img\\\/project10.jpg', title: 'Additional Project 2', location: 'Alexandria'},\\n        {src: 'img\\\/project11.jpg', title: 'Additional Project 3', location: 'Giza'},\\n        {src: 'img\\\/project12.jpg', title: 'Additional Project 4', location: 'Luxor'}\\n    ];\\n\\n    function loadMoreImages() {\\n        \\\/\\\/ Show loading spinner\\n        const spinner = document.querySelector('.loading-spinner');\\n        if (spinner) spinner.style.display = 'flex';\\n        \\n        \\\/\\\/ Simulate loading delay\\n        setTimeout(() => {\\n            moreImages.forEach((image, index) => {\\n                const galleryItem = document.createElement('div');\\n                galleryItem.className = 'col-md-3 col-6 wow animate__animated animate__fadeIn';\\n                galleryItem.style.animationDelay = `${0.3 + (index * 0.2)}s`;\\n                \\n                galleryItem.innerHTML = `\\n                    <\/p>\n<div class=\\\"gallery-card h-100\\\">\\n                        <a href=\\\"${image.src}\\\" data-lightbox=\\\"projects\\\" data-title=\\\"${image.title}\\\">\\n                            <img src=\\\"${image.src}\\\" alt=\\\"${image.title}\\\" class=\\\"img-fluid gallery-img\\\">\\n                            <\/p>\n<div class=\\\"gallery-overlay\\\"><\\\/div>\\n                            <\/p>\n<div class=\\\"gallery-caption\\\">\\n                                <span>${image.title}<\\\/span>\\n                                <\/p>\n<div class=\\\"gallery-location\\\">${image.location}<\\\/div>\\n                            <\\\/div>\\n                        <\\\/a>\\n                    <\\\/div>\\n                `;\\n                galleryGrid.appendChild(galleryItem);\\n            });\\n\\n            \\\/\\\/ Reinitialize lightbox for new images\\n            if (typeof GLightbox !== 'undefined') {\\n                const lightbox = GLightbox({\\n                    selector: '[data-lightbox=\\\"projects\\\"]'\\n                });\\n            }\\n\\n            \\\/\\\/ Hide load more button\\n            loadMoreBtn.style.display = 'none';\\n            \\n            \\\/\\\/ Hide loading spinner\\n            if (spinner) spinner.style.display = 'none';\\n            \\n            \\\/\\\/ Reinitialize WOW.js for new elements\\n            if (typeof WOW !== 'undefined') {\\n                new WOW().init();\\n            }\\n        }, 1000);\\n    }\\n\\n    loadMoreBtn.addEventListener('click', loadMoreImages);\\n}\\n\\nfunction initWhatsAppButtons() {\\n    const whatsappButtons = document.querySelectorAll('.btn-book-package');\\n    if (whatsappButtons.length === 0) return;\\n    \\n    whatsappButtons.forEach(btn => {\\n        btn.addEventListener('click', function(e) {\\n            e.preventDefault();\\n            const packageName = this.getAttribute('data-package');\\n            const whatsappNumber = \\\"20123456789\\\"; \\\/\\\/ Replace with your actual number\\n            const isArabic = document.body.classList.contains('ar');\\n            \\n            const message = isArabic ? \\n                `\\u0645\\u0631\\u062d\\u0628\\u0627\\u064b ELFARIDA TOURS!\\\\n\\u0623\\u0631\\u064a\\u062f \\u062d\\u062c\\u0632 \\u0628\\u0627\\u0642\\u0629: ${packageName}\\\\n\\u0627\\u0644\\u0631\\u062c\\u0627\\u0621 \\u0627\\u0644\\u062a\\u0648\\u0627\\u0635\\u0644 \\u0645\\u0639\\u064a` :\\n                `Hello ELFARIDA TOURS!\\\\nI want to book package: ${packageName}\\\\nPlease contact me`;\\n            \\n            window.open(`https:\\\/\\\/wa.me\\\/${whatsappNumber}?text=${encodeURIComponent(message)}`, '_blank');\\n        });\\n    });\\n}\\n\\nfunction handleAccessibility() {\\n    const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\\n    if (reduceMotion.matches) {\\n        document.documentElement.style.setProperty('--animate-duration', '0.001s');\\n    }\\n}\\n\\nfunction initLightbox() {\\n    if (typeof GLightbox !== 'undefined') {\\n        const lightbox = GLightbox({\\n            selector: '[data-lightbox=\\\"gallery\\\"], [data-lightbox=\\\"projects\\\"]',\\n            touchNavigation: true,\\n            keyboardNavigation: true,\\n            closeButton: true\\n        });\\n    }\\n}\\n\\nfunction initCarouselAnimations() {\\n    const carousel = document.querySelector('#carouselId');\\n    if (!carousel) return;\\n    \\n    \\\/\\\/ Activate carousel caption animations when slide changes\\n    carousel.addEventListener('slid.bs.carousel', function (e) {\\n        const activeItem = e.relatedTarget;\\n        const caption = activeItem.querySelector('.carousel-caption');\\n        \\n        \\\/\\\/ Reset animation\\n        caption.style.opacity = '0';\\n        caption.style.transform = 'translateY(30px)';\\n        \\n        \\\/\\\/ Trigger reflow to restart animation\\n        void caption.offsetWidth;\\n        \\n        \\\/\\\/ Apply animation\\n        caption.style.opacity = '1';\\n        caption.style.transform = 'translateY(0)';\\n    });\\n    \\n    \\\/\\\/ Initialize first caption\\n    const firstCaption = document.querySelector('.carousel-item.active .carousel-caption');\\n    if (firstCaption) {\\n        firstCaption.style.opacity = '1';\\n        firstCaption.style.transform = 'translateY(0)';\\n    }\\n}\\n   <\\\/script>\\n \\n<\\\/body>\\n<\\\/html>\"}}]}]}]},{\"name\":\"About us\",\"type\":\"section\",\"props\":{\"width\":\"default\",\"padding\":\"large\",\"style\":\"default\",\"text_color\":\"\",\"media\":\"\",\"height_viewport\":false,\"header_overlay\":\"light\",\"animation\":\"slide-top-small\",\"padding_remove_top\":false,\"image_size\":\"cover\",\"image_position\":\"center-center\",\"vertical_align\":\"middle\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"title_breakpoint\":\"xl\",\"image_effect\":\"\"},\"children\":[{\"type\":\"row\",\"props\":{\"layout\":\"1-1\",\"breakpoint\":\"m\",\"fixed_width\":\"large\",\"gutter\":\"\",\"width\":\"\",\"width_expand\":\"\",\"height\":\"\",\"margin\":\"\"},\"children\":[{\"type\":\"column\",\"props\":{\"widths\":[\"1-1\"],\"image_position\":\"center-center\",\"media_overlay_gradient\":\"\",\"vertical_align\":\"\",\"style\":\"\",\"text_color\":\"\",\"padding\":\"\"},\"children\":[]}]}]},{\"name\":\"Teaser\",\"type\":\"section\",\"props\":{\"width\":\"expand\",\"padding\":\"large\",\"style\":\"default\",\"text_color\":\"light\",\"media\":\"images\\\/home-quality.jpg\",\"height_viewport\":false,\"image\":\"wp-content\\\/uploads\\\/map-basic-all.jpg\",\"animation\":\"fade\",\"image_size\":\"cover\",\"image_position\":\"center-center\",\"vertical_align\":\"middle\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"title_breakpoint\":\"xl\",\"image_width\":\"2560\",\"image_effect\":\"\",\"width_expand\":\"\",\"height\":\"expand\",\"header_transparent\":\"\",\"image_parallax_breakpoint\":\"\",\"image_visibility\":\"\",\"video_width\":\"\",\"video_height\":\"\",\"media_blend_mode\":\"\"},\"children\":[{\"type\":\"row\",\"props\":{\"layout\":\"1-1\",\"breakpoint\":\"m\",\"fixed_width\":\"large\",\"gutter\":\"\",\"width\":\"\",\"width_expand\":\"\",\"height\":\"\",\"margin\":\"\"},\"children\":[{\"type\":\"column\",\"props\":{\"widths\":[\"1-1\"],\"image_position\":\"center-center\",\"media_overlay_gradient\":\"\",\"vertical_align\":\"\",\"style\":\"\",\"text_color\":\"\",\"padding\":\"\"},\"children\":[]}]}]}],\"props\":[],\"version\":\"1.21.10\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ELFARIDA TOURS &#8211; Premium Travel Experiences Engineering Design Solutions Innovative and precise engineering designs tailored to your project requirements with the highest standards. Our Services Professional Project Management Comprehensive project management services ensuring timely delivery and optimal resource utilization. Our Projects Expert Site Supervision On-site supervision by experienced engineers to ensure quality control and adherence [&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-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/imeo-eg.net\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imeo-eg.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imeo-eg.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imeo-eg.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imeo-eg.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":63,"href":"https:\/\/imeo-eg.net\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":922,"href":"https:\/\/imeo-eg.net\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/922"}],"wp:attachment":[{"href":"https:\/\/imeo-eg.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}