iceholidays-frontend 0.3.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (108) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/iceholidays/frontend/actiontext.scss +119 -0
  3. data/app/assets/stylesheets/iceholidays/frontend/application.sass.scss +2194 -0
  4. data/app/assets/stylesheets/iceholidays/frontend/common.scss +317 -0
  5. data/app/assets/stylesheets/iceholidays/frontend/layout.scss +281 -0
  6. data/app/assets/stylesheets/iceholidays/frontend/utils/_antd_overrides.scss +122 -0
  7. data/app/assets/stylesheets/iceholidays/frontend/utils/_variables.scss +4 -0
  8. data/app/assets/stylesheets/iceholidays/frontend/widgets/filter_pills.scss +52 -0
  9. data/app/assets/stylesheets/iceholidays/frontend/widgets/search_bar.scss +116 -0
  10. data/app/controllers/iceholidays/frontend/posts_controller.rb +14 -0
  11. data/app/controllers/iceholidays/frontend/site_controller.rb +32 -0
  12. data/app/javascript/api-services/agents-api.service.ts +33 -0
  13. data/app/javascript/api-services/banners-api.service.ts +28 -0
  14. data/app/javascript/api-services/locations-api.service.ts +71 -0
  15. data/app/javascript/api-services/search-api.service.ts +16 -0
  16. data/app/javascript/api-services/series-api.service.ts +64 -0
  17. data/app/javascript/api-services/testimonials-api.service.ts +27 -0
  18. data/app/javascript/interfaces/agent.interface.ts +11 -0
  19. data/app/javascript/interfaces/banner.interface.ts +10 -0
  20. data/app/javascript/interfaces/country.interface.ts +19 -0
  21. data/app/javascript/interfaces/itinerary.interface.ts +111 -0
  22. data/app/javascript/interfaces/testimonial.interface.ts +6 -0
  23. data/app/javascript/react/App.tsx +32 -0
  24. data/app/javascript/react/components/Destinations.tsx +84 -143
  25. data/app/javascript/react/components/PriceDetails.tsx +146 -0
  26. data/app/javascript/react/components/Testimonials.tsx +68 -61
  27. data/app/javascript/react/components/shared/ContactAgentsForm.tsx +44 -0
  28. data/app/javascript/react/components/shared/Headline.tsx +30 -0
  29. data/app/javascript/react/components/shared/LocationDropdown.tsx +34 -0
  30. data/app/javascript/react/components/shared/LocationPostcards.tsx +52 -0
  31. data/app/javascript/react/components/shared/RibbonSection.tsx +21 -0
  32. data/app/javascript/react/index.js +3 -5
  33. data/app/javascript/react/layouts/MainFooter.tsx +97 -0
  34. data/app/javascript/react/layouts/MainHeader.tsx +83 -0
  35. data/app/javascript/react/layouts/MainLayout.tsx +21 -0
  36. data/app/javascript/react/pages/AboutUsPage.tsx +95 -0
  37. data/app/javascript/react/pages/BlogPage.tsx +81 -0
  38. data/app/javascript/react/pages/BlogShowPage.tsx +43 -0
  39. data/app/javascript/react/pages/ContactAgentsPage.tsx +185 -0
  40. data/app/javascript/react/pages/ContactUsPage.tsx +122 -0
  41. data/app/javascript/react/pages/CountriesPage.tsx +57 -0
  42. data/app/javascript/react/pages/Homepage.tsx +100 -0
  43. data/app/javascript/react/pages/ListingPage.tsx +292 -0
  44. data/app/javascript/react/pages/ShowPage.tsx +402 -0
  45. data/app/javascript/react/widgets/FilterPills.tsx +111 -0
  46. data/app/javascript/react/widgets/SearchBarWidget.tsx +58 -0
  47. data/app/views/iceholidays/frontend/posts/index.html.erb +9 -0
  48. data/app/views/iceholidays/frontend/posts/show.html.erb +2 -0
  49. data/app/views/iceholidays/frontend/site/index.html.erb +1 -24
  50. data/app/views/layouts/iceholidays/frontend/application.html.erb +2 -6
  51. data/config/routes.rb +10 -0
  52. data/lib/iceholidays/frontend/version.rb +1 -1
  53. data/public/iceholidays-assets/application.css +2638 -0
  54. data/public/iceholidays-assets/application.js +212 -651
  55. data/public/iceholidays-assets/application.js.map +4 -4
  56. data/public/iceholidays-assets/images/about-us_logo_mobile.png +0 -0
  57. data/public/iceholidays-assets/images/about_us.png +0 -0
  58. data/public/iceholidays-assets/images/about_us2.png +0 -0
  59. data/public/iceholidays-assets/images/blog.png +0 -0
  60. data/public/iceholidays-assets/images/blog1.png +0 -0
  61. data/public/iceholidays-assets/images/certificate1.png +0 -0
  62. data/public/iceholidays-assets/images/certificate2.png +0 -0
  63. data/public/iceholidays-assets/images/china_southern_airlines.png +0 -0
  64. data/public/iceholidays-assets/images/china_southern_airlines_icon.png +0 -0
  65. data/public/iceholidays-assets/images/competitiveness.png +0 -0
  66. data/public/iceholidays-assets/images/contact_agents.png +0 -0
  67. data/public/iceholidays-assets/images/contact_us.png +0 -0
  68. data/public/iceholidays-assets/images/contact_us_form.png +0 -0
  69. data/public/iceholidays-assets/images/destinations_logo.png +0 -0
  70. data/public/iceholidays-assets/images/ethical.png +0 -0
  71. data/public/iceholidays-assets/images/footer-bg_mobile.png +0 -0
  72. data/public/iceholidays-assets/images/hw_logo.png +0 -0
  73. data/public/iceholidays-assets/images/innovative.png +0 -0
  74. data/public/iceholidays-assets/images/logo_mobile.png +0 -0
  75. data/public/iceholidays-assets/images/plane.png +0 -0
  76. data/public/iceholidays-assets/images/social/ico_fb.png +0 -0
  77. data/public/iceholidays-assets/images/social/ico_ig.png +0 -0
  78. data/public/iceholidays-assets/images/social/ico_twitter.png +0 -0
  79. data/public/iceholidays-assets/images/social/ico_yt.png +0 -0
  80. data/public/iceholidays-assets/images/social.png +0 -0
  81. metadata +74 -71
  82. data/app/assets/stylesheets/iceholidays/frontend/application.scss +0 -904
  83. data/app/javascript/react/components/Homepage.tsx +0 -15
  84. data/app/javascript/react/components/HomepageBanner.tsx +0 -62
  85. data/app/views/layouts/iceholidays/frontend/shared/_footer.html.erb +0 -42
  86. data/app/views/layouts/iceholidays/frontend/shared/_header.html.erb +0 -20
  87. data/public/iceholidays-assets/images/Frame71.png +0 -0
  88. data/public/iceholidays-assets/images/africa.png +0 -0
  89. data/public/iceholidays-assets/images/banner1.png +0 -0
  90. data/public/iceholidays-assets/images/banner2.png +0 -0
  91. data/public/iceholidays-assets/images/china.png +0 -0
  92. data/public/iceholidays-assets/images/china2.png +0 -0
  93. data/public/iceholidays-assets/images/guangzhou.png +0 -0
  94. data/public/iceholidays-assets/images/guilin.png +0 -0
  95. data/public/iceholidays-assets/images/harbin.png +0 -0
  96. data/public/iceholidays-assets/images/hongkong.png +0 -0
  97. data/public/iceholidays-assets/images/inner_mongolia.png +0 -0
  98. data/public/iceholidays-assets/images/jiangxi.png +0 -0
  99. data/public/iceholidays-assets/images/kenya.png +0 -0
  100. data/public/iceholidays-assets/images/kenya2.png +0 -0
  101. data/public/iceholidays-assets/images/kunming.png +0 -0
  102. data/public/iceholidays-assets/images/slikroad.png +0 -0
  103. data/public/iceholidays-assets/images/southafrica.png +0 -0
  104. data/public/iceholidays-assets/images/tanzania.png +0 -0
  105. data/public/iceholidays-assets/images/uganda.png +0 -0
  106. /data/public/iceholidays-assets/images/{Group_71.png → about-us_logo.png} +0 -0
  107. /data/public/iceholidays-assets/images/{chongqing.png → china_listings_cover.png} +0 -0
  108. /data/public/iceholidays-assets/images/{logo_container.png → logo.png} +0 -0
