iceholidays-frontend 0.4.0 → 0.5.0

data/public/iceholidays-assets/application.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /*
  * This is a manifest file that'll be compiled into application.css, which will include all the files
  * listed below.
@@ -94,89 +95,68 @@ a {
   color: #DCB062;
 }
 
-.ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector {
-  border-color: #DCB062;
+.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled),
+.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+  background-color: transparent;
+  color: #DCB062;
 }
 
-.ant-select-item-option-selected:not(.ant-select-item-option-disabled):has(.country-filter_option) {
-  color: #DCB062 !important;
-  background-color: #FFFFFF;
+.ant-select-dropdown .ant-select-item {
+  color: rgba(0, 0, 0, 0.5019607843);
 }
 
-.ant-select-item-option:not(.ant-select-item-option-selected):has(.country-filter_option) {
-  color: rgba(0, 0, 0, 0.5019607843);
+.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 {
+  display: none;
+}
+.ant-menu-light .ant-menu-item-selected {
+  background-color: transparent;
 }
 
 #main-header {
+  --button-height: 35px;
   position: relative;
-  background: linear-gradient(241.37deg, #D1AC6E -108.33%, #D1AC6E -14.72%, #F9E298 -2.73%, #B68B31 108.18%);
-  width: 100%;
   height: 50px;
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-}
-#main-header > div {
-  display: flex;
+  width: 100%;
+  background: linear-gradient(241.37deg, #D1AC6E -108.33%, #D1AC6E -14.72%, #F9E298 -2.73%, #B68B31 108.18%);
+  padding-inline-end: 25px;
+  display: inline-flex;
+  justify-content: space-between;
   align-items: center;
-  justify-content: space-around;
-}
-#main-header .nav-menu {
-  /* position: absolute; */
-  display: grid;
-  grid-template-columns: auto auto auto auto;
 }
-#main-header .nav-menu a {
-  color: white;
-  text-transform: uppercase;
-  font-family: Poppins, san-serif;
-  font-size: 16px;
-  font-weight: 500;
-  line-height: 24px;
-  letter-spacing: 0.05em;
-  text-align: left;
-  text-underline-position: from-font;
-  text-decoration-skip-ink: none;
-  text-decoration: none;
+#main-header #nav-buttons {
+  display: inline-flex;
+  gap: 7px;
 }
-#main-header .nav-menu a.active {
-  color: #5B4713;
+#main-header #toggle-menu {
+  height: var(--button-height);
+  background: linear-gradient(287.63deg, #D1AC6E -19.9%, #D1AC6E 10.87%, #F9E298 26.63%, #B68B31 93.91%);
+  border: 1px solid;
+  border-image-source: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(42, 42, 42, 0.5) 100%);
+  box-shadow: 0px 4px 4px 0px rgba(249, 246, 243, 0.1019607843) inset, 0px 1px 2px 0px rgba(170, 133, 62, 0.5019607843);
+  width: 35px;
+  height: 35px;
+  padding: 6px 5px 6px 5px;
+  border-radius: 23px;
 }
-#main-header #left-menu {
-  top: 13px;
-  left: 183px;
-  gap: 35px;
-  opacity: 0px;
+#main-header .nav-menu {
+  display: none;
 }
 #main-header .logo {
-  width: 304px;
-  height: 66px;
-  left: 568px;
-  gap: 0px;
-  opacity: 0px;
   z-index: 2;
+  position: relative;
 }
-#main-header #right-menu {
-  top: 13px;
-  left: 877px;
-  gap: 35px;
-  opacity: 0px;
+#main-header .logo.logo_mobile {
+  padding-top: 25px;
 }
 #main-header #get-brochure {
-  position: absolute;
   width: 152px;
-  /* height: 35px; */
-  top: 8px;
-  right: 20px;
-}
-#main-header #get-brochure button {
+  height: var(--button-height);
   padding: 7px 8px 7px 8px;
   border-radius: 20px;
   border: 1px solid;
-  background: linear-gradient(287.63deg, #D1AC6E -19.9%, #D1AC6E 10.87%, #F9E298 26.63%, #B68B31 93.91%);
+  background: linear-gradient(287.63deg, #DCB062 -19.9%, #DCB062 10.87%, #F9E298 26.63%, #B68B31 93.91%);
   border-image-source: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(42, 42, 42, 0.5) 100%);
-  box-shadow: 0px 3px 10px 0px rgba(170, 133, 62, 0.5019607843);
-  box-shadow: 0px 4px 4px 0px rgba(249, 246, 243, 0.1019607843) inset;
+  box-shadow: 0px 3px 10px 0px rgba(170, 133, 62, 0.5019607843), 0px 4px 4px 0px rgba(249, 246, 243, 0.1019607843) inset;
   text-align: center;
   text-transform: uppercase;
   font-family: Poppins, san-serif;
@@ -190,33 +170,35 @@ a {
 }
 
 #main-footer {
-  height: 321px;
-  gap: 0px;
-  opacity: 0px;
-  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%);
-  position: relative;
-}
-#main-footer_links {
-  margin: auto;
-  height: 196px;
-  width: 70%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 38px 0;
+  background: url("/iceholidays-assets/images/footer-bg_mobile.png") no-repeat;
+  padding: 50px 30px;
   position: relative;
 }
 #main-footer_links > div {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
+  border-bottom: 1px solid rgba(223, 177, 99, 0.5019607843);
+  padding: 10px 0;
+}
+#main-footer_links .ant-space {
+  width: 100%;
+}
+#main-footer_links .link-group-title {
+  font-family: Poppins, san-serif;
+  font-family: Poppins;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 21px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #5B4713;
+  grid-row-start: 2 span;
 }
 #main-footer_links a {
   font-family: Poppins, san-serif;
-  font-size: 18px;
+  font-size: 16px;
   font-weight: 500;
-  line-height: 36px;
+  line-height: 32px;
   letter-spacing: 0.05em;
   text-align: left;
   text-underline-position: from-font;
@@ -227,58 +209,139 @@ a {
 #main-footer_links div:has(> a + a) {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
-  grid-template-rows: repeat(4, 1fr);
+  grid-template-rows: 1fr;
   column-gap: 34px;
 }
-#main-footer_links .link-group-title {
+#main-footer_links .contact-info .link-group-title {
+  text-align: center;
+}
+#main-footer #copyright {
+  text-align: center;
+  padding: 20px 0 0;
+}
+#main-footer #copyright span {
   font-family: Poppins, san-serif;
-  font-size: 15px;
+  font-size: 14px;
   font-weight: 400;
-  line-height: 22.5px;
+  line-height: 16.93px;
   letter-spacing: 0.05em;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
-  color: #5B4713;
-  height: 37px;
-  grid-row-start: 2 span;
+  color: #AA853E;
 }
-#main-footer_links hr {
-  width: 100%;
-  height: 0px;
-  top: 258.34px;
-  left: 0;
-  gap: 0px;
-  border: 1px 0px 0px 0px;
-  opacity: 0px;
-  border: 1px solid rgba(223, 177, 99, 0.5019607843);
-  position: absolute;
+
+#nav-drawer.ant-drawer-content {
+  background: #F7F4EB;
 }
-#main-footer #copyright {
-  height: 17px;
-  top: 282.28px;
-  left: 592px;
-  gap: 0px;
-  opacity: 0px;
-  position: absolute;
+#nav-drawer.ant-drawer-content .ant-drawer-header {
+  border: none;
 }
-#main-footer #copyright span {
+#nav-drawer.ant-drawer-content .ant-drawer-header-title {
+  justify-content: flex-end;
+}
+#nav-drawer.ant-drawer-content .ant-drawer-close {
+  width: 35px;
+  height: 35px;
+  padding: 6px 5px 6px 5px;
+  border-radius: 23px;
+  background: linear-gradient(287.63deg, #D1AC6E -19.9%, #D1AC6E 10.87%, #F9E298 26.63%, #B68B31 93.91%);
+  border: 1px solid;
+  border-image-source: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(42, 42, 42, 0.5) 100%);
+  box-shadow: 0px 4px 4px 0px rgba(249, 246, 243, 0.1019607843) inset, 0px 1px 2px 0px rgba(170, 133, 62, 0.5019607843);
+}
+#nav-drawer.ant-drawer-content .ant-drawer-body {
+  padding: 0 30px;
+}
+#nav-drawer.ant-drawer-content .ant-drawer-body .ant-menu-light {
+  background-color: transparent;
+  border: none;
+}
+#nav-drawer.ant-drawer-content .ant-drawer-body .ant-menu-light .ant-menu-item {
+  border-bottom: 1px solid rgba(170, 133, 62, 0.1411764706);
+  padding: 16px 0;
+  height: 56px;
+}
+#nav-drawer.ant-drawer-content .ant-drawer-body .ant-menu-light .ant-menu-item:has(.logo_desktop) {
+  display: none;
+}
+#nav-drawer.ant-drawer-content .ant-drawer-body .nav-menu_mobile a {
   font-family: Poppins, san-serif;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 16.93px;
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 24px;
   letter-spacing: 0.05em;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
-  color: #AA853E;
+  text-transform: uppercase;
+  color: #5B4713;
 }
 
+@media only screen and (min-width: 769px) {
+  #main-header #toggle-menu {
+    display: none;
+  }
+  #main-header .nav-menu {
+    display: flex;
+    flex: 1;
+    background: transparent;
+    height: 100%;
+    justify-content: center;
+    margin-inline-start: 80px;
+  }
+  #main-header .nav-menu a {
+    color: white;
+    text-transform: uppercase;
+    font-family: Poppins, san-serif;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 24px;
+    letter-spacing: 0.05em;
+    text-align: left;
+    text-underline-position: from-font;
+    text-decoration-skip-ink: none;
+    text-decoration: none;
+  }
+  #main-header .nav-menu .ant-menu-item-selected a {
+    color: #5B4713;
+  }
+  #main-header .nav-menu .ant-menu-item:has(.logo) {
+    padding: 0;
+  }
+  #main-header .logo {
+    width: 304px;
+  }
+  #main-header .logo.logo_mobile {
+    display: none;
+  }
+  #main-header .logo.logo_desktop {
+    display: block;
+  }
+  #main-footer {
+    height: 321px;
+    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%);
+  }
+  #main-footer_links {
+    width: 80%;
+    margin: auto !important;
+  }
+  #main-footer_links > div {
+    padding: 10px 0 40px;
+  }
+  #main-footer .footer-menu {
+    padding-top: 40px;
+  }
+  #main-footer .contact-info .ant-flex {
+    gap: 10px !important;
+    align-items: flex-start;
+  }
+}
 #headline {
-  --side-padding: 10%;
+  --side-padding: 20px;
 }
 #headline_banner {
-  height: 352px;
+  height: 180px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
@@ -293,10 +356,10 @@ a {
 #headline_header h1 {
   margin: 0;
   font-family: Poppins, san-serif;
-  font-size: 45px;
   font-weight: 400;
-  line-height: 67.5px;
-  letter-spacing: 0.05em;
+  font-size: 18px;
+  line-height: 27px;
+  letter-spacing: 5%;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
@@ -304,7 +367,8 @@ a {
   text-transform: uppercase;
 }
 #headline .ant-breadcrumb {
-  padding: 10px var(--side-padding);
+  padding: 10px var(--side-padding) 0;
+  font-size: 12px;
 }
 
 .date-selector {
@@ -350,19 +414,17 @@ a {
 
 .postcards {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  grid-template-rows: repeat(2, 1fr);
+  grid-template-columns: 1fr;
   gap: 20px;
 }
-
-.postcard {
+.postcards .postcard {
   border-radius: 20px;
   overflow: hidden;
   width: 100%;
 }
-.postcard img {
+.postcards .postcard img {
   width: 100%;
-  height: 230.5px;
+  height: 140px;
   gap: 0px;
   opacity: 0px;
   border-top-left-radius: 20px;
@@ -373,11 +435,11 @@ a {
   transition: transform 0.4s ease;
   transform-origin: 50% 100%;
 }
-.postcard img:hover {
+.postcards .postcard img:hover {
   transform: scale(1.2);
   width: 100%;
 }
-.postcard .details {
+.postcards .postcard .details {
   padding: 12px 20px 12px 20px;
   gap: 0px;
   border: 1px 0px 0px 0px;
@@ -389,11 +451,11 @@ a {
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
 }
-.postcard .name {
+.postcards .postcard .name {
   font-family: Poppins, san-serif;
-  font-size: 20px;
+  font-size: 16px;
   font-weight: 400;
-  line-height: 30px;
+  line-height: 24px;
   letter-spacing: 0.05em;
   text-align: left;
   text-underline-position: from-font;
@@ -401,7 +463,7 @@ a {
   text-transform: uppercase;
   color: #FFFFFF;
 }
-.postcard .tour-count {
+.postcards .postcard .tour-count {
   font-family: Poppins, san-serif;
   font-size: 14px;
   font-weight: 400;
@@ -413,7 +475,7 @@ a {
   color: #FFFFFF;
   cursor: pointer;
 }
-.postcard .tour-count svg {
+.postcards .postcard .tour-count svg {
   vertical-align: middle;
 }
 
@@ -452,6 +514,72 @@ a {
   word-wrap: break-word; /* Internet Explorer 5.5+ */
 }
 
+.location-dropdown {
+  margin: 10px;
+}
+.location-dropdown .location-filter {
+  height: 46px;
+  width: 100%;
+}
+.location-dropdown .location-filter .ant-select-selector {
+  border-radius: 30px;
+  border: none;
+  background: linear-gradient(360deg, #DCB062 5.04%, #F9E298 99.13%);
+}
+.location-dropdown .location-filter .ant-select-selection-wrap {
+  padding: 3px 16px;
+}
+.location-dropdown .location-filter .ant-select-selection-item {
+  font-family: Poppins, san-serif;
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 5%;
+  text-transform: uppercase;
+  color: #5B4713;
+}
+.location-dropdown .location-filter .ant-select-arrow {
+  inset-inline-end: 20px;
+  color: #5B4713;
+}
+
+.location-filter_option {
+  font-family: Poppins;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 32px;
+  letter-spacing: 5%;
+  text-transform: uppercase;
+}
+
+@media only screen and (min-width: 769px) {
+  #headline {
+    --side-padding: 10%;
+  }
+  #headline_banner {
+    height: 352px;
+  }
+  #headline_header h1 {
+    font-size: 45px;
+    font-weight: 400;
+    line-height: 67.5px;
+    letter-spacing: 0.05em;
+  }
+  #headline .ant-breadcrumb {
+    font-size: 14px;
+  }
+  .postcards {
+    grid-template-columns: repeat(2, 1fr);
+  }
+  .postcards .postcard img {
+    height: 230px;
+  }
+  .postcards .postcard .name {
+    font-size: 20px;
+    font-weight: 400;
+    line-height: 30px;
+  }
+}
 .ant-input {
   field-sizing: content;
 }
@@ -540,6 +668,9 @@ a {
   #search-bar #search-bar-widget .ant-form-item {
     margin-bottom: 0;
   }
+  #search-bar #search-bar-widget .ant-input {
+    min-width: 272px;
+  }
   #search-bar #search-bar-widget .search-button {
     width: auto;
     margin-bottom: 3px;
@@ -564,14 +695,16 @@ a {
   color: #836848;
   cursor: pointer;
   text-align: center;
-  min-width: 150px;
+}
+.filter-pill.default-filter {
+  background: #F9E298;
 }
 .filter-pill span {
   font-family: Poppins, san-serif;
-  font-size: 18px;
-  font-weight: 400;
-  line-height: 27px;
-  letter-spacing: 0.05em;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 21px;
+  letter-spacing: 2%;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
@@ -581,6 +714,173 @@ a {
   color: #FFFFFF;
 }
 
+@media only screen and (min-width: 769px) {
+  .filter-pill span {
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 27px;
+    letter-spacing: 0.05em;
+  }
+}
+.trix-content .attachment-gallery > action-text-attachment,
+.trix-content .attachment-gallery > .attachment {
+  flex: 1 0 33%;
+  padding: 0 0.5em;
+  max-width: 33%;
+}
+
+.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
+.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
+.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
+  flex-basis: 50%;
+  max-width: 50%;
+}
+
+.trix-content action-text-attachment .attachment {
+  padding: 0 !important;
+  max-width: 100% !important;
+}
+
+.actiontext-content {
+  font-family: Arial, sans-serif;
+  line-height: 1.5;
+}
+
+.actiontext-table {
+  border-collapse: collapse !important;
+  width: 100% !important;
+  margin-top: 20px !important;
+}
+
+.actiontext-table th, .actiontext-table td {
+  border: 1px solid black !important;
+  padding: 8px !important;
+  text-align: left !important;
+}
+
+.actiontext-table th {
+  background-color: #f2f2f2 !important;
+}
+
+.actiontext-link {
+  color: #007BFF !important;
+}
+
+.trix-content {
+  line-height: 1.5;
+}
+
+.trix-content * {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+.trix-content h1 {
+  font-size: 1.2em;
+  line-height: 1.2;
+}
+
+.trix-content blockquote {
+  border: 0 solid #ccc;
+  border-left-width: 0.3em;
+  margin-left: 0.3em;
+  padding-left: 0.6em;
+}
+
+.trix-content [dir=rtl] blockquote,
+.trix-content blockquote[dir=rtl] {
+  border-width: 0;
+  border-right-width: 0.3em;
+  margin-right: 0.3em;
+  padding-right: 0.6em;
+}
+
+.trix-content li {
+  margin-left: 1em;
+}
+
+.trix-content [dir=rtl] li {
+  margin-right: 1em;
+}
+
+.trix-content pre {
+  display: inline-block;
+  width: 100%;
+  vertical-align: top;
+  font-family: monospace;
+  font-size: 0.9em;
+  padding: 0.5em;
+  white-space: pre;
+  background-color: #eee;
+  overflow-x: auto;
+}
+
+.trix-content img {
+  max-width: 100%;
+  height: auto;
+}
+
+.trix-content .attachment {
+  display: inline-block;
+  position: relative;
+  max-width: 100%;
+}
+
+.trix-content .attachment a {
+  color: inherit;
+  text-decoration: none;
+}
+
+.trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
+  color: inherit;
+}
+
+.trix-content .attachment__caption {
+  text-align: center;
+}
+
+.trix-content .attachment__caption .attachment__name + .attachment__size::before {
+  content: " •";
+}
+
+.trix-content .attachment--preview {
+  width: 100%;
+  text-align: center;
+}
+
+.trix-content .attachment--preview .attachment__caption {
+  color: #666;
+  font-size: 0.9em;
+  line-height: 1.2;
+}
+
+.trix-content .attachment--file {
+  color: #333;
+  line-height: 1;
+  margin: 0 2px 2px 2px;
+  padding: 0.4em 1em;
+  border: 1px solid #bbb;
+  border-radius: 5px;
+}
+
+.trix-content .attachment-gallery {
+  display: flex;
+  flex-wrap: wrap;
+  position: relative;
+}
+
+.trix-content .attachment-gallery .attachment {
+  flex: 1 0 33%;
+  padding: 0 0.5em;
+  max-width: 33%;
+}
+
+.trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
+  flex-basis: 50%;
+  max-width: 50%;
+}
+
 body {
   margin: 0;
   background: #F2F2F2;
@@ -593,7 +893,6 @@ body {
 }
 
 #homepage_banner {
-  min-height: 760px;
   border-radius: 0px 0px 50px 50px;
 }
 #homepage_banner [class~=ant-carousel] .slick-prev {
@@ -602,92 +901,28 @@ body {
 #homepage_banner [class~=ant-carousel] .slick-next {
   inset-inline-end: 115px;
 }
+#homepage_banner [class~=ant-carousel] .slick-slide img {
+  width: 100%;
+}
 
 #popular-destinations {
-  margin: auto;
-  width: 80%;
+  margin-bottom: 30px;
 }
 #popular-destinations h1 {
   font-family: Poppins, san-serif;
-  font-size: 45px;
-  font-weight: 200;
-  line-height: 67.5px;
   text-align: center;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   text-transform: uppercase;
   color: #545047;
-}
-#popular-destinations .ant-tabs .ant-tabs-content-holder {
-  margin-top: -2px;
+  font-size: 24px;
+  font-weight: 300;
+  line-height: 36px;
+  width: 80%;
+  margin: 20px auto;
 }
 #popular-destinations .ant-tabs > .ant-tabs-nav {
-  margin: 0;
-}
-#popular-destinations .ant-tabs-nav {
-  width: 100% !important;
-}
-#popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab {
-  display: block;
-  text-align: center;
-  justify-content: center;
-  background: transparent;
-  margin-left: 30px;
-  padding: 0;
-}
-#popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
-  margin: 0;
-}
-#popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
-  text-transform: uppercase;
-  font-family: Poppins, san-serif;
-  font-size: 20px;
-  font-weight: 400;
-  line-height: 30px;
-  letter-spacing: 0.05em;
-  text-align: center;
-  text-underline-position: from-font;
-  text-decoration-skip-ink: none;
-  color: #DCB062;
-  position: relative;
-  margin: 0 5px;
-  padding: 8px 20px;
-  background: #FAFAFA;
-  border-radius: 20px 20px 0 0;
-}
-#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 {
-  content: " ";
-  position: absolute;
-  top: 0;
-  width: 23px;
-  height: 100%;
-  background-color: inherit;
-}
-#popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn:before {
-  border-radius: 12px 0 0 0;
-  transform: skew(-24deg);
-  left: -13px;
-}
-#popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn:after {
-  border-radius: 0 12px 0 0;
-  transform: skew(24deg);
-  right: -13px; /* play with this one to give the LI border ~2px extrusion */
-  border-right: 1px solid #EBEBEB;
-  z-index: 1; /* overlap next element */
-}
-#popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active {
-  z-index: 1;
-}
-#popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
-  background: linear-gradient(180deg, #F9E298 -1.58%, #DCB062 92.51%);
-  color: white !important;
-}
-#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 {
-  background: linear-gradient(180deg, #F9E298 -1.58%, #DCB062 92.51%);
-}
-#popular-destinations .ant-tabs-nav > div:nth-of-type(1) {
-  display: unset !important;
-  width: 100% !important;
+  display: none;
 }
 #popular-destinations .country {
   position: relative;
@@ -701,16 +936,17 @@ body {
   border-width: 5px 0px 5px 0px;
   border-style: solid;
   border-color: #DCB062;
-  border-radius: 20px;
 }
 #popular-destinations .country-name {
-  width: 160px;
-  height: 71px;
-  top: 58px;
-  left: 45px;
-  gap: 0px;
-  opacity: 0px;
+  width: auto;
+  height: 42px;
+  top: 24px;
+  left: 24px;
   position: absolute;
+  text-align: left;
+  font-size: 28px;
+  font-weight: 300;
+  line-height: 42px;
 }
 #popular-destinations .country .bottom-logo {
   position: absolute;
@@ -718,37 +954,33 @@ body {
   border-color: #F2F2F2;
   left: 0;
   width: 100%;
+  text-align: center;
 }
-#popular-destinations .top-cities h2 {
+#popular-destinations h2 {
   font-family: Poppins, san-serif;
-  font-size: 30px;
+  font-size: 22px;
   font-weight: 600;
-  line-height: 45px;
-  letter-spacing: 0.05em;
+  line-height: 33px;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
 }
-#popular-destinations .more-cities h2 {
-  font-family: Poppins, san-serif;
-  font-size: 30px;
-  font-weight: 600;
-  line-height: 45px;
-  letter-spacing: 0.05em;
-  text-align: left;
-  text-underline-position: from-font;
-  text-decoration-skip-ink: none;
+#popular-destinations .top-cities,
+#popular-destinations .more-cities,
+#popular-destinations .highlights {
+  padding: 10px 25px;
 }
 #popular-destinations .more-cities .other-destinations {
   display: inline-flex;
+  flex-wrap: wrap;
   gap: 10px;
 }
 #popular-destinations .more-cities .other-destinations a {
   font-family: Poppins, san-serif;
-  font-size: 18px;
+  font-size: 14px;
   font-weight: 400;
-  line-height: 27px;
-  letter-spacing: 0.05em;
+  line-height: 21px;
+  letter-spacing: 0.02em;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
@@ -761,12 +993,18 @@ body {
   opacity: 0px;
 }
 #popular-destinations .highlights {
-  display: grid;
-  grid-template-columns: repeat(5, 1fr);
+  display: inline-flex;
+  overflow-x: auto;
   gap: 10px;
-  margin-top: 30px;
+  margin-top: 20px;
+  width: 100%;
+}
+#popular-destinations .highlights a {
+  flex-grow: 1;
+  flex-shrink: 0;
 }
 #popular-destinations .highlights .tour {
+  min-width: 210px;
   height: 352px;
   padding: 15px 0px 0px 0px;
   gap: 0px;
@@ -815,135 +1053,35 @@ body {
   justify-content: flex-end;
 }
 
-#testimonials {
-  max-width: 1099px;
-  margin: auto;
-  padding: 50px 0;
-}
-#testimonials [class~=ant-carousel] .slick-slider {
-  padding: 0 70px;
+#testimonials-section {
+  display: none;
 }
-#testimonials [class~=ant-carousel] .slick-list {
+
+#listing-page_header .location-dropdown {
   margin: 0;
 }
-#testimonials [class~=ant-carousel] .slick-track {
-  margin: auto;
-}
-#testimonials [class~=ant-carousel] .slick-slide > div {
-  padding: 20px 15px;
-}
-#testimonials [class~=ant-carousel] .slick-prev,
-#testimonials [class~=ant-carousel] .slick-next {
-  color: #959492;
-}
-#testimonials [class~=ant-carousel] .slick-prev:hover,
-#testimonials [class~=ant-carousel] .slick-next:hover {
-  color: #DFB163;
-}
-#testimonials .testimonial {
-  padding: 10px 18px 20px 18px;
-  gap: 15px;
-  border-radius: 20px;
-  opacity: 0px;
-  background: #FFFFFF;
-  box-shadow: 0px 5px 20px 0px rgba(225, 182, 91, 0.2);
-  text-align: center;
-  display: flex !important;
-  flex-direction: column;
-  justify-content: flex-start;
-}
-#testimonials .testimonial .stars-icon {
-  width: 92px;
-  height: 32px;
-  gap: 0px;
-  opacity: 0px;
-  margin: auto;
-}
-#testimonials .testimonial .tour {
-  width: 100%;
-  padding: 10px;
-  gap: 10px;
-  border-radius: 10px;
-  opacity: 0px;
-  background: linear-gradient(270deg, #F9E298 0%, #FFFDF5 117.76%);
-  box-shadow: 0px 7px 16.7px 0px rgba(225, 182, 91, 0.5019607843);
-  box-sizing: border-box;
-  display: inline-flex;
-  align-items: center;
-}
-#testimonials .testimonial .tour img {
-  width: 28.46px;
-  height: 26.5px;
-}
-#testimonials .testimonial .tour span {
-  font-family: Poppins, san-serif;
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 18px;
-  text-align: left;
-  text-underline-position: from-font;
-  text-decoration-skip-ink: none;
-  color: #AA853E;
+#listing-page_header .location-filter.ant-select {
+  height: auto;
   width: 100%;
-  display: block;
-}
-#testimonials .testimonial .comment {
-  white-space: break-spaces;
-}
-#testimonials .testimonial .comment span {
-  font-family: Poppins, san-serif;
-  font-size: 14px;
-  font-style: italic;
-  font-weight: 200;
-  line-height: 21px;
-  text-align: center;
-  text-underline-position: from-font;
-  text-decoration-skip-ink: none;
-}
-#testimonials .testimonial .author {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-}
-#testimonials .testimonial .author .author-icon {
-  color: rgba(0, 0, 0, 0.8);
-  width: 20px;
-  height: 20px;
-}
-#testimonials .testimonial .author span {
-  font-family: Poppins, san-serif;
-  font-size: 20px;
-  font-weight: 400;
-  line-height: 30px;
-  letter-spacing: 0.05em;
-  text-align: left;
-  text-underline-position: from-font;
-  text-decoration-skip-ink: none;
-}
-
-#listing-page_header .country-filter.ant-select {
-  line-height: 35px;
-  width: 170px;
 }
-#listing-page_header .country-filter.ant-select .ant-select-selector {
-  padding: 3px 40px 3px 15px;
-  border-radius: 30px;
+#listing-page_header .location-filter.ant-select .ant-select-selector {
+  background: white;
   height: 36px;
 }
-#listing-page_header .country-filter.ant-select .ant-select-selection-item {
+#listing-page_header .location-filter.ant-select .ant-select-selection-item {
   font-family: Poppins, san-serif;
-  font-size: 20px;
+  font-family: Poppins;
   font-weight: 500;
-  line-height: 30px;
-  letter-spacing: 0.05em;
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 5%;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #836848;
   text-transform: uppercase;
 }
-#listing-page_header .country-filter.ant-select .ant-select-arrow {
+#listing-page_header .location-filter.ant-select .ant-select-arrow {
   inset-inline-end: 20px;
   color: #836848;
 }
@@ -968,14 +1106,17 @@ body {
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
 }
+#listing-page #tours .tour {
+  flex-direction: column;
+}
 #listing-page #tours .tour_image {
   height: 100%;
 }
 #listing-page #tours .tour_image img {
-  width: 300px;
+  width: 100%;
   height: 100%;
   border-top-left-radius: 20px;
-  border-bottom-left-radius: 20px;
+  border-top-right-radius: 20px;
 }
 #listing-page #tours .tour_details {
   padding: 20px;
@@ -994,7 +1135,8 @@ body {
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
-  max-width: 95%;
+  max-width: calc(100% - 30px);
+  overflow-wrap: anywhere;
 }
 #listing-page #tours .tour_details_subtitle {
   font-family: Poppins, san-serif;
@@ -1046,18 +1188,29 @@ body {
   text-decoration-skip-ink: none;
   color: #434039;
 }
+#listing-page #tours .tour_details_dates .date-selector {
+  justify-content: center;
+}
 #listing-page #tours .tour_pricing {
   background-color: #DCB062;
   padding: 20px;
-  border-top-right-radius: 20px;
+  border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   height: 100%;
 }
+#listing-page #tours .tour_pricing_details {
+  align-items: baseline;
+  justify-content: center;
+  gap: 10px;
+}
 #listing-page #tours .tour_pricing > .ant-space {
   height: 100%;
   width: 100%;
   justify-content: center;
 }
+#listing-page #tours .tour_pricing .ant-space-item {
+  width: 100%;
+}
 #listing-page #tours .tour_pricing span {
   font-family: Poppins, san-serif;
   font-size: 15px;
@@ -1087,6 +1240,8 @@ body {
   text-decoration-skip-ink: none;
   color: #DCB062;
   background-color: #FFFFFF;
+  display: block;
+  width: 100%;
 }
 
 .tour_details_description.ant-modal .ant-modal-title {
@@ -1105,6 +1260,11 @@ body {
   max-height: 500px;
 }
 
+.tour_details_itinerary.ant-modal #itinerary-file img {
+  width: 100%;
+  object-fit: contain;
+}
+
 .tour_details_all_dates.ant-modal .ant-modal-title {
   padding-right: 30px;
 }
@@ -1165,15 +1325,15 @@ body {
 }
 
 * {
-  --side-padding: 10%;
+  --side-padding: 20px;
 }
 
 #show-page_header h1 {
-  font-size: 30px;
-  font-weight: 400;
-  line-height: 45px;
-  letter-spacing: 0.05em;
+  font-size: 18px;
+  line-height: 27px;
+  letter-spacing: 0%;
   text-align: left;
+  overflow-wrap: anywhere;
 }
 #show-page_header .tour_details {
   display: inline-flex;
@@ -1285,7 +1445,7 @@ body {
   border-radius: 5px;
   background: #F9F6F3;
   display: grid;
-  grid-template-columns: repeat(5, 18%);
+  grid-template-columns: repeat(2, 1fr);
   justify-content: center;
   text-align: center;
   gap: 20px;
@@ -1309,6 +1469,39 @@ body {
 #show-page_body .details-container_content #things-to-know .item.guaranteed {
   color: #DCB062;
 }
+#show-page_body .details-container_content #description {
+  position: relative;
+  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+#show-page_body .details-container_content #description + button {
+  margin-top: 10px;
+  font-family: Poppins, san-serif;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 21px;
+  letter-spacing: 5%;
+  text-align: right;
+  color: #545047;
+}
+#show-page_body .details-container_content #description.collapsed {
+  height: 300px;
+  overflow: hidden;
+}
+#show-page_body .details-container_content #description.collapsed::after {
+  content: "";
+  position: absolute;
+  z-index: 1;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255) 90%);
+  width: 100%;
+  height: 5em;
+  transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+#show-page_body .details-container_content #description.collapsed + button {
+  margin-top: 0px;
+}
 #show-page_body .details-container_content .schedule {
   padding: 20px;
   gap: 32px;
@@ -1317,6 +1510,12 @@ body {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
+  flex-direction: column;
+  text-align: center;
+}
+#show-page_body .details-container_content .schedule .flight-date {
+  width: 100%;
+  text-align: left;
 }
 #show-page_body .details-container_content .schedule .flight-date svg {
   vertical-align: middle;
@@ -1371,12 +1570,6 @@ body {
   flex-direction: column;
   gap: 8px;
 }
-#show-page_body .details-container_content .schedule .flight-time .from {
-  align-items: flex-end;
-}
-#show-page_body .details-container_content .schedule .flight-time .to {
-  align-items: flex-start;
-}
 #show-page_body .details-container_content .schedule .flight-time label {
   font-family: Poppins, san-serif;
   font-size: 15px;
@@ -1393,11 +1586,28 @@ body {
   font-size: 12px;
   font-weight: 300;
   line-height: 18px;
-  text-align: center;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: rgba(91, 71, 19, 0.7);
 }
+#show-page_body .details-container_content .schedule .flight-time .from {
+  align-items: flex-end;
+}
+#show-page_body .details-container_content .schedule .flight-time .from span {
+  text-align: right;
+}
+#show-page_body .details-container_content .schedule .flight-time .to {
+  align-items: flex-start;
+}
+#show-page_body .details-container_content .schedule .flight-time .to span {
+  text-align: left;
+}
+#show-page_body .details-container_content .schedule .flight-time_icon {
+  width: 53px;
+}
+#show-page_body .details-container_content .schedule .flight-time_icon img {
+  vertical-align: middle;
+}
 #show-page_body .details-container_content .schedule .flight-time_icon::before, #show-page_body .details-container_content .schedule .flight-time_icon::after {
   /* Styles kept */
   width: 25%;
@@ -1409,64 +1619,85 @@ body {
   content: "";
   /* Use padding to vertical align the line */
   /* Use padding in em for a responsive icon height */
-  padding-top: 0.5em;
+  padding-top: 0.2em;
   /* Use margins to give the lines some spacement around the icon */
   /* Use margins in % for a responsive spacement */
   margin-left: 5%;
   margin-right: 5%;
 }
-#show-page_body .details-container_content #pricing-table {
-  width: 100%;
-  border-spacing: 5px 0;
-}
-#show-page_body .details-container_content #pricing-table .super-promo {
+#show-page_body .details-container_content .super-promo {
   background: rgb(249, 226, 152);
 }
-#show-page_body .details-container_content #pricing-table .promo {
+#show-page_body .details-container_content .promo1 {
   background: rgb(249, 246, 243);
 }
-#show-page_body .details-container_content #pricing-table .normal {
+#show-page_body .details-container_content .normal {
   background: rgb(245, 245, 245);
 }
-#show-page_body .details-container_content #pricing-table th {
-  border-top-left-radius: 10px;
-  border-top-right-radius: 10px;
+#show-page_body .details-container_content #pricing-table {
+  display: none;
+}
+#show-page_body .details-container_content #pricing-list .ant-card .ant-card-body {
+  padding: 10px 15px;
+}
+#show-page_body .details-container_content #pricing-list .pricing-header {
   font-family: Poppins, san-serif;
+  font-weight: 600;
   font-size: 14px;
-  font-weight: 700;
   line-height: 21px;
-  letter-spacing: 0.05em;
+  letter-spacing: 2%;
   text-align: center;
-  text-underline-position: from-font;
-  text-decoration-skip-ink: none;
-  color: rgb(131, 104, 72);
-  padding: 10px 15px;
+  color: #836848;
+  margin-bottom: 10px;
+  text-transform: capitalize;
+}
+#show-page_body .details-container_content #pricing-list .pricing-body .pricing {
+  display: flex;
+  justify-content: space-between;
+  color: #545047;
 }
-#show-page_body .details-container_content #pricing-table td {
+#show-page_body .details-container_content #pricing-list .pricing-body .pricing .category {
   font-family: Poppins, san-serif;
-  font-size: 14px;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  letter-spacing: 5%;
+}
+#show-page_body .details-container_content #pricing-list .pricing-body .pricing .price {
+  font-family: Poppins;
   font-weight: 500;
+  font-size: 14px;
   line-height: 21px;
-  letter-spacing: 0.05em;
+  letter-spacing: 5%;
   text-align: center;
-  text-underline-position: from-font;
-  text-decoration-skip-ink: none;
-  color: rgb(84, 80, 71);
-  padding: 15px;
-  white-space: nowrap;
 }
-#show-page_body .details-container_content #pricing-table td:first-child {
-  text-align: left;
-  font-weight: 400;
+#show-page_body .toggle_contact-agent {
+  cursor: pointer;
+  border-bottom-left-radius: 20px;
+  border-top-left-radius: 20px;
+  color: #FFFFFF;
+  background-color: #836848;
+  font-size: 12px;
+  line-height: 18px;
+  letter-spacing: 5%;
+  padding: 11px 15px 11px 15px;
+  width: 135px;
+  position: absolute;
+  right: 0;
 }
-#show-page_body .details-container_content #pricing-table tr:last-child td {
-  border-bottom-left-radius: 10px;
-  border-bottom-right-radius: 10px;
+#show-page_body .contact-agent-sider {
+  position: fixed;
+  z-index: 1;
+  right: 0;
+  top: 110px;
 }
 #show-page_body .contact-agent {
   height: auto;
-  border-radius: 20px;
   background: #FFFFFF;
+  border-radius: 20px;
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+  display: none;
 }
 #show-page_body .contact-agent_header {
   background-color: #F9E298;
@@ -1483,6 +1714,9 @@ body {
   border-radius: inherit;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 #show-page_body .contact-agent_content {
   padding: 10px 15px 15px 15px;
@@ -1513,11 +1747,29 @@ body {
   display: inline-flex;
   gap: 2px;
 }
+#show-page_body .show-contact-agent-mobile .toggle_contact-agent {
+  display: none;
+}
+#show-page_body .show-contact-agent-mobile .contact-agent {
+  display: block;
+}
 
+.agent-full-contact-details .ant-modal-title img {
+  height: 40px;
+  object-fit: cover;
+}
 .agent-full-contact-details .contact-details {
   padding: 15px 10px 15px 10px;
   background: rgb(245, 245, 245);
 }
+.agent-full-contact-details .contact-details h2 {
+  font-family: Poppins, san-serif;
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 3%;
+  color: rgba(0, 0, 0, 0.8);
+}
 .agent-full-contact-details .contact-details svg {
   color: rgb(170, 133, 62);
   background: rgb(255, 255, 255);
@@ -1540,21 +1792,13 @@ body {
 
 #about-signature-tours {
   height: 100%;
-  gap: 0px;
-  opacity: 0px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 50px 0;
-}
-#about-signature-tours > div {
-  max-width: 970px;
+  padding: 45px;
 }
 #about-signature-tours h1 {
   font-family: Poppins, san-serif;
-  font-size: 45px;
-  font-weight: 200;
-  line-height: 67.5px;
+  font-size: 24px;
+  font-weight: 300;
+  line-height: 36px;
   letter-spacing: 0.06em;
   text-align: center;
   text-underline-position: from-font;
@@ -1563,10 +1807,10 @@ body {
 }
 #about-signature-tours p {
   font-family: Poppins, san-serif;
-  font-size: 18px;
-  font-weight: 200;
-  line-height: 27px;
-  letter-spacing: 0.05em;
+  font-size: 14px;
+  font-weight: 300;
+  line-height: 24px;
+  letter-spacing: 0.03em;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
@@ -1574,13 +1818,7 @@ body {
   margin: 20px 0;
   display: block;
 }
-#about-signature-tours #about-st-feature {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
 #about-signature-tours #about-st-feature #feature {
-  width: 419px;
   height: 246px;
   gap: 0px;
   border-radius: 20px;
@@ -1589,7 +1827,7 @@ body {
   box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1490196078);
 }
 #about-signature-tours #about-st-feature #feature > img {
-  width: 419px;
+  width: 100%;
   height: 183.24px;
   gap: 0px;
   border-radius: 20px;
@@ -1661,10 +1899,6 @@ body {
   text-decoration-skip-ink: none;
   color: #000000;
 }
-#about-us-page .section-header {
-  width: 741px;
-  margin: auto;
-}
 #about-us-page .section-header h2 {
   font-family: Poppins, san-serif;
   font-size: 24px;
@@ -1712,14 +1946,20 @@ body {
   text-decoration-skip-ink: none;
 }
 #about-us-page #quality-policy {
-  padding: 0 170px 16px 170px;
+  padding: 60px var(--side-padding) 30px;
   margin-top: -70px;
+  margin-left: 0 !important;
+  margin-right: 0 !important;
 }
 #about-us-page #certificates {
   background: linear-gradient(180deg, #F7F4EB 0%, #FFFFFF 100%);
-  padding: 40px 160px 40px 160px;
+  padding: 0 var(--side-padding) 30px;
+}
+#about-us-page #certificates .ant-col {
+  text-align: center;
 }
 #about-us-page #certificates img {
+  margin: auto;
   width: 263px;
   height: 365px;
   box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1019607843);
@@ -1857,6 +2097,124 @@ body {
   color: #DCB062;
 }
 
+#contact-agents-page_body {
+  margin: 20px var(--side-padding);
+}
+#contact-agents-page_body #find-agents_header {
+  width: 171px;
+  height: 45px;
+  margin: auto;
+  padding-top: 11px;
+  padding-right: 32px;
+  padding-bottom: 11px;
+  padding-left: 32px;
+  gap: 10px;
+  border-top-left-radius: 20px;
+  border-top-right-radius: 20px;
+  border-top-width: 1px;
+  border-right-width: 1px;
+  border-left-width: 1px;
+  background: #F9E298;
+}
+#contact-agents-page_body #find-agents_header span {
+  font-family: Poppins, san-serif;
+  font-weight: 400;
+  font-size: 15px;
+  line-height: 22.5px;
+  letter-spacing: 5%;
+  text-align: center;
+  color: #545047;
+}
+#contact-agents-page_body #find-agents_form {
+  border-radius: 20px;
+  padding-top: 33px;
+  padding-right: 40px;
+  padding-bottom: 33px;
+  padding-left: 40px;
+  gap: 10px;
+  background: #FFFFFF;
+  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1490196078);
+}
+#contact-agents-page_body #find-agents_form .find-button {
+  width: 100%;
+}
+#contact-agents-page_body #agents-list {
+  margin: 40px 0;
+}
+#contact-agents-page_body #agents-list img {
+  height: 265;
+  object-fit: cover;
+}
+#contact-agents-page_body #agents-list svg {
+  vertical-align: middle;
+  color: #000000;
+  margin-right: 10px;
+}
+#contact-agents-page_body #agents-list span {
+  font-family: Poppins, san-serif;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 24px;
+  letter-spacing: 0%;
+  color: #959492;
+}
+#contact-agents-page_body #agents-list .ant-card-meta-title {
+  font-family: Poppins;
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 0.05em;
+}
+#contact-agents-page_body #agents-list .more-info-button {
+  width: 225px;
+  margin: 20px auto 0;
+  display: block;
+}
+
+.agent-full-details .ant-modal-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+}
+.agent-full-details .ant-modal-title img {
+  height: 120px;
+  object-fit: cover;
+}
+.agent-full-details .ant-modal-title span {
+  font-family: Poppins, san-serif;
+  font-weight: 500;
+  font-size: 20px;
+  line-height: 24px;
+  letter-spacing: 0%;
+}
+.agent-full-details .ant-modal-body {
+  margin: 20px -24px;
+  background: #FAFAFA;
+  height: 100%;
+}
+.agent-full-details .ant-modal-body .ant-row {
+  width: 100%;
+  margin: 0 !important;
+  padding: 20px;
+}
+.agent-full-details .ant-modal-body .ant-row label {
+  font-family: Poppins, san-serif;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 21px;
+  letter-spacing: 0%;
+  color: #836848;
+}
+.agent-full-details .ant-modal-body .ant-row span {
+  font-family: Poppins, san-serif;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 24px;
+  letter-spacing: 0%;
+  color: #545047;
+}
+
 #blog-page_body {
   margin: 20px var(--side-padding);
 }
@@ -1871,3 +2229,410 @@ body {
   background: rgb(255, 255, 255);
   box-shadow: 0px 5px 20px 0px rgba(225, 182, 91, 0.2);
 }
+
+@media only screen and (min-width: 769px) {
+  * {
+    --side-padding: 10%;
+  }
+  #popular-destinations {
+    margin: auto;
+    width: 80%;
+  }
+  #popular-destinations h1 {
+    font-size: 45px;
+    font-weight: 200;
+    line-height: 67.5px;
+    width: 100%;
+    margin: 50px 0;
+  }
+  #popular-destinations .location-dropdown {
+    display: none;
+  }
+  #popular-destinations .ant-tabs .ant-tabs-content-holder {
+    margin-top: -2px;
+  }
+  #popular-destinations .ant-tabs > .ant-tabs-nav {
+    display: flex;
+    margin: 0;
+  }
+  #popular-destinations .ant-tabs-nav {
+    width: 100% !important;
+  }
+  #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab {
+    display: block;
+    text-align: center;
+    justify-content: center;
+    background: transparent;
+    margin-left: 30px;
+    padding: 0;
+  }
+  #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
+    margin: 0;
+  }
+  #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
+    text-transform: uppercase;
+    font-family: Poppins, san-serif;
+    font-size: 20px;
+    font-weight: 400;
+    line-height: 30px;
+    letter-spacing: 0.05em;
+    text-align: center;
+    text-underline-position: from-font;
+    text-decoration-skip-ink: none;
+    color: #DCB062;
+    position: relative;
+    margin: 0 5px;
+    padding: 8px 20px;
+    background: #FAFAFA;
+    border-radius: 20px 20px 0 0;
+  }
+  #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 {
+    content: " ";
+    position: absolute;
+    top: 0;
+    width: 23px;
+    height: 100%;
+    background-color: inherit;
+  }
+  #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn:before {
+    border-radius: 12px 0 0 0;
+    transform: skew(-24deg);
+    left: -13px;
+  }
+  #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn:after {
+    border-radius: 0 12px 0 0;
+    transform: skew(24deg);
+    right: -13px; /* play with this one to give the LI border ~2px extrusion */
+    border-right: 1px solid #EBEBEB;
+    z-index: 1; /* overlap next element */
+  }
+  #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active {
+    z-index: 1;
+  }
+  #popular-destinations .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
+    background: linear-gradient(180deg, #F9E298 -1.58%, #DCB062 92.51%);
+    color: white !important;
+  }
+  #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 {
+    background: linear-gradient(180deg, #F9E298 -1.58%, #DCB062 92.51%);
+  }
+  #popular-destinations .ant-tabs-nav > div:nth-of-type(1) {
+    display: unset !important;
+    width: 100% !important;
+  }
+  #popular-destinations .country-image {
+    border-radius: 20px;
+  }
+  #popular-destinations .country-name {
+    width: auto;
+    height: 71px;
+    top: 64px;
+    left: 62px;
+    font-size: 47px;
+    font-weight: 400;
+    line-height: 70.5px;
+  }
+  #popular-destinations h2 {
+    font-size: 30px;
+    font-weight: 600;
+    line-height: 45px;
+    letter-spacing: 0.05em;
+  }
+  #popular-destinations .top-cities,
+  #popular-destinations .more-cities,
+  #popular-destinations .highlights {
+    padding: unset;
+  }
+  #popular-destinations .more-cities .other-destinations a {
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 27px;
+    letter-spacing: 0.05em;
+  }
+  #testimonials-section {
+    display: block;
+  }
+  #testimonials-section #testimonials {
+    max-width: 1099px;
+    margin: auto;
+    padding: 50px 0;
+  }
+  #testimonials-section #testimonials [class~=ant-carousel] .slick-slider {
+    padding: 0 70px;
+  }
+  #testimonials-section #testimonials [class~=ant-carousel] .slick-list {
+    margin: 0;
+  }
+  #testimonials-section #testimonials [class~=ant-carousel] .slick-track {
+    margin: auto;
+  }
+  #testimonials-section #testimonials [class~=ant-carousel] .slick-slide > div {
+    padding: 20px 15px;
+  }
+  #testimonials-section #testimonials [class~=ant-carousel] .slick-prev,
+  #testimonials-section #testimonials [class~=ant-carousel] .slick-next {
+    color: #959492;
+  }
+  #testimonials-section #testimonials [class~=ant-carousel] .slick-prev:hover,
+  #testimonials-section #testimonials [class~=ant-carousel] .slick-next:hover {
+    color: #DFB163;
+  }
+  #testimonials-section #testimonials .testimonial {
+    padding: 10px 18px 20px 18px;
+    gap: 15px;
+    border-radius: 20px;
+    opacity: 0px;
+    background: #FFFFFF;
+    box-shadow: 0px 5px 20px 0px rgba(225, 182, 91, 0.2);
+    text-align: center;
+    display: flex !important;
+    flex-direction: column;
+    justify-content: flex-start;
+  }
+  #testimonials-section #testimonials .testimonial .stars-icon {
+    width: 92px;
+    height: 32px;
+    gap: 0px;
+    opacity: 0px;
+    margin: auto;
+  }
+  #testimonials-section #testimonials .testimonial .tour {
+    width: 100%;
+    padding: 10px;
+    gap: 10px;
+    border-radius: 10px;
+    opacity: 0px;
+    background: linear-gradient(270deg, #F9E298 0%, #FFFDF5 117.76%);
+    box-shadow: 0px 7px 16.7px 0px rgba(225, 182, 91, 0.5019607843);
+    box-sizing: border-box;
+    display: inline-flex;
+    align-items: center;
+  }
+  #testimonials-section #testimonials .testimonial .tour img {
+    width: 28.46px;
+    height: 26.5px;
+  }
+  #testimonials-section #testimonials .testimonial .tour span {
+    font-family: Poppins, san-serif;
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 18px;
+    text-align: left;
+    text-underline-position: from-font;
+    text-decoration-skip-ink: none;
+    color: #AA853E;
+    width: 100%;
+    display: block;
+  }
+  #testimonials-section #testimonials .testimonial .comment {
+    white-space: break-spaces;
+  }
+  #testimonials-section #testimonials .testimonial .comment span {
+    font-family: Poppins, san-serif;
+    font-size: 14px;
+    font-style: italic;
+    font-weight: 200;
+    line-height: 21px;
+    text-align: center;
+    text-underline-position: from-font;
+    text-decoration-skip-ink: none;
+  }
+  #testimonials-section #testimonials .testimonial .author {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+  }
+  #testimonials-section #testimonials .testimonial .author .author-icon {
+    color: rgba(0, 0, 0, 0.8);
+    width: 20px;
+    height: 20px;
+  }
+  #testimonials-section #testimonials .testimonial .author span {
+    font-family: Poppins, san-serif;
+    font-size: 20px;
+    font-weight: 400;
+    line-height: 30px;
+    letter-spacing: 0.05em;
+    text-align: left;
+    text-underline-position: from-font;
+    text-decoration-skip-ink: none;
+  }
+  #about-signature-tours > div {
+    width: 70%;
+    margin: auto;
+  }
+  #about-signature-tours h1 {
+    font-size: 45px;
+    font-weight: 200;
+    line-height: 67.5px;
+    letter-spacing: 0.06em;
+  }
+  #about-signature-tours p {
+    font-size: 18px;
+    font-weight: 200;
+    line-height: 27px;
+    letter-spacing: 0.05em;
+    text-align: left;
+  }
+  #about-signature-tours picture {
+    height: 100%;
+    display: block;
+    margin: 30px 0;
+  }
+  #listing-page_header > .ant-flex {
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+  }
+  #listing-page_header .location-filter.ant-select {
+    line-height: 36px;
+    width: 170px;
+  }
+  #listing-page_header .location-filter.ant-select .ant-select-selection-item {
+    font-size: 20px;
+    font-weight: 500;
+    line-height: 30px;
+    letter-spacing: 0.05em;
+  }
+  #listing-page #tours .tour {
+    flex-direction: row;
+  }
+  #listing-page #tours .tour_image img {
+    border-top-right-radius: 0;
+    border-top-left-radius: 20px;
+    border-bottom-left-radius: 20px;
+  }
+  #listing-page #tours .tour_details_dates .date-selector {
+    justify-content: unset;
+  }
+  #listing-page #tours .tour_pricing {
+    border-bottom-left-radius: 0;
+    border-top-right-radius: 20px;
+    border-bottom-right-radius: 20px;
+  }
+  #listing-page #tours .tour_pricing_details {
+    flex-direction: column;
+    align-items: stretch;
+  }
+  #listing-page #tours .tour_pricing .ant-space-item {
+    width: auto;
+  }
+  #show-page_header h1 {
+    font-size: 18px;
+    line-height: 27px;
+    letter-spacing: 0%;
+    text-align: left;
+    font-size: 30px;
+    font-weight: 400;
+    line-height: 45px;
+    letter-spacing: 0.05em;
+  }
+  #show-page_body .toggle_contact-agent,
+  #show-page_body .collapse-contact-agent {
+    display: none;
+  }
+  #show-page_body .contact-agent-sider {
+    position: relative;
+    top: unset;
+  }
+  #show-page_body .contact-agent {
+    border-bottom-right-radius: 20px;
+    border-top-right-radius: 20px;
+    display: block;
+  }
+  #show-page_body .details-container_content #things-to-know {
+    grid-template-columns: repeat(5, 1fr);
+  }
+  #show-page_body .details-container_content .schedule {
+    flex-direction: row;
+  }
+  #show-page_body .details-container_content .schedule .flight-date {
+    width: auto;
+  }
+  #show-page_body .details-container_content #pricing-list {
+    display: none;
+  }
+  #show-page_body .details-container_content #pricing-table {
+    display: table;
+    width: 100%;
+    border-spacing: 5px 0;
+  }
+  #show-page_body .details-container_content #pricing-table .price-type {
+    text-transform: capitalize;
+  }
+  #show-page_body .details-container_content #pricing-table th {
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    font-family: Poppins, san-serif;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 21px;
+    letter-spacing: 0.05em;
+    text-align: center;
+    text-underline-position: from-font;
+    text-decoration-skip-ink: none;
+    color: rgb(131, 104, 72);
+    padding: 10px 15px;
+  }
+  #show-page_body .details-container_content #pricing-table td {
+    font-family: Poppins, san-serif;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 21px;
+    letter-spacing: 0.05em;
+    text-align: center;
+    text-underline-position: from-font;
+    text-decoration-skip-ink: none;
+    color: rgb(84, 80, 71);
+    padding: 15px;
+    white-space: nowrap;
+  }
+  #show-page_body .details-container_content #pricing-table td:first-child {
+    text-align: left;
+    font-weight: 400;
+  }
+  #show-page_body .details-container_content #pricing-table tr:last-child td {
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+  }
+  .agent-full-contact-details {
+    width: 650px !important;
+  }
+  #contact-agents-page_body #find-agents {
+    width: 65%;
+    margin: auto;
+  }
+  #contact-agents-page_body #find-agents_form {
+    text-align: center;
+  }
+  #contact-agents-page_body #find-agents_form form {
+    display: inline-flex;
+    gap: 16px;
+  }
+  #contact-agents-page_body #find-agents_form .ant-form-item {
+    margin-bottom: 0;
+    text-align: left;
+  }
+  #contact-agents-page_body #find-agents_form .ant-form-item,
+  #contact-agents-page_body #find-agents_form .find-button {
+    width: 210px;
+  }
+  #contact-agents-page_body #agents-list .more-info-button {
+    width: 100%;
+  }
+  .agent-full-details {
+    width: 800px !important;
+  }
+  #about-us-page .section-header {
+    width: 741px;
+    margin: auto;
+  }
+  #about-us-page #quality-policy {
+    padding: 0 170px 16px 170px;
+  }
+  #about-us-page #certificates {
+    padding: 40px 160px 40px 160px;
+    justify-content: flex-start;
+  }
+}