iceholidays-frontend 0.3.0 → 0.4.0

data/public/iceholidays-assets/application.css

@@ -0,0 +1,1873 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */
+@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");
+.ant-layout-content {
+  position: relative;
+}
+
+.ant-btn-variant-solid {
+  background-color: #DCB062;
+  color: #FFFFFF;
+  border-radius: 20px;
+}
+.ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover {
+  background-color: #AA853E;
+}
+
+.ant-btn-color-primary.ant-btn-variant-outlined {
+  border-color: #DCB062;
+  color: #DCB062;
+  border-radius: 20px;
+}
+.ant-btn-color-primary.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover {
+  --darkPrimaryColor: #AA853E;
+  border-color: var(--darkPrimaryColor);
+  color: var(--darkPrimaryColor);
+}
+
+.ant-btn-color-default.ant-btn-variant-filled {
+  color: #DCB062;
+}
+
+.ant-btn-color-primary {
+  box-shadow: 0 2px 0 rgba(220, 176, 98, 0.1);
+}
+
+.ant-btn-sm {
+  font-size: 10px;
+}
+
+.ant-input-outlined:hover, .ant-input-outlined:focus,
+.ant-picker-outlined:hover,
+.ant-picker-outlined:focus {
+  border-color: #DCB062;
+}
+.ant-input-outlined:focus,
+.ant-picker-outlined:focus {
+  box-shadow: 0 2px 0 rgba(220, 176, 98, 0.1);
+}
+
+[class~=ant-carousel] [class~=slick-dots] {
+  bottom: 30px;
+}
+[class~=ant-carousel] [class~=slick-dots] li {
+  width: 15px !important;
+}
+[class~=ant-carousel] [class~=slick-dots] li button {
+  width: 13px;
+  height: 13px;
+  border-radius: 100%;
+  background-color: transparent;
+  border: 1px solid #FFFFFF;
+  opacity: 1;
+}
+[class~=ant-carousel] [class~=slick-dots] li.slick-active button {
+  width: 13px;
+  height: 13px;
+  border-radius: 100%;
+  background-color: white;
+}
+[class~=ant-carousel] .slick-prev,
+[class~=ant-carousel] .slick-next {
+  width: unset;
+  height: unset;
+}
+[class~=ant-carousel] .slick-prev::after,
+[class~=ant-carousel] .slick-next::after {
+  display: none;
+}
+
+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-item-option-selected:not(.ant-select-item-option-disabled):has(.country-filter_option) {
+  color: #DCB062 !important;
+  background-color: #FFFFFF;
+}
+
+.ant-select-item-option:not(.ant-select-item-option-selected):has(.country-filter_option) {
+  color: rgba(0, 0, 0, 0.5019607843);
+}
+
+#main-header {
+  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;
+  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-menu a.active {
+  color: #5B4713;
+}
+#main-header #left-menu {
+  top: 13px;
+  left: 183px;
+  gap: 35px;
+  opacity: 0px;
+}
+#main-header .logo {
+  width: 304px;
+  height: 66px;
+  left: 568px;
+  gap: 0px;
+  opacity: 0px;
+  z-index: 2;
+}
+#main-header #right-menu {
+  top: 13px;
+  left: 877px;
+  gap: 35px;
+  opacity: 0px;
+}
+#main-header #get-brochure {
+  position: absolute;
+  width: 152px;
+  /* height: 35px; */
+  top: 8px;
+  right: 20px;
+}
+#main-header #get-brochure button {
+  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%);
+  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;
+  text-align: center;
+  text-transform: uppercase;
+  font-family: Poppins, san-serif;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 21px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+}
+
+#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;
+  position: relative;
+}
+#main-footer_links > div {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+#main-footer_links a {
+  font-family: Poppins, san-serif;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 36px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #AA853E;
+  text-transform: uppercase;
+}
+#main-footer_links div:has(> a + a) {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(4, 1fr);
+  column-gap: 34px;
+}
+#main-footer_links .link-group-title {
+  font-family: Poppins, san-serif;
+  font-size: 15px;
+  font-weight: 400;
+  line-height: 22.5px;
+  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;
+}
+#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;
+}
+#main-footer #copyright {
+  height: 17px;
+  top: 282.28px;
+  left: 592px;
+  gap: 0px;
+  opacity: 0px;
+  position: absolute;
+}
+#main-footer #copyright span {
+  font-family: Poppins, san-serif;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 16.93px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #AA853E;
+}
+
+#headline {
+  --side-padding: 10%;
+}
+#headline_banner {
+  height: 352px;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+#headline_header {
+  padding: 20px var(--side-padding);
+  top: 398px;
+  gap: 0px;
+  opacity: 0px;
+  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%);
+}
+#headline_header h1 {
+  margin: 0;
+  font-family: Poppins, san-serif;
+  font-size: 45px;
+  font-weight: 400;
+  line-height: 67.5px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #5B4713;
+  text-transform: uppercase;
+}
+#headline .ant-breadcrumb {
+  padding: 10px var(--side-padding);
+}
+
+.date-selector {
+  background: #F5F5F5;
+  padding: 15px 24px;
+  border-radius: 10px;
+  display: inline-flex;
+  gap: 8px;
+  width: 100%;
+  flex-wrap: wrap;
+  box-sizing: border-box;
+}
+.date-selector span {
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 20px;
+  background: #FFFFFF;
+  font-family: Poppins, san-serif;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+  letter-spacing: 0.05em;
+  text-align: center;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #999999;
+  padding: 2px 8px 2px 8px;
+  cursor: pointer;
+}
+.date-selector .show-all-dates {
+  font-family: Poppins, san-serif;
+  font-size: 11px;
+  font-weight: 400;
+  line-height: 16.5px;
+  text-align: right;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #DCB062;
+  display: inline-flex;
+  gap: 5px;
+  cursor: pointer;
+}
+
+.postcards {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(2, 1fr);
+  gap: 20px;
+}
+
+.postcard {
+  border-radius: 20px;
+  overflow: hidden;
+  width: 100%;
+}
+.postcard img {
+  width: 100%;
+  height: 230.5px;
+  gap: 0px;
+  opacity: 0px;
+  border-top-left-radius: 20px;
+  border-top-right-radius: 20px;
+  display: block;
+  object-fit: cover;
+  object-position: top center;
+  transition: transform 0.4s ease;
+  transform-origin: 50% 100%;
+}
+.postcard img:hover {
+  transform: scale(1.2);
+  width: 100%;
+}
+.postcard .details {
+  padding: 12px 20px 12px 20px;
+  gap: 0px;
+  border: 1px 0px 0px 0px;
+  justify-content: space-between;
+  align-items: center;
+  opacity: 0px;
+  background: #DCB062;
+  display: flex;
+  border-bottom-left-radius: 20px;
+  border-bottom-right-radius: 20px;
+}
+.postcard .name {
+  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;
+  text-transform: uppercase;
+  color: #FFFFFF;
+}
+.postcard .tour-count {
+  font-family: Poppins, san-serif;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 21px;
+  letter-spacing: 0.05em;
+  text-align: right;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #FFFFFF;
+  cursor: pointer;
+}
+.postcard .tour-count svg {
+  vertical-align: middle;
+}
+
+#ribbon-section {
+  background: #F7F4EB;
+  margin-top: 100px;
+}
+#ribbon-section_header {
+  height: 138px;
+  text-align: center;
+  position: relative;
+  background-image: url("/iceholidays-assets/images/Layer_1.png");
+}
+#ribbon-section_header h1 {
+  font-family: Poppins, san-serif;
+  font-size: 45px;
+  font-weight: 200;
+  line-height: 67.5px;
+  letter-spacing: 0.06em;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #5B4713;
+  text-transform: uppercase;
+  position: absolute;
+  bottom: 20px;
+  left: 50%;
+  transform: translate(-50%, 20px);
+  margin: 0;
+}
+
+.pre-wrap {
+  white-space: pre-wrap; /* css-3 */
+  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
+  white-space: -pre-wrap; /* Opera 4-6 */
+  white-space: -o-pre-wrap; /* Opera 7 */
+  word-wrap: break-word; /* Internet Explorer 5.5+ */
+}
+
+.ant-input {
+  field-sizing: content;
+}
+
+#search-bar {
+  width: 100%;
+  height: auto;
+  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.1490196078)) drop-shadow(0 1px 1px rgba(223, 177, 99, 0.6));
+}
+#search-bar img {
+  display: none;
+}
+#search-bar #search-bar-widget {
+  width: 100%;
+  padding: 25px;
+  gap: 7px;
+  opacity: 0px;
+  background: #F7F4EB;
+  position: relative;
+}
+#search-bar #search-bar-widget .ant-picker {
+  width: 100%;
+}
+#search-bar #search-bar-widget .ant-form-item {
+  margin-bottom: 10px;
+}
+#search-bar #search-bar-widget .ant-form-item .ant-form-item-label {
+  padding-bottom: 3px;
+}
+#search-bar #search-bar-widget .ant-form-item .ant-form-item-label label {
+  font-family: Poppins, san-serif;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 16.5px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+}
+#search-bar #search-bar-widget .search-button {
+  width: 172px;
+  margin-top: 20px;
+}
+#search-bar #search-bar-widget .search-button span {
+  font-family: Poppins, san-serif;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 18px;
+  text-align: center;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+}
+#search-bar #search-bar-widget .ant-picker .ant-picker-input span.ant-picker-suffix {
+  margin-left: 1px;
+  margin-right: 10px;
+  order: -1;
+  color: #AA853E;
+}
+
+@media only screen and (min-width: 769px) {
+  #search-bar {
+    top: 0;
+    left: 0;
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    z-index: 1;
+  }
+  #search-bar img {
+    display: block;
+    margin: 0 -1px;
+  }
+  #search-bar #search-bar-widget {
+    width: auto;
+    padding: 15px;
+  }
+  #search-bar #search-bar-widget .ant-space {
+    flex-direction: unset;
+    align-items: flex-end;
+  }
+  #search-bar #search-bar-widget .ant-form {
+    display: inline-flex;
+    gap: 7px;
+    height: 100%;
+  }
+  #search-bar #search-bar-widget .ant-form-item {
+    margin-bottom: 0;
+  }
+  #search-bar #search-bar-widget .search-button {
+    width: auto;
+    margin-bottom: 3px;
+  }
+}
+.filter-title {
+  font-family: Poppins, san-serif;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #545047;
+}
+
+.filter-pill {
+  padding: 6px 13px 6px 13px;
+  border-radius: 10px;
+  background: linear-gradient(360deg, #DCB062 5.04%, #F9E298 99.13%);
+  color: #836848;
+  cursor: pointer;
+  text-align: center;
+  min-width: 150px;
+}
+.filter-pill span {
+  font-family: Poppins, san-serif;
+  font-size: 18px;
+  font-weight: 400;
+  line-height: 27px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+}
+.filter-pill.selected {
+  background: #836848;
+  color: #FFFFFF;
+}
+
+body {
+  margin: 0;
+  background: #F2F2F2;
+  font-family: Poppins, san-serif;
+}
+
+.flip {
+  -webkit-transform: scaleX(-1);
+  transform: scaleX(-1);
+}
+
+#homepage_banner {
+  min-height: 760px;
+  border-radius: 0px 0px 50px 50px;
+}
+#homepage_banner [class~=ant-carousel] .slick-prev {
+  inset-inline-start: 115px;
+}
+#homepage_banner [class~=ant-carousel] .slick-next {
+  inset-inline-end: 115px;
+}
+
+#popular-destinations {
+  margin: auto;
+  width: 80%;
+}
+#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;
+}
+#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;
+}
+#popular-destinations .country {
+  position: relative;
+  display: block;
+}
+#popular-destinations .country-image {
+  width: 100%;
+  height: 392px;
+  object-fit: cover;
+  object-position: center;
+  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;
+  position: absolute;
+}
+#popular-destinations .country .bottom-logo {
+  position: absolute;
+  bottom: -35px;
+  border-color: #F2F2F2;
+  left: 0;
+  width: 100%;
+}
+#popular-destinations .top-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 .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 .more-cities .other-destinations {
+  display: inline-flex;
+  gap: 10px;
+}
+#popular-destinations .more-cities .other-destinations a {
+  font-family: Poppins, san-serif;
+  font-size: 18px;
+  font-weight: 400;
+  line-height: 27px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  background: linear-gradient(360deg, #DCB062 5.04%, #F9E298 99.13%);
+  color: #836848;
+  width: auto;
+  padding: 5px 15px;
+  gap: 4px;
+  border-radius: 20px;
+  opacity: 0px;
+}
+#popular-destinations .highlights {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  gap: 10px;
+  margin-top: 30px;
+}
+#popular-destinations .highlights .tour {
+  height: 352px;
+  padding: 15px 0px 0px 0px;
+  gap: 0px;
+  border-radius: 20px;
+  opacity: 0px;
+  object-fit: cover;
+  position: relative;
+  background-size: cover;
+  position: relative;
+  background-position: top;
+  background-color: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
+}
+#popular-destinations .highlights .tour .details {
+  position: absolute;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  bottom: 10px;
+  width: 100%;
+  padding: 0 15px;
+}
+#popular-destinations .highlights .tour .details .city-name {
+  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;
+  color: #F9E298;
+}
+#popular-destinations .highlights .tour .details .tour-count {
+  width: 80px;
+  font-family: Poppins, san-serif;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 21px;
+  letter-spacing: 0.05em;
+  text-align: right;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #FFFFFF;
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+#testimonials {
+  max-width: 1099px;
+  margin: auto;
+  padding: 50px 0;
+}
+#testimonials [class~=ant-carousel] .slick-slider {
+  padding: 0 70px;
+}
+#testimonials [class~=ant-carousel] .slick-list {
+  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;
+  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;
+  height: 36px;
+}
+#listing-page_header .country-filter.ant-select .ant-select-selection-item {
+  font-family: Poppins, san-serif;
+  font-size: 20px;
+  font-weight: 500;
+  line-height: 30px;
+  letter-spacing: 0.05em;
+  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 {
+  inset-inline-end: 20px;
+  color: #836848;
+}
+#listing-page_body {
+  padding: 20px var(--side-padding);
+}
+#listing-page #legends {
+  --legend-size: 10px;
+  padding: 20px 0;
+}
+#listing-page #legends .ant-badge-status-dot {
+  width: var(--legend-size);
+  height: var(--legend-size);
+}
+#listing-page #legends .ant-badge-status-text {
+  font-family: Poppins, san-serif;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+  letter-spacing: 0.05em;
+  text-align: center;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+}
+#listing-page #tours .tour_image {
+  height: 100%;
+}
+#listing-page #tours .tour_image img {
+  width: 300px;
+  height: 100%;
+  border-top-left-radius: 20px;
+  border-bottom-left-radius: 20px;
+}
+#listing-page #tours .tour_details {
+  padding: 20px;
+  background-color: #FFFFFF;
+  height: 100%;
+}
+#listing-page #tours .tour_details .ant-space .ant-space-item:first-child {
+  position: relative;
+}
+#listing-page #tours .tour_details_title {
+  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;
+  max-width: 95%;
+}
+#listing-page #tours .tour_details_subtitle {
+  font-family: Poppins, san-serif;
+  font-size: 15px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: rgba(0, 0, 0, 0.4);
+}
+#listing-page #tours .tour_details_country {
+  font-family: Poppins, san-serif;
+  font-size: 15px;
+  font-weight: 500;
+  line-height: 22.5px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+}
+#listing-page #tours .tour_details_code {
+  color: #DCB062;
+}
+#listing-page #tours .tour_details_country svg, #listing-page #tours .tour_details_code svg {
+  vertical-align: middle;
+}
+#listing-page #tours .tour_details_info {
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+#listing-page #tours .tour_details_info svg {
+  color: #DCB062;
+  cursor: pointer;
+}
+#listing-page #tours .tour_details_dates {
+  padding: 12px 8px 17px 8px;
+}
+#listing-page #tours .tour_details_dates label {
+  font-family: Poppins, san-serif;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 21px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #434039;
+}
+#listing-page #tours .tour_pricing {
+  background-color: #DCB062;
+  padding: 20px;
+  border-top-right-radius: 20px;
+  border-bottom-right-radius: 20px;
+  height: 100%;
+}
+#listing-page #tours .tour_pricing > .ant-space {
+  height: 100%;
+  width: 100%;
+  justify-content: center;
+}
+#listing-page #tours .tour_pricing span {
+  font-family: Poppins, san-serif;
+  font-size: 15px;
+  font-weight: 400;
+  line-height: 22.5px;
+  letter-spacing: 0.05em;
+  text-align: center;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+}
+#listing-page #tours .tour_pricing span.price {
+  font-size: 28px;
+  font-weight: 500;
+  line-height: 42px;
+  color: #FFFFFF;
+}
+#listing-page #tours .tour_pricing .select-tour {
+  padding: 5px 27px 5px 27px;
+  border-radius: 20px;
+  font-family: Poppins, san-serif;
+  font-size: 15px;
+  font-weight: 700;
+  line-height: 22.5px;
+  letter-spacing: 0.05em;
+  text-align: center;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #DCB062;
+  background-color: #FFFFFF;
+}
+
+.tour_details_description.ant-modal .ant-modal-title {
+  font-family: Poppins, san-serif;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 24px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #836848;
+}
+.tour_details_description.ant-modal .ant-modal-body {
+  overflow-y: auto;
+  max-height: 500px;
+}
+
+.tour_details_all_dates.ant-modal .ant-modal-title {
+  padding-right: 30px;
+}
+.tour_details_all_dates.ant-modal .custom-modal-header-title {
+  font-family: Poppins, san-serif;
+  font-size: 20px;
+  font-weight: 500;
+  line-height: 30px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #434039;
+}
+.tour_details_all_dates.ant-modal .custom-modal-header-legends {
+  font-family: Poppins, san-serif;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+  letter-spacing: 0.05em;
+  text-align: center;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #545047;
+  --legend-size: 10px;
+}
+.tour_details_all_dates.ant-modal .custom-modal-header-legends .ant-badge-status-dot {
+  width: var(--legend-size);
+  height: var(--legend-size);
+}
+.tour_details_all_dates.ant-modal .ant-modal-footer {
+  text-align: center;
+}
+.tour_details_all_dates.ant-modal .ant-modal-footer button {
+  padding: 5px 27px 5px 27px;
+  border-radius: 32px;
+  background: #AA853E;
+  color: #FFFFFF;
+  text-transform: uppercase;
+}
+.tour_details_all_dates.ant-modal .ant-modal-footer button:hover {
+  color: #FFFFFF;
+  background: #DCB062;
+  border-color: #DCB062;
+  outline: #DCB062;
+}
+
+.country-filter_option {
+  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;
+  text-transform: uppercase;
+}
+
+* {
+  --side-padding: 10%;
+}
+
+#show-page_header h1 {
+  font-size: 30px;
+  font-weight: 400;
+  line-height: 45px;
+  letter-spacing: 0.05em;
+  text-align: left;
+}
+#show-page_header .tour_details {
+  display: inline-flex;
+  gap: 10px;
+  opacity: 0.5;
+}
+#show-page_header .tour_details span {
+  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;
+}
+#show-page #date-selector {
+  padding: 20px var(--side-padding);
+}
+#show-page #date-selector [class~=ant-carousel] .slick-slide > div {
+  padding: 0 5px;
+}
+#show-page #date-selector [class~=ant-carousel] .slick-arrow {
+  color: rgb(149, 148, 146);
+}
+#show-page #date-selector [class~=ant-carousel] .slick-arrow:hover {
+  color: #DCB062;
+}
+#show-page #date-selector [class~=ant-carousel] .slick-prev {
+  inset-inline-start: -40px;
+}
+#show-page #date-selector [class~=ant-carousel] .slick-next {
+  inset-inline-end: -40px;
+}
+#show-page #date-selector .date-box {
+  background: #FFFFFF;
+  border: 1px solid rgba(223, 177, 99, 0.2);
+  padding: 6px 13px 6px 13px;
+  border-radius: 20px;
+  border-width: 1px;
+  color: rgba(0, 0, 0, 0.8);
+  cursor: pointer;
+  text-align: center;
+}
+#show-page #date-selector .date-box_date {
+  font-family: Poppins, san-serif;
+  font-size: 15px;
+  font-weight: 400;
+  line-height: 22.5px;
+  letter-spacing: 0.05em;
+  text-align: center;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+}
+#show-page #date-selector .date-box span {
+  font-family: Poppins, san-serif;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+  letter-spacing: 0.05em;
+  text-align: center;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  opacity: 50%;
+}
+#show-page #date-selector .date-box_price {
+  font-family: Poppins, san-serif;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 21px;
+  letter-spacing: 0.05em;
+  text-align: center;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+}
+#show-page #date-selector .date-box.selected {
+  background-color: #DCB062;
+  color: rgb(249, 246, 243);
+}
+#show-page #date-selector .date-box.selected .date-box_date, #show-page #date-selector .date-box.selected .date-box_price {
+  font-weight: 700;
+}
+#show-page_body {
+  padding: 20px var(--side-padding);
+  gap: 20px;
+}
+#show-page_body .details-container {
+  padding: 20px;
+  gap: 20px;
+  border-radius: 20px;
+  background: #FFFFFF;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1490196078);
+}
+#show-page_body .details-container_header {
+  font-family: Poppins, san-serif;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 24px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #5B4713;
+}
+#show-page_body .details-container_content #things-to-know {
+  padding: 20px;
+  border-radius: 5px;
+  background: #F9F6F3;
+  display: grid;
+  grid-template-columns: repeat(5, 18%);
+  justify-content: center;
+  text-align: center;
+  gap: 20px;
+}
+#show-page_body .details-container_content #things-to-know .item {
+  color: #5B4713;
+}
+#show-page_body .details-container_content #things-to-know .item .icon {
+  opacity: 0.8;
+}
+#show-page_body .details-container_content #things-to-know .item label {
+  font-family: Poppins, san-serif;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+  letter-spacing: 0.05em;
+  text-align: center;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+}
+#show-page_body .details-container_content #things-to-know .item.guaranteed {
+  color: #DCB062;
+}
+#show-page_body .details-container_content .schedule {
+  padding: 20px;
+  gap: 32px;
+  border-radius: 5px;
+  background: #F9F6F3;
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+}
+#show-page_body .details-container_content .schedule .flight-date svg {
+  vertical-align: middle;
+  margin-right: 12px;
+}
+#show-page_body .details-container_content .schedule .flight-date span {
+  color: rgba(91, 71, 19, 0.7);
+  font-family: Poppins, san-serif;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+}
+#show-page_body .details-container_content .schedule .flight-details {
+  display: flex;
+  flex-direction: column;
+  gap: 11px;
+}
+#show-page_body .details-container_content .schedule .flight-details label {
+  font-family: Poppins, san-serif;
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 18px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: rgba(0, 0, 0, 0.8);
+}
+#show-page_body .details-container_content .schedule .flight-details img {
+  width: 14px;
+  height: 14px;
+  vertical-align: middle;
+  margin-right: 5px;
+}
+#show-page_body .details-container_content .schedule .flight-details span {
+  font-family: Poppins, san-serif;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: rgba(0, 0, 0, 0.8);
+}
+#show-page_body .details-container_content .schedule .flight-time .from, #show-page_body .details-container_content .schedule .flight-time .to {
+  display: flex;
+  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;
+  font-weight: 700;
+  line-height: 22.5px;
+  letter-spacing: 0.05em;
+  text-align: center;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: rgb(0, 0, 0);
+}
+#show-page_body .details-container_content .schedule .flight-time span {
+  font-family: Poppins, san-serif;
+  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_icon::before, #show-page_body .details-container_content .schedule .flight-time_icon::after {
+  /* Styles kept */
+  width: 25%;
+  height: 1px;
+  /* Changed to border-top (instead of border) to simulate a line better */
+  border-top: 1px solid #ccc;
+  /* Styles added */
+  display: inline-block;
+  content: "";
+  /* Use padding to vertical align the line */
+  /* Use padding in em for a responsive icon height */
+  padding-top: 0.5em;
+  /* 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 {
+  background: rgb(249, 226, 152);
+}
+#show-page_body .details-container_content #pricing-table .promo {
+  background: rgb(249, 246, 243);
+}
+#show-page_body .details-container_content #pricing-table .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;
+  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;
+}
+#show-page_body .contact-agent {
+  height: auto;
+  border-radius: 20px;
+  background: #FFFFFF;
+}
+#show-page_body .contact-agent_header {
+  background-color: #F9E298;
+  font-family: Poppins, san-serif;
+  font-size: 15px;
+  font-weight: 400;
+  line-height: 22.5px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #545047;
+  padding: 11px 15px 11px 15px;
+  border-radius: inherit;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+#show-page_body .contact-agent_content {
+  padding: 10px 15px 15px 15px;
+}
+#show-page_body .contact-agent_content .ant-form-item {
+  margin-bottom: 15px;
+}
+#show-page_body .contact-agent_content .ant-form-item:last-child {
+  margin-bottom: 0;
+}
+#show-page_body .contact-agent_content .search-results {
+  margin-top: 10px;
+}
+#show-page_body .contact-agent_content .search-results .agent-info .company {
+  font-family: Poppins, san-serif;
+  font-size: 10px;
+  font-weight: 600;
+  line-height: 15px;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  min-height: 20px;
+  color: rgba(0, 0, 0, 0.8);
+  max-width: 180px;
+  cursor: pointer;
+}
+#show-page_body .contact-agent_content .search-results .agent-info .contact-numbers {
+  display: inline-flex;
+  gap: 2px;
+}
+
+.agent-full-contact-details .contact-details {
+  padding: 15px 10px 15px 10px;
+  background: rgb(245, 245, 245);
+}
+.agent-full-contact-details .contact-details svg {
+  color: rgb(170, 133, 62);
+  background: rgb(255, 255, 255);
+  height: Fixed 25px px;
+  padding: 3.75px;
+  border-radius: 62.5px;
+  margin-right: 6px;
+  vertical-align: middle;
+}
+.agent-full-contact-details .contact-details span {
+  font-family: Poppins, san-serif;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 21px;
+  letter-spacing: 0.03em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+}
+
+#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;
+}
+#about-signature-tours h1 {
+  font-family: Poppins, san-serif;
+  font-size: 45px;
+  font-weight: 200;
+  line-height: 67.5px;
+  letter-spacing: 0.06em;
+  text-align: center;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #545047;
+}
+#about-signature-tours p {
+  font-family: Poppins, san-serif;
+  font-size: 18px;
+  font-weight: 200;
+  line-height: 27px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #545047;
+  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;
+  opacity: 0px;
+  background: #FFFFFF;
+  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1490196078);
+}
+#about-signature-tours #about-st-feature #feature > img {
+  width: 419px;
+  height: 183.24px;
+  gap: 0px;
+  border-radius: 20px;
+  opacity: 0px;
+  border: 3px solid #FFFFFF;
+  object-fit: cover;
+  object-position: 50% 33%;
+  display: block;
+  box-sizing: border-box;
+}
+#about-signature-tours #about-st-feature #feature #st-brand {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 5px 23px 0px 12px;
+}
+#about-signature-tours #about-st-feature #feature #st-brand 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 #about-st-feature #feature #st-brand #st-logo {
+  width: 47px;
+  height: 43.76px;
+  gap: 0px;
+  opacity: 0px;
+}
+
+#about-us-page_body {
+  padding: 20px var(--side-padding);
+}
+#about-us-page_body #introduction img {
+  width: 42.96px;
+  height: 40px;
+}
+#about-us-page_body #introduction h1 {
+  font-family: Poppins, san-serif;
+  font-size: 24px;
+  font-weight: 500;
+  line-height: 36px;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+}
+#about-us-page_body #article {
+  background: #FFFFFF;
+  padding: 32px;
+  border-radius: 20px;
+  box-shadow: 0px 5px 20px 0px rgba(225, 182, 91, 0.2);
+}
+#about-us-page_body #article img {
+  height: 644px;
+  border-radius: 20px;
+  width: 100%;
+  object-fit: cover;
+}
+#about-us-page_body #article p {
+  font-family: Poppins, san-serif;
+  font-size: 14px;
+  font-weight: 300;
+  line-height: 27px;
+  text-align: left;
+  text-underline-position: from-font;
+  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;
+  font-weight: 500;
+  line-height: 36px;
+  text-align: center;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #000000;
+}
+#about-us-page .section-header p {
+  font-family: Poppins, san-serif;
+  font-size: 14px;
+  font-weight: 300;
+  line-height: 27px;
+  text-align: center;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #000000;
+}
+#about-us-page .items {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  color: #000000;
+  padding: 24px;
+}
+#about-us-page .items label {
+  font-family: Poppins, san-serif;
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 24px;
+  text-align: center;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+}
+#about-us-page .items p {
+  font-family: Poppins, san-serif;
+  font-size: 14px;
+  font-weight: 300;
+  line-height: 27px;
+  text-align: center;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+}
+#about-us-page #quality-policy {
+  padding: 0 170px 16px 170px;
+  margin-top: -70px;
+}
+#about-us-page #certificates {
+  background: linear-gradient(180deg, #F7F4EB 0%, #FFFFFF 100%);
+  padding: 40px 160px 40px 160px;
+}
+#about-us-page #certificates img {
+  width: 263px;
+  height: 365px;
+  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1019607843);
+}
+
+#countries-page_body {
+  padding: 20px var(--side-padding);
+}
+#countries-page_body #introduction {
+  padding: 32px;
+  border-radius: 20px;
+  background: #FFFFFF;
+}
+#countries-page_body #introduction_header {
+  text-align: center;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  gap: 24px;
+}
+#countries-page_body #introduction_header img {
+  width: 42.96px;
+  height: 40px;
+}
+#countries-page_body #introduction_header span {
+  font-family: Poppins, san-serif;
+  font-size: 24px;
+  font-weight: 500;
+  line-height: 36px;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #000000;
+}
+#countries-page_body #introduction_body p {
+  font-family: Poppins, san-serif;
+  font-size: 14px;
+  font-weight: 300;
+  line-height: 27px;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+}
+#countries-page_body 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;
+}
+
+#contact-us-page_body {
+  margin: 20px var(--side-padding);
+  border-radius: 20px;
+  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
+  background-color: #FFFFFF;
+}
+#contact-us-page_body img {
+  height: 250px;
+  width: 100%;
+  object-fit: cover;
+  border-top-left-radius: 20px;
+  border-top-right-radius: 20px;
+}
+#contact-us-page_body #contact-us-form {
+  padding: 20px 24px 40px 24px;
+}
+#contact-us-page_body #contact-us-form_header {
+  margin-bottom: 20px;
+}
+#contact-us-page_body #contact-us-form_header h2 {
+  font-family: Poppins, san-serif;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 24px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: rgb(91, 71, 19);
+  margin: 0;
+}
+#contact-us-page_body #contact-us-form_header span {
+  font-family: Poppins, san-serif;
+  font-size: 14px;
+  font-weight: 300;
+  line-height: 21px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: rgb(0, 0, 0);
+}
+#contact-us-page_body #contact-us-form textarea {
+  min-height: 200px;
+}
+#contact-us-page_body #contact-us-form button[type=submit] {
+  width: 216px;
+}
+#contact-us-page_footer {
+  margin: 20px var(--side-padding);
+  border-radius: 20px;
+  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
+  background-color: #FFFFFF;
+  padding: 40px 24px 40px 24px;
+}
+#contact-us-page_footer label {
+  font-family: Poppins, san-serif;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 24px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: rgb(91, 71, 19);
+  display: block;
+  margin-bottom: 10px;
+}
+#contact-us-page_footer span {
+  font-family: Poppins, san-serif;
+  font-size: 14px;
+  font-weight: 300;
+  line-height: 21px;
+  letter-spacing: 0.05em;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: rgb(0, 0, 0);
+}
+#contact-us-page_footer svg {
+  color: #DCB062;
+}
+
+#blog-page_body {
+  margin: 20px var(--side-padding);
+}
+#blog-page_body #blogs {
+  margin: 30px 0;
+}
+
+#blog-show-page_body {
+  margin: 20px var(--side-padding);
+  padding: 32px;
+  border-radius: 20px;
+  background: rgb(255, 255, 255);
+  box-shadow: 0px 5px 20px 0px rgba(225, 182, 91, 0.2);
+}