@@ -0,0 +1,2638 @@
1
+ @charset "UTF-8";
2
+ /*
3
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
4
+ * listed below.
5
+ *
6
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
7
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
8
+ *
9
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
10
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
11
+ * files in this directory. Styles in this file should be added after the last require_* statement.
12
+ * It is generally better to create a new file per style scope.
13
+ *
14
+ *= require_tree .
15
+ *= require_self
16
+ */
17
+ @import url("//fonts.googleapis.com/css?family=Poppins:ital,wght@0,100;0,200;0,200;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,200;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
18
+ .ant-layout-content {
19
+ position: relative;
20
+ }
21
+
22
+ .ant-btn-variant-solid {
23
+ background-color: #DCB062;
24
+ color: #FFFFFF;
25
+ border-radius: 20px;
26
+ }
27
+ .ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover {
28
+ background-color: #AA853E;
29
+ }
30
+
31
+ .ant-btn-color-primary.ant-btn-variant-outlined {
32
+ border-color: #DCB062;
33
+ color: #DCB062;
34
+ border-radius: 20px;
35
+ }
36
+ .ant-btn-color-primary.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover {
37
+ --darkPrimaryColor: #AA853E;
38
+ border-color: var(--darkPrimaryColor);
39
+ color: var(--darkPrimaryColor);
40
+ }
41
+
42
+ .ant-btn-color-default.ant-btn-variant-filled {
43
+ color: #DCB062;
44
+ }
45
+
46
+ .ant-btn-color-primary {
47
+ box-shadow: 0 2px 0 rgba(220, 176, 98, 0.1);
48
+ }
49
+
50
+ .ant-btn-sm {
51
+ font-size: 10px;
52
+ }
53
+
54
+ .ant-input-outlined:hover, .ant-input-outlined:focus,
55
+ .ant-picker-outlined:hover,
56
+ .ant-picker-outlined:focus {
57
+ border-color: #DCB062;
58
+ }
59
+ .ant-input-outlined:focus,
60
+ .ant-picker-outlined:focus {
61
+ box-shadow: 0 2px 0 rgba(220, 176, 98, 0.1);
62
+ }
63
+
64
+ [class~=ant-carousel] [class~=slick-dots] {
65
+ bottom: 30px;
66
+ }
67
+ [class~=ant-carousel] [class~=slick-dots] li {
68
+ width: 15px !important;
69
+ }
70
+ [class~=ant-carousel] [class~=slick-dots] li button {
71
+ width: 13px;
72
+ height: 13px;
73
+ border-radius: 100%;
74
+ background-color: transparent;
75
+ border: 1px solid #FFFFFF;
76
+ opacity: 1;
77
+ }
78
+ [class~=ant-carousel] [class~=slick-dots] li.slick-active button {
79
+ width: 13px;
80
+ height: 13px;
81
+ border-radius: 100%;
82
+ background-color: white;
83
+ }
84
+ [class~=ant-carousel] .slick-prev,
85
+ [class~=ant-carousel] .slick-next {
86
+ width: unset;
87
+ height: unset;
88
+ }
89
+ [class~=ant-carousel] .slick-prev::after,
90
+ [class~=ant-carousel] .slick-next::after {
91
+ display: none;
92
+ }
93
+
94
+ a {
95
+ color: #DCB062;
96
+ }
97
+
98
+ .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled),
99
+ .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
100
+ background-color: transparent;
101
+ color: #DCB062;
102
+ }
103
+
104
+ .ant-select-dropdown .ant-select-item {
105
+ color: rgba(0, 0, 0, 0.5019607843);
106
+ }
107
+
108
+ .ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after, .ant-menu-light.ant-menu-horizontal > .ant-menu-item-selected::after, .ant-menu-light.ant-menu-horizontal > .ant-menu-item-active::after {
109
+ display: none;
110
+ }
111
+ .ant-menu-light .ant-menu-item-selected {
112
+ background-color: transparent;
113
+ }
114
+
115
+ #main-header {
116
+ --button-height: 35px;
117
+ position: relative;
118
+ height: 50px;
119
+ width: 100%;
120
+ background: linear-gradient(241.37deg, #D1AC6E -108.33%, #D1AC6E -14.72%, #F9E298 -2.73%, #B68B31 108.18%);
121
+ padding-inline-end: 25px;
122
+ display: inline-flex;
123
+ justify-content: space-between;
124
+ align-items: center;
125
+ }
126
+ #main-header #nav-buttons {
127
+ display: inline-flex;
128
+ gap: 7px;
129
+ }
130
+ #main-header #toggle-menu {
131
+ height: var(--button-height);
132
+ background: linear-gradient(287.63deg, #D1AC6E -19.9%, #D1AC6E 10.87%, #F9E298 26.63%, #B68B31 93.91%);
133
+ border: 1px solid;
134
+ border-image-source: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(42, 42, 42, 0.5) 100%);
135
+ box-shadow: 0px 4px 4px 0px rgba(249, 246, 243, 0.1019607843) inset, 0px 1px 2px 0px rgba(170, 133, 62, 0.5019607843);
136
+ width: 35px;
137
+ height: 35px;
138
+ padding: 6px 5px 6px 5px;
139
+ border-radius: 23px;
140
+ }
141
+ #main-header .nav-menu {
142
+ display: none;
143
+ }
144
+ #main-header .logo {
145
+ z-index: 2;
146
+ position: relative;
147
+ }
148
+ #main-header .logo.logo_mobile {
149
+ padding-top: 25px;
150
+ }
151
+ #main-header #get-brochure {
152
+ width: 152px;
153
+ height: var(--button-height);
154
+ padding: 7px 8px 7px 8px;
155
+ border-radius: 20px;
156
+ border: 1px solid;
157
+ background: linear-gradient(287.63deg, #DCB062 -19.9%, #DCB062 10.87%, #F9E298 26.63%, #B68B31 93.91%);
158
+ border-image-source: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(42, 42, 42, 0.5) 100%);
159
+ box-shadow: 0px 3px 10px 0px rgba(170, 133, 62, 0.5019607843), 0px 4px 4px 0px rgba(249, 246, 243, 0.1019607843) inset;
160
+ text-align: center;
161
+ text-transform: uppercase;
162
+ font-family: Poppins, san-serif;
163
+ font-size: 14px;
164
+ font-weight: 500;
165
+ line-height: 21px;
166
+ letter-spacing: 0.05em;
167
+ text-align: left;
168
+ text-underline-position: from-font;
169
+ text-decoration-skip-ink: none;
170
+ }
171
+
172
+ #main-footer {
173
+ background: url("/iceholidays-assets/images/footer-bg_mobile.png") no-repeat;
174
+ padding: 50px 30px;
175
+ position: relative;
176
+ }
177
+ #main-footer_links > div {
178
+ border-bottom: 1px solid rgba(223, 177, 99, 0.5019607843);
179
+ padding: 10px 0;
180
+ }
181
+ #main-footer_links .ant-space {
182
+ width: 100%;
183
+ }
184
+ #main-footer_links .link-group-title {
185
+ font-family: Poppins, san-serif;
186
+ font-family: Poppins;
187
+ font-size: 14px;
188
+ font-weight: 400;
189
+ line-height: 21px;
190
+ letter-spacing: 0.05em;
191
+ text-align: left;
192
+ text-underline-position: from-font;
193
+ text-decoration-skip-ink: none;
194
+ color: #5B4713;
195
+ grid-row-start: 2 span;
196
+ }
197
+ #main-footer_links a {
198
+ font-family: Poppins, san-serif;
199
+ font-size: 16px;
200
+ font-weight: 500;
201
+ line-height: 32px;
202
+ letter-spacing: 0.05em;
203
+ text-align: left;
204
+ text-underline-position: from-font;
205
+ text-decoration-skip-ink: none;
206
+ color: #AA853E;
207
+ text-transform: uppercase;
208
+ }
209
+ #main-footer_links div:has(> a + a) {
210
+ display: grid;
211
+ grid-template-columns: repeat(2, 1fr);
212
+ grid-template-rows: 1fr;
213
+ column-gap: 34px;
214
+ }
215
+ #main-footer_links .contact-info .link-group-title {
216
+ text-align: center;
217
+ }
218
+ #main-footer #copyright {
219
+ text-align: center;
220
+ padding: 20px 0 0;
221
+ }
222
+ #main-footer #copyright span {
223
+ font-family: Poppins, san-serif;
224
+ font-size: 14px;
225
+ font-weight: 400;
226
+ line-height: 16.93px;
227
+ letter-spacing: 0.05em;
228
+ text-align: left;
229
+ text-underline-position: from-font;
230
+ text-decoration-skip-ink: none;
231
+ color: #AA853E;
232
+ }
233
+
234
+ #nav-drawer.ant-drawer-content {
235
+ background: #F7F4EB;
236
+ }
237
+ #nav-drawer.ant-drawer-content .ant-drawer-header {
238
+ border: none;
239
+ }
240
+ #nav-drawer.ant-drawer-content .ant-drawer-header-title {
241
+ justify-content: flex-end;
242
+ }
243
+ #nav-drawer.ant-drawer-content .ant-drawer-close {
244
+ width: 35px;
245
+ height: 35px;
246
+ padding: 6px 5px 6px 5px;
247
+ border-radius: 23px;
248
+ background: linear-gradient(287.63deg, #D1AC6E -19.9%, #D1AC6E 10.87%, #F9E298 26.63%, #B68B31 93.91%);
249
+ border: 1px solid;
250
+ border-image-source: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(42, 42, 42, 0.5) 100%);
251
+ box-shadow: 0px 4px 4px 0px rgba(249, 246, 243, 0.1019607843) inset, 0px 1px 2px 0px rgba(170, 133, 62, 0.5019607843);
252
+ }
253
+ #nav-drawer.ant-drawer-content .ant-drawer-body {
254
+ padding: 0 30px;
255
+ }
256
+ #nav-drawer.ant-drawer-content .ant-drawer-body .ant-menu-light {
257
+ background-color: transparent;
258
+ border: none;
259
+ }
260
+ #nav-drawer.ant-drawer-content .ant-drawer-body .ant-menu-light .ant-menu-item {
261
+ border-bottom: 1px solid rgba(170, 133, 62, 0.1411764706);
262
+ padding: 16px 0;
263
+ height: 56px;
264
+ }
265
+ #nav-drawer.ant-drawer-content .ant-drawer-body .ant-menu-light .ant-menu-item:has(.logo_desktop) {
266
+ display: none;
267
+ }
268
+ #nav-drawer.ant-drawer-content .ant-drawer-body .nav-menu_mobile a {
269
+ font-family: Poppins, san-serif;
270
+ font-size: 16px;
271
+ font-weight: 500;
272
+ line-height: 24px;
273
+ letter-spacing: 0.05em;
274
+ text-align: left;
275
+ text-underline-position: from-font;
276
+ text-decoration-skip-ink: none;
277
+ text-transform: uppercase;
278
+ color: #5B4713;
279
+ }
280
+
281
+ @media only screen and (min-width: 769px) {
282
+ #main-header #toggle-menu {
283
+ display: none;
284
+ }
285
+ #main-header .nav-menu {
286
+ display: flex;
287
+ flex: 1;
288
+ background: transparent;
289
+ height: 100%;
290
+ justify-content: center;
291
+ margin-inline-start: 80px;
292
+ }
293
+ #main-header .nav-menu a {
294
+ color: white;
295
+ text-transform: uppercase;
296
+ font-family: Poppins, san-serif;
297
+ font-size: 16px;
298
+ font-weight: 500;
299
+ line-height: 24px;
300
+ letter-spacing: 0.05em;
301
+ text-align: left;
302
+ text-underline-position: from-font;
303
+ text-decoration-skip-ink: none;
304
+ text-decoration: none;
305
+ }
306
+ #main-header .nav-menu .ant-menu-item-selected a {
307
+ color: #5B4713;
308
+ }
309
+ #main-header .nav-menu .ant-menu-item:has(.logo) {
310
+ padding: 0;
311
+ }
312
+ #main-header .logo {
313
+ width: 304px;
314
+ }
315
+ #main-header .logo.logo_mobile {
316
+ display: none;
317
+ }
318
+ #main-header .logo.logo_desktop {
319
+ display: block;
320
+ }
321
+ #main-footer {
322
+ height: 321px;
323
+ background: linear-gradient(270deg, #AA853E 0%, #F9E298 33.5%, #FFF3A6 50%, #F9E298 65.5%, #E1B65B 100%), linear-gradient(4.08deg, rgba(170, 133, 62, 0.5) -2.54%, rgba(249, 225, 151, 0.5) 7.02%);
324
+ }
325
+ #main-footer_links {
326
+ width: 80%;
327
+ margin: auto !important;
328
+ }
329
+ #main-footer_links > div {
330
+ padding: 10px 0 40px;
331
+ }
332
+ #main-footer .footer-menu {
333
+ padding-top: 40px;
334
+ }
335
+ #main-footer .contact-info .ant-flex {
336
+ gap: 10px !important;
337
+ align-items: flex-start;
338
+ }
339
+ }
340
+ #headline {
341
+ --side-padding: 20px;
342
+ }
343
+ #headline_banner {
344
+ height: 180px;
345
+ background-size: cover;
346
+ background-repeat: no-repeat;
347
+ background-position: center center;
348
+ }
349
+ #headline_header {
350
+ padding: 20px var(--side-padding);
351
+ top: 398px;
352
+ gap: 0px;
353
+ opacity: 0px;
354
+ background: linear-gradient(270deg, #AA853E 0%, #F9E298 33.5%, #FFF3A6 50%, #F9E298 65.5%, #E1B65B 100%), linear-gradient(40.85deg, rgba(170, 133, 62, 0.5) -614.19%, rgba(249, 225, 151, 0.5) -547.57%);
355
+ }
356
+ #headline_header h1 {
357
+ margin: 0;
358
+ font-family: Poppins, san-serif;
359
+ font-weight: 400;
360
+ font-size: 18px;
361
+ line-height: 27px;
362
+ letter-spacing: 5%;
363
+ text-align: left;
364
+ text-underline-position: from-font;
365
+ text-decoration-skip-ink: none;
366
+ color: #5B4713;
367
+ text-transform: uppercase;
368
+ }
369
+ #headline .ant-breadcrumb {
370
+ padding: 10px var(--side-padding) 0;
371
+ font-size: 12px;
372
+ }
373
+
374
+ .date-selector {
375
+ background: #F5F5F5;
376
+ padding: 15px 24px;
377
+ border-radius: 10px;
378
+ display: inline-flex;
379
+ gap: 8px;
380
+ width: 100%;
381
+ flex-wrap: wrap;
382
+ box-sizing: border-box;
383
+ }
384
+ .date-selector span {
385
+ border-width: 1px;
386
+ border-style: solid;
387
+ border-radius: 20px;
388
+ background: #FFFFFF;
389
+ font-family: Poppins, san-serif;
390
+ font-size: 12px;
391
+ font-weight: 400;
392
+ line-height: 18px;
393
+ letter-spacing: 0.05em;
394
+ text-align: center;
395
+ text-underline-position: from-font;
396
+ text-decoration-skip-ink: none;
397
+ color: #999999;
398
+ padding: 2px 8px 2px 8px;
399
+ cursor: pointer;
400
+ }
401
+ .date-selector .show-all-dates {
402
+ font-family: Poppins, san-serif;
403
+ font-size: 11px;
404
+ font-weight: 400;
405
+ line-height: 16.5px;
406
+ text-align: right;
407
+ text-underline-position: from-font;
408
+ text-decoration-skip-ink: none;
409
+ color: #DCB062;
410
+ display: inline-flex;
411
+ gap: 5px;
412
+ cursor: pointer;
413
+ }
414
+
415
+ .postcards {
416
+ display: grid;
417
+ grid-template-columns: 1fr;
418
+ gap: 20px;
419
+ }
420
+ .postcards .postcard {
421
+ border-radius: 20px;
422
+ overflow: hidden;
423
+ width: 100%;
424
+ }
425
+ .postcards .postcard img {
426
+ width: 100%;
427
+ height: 140px;
428
+ gap: 0px;
429
+ opacity: 0px;
430
+ border-top-left-radius: 20px;
431
+ border-top-right-radius: 20px;
432
+ display: block;
433
+ object-fit: cover;
434
+ object-position: top center;
435
+ transition: transform 0.4s ease;
436
+ transform-origin: 50% 100%;
437
+ }
438
+ .postcards .postcard img:hover {
439
+ transform: scale(1.2);
440
+ width: 100%;
441
+ }
442
+ .postcards .postcard .details {
443
+ padding: 12px 20px 12px 20px;
444
+ gap: 0px;
445
+ border: 1px 0px 0px 0px;
446
+ justify-content: space-between;
447
+ align-items: center;
448
+ opacity: 0px;
449
+ background: #DCB062;
450
+ display: flex;
451
+ border-bottom-left-radius: 20px;
452
+ border-bottom-right-radius: 20px;
453
+ }
454
+ .postcards .postcard .name {
455
+ font-family: Poppins, san-serif;
456
+ font-size: 16px;
457
+ font-weight: 400;
458
+ line-height: 24px;
459
+ letter-spacing: 0.05em;
460
+ text-align: left;
461
+ text-underline-position: from-font;
462
+ text-decoration-skip-ink: none;
463
+ text-transform: uppercase;
464
+ color: #FFFFFF;
465
+ }
466
+ .postcards .postcard .tour-count {
467
+ font-family: Poppins, san-serif;
468
+ font-size: 14px;
469
+ font-weight: 400;
470
+ line-height: 21px;
471
+ letter-spacing: 0.05em;
472
+ text-align: right;
473
+ text-underline-position: from-font;
474
+ text-decoration-skip-ink: none;
475
+ color: #FFFFFF;
476
+ cursor: pointer;
477
+ }
478
+ .postcards .postcard .tour-count svg {
479
+ vertical-align: middle;
480
+ }
481
+
482
+ #ribbon-section {
483
+ background: #F7F4EB;
484
+ margin-top: 100px;
485
+ }
486
+ #ribbon-section_header {
487
+ height: 138px;
488
+ text-align: center;
489
+ position: relative;
490
+ background-image: url("/iceholidays-assets/images/Layer_1.png");
491
+ }
492
+ #ribbon-section_header h1 {
493
+ font-family: Poppins, san-serif;
494
+ font-size: 45px;
495
+ font-weight: 200;
496
+ line-height: 67.5px;
497
+ letter-spacing: 0.06em;
498
+ text-underline-position: from-font;
499
+ text-decoration-skip-ink: none;
500
+ color: #5B4713;
501
+ text-transform: uppercase;
502
+ position: absolute;
503
+ bottom: 20px;
504
+ left: 50%;
505
+ transform: translate(-50%, 20px);
506
+ margin: 0;
507
+ }
508
+
509
+ .pre-wrap {
510
+ white-space: pre-wrap; /* css-3 */
511
+ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
512
+ white-space: -pre-wrap; /* Opera 4-6 */
513
+ white-space: -o-pre-wrap; /* Opera 7 */
514
+ word-wrap: break-word; /* Internet Explorer 5.5+ */
515
+ }
516
+
517
+ .location-dropdown {
518
+ margin: 10px;
519
+ }
520
+ .location-dropdown .location-filter {
521
+ height: 46px;
522
+ width: 100%;
523
+ }
524
+ .location-dropdown .location-filter .ant-select-selector {
525
+ border-radius: 30px;
526
+ border: none;
527
+ background: linear-gradient(360deg, #DCB062 5.04%, #F9E298 99.13%);
528
+ }
529
+ .location-dropdown .location-filter .ant-select-selection-wrap {
530
+ padding: 3px 16px;
531
+ }
532
+ .location-dropdown .location-filter .ant-select-selection-item {
533
+ font-family: Poppins, san-serif;
534
+ font-weight: 500;
535
+ font-size: 16px;
536
+ line-height: 24px;
537
+ letter-spacing: 5%;
538
+ text-transform: uppercase;
539
+ color: #5B4713;
540
+ }
541
+ .location-dropdown .location-filter .ant-select-arrow {
542
+ inset-inline-end: 20px;
543
+ color: #5B4713;
544
+ }
545
+
546
+ .location-filter_option {
547
+ font-family: Poppins;
548
+ font-weight: 400;
549
+ font-size: 16px;
550
+ line-height: 32px;
551
+ letter-spacing: 5%;
552
+ text-transform: uppercase;
553
+ }
554
+
555
+ @media only screen and (min-width: 769px) {
556
+ #headline {
557
+ --side-padding: 10%;
558
+ }
559
+ #headline_banner {
560
+ height: 352px;
561
+ }
562
+ #headline_header h1 {
563
+ font-size: 45px;
564
+ font-weight: 400;
565
+ line-height: 67.5px;
566
+ letter-spacing: 0.05em;
567
+ }
568
+ #headline .ant-breadcrumb {
569
+ font-size: 14px;
570
+ }
571
+ .postcards {
572
+ grid-template-columns: repeat(2, 1fr);
573
+ }
574
+ .postcards .postcard img {
575
+ height: 230px;
576
+ }
577
+ .postcards .postcard .name {
578
+ font-size: 20px;
579
+ font-weight: 400;
580
+ line-height: 30px;
581
+ }
582
+ }
583
+ .ant-input {
584
+ field-sizing: content;
585
+ }
586
+
587
+ #search-bar {
588
+ width: 100%;
589
+ height: auto;
590
+ filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.1490196078)) drop-shadow(0 1px 1px rgba(223, 177, 99, 0.6));
591
+ }
592
+ #search-bar img {
593
+ display: none;
594
+ }
595
+ #search-bar #search-bar-widget {
596
+ width: 100%;
597
+ padding: 25px;
598
+ gap: 7px;
599
+ opacity: 0px;
600
+ background: #F7F4EB;
601
+ position: relative;
602
+ }
603
+ #search-bar #search-bar-widget .ant-picker {
604
+ width: 100%;
605
+ }
606
+ #search-bar #search-bar-widget .ant-form-item {
607
+ margin-bottom: 10px;
608
+ }
609
+ #search-bar #search-bar-widget .ant-form-item .ant-form-item-label {
610
+ padding-bottom: 3px;
611
+ }
612
+ #search-bar #search-bar-widget .ant-form-item .ant-form-item-label label {
613
+ font-family: Poppins, san-serif;
614
+ font-size: 12px;
615
+ font-weight: 400;
616
+ line-height: 16.5px;
617
+ letter-spacing: 0.05em;
618
+ text-align: left;
619
+ text-underline-position: from-font;
620
+ text-decoration-skip-ink: none;
621
+ }
622
+ #search-bar #search-bar-widget .search-button {
623
+ width: 172px;
624
+ margin-top: 20px;
625
+ }
626
+ #search-bar #search-bar-widget .search-button span {
627
+ font-family: Poppins, san-serif;
628
+ font-size: 12px;
629
+ font-weight: 600;
630
+ line-height: 18px;
631
+ text-align: center;
632
+ text-underline-position: from-font;
633
+ text-decoration-skip-ink: none;
634
+ }
635
+ #search-bar #search-bar-widget .ant-picker .ant-picker-input span.ant-picker-suffix {
636
+ margin-left: 1px;
637
+ margin-right: 10px;
638
+ order: -1;
639
+ color: #AA853E;
640
+ }
641
+
642
+ @media only screen and (min-width: 769px) {
643
+ #search-bar {
644
+ top: 0;
645
+ left: 0;
646
+ position: absolute;
647
+ display: flex;
648
+ justify-content: center;
649
+ z-index: 1;
650
+ }
651
+ #search-bar img {
652
+ display: block;
653
+ margin: 0 -1px;
654
+ }
655
+ #search-bar #search-bar-widget {
656
+ width: auto;
657
+ padding: 15px;
658
+ }
659
+ #search-bar #search-bar-widget .ant-space {
660
+ flex-direction: unset;
661
+ align-items: flex-end;
662
+ }
663
+ #search-bar #search-bar-widget .ant-form {
664
+ display: inline-flex;
665
+ gap: 7px;
666
+ height: 100%;
667
+ }
668
+ #search-bar #search-bar-widget .ant-form-item {
669
+ margin-bottom: 0;
670
+ }
671
+ #search-bar #search-bar-widget .ant-input {
672
+ min-width: 272px;
673
+ }
674
+ #search-bar #search-bar-widget .search-button {
675
+ width: auto;
676
+ margin-bottom: 3px;
677
+ }
678
+ }
679
+ .filter-title {
680
+ font-family: Poppins, san-serif;
681
+ font-size: 12px;
682
+ font-weight: 400;
683
+ line-height: 18px;
684
+ letter-spacing: 0.05em;
685
+ text-align: left;
686
+ text-underline-position: from-font;
687
+ text-decoration-skip-ink: none;
688
+ color: #545047;
689
+ }
690
+
691
+ .filter-pill {
692
+ padding: 6px 13px 6px 13px;
693
+ border-radius: 10px;
694
+ background: linear-gradient(360deg, #DCB062 5.04%, #F9E298 99.13%);
695
+ color: #836848;
696
+ cursor: pointer;
697
+ text-align: center;
698
+ }
699
+ .filter-pill.default-filter {
700
+ background: #F9E298;
701
+ }
702
+ .filter-pill span {
703
+ font-family: Poppins, san-serif;
704
+ font-weight: 500;
705
+ font-size: 14px;
706
+ line-height: 21px;
707
+ letter-spacing: 2%;
708
+ text-align: left;
709
+ text-underline-position: from-font;
710
+ text-decoration-skip-ink: none;
711
+ }
712
+ .filter-pill.selected {
713
+ background: #836848;
714
+ color: #FFFFFF;
715
+ }
716
+
717
+ @media only screen and (min-width: 769px) {
718
+ .filter-pill span {
719
+ font-size: 18px;
720
+ font-weight: 400;
721
+ line-height: 27px;
722
+ letter-spacing: 0.05em;
723
+ }
724
+ }
725
+ .trix-content .attachment-gallery > action-text-attachment,
726
+ .trix-content .attachment-gallery > .attachment {
727
+ flex: 1 0 33%;
728
+ padding: 0 0.5em;
729
+ max-width: 33%;
730
+ }
731
+
732
+ .trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
733
+ .trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
734
+ .trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
735
+ flex-basis: 50%;
736
+ max-width: 50%;
737
+ }
738
+
739
+ .trix-content action-text-attachment .attachment {
740
+ padding: 0 !important;
741
+ max-width: 100% !important;
742
+ }
743
+
744
+ .actiontext-content {
745
+ font-family: Arial, sans-serif;
746
+ line-height: 1.5;
747
+ }
748
+
749
+ .actiontext-table {
750
+ border-collapse: collapse !important;
751
+ width: 100% !important;
752
+ margin-top: 20px !important;
753
+ }
754
+
755
+ .actiontext-table th, .actiontext-table td {
756
+ border: 1px solid black !important;
757
+ padding: 8px !important;
758
+ text-align: left !important;
759
+ }
760
+
761
+ .actiontext-table th {
762
+ background-color: #f2f2f2 !important;
763
+ }
764
+
765
+ .actiontext-link {
766
+ color: #007BFF !important;
767
+ }
768
+
769
+ .trix-content {
770
+ line-height: 1.5;
771
+ }
772
+
773
+ .trix-content * {
774
+ box-sizing: border-box;
775
+ margin: 0;
776
+ padding: 0;
777
+ }
778
+
779
+ .trix-content h1 {
780
+ font-size: 1.2em;
781
+ line-height: 1.2;
782
+ }
783
+
784
+ .trix-content blockquote {
785
+ border: 0 solid #ccc;
786
+ border-left-width: 0.3em;
787
+ margin-left: 0.3em;
788
+ padding-left: 0.6em;
789
+ }
790
+
791
+ .trix-content [dir=rtl] blockquote,
792
+ .trix-content blockquote[dir=rtl] {
793
+ border-width: 0;
794
+ border-right-width: 0.3em;
795
+ margin-right: 0.3em;
796
+ padding-right: 0.6em;
797
+ }
798
+
799
+ .trix-content li {
800
+ margin-left: 1em;
801
+ }
802
+
803
+ .trix-content [dir=rtl] li {
804
+ margin-right: 1em;
805
+ }
806
+
807
+ .trix-content pre {
808
+ display: inline-block;
809
+ width: 100%;
810
+ vertical-align: top;
811
+ font-family: monospace;
812
+ font-size: 0.9em;
813
+ padding: 0.5em;
814
+ white-space: pre;
815
+ background-color: #eee;
816
+ overflow-x: auto;
817
+ }
818
+
819
+ .trix-content img {
820
+ max-width: 100%;
821
+ height: auto;
822
+ }
823
+
824
+ .trix-content .attachment {
825
+ display: inline-block;
826
+ position: relative;
827
+ max-width: 100%;
828
+ }
829
+
830
+ .trix-content .attachment a {
831
+ color: inherit;
832
+ text-decoration: none;
833
+ }
834
+
835
+ .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
836
+ color: inherit;
837
+ }
838
+
839
+ .trix-content .attachment__caption {
840
+ text-align: center;
841
+ }
842
+
843
+ .trix-content .attachment__caption .attachment__name + .attachment__size::before {
844
+ content: " •";
845
+ }
846
+
847
+ .trix-content .attachment--preview {
848
+ width: 100%;
849
+ text-align: center;
850
+ }
851
+
852
+ .trix-content .attachment--preview .attachment__caption {
853
+ color: #666;
854
+ font-size: 0.9em;
855
+ line-height: 1.2;
856
+ }
857
+
858
+ .trix-content .attachment--file {
859
+ color: #333;
860
+ line-height: 1;
861
+ margin: 0 2px 2px 2px;
862
+ padding: 0.4em 1em;
863
+ border: 1px solid #bbb;
864
+ border-radius: 5px;
865
+ }
866
+
867
+ .trix-content .attachment-gallery {
868
+ display: flex;
869
+ flex-wrap: wrap;
870
+ position: relative;
871
+ }
872
+
873
+ .trix-content .attachment-gallery .attachment {
874
+ flex: 1 0 33%;
875
+ padding: 0 0.5em;
876
+ max-width: 33%;
877
+ }
878
+
879
+ .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
880
+ flex-basis: 50%;
881
+ max-width: 50%;
882
+ }
883
+
884
+ body {
885
+ margin: 0;
886
+ background: #F2F2F2;
887
+ font-family: Poppins, san-serif;
888
+ }
889
+
890
+ .flip {
891
+ -webkit-transform: scaleX(-1);
892
+ transform: scaleX(-1);
893
+ }
894
+
895
+ #homepage_banner {
896
+ border-radius: 0px 0px 50px 50px;
897
+ }
898
+ #homepage_banner [class~=ant-carousel] .slick-prev {
899
+ inset-inline-start: 115px;
900
+ }
901
+ #homepage_banner [class~=ant-carousel] .slick-next {
902
+ inset-inline-end: 115px;
903
+ }
904
+ #homepage_banner [class~=ant-carousel] .slick-slide img {
905
+ width: 100%;
906
+ }
907
+
908
+ #popular-destinations {
909
+ margin-bottom: 30px;
910
+ }
911
+ #popular-destinations h1 {
912
+ font-family: Poppins, san-serif;
913
+ text-align: center;
914
+ text-underline-position: from-font;
915
+ text-decoration-skip-ink: none;
916
+ text-transform: uppercase;
917
+ color: #545047;
918
+ font-size: 24px;
919
+ font-weight: 300;
920
+ line-height: 36px;
921
+ width: 80%;
922
+ margin: 20px auto;
923
+ }
924
+ #popular-destinations .ant-tabs > .ant-tabs-nav {
925
+ display: none;
926
+ }
927
+ #popular-destinations .country {
928
+ position: relative;
929
+ display: block;
930
+ }
931
+ #popular-destinations .country-image {
932
+ width: 100%;
933
+ height: 392px;
934
+ object-fit: cover;
935
+ object-position: center;
936
+ border-width: 5px 0px 5px 0px;
937
+ border-style: solid;
938
+ border-color: #DCB062;
939
+ }
940
+ #popular-destinations .country-name {
941
+ width: auto;
942
+ height: 42px;
943
+ top: 24px;
944
+ left: 24px;
945
+ position: absolute;
946
+ text-align: left;
947
+ font-size: 28px;
948
+ font-weight: 300;
949
+ line-height: 42px;
950
+ }
951
+ #popular-destinations .country .bottom-logo {
952
+ position: absolute;
953
+ bottom: -35px;
954
+ border-color: #F2F2F2;
955
+ left: 0;
956
+ width: 100%;
957
+ text-align: center;
958
+ }
959
+ #popular-destinations h2 {
960
+ font-family: Poppins, san-serif;
961
+ font-size: 22px;
962
+ font-weight: 600;
963
+ line-height: 33px;
964
+ text-align: left;
965
+ text-underline-position: from-font;
966
+ text-decoration-skip-ink: none;
967
+ }
968
+ #popular-destinations .top-cities,
969
+ #popular-destinations .more-cities,
970
+ #popular-destinations .highlights {
971
+ padding: 10px 25px;
972
+ }
973
+ #popular-destinations .more-cities .other-destinations {
974
+ display: inline-flex;
975
+ flex-wrap: wrap;
976
+ gap: 10px;
977
+ }
978
+ #popular-destinations .more-cities .other-destinations a {
979
+ font-family: Poppins, san-serif;
980
+ font-size: 14px;
981
+ font-weight: 400;
982
+ line-height: 21px;
983
+ letter-spacing: 0.02em;
984
+ text-align: left;
985
+ text-underline-position: from-font;
986
+ text-decoration-skip-ink: none;
987
+ background: linear-gradient(360deg, #DCB062 5.04%, #F9E298 99.13%);
988
+ color: #836848;
989
+ width: auto;
990
+ padding: 5px 15px;
991
+ gap: 4px;
992
+ border-radius: 20px;
993
+ opacity: 0px;
994
+ }
995
+ #popular-destinations .highlights {
996
+ display: inline-flex;
997
+ overflow-x: auto;
998
+ gap: 10px;
999
+ margin-top: 20px;
1000
+ width: 100%;
1001
+ }
1002
+ #popular-destinations .highlights a {
1003
+ flex-grow: 1;
1004
+ flex-shrink: 0;
1005
+ }
1006
+ #popular-destinations .highlights .tour {
1007
+ min-width: 210px;
1008
+ height: 352px;
1009
+ padding: 15px 0px 0px 0px;
1010
+ gap: 0px;
1011
+ border-radius: 20px;
1012
+ opacity: 0px;
1013
+ object-fit: cover;
1014
+ position: relative;
1015
+ background-size: cover;
1016
+ position: relative;
1017
+ background-position: top;
1018
+ background-color: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
1019
+ }
1020
+ #popular-destinations .highlights .tour .details {
1021
+ position: absolute;
1022
+ display: flex;
1023
+ justify-content: space-between;
1024
+ align-items: flex-end;
1025
+ bottom: 10px;
1026
+ width: 100%;
1027
+ padding: 0 15px;
1028
+ }
1029
+ #popular-destinations .highlights .tour .details .city-name {
1030
+ font-family: Poppins, san-serif;
1031
+ font-size: 20px;
1032
+ font-weight: 400;
1033
+ line-height: 30px;
1034
+ letter-spacing: 0.05em;
1035
+ text-align: left;
1036
+ text-underline-position: from-font;
1037
+ text-decoration-skip-ink: none;
1038
+ color: #F9E298;
1039
+ }
1040
+ #popular-destinations .highlights .tour .details .tour-count {
1041
+ width: 80px;
1042
+ font-family: Poppins, san-serif;
1043
+ font-size: 12px;
1044
+ font-weight: 400;
1045
+ line-height: 21px;
1046
+ letter-spacing: 0.05em;
1047
+ text-align: right;
1048
+ text-underline-position: from-font;
1049
+ text-decoration-skip-ink: none;
1050
+ color: #FFFFFF;
1051
+ display: inline-flex;
1052
+ align-items: center;
1053
+ justify-content: flex-end;
1054
+ }
1055
+
1056
+ #testimonials-section {
1057
+ display: none;
1058
+ }
1059
+
1060
+ #listing-page_header .location-dropdown {
1061
+ margin: 0;
1062
+ }
1063
+ #listing-page_header .location-filter.ant-select {
1064
+ height: auto;
1065
+ width: 100%;
1066
+ }
1067
+ #listing-page_header .location-filter.ant-select .ant-select-selector {
1068
+ background: white;
1069
+ height: 36px;
1070
+ }
1071
+ #listing-page_header .location-filter.ant-select .ant-select-selection-item {
1072
+ font-family: Poppins, san-serif;
1073
+ font-family: Poppins;
1074
+ font-weight: 500;
1075
+ font-size: 16px;
1076
+ line-height: 24px;
1077
+ letter-spacing: 5%;
1078
+ text-align: left;
1079
+ text-underline-position: from-font;
1080
+ text-decoration-skip-ink: none;
1081
+ color: #836848;
1082
+ text-transform: uppercase;
1083
+ }
1084
+ #listing-page_header .location-filter.ant-select .ant-select-arrow {
1085
+ inset-inline-end: 20px;
1086
+ color: #836848;
1087
+ }
1088
+ #listing-page_body {
1089
+ padding: 20px var(--side-padding);
1090
+ }
1091
+ #listing-page #legends {
1092
+ --legend-size: 10px;
1093
+ padding: 20px 0;
1094
+ }
1095
+ #listing-page #legends .ant-badge-status-dot {
1096
+ width: var(--legend-size);
1097
+ height: var(--legend-size);
1098
+ }
1099
+ #listing-page #legends .ant-badge-status-text {
1100
+ font-family: Poppins, san-serif;
1101
+ font-size: 12px;
1102
+ font-weight: 400;
1103
+ line-height: 18px;
1104
+ letter-spacing: 0.05em;
1105
+ text-align: center;
1106
+ text-underline-position: from-font;
1107
+ text-decoration-skip-ink: none;
1108
+ }
1109
+ #listing-page #tours .tour {
1110
+ flex-direction: column;
1111
+ }
1112
+ #listing-page #tours .tour_image {
1113
+ height: 100%;
1114
+ }
1115
+ #listing-page #tours .tour_image img {
1116
+ width: 100%;
1117
+ height: 100%;
1118
+ border-top-left-radius: 20px;
1119
+ border-top-right-radius: 20px;
1120
+ }
1121
+ #listing-page #tours .tour_details {
1122
+ padding: 20px;
1123
+ background-color: #FFFFFF;
1124
+ height: 100%;
1125
+ }
1126
+ #listing-page #tours .tour_details .ant-space .ant-space-item:first-child {
1127
+ position: relative;
1128
+ }
1129
+ #listing-page #tours .tour_details_title {
1130
+ font-family: Poppins, san-serif;
1131
+ font-size: 16px;
1132
+ font-weight: 500;
1133
+ line-height: 24px;
1134
+ letter-spacing: 0.05em;
1135
+ text-align: left;
1136
+ text-underline-position: from-font;
1137
+ text-decoration-skip-ink: none;
1138
+ max-width: calc(100% - 30px);
1139
+ overflow-wrap: anywhere;
1140
+ }
1141
+ #listing-page #tours .tour_details_subtitle {
1142
+ font-family: Poppins, san-serif;
1143
+ font-size: 15px;
1144
+ font-weight: 400;
1145
+ line-height: 24px;
1146
+ letter-spacing: 0.05em;
1147
+ text-align: left;
1148
+ text-underline-position: from-font;
1149
+ text-decoration-skip-ink: none;
1150
+ color: rgba(0, 0, 0, 0.4);
1151
+ }
1152
+ #listing-page #tours .tour_details_country {
1153
+ font-family: Poppins, san-serif;
1154
+ font-size: 15px;
1155
+ font-weight: 500;
1156
+ line-height: 22.5px;
1157
+ letter-spacing: 0.05em;
1158
+ text-align: left;
1159
+ text-underline-position: from-font;
1160
+ text-decoration-skip-ink: none;
1161
+ }
1162
+ #listing-page #tours .tour_details_code {
1163
+ color: #DCB062;
1164
+ }
1165
+ #listing-page #tours .tour_details_country svg, #listing-page #tours .tour_details_code svg {
1166
+ vertical-align: middle;
1167
+ }
1168
+ #listing-page #tours .tour_details_info {
1169
+ position: absolute;
1170
+ right: 0;
1171
+ top: 0;
1172
+ }
1173
+ #listing-page #tours .tour_details_info svg {
1174
+ color: #DCB062;
1175
+ cursor: pointer;
1176
+ }
1177
+ #listing-page #tours .tour_details_dates {
1178
+ padding: 12px 8px 17px 8px;
1179
+ }
1180
+ #listing-page #tours .tour_details_dates label {
1181
+ font-family: Poppins, san-serif;
1182
+ font-size: 14px;
1183
+ font-weight: 500;
1184
+ line-height: 21px;
1185
+ letter-spacing: 0.05em;
1186
+ text-align: left;
1187
+ text-underline-position: from-font;
1188
+ text-decoration-skip-ink: none;
1189
+ color: #434039;
1190
+ }
1191
+ #listing-page #tours .tour_details_dates .date-selector {
1192
+ justify-content: center;
1193
+ }
1194
+ #listing-page #tours .tour_pricing {
1195
+ background-color: #DCB062;
1196
+ padding: 20px;
1197
+ border-bottom-left-radius: 20px;
1198
+ border-bottom-right-radius: 20px;
1199
+ height: 100%;
1200
+ }
1201
+ #listing-page #tours .tour_pricing_details {
1202
+ align-items: baseline;
1203
+ justify-content: center;
1204
+ gap: 10px;
1205
+ }
1206
+ #listing-page #tours .tour_pricing > .ant-space {
1207
+ height: 100%;
1208
+ width: 100%;
1209
+ justify-content: center;
1210
+ }
1211
+ #listing-page #tours .tour_pricing .ant-space-item {
1212
+ width: 100%;
1213
+ }
1214
+ #listing-page #tours .tour_pricing span {
1215
+ font-family: Poppins, san-serif;
1216
+ font-size: 15px;
1217
+ font-weight: 400;
1218
+ line-height: 22.5px;
1219
+ letter-spacing: 0.05em;
1220
+ text-align: center;
1221
+ text-underline-position: from-font;
1222
+ text-decoration-skip-ink: none;
1223
+ }
1224
+ #listing-page #tours .tour_pricing span.price {
1225
+ font-size: 28px;
1226
+ font-weight: 500;
1227
+ line-height: 42px;
1228
+ color: #FFFFFF;
1229
+ }
1230
+ #listing-page #tours .tour_pricing .select-tour {
1231
+ padding: 5px 27px 5px 27px;
1232
+ border-radius: 20px;
1233
+ font-family: Poppins, san-serif;
1234
+ font-size: 15px;
1235
+ font-weight: 700;
1236
+ line-height: 22.5px;
1237
+ letter-spacing: 0.05em;
1238
+ text-align: center;
1239
+ text-underline-position: from-font;
1240
+ text-decoration-skip-ink: none;
1241
+ color: #DCB062;
1242
+ background-color: #FFFFFF;
1243
+ display: block;
1244
+ width: 100%;
1245
+ }
1246
+
1247
+ .tour_details_description.ant-modal .ant-modal-title {
1248
+ font-family: Poppins, san-serif;
1249
+ font-size: 16px;
1250
+ font-weight: 700;
1251
+ line-height: 24px;
1252
+ letter-spacing: 0.05em;
1253
+ text-align: left;
1254
+ text-underline-position: from-font;
1255
+ text-decoration-skip-ink: none;
1256
+ color: #836848;
1257
+ }
1258
+ .tour_details_description.ant-modal .ant-modal-body {
1259
+ overflow-y: auto;
1260
+ max-height: 500px;
1261
+ }
1262
+
1263
+ .tour_details_itinerary.ant-modal #itinerary-file img {
1264
+ width: 100%;
1265
+ object-fit: contain;
1266
+ }
1267
+
1268
+ .tour_details_all_dates.ant-modal .ant-modal-title {
1269
+ padding-right: 30px;
1270
+ }
1271
+ .tour_details_all_dates.ant-modal .custom-modal-header-title {
1272
+ font-family: Poppins, san-serif;
1273
+ font-size: 20px;
1274
+ font-weight: 500;
1275
+ line-height: 30px;
1276
+ letter-spacing: 0.05em;
1277
+ text-align: left;
1278
+ text-underline-position: from-font;
1279
+ text-decoration-skip-ink: none;
1280
+ color: #434039;
1281
+ }
1282
+ .tour_details_all_dates.ant-modal .custom-modal-header-legends {
1283
+ font-family: Poppins, san-serif;
1284
+ font-size: 12px;
1285
+ font-weight: 400;
1286
+ line-height: 18px;
1287
+ letter-spacing: 0.05em;
1288
+ text-align: center;
1289
+ text-underline-position: from-font;
1290
+ text-decoration-skip-ink: none;
1291
+ color: #545047;
1292
+ --legend-size: 10px;
1293
+ }
1294
+ .tour_details_all_dates.ant-modal .custom-modal-header-legends .ant-badge-status-dot {
1295
+ width: var(--legend-size);
1296
+ height: var(--legend-size);
1297
+ }
1298
+ .tour_details_all_dates.ant-modal .ant-modal-footer {
1299
+ text-align: center;
1300
+ }
1301
+ .tour_details_all_dates.ant-modal .ant-modal-footer button {
1302
+ padding: 5px 27px 5px 27px;
1303
+ border-radius: 32px;
1304
+ background: #AA853E;
1305
+ color: #FFFFFF;
1306
+ text-transform: uppercase;
1307
+ }
1308
+ .tour_details_all_dates.ant-modal .ant-modal-footer button:hover {
1309
+ color: #FFFFFF;
1310
+ background: #DCB062;
1311
+ border-color: #DCB062;
1312
+ outline: #DCB062;
1313
+ }
1314
+
1315
+ .country-filter_option {
1316
+ font-family: Poppins, san-serif;
1317
+ font-size: 20px;
1318
+ font-weight: 400;
1319
+ line-height: 30px;
1320
+ letter-spacing: 0.05em;
1321
+ text-align: left;
1322
+ text-underline-position: from-font;
1323
+ text-decoration-skip-ink: none;
1324
+ text-transform: uppercase;
1325
+ }
1326
+
1327
+ * {
1328
+ --side-padding: 20px;
1329
+ }
1330
+
1331
+ #show-page_header h1 {
1332
+ font-size: 18px;
1333
+ line-height: 27px;
1334
+ letter-spacing: 0%;
1335
+ text-align: left;
1336
+ overflow-wrap: anywhere;
1337
+ }
1338
+ #show-page_header .tour_details {
1339
+ display: inline-flex;
1340
+ gap: 10px;
1341
+ opacity: 0.5;
1342
+ }
1343
+ #show-page_header .tour_details span {
1344
+ font-family: Poppins, san-serif;
1345
+ font-size: 16px;
1346
+ font-weight: 500;
1347
+ line-height: 24px;
1348
+ letter-spacing: 0.05em;
1349
+ text-align: left;
1350
+ text-underline-position: from-font;
1351
+ text-decoration-skip-ink: none;
1352
+ }
1353
+ #show-page #date-selector {
1354
+ padding: 20px var(--side-padding);
1355
+ }
1356
+ #show-page #date-selector [class~=ant-carousel] .slick-slide > div {
1357
+ padding: 0 5px;
1358
+ }
1359
+ #show-page #date-selector [class~=ant-carousel] .slick-arrow {
1360
+ color: rgb(149, 148, 146);
1361
+ }
1362
+ #show-page #date-selector [class~=ant-carousel] .slick-arrow:hover {
1363
+ color: #DCB062;
1364
+ }
1365
+ #show-page #date-selector [class~=ant-carousel] .slick-prev {
1366
+ inset-inline-start: -40px;
1367
+ }
1368
+ #show-page #date-selector [class~=ant-carousel] .slick-next {
1369
+ inset-inline-end: -40px;
1370
+ }
1371
+ #show-page #date-selector .date-box {
1372
+ background: #FFFFFF;
1373
+ border: 1px solid rgba(223, 177, 99, 0.2);
1374
+ padding: 6px 13px 6px 13px;
1375
+ border-radius: 20px;
1376
+ border-width: 1px;
1377
+ color: rgba(0, 0, 0, 0.8);
1378
+ cursor: pointer;
1379
+ text-align: center;
1380
+ }
1381
+ #show-page #date-selector .date-box_date {
1382
+ font-family: Poppins, san-serif;
1383
+ font-size: 15px;
1384
+ font-weight: 400;
1385
+ line-height: 22.5px;
1386
+ letter-spacing: 0.05em;
1387
+ text-align: center;
1388
+ text-underline-position: from-font;
1389
+ text-decoration-skip-ink: none;
1390
+ }
1391
+ #show-page #date-selector .date-box span {
1392
+ font-family: Poppins, san-serif;
1393
+ font-size: 12px;
1394
+ font-weight: 400;
1395
+ line-height: 18px;
1396
+ letter-spacing: 0.05em;
1397
+ text-align: center;
1398
+ text-underline-position: from-font;
1399
+ text-decoration-skip-ink: none;
1400
+ opacity: 50%;
1401
+ }
1402
+ #show-page #date-selector .date-box_price {
1403
+ font-family: Poppins, san-serif;
1404
+ font-size: 14px;
1405
+ font-weight: 400;
1406
+ line-height: 21px;
1407
+ letter-spacing: 0.05em;
1408
+ text-align: center;
1409
+ text-underline-position: from-font;
1410
+ text-decoration-skip-ink: none;
1411
+ }
1412
+ #show-page #date-selector .date-box.selected {
1413
+ background-color: #DCB062;
1414
+ color: rgb(249, 246, 243);
1415
+ }
1416
+ #show-page #date-selector .date-box.selected .date-box_date, #show-page #date-selector .date-box.selected .date-box_price {
1417
+ font-weight: 700;
1418
+ }
1419
+ #show-page_body {
1420
+ padding: 20px var(--side-padding);
1421
+ gap: 20px;
1422
+ }
1423
+ #show-page_body .details-container {
1424
+ padding: 20px;
1425
+ gap: 20px;
1426
+ border-radius: 20px;
1427
+ background: #FFFFFF;
1428
+ display: flex;
1429
+ flex-direction: column;
1430
+ box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1490196078);
1431
+ }
1432
+ #show-page_body .details-container_header {
1433
+ font-family: Poppins, san-serif;
1434
+ font-size: 16px;
1435
+ font-weight: 700;
1436
+ line-height: 24px;
1437
+ letter-spacing: 0.05em;
1438
+ text-align: left;
1439
+ text-underline-position: from-font;
1440
+ text-decoration-skip-ink: none;
1441
+ color: #5B4713;
1442
+ }
1443
+ #show-page_body .details-container_content #things-to-know {
1444
+ padding: 20px;
1445
+ border-radius: 5px;
1446
+ background: #F9F6F3;
1447
+ display: grid;
1448
+ grid-template-columns: repeat(2, 1fr);
1449
+ justify-content: center;
1450
+ text-align: center;
1451
+ gap: 20px;
1452
+ }
1453
+ #show-page_body .details-container_content #things-to-know .item {
1454
+ color: #5B4713;
1455
+ }
1456
+ #show-page_body .details-container_content #things-to-know .item .icon {
1457
+ opacity: 0.8;
1458
+ }
1459
+ #show-page_body .details-container_content #things-to-know .item label {
1460
+ font-family: Poppins, san-serif;
1461
+ font-size: 12px;
1462
+ font-weight: 400;
1463
+ line-height: 18px;
1464
+ letter-spacing: 0.05em;
1465
+ text-align: center;
1466
+ text-underline-position: from-font;
1467
+ text-decoration-skip-ink: none;
1468
+ }
1469
+ #show-page_body .details-container_content #things-to-know .item.guaranteed {
1470
+ color: #DCB062;
1471
+ }
1472
+ #show-page_body .details-container_content #description {
1473
+ position: relative;
1474
+ transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1);
1475
+ }
1476
+ #show-page_body .details-container_content #description + button {
1477
+ margin-top: 10px;
1478
+ font-family: Poppins, san-serif;
1479
+ font-weight: 500;
1480
+ font-size: 14px;
1481
+ line-height: 21px;
1482
+ letter-spacing: 5%;
1483
+ text-align: right;
1484
+ color: #545047;
1485
+ }
1486
+ #show-page_body .details-container_content #description.collapsed {
1487
+ height: 300px;
1488
+ overflow: hidden;
1489
+ }
1490
+ #show-page_body .details-container_content #description.collapsed::after {
1491
+ content: "";
1492
+ position: absolute;
1493
+ z-index: 1;
1494
+ bottom: 0;
1495
+ left: 0;
1496
+ pointer-events: none;
1497
+ background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255) 90%);
1498
+ width: 100%;
1499
+ height: 5em;
1500
+ transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
1501
+ }
1502
+ #show-page_body .details-container_content #description.collapsed + button {
1503
+ margin-top: 0px;
1504
+ }
1505
+ #show-page_body .details-container_content .schedule {
1506
+ padding: 20px;
1507
+ gap: 32px;
1508
+ border-radius: 5px;
1509
+ background: #F9F6F3;
1510
+ display: inline-flex;
1511
+ align-items: center;
1512
+ justify-content: space-between;
1513
+ flex-direction: column;
1514
+ text-align: center;
1515
+ }
1516
+ #show-page_body .details-container_content .schedule .flight-date {
1517
+ width: 100%;
1518
+ text-align: left;
1519
+ }
1520
+ #show-page_body .details-container_content .schedule .flight-date svg {
1521
+ vertical-align: middle;
1522
+ margin-right: 12px;
1523
+ }
1524
+ #show-page_body .details-container_content .schedule .flight-date span {
1525
+ color: rgba(91, 71, 19, 0.7);
1526
+ font-family: Poppins, san-serif;
1527
+ font-size: 12px;
1528
+ font-weight: 400;
1529
+ line-height: 18px;
1530
+ letter-spacing: 0.05em;
1531
+ text-align: left;
1532
+ text-underline-position: from-font;
1533
+ text-decoration-skip-ink: none;
1534
+ }
1535
+ #show-page_body .details-container_content .schedule .flight-details {
1536
+ display: flex;
1537
+ flex-direction: column;
1538
+ gap: 11px;
1539
+ }
1540
+ #show-page_body .details-container_content .schedule .flight-details label {
1541
+ font-family: Poppins, san-serif;
1542
+ font-size: 12px;
1543
+ font-weight: 700;
1544
+ line-height: 18px;
1545
+ letter-spacing: 0.05em;
1546
+ text-align: left;
1547
+ text-underline-position: from-font;
1548
+ text-decoration-skip-ink: none;
1549
+ color: rgba(0, 0, 0, 0.8);
1550
+ }
1551
+ #show-page_body .details-container_content .schedule .flight-details img {
1552
+ width: 14px;
1553
+ height: 14px;
1554
+ vertical-align: middle;
1555
+ margin-right: 5px;
1556
+ }
1557
+ #show-page_body .details-container_content .schedule .flight-details span {
1558
+ font-family: Poppins, san-serif;
1559
+ font-size: 12px;
1560
+ font-weight: 400;
1561
+ line-height: 18px;
1562
+ letter-spacing: 0.05em;
1563
+ text-align: left;
1564
+ text-underline-position: from-font;
1565
+ text-decoration-skip-ink: none;
1566
+ color: rgba(0, 0, 0, 0.8);
1567
+ }
1568
+ #show-page_body .details-container_content .schedule .flight-time .from, #show-page_body .details-container_content .schedule .flight-time .to {
1569
+ display: flex;
1570
+ flex-direction: column;
1571
+ gap: 8px;
1572
+ }
1573
+ #show-page_body .details-container_content .schedule .flight-time label {
1574
+ font-family: Poppins, san-serif;
1575
+ font-size: 15px;
1576
+ font-weight: 700;
1577
+ line-height: 22.5px;
1578
+ letter-spacing: 0.05em;
1579
+ text-align: center;
1580
+ text-underline-position: from-font;
1581
+ text-decoration-skip-ink: none;
1582
+ color: rgb(0, 0, 0);
1583
+ }
1584
+ #show-page_body .details-container_content .schedule .flight-time span {
1585
+ font-family: Poppins, san-serif;
1586
+ font-size: 12px;
1587
+ font-weight: 300;
1588
+ line-height: 18px;
1589
+ text-underline-position: from-font;
1590
+ text-decoration-skip-ink: none;
1591
+ color: rgba(91, 71, 19, 0.7);
1592
+ }
1593
+ #show-page_body .details-container_content .schedule .flight-time .from {
1594
+ align-items: flex-end;
1595
+ }
1596
+ #show-page_body .details-container_content .schedule .flight-time .from span {
1597
+ text-align: right;
1598
+ }
1599
+ #show-page_body .details-container_content .schedule .flight-time .to {
1600
+ align-items: flex-start;
1601
+ }
1602
+ #show-page_body .details-container_content .schedule .flight-time .to span {
1603
+ text-align: left;
1604
+ }
1605
+ #show-page_body .details-container_content .schedule .flight-time_icon {
1606
+ width: 53px;
1607
+ }
1608
+ #show-page_body .details-container_content .schedule .flight-time_icon img {
1609
+ vertical-align: middle;
1610
+ }
1611
+ #show-page_body .details-container_content .schedule .flight-time_icon::before, #show-page_body .details-container_content .schedule .flight-time_icon::after {
1612
+ /* Styles kept */
1613
+ width: 25%;
1614
+ height: 1px;
1615
+ /* Changed to border-top (instead of border) to simulate a line better */
1616
+ border-top: 1px solid #ccc;
1617
+ /* Styles added */
1618
+ display: inline-block;
1619
+ content: "";
1620
+ /* Use padding to vertical align the line */
1621
+ /* Use padding in em for a responsive icon height */
1622
+ padding-top: 0.2em;
1623
+ /* Use margins to give the lines some spacement around the icon */
1624
+ /* Use margins in % for a responsive spacement */
1625
+ margin-left: 5%;
1626
+ margin-right: 5%;
1627
+ }
1628
+ #show-page_body .details-container_content .super-promo {
1629
+ background: rgb(249, 226, 152);
1630
+ }
1631
+ #show-page_body .details-container_content .promo1 {
1632
+ background: rgb(249, 246, 243);
1633
+ }
1634
+ #show-page_body .details-container_content .normal {
1635
+ background: rgb(245, 245, 245);
1636
+ }
1637
+ #show-page_body .details-container_content #pricing-table {
1638
+ display: none;
1639
+ }
1640
+ #show-page_body .details-container_content #pricing-list .ant-card .ant-card-body {
1641
+ padding: 10px 15px;
1642
+ }
1643
+ #show-page_body .details-container_content #pricing-list .pricing-header {
1644
+ font-family: Poppins, san-serif;
1645
+ font-weight: 600;
1646
+ font-size: 14px;
1647
+ line-height: 21px;
1648
+ letter-spacing: 2%;
1649
+ text-align: center;
1650
+ color: #836848;
1651
+ margin-bottom: 10px;
1652
+ text-transform: capitalize;
1653
+ }
1654
+ #show-page_body .details-container_content #pricing-list .pricing-body .pricing {
1655
+ display: flex;
1656
+ justify-content: space-between;
1657
+ color: #545047;
1658
+ }
1659
+ #show-page_body .details-container_content #pricing-list .pricing-body .pricing .category {
1660
+ font-family: Poppins, san-serif;
1661
+ font-weight: 400;
1662
+ font-size: 12px;
1663
+ line-height: 18px;
1664
+ letter-spacing: 5%;
1665
+ }
1666
+ #show-page_body .details-container_content #pricing-list .pricing-body .pricing .price {
1667
+ font-family: Poppins;
1668
+ font-weight: 500;
1669
+ font-size: 14px;
1670
+ line-height: 21px;
1671
+ letter-spacing: 5%;
1672
+ text-align: center;
1673
+ }
1674
+ #show-page_body .toggle_contact-agent {
1675
+ cursor: pointer;
1676
+ border-bottom-left-radius: 20px;
1677
+ border-top-left-radius: 20px;
1678
+ color: #FFFFFF;
1679
+ background-color: #836848;
1680
+ font-size: 12px;
1681
+ line-height: 18px;
1682
+ letter-spacing: 5%;
1683
+ padding: 11px 15px 11px 15px;
1684
+ width: 135px;
1685
+ position: absolute;
1686
+ right: 0;
1687
+ }
1688
+ #show-page_body .contact-agent-sider {
1689
+ position: fixed;
1690
+ z-index: 1;
1691
+ right: 0;
1692
+ top: 110px;
1693
+ }
1694
+ #show-page_body .contact-agent {
1695
+ height: auto;
1696
+ background: #FFFFFF;
1697
+ border-radius: 20px;
1698
+ border-bottom-right-radius: 0;
1699
+ border-top-right-radius: 0;
1700
+ display: none;
1701
+ }
1702
+ #show-page_body .contact-agent_header {
1703
+ background-color: #F9E298;
1704
+ font-family: Poppins, san-serif;
1705
+ font-size: 15px;
1706
+ font-weight: 400;
1707
+ line-height: 22.5px;
1708
+ letter-spacing: 0.05em;
1709
+ text-align: left;
1710
+ text-underline-position: from-font;
1711
+ text-decoration-skip-ink: none;
1712
+ color: #545047;
1713
+ padding: 11px 15px 11px 15px;
1714
+ border-radius: inherit;
1715
+ border-bottom-left-radius: 0;
1716
+ border-bottom-right-radius: 0;
1717
+ display: flex;
1718
+ align-items: center;
1719
+ justify-content: space-between;
1720
+ }
1721
+ #show-page_body .contact-agent_content {
1722
+ padding: 10px 15px 15px 15px;
1723
+ }
1724
+ #show-page_body .contact-agent_content .ant-form-item {
1725
+ margin-bottom: 15px;
1726
+ }
1727
+ #show-page_body .contact-agent_content .ant-form-item:last-child {
1728
+ margin-bottom: 0;
1729
+ }
1730
+ #show-page_body .contact-agent_content .search-results {
1731
+ margin-top: 10px;
1732
+ }
1733
+ #show-page_body .contact-agent_content .search-results .agent-info .company {
1734
+ font-family: Poppins, san-serif;
1735
+ font-size: 10px;
1736
+ font-weight: 600;
1737
+ line-height: 15px;
1738
+ text-align: left;
1739
+ text-underline-position: from-font;
1740
+ text-decoration-skip-ink: none;
1741
+ min-height: 20px;
1742
+ color: rgba(0, 0, 0, 0.8);
1743
+ max-width: 180px;
1744
+ cursor: pointer;
1745
+ }
1746
+ #show-page_body .contact-agent_content .search-results .agent-info .contact-numbers {
1747
+ display: inline-flex;
1748
+ gap: 2px;
1749
+ }
1750
+ #show-page_body .show-contact-agent-mobile .toggle_contact-agent {
1751
+ display: none;
1752
+ }
1753
+ #show-page_body .show-contact-agent-mobile .contact-agent {
1754
+ display: block;
1755
+ }
1756
+
1757
+ .agent-full-contact-details .ant-modal-title img {
1758
+ height: 40px;
1759
+ object-fit: cover;
1760
+ }
1761
+ .agent-full-contact-details .contact-details {
1762
+ padding: 15px 10px 15px 10px;
1763
+ background: rgb(245, 245, 245);
1764
+ }
1765
+ .agent-full-contact-details .contact-details h2 {
1766
+ font-family: Poppins, san-serif;
1767
+ font-weight: 600;
1768
+ font-size: 16px;
1769
+ line-height: 24px;
1770
+ letter-spacing: 3%;
1771
+ color: rgba(0, 0, 0, 0.8);
1772
+ }
1773
+ .agent-full-contact-details .contact-details svg {
1774
+ color: rgb(170, 133, 62);
1775
+ background: rgb(255, 255, 255);
1776
+ height: Fixed 25px px;
1777
+ padding: 3.75px;
1778
+ border-radius: 62.5px;
1779
+ margin-right: 6px;
1780
+ vertical-align: middle;
1781
+ }
1782
+ .agent-full-contact-details .contact-details span {
1783
+ font-family: Poppins, san-serif;
1784
+ font-size: 14px;
1785
+ font-weight: 400;
1786
+ line-height: 21px;
1787
+ letter-spacing: 0.03em;
1788
+ text-align: left;
1789
+ text-underline-position: from-font;
1790
+ text-decoration-skip-ink: none;
1791
+ }
1792
+
1793
+ #about-signature-tours {
1794
+ height: 100%;
1795
+ padding: 45px;
1796
+ }
1797
+ #about-signature-tours h1 {
1798
+ font-family: Poppins, san-serif;
1799
+ font-size: 24px;
1800
+ font-weight: 300;
1801
+ line-height: 36px;
1802
+ letter-spacing: 0.06em;
1803
+ text-align: center;
1804
+ text-underline-position: from-font;
1805
+ text-decoration-skip-ink: none;
1806
+ color: #545047;
1807
+ }
1808
+ #about-signature-tours p {
1809
+ font-family: Poppins, san-serif;
1810
+ font-size: 14px;
1811
+ font-weight: 300;
1812
+ line-height: 24px;
1813
+ letter-spacing: 0.03em;
1814
+ text-align: left;
1815
+ text-underline-position: from-font;
1816
+ text-decoration-skip-ink: none;
1817
+ color: #545047;
1818
+ margin: 20px 0;
1819
+ display: block;
1820
+ }
1821
+ #about-signature-tours #about-st-feature #feature {
1822
+ height: 246px;
1823
+ gap: 0px;
1824
+ border-radius: 20px;
1825
+ opacity: 0px;
1826
+ background: #FFFFFF;
1827
+ box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1490196078);
1828
+ }
1829
+ #about-signature-tours #about-st-feature #feature > img {
1830
+ width: 100%;
1831
+ height: 183.24px;
1832
+ gap: 0px;
1833
+ border-radius: 20px;
1834
+ opacity: 0px;
1835
+ border: 3px solid #FFFFFF;
1836
+ object-fit: cover;
1837
+ object-position: 50% 33%;
1838
+ display: block;
1839
+ box-sizing: border-box;
1840
+ }
1841
+ #about-signature-tours #about-st-feature #feature #st-brand {
1842
+ display: flex;
1843
+ justify-content: space-between;
1844
+ align-items: center;
1845
+ padding: 5px 23px 0px 12px;
1846
+ }
1847
+ #about-signature-tours #about-st-feature #feature #st-brand span {
1848
+ font-family: Poppins, san-serif;
1849
+ font-size: 20px;
1850
+ font-weight: 400;
1851
+ line-height: 30px;
1852
+ letter-spacing: 0.05em;
1853
+ text-align: left;
1854
+ text-underline-position: from-font;
1855
+ text-decoration-skip-ink: none;
1856
+ }
1857
+ #about-signature-tours #about-st-feature #feature #st-brand #st-logo {
1858
+ width: 47px;
1859
+ height: 43.76px;
1860
+ gap: 0px;
1861
+ opacity: 0px;
1862
+ }
1863
+
1864
+ #about-us-page_body {
1865
+ padding: 20px var(--side-padding);
1866
+ }
1867
+ #about-us-page_body #introduction img {
1868
+ width: 42.96px;
1869
+ height: 40px;
1870
+ }
1871
+ #about-us-page_body #introduction h1 {
1872
+ font-family: Poppins, san-serif;
1873
+ font-size: 24px;
1874
+ font-weight: 500;
1875
+ line-height: 36px;
1876
+ text-align: left;
1877
+ text-underline-position: from-font;
1878
+ text-decoration-skip-ink: none;
1879
+ }
1880
+ #about-us-page_body #article {
1881
+ background: #FFFFFF;
1882
+ padding: 32px;
1883
+ border-radius: 20px;
1884
+ box-shadow: 0px 5px 20px 0px rgba(225, 182, 91, 0.2);
1885
+ }
1886
+ #about-us-page_body #article img {
1887
+ height: 644px;
1888
+ border-radius: 20px;
1889
+ width: 100%;
1890
+ object-fit: cover;
1891
+ }
1892
+ #about-us-page_body #article p {
1893
+ font-family: Poppins, san-serif;
1894
+ font-size: 14px;
1895
+ font-weight: 300;
1896
+ line-height: 27px;
1897
+ text-align: left;
1898
+ text-underline-position: from-font;
1899
+ text-decoration-skip-ink: none;
1900
+ color: #000000;
1901
+ }
1902
+ #about-us-page .section-header h2 {
1903
+ font-family: Poppins, san-serif;
1904
+ font-size: 24px;
1905
+ font-weight: 500;
1906
+ line-height: 36px;
1907
+ text-align: center;
1908
+ text-underline-position: from-font;
1909
+ text-decoration-skip-ink: none;
1910
+ color: #000000;
1911
+ }
1912
+ #about-us-page .section-header p {
1913
+ font-family: Poppins, san-serif;
1914
+ font-size: 14px;
1915
+ font-weight: 300;
1916
+ line-height: 27px;
1917
+ text-align: center;
1918
+ text-underline-position: from-font;
1919
+ text-decoration-skip-ink: none;
1920
+ color: #000000;
1921
+ }
1922
+ #about-us-page .items {
1923
+ display: flex;
1924
+ flex-direction: column;
1925
+ align-items: center;
1926
+ gap: 12px;
1927
+ color: #000000;
1928
+ padding: 24px;
1929
+ }
1930
+ #about-us-page .items label {
1931
+ font-family: Poppins, san-serif;
1932
+ font-size: 16px;
1933
+ font-weight: 500;
1934
+ line-height: 24px;
1935
+ text-align: center;
1936
+ text-underline-position: from-font;
1937
+ text-decoration-skip-ink: none;
1938
+ }
1939
+ #about-us-page .items p {
1940
+ font-family: Poppins, san-serif;
1941
+ font-size: 14px;
1942
+ font-weight: 300;
1943
+ line-height: 27px;
1944
+ text-align: center;
1945
+ text-underline-position: from-font;
1946
+ text-decoration-skip-ink: none;
1947
+ }
1948
+ #about-us-page #quality-policy {
1949
+ padding: 60px var(--side-padding) 30px;
1950
+ margin-top: -70px;
1951
+ margin-left: 0 !important;
1952
+ margin-right: 0 !important;
1953
+ }
1954
+ #about-us-page #certificates {
1955
+ background: linear-gradient(180deg, #F7F4EB 0%, #FFFFFF 100%);
1956
+ padding: 0 var(--side-padding) 30px;
1957
+ }
1958
+ #about-us-page #certificates .ant-col {
1959
+ text-align: center;
1960
+ }
1961
+ #about-us-page #certificates img {
1962
+ margin: auto;
1963
+ width: 263px;
1964
+ height: 365px;
1965
+ box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1019607843);
1966
+ }
1967
+
1968
+ #countries-page_body {
1969
+ padding: 20px var(--side-padding);
1970
+ }
1971
+ #countries-page_body #introduction {
1972
+ padding: 32px;
1973
+ border-radius: 20px;
1974
+ background: #FFFFFF;
1975
+ }
1976
+ #countries-page_body #introduction_header {
1977
+ text-align: center;
1978
+ display: inline-flex;
1979
+ justify-content: center;
1980
+ align-items: center;
1981
+ gap: 24px;
1982
+ }
1983
+ #countries-page_body #introduction_header img {
1984
+ width: 42.96px;
1985
+ height: 40px;
1986
+ }
1987
+ #countries-page_body #introduction_header span {
1988
+ font-family: Poppins, san-serif;
1989
+ font-size: 24px;
1990
+ font-weight: 500;
1991
+ line-height: 36px;
1992
+ text-align: left;
1993
+ text-underline-position: from-font;
1994
+ text-decoration-skip-ink: none;
1995
+ color: #000000;
1996
+ }
1997
+ #countries-page_body #introduction_body p {
1998
+ font-family: Poppins, san-serif;
1999
+ font-size: 14px;
2000
+ font-weight: 300;
2001
+ line-height: 27px;
2002
+ text-align: left;
2003
+ text-underline-position: from-font;
2004
+ text-decoration-skip-ink: none;
2005
+ }
2006
+ #countries-page_body h2 {
2007
+ font-family: Poppins, san-serif;
2008
+ font-size: 30px;
2009
+ font-weight: 600;
2010
+ line-height: 45px;
2011
+ letter-spacing: 0.05em;
2012
+ text-align: left;
2013
+ text-underline-position: from-font;
2014
+ text-decoration-skip-ink: none;
2015
+ }
2016
+
2017
+ #contact-us-page_body {
2018
+ margin: 20px var(--side-padding);
2019
+ border-radius: 20px;
2020
+ box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
2021
+ background-color: #FFFFFF;
2022
+ }
2023
+ #contact-us-page_body img {
2024
+ height: 250px;
2025
+ width: 100%;
2026
+ object-fit: cover;
2027
+ border-top-left-radius: 20px;
2028
+ border-top-right-radius: 20px;
2029
+ }
2030
+ #contact-us-page_body #contact-us-form {
2031
+ padding: 20px 24px 40px 24px;
2032
+ }
2033
+ #contact-us-page_body #contact-us-form_header {
2034
+ margin-bottom: 20px;
2035
+ }
2036
+ #contact-us-page_body #contact-us-form_header h2 {
2037
+ font-family: Poppins, san-serif;
2038
+ font-size: 16px;
2039
+ font-weight: 700;
2040
+ line-height: 24px;
2041
+ letter-spacing: 0.05em;
2042
+ text-align: left;
2043
+ text-underline-position: from-font;
2044
+ text-decoration-skip-ink: none;
2045
+ color: rgb(91, 71, 19);
2046
+ margin: 0;
2047
+ }
2048
+ #contact-us-page_body #contact-us-form_header span {
2049
+ font-family: Poppins, san-serif;
2050
+ font-size: 14px;
2051
+ font-weight: 300;
2052
+ line-height: 21px;
2053
+ letter-spacing: 0.05em;
2054
+ text-align: left;
2055
+ text-underline-position: from-font;
2056
+ text-decoration-skip-ink: none;
2057
+ color: rgb(0, 0, 0);
2058
+ }
2059
+ #contact-us-page_body #contact-us-form textarea {
2060
+ min-height: 200px;
2061
+ }
2062
+ #contact-us-page_body #contact-us-form button[type=submit] {
2063
+ width: 216px;
2064
+ }
2065
+ #contact-us-page_footer {
2066
+ margin: 20px var(--side-padding);
2067
+ border-radius: 20px;
2068
+ box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
2069
+ background-color: #FFFFFF;
2070
+ padding: 40px 24px 40px 24px;
2071
+ }
2072
+ #contact-us-page_footer label {
2073
+ font-family: Poppins, san-serif;
2074
+ font-size: 16px;
2075
+ font-weight: 700;
2076
+ line-height: 24px;
2077
+ letter-spacing: 0.05em;
2078
+ text-align: left;
2079
+ text-underline-position: from-font;
2080
+ text-decoration-skip-ink: none;
2081
+ color: rgb(91, 71, 19);
2082
+ display: block;
2083
+ margin-bottom: 10px;
2084
+ }
2085
+ #contact-us-page_footer span {
2086
+ font-family: Poppins, san-serif;
2087
+ font-size: 14px;
2088
+ font-weight: 300;
2089
+ line-height: 21px;
2090
+ letter-spacing: 0.05em;
2091
+ text-align: left;
2092
+ text-underline-position: from-font;
2093
+ text-decoration-skip-ink: none;
2094
+ color: rgb(0, 0, 0);
2095
+ }
2096
+ #contact-us-page_footer svg {
2097
+ color: #DCB062;
2098
+ }
2099
+
2100
+ #contact-agents-page_body {
2101
+ margin: 20px var(--side-padding);
2102
+ }
2103
+ #contact-agents-page_body #find-agents_header {
2104
+ width: 171px;
2105
+ height: 45px;
2106
+ margin: auto;
2107
+ padding-top: 11px;
2108
+ padding-right: 32px;
2109
+ padding-bottom: 11px;
2110
+ padding-left: 32px;
2111
+ gap: 10px;
2112
+ border-top-left-radius: 20px;
2113
+ border-top-right-radius: 20px;
2114
+ border-top-width: 1px;
2115
+ border-right-width: 1px;
2116
+ border-left-width: 1px;
2117
+ background: #F9E298;
2118
+ }
2119
+ #contact-agents-page_body #find-agents_header span {
2120
+ font-family: Poppins, san-serif;
2121
+ font-weight: 400;
2122
+ font-size: 15px;
2123
+ line-height: 22.5px;
2124
+ letter-spacing: 5%;
2125
+ text-align: center;
2126
+ color: #545047;
2127
+ }
2128
+ #contact-agents-page_body #find-agents_form {
2129
+ border-radius: 20px;
2130
+ padding-top: 33px;
2131
+ padding-right: 40px;
2132
+ padding-bottom: 33px;
2133
+ padding-left: 40px;
2134
+ gap: 10px;
2135
+ background: #FFFFFF;
2136
+ box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1490196078);
2137
+ }
2138
+ #contact-agents-page_body #find-agents_form .find-button {
2139
+ width: 100%;
2140
+ }
2141
+ #contact-agents-page_body #agents-list {
2142
+ margin: 40px 0;
2143
+ }
2144
+ #contact-agents-page_body #agents-list img {
2145
+ height: 265;
2146
+ object-fit: cover;
2147
+ }
2148
+ #contact-agents-page_body #agents-list svg {
2149
+ vertical-align: middle;
2150
+ color: #000000;
2151
+ margin-right: 10px;
2152
+ }
2153
+ #contact-agents-page_body #agents-list span {
2154
+ font-family: Poppins, san-serif;
2155
+ font-weight: 400;
2156
+ font-size: 14px;
2157
+ line-height: 24px;
2158
+ letter-spacing: 0%;
2159
+ color: #959492;
2160
+ }
2161
+ #contact-agents-page_body #agents-list .ant-card-meta-title {
2162
+ font-family: Poppins;
2163
+ font-weight: 500;
2164
+ font-size: 16px;
2165
+ line-height: 24px;
2166
+ letter-spacing: 0.05em;
2167
+ }
2168
+ #contact-agents-page_body #agents-list .more-info-button {
2169
+ width: 225px;
2170
+ margin: 20px auto 0;
2171
+ display: block;
2172
+ }
2173
+
2174
+ .agent-full-details .ant-modal-title {
2175
+ display: flex;
2176
+ align-items: center;
2177
+ justify-content: center;
2178
+ gap: 10px;
2179
+ }
2180
+ .agent-full-details .ant-modal-title img {
2181
+ height: 120px;
2182
+ object-fit: cover;
2183
+ }
2184
+ .agent-full-details .ant-modal-title span {
2185
+ font-family: Poppins, san-serif;
2186
+ font-weight: 500;
2187
+ font-size: 20px;
2188
+ line-height: 24px;
2189
+ letter-spacing: 0%;
2190
+ }
2191
+ .agent-full-details .ant-modal-body {
2192
+ margin: 20px -24px;
2193
+ background: #FAFAFA;
2194
+ height: 100%;
2195
+ }
2196
+ .agent-full-details .ant-modal-body .ant-row {
2197
+ width: 100%;
2198
+ margin: 0 !important;
2199
+ padding: 20px;
2200
+ }
2201
+ .agent-full-details .ant-modal-body .ant-row label {
2202
+ font-family: Poppins, san-serif;
2203
+ font-weight: 600;
2204
+ font-size: 14px;
2205
+ line-height: 21px;
2206
+ letter-spacing: 0%;
2207
+ color: #836848;
2208
+ }
2209
+ .agent-full-details .ant-modal-body .ant-row span {
2210
+ font-family: Poppins, san-serif;
2211
+ font-weight: 400;
2212
+ font-size: 14px;
2213
+ line-height: 24px;
2214
+ letter-spacing: 0%;
2215
+ color: #545047;
2216
+ }
2217
+
2218
+ #blog-page_body {
2219
+ margin: 20px var(--side-padding);
2220
+ }
2221
+ #blog-page_body #blogs {
2222
+ margin: 30px 0;
2223
+ }
2224
+
2225
+ #blog-show-page_body {
2226
+ margin: 20px var(--side-padding);
2227
+ padding: 32px;
2228
+ border-radius: 20px;
2229
+ background: rgb(255, 255, 255);
2230
+ box-shadow: 0px 5px 20px 0px rgba(225, 182, 91, 0.2);
2231
+ }
2232
+
2233
+ @media only screen and (min-width: 769px) {
2234
+ * {
2235
+ --side-padding: 10%;
2236
+ }
2237
+ #popular-destinations {
2238
+ margin: auto;
2239
+ width: 80%;
2240
+ }
2241
+ #popular-destinations h1 {
2242
+ font-size: 45px;
2243
+ font-weight: 200;
2244
+ line-height: 67.5px;
2245
+ width: 100%;
2246
+ margin: 50px 0;
2247
+ }
2248
+ #popular-destinations .location-dropdown {
2249
+ display: none;
2250
+ }
2251
+ #popular-destinations .ant-tabs .ant-tabs-content-holder {
2252
+ margin-top: -2px;
2253
+ }
2254
+ #popular-destinations .ant-tabs > .ant-tabs-nav {
2255
+ display: flex;
2256
+ margin: 0;
2257
+ }
2258
+ #popular-destinations .ant-tabs-nav {
2259
+ width: 100% !important;
2260
+ }
2261
+ #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab {
2262
+ display: block;
2263
+ text-align: center;
2264
+ justify-content: center;
2265
+ background: transparent;
2266
+ margin-left: 30px;
2267
+ padding: 0;
2268
+ }
2269
+ #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
2270
+ margin: 0;
2271
+ }
2272
+ #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
2273
+ text-transform: uppercase;
2274
+ font-family: Poppins, san-serif;
2275
+ font-size: 20px;
2276
+ font-weight: 400;
2277
+ line-height: 30px;
2278
+ letter-spacing: 0.05em;
2279
+ text-align: center;
2280
+ text-underline-position: from-font;
2281
+ text-decoration-skip-ink: none;
2282
+ color: #DCB062;
2283
+ position: relative;
2284
+ margin: 0 5px;
2285
+ padding: 8px 20px;
2286
+ background: #FAFAFA;
2287
+ border-radius: 20px 20px 0 0;
2288
+ }
2289
+ #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn:before, #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn:after {
2290
+ content: " ";
2291
+ position: absolute;
2292
+ top: 0;
2293
+ width: 23px;
2294
+ height: 100%;
2295
+ background-color: inherit;
2296
+ }
2297
+ #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn:before {
2298
+ border-radius: 12px 0 0 0;
2299
+ transform: skew(-24deg);
2300
+ left: -13px;
2301
+ }
2302
+ #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn:after {
2303
+ border-radius: 0 12px 0 0;
2304
+ transform: skew(24deg);
2305
+ right: -13px; /* play with this one to give the LI border ~2px extrusion */
2306
+ border-right: 1px solid #EBEBEB;
2307
+ z-index: 1; /* overlap next element */
2308
+ }
2309
+ #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active {
2310
+ z-index: 1;
2311
+ }
2312
+ #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
2313
+ background: linear-gradient(180deg, #F9E298 -1.58%, #DCB062 92.51%);
2314
+ color: white !important;
2315
+ }
2316
+ #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn:before, #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn:after {
2317
+ background: linear-gradient(180deg, #F9E298 -1.58%, #DCB062 92.51%);
2318
+ }
2319
+ #popular-destinations .ant-tabs-nav > div:nth-of-type(1) {
2320
+ display: unset !important;
2321
+ width: 100% !important;
2322
+ }
2323
+ #popular-destinations .country-image {
2324
+ border-radius: 20px;
2325
+ }
2326
+ #popular-destinations .country-name {
2327
+ width: auto;
2328
+ height: 71px;
2329
+ top: 64px;
2330
+ left: 62px;
2331
+ font-size: 47px;
2332
+ font-weight: 400;
2333
+ line-height: 70.5px;
2334
+ }
2335
+ #popular-destinations h2 {
2336
+ font-size: 30px;
2337
+ font-weight: 600;
2338
+ line-height: 45px;
2339
+ letter-spacing: 0.05em;
2340
+ }
2341
+ #popular-destinations .top-cities,
2342
+ #popular-destinations .more-cities,
2343
+ #popular-destinations .highlights {
2344
+ padding: unset;
2345
+ }
2346
+ #popular-destinations .more-cities .other-destinations a {
2347
+ font-size: 18px;
2348
+ font-weight: 400;
2349
+ line-height: 27px;
2350
+ letter-spacing: 0.05em;
2351
+ }
2352
+ #testimonials-section {
2353
+ display: block;
2354
+ }
2355
+ #testimonials-section #testimonials {
2356
+ max-width: 1099px;
2357
+ margin: auto;
2358
+ padding: 50px 0;
2359
+ }
2360
+ #testimonials-section #testimonials [class~=ant-carousel] .slick-slider {
2361
+ padding: 0 70px;
2362
+ }
2363
+ #testimonials-section #testimonials [class~=ant-carousel] .slick-list {
2364
+ margin: 0;
2365
+ }
2366
+ #testimonials-section #testimonials [class~=ant-carousel] .slick-track {
2367
+ margin: auto;
2368
+ }
2369
+ #testimonials-section #testimonials [class~=ant-carousel] .slick-slide > div {
2370
+ padding: 20px 15px;
2371
+ }
2372
+ #testimonials-section #testimonials [class~=ant-carousel] .slick-prev,
2373
+ #testimonials-section #testimonials [class~=ant-carousel] .slick-next {
2374
+ color: #959492;
2375
+ }
2376
+ #testimonials-section #testimonials [class~=ant-carousel] .slick-prev:hover,
2377
+ #testimonials-section #testimonials [class~=ant-carousel] .slick-next:hover {
2378
+ color: #DFB163;
2379
+ }
2380
+ #testimonials-section #testimonials .testimonial {
2381
+ padding: 10px 18px 20px 18px;
2382
+ gap: 15px;
2383
+ border-radius: 20px;
2384
+ opacity: 0px;
2385
+ background: #FFFFFF;
2386
+ box-shadow: 0px 5px 20px 0px rgba(225, 182, 91, 0.2);
2387
+ text-align: center;
2388
+ display: flex !important;
2389
+ flex-direction: column;
2390
+ justify-content: flex-start;
2391
+ }
2392
+ #testimonials-section #testimonials .testimonial .stars-icon {
2393
+ width: 92px;
2394
+ height: 32px;
2395
+ gap: 0px;
2396
+ opacity: 0px;
2397
+ margin: auto;
2398
+ }
2399
+ #testimonials-section #testimonials .testimonial .tour {
2400
+ width: 100%;
2401
+ padding: 10px;
2402
+ gap: 10px;
2403
+ border-radius: 10px;
2404
+ opacity: 0px;
2405
+ background: linear-gradient(270deg, #F9E298 0%, #FFFDF5 117.76%);
2406
+ box-shadow: 0px 7px 16.7px 0px rgba(225, 182, 91, 0.5019607843);
2407
+ box-sizing: border-box;
2408
+ display: inline-flex;
2409
+ align-items: center;
2410
+ }
2411
+ #testimonials-section #testimonials .testimonial .tour img {
2412
+ width: 28.46px;
2413
+ height: 26.5px;
2414
+ }
2415
+ #testimonials-section #testimonials .testimonial .tour span {
2416
+ font-family: Poppins, san-serif;
2417
+ font-size: 12px;
2418
+ font-weight: 500;
2419
+ line-height: 18px;
2420
+ text-align: left;
2421
+ text-underline-position: from-font;
2422
+ text-decoration-skip-ink: none;
2423
+ color: #AA853E;
2424
+ width: 100%;
2425
+ display: block;
2426
+ }
2427
+ #testimonials-section #testimonials .testimonial .comment {
2428
+ white-space: break-spaces;
2429
+ }
2430
+ #testimonials-section #testimonials .testimonial .comment span {
2431
+ font-family: Poppins, san-serif;
2432
+ font-size: 14px;
2433
+ font-style: italic;
2434
+ font-weight: 200;
2435
+ line-height: 21px;
2436
+ text-align: center;
2437
+ text-underline-position: from-font;
2438
+ text-decoration-skip-ink: none;
2439
+ }
2440
+ #testimonials-section #testimonials .testimonial .author {
2441
+ display: inline-flex;
2442
+ align-items: center;
2443
+ justify-content: center;
2444
+ gap: 10px;
2445
+ }
2446
+ #testimonials-section #testimonials .testimonial .author .author-icon {
2447
+ color: rgba(0, 0, 0, 0.8);
2448
+ width: 20px;
2449
+ height: 20px;
2450
+ }
2451
+ #testimonials-section #testimonials .testimonial .author span {
2452
+ font-family: Poppins, san-serif;
2453
+ font-size: 20px;
2454
+ font-weight: 400;
2455
+ line-height: 30px;
2456
+ letter-spacing: 0.05em;
2457
+ text-align: left;
2458
+ text-underline-position: from-font;
2459
+ text-decoration-skip-ink: none;
2460
+ }
2461
+ #about-signature-tours > div {
2462
+ width: 70%;
2463
+ margin: auto;
2464
+ }
2465
+ #about-signature-tours h1 {
2466
+ font-size: 45px;
2467
+ font-weight: 200;
2468
+ line-height: 67.5px;
2469
+ letter-spacing: 0.06em;
2470
+ }
2471
+ #about-signature-tours p {
2472
+ font-size: 18px;
2473
+ font-weight: 200;
2474
+ line-height: 27px;
2475
+ letter-spacing: 0.05em;
2476
+ text-align: left;
2477
+ }
2478
+ #about-signature-tours picture {
2479
+ height: 100%;
2480
+ display: block;
2481
+ margin: 30px 0;
2482
+ }
2483
+ #listing-page_header > .ant-flex {
2484
+ flex-direction: row;
2485
+ justify-content: space-between;
2486
+ align-items: center;
2487
+ }
2488
+ #listing-page_header .location-filter.ant-select {
2489
+ line-height: 36px;
2490
+ width: 170px;
2491
+ }
2492
+ #listing-page_header .location-filter.ant-select .ant-select-selection-item {
2493
+ font-size: 20px;
2494
+ font-weight: 500;
2495
+ line-height: 30px;
2496
+ letter-spacing: 0.05em;
2497
+ }
2498
+ #listing-page #tours .tour {
2499
+ flex-direction: row;
2500
+ }
2501
+ #listing-page #tours .tour_image img {
2502
+ border-top-right-radius: 0;
2503
+ border-top-left-radius: 20px;
2504
+ border-bottom-left-radius: 20px;
2505
+ }
2506
+ #listing-page #tours .tour_details_dates .date-selector {
2507
+ justify-content: unset;
2508
+ }
2509
+ #listing-page #tours .tour_pricing {
2510
+ border-bottom-left-radius: 0;
2511
+ border-top-right-radius: 20px;
2512
+ border-bottom-right-radius: 20px;
2513
+ }
2514
+ #listing-page #tours .tour_pricing_details {
2515
+ flex-direction: column;
2516
+ align-items: stretch;
2517
+ }
2518
+ #listing-page #tours .tour_pricing .ant-space-item {
2519
+ width: auto;
2520
+ }
2521
+ #show-page_header h1 {
2522
+ font-size: 18px;
2523
+ line-height: 27px;
2524
+ letter-spacing: 0%;
2525
+ text-align: left;
2526
+ font-size: 30px;
2527
+ font-weight: 400;
2528
+ line-height: 45px;
2529
+ letter-spacing: 0.05em;
2530
+ }
2531
+ #show-page_body .toggle_contact-agent,
2532
+ #show-page_body .collapse-contact-agent {
2533
+ display: none;
2534
+ }
2535
+ #show-page_body .contact-agent-sider {
2536
+ position: relative;
2537
+ top: unset;
2538
+ }
2539
+ #show-page_body .contact-agent {
2540
+ border-bottom-right-radius: 20px;
2541
+ border-top-right-radius: 20px;
2542
+ display: block;
2543
+ }
2544
+ #show-page_body .details-container_content #things-to-know {
2545
+ grid-template-columns: repeat(5, 1fr);
2546
+ }
2547
+ #show-page_body .details-container_content .schedule {
2548
+ flex-direction: row;
2549
+ }
2550
+ #show-page_body .details-container_content .schedule .flight-date {
2551
+ width: auto;
2552
+ }
2553
+ #show-page_body .details-container_content #pricing-list {
2554
+ display: none;
2555
+ }
2556
+ #show-page_body .details-container_content #pricing-table {
2557
+ display: table;
2558
+ width: 100%;
2559
+ border-spacing: 5px 0;
2560
+ }
2561
+ #show-page_body .details-container_content #pricing-table .price-type {
2562
+ text-transform: capitalize;
2563
+ }
2564
+ #show-page_body .details-container_content #pricing-table th {
2565
+ border-top-left-radius: 10px;
2566
+ border-top-right-radius: 10px;
2567
+ font-family: Poppins, san-serif;
2568
+ font-size: 14px;
2569
+ font-weight: 700;
2570
+ line-height: 21px;
2571
+ letter-spacing: 0.05em;
2572
+ text-align: center;
2573
+ text-underline-position: from-font;
2574
+ text-decoration-skip-ink: none;
2575
+ color: rgb(131, 104, 72);
2576
+ padding: 10px 15px;
2577
+ }
2578
+ #show-page_body .details-container_content #pricing-table td {
2579
+ font-family: Poppins, san-serif;
2580
+ font-size: 14px;
2581
+ font-weight: 500;
2582
+ line-height: 21px;
2583
+ letter-spacing: 0.05em;
2584
+ text-align: center;
2585
+ text-underline-position: from-font;
2586
+ text-decoration-skip-ink: none;
2587
+ color: rgb(84, 80, 71);
2588
+ padding: 15px;
2589
+ white-space: nowrap;
2590
+ }
2591
+ #show-page_body .details-container_content #pricing-table td:first-child {
2592
+ text-align: left;
2593
+ font-weight: 400;
2594
+ }
2595
+ #show-page_body .details-container_content #pricing-table tr:last-child td {
2596
+ border-bottom-left-radius: 10px;
2597
+ border-bottom-right-radius: 10px;
2598
+ }
2599
+ .agent-full-contact-details {
2600
+ width: 650px !important;
2601
+ }
2602
+ #contact-agents-page_body #find-agents {
2603
+ width: 65%;
2604
+ margin: auto;
2605
+ }
2606
+ #contact-agents-page_body #find-agents_form {
2607
+ text-align: center;
2608
+ }
2609
+ #contact-agents-page_body #find-agents_form form {
2610
+ display: inline-flex;
2611
+ gap: 16px;
2612
+ }
2613
+ #contact-agents-page_body #find-agents_form .ant-form-item {
2614
+ margin-bottom: 0;
2615
+ text-align: left;
2616
+ }
2617
+ #contact-agents-page_body #find-agents_form .ant-form-item,
2618
+ #contact-agents-page_body #find-agents_form .find-button {
2619
+ width: 210px;
2620
+ }
2621
+ #contact-agents-page_body #agents-list .more-info-button {
2622
+ width: 100%;
2623
+ }
2624
+ .agent-full-details {
2625
+ width: 800px !important;
2626
+ }
2627
+ #about-us-page .section-header {
2628
+ width: 741px;
2629
+ margin: auto;
2630
+ }
2631
+ #about-us-page #quality-policy {
2632
+ padding: 0 170px 16px 170px;
2633
+ }
2634
+ #about-us-page #certificates {
2635
+ padding: 40px 160px 40px 160px;
2636
+ justify-content: flex-start;
2637
+ }
2638
+ }