{"id":2255,"date":"2022-03-18T06:55:22","date_gmt":"2022-03-18T06:55:22","guid":{"rendered":"http:\/\/localhost\/UmrahLowCost\/index.php\/home\/"},"modified":"2026-05-13T22:44:59","modified_gmt":"2026-05-13T22:44:59","slug":"home","status":"publish","type":"page","link":"https:\/\/usmantravels.com\/it\/","title":{"rendered":"Casa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2255\" class=\"elementor elementor-2255\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eed3a14 e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"eed3a14\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-13ff780 e-con-full e-flex e-con e-child\" data-id=\"13ff780\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/usmantravels.comwp-content\\\/uploads\\\/2025\\\/09\\\/5798349-hd_1920_1080_30fps-1.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-c6f0707 e-con-full e-flex e-con e-child\" data-id=\"c6f0707\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-986c569 elementor-widget elementor-widget-spacer\" data-id=\"986c569\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4b901f elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a4b901f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Your Journey to Peaceful Umrah<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03d0de7 elementor-widget__width-initial elementor-widget-laptop__width-inherit animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"03d0de7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">UMRAH PACKAGES FROM MILAN &amp; ROME\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cfb6ac animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"0cfb6ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>From \u20ac699<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-956c610 animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"956c610\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Start your journey with just \u20ac100\/month<br \/>Limited seats available<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ceae5f0 e-con-full e-flex e-con e-child\" data-id=\"ceae5f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-789b19d elementor-align-right elementor-mobile-align-center elementor-widget-mobile__width-auto elementor-widget elementor-widget-button\" data-id=\"789b19d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/docs.google.com\/forms\/d\/1y5HA29vq_uJl00selToAJ4CaeW07RC_yIZw6bZkAAGA\/edit\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Free Umrah Registeration<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f41e3e9 elementor-align-right elementor-mobile-align-center elementor-widget-mobile__width-auto elementor-widget elementor-widget-button\" data-id=\"f41e3e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/usmantravels.com\/umrah-packages\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-paper-plane\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View All Packages<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3296833 elementor-widget__width-initial elementor-widget-laptop__width-inherit animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"3296833\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Follow Us:<\/h3>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4653293 e-con-full e-flex e-con e-child\" data-id=\"4653293\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ac355b elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"1ac355b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-animation-grow elementor-repeater-item-3a78842\" href=\"https:\/\/www.facebook.com\/UsmanTravelstn\/\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-animation-grow elementor-repeater-item-77a75c4\" href=\"https:\/\/www.instagram.com\/usmantravelssrl?igsh=MTB6dnBidjd5NGQ2aA%3D%3D&#038;utm_source=qr\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-animation-grow elementor-repeater-item-69b43de\" href=\"https:\/\/www.youtube.com\/@usman_travel\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Youtube<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-youtube\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80e1360 elementor-widget elementor-widget-spacer\" data-id=\"80e1360\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9fc3690 e-con-full elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"9fc3690\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-39b56ac e-con-full e-flex e-con e-child\" data-id=\"39b56ac\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/usmantravels.comwp-content\\\/uploads\\\/2025\\\/09\\\/5798349-hd_1920_1080_30fps-1.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-b580c22 e-con-full e-flex e-con e-child\" data-id=\"b580c22\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6e4e4b elementor-widget elementor-widget-spacer\" data-id=\"d6e4e4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40d8d64 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"40d8d64\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Your Journey to Peaceful Umrah<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0fbb573 elementor-widget__width-initial elementor-widget-laptop__width-inherit animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"0fbb573\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">UMRAH PACKAGES FROM MILAN &amp; ROME\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5896d22 animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"5896d22\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>From \u20ac699<\/strong><\/p><p>Start your journey with just \u20ac100\/month<br \/>Limited seats available<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa2e09f e-con-full e-flex e-con e-child\" data-id=\"aa2e09f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6400ad6 e-con-full e-flex e-con e-child\" data-id=\"6400ad6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f52e568 elementor-align-right elementor-mobile-align-center elementor-widget-mobile__width-auto elementor-widget elementor-widget-button\" data-id=\"f52e568\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/docs.google.com\/forms\/d\/1y5HA29vq_uJl00selToAJ4CaeW07RC_yIZw6bZkAAGA\/edit\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Free Umrah Registeration<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8448b86 elementor-align-right elementor-mobile-align-center elementor-widget-mobile__width-auto elementor-widget elementor-widget-button\" data-id=\"8448b86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/usmantravels.com\/umrah-packages\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-paper-plane\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View All Packages<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63e6ac7 elementor-widget__width-initial elementor-widget-laptop__width-inherit animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"63e6ac7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Follow Us:<\/h3>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24fa16a e-con-full e-flex e-con e-child\" data-id=\"24fa16a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-622032a elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"622032a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-animation-grow elementor-repeater-item-3a78842\" href=\"https:\/\/www.facebook.com\/UsmanTravelstn\/\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-animation-grow elementor-repeater-item-77a75c4\" href=\"https:\/\/www.instagram.com\/usmantravelssrl?igsh=MTB6dnBidjd5NGQ2aA%3D%3D&#038;utm_source=qr\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-animation-grow elementor-repeater-item-69b43de\" href=\"https:\/\/www.youtube.com\/@usman_travel\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Youtube<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-youtube\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e1d477 elementor-widget elementor-widget-spacer\" data-id=\"8e1d477\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-50ff0382 travel-monster__search-section elementor-section-full_width elementor-section-height-min-height animated-fast elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-items-middle\" data-id=\"50ff0382\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/usmantravels.comwp-content\\\/uploads\\\/2025\\\/09\\\/5798349-hd_1920_1080_30fps-1.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2243134c\" data-id=\"2243134c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-12ce96c5 --secondaryFontFamily elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-widget elementor-widget-heading\" data-id=\"12ce96c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Umrah Packages\nAt low cost\nwith Comfort &amp; Care.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4b7e4e --secondaryFontFamily elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"b4b7e4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Umrah Packages\nAt low cost\nwith Comfort &amp; Care.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bd20701 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"4bd20701\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Grab your bags and answer the call of Makkah<\/p><div>\u00a0<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-596115e e-flex e-con-boxed e-con e-parent\" data-id=\"596115e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ac03fc elementor-widget elementor-widget-shortcode\" data-id=\"8ac03fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"w-full mx-auto p-4\">\r\n    <!-- Clean White Professional Search Box -->\r\n    <div class=\"bg-white text-black rounded-3xl shadow-xl border border-gray-200 p-6 mb-8 w-full\">\r\n        \r\n        <form id=\"travel-search-form\">\r\n            <input type=\"hidden\" id=\"type-trip\" name=\"type_trip\" value=\"UMRAH\">\r\n            <input type=\"hidden\" id=\"formula\" name=\"formula\" value=\"\">\r\n            <input type=\"hidden\" id=\"room-type\" name=\"room_type\" value=\"\">\r\n            <input type=\"hidden\" id=\"duration\" name=\"duration\" value=\"\">\r\n\r\n            <!-- SINGLE ROW Search Grid with Search Button -->\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-4 gap-3 items-end\">\r\n\r\n                <!-- City -->\r\n                <div class=\"relative\">\r\n                    <label class=\"block text-xs font-semibold mb-1 text-gray-700\">Departure City<\/label>\r\n                    <select class=\"w-full px-3 py-2.5 text-sm bg-white border border-gray-300 rounded-xl focus:border-black focus:ring-1 focus:ring-black\"\r\n                            id=\"departure-city\" name=\"departure_city\" disabled>\r\n                        <option value=\"\">Select Type<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <!-- Package -->\r\n                <div class=\"relative\">\r\n                    <label class=\"block text-xs font-semibold mb-1 text-gray-700\">Package<\/label>\r\n                    <select class=\"w-full px-3 py-2.5 text-sm bg-white border border-gray-300 rounded-xl focus:border-black focus:ring-1 focus:ring-black\"\r\n                            id=\"package\" name=\"package\" disabled>\r\n                        <option value=\"\">Select City<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <!-- Date -->\r\n                <div class=\"relative\">\r\n                    <label class=\"block text-xs font-semibold mb-1 text-gray-700\">Departure Date<\/label>\r\n                    <select class=\"w-full px-3 py-2.5 text-sm bg-white border border-gray-300 rounded-xl focus:border-black focus:ring-1 focus:ring-black\"\r\n                            id=\"travel-date\" name=\"travel_date\" disabled>\r\n                        <option value=\"\">Select Package<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <!-- Search Button -->\r\n                <div class=\"relative\">\r\n                    <label class=\"block text-xs font-semibold mb-1 text-gray-700 opacity-0\">Search<\/label>\r\n                    <button type=\"submit\"\r\n                            class=\"w-full !bg-[#0ba7fc]  text-white font-bold py-2.5 px-4 rounded-xl transition-all duration-300 hover:bg-gray-800 hover:scale-105 shadow-lg flex items-center justify-center gap-2\">\r\n                        <span>\ud83d\udd0d<\/span>\r\n                        <span class=\"text-sm\">Search<\/span>\r\n                    <\/button>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/form>\r\n    <\/div>\r\n\r\n    <!-- Results Box -->\r\n    <div class=\"bg-white text-black rounded-3xl shadow-xl border border-gray-200 p-6 hidden w-full\" id=\"search-results\">\r\n        <div class=\"text-center mb-6\">\r\n            <div class=\"inline-flex items-center justify-center w-12 h-12 bg-black text-white rounded-2xl shadow mb-3\">\r\n                <span class=\"text-2xl\">\ud83d\udce6<\/span>\r\n            <\/div>\r\n            <h3 class=\"text-xl font-bold\" id=\"results-header\">Search Results<\/h3>\r\n        <\/div>\r\n        <div id=\"results-container\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Global data storage\r\nconst travelData = {\r\n    packageData: {\"7771\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"10 DAYS 9 NIGHTS\",\"date\":\"2027-02-27\",\"price\":\"1950\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah Ramadan 2027\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-ramadan-2027-3\\\/\"},\"7770\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"10 DAYS 09 NIGHTS\",\"date\":\"2027-02-26\",\"price\":\"1950\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah Ramadan 2027\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-ramadan-2027-2\\\/\"},\"7769\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"10 DAYS 9 NIGHTS\",\"date\":\"2027-02-25\",\"price\":\"1999\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah Ramadan 2027\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-ramadan-2027\\\/\"},\"7750\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"10 DAYS 9 NIGHTS\",\"date\":\"2027-02-07\",\"price\":\"1450\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah February 2027\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-february-2027-3\\\/\"},\"7749\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"10 DAYS 9 NIGHTS\",\"date\":\"2027-02-14\",\"price\":\"1450\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah February 2027\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-february-2027-2\\\/\"},\"7748\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"9 DAYS 8 NIGHTS\",\"date\":\"2027-02-02\",\"price\":\"1299\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah February 2027\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-february-2027\\\/\"},\"7684\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"10 DAYS 9 NIGHTS\",\"date\":\"2026-12-25\",\"price\":\"1149\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah December 2026\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-december-2026-4\\\/\"},\"7680\":{\"type_trip\":\"UMRAH\",\"city\":\"ROMA\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"10 DAYS 9 NIGHTS\",\"date\":\"2026-12-26\",\"price\":\"949\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah December 2026\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-december-2026-3\\\/\"},\"7670\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"10 DAYS 9 NIGHTS\",\"date\":\"2027-01-14\",\"price\":\"1150\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah January 2027\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-january-2027\\\/\"},\"7668\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"14 DAYS 13 NIGHTS\",\"date\":\"2026-12-25\",\"price\":\"1499\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah December 2026\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-december-2026-2\\\/\"},\"7666\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"14 DAYS 13 NIGHTS\",\"date\":\"2026-12-18\",\"price\":\"1450\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah December 2026\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-december-2026\\\/\"},\"7664\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"10 DAYS 9 NIGHTS\",\"date\":\"2026-11-19\",\"price\":\"1150\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah November 2026\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-november-2026-2\\\/\"},\"7662\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"10 DAYS 9 NIGHTS\",\"date\":\"2026-11-05\",\"price\":\"1150\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah November 2026\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-november-2026\\\/\"},\"7660\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"9 DAYS 9 NIGHTS\",\"date\":\"2026-10-22\",\"price\":\"1150\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah October 2026\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-october-2026-2\\\/\"},\"7658\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"10 DAYS 9 NIGHTS\",\"date\":\"2026-10-01\",\"price\":\"1150\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah October 2026\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-october-2026\\\/\"},\"7656\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"11 DAYS 10 NIGHTS\",\"date\":\"2026-09-02\",\"price\":\"1150\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah Septembre 2026\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-septembre-2026\\\/\"},\"7652\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"11 DAYS 10 NIGHTS\",\"date\":\"2026-08-20\",\"price\":\"1199\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah August 2026\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-august-2026-2\\\/\"},\"7650\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"11 DAYS 10 NIGHTS\",\"date\":\"2026-08-13\",\"price\":\"1199\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah August 2026\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-august-2026\\\/\"},\"7295\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"Al Aqeeq Al Rawdah Hotel + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"6 DAYS 6 NIGHTS\",\"date\":\"2026-10-29\",\"price\":\"699\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah October 2026\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/umrah-agosto-2026-copy\\\/\"},\"7132\":{\"type_trip\":\"UMRAH\",\"city\":\"MILANO\",\"package_name\":\"SILVER\",\"formula\":\"MOKHTARA + VOCO\",\"room\":\"Quadruple Room\",\"duration\":\"11 DAYS 10 NIGHTS\",\"date\":\"2026-08-06\",\"price\":\"1199\",\"max_adults\":\"4\",\"max_infants\":\"2\",\"title\":\"Umrah August 2026\",\"permalink\":\"https:\\\/\\\/usmantravels.com\\\/it\\\/packages\\\/silver-copy\\\/\"}},\r\n    citiesByCategory: {\"UMRAH\":[\"MILANO\",\"ROMA\"]},\r\n    packagesByCity: {\"MILANO\":[\"SILVER\"],\"ROMA\":[\"SILVER\"]},\r\n    formulasByPackage: {\"SILVER\":[\"Al Aqeeq Al Rawdah Hotel + VOCO\",\"MOKHTARA + VOCO\"]},\r\n    roomsByPackage: {\"SILVER\":[\"Quadruple Room\"]},\r\n    durationsByPackage: {\"SILVER\":[\"10 DAYS 09 NIGHTS\",\"10 DAYS 9 NIGHTS\",\"11 DAYS 10 NIGHTS\",\"14 DAYS 13 NIGHTS\",\"6 DAYS 6 NIGHTS\",\"9 DAYS 8 NIGHTS\",\"9 DAYS 9 NIGHTS\"]},\r\n    datesByPackage: {\"SILVER\":[\"2026-08-06\",\"2026-08-13\",\"2026-08-20\",\"2026-09-02\",\"2026-10-01\",\"2026-10-22\",\"2026-10-29\",\"2026-11-05\",\"2026-11-19\",\"2026-12-18\",\"2026-12-25\",\"2026-12-26\",\"2027-01-14\",\"2027-02-02\",\"2027-02-07\",\"2027-02-14\",\"2027-02-25\",\"2027-02-26\",\"2027-02-27\"]},\r\n    durationsByDate: {\"2027-02-27\":[\"10 DAYS 9 NIGHTS\"],\"2027-02-26\":[\"10 DAYS 09 NIGHTS\"],\"2027-02-25\":[\"10 DAYS 9 NIGHTS\"],\"2027-02-07\":[\"10 DAYS 9 NIGHTS\"],\"2027-02-14\":[\"10 DAYS 9 NIGHTS\"],\"2027-02-02\":[\"9 DAYS 8 NIGHTS\"],\"2026-12-25\":[\"10 DAYS 9 NIGHTS\",\"14 DAYS 13 NIGHTS\"],\"2026-12-26\":[\"10 DAYS 9 NIGHTS\"],\"2027-01-14\":[\"10 DAYS 9 NIGHTS\"],\"2026-12-18\":[\"14 DAYS 13 NIGHTS\"],\"2026-11-19\":[\"10 DAYS 9 NIGHTS\"],\"2026-11-05\":[\"10 DAYS 9 NIGHTS\"],\"2026-10-22\":[\"9 DAYS 9 NIGHTS\"],\"2026-10-01\":[\"10 DAYS 9 NIGHTS\"],\"2026-09-02\":[\"11 DAYS 10 NIGHTS\"],\"2026-08-20\":[\"11 DAYS 10 NIGHTS\"],\"2026-08-13\":[\"11 DAYS 10 NIGHTS\"],\"2026-10-29\":[\"6 DAYS 6 NIGHTS\"],\"2026-08-06\":[\"11 DAYS 10 NIGHTS\"]}};\r\n\r\n\/\/ Initialize when document is ready\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    initializeSearchBar();\r\n});\r\n\r\nfunction initializeSearchBar() {\r\n    setupFormDependencies();\r\n    setupFormSubmission();\r\n}\r\n\r\nfunction setupFormDependencies() {\r\n    const typeTrip = document.getElementById('type-trip');\r\n    const departureCity = document.getElementById('departure-city');\r\n    const packageSelect = document.getElementById('package');\r\n    const dateSelect = document.getElementById('travel-date');\r\n\r\n    const fixedTrip = typeTrip && typeTrip.value ? typeTrip.value : 'UMRAH';\r\n    enableSelect(departureCity);\r\n    populateCities(fixedTrip);\r\n\r\n    \/\/ Departure City change\r\n    departureCity.addEventListener('change', function() {\r\n        const selectedCity = this.value;\r\n\r\n        resetSelect(packageSelect, 'Select Package');\r\n        resetSelect(dateSelect, 'Select Package');\r\n\r\n        if (selectedCity) {\r\n            enableSelect(packageSelect);\r\n            populatePackages(selectedCity);\r\n        } else {\r\n            disableSelect(packageSelect);\r\n            disableSelect(dateSelect);\r\n        }\r\n    });\r\n\r\n    \/\/ Package change\r\n    packageSelect.addEventListener('change', function() {\r\n        const selectedPackage = this.value;\r\n\r\n        resetSelect(dateSelect, 'Select Date');\r\n\r\n        if (selectedPackage) {\r\n            enableSelect(dateSelect);\r\n            populateDates(selectedPackage);\r\n        } else {\r\n            disableSelect(dateSelect);\r\n        }\r\n    });\r\n\r\n    function populateCities(type) {\r\n        const cities = travelData.citiesByCategory[type] || [];\r\n        populateSelect(departureCity, cities, 'Select City');\r\n    }\r\n\r\n    function populatePackages(city) {\r\n        const packages = travelData.packagesByCity[city] || [];\r\n        populateSelect(packageSelect, packages, 'Select Package');\r\n    }\r\n\r\n    function populateDates(packageName) {\r\n        const dates = travelData.datesByPackage[packageName] || [];\r\n        const formattedDates = dates.map(date => {\r\n            if (!date) return { value: '', text: 'Flexible dates' };\r\n            const dateObj = new Date(date);\r\n            return {\r\n                value: date,\r\n                text: dateObj.toLocaleDateString('en-US', { \r\n                    weekday: 'short',\r\n                    month: 'short', \r\n                    day: 'numeric', \r\n                    year: 'numeric'\r\n                })\r\n            };\r\n        });\r\n\r\n        dateSelect.innerHTML = '<option value=\"\">Select Date<\/option>';\r\n        formattedDates.forEach(date => {\r\n            const optionElement = document.createElement('option');\r\n            optionElement.value = date.value;\r\n            optionElement.textContent = date.text;\r\n            dateSelect.appendChild(optionElement);\r\n        });\r\n    }\r\n\r\n    function populateSelect(selectElement, options, placeholder) {\r\n        selectElement.innerHTML = `<option value=\"\">${placeholder}<\/option>`;\r\n        options.forEach(option => {\r\n            const optionElement = document.createElement('option');\r\n            optionElement.value = option;\r\n            optionElement.textContent = option;\r\n            selectElement.appendChild(optionElement);\r\n        });\r\n    }\r\n\r\n    function resetSelect(selectElement, placeholder) {\r\n        selectElement.innerHTML = `<option value=\"\">${placeholder}<\/option>`;\r\n        selectElement.value = '';\r\n        disableSelect(selectElement);\r\n    }\r\n\r\n    function enableSelect(selectElement) {\r\n        selectElement.disabled = false;\r\n        selectElement.classList.remove('bg-gray-100\/80', 'border-gray-200');\r\n        selectElement.classList.add('bg-white\/80', 'border-gray-300');\r\n    }\r\n\r\n    function disableSelect(selectElement) {\r\n        selectElement.disabled = true;\r\n        selectElement.classList.remove('bg-white\/80', 'border-gray-300');\r\n        selectElement.classList.add('bg-gray-100\/80', 'border-gray-200');\r\n    }\r\n}\r\n\r\nfunction setupFormSubmission() {\r\n    const form = document.getElementById('travel-search-form');\r\n    const searchResults = document.getElementById('search-results');\r\n    const resultsContainer = document.getElementById('results-container');\r\n    const resultsHeader = document.getElementById('results-header');\r\n\r\n    form.addEventListener('submit', function(e) {\r\n        e.preventDefault();\r\n        \r\n        \/\/ Validate that package is selected\r\n        const packageSelect = document.getElementById('package');\r\n        if (!packageSelect.value) {\r\n            alert('Please select a package first');\r\n            packageSelect.focus();\r\n            return;\r\n        }\r\n        \r\n        performSearch();\r\n    });\r\n\r\n    function performSearch() {\r\n        const searchCriteria = {\r\n            type_trip: document.getElementById('type-trip').value,\r\n            departure_city: document.getElementById('departure-city').value,\r\n            package: document.getElementById('package').value,\r\n            formula: document.getElementById('formula').value,\r\n            room_type: document.getElementById('room-type').value,\r\n            duration: document.getElementById('duration').value,\r\n            travel_date: document.getElementById('travel-date').value\r\n        };\r\n\r\n        \/\/ Show loading\r\n        resultsContainer.innerHTML = `\r\n            <div class=\"text-center py-8\">\r\n                <div class=\"inline-block animate-spin rounded-full h-12 w-12 border-4 border-blue-200 border-t-blue-600 mb-3\"><\/div>\r\n                <p class=\"text-gray-600 font-semibold\">Searching for amazing packages...<\/p>\r\n                <p class=\"text-gray-500 text-sm mt-1\">We're finding the best options for you<\/p>\r\n            <\/div>\r\n        `;\r\n        searchResults.classList.remove('hidden');\r\n\r\n        setTimeout(() => {\r\n            const matchingPackages = findMatchingPackages(searchCriteria);\r\n            displaySearchResults(matchingPackages, searchCriteria);\r\n        }, 800);\r\n    }\r\n\r\n    function findMatchingPackages(criteria) {\r\n        return Object.entries(travelData.packageData)\r\n            .filter(([packageId, packageInfo]) => {\r\n                \/\/ Check each criterion\r\n                if (criteria.type_trip && packageInfo.type_trip !== criteria.type_trip) return false;\r\n                if (criteria.departure_city && packageInfo.city !== criteria.departure_city) return false;\r\n                if (criteria.package && packageInfo.package_name !== criteria.package) return false;\r\n                if (criteria.formula && packageInfo.formula !== criteria.formula) return false;\r\n                if (criteria.room_type && packageInfo.room !== criteria.room_type) return false;\r\n                if (criteria.duration && packageInfo.duration !== criteria.duration) return false;\r\n                if (criteria.travel_date && packageInfo.date !== criteria.travel_date) return false;\r\n                return true;\r\n            })\r\n            .map(([packageId, packageInfo]) => ({\r\n                id: packageId,\r\n                ...packageInfo\r\n            }));\r\n    }\r\n\r\n    function displaySearchResults(packages, criteria) {\r\n        resultsContainer.innerHTML = '';\r\n\r\n        if (packages.length === 0) {\r\n            resultsContainer.innerHTML = `\r\n                <div class=\"text-center py-8\">\r\n                    <div class=\"text-4xl mb-4\">\ud83d\udd0d<\/div>\r\n                    <p class=\"text-gray-600 text-lg font-semibold mb-2\">No packages found<\/p>\r\n                    <p class=\"text-gray-500 text-sm\">Try adjusting your search criteria or filters<\/p>\r\n                <\/div>\r\n            `;\r\n        } else {\r\n            resultsHeader.textContent = `\ud83c\udf89 Found ${packages.length} Amazing Package${packages.length > 1 ? 's' : ''}`;\r\n            \r\n            const resultsGrid = document.createElement('div');\r\n            resultsGrid.className = 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4';\r\n            \r\n            packages.forEach(pkg => {\r\n                const packageCard = createPackageCard(pkg, criteria);\r\n                resultsGrid.appendChild(packageCard);\r\n            });\r\n            \r\n            resultsContainer.appendChild(resultsGrid);\r\n        }\r\n\r\n        \/\/ Scroll to results\r\n        searchResults.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    }\r\n\r\n    function createPackageCard(pkg, criteria) {\r\n        const card = document.createElement('div');\r\n        card.className = 'bg-white rounded-xl p-4 border border-gray-200 shadow-sm hover:shadow-md transition-all duration-300';\r\n        \r\n        const formattedDate = pkg.date ? new Date(pkg.date).toLocaleDateString('en-US', { \r\n            weekday: 'short',\r\n            month: 'short', \r\n            day: 'numeric', \r\n            year: 'numeric'\r\n        }) : 'Flexible dates';\r\n\r\n        card.innerHTML = `\r\n            <div class=\"flex justify-between items-start mb-3\">\r\n                <h4 class=\"font-bold text-base text-gray-800 truncate\">${pkg.title}<\/h4>\r\n                <div class=\"text-right\">\r\n                    <div class=\"text-xl font-bold text-blue-600\">\u20ac${pkg.price}<\/div>\r\n                    <div class=\"text-xs text-gray-500\">Per person<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"space-y-2 text-xs text-gray-600 mb-3\">\r\n                <div class=\"flex justify-between\">\r\n                    <span class=\"font-medium\">Type:<\/span>\r\n                    <span>${pkg.type_trip}<\/span>\r\n                <\/div>\r\n                <div class=\"flex justify-between\">\r\n                    <span class=\"font-medium\">City:<\/span>\r\n                    <span>${pkg.city}<\/span>\r\n                <\/div>\r\n                <div class=\"flex justify-between\">\r\n                    <span class=\"font-medium\">Package:<\/span>\r\n                    <span>${pkg.package_name}<\/span>\r\n                <\/div>\r\n                <div class=\"flex justify-between\">\r\n                    <span class=\"font-medium\">Room:<\/span>\r\n                    <span>${pkg.room}<\/span>\r\n                <\/div>\r\n                <div class=\"flex justify-between\">\r\n                    <span class=\"font-medium\">Duration:<\/span>\r\n                    <span>${pkg.duration} <\/span>\r\n                <\/div>\r\n                <div class=\"flex justify-between\">\r\n                    <span class=\"font-medium\">Date:<\/span>\r\n                    <span>${formattedDate}<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"text-center\">\r\n                <a href=\"${pkg.permalink}\" class=\"inline-block bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 font-semibold py-3 px-8 rounded-xl transition-all duration-300 transform hover:scale-105 shadow-lg\">\r\n                    \ud83c\udf1f View Package\r\n                <\/a>\r\n            <\/div>\r\n        `;\r\n\r\n        return card;\r\n    }\r\n}\r\n<\/script>\r\n\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f933005 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f933005\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9b67c7d\" data-id=\"9b67c7d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-e14a330 travel-monster_section-header elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"e14a330\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4597267\" data-id=\"4597267\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7392814 elementor-widget elementor-widget-heading\" data-id=\"7392814\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Explore popular Packages<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-e985256 elementor-widget elementor-widget-shortcode\" data-id=\"e985256\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \r\n    <!-- Slider Container -->\r\n    <div class=\"relative px-2 py-8 max-w-7xl mx-auto overflow-hidden\" id=\"slider-container\">\r\n        <!-- Slider Track Container -->\r\n        <div class=\"overflow-hidden\">\r\n            <div id=\"slider-track\" class=\"flex transition-transform duration-500 ease-out\" style=\"width: 100%;\">\r\n                                    <!-- Card: lg:w-1\/3 means exactly 3 items per view on Desktop -->\r\n                    <div class=\"slider-card flex-shrink-0 px-2 w-full sm:w-1\/2 lg:w-1\/3 transition-all duration-300\">\r\n                        <div class=\"bg-white rounded-lg shadow-md overflow-hidden flex flex-col h-full border border-gray-100 hover:shadow-lg transition-all duration-300\">\r\n                            \r\n                            <!-- Image Section -->\r\n                            <div class=\"relative h-40 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/usmantravels.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-13-mag-2026-20_40_49-768x384.png\" class=\"w-full h-full object-cover\" alt=\"SILVER\">\r\n                                                            <\/div>\r\n\r\n                            <!-- Content -->\r\n                            <div class=\"p-4 flex-1 flex flex-col\">\r\n                                <div class=\"grid grid-cols-2 gap-2 mb-3\">\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <svg class=\"w-4 h-4 text-blue-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                                            <path fill-rule=\"evenodd\" d=\"M5.05 3.05a7 7 0 019.9 9.9L10 18l-4.95-5.05a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"\/>\r\n                                        <\/svg>\r\n                                        SILVER                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        \ud83d\udccc\r\n                                        MILANO                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83d\udcc5<\/span> 2027-02-27                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\u23f3<\/span> 10 DAYS 9 NIGHTS                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83c\udf74<\/span> MOKHTARA + VOCO                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- Room Selection -->\r\n                                <div class=\"mb-3 space-y-1\" id=\"slider-card-7771-room-types\">\r\n                                                                            <div class=\"room-type-option border-blue-500 bg-blue-50 selected-room rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7771\"\r\n                                             data-room-name=\"Quadruple Room\"\r\n                                             data-room-price=\"1950\"\r\n                                             data-max-adults=\"4\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Quadruple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1950\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7771\"\r\n                                             data-room-name=\"Triple Room\"\r\n                                             data-room-price=\"2150\"\r\n                                             data-max-adults=\"3\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Triple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac2150\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7771\"\r\n                                             data-room-name=\"Double Room\"\r\n                                             data-room-price=\"2550\"\r\n                                             data-max-adults=\"2\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Double Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac2550\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Occupancy Section -->\r\n                              <!-- Occupancy Section: Stacked on mobile (grid-cols-1), side-by-side on sm+ screens (sm:grid-cols-2) -->\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\r\n    <!-- Adults Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium\">Adults<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7771', 'adults', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7771-adults\" class=\"w-6 text-center font-bold text-xs text-gray-900\">1<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7771', 'adults', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Infants Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium truncate\">Infants (290\u20ac)<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7771', 'infants', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7771-infants\" class=\"w-6 text-center font-bold text-xs text-gray-900\">0<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7771', 'infants', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n                                <!-- Footer -->\r\n                                <div class=\"mt-auto pt-3 border-t flex justify-between items-center\">\r\n                                    <div class=\"flex flex-col\">\r\n                                        <div class=\"flex items-baseline\">\r\n                                            <!-- Updated: Show total price instead of per-person price -->\r\n                                            <span id=\"slider-card-7771-display-price\" class=\"text-lg font-black text-gray-900\">\u20ac1950<\/span>\r\n                                            <!-- Updated: Removed \"\/person\" label since this is now total price -->\r\n                                        <\/div>\r\n                                        <!-- Updated: Removed the detailed breakdown line -->\r\n                                    <\/div>\r\n                                    <a href=\"https:\/\/usmantravels.com\/it\/packages\/umrah-ramadan-2027-3\/?room_type=Quadruple+Room&amp;adults=1&amp;infants=0&amp;total_price=1950\" id=\"slider-card-7771-book-link\" class=\"bg-blue-500 text-white text-sm font-bold px-5 py-2.5 rounded-lg shadow hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n                                        View Details\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <!-- Card: lg:w-1\/3 means exactly 3 items per view on Desktop -->\r\n                    <div class=\"slider-card flex-shrink-0 px-2 w-full sm:w-1\/2 lg:w-1\/3 transition-all duration-300\">\r\n                        <div class=\"bg-white rounded-lg shadow-md overflow-hidden flex flex-col h-full border border-gray-100 hover:shadow-lg transition-all duration-300\">\r\n                            \r\n                            <!-- Image Section -->\r\n                            <div class=\"relative h-40 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/usmantravels.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-13-mag-2026-20_39_04-768x384.png\" class=\"w-full h-full object-cover\" alt=\"SILVER\">\r\n                                                            <\/div>\r\n\r\n                            <!-- Content -->\r\n                            <div class=\"p-4 flex-1 flex flex-col\">\r\n                                <div class=\"grid grid-cols-2 gap-2 mb-3\">\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <svg class=\"w-4 h-4 text-blue-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                                            <path fill-rule=\"evenodd\" d=\"M5.05 3.05a7 7 0 019.9 9.9L10 18l-4.95-5.05a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"\/>\r\n                                        <\/svg>\r\n                                        SILVER                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        \ud83d\udccc\r\n                                        MILANO                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83d\udcc5<\/span> 2027-02-26                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\u23f3<\/span> 10 DAYS 09 NIGHTS                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83c\udf74<\/span> MOKHTARA + VOCO                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- Room Selection -->\r\n                                <div class=\"mb-3 space-y-1\" id=\"slider-card-7770-room-types\">\r\n                                                                            <div class=\"room-type-option border-blue-500 bg-blue-50 selected-room rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7770\"\r\n                                             data-room-name=\"Quadruple Room\"\r\n                                             data-room-price=\"1950\"\r\n                                             data-max-adults=\"4\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Quadruple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1950\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7770\"\r\n                                             data-room-name=\"Triple Room\"\r\n                                             data-room-price=\"2150\"\r\n                                             data-max-adults=\"3\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Triple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac2150\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7770\"\r\n                                             data-room-name=\"Double Room\"\r\n                                             data-room-price=\"2550\"\r\n                                             data-max-adults=\"2\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Double Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac2550\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Occupancy Section -->\r\n                              <!-- Occupancy Section: Stacked on mobile (grid-cols-1), side-by-side on sm+ screens (sm:grid-cols-2) -->\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\r\n    <!-- Adults Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium\">Adults<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7770', 'adults', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7770-adults\" class=\"w-6 text-center font-bold text-xs text-gray-900\">1<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7770', 'adults', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Infants Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium truncate\">Infants (290\u20ac)<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7770', 'infants', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7770-infants\" class=\"w-6 text-center font-bold text-xs text-gray-900\">0<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7770', 'infants', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n                                <!-- Footer -->\r\n                                <div class=\"mt-auto pt-3 border-t flex justify-between items-center\">\r\n                                    <div class=\"flex flex-col\">\r\n                                        <div class=\"flex items-baseline\">\r\n                                            <!-- Updated: Show total price instead of per-person price -->\r\n                                            <span id=\"slider-card-7770-display-price\" class=\"text-lg font-black text-gray-900\">\u20ac1950<\/span>\r\n                                            <!-- Updated: Removed \"\/person\" label since this is now total price -->\r\n                                        <\/div>\r\n                                        <!-- Updated: Removed the detailed breakdown line -->\r\n                                    <\/div>\r\n                                    <a href=\"https:\/\/usmantravels.com\/it\/packages\/umrah-ramadan-2027-2\/?room_type=Quadruple+Room&amp;adults=1&amp;infants=0&amp;total_price=1950\" id=\"slider-card-7770-book-link\" class=\"bg-blue-500 text-white text-sm font-bold px-5 py-2.5 rounded-lg shadow hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n                                        View Details\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <!-- Card: lg:w-1\/3 means exactly 3 items per view on Desktop -->\r\n                    <div class=\"slider-card flex-shrink-0 px-2 w-full sm:w-1\/2 lg:w-1\/3 transition-all duration-300\">\r\n                        <div class=\"bg-white rounded-lg shadow-md overflow-hidden flex flex-col h-full border border-gray-100 hover:shadow-lg transition-all duration-300\">\r\n                            \r\n                            <!-- Image Section -->\r\n                            <div class=\"relative h-40 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/usmantravels.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-13-mag-2026-20_38_08-768x384.png\" class=\"w-full h-full object-cover\" alt=\"SILVER\">\r\n                                                            <\/div>\r\n\r\n                            <!-- Content -->\r\n                            <div class=\"p-4 flex-1 flex flex-col\">\r\n                                <div class=\"grid grid-cols-2 gap-2 mb-3\">\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <svg class=\"w-4 h-4 text-blue-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                                            <path fill-rule=\"evenodd\" d=\"M5.05 3.05a7 7 0 019.9 9.9L10 18l-4.95-5.05a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"\/>\r\n                                        <\/svg>\r\n                                        SILVER                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        \ud83d\udccc\r\n                                        MILANO                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83d\udcc5<\/span> 2027-02-25                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\u23f3<\/span> 10 DAYS 9 NIGHTS                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83c\udf74<\/span> MOKHTARA + VOCO                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- Room Selection -->\r\n                                <div class=\"mb-3 space-y-1\" id=\"slider-card-7769-room-types\">\r\n                                                                            <div class=\"room-type-option border-blue-500 bg-blue-50 selected-room rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7769\"\r\n                                             data-room-name=\"Quadruple Room\"\r\n                                             data-room-price=\"1999\"\r\n                                             data-max-adults=\"4\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Quadruple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1999\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7769\"\r\n                                             data-room-name=\"Triple Room\"\r\n                                             data-room-price=\"2229\"\r\n                                             data-max-adults=\"2\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Triple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac2229\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7769\"\r\n                                             data-room-name=\"Double Room\"\r\n                                             data-room-price=\"2699\"\r\n                                             data-max-adults=\"2\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Double Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac2699\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Occupancy Section -->\r\n                              <!-- Occupancy Section: Stacked on mobile (grid-cols-1), side-by-side on sm+ screens (sm:grid-cols-2) -->\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\r\n    <!-- Adults Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium\">Adults<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7769', 'adults', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7769-adults\" class=\"w-6 text-center font-bold text-xs text-gray-900\">1<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7769', 'adults', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Infants Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium truncate\">Infants (290\u20ac)<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7769', 'infants', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7769-infants\" class=\"w-6 text-center font-bold text-xs text-gray-900\">0<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7769', 'infants', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n                                <!-- Footer -->\r\n                                <div class=\"mt-auto pt-3 border-t flex justify-between items-center\">\r\n                                    <div class=\"flex flex-col\">\r\n                                        <div class=\"flex items-baseline\">\r\n                                            <!-- Updated: Show total price instead of per-person price -->\r\n                                            <span id=\"slider-card-7769-display-price\" class=\"text-lg font-black text-gray-900\">\u20ac1999<\/span>\r\n                                            <!-- Updated: Removed \"\/person\" label since this is now total price -->\r\n                                        <\/div>\r\n                                        <!-- Updated: Removed the detailed breakdown line -->\r\n                                    <\/div>\r\n                                    <a href=\"https:\/\/usmantravels.com\/it\/packages\/umrah-ramadan-2027\/?room_type=Quadruple+Room&amp;adults=1&amp;infants=0&amp;total_price=1999\" id=\"slider-card-7769-book-link\" class=\"bg-blue-500 text-white text-sm font-bold px-5 py-2.5 rounded-lg shadow hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n                                        View Details\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <!-- Card: lg:w-1\/3 means exactly 3 items per view on Desktop -->\r\n                    <div class=\"slider-card flex-shrink-0 px-2 w-full sm:w-1\/2 lg:w-1\/3 transition-all duration-300\">\r\n                        <div class=\"bg-white rounded-lg shadow-md overflow-hidden flex flex-col h-full border border-gray-100 hover:shadow-lg transition-all duration-300\">\r\n                            \r\n                            <!-- Image Section -->\r\n                            <div class=\"relative h-40 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/usmantravels.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-13-mag-2026-20_26_58-768x384.png\" class=\"w-full h-full object-cover\" alt=\"SILVER\">\r\n                                                            <\/div>\r\n\r\n                            <!-- Content -->\r\n                            <div class=\"p-4 flex-1 flex flex-col\">\r\n                                <div class=\"grid grid-cols-2 gap-2 mb-3\">\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <svg class=\"w-4 h-4 text-blue-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                                            <path fill-rule=\"evenodd\" d=\"M5.05 3.05a7 7 0 019.9 9.9L10 18l-4.95-5.05a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"\/>\r\n                                        <\/svg>\r\n                                        SILVER                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        \ud83d\udccc\r\n                                        MILANO                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83d\udcc5<\/span> 2027-02-07                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\u23f3<\/span> 10 DAYS 9 NIGHTS                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83c\udf74<\/span> MOKHTARA + VOCO                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- Room Selection -->\r\n                                <div class=\"mb-3 space-y-1\" id=\"slider-card-7750-room-types\">\r\n                                                                            <div class=\"room-type-option border-blue-500 bg-blue-50 selected-room rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7750\"\r\n                                             data-room-name=\"Quadruple Room\"\r\n                                             data-room-price=\"1450\"\r\n                                             data-max-adults=\"4\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Quadruple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1450\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7750\"\r\n                                             data-room-name=\"Triple Room\"\r\n                                             data-room-price=\"1550\"\r\n                                             data-max-adults=\"3\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Triple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1550\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7750\"\r\n                                             data-room-name=\"Double Room\"\r\n                                             data-room-price=\"1750\"\r\n                                             data-max-adults=\"2\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Double Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1750\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Occupancy Section -->\r\n                              <!-- Occupancy Section: Stacked on mobile (grid-cols-1), side-by-side on sm+ screens (sm:grid-cols-2) -->\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\r\n    <!-- Adults Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium\">Adults<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7750', 'adults', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7750-adults\" class=\"w-6 text-center font-bold text-xs text-gray-900\">1<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7750', 'adults', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Infants Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium truncate\">Infants (290\u20ac)<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7750', 'infants', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7750-infants\" class=\"w-6 text-center font-bold text-xs text-gray-900\">0<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7750', 'infants', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n                                <!-- Footer -->\r\n                                <div class=\"mt-auto pt-3 border-t flex justify-between items-center\">\r\n                                    <div class=\"flex flex-col\">\r\n                                        <div class=\"flex items-baseline\">\r\n                                            <!-- Updated: Show total price instead of per-person price -->\r\n                                            <span id=\"slider-card-7750-display-price\" class=\"text-lg font-black text-gray-900\">\u20ac1450<\/span>\r\n                                            <!-- Updated: Removed \"\/person\" label since this is now total price -->\r\n                                        <\/div>\r\n                                        <!-- Updated: Removed the detailed breakdown line -->\r\n                                    <\/div>\r\n                                    <a href=\"https:\/\/usmantravels.com\/it\/packages\/umrah-february-2027-3\/?room_type=Quadruple+Room&amp;adults=1&amp;infants=0&amp;total_price=1450\" id=\"slider-card-7750-book-link\" class=\"bg-blue-500 text-white text-sm font-bold px-5 py-2.5 rounded-lg shadow hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n                                        View Details\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <!-- Card: lg:w-1\/3 means exactly 3 items per view on Desktop -->\r\n                    <div class=\"slider-card flex-shrink-0 px-2 w-full sm:w-1\/2 lg:w-1\/3 transition-all duration-300\">\r\n                        <div class=\"bg-white rounded-lg shadow-md overflow-hidden flex flex-col h-full border border-gray-100 hover:shadow-lg transition-all duration-300\">\r\n                            \r\n                            <!-- Image Section -->\r\n                            <div class=\"relative h-40 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/usmantravels.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-13-mag-2026-18_00_21-768x384.png\" class=\"w-full h-full object-cover\" alt=\"SILVER\">\r\n                                                            <\/div>\r\n\r\n                            <!-- Content -->\r\n                            <div class=\"p-4 flex-1 flex flex-col\">\r\n                                <div class=\"grid grid-cols-2 gap-2 mb-3\">\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <svg class=\"w-4 h-4 text-blue-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                                            <path fill-rule=\"evenodd\" d=\"M5.05 3.05a7 7 0 019.9 9.9L10 18l-4.95-5.05a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"\/>\r\n                                        <\/svg>\r\n                                        SILVER                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        \ud83d\udccc\r\n                                        MILANO                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83d\udcc5<\/span> 2027-02-14                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\u23f3<\/span> 10 DAYS 9 NIGHTS                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83c\udf74<\/span> MOKHTARA + VOCO                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- Room Selection -->\r\n                                <div class=\"mb-3 space-y-1\" id=\"slider-card-7749-room-types\">\r\n                                                                            <div class=\"room-type-option border-blue-500 bg-blue-50 selected-room rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7749\"\r\n                                             data-room-name=\"Quadruple Room\"\r\n                                             data-room-price=\"1450\"\r\n                                             data-max-adults=\"4\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Quadruple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1450\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7749\"\r\n                                             data-room-name=\"Triple Room\"\r\n                                             data-room-price=\"1550\"\r\n                                             data-max-adults=\"3\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Triple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1550\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7749\"\r\n                                             data-room-name=\"Double Room\"\r\n                                             data-room-price=\"1750\"\r\n                                             data-max-adults=\"2\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Double Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1750\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Occupancy Section -->\r\n                              <!-- Occupancy Section: Stacked on mobile (grid-cols-1), side-by-side on sm+ screens (sm:grid-cols-2) -->\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\r\n    <!-- Adults Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium\">Adults<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7749', 'adults', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7749-adults\" class=\"w-6 text-center font-bold text-xs text-gray-900\">1<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7749', 'adults', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Infants Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium truncate\">Infants (290\u20ac)<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7749', 'infants', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7749-infants\" class=\"w-6 text-center font-bold text-xs text-gray-900\">0<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7749', 'infants', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n                                <!-- Footer -->\r\n                                <div class=\"mt-auto pt-3 border-t flex justify-between items-center\">\r\n                                    <div class=\"flex flex-col\">\r\n                                        <div class=\"flex items-baseline\">\r\n                                            <!-- Updated: Show total price instead of per-person price -->\r\n                                            <span id=\"slider-card-7749-display-price\" class=\"text-lg font-black text-gray-900\">\u20ac1450<\/span>\r\n                                            <!-- Updated: Removed \"\/person\" label since this is now total price -->\r\n                                        <\/div>\r\n                                        <!-- Updated: Removed the detailed breakdown line -->\r\n                                    <\/div>\r\n                                    <a href=\"https:\/\/usmantravels.com\/it\/packages\/umrah-february-2027-2\/?room_type=Quadruple+Room&amp;adults=1&amp;infants=0&amp;total_price=1450\" id=\"slider-card-7749-book-link\" class=\"bg-blue-500 text-white text-sm font-bold px-5 py-2.5 rounded-lg shadow hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n                                        View Details\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <!-- Card: lg:w-1\/3 means exactly 3 items per view on Desktop -->\r\n                    <div class=\"slider-card flex-shrink-0 px-2 w-full sm:w-1\/2 lg:w-1\/3 transition-all duration-300\">\r\n                        <div class=\"bg-white rounded-lg shadow-md overflow-hidden flex flex-col h-full border border-gray-100 hover:shadow-lg transition-all duration-300\">\r\n                            \r\n                            <!-- Image Section -->\r\n                            <div class=\"relative h-40 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/usmantravels.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-13-mag-2026-18_00_49-768x384.png\" class=\"w-full h-full object-cover\" alt=\"SILVER\">\r\n                                                            <\/div>\r\n\r\n                            <!-- Content -->\r\n                            <div class=\"p-4 flex-1 flex flex-col\">\r\n                                <div class=\"grid grid-cols-2 gap-2 mb-3\">\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <svg class=\"w-4 h-4 text-blue-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                                            <path fill-rule=\"evenodd\" d=\"M5.05 3.05a7 7 0 019.9 9.9L10 18l-4.95-5.05a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"\/>\r\n                                        <\/svg>\r\n                                        SILVER                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        \ud83d\udccc\r\n                                        MILANO                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83d\udcc5<\/span> 2027-02-02                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\u23f3<\/span> 9 DAYS 8 NIGHTS                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83c\udf74<\/span> MOKHTARA + VOCO                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- Room Selection -->\r\n                                <div class=\"mb-3 space-y-1\" id=\"slider-card-7748-room-types\">\r\n                                                                            <div class=\"room-type-option border-blue-500 bg-blue-50 selected-room rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7748\"\r\n                                             data-room-name=\"Quadruple Room\"\r\n                                             data-room-price=\"1299\"\r\n                                             data-max-adults=\"4\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Quadruple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1299\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7748\"\r\n                                             data-room-name=\"Triple Room\"\r\n                                             data-room-price=\"1380\"\r\n                                             data-max-adults=\"3\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Triple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1380\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7748\"\r\n                                             data-room-name=\"Double Room\"\r\n                                             data-room-price=\"1550\"\r\n                                             data-max-adults=\"2\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Double Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1550\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Occupancy Section -->\r\n                              <!-- Occupancy Section: Stacked on mobile (grid-cols-1), side-by-side on sm+ screens (sm:grid-cols-2) -->\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\r\n    <!-- Adults Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium\">Adults<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7748', 'adults', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7748-adults\" class=\"w-6 text-center font-bold text-xs text-gray-900\">1<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7748', 'adults', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Infants Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium truncate\">Infants (290\u20ac)<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7748', 'infants', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7748-infants\" class=\"w-6 text-center font-bold text-xs text-gray-900\">0<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7748', 'infants', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n                                <!-- Footer -->\r\n                                <div class=\"mt-auto pt-3 border-t flex justify-between items-center\">\r\n                                    <div class=\"flex flex-col\">\r\n                                        <div class=\"flex items-baseline\">\r\n                                            <!-- Updated: Show total price instead of per-person price -->\r\n                                            <span id=\"slider-card-7748-display-price\" class=\"text-lg font-black text-gray-900\">\u20ac1299<\/span>\r\n                                            <!-- Updated: Removed \"\/person\" label since this is now total price -->\r\n                                        <\/div>\r\n                                        <!-- Updated: Removed the detailed breakdown line -->\r\n                                    <\/div>\r\n                                    <a href=\"https:\/\/usmantravels.com\/it\/packages\/umrah-february-2027\/?room_type=Quadruple+Room&amp;adults=1&amp;infants=0&amp;total_price=1299\" id=\"slider-card-7748-book-link\" class=\"bg-blue-500 text-white text-sm font-bold px-5 py-2.5 rounded-lg shadow hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n                                        View Details\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <!-- Card: lg:w-1\/3 means exactly 3 items per view on Desktop -->\r\n                    <div class=\"slider-card flex-shrink-0 px-2 w-full sm:w-1\/2 lg:w-1\/3 transition-all duration-300\">\r\n                        <div class=\"bg-white rounded-lg shadow-md overflow-hidden flex flex-col h-full border border-gray-100 hover:shadow-lg transition-all duration-300\">\r\n                            \r\n                            <!-- Image Section -->\r\n                            <div class=\"relative h-40 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/usmantravels.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-09-at-12.42.20-768x384.jpeg\" class=\"w-full h-full object-cover\" alt=\"SILVER\">\r\n                                                            <\/div>\r\n\r\n                            <!-- Content -->\r\n                            <div class=\"p-4 flex-1 flex flex-col\">\r\n                                <div class=\"grid grid-cols-2 gap-2 mb-3\">\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <svg class=\"w-4 h-4 text-blue-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                                            <path fill-rule=\"evenodd\" d=\"M5.05 3.05a7 7 0 019.9 9.9L10 18l-4.95-5.05a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"\/>\r\n                                        <\/svg>\r\n                                        SILVER                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        \ud83d\udccc\r\n                                        MILANO                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83d\udcc5<\/span> 2026-12-25                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\u23f3<\/span> 10 DAYS 9 NIGHTS                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83c\udf74<\/span> MOKHTARA + VOCO                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- Room Selection -->\r\n                                <div class=\"mb-3 space-y-1\" id=\"slider-card-7684-room-types\">\r\n                                                                            <div class=\"room-type-option border-blue-500 bg-blue-50 selected-room rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7684\"\r\n                                             data-room-name=\"Quadruple Room\"\r\n                                             data-room-price=\"1149\"\r\n                                             data-max-adults=\"4\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Quadruple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1149\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7684\"\r\n                                             data-room-name=\"Triple Room\"\r\n                                             data-room-price=\"1249\"\r\n                                             data-max-adults=\"3\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Triple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1249\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7684\"\r\n                                             data-room-name=\"Double Room\"\r\n                                             data-room-price=\"1349\"\r\n                                             data-max-adults=\"2\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Double Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1349\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Occupancy Section -->\r\n                              <!-- Occupancy Section: Stacked on mobile (grid-cols-1), side-by-side on sm+ screens (sm:grid-cols-2) -->\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\r\n    <!-- Adults Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium\">Adults<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7684', 'adults', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7684-adults\" class=\"w-6 text-center font-bold text-xs text-gray-900\">1<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7684', 'adults', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Infants Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium truncate\">Infants (290\u20ac)<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7684', 'infants', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7684-infants\" class=\"w-6 text-center font-bold text-xs text-gray-900\">0<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7684', 'infants', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n                                <!-- Footer -->\r\n                                <div class=\"mt-auto pt-3 border-t flex justify-between items-center\">\r\n                                    <div class=\"flex flex-col\">\r\n                                        <div class=\"flex items-baseline\">\r\n                                            <!-- Updated: Show total price instead of per-person price -->\r\n                                            <span id=\"slider-card-7684-display-price\" class=\"text-lg font-black text-gray-900\">\u20ac1149<\/span>\r\n                                            <!-- Updated: Removed \"\/person\" label since this is now total price -->\r\n                                        <\/div>\r\n                                        <!-- Updated: Removed the detailed breakdown line -->\r\n                                    <\/div>\r\n                                    <a href=\"https:\/\/usmantravels.com\/it\/packages\/umrah-december-2026-4\/?room_type=Quadruple+Room&amp;adults=1&amp;infants=0&amp;total_price=1149\" id=\"slider-card-7684-book-link\" class=\"bg-blue-500 text-white text-sm font-bold px-5 py-2.5 rounded-lg shadow hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n                                        View Details\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <!-- Card: lg:w-1\/3 means exactly 3 items per view on Desktop -->\r\n                    <div class=\"slider-card flex-shrink-0 px-2 w-full sm:w-1\/2 lg:w-1\/3 transition-all duration-300\">\r\n                        <div class=\"bg-white rounded-lg shadow-md overflow-hidden flex flex-col h-full border border-gray-100 hover:shadow-lg transition-all duration-300\">\r\n                            \r\n                            <!-- Image Section -->\r\n                            <div class=\"relative h-40 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/usmantravels.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-9-mag-2026-12_29_52-768x384.png\" class=\"w-full h-full object-cover\" alt=\"SILVER\">\r\n                                                            <\/div>\r\n\r\n                            <!-- Content -->\r\n                            <div class=\"p-4 flex-1 flex flex-col\">\r\n                                <div class=\"grid grid-cols-2 gap-2 mb-3\">\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <svg class=\"w-4 h-4 text-blue-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                                            <path fill-rule=\"evenodd\" d=\"M5.05 3.05a7 7 0 019.9 9.9L10 18l-4.95-5.05a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"\/>\r\n                                        <\/svg>\r\n                                        SILVER                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        \ud83d\udccc\r\n                                        ROMA                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83d\udcc5<\/span> 2026-12-26                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\u23f3<\/span> 10 DAYS 9 NIGHTS                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83c\udf74<\/span> MOKHTARA + VOCO                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- Room Selection -->\r\n                                <div class=\"mb-3 space-y-1\" id=\"slider-card-7680-room-types\">\r\n                                                                            <div class=\"room-type-option border-blue-500 bg-blue-50 selected-room rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7680\"\r\n                                             data-room-name=\"Quadruple Room\"\r\n                                             data-room-price=\"949\"\r\n                                             data-max-adults=\"4\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Quadruple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac949\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7680\"\r\n                                             data-room-name=\"Triple Room\"\r\n                                             data-room-price=\"1049\"\r\n                                             data-max-adults=\"3\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Triple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1049\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7680\"\r\n                                             data-room-name=\"Double Room\"\r\n                                             data-room-price=\"1249\"\r\n                                             data-max-adults=\"2\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Double Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1249\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Occupancy Section -->\r\n                              <!-- Occupancy Section: Stacked on mobile (grid-cols-1), side-by-side on sm+ screens (sm:grid-cols-2) -->\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\r\n    <!-- Adults Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium\">Adults<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7680', 'adults', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7680-adults\" class=\"w-6 text-center font-bold text-xs text-gray-900\">1<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7680', 'adults', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Infants Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium truncate\">Infants (290\u20ac)<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7680', 'infants', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7680-infants\" class=\"w-6 text-center font-bold text-xs text-gray-900\">0<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7680', 'infants', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n                                <!-- Footer -->\r\n                                <div class=\"mt-auto pt-3 border-t flex justify-between items-center\">\r\n                                    <div class=\"flex flex-col\">\r\n                                        <div class=\"flex items-baseline\">\r\n                                            <!-- Updated: Show total price instead of per-person price -->\r\n                                            <span id=\"slider-card-7680-display-price\" class=\"text-lg font-black text-gray-900\">\u20ac949<\/span>\r\n                                            <!-- Updated: Removed \"\/person\" label since this is now total price -->\r\n                                        <\/div>\r\n                                        <!-- Updated: Removed the detailed breakdown line -->\r\n                                    <\/div>\r\n                                    <a href=\"https:\/\/usmantravels.com\/it\/packages\/umrah-december-2026-3\/?room_type=Quadruple+Room&amp;adults=1&amp;infants=0&amp;total_price=949\" id=\"slider-card-7680-book-link\" class=\"bg-blue-500 text-white text-sm font-bold px-5 py-2.5 rounded-lg shadow hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n                                        View Details\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <!-- Card: lg:w-1\/3 means exactly 3 items per view on Desktop -->\r\n                    <div class=\"slider-card flex-shrink-0 px-2 w-full sm:w-1\/2 lg:w-1\/3 transition-all duration-300\">\r\n                        <div class=\"bg-white rounded-lg shadow-md overflow-hidden flex flex-col h-full border border-gray-100 hover:shadow-lg transition-all duration-300\">\r\n                            \r\n                            <!-- Image Section -->\r\n                            <div class=\"relative h-40 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/usmantravels.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-7-mag-2026-10_04_19-768x384.png\" class=\"w-full h-full object-cover\" alt=\"SILVER\">\r\n                                                            <\/div>\r\n\r\n                            <!-- Content -->\r\n                            <div class=\"p-4 flex-1 flex flex-col\">\r\n                                <div class=\"grid grid-cols-2 gap-2 mb-3\">\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <svg class=\"w-4 h-4 text-blue-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                                            <path fill-rule=\"evenodd\" d=\"M5.05 3.05a7 7 0 019.9 9.9L10 18l-4.95-5.05a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"\/>\r\n                                        <\/svg>\r\n                                        SILVER                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        \ud83d\udccc\r\n                                        MILANO                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83d\udcc5<\/span> 2027-01-14                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\u23f3<\/span> 10 DAYS 9 NIGHTS                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83c\udf74<\/span> MOKHTARA + VOCO                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- Room Selection -->\r\n                                <div class=\"mb-3 space-y-1\" id=\"slider-card-7670-room-types\">\r\n                                                                            <div class=\"room-type-option border-blue-500 bg-blue-50 selected-room rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7670\"\r\n                                             data-room-name=\"Quadruple Room\"\r\n                                             data-room-price=\"1150\"\r\n                                             data-max-adults=\"4\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Quadruple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1150\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7670\"\r\n                                             data-room-name=\"Triple Room\"\r\n                                             data-room-price=\"1220\"\r\n                                             data-max-adults=\"3\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Triple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1220\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7670\"\r\n                                             data-room-name=\"Double Room\"\r\n                                             data-room-price=\"1350\"\r\n                                             data-max-adults=\"2\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Double Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1350\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Occupancy Section -->\r\n                              <!-- Occupancy Section: Stacked on mobile (grid-cols-1), side-by-side on sm+ screens (sm:grid-cols-2) -->\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\r\n    <!-- Adults Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium\">Adults<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7670', 'adults', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7670-adults\" class=\"w-6 text-center font-bold text-xs text-gray-900\">1<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7670', 'adults', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Infants Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium truncate\">Infants (290\u20ac)<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7670', 'infants', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7670-infants\" class=\"w-6 text-center font-bold text-xs text-gray-900\">0<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7670', 'infants', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n                                <!-- Footer -->\r\n                                <div class=\"mt-auto pt-3 border-t flex justify-between items-center\">\r\n                                    <div class=\"flex flex-col\">\r\n                                        <div class=\"flex items-baseline\">\r\n                                            <!-- Updated: Show total price instead of per-person price -->\r\n                                            <span id=\"slider-card-7670-display-price\" class=\"text-lg font-black text-gray-900\">\u20ac1150<\/span>\r\n                                            <!-- Updated: Removed \"\/person\" label since this is now total price -->\r\n                                        <\/div>\r\n                                        <!-- Updated: Removed the detailed breakdown line -->\r\n                                    <\/div>\r\n                                    <a href=\"https:\/\/usmantravels.com\/it\/packages\/umrah-january-2027\/?room_type=Quadruple+Room&amp;adults=1&amp;infants=0&amp;total_price=1150\" id=\"slider-card-7670-book-link\" class=\"bg-blue-500 text-white text-sm font-bold px-5 py-2.5 rounded-lg shadow hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n                                        View Details\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <!-- Card: lg:w-1\/3 means exactly 3 items per view on Desktop -->\r\n                    <div class=\"slider-card flex-shrink-0 px-2 w-full sm:w-1\/2 lg:w-1\/3 transition-all duration-300\">\r\n                        <div class=\"bg-white rounded-lg shadow-md overflow-hidden flex flex-col h-full border border-gray-100 hover:shadow-lg transition-all duration-300\">\r\n                            \r\n                            <!-- Image Section -->\r\n                            <div class=\"relative h-40 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/usmantravels.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-7-mag-2026-10_06_10-768x384.png\" class=\"w-full h-full object-cover\" alt=\"SILVER\">\r\n                                                            <\/div>\r\n\r\n                            <!-- Content -->\r\n                            <div class=\"p-4 flex-1 flex flex-col\">\r\n                                <div class=\"grid grid-cols-2 gap-2 mb-3\">\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <svg class=\"w-4 h-4 text-blue-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                                            <path fill-rule=\"evenodd\" d=\"M5.05 3.05a7 7 0 019.9 9.9L10 18l-4.95-5.05a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"\/>\r\n                                        <\/svg>\r\n                                        SILVER                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        \ud83d\udccc\r\n                                        MILANO                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83d\udcc5<\/span> 2026-12-25                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\u23f3<\/span> 14 DAYS 13 NIGHTS                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83c\udf74<\/span> MOKHTARA + VOCO                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- Room Selection -->\r\n                                <div class=\"mb-3 space-y-1\" id=\"slider-card-7668-room-types\">\r\n                                                                            <div class=\"room-type-option border-blue-500 bg-blue-50 selected-room rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7668\"\r\n                                             data-room-name=\"Quadruple Room\"\r\n                                             data-room-price=\"1499\"\r\n                                             data-max-adults=\"4\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Quadruple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1499\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7668\"\r\n                                             data-room-name=\"Triple Room\"\r\n                                             data-room-price=\"1600\"\r\n                                             data-max-adults=\"3\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Triple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1600\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7668\"\r\n                                             data-room-name=\"Double Room\"\r\n                                             data-room-price=\"1800\"\r\n                                             data-max-adults=\"2\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Double Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1800\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Occupancy Section -->\r\n                              <!-- Occupancy Section: Stacked on mobile (grid-cols-1), side-by-side on sm+ screens (sm:grid-cols-2) -->\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\r\n    <!-- Adults Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium\">Adults<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7668', 'adults', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7668-adults\" class=\"w-6 text-center font-bold text-xs text-gray-900\">1<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7668', 'adults', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Infants Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium truncate\">Infants (290\u20ac)<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7668', 'infants', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7668-infants\" class=\"w-6 text-center font-bold text-xs text-gray-900\">0<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7668', 'infants', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n                                <!-- Footer -->\r\n                                <div class=\"mt-auto pt-3 border-t flex justify-between items-center\">\r\n                                    <div class=\"flex flex-col\">\r\n                                        <div class=\"flex items-baseline\">\r\n                                            <!-- Updated: Show total price instead of per-person price -->\r\n                                            <span id=\"slider-card-7668-display-price\" class=\"text-lg font-black text-gray-900\">\u20ac1499<\/span>\r\n                                            <!-- Updated: Removed \"\/person\" label since this is now total price -->\r\n                                        <\/div>\r\n                                        <!-- Updated: Removed the detailed breakdown line -->\r\n                                    <\/div>\r\n                                    <a href=\"https:\/\/usmantravels.com\/it\/packages\/umrah-december-2026-2\/?room_type=Quadruple+Room&amp;adults=1&amp;infants=0&amp;total_price=1499\" id=\"slider-card-7668-book-link\" class=\"bg-blue-500 text-white text-sm font-bold px-5 py-2.5 rounded-lg shadow hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n                                        View Details\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <!-- Card: lg:w-1\/3 means exactly 3 items per view on Desktop -->\r\n                    <div class=\"slider-card flex-shrink-0 px-2 w-full sm:w-1\/2 lg:w-1\/3 transition-all duration-300\">\r\n                        <div class=\"bg-white rounded-lg shadow-md overflow-hidden flex flex-col h-full border border-gray-100 hover:shadow-lg transition-all duration-300\">\r\n                            \r\n                            <!-- Image Section -->\r\n                            <div class=\"relative h-40 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/usmantravels.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-7-mag-2026-10_07_21-768x384.png\" class=\"w-full h-full object-cover\" alt=\"SILVER\">\r\n                                                            <\/div>\r\n\r\n                            <!-- Content -->\r\n                            <div class=\"p-4 flex-1 flex flex-col\">\r\n                                <div class=\"grid grid-cols-2 gap-2 mb-3\">\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <svg class=\"w-4 h-4 text-blue-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                                            <path fill-rule=\"evenodd\" d=\"M5.05 3.05a7 7 0 019.9 9.9L10 18l-4.95-5.05a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"\/>\r\n                                        <\/svg>\r\n                                        SILVER                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        \ud83d\udccc\r\n                                        MILANO                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83d\udcc5<\/span> 2026-12-18                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\u23f3<\/span> 14 DAYS 13 NIGHTS                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83c\udf74<\/span> MOKHTARA + VOCO                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- Room Selection -->\r\n                                <div class=\"mb-3 space-y-1\" id=\"slider-card-7666-room-types\">\r\n                                                                            <div class=\"room-type-option border-blue-500 bg-blue-50 selected-room rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7666\"\r\n                                             data-room-name=\"Quadruple Room\"\r\n                                             data-room-price=\"1450\"\r\n                                             data-max-adults=\"4\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Quadruple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1450\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7666\"\r\n                                             data-room-name=\"Triple Room\"\r\n                                             data-room-price=\"1550\"\r\n                                             data-max-adults=\"3\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Triple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1550\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7666\"\r\n                                             data-room-name=\"Double Room\"\r\n                                             data-room-price=\"1750\"\r\n                                             data-max-adults=\"2\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Double Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1750\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Occupancy Section -->\r\n                              <!-- Occupancy Section: Stacked on mobile (grid-cols-1), side-by-side on sm+ screens (sm:grid-cols-2) -->\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\r\n    <!-- Adults Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium\">Adults<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7666', 'adults', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7666-adults\" class=\"w-6 text-center font-bold text-xs text-gray-900\">1<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7666', 'adults', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Infants Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium truncate\">Infants (290\u20ac)<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7666', 'infants', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7666-infants\" class=\"w-6 text-center font-bold text-xs text-gray-900\">0<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7666', 'infants', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n                                <!-- Footer -->\r\n                                <div class=\"mt-auto pt-3 border-t flex justify-between items-center\">\r\n                                    <div class=\"flex flex-col\">\r\n                                        <div class=\"flex items-baseline\">\r\n                                            <!-- Updated: Show total price instead of per-person price -->\r\n                                            <span id=\"slider-card-7666-display-price\" class=\"text-lg font-black text-gray-900\">\u20ac1450<\/span>\r\n                                            <!-- Updated: Removed \"\/person\" label since this is now total price -->\r\n                                        <\/div>\r\n                                        <!-- Updated: Removed the detailed breakdown line -->\r\n                                    <\/div>\r\n                                    <a href=\"https:\/\/usmantravels.com\/it\/packages\/umrah-december-2026\/?room_type=Quadruple+Room&amp;adults=1&amp;infants=0&amp;total_price=1450\" id=\"slider-card-7666-book-link\" class=\"bg-blue-500 text-white text-sm font-bold px-5 py-2.5 rounded-lg shadow hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n                                        View Details\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <!-- Card: lg:w-1\/3 means exactly 3 items per view on Desktop -->\r\n                    <div class=\"slider-card flex-shrink-0 px-2 w-full sm:w-1\/2 lg:w-1\/3 transition-all duration-300\">\r\n                        <div class=\"bg-white rounded-lg shadow-md overflow-hidden flex flex-col h-full border border-gray-100 hover:shadow-lg transition-all duration-300\">\r\n                            \r\n                            <!-- Image Section -->\r\n                            <div class=\"relative h-40 overflow-hidden\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/usmantravels.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-7-mag-2026-10_08_57-768x384.png\" class=\"w-full h-full object-cover\" alt=\"SILVER\">\r\n                                                            <\/div>\r\n\r\n                            <!-- Content -->\r\n                            <div class=\"p-4 flex-1 flex flex-col\">\r\n                                <div class=\"grid grid-cols-2 gap-2 mb-3\">\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <svg class=\"w-4 h-4 text-blue-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                                            <path fill-rule=\"evenodd\" d=\"M5.05 3.05a7 7 0 019.9 9.9L10 18l-4.95-5.05a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"\/>\r\n                                        <\/svg>\r\n                                        SILVER                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        \ud83d\udccc\r\n                                        MILANO                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83d\udcc5<\/span> 2026-11-19                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\u23f3<\/span> 10 DAYS 9 NIGHTS                                    <\/div>\r\n                                    <div class=\"flex items-center gap-1 text-xs text-gray-700\">\r\n                                        <span class=\"text-blue-500\">\ud83c\udf74<\/span> MOKHTARA + VOCO                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- Room Selection -->\r\n                                <div class=\"mb-3 space-y-1\" id=\"slider-card-7664-room-types\">\r\n                                                                            <div class=\"room-type-option border-blue-500 bg-blue-50 selected-room rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7664\"\r\n                                             data-room-name=\"Quadruple Room\"\r\n                                             data-room-price=\"1150\"\r\n                                             data-max-adults=\"4\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Quadruple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1150\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7664\"\r\n                                             data-room-name=\"Triple Room\"\r\n                                             data-room-price=\"1220\"\r\n                                             data-max-adults=\"3\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Triple Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1220\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                            <div class=\"room-type-option bg-gray-50 rounded-md p-2 border border-gray-200 transition-all cursor-pointer text-xs\"\r\n                                             data-card-id=\"slider-card-7664\"\r\n                                             data-room-name=\"Double Room\"\r\n                                             data-room-price=\"1350\"\r\n                                             data-max-adults=\"2\"\r\n                                             data-max-infants=\"2\">\r\n                                            <div class=\"flex justify-between items-center\">\r\n                                                <span class=\"font-bold truncate\">Double Room<\/span>\r\n                                                <span class=\"font-black text-gray-900\">\u20ac1350\/person<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                                                    <\/div>\r\n\r\n                                <!-- Occupancy Section -->\r\n                              <!-- Occupancy Section: Stacked on mobile (grid-cols-1), side-by-side on sm+ screens (sm:grid-cols-2) -->\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\r\n    <!-- Adults Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium\">Adults<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7664', 'adults', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7664-adults\" class=\"w-6 text-center font-bold text-xs text-gray-900\">1<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7664', 'adults', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Infants Section -->\r\n    <div>\r\n        <div class=\"text-xs text-gray-600 mb-1 font-medium truncate\">Infants (290\u20ac)<\/div>\r\n        <div class=\"flex items-center bg-white rounded-full shadow-sm px-2 py-1 \">\r\n            <button onclick=\"sliderUpdateCount('slider-card-7664', 'infants', -1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">\u2212<\/button>\r\n            <span id=\"slider-card-7664-infants\" class=\"w-6 text-center font-bold text-xs text-gray-900\">0<\/span>\r\n            <button onclick=\"sliderUpdateCount('slider-card-7664', 'infants', 1)\" class=\"text-blue-600 font-bold cursor-pointer w-5 h-5 flex items-center justify-center hover:bg-gray-100 rounded-full text-xs transition-colors\">+<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n                                <!-- Footer -->\r\n                                <div class=\"mt-auto pt-3 border-t flex justify-between items-center\">\r\n                                    <div class=\"flex flex-col\">\r\n                                        <div class=\"flex items-baseline\">\r\n                                            <!-- Updated: Show total price instead of per-person price -->\r\n                                            <span id=\"slider-card-7664-display-price\" class=\"text-lg font-black text-gray-900\">\u20ac1150<\/span>\r\n                                            <!-- Updated: Removed \"\/person\" label since this is now total price -->\r\n                                        <\/div>\r\n                                        <!-- Updated: Removed the detailed breakdown line -->\r\n                                    <\/div>\r\n                                    <a href=\"https:\/\/usmantravels.com\/it\/packages\/umrah-november-2026-2\/?room_type=Quadruple+Room&amp;adults=1&amp;infants=0&amp;total_price=1150\" id=\"slider-card-7664-book-link\" class=\"bg-blue-500 text-white text-sm font-bold px-5 py-2.5 rounded-lg shadow hover:shadow-lg transition-all duration-300 transform hover:scale-105\">\r\n                                        View Details\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Pagination Dots -->\r\n        <div id=\"slider-dots\" class=\"flex justify-center gap-2 mt-6\"><\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    \/\/ Constants\r\n    const INFANT_PRICE = 290; \/\/ 290\u20ac per infant\r\n    \r\n    \/\/ Handles increment\/decrement of adults\/infants\r\n    function sliderUpdateCount(cardId, type, delta) {\r\n        const span = document.getElementById(cardId + '-' + type);\r\n        const selectedRoom = document.querySelector(`#${cardId}-room-types .selected-room`);\r\n        const max = parseInt(selectedRoom.dataset['max' + type.charAt(0).toUpperCase() + type.slice(1)]);\r\n        const min = type === 'adults' ? 1 : 0;\r\n        \r\n        let current = parseInt(span.textContent);\r\n        let newValue = current + delta;\r\n        \r\n        if (newValue >= min && newValue <= max) {\r\n            span.textContent = newValue;\r\n            updateSliderPriceAndUrl(cardId);\r\n        }\r\n    }\r\n    \r\n    \/\/ Calculate total price based on selections\r\n    function calculateTotalPrice(cardId) {\r\n        const selectedRoom = document.querySelector(`#${cardId}-room-types .selected-room`);\r\n        const roomPrice = parseFloat(selectedRoom.dataset.roomPrice);\r\n        const adults = parseInt(document.getElementById(cardId + '-adults').textContent);\r\n        const infants = parseInt(document.getElementById(cardId + '-infants').textContent);\r\n        \r\n        \/\/ Calculate total: (adults * roomPrice) + (infants * INFANT_PRICE)\r\n        const totalPrice = (adults * roomPrice) + (infants * INFANT_PRICE);\r\n        \r\n        return {\r\n            roomPrice: roomPrice,\r\n            adults: adults,\r\n            infants: infants,\r\n            total: totalPrice\r\n        };\r\n    }\r\n    \r\n    \/\/ Updates price display and URL with current selections\r\n    function updateSliderPriceAndUrl(cardId) {\r\n        const link = document.getElementById(cardId + '-book-link');\r\n        const selectedRoom = document.querySelector(`#${cardId}-room-types .selected-room`);\r\n        const roomName = selectedRoom.dataset.roomName;\r\n        const adults = document.getElementById(cardId + '-adults').textContent;\r\n        const infants = document.getElementById(cardId + '-infants').textContent;\r\n        \r\n        \/\/ Calculate prices\r\n        const prices = calculateTotalPrice(cardId);\r\n        \r\n        \/\/ Get base URL\r\n        const baseUrl = link.href.split('?')[0];\r\n        \r\n        \/\/ Update URL with all parameters including total_price\r\n        link.href = `${baseUrl}?room_type=${encodeURIComponent(roomName)}&adults=${adults}&infants=${infants}&total_price=${prices.total}`;\r\n        \r\n        \/\/ Update the displayed total price (main price display)\r\n        document.getElementById(cardId + '-display-price').textContent = '\u20ac' + prices.total.toFixed(0);\r\n    }\r\n\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const track = document.getElementById('slider-track');\r\n        const cards = document.querySelectorAll('.slider-card');\r\n        const dotsContainer = document.getElementById('slider-dots');\r\n        \r\n        let currentIndex = 0;\r\n\r\n        function getVisibleCards() {\r\n            if (window.innerWidth >= 1024) return 3; \/\/ 3 Cards Desktop\r\n            if (window.innerWidth >= 640) return 2;  \/\/ 2 Cards Tablet\r\n            return 1;                                \/\/ 1 Card Mobile\r\n        }\r\n\r\n        function updateSlider() {\r\n            const visible = getVisibleCards();\r\n            const maxIndex = cards.length - visible;\r\n            \r\n            \/\/ Boundary checks\r\n            if (currentIndex > maxIndex) currentIndex = maxIndex;\r\n            if (currentIndex < 0) currentIndex = 0;\r\n\r\n            \/\/ Calculate translation: Move by 1 card width at a time\r\n            const offset = currentIndex * (100 \/ visible);\r\n            track.style.transform = `translateX(-${offset}%)`;\r\n\r\n            \/\/ Update Dot Styling\r\n            document.querySelectorAll('.slider-dot').forEach((dot, i) => {\r\n                if (i === currentIndex) {\r\n                    dot.classList.add('bg-blue-600', 'w-6');\r\n                    dot.classList.remove('bg-gray-300', 'w-2');\r\n                } else {\r\n                    dot.classList.remove('bg-blue-600', 'w-6');\r\n                    dot.classList.add('bg-gray-300', 'w-2');\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Generate pagination dots\r\n        function setupDots() {\r\n            dotsContainer.innerHTML = '';\r\n            const visible = getVisibleCards();\r\n            const dotCount = Math.max(0, cards.length - visible + 1);\r\n            \r\n            for (let i = 0; i < dotCount; i++) {\r\n                const dot = document.createElement('div');\r\n                dot.className = 'slider-dot h-2 bg-gray-300 rounded-full cursor-pointer transition-all duration-300 w-2';\r\n                dot.addEventListener('click', () => { currentIndex = i; updateSlider(); });\r\n                dotsContainer.appendChild(dot);\r\n            }\r\n        }\r\n\r\n        \/\/ Room Selection logic\r\n        document.querySelectorAll('.room-type-option').forEach(opt => {\r\n            opt.addEventListener('click', function() {\r\n                const cardId = this.dataset.cardId;\r\n                \r\n                \/\/ Clear active states in this card only\r\n                document.querySelectorAll(`#${cardId}-room-types .room-type-option`).forEach(r => {\r\n                    r.classList.remove('border-blue-500', 'bg-blue-50', 'selected-room');\r\n                    r.classList.add('bg-gray-50');\r\n                });\r\n                \r\n                \/\/ Set active state\r\n                this.classList.add('border-blue-500', 'bg-blue-50', 'selected-room');\r\n                this.classList.remove('bg-gray-50');\r\n                \r\n                \/\/ Update price display and URL\r\n                updateSliderPriceAndUrl(cardId);\r\n                \r\n                \/\/ Validate existing occupancy against new room limits\r\n                const adSpan = document.getElementById(cardId + '-adults');\r\n                const inSpan = document.getElementById(cardId + '-infants');\r\n                const maxAdults = parseInt(this.dataset.maxAdults);\r\n                const maxInfants = parseInt(this.dataset.maxInfants);\r\n                \r\n                if (parseInt(adSpan.textContent) > maxAdults) adSpan.textContent = maxAdults;\r\n                if (parseInt(inSpan.textContent) > maxInfants) inSpan.textContent = maxInfants;\r\n                \r\n                \/\/ Recalculate price after validation\r\n                updateSliderPriceAndUrl(cardId);\r\n            });\r\n        });\r\n\r\n        \/\/ Initialize price displays for all cards on page load\r\n        document.querySelectorAll('.slider-card').forEach(card => {\r\n            const cardId = card.querySelector('[data-card-id]')?.dataset.cardId;\r\n            if (cardId) {\r\n                updateSliderPriceAndUrl(cardId);\r\n            }\r\n        });\r\n\r\n        \/\/ Navigation buttons (if you add them later)\r\n        const nextBtn = document.getElementById('slider-next-btn');\r\n        const prevBtn = document.getElementById('slider-prev-btn');\r\n        \r\n        if (nextBtn) {\r\n            nextBtn.addEventListener('click', () => { currentIndex++; updateSlider(); });\r\n        }\r\n        if (prevBtn) {\r\n            prevBtn.addEventListener('click', () => { currentIndex--; updateSlider(); });\r\n        }\r\n        \r\n        let resizeTimeout;\r\n        window.addEventListener('resize', () => {\r\n            clearTimeout(resizeTimeout);\r\n            resizeTimeout = setTimeout(() => {\r\n                setupDots(); \r\n                updateSlider();\r\n            }, 100);\r\n        });\r\n\r\n        \/\/ Initialize\r\n        setupDots();\r\n        updateSlider();\r\n    });\r\n    <\/script>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00767c6 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"00767c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/usmantravels.com\/umrah-packages\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">VIEW ALL Packages<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5b94c204 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5b94c204\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7474d74\" data-id=\"7474d74\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-165ac8e4 elementor-widget__width-initial elementor-absolute elementor-hidden-tablet elementor-hidden-mobile elementor-hidden-laptop elementor-widget elementor-widget-image\" data-id=\"165ac8e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/usmantravels.com\/wp-content\/uploads\/2022\/09\/bg-item.png\" class=\"attachment-large size-large wp-image-3352\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5ac34828 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5ac34828\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-32b14f2d\" data-id=\"32b14f2d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-29c41e08 elementor-widget__width-initial elementor-absolute elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"29c41e08\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/usmantravels.com\/wp-content\/uploads\/2022\/09\/planes.png\" class=\"attachment-large size-large wp-image-3372\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1358b29 travel-nomads_counter-section elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1358b29\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-4758c069\" data-id=\"4758c069\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-226eeddc elementor-widget elementor-widget-meafe-counter\" data-id=\"226eeddc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"meafe-counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"meafe-counter meafe-counter-area\" data-duration=\"3000\" data-from-value=\"0\" data-to-value=\"2400\" data-delimiter=\",\" data-rounding=\"0\">\n                    <div class=\"meafe-counter-icon top\">\n                        <span class=\"icon\" data-animation=\"\">\n            \n                            \n            <\/span>\n        <\/div>\n\n        \n        <div class=\"meafe-init-wrapper top\">\n            <div class=\"meafe-counter-wrapper\">\n\n                \n                <span class=\"meafe-counter-init\" id=\"counter-226eeddc\">0<\/span>\n\n                                    <span id=\"suffix\" class=\"counter-su-pre\">+<\/span>\n                            <\/div>\n                            <h4 class=\"meafe-counter-title\" >\n                    Pilgrims Guided from Italy                <\/h4>\n                    <\/div>\n\n    \n        <\/div>\n\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-36985318\" data-id=\"36985318\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1b6210e5 elementor-widget elementor-widget-meafe-counter\" data-id=\"1b6210e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"meafe-counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"meafe-counter meafe-counter-area\" data-duration=\"3000\" data-from-value=\"0\" data-to-value=\"5\" data-delimiter=\",\" data-rounding=\"0\">\n                    <div class=\"meafe-counter-icon top\">\n                        <span class=\"icon\" data-animation=\"\">\n            \n                            \n            <\/span>\n        <\/div>\n\n        \n        <div class=\"meafe-init-wrapper top\">\n            <div class=\"meafe-counter-wrapper\">\n\n                \n                <span class=\"meafe-counter-init\" id=\"counter-1b6210e5\">0<\/span>\n\n                                    <span id=\"suffix\" class=\"counter-su-pre\">+<\/span>\n                            <\/div>\n                            <h4 class=\"meafe-counter-title\" >\n                    Trusted Experience                <\/h4>\n                    <\/div>\n\n    \n        <\/div>\n\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-38727b0c\" data-id=\"38727b0c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f194853 elementor-widget elementor-widget-heading\" data-id=\"f194853\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">24\/7<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b1a5d3 elementor-widget elementor-widget-text-editor\" data-id=\"6b1a5d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Support During Your Journey<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3672a99 animated-fast elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3672a99\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-8716843 elementor-invisible\" data-id=\"8716843\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6487171 elementor-view-stacked elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"6487171\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"#\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"Best Price &amp; Visa Support\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-money-bill-wave\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M621.16 54.46C582.37 38.19 543.55 32 504.75 32c-123.17-.01-246.33 62.34-369.5 62.34-30.89 0-61.76-3.92-92.65-13.72-3.47-1.1-6.95-1.62-10.35-1.62C15.04 79 0 92.32 0 110.81v317.26c0 12.63 7.23 24.6 18.84 29.46C57.63 473.81 96.45 480 135.25 480c123.17 0 246.34-62.35 369.51-62.35 30.89 0 61.76 3.92 92.65 13.72 3.47 1.1 6.95 1.62 10.35 1.62 17.21 0 32.25-13.32 32.25-31.81V83.93c-.01-12.64-7.24-24.6-18.85-29.47zM48 132.22c20.12 5.04 41.12 7.57 62.72 8.93C104.84 170.54 79 192.69 48 192.69v-60.47zm0 285v-47.78c34.37 0 62.18 27.27 63.71 61.4-22.53-1.81-43.59-6.31-63.71-13.62zM320 352c-44.19 0-80-42.99-80-96 0-53.02 35.82-96 80-96s80 42.98 80 96c0 53.03-35.83 96-80 96zm272 27.78c-17.52-4.39-35.71-6.85-54.32-8.44 5.87-26.08 27.5-45.88 54.32-49.28v57.72zm0-236.11c-30.89-3.91-54.86-29.7-55.81-61.55 19.54 2.17 38.09 6.23 55.81 12.66v48.89z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"#\" >\n\t\t\t\t\t\t\tBest Price &amp; Visa Support\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWe offer the most competitive rates and handle all your visa documentation, ensuring a smooth and stress-free Umrah experience.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-186ad45 elementor-invisible\" data-id=\"186ad45\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4a4d244 elementor-view-stacked elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"4a4d244\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"#\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"Over 5+ Years of Experience\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-money-bill-wave\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M621.16 54.46C582.37 38.19 543.55 32 504.75 32c-123.17-.01-246.33 62.34-369.5 62.34-30.89 0-61.76-3.92-92.65-13.72-3.47-1.1-6.95-1.62-10.35-1.62C15.04 79 0 92.32 0 110.81v317.26c0 12.63 7.23 24.6 18.84 29.46C57.63 473.81 96.45 480 135.25 480c123.17 0 246.34-62.35 369.51-62.35 30.89 0 61.76 3.92 92.65 13.72 3.47 1.1 6.95 1.62 10.35 1.62 17.21 0 32.25-13.32 32.25-31.81V83.93c-.01-12.64-7.24-24.6-18.85-29.47zM48 132.22c20.12 5.04 41.12 7.57 62.72 8.93C104.84 170.54 79 192.69 48 192.69v-60.47zm0 285v-47.78c34.37 0 62.18 27.27 63.71 61.4-22.53-1.81-43.59-6.31-63.71-13.62zM320 352c-44.19 0-80-42.99-80-96 0-53.02 35.82-96 80-96s80 42.98 80 96c0 53.03-35.83 96-80 96zm272 27.78c-17.52-4.39-35.71-6.85-54.32-8.44 5.87-26.08 27.5-45.88 54.32-49.28v57.72zm0-236.11c-30.89-3.91-54.86-29.7-55.81-61.55 19.54 2.17 38.09 6.23 55.81 12.66v48.89z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"#\" >\n\t\t\t\t\t\t\tOver 5+ Years of Experience\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tServing the Muslim community in Italy for over five years, providing reliable and professional guidance for your sacred journey.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-2c69ef9 elementor-invisible\" data-id=\"2c69ef9\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-02f0fe9 elementor-view-stacked elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"02f0fe9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"#\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"24\/7 Customer Service\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"#\" >\n\t\t\t\t\t\t\t24\/7 Customer Service\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tOur dedicated support team is available 24\/7 to ensure your pilgrimage is smooth, stress-free, and truly memorable.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1343016e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1343016e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1574e4e4\" data-id=\"1574e4e4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4a69b615 travel-monster_section-header elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"4a69b615\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-86af26e\" data-id=\"86af26e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-76ad3a93 --secondaryFontFamily elementor-widget elementor-widget-heading\" data-id=\"76ad3a93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Testimonials<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52ac3e37 elementor-widget elementor-widget-heading\" data-id=\"52ac3e37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Client testimonials<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29c2daa1 elementor-widget elementor-widget-text-editor\" data-id=\"29c2daa1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Real Pilgrims. Real Experiences. Real Peace of Mind<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-51fa6085 elementor--star-style-star_unicode elementor-widget elementor-widget-meafe-testimonial-carousel\" data-id=\"51fa6085\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;btccgs_testimonial_carousel_arrow_prev_icon&quot;:{&quot;value&quot;:&quot;fas fa-arrow-left&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;btccgs_testimonial_carousel_arrow_next_icon&quot;:{&quot;value&quot;:&quot;fas fa-arrow-right&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;btccgs_testimonial_carousel_show_carousel_loop&quot;:&quot;yes&quot;,&quot;btccgs_testimonial_carousel_layouts&quot;:&quot;4&quot;,&quot;btccgs_testimonial_carousel_show_carousel_nav&quot;:&quot;yes&quot;,&quot;btccgs_testimonial_carousel_carousel_autoplay_speed&quot;:3000}\" data-widget_type=\"meafe-testimonial-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div id=\"51fa6085\" class=\"meafe-testimonial-carousel-main layout-4 center-aligned-content\">\n            <div class=\"meafe-testimonial-inner-wrap\">\n                <div class=\"swiper\">\n                    <div class=\"swiper-wrapper\">\n                                                    <div class=\"meafe-testimonial-wrap swiper-slide\">\n                                                                <div class=\"meafe-testimonial-desc-wrap\">\n                                    <div class=\"meafe-testimonial-desc-inner\">\n                                                    <div class=\"elementor-star-rating__wrapper\">\n                                <div class=\"elementor-star-rating\" title=\"5\/5\" itemtype=\"http:\/\/schema.org\/Rating\" itemscope=\"\" itemprop=\"reviewRating\"><i class=\"elementor-star-full\">&#9734;<\/i><i class=\"elementor-star-full\">&#9734;<\/i><i class=\"elementor-star-full\">&#9734;<\/i><i class=\"elementor-star-full\">&#9734;<\/i><i class=\"elementor-star-full\">&#9734;<\/i> <span itemprop=\"ratingValue\" class=\"elementor-screen-only\">5\/5<\/span><\/div>            <\/div>\n                                                                                                                                                                        \n                                                                                                                            <div class=\"meafe-testimonial-title\">\n                                                <h2 class=\"meafe-entry-title\"> Family-Friendly &amp; Comfortable <\/h2>\n                                            <\/div>\n                                        \n                                                                                    <div class=\"meafe-testimonial-content\">\n                                                <p>I traveled with my parents for Umrah, and everything was perfectly managed. The guidance and support were excellent, making our trip very comfortable<\/p>                                            <\/div>\n                                                                                                                                <div class=\"meafe-testimonial-designation-wrap\">\n                        <div class=\"meafe-testimonial-design-only-wrap\">\n                                    <div class=\"meafe-testimonial-reviewer-name\">Khadija Benwdwih<\/div>\n                                                            <\/div>\n        <\/div>\n                                            <\/div>\n                                <\/div>\n                                                            <\/div>\n                                                    <div class=\"meafe-testimonial-wrap swiper-slide\">\n                                                                <div class=\"meafe-testimonial-desc-wrap\">\n                                    <div class=\"meafe-testimonial-desc-inner\">\n                                                    <div class=\"elementor-star-rating__wrapper\">\n                                <div class=\"elementor-star-rating elementor-star-rating\" title=\"5\/5 5\/5\" itemtype=\"http:\/\/schema.org\/Rating http:\/\/schema.org\/Rating\" itemscope=\" \" itemprop=\"reviewRating reviewRating\"><i class=\"elementor-star-full\">&#9734;<\/i><i class=\"elementor-star-full\">&#9734;<\/i><i class=\"elementor-star-full\">&#9734;<\/i><i class=\"elementor-star-full\">&#9734;<\/i><i class=\"elementor-star-full\">&#9734;<\/i> <span itemprop=\"ratingValue\" class=\"elementor-screen-only\">5\/5<\/span><\/div>            <\/div>\n                                                                                                                                                                        \n                                                                                                                            <div class=\"meafe-testimonial-title\">\n                                                <h2 class=\"meafe-entry-title\"> Smooth &amp; Hassle-Free Journey <\/h2>\n                                            <\/div>\n                                        \n                                                                                    <div class=\"meafe-testimonial-content\">\n                                                <p>The best well-organized agency. Thanks to Usman, who was with us throughout the whole experience. Thanks to Bilal for his patience, and thanks to Sheikh Hamdi for his guidance in following the footsteps of our Prophet and for his patience. And thanks to the lovely and respectful Nour, the wonderful little girl. Truly, thank you very much \u2014 a serious 5-star agency.<\/p>                                            <\/div>\n                                                                                                                                <div class=\"meafe-testimonial-designation-wrap\">\n                        <div class=\"meafe-testimonial-design-only-wrap\">\n                                    <div class=\"meafe-testimonial-reviewer-name\">Saida Elfihri<\/div>\n                                                            <\/div>\n        <\/div>\n                                            <\/div>\n                                <\/div>\n                                                            <\/div>\n                                                    <div class=\"meafe-testimonial-wrap swiper-slide\">\n                                                                <div class=\"meafe-testimonial-desc-wrap\">\n                                    <div class=\"meafe-testimonial-desc-inner\">\n                                                    <div class=\"elementor-star-rating__wrapper\">\n                                <div class=\"elementor-star-rating elementor-star-rating elementor-star-rating\" title=\"5\/5 5\/5 5\/5\" itemtype=\"http:\/\/schema.org\/Rating http:\/\/schema.org\/Rating http:\/\/schema.org\/Rating\" itemscope=\"  \" itemprop=\"reviewRating reviewRating reviewRating\"><i class=\"elementor-star-full\">&#9734;<\/i><i class=\"elementor-star-full\">&#9734;<\/i><i class=\"elementor-star-full\">&#9734;<\/i><i class=\"elementor-star-full\">&#9734;<\/i><i class=\"elementor-star-full\">&#9734;<\/i> <span itemprop=\"ratingValue\" class=\"elementor-screen-only\">5\/5<\/span><\/div>            <\/div>\n                                                                                                                                                                        \n                                                                                                                            <div class=\"meafe-testimonial-title\">\n                                                <h2 class=\"meafe-entry-title\"> The standard Lorem Ipsum passage, used since the 1500s <\/h2>\n                                            <\/div>\n                                        \n                                                                                    <div class=\"meafe-testimonial-content\">\n                                                <p>Beyond the excellent planning, what truly makes the difference is the support. During the trip we had a small unexpected issue (which was unrelated to them), and the agency resolved everything in record time. That is true professionalism. Thank you, Usman \ud83e\udd1d A hug to Hamdi \ud83c\udf37<\/p>                                            <\/div>\n                                                                                                                                <div class=\"meafe-testimonial-designation-wrap\">\n                            <div class=\"meafe-testimonial-reviewer-thumb\">\n                                    <\/div>\n                        <div class=\"meafe-testimonial-design-only-wrap\">\n                                    <div class=\"meafe-testimonial-reviewer-name\">Outmane El Hayani<\/div>\n                                                            <\/div>\n        <\/div>\n                                            <\/div>\n                                <\/div>\n                                                            <\/div>\n                                                    <div class=\"meafe-testimonial-wrap swiper-slide\">\n                                                                <div class=\"meafe-testimonial-desc-wrap\">\n                                    <div class=\"meafe-testimonial-desc-inner\">\n                                                    <div class=\"elementor-star-rating__wrapper\">\n                                <div class=\"elementor-star-rating elementor-star-rating elementor-star-rating elementor-star-rating\" title=\"5\/5 5\/5 5\/5 5\/5\" itemtype=\"http:\/\/schema.org\/Rating http:\/\/schema.org\/Rating http:\/\/schema.org\/Rating http:\/\/schema.org\/Rating\" itemscope=\"   \" itemprop=\"reviewRating reviewRating reviewRating reviewRating\"><i class=\"elementor-star-full\">&#9734;<\/i><i class=\"elementor-star-full\">&#9734;<\/i><i class=\"elementor-star-full\">&#9734;<\/i><i class=\"elementor-star-full\">&#9734;<\/i><i class=\"elementor-star-full\">&#9734;<\/i> <span itemprop=\"ratingValue\" class=\"elementor-screen-only\">5\/5<\/span><\/div>            <\/div>\n                                                                                                                                                                        \n                                                                                                                            <div class=\"meafe-testimonial-title\">\n                                                <h2 class=\"meafe-entry-title\"> The standard Lorem Ipsum passage, used since the 1500s <\/h2>\n                                            <\/div>\n                                        \n                                                                                    <div class=\"meafe-testimonial-content\">\n                                                <p>The best agency I have ever traveled with for Umrah. Thank you, Usman!<\/p>                                            <\/div>\n                                                                                                                                <div class=\"meafe-testimonial-designation-wrap\">\n                            <div class=\"meafe-testimonial-reviewer-thumb\">\n                                    <\/div>\n                        <div class=\"meafe-testimonial-design-only-wrap\">\n                                    <div class=\"meafe-testimonial-reviewer-name\">Meryem Varese<\/div>\n                                                            <\/div>\n        <\/div>\n                                            <\/div>\n                                <\/div>\n                                                            <\/div>\n                                            <\/div>\n                <\/div>\n            \n                                    <!-- If we need navigation buttons -->\n                    <div class=\"meafa-navigation-wrap\">\n                        <div class=\"testimonial meafa-navigation-prev nav\">\n                            <i class=\"fas fa-arrow-left\" aria-hidden=\"true\"><\/i>                        <\/div>\n                        <div class=\"testimonial meafa-navigation-next nav\">\n                            <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i>                        <\/div>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7e046e11 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7e046e11\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3418a601\" data-id=\"3418a601\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-26b8be68 elementor-widget__width-initial elementor-absolute elementor-hidden-tablet elementor-hidden-mobile elementor-hidden-laptop elementor-widget elementor-widget-image\" data-id=\"26b8be68\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/usmantravels.com\/wp-content\/uploads\/2022\/09\/decoration.png\" class=\"attachment-large size-large wp-image-3398\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-947d65e e-flex e-con-boxed e-con e-parent\" data-id=\"947d65e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-700cc46 e-con-full e-flex e-con e-child\" data-id=\"700cc46\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9346819 elementor-widget elementor-widget-video\" data-id=\"9346819\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtube.com\\\/shorts\\\/GbQaTLubC1k?si=asRydB8RUblc_jrj&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0188c83 e-con-full e-flex e-con e-child\" data-id=\"0188c83\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-768f2b2 elementor-widget elementor-widget-video\" data-id=\"768f2b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtube.com\\\/shorts\\\/57jBC-ivUdo?si=SXFkdLtMObsLDlxs&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f293853 e-con-full e-flex e-con e-child\" data-id=\"f293853\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f28922a elementor-widget elementor-widget-video\" data-id=\"f28922a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtube.com\\\/shorts\\\/Zb-oSV30k4w?si=QswtVWK-1Hy3XRiq&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5fa3961 e-flex e-con-boxed e-con e-parent\" data-id=\"5fa3961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f78a457 elementor-widget elementor-widget-html\" data-id=\"f78a457\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>WhatsApp CTA Button<\/title>\r\n\r\n<style>\r\n\r\n    body{\r\n        margin:0;\r\n        padding:0;\r\n        font-family: Arial, sans-serif;\r\n        background:#111;\r\n        height:200vh;\r\n    }\r\n\r\n    .whatsapp-button-container{\r\n        position:fixed;\r\n        bottom:30px;\r\n        right:30px;\r\n        z-index:9999;\r\n    }\r\n\r\n    \/* Wave Effect *\/\r\n    .wave{\r\n        position:absolute;\r\n        top:50%;\r\n        left:50%;\r\n        transform:translate(-50%, -50%);\r\n        width:180px;\r\n        height:65px;\r\n        border-radius:50px;\r\n        background:rgba(37, 211, 102, 0.35);\r\n        animation:wave-animation 2s infinite;\r\n        z-index:1;\r\n    }\r\n\r\n    .wave:nth-child(2){\r\n        animation-delay:0.6s;\r\n    }\r\n\r\n    .wave:nth-child(3){\r\n        animation-delay:1.2s;\r\n    }\r\n\r\n    @keyframes wave-animation{\r\n        0%{\r\n            transform:translate(-50%, -50%) scale(1);\r\n            opacity:0.8;\r\n        }\r\n        100%{\r\n            transform:translate(-50%, -50%) scale(1.5);\r\n            opacity:0;\r\n        }\r\n    }\r\n\r\n    \/* WhatsApp Button *\/\r\n    .whatsapp-button{\r\n        position:relative;\r\n        display:flex;\r\n        align-items:center;\r\n        gap:12px;\r\n        padding:14px 24px;\r\n        background:#25D366;\r\n        color:white;\r\n        text-decoration:none;\r\n        border-radius:50px;\r\n        font-size:18px;\r\n        font-weight:600;\r\n        box-shadow:\r\n            0 0 10px rgba(37,211,102,0.7),\r\n            0 0 25px rgba(37,211,102,0.5),\r\n            0 0 45px rgba(37,211,102,0.3);\r\n        transition:0.3s ease;\r\n        z-index:10;\r\n    }\r\n\r\n    .whatsapp-button:hover{\r\n        transform:scale(1.08);\r\n        box-shadow:\r\n            0 0 15px rgba(37,211,102,0.9),\r\n            0 0 35px rgba(37,211,102,0.7),\r\n            0 0 60px rgba(37,211,102,0.5);\r\n    }\r\n\r\n    .whatsapp-logo{\r\n        width:28px;\r\n        height:28px;\r\n        fill:white;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media(max-width:768px){\r\n\r\n        .whatsapp-button{\r\n            padding:12px 18px;\r\n            font-size:16px;\r\n        }\r\n\r\n        .wave{\r\n            width:160px;\r\n            height:58px;\r\n        }\r\n\r\n        .whatsapp-logo{\r\n            width:24px;\r\n            height:24px;\r\n        }\r\n\r\n        .whatsapp-button-container{\r\n            bottom:20px;\r\n            right:20px;\r\n        }\r\n    }\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"whatsapp-button-container\">\r\n\r\n    <div class=\"wave\"><\/div>\r\n    <div class=\"wave\"><\/div>\r\n    <div class=\"wave\"><\/div>\r\n\r\n    <a href=\"https:\/\/wa.me\/393920498149\" target=\"_blank\" class=\"whatsapp-button\" aria-label=\"Chat on WhatsApp\" rel=\"noopener\">\r\n\r\n        <svg class=\"whatsapp-logo\" viewBox=\"0 0 32 32\">\r\n            <path d=\"M19.11 17.2c-.27-.13-1.58-.78-1.83-.87-.24-.09-.42-.13-.6.13-.18.27-.69.87-.85 1.05-.15.18-.31.2-.58.07-.27-.13-1.13-.42-2.16-1.34-.8-.71-1.34-1.59-1.49-1.86-.16-.27-.02-.42.11-.55.12-.12.27-.31.4-.47.14-.16.18-.27.27-.45.09-.18.05-.34-.02-.47-.07-.14-.6-1.46-.82-2-.22-.53-.45-.46-.61-.47h-.52c-.18 0-.47.07-.71.34-.25.27-.95.93-.95 2.28 0 1.34.98 2.64 1.12 2.82.13.18 1.92 2.93 4.65 4.11.65.28 1.16.45 1.55.57.65.2 1.24.17 1.71.1.52-.08 1.58-.66 1.8-1.29.23-.64.23-1.19.16-1.3-.06-.11-.24-.18-.51-.31zM16.02 3C8.84 3 3 8.82 3 16c0 2.54.74 5.02 2.13 7.14L3 29l5.99-1.98A12.93 12.93 0 0016.02 29C23.2 29 29 23.18 29 16S23.2 3 16.02 3zm0 23.67c-2.17 0-4.29-.58-6.14-1.68l-.44-.26-3.56 1.17 1.19-3.46-.29-.45A10.62 10.62 0 015.33 16c0-5.89 4.79-10.68 10.69-10.68 2.85 0 5.52 1.11 7.54 3.13A10.6 10.6 0 0126.69 16c0 5.89-4.79 10.67-10.67 10.67z\"\/>\r\n        <\/svg>\r\n\r\n        <span>WhatsApp<\/span>\r\n\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\n    document.querySelector('.whatsapp-button')\r\n    .addEventListener('click', function () {\r\n\r\n        console.log('WhatsApp button clicked');\r\n\r\n    });\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Escape Your Comfort Zone. Grab your stuff and let\u2019s get lost. Bhutan Srilanka Colombo Nepal Everest Region France Paris Maldives Male USA New York Philippines Prague Hiking Jungle Safari Peak Climbing Rafting Trekking March, 2022 February, 2022 March, 2022 April, 2022 May, 2022 June, 2022 July, 2022 August, 2022 September, 2022 October, 2022 November, 2022 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2255","page","type-page","status-publish","hentry","travel-monster-post","no-post-thumbnail","latest_post"],"_links":{"self":[{"href":"https:\/\/usmantravels.com\/it\/wp-json\/wp\/v2\/pages\/2255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/usmantravels.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/usmantravels.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/usmantravels.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/usmantravels.com\/it\/wp-json\/wp\/v2\/comments?post=2255"}],"version-history":[{"count":417,"href":"https:\/\/usmantravels.com\/it\/wp-json\/wp\/v2\/pages\/2255\/revisions"}],"predecessor-version":[{"id":7760,"href":"https:\/\/usmantravels.com\/it\/wp-json\/wp\/v2\/pages\/2255\/revisions\/7760"}],"wp:attachment":[{"href":"https:\/\/usmantravels.com\/it\/wp-json\/wp\/v2\/media?parent=2255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}