@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
  --primary-color: #b9bf1c;
  --secondar-color: #354f52;
  --neutral-color: #b6b9ba;
  --neutral-n-20: #f6f6f6;
  --neutral-n-40: #E0E2E2;
  --neutral-n-500: #4A5253;
  --neutral-n-700: #2E3738;
  --black: #000;
  --white: #fff;
  --neutral-n-0: #FFF;
  --dark-green-d-300: #354f52;
  --dark-green-d-50: #ebedee;
  --danger: #eb5757;
  --gray-1: #333333;
  --gray-6: #f2f2f2;
  --transparent: transparent;
  --green-g-200: #c5ca43;
  --green-g-300: #B9BF1C;
  --green-g-50: #F8F9E8;
  --green-light-oo: #D5F6E3;
  --green-27a: #27AE60;
  --neutral-e4e: #E4E6EF;
  --red: #EB5757;
  --neutral-n-300: #646B6B;
  --neutral-n-60: #B6B9BA;
  --gray-300: #CBD5E1;
  --Gray-100: #F3F3F3;
  --other-gray-1: #333;
}

* {
  font-family: "Kanit", sans-serif;
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

body {
  height: 100vh;
  overflow: hidden;
}

.oge-page-landing {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  overflow-y: auto;
  background: var(--neutral-n-20, #F6F6F6);
  display: flex;
  flex-direction: column;
  /* menu */
}
.oge-page-landing header {
  position: sticky;
  top: 0;
  z-index: 999;
}
.oge-page-landing header nav.uk-navbar-container {
  background-color: var(--white) !important;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05);
}
.oge-page-landing header nav.uk-navbar-container .uk-navbar-left .main-logo {
  aspect-ratio: 2/1;
  width: 264px;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
}
.oge-page-landing header nav.uk-navbar-container .uk-navbar-right {
  gap: 32px;
}
.oge-page-landing header nav.uk-navbar-container .uk-navbar-right .uk-navbar-nav {
  display: flex;
  padding-top: 24px;
  padding-bottom: 24px;
  gap: 32px;
}
.oge-page-landing header nav.uk-navbar-container .uk-navbar-right .uk-navbar-nav .menu-item a {
  min-height: unset;
  text-transform: initial;
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: var(--Gray-1, #333);
}
.oge-page-landing header nav.uk-navbar-container .uk-navbar-right .uk-navbar-nav .menu-item a:hover {
  color: var(--green-g-300, #B9BF1C);;
}

.oge-page-landing header nav.uk-navbar-container .uk-navbar-right .uk-navbar-nav .menu-item.cta {
  display: flex;
  gap: 16px;
}
.oge-page-landing header nav.uk-navbar-container .uk-navbar-right .uk-navbar-nav .menu-item.cta .oge-btn {
  padding: 8px 16px;
  gap: 8px;
  border-radius: 8px;
  font-size: 13px;
}
.oge-page-landing header nav.uk-navbar-container .uk-navbar-right .uk-navbar-nav .menu-item.cta .oge-btn.login {
  color: var(--dark-green-d-300, #354F52);
  background: var(--green-g-50, #F8F9E8);
}
.oge-page-landing header nav.uk-navbar-container .uk-navbar-right .uk-navbar-nav .menu-item.cta .oge-btn.search-trip {
  color: var(--neutral-n-0, #FFF);
  background: var(--green-g-300, #B9BF1C);
}
.oge-page-landing header nav.uk-navbar-container .uk-navbar-right .mobile-menu {
  display: none;
}
@media screen and (max-width: 1100px) {
  .oge-page-landing header nav.uk-navbar-container .uk-navbar-right {
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .oge-page-landing header nav.uk-navbar-container .uk-navbar-right .uk-navbar-nav {
    padding: 0;
  }
}
@media screen and (max-width: 826px) {
  .oge-page-landing header nav.uk-navbar-container .uk-navbar-right .uk-navbar-nav {
    display: none;
  }
  .oge-page-landing header nav.uk-navbar-container .uk-navbar-right .mobile-menu {
    display: inline-block;
  }
  .oge-page-landing header nav.uk-navbar-container .uk-navbar-right .mobile-menu button {
    height: 40px;
    width: 40px;
    border-radius: 8px;
    color: var(--secondar-color, #354f52);
    border: 1px solid var(--secondar-color, #354f52);
    background-color: var(--white);
    cursor: pointer;
  }
  .oge-page-landing header nav.uk-navbar-container .uk-navbar-right .mobile-menu button .label {
    display: none;
  }
  .oge-page-landing header nav.uk-navbar-container .uk-navbar-right .mobile-menu .uk-navbar-nav {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .oge-page-landing header nav.uk-navbar-container .uk-navbar-right .mobile-menu .uk-navbar-nav .cta {
    flex-direction: column;
  }
  .oge-page-landing header nav.uk-navbar-container .uk-navbar-right .mobile-menu .uk-navbar-nav .cta a {
    align-self: stretch;
  }
}
.oge-page-landing .page-content {
  flex: auto;
}
.oge-page-landing .page-content .main-section {
  background: var(--white) url('/storage/images/Backgroundmain-langing-img.svg') bottom center/100% auto no-repeat;
  overflow: hidden;
}
.oge-page-landing .page-content .main-section .main-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 606px;
}
.oge-page-landing .page-content .main-section .main-wrapper .block-meta {
  width: 45%;
}
.oge-page-landing .page-content .main-section .main-wrapper .block-meta .section-title {
  color: var(--dark-green-d-300, #354F52);
  font-family: Kanit;
  font-size: 31px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin: 0;
}
.oge-page-landing .page-content .main-section .main-wrapper .block-meta .headline {
  color: var(--green-g-300, #B9BF1C);
  font-family: Kanit;
  font-size: 76px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin: 0;
  margin-bottom: 10px;
}
.oge-page-landing .page-content .main-section .main-wrapper .block-meta .headline span {
  display: block;
  color: var(--dark-green-d-300, #354F52);
  font-size: 39px;
  line-height: 120%;
}
@media screen and (max-width: 676px) {
  .oge-page-landing .page-content .main-section .main-wrapper .block-meta .headline {
    font-size: 60px;
  }
}
@media screen and (max-width: 330px) {
  .oge-page-landing .page-content .main-section .main-wrapper .block-meta .headline {
    font-size: 50px;
  }
}
.oge-page-landing .page-content .main-section .main-wrapper .block-meta .detail {
  color: var(--neutral-n-300, #646B6B);
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: inline-block;
  max-width: 50%;
}
.oge-page-landing .page-content .main-section .main-wrapper .block-meta .cta {
  margin-top: 19px;
  display: flex;
  gap: 30px;
}
.oge-page-landing .page-content .main-section .main-wrapper .block-meta .cta a {
  text-decoration: none;
  padding: 16px 32px;
  border-radius: 8px;
  border: 2px solid var(--green-g-300, #B9BF1C);
  background: var(--green-g-300, #B9BF1C);
  color: var(--neutral-n-0, #FFF);
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.oge-page-landing .page-content .main-section .main-wrapper .block-meta .cta a.cta-how-it-works {
  color: var(--dark-green-d-300, #354F52);
  background: var(--green-g-50, #F8F9E8);
}
@media screen and (max-width: 378px) {
  .oge-page-landing .page-content .main-section .main-wrapper .block-meta .cta {
    flex-wrap: wrap;
    gap: 15px;
  }
  .oge-page-landing .page-content .main-section .main-wrapper .block-meta .cta a {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 1335px) {
  .oge-page-landing .page-content .main-section .main-wrapper .block-meta {
    width: 100%;
  }
}
.oge-page-landing .page-content .main-section .main-wrapper .block-img .img {
  width: 574px;
  height: 385px;
  aspect-ratio: 3/2;
  position: relative;
}
.oge-page-landing .page-content .main-section .main-wrapper .block-img .img img {
  width: 100%;
  height: 100%;
  border-radius: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
}
.oge-page-landing .page-content .main-section .main-wrapper .block-img .img::after {
  position: absolute;
  left: 5%;
  top: 7%;
  width: 100%;
  height: 100%;
  aspect-ratio: 3/2;
  transform: rotate(-4.101deg);
  border-radius: 32px;
  background: var(--green-g-300, #B9BF1C);
  content: "";
}
@media screen and (max-width: 1335px) {
  .oge-page-landing .page-content .main-section .main-wrapper .block-img .img {
    margin-right: 20px;
  }
}
@media screen and (max-width: 676px) {
  .oge-page-landing .page-content .main-section .main-wrapper .block-img .img {
    margin: 0;
    width: 90%;
    height: auto;
  }
}
@media screen and (max-width: 1440px) {
  .oge-page-landing .page-content .main-section .main-wrapper {
    flex-wrap: wrap;
    gap: 50px;
  }
}
@media screen and (max-width: 1335px) {
  .oge-page-landing .page-content .main-section .main-wrapper {
    padding-top: 100px;
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 838px) {
  .oge-page-landing .page-content .main-section {
    background-size: 250%;
  }
}
.oge-page-landing .page-content .join-trip {
  padding: 60px 0;
  background: var(--dark-green-d-300, #354F52);
}
.oge-page-landing .page-content .join-trip .uk-container .title {
  color: var(--white);
  font-size: 49px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin: 0;
}
.oge-page-landing .page-content .join-trip .uk-container .title span {
  color: var(--primary-color);
}
.oge-page-landing .page-content .join-trip .uk-container .sub-title {
  color: var(--neutral-color);
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.oge-page-landing .page-content .join-trip .uk-container .form-group {
  display: flex;
  margin-top: 32px;
  gap: 16px;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control,
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label {
  display: flex;
  flex-flow: column;
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label {
  color: var(--white);
  gap: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label .select2-container {
  min-width: 213.67px;
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label .select2-container .select2-selection--single {
  height: 56px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  background: var(--neutral-n-20, #f6f6f6);
  border: none;
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label .select2-container .select2-selection--single .select2-selection__rendered,
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label .select2-container .select2-selection--single .select2-selection__placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 100%;
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label .select2-container .select2-selection--single .select2-selection__placeholder {
  color: var(--neutral-color, #b6b9ba);
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label .select2-container .select2-selection--single .select2-selection__arrow {
  top: 0;
  bottom: 0;
  margin: auto;
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label input {
  /* padding: 16px; */
  outline: none;
  border-radius: 6px;
  background: var(--neutral-n-20, #f6f6f6);
  border: none;
  height: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label input::-moz-placeholder {
  color: var(--neutral-color, #b6b9ba);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label input::placeholder {
  color: var(--neutral-color, #b6b9ba);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label .switcher {
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 8px 16px; */
  gap: 8px;
  border-radius: 6px;
  width: 137px;
  background: var(--neutral-n-20, #f6f6f6);
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label .switcher input {
  padding: 8px;
  display: flex;
  width: 32px;
  height: 32px;
  border-radius: 0;
  text-align: center;
  color: var(--primary-color, #b9bf1c);
  background-color: var(--transparent);
  /* Headings/H5 : 25px - Regular */
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 30px */
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label .switcher .control {
  border-radius: 8px;
  background: var(--dark-green-d-50, #ebedee);
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label .switcher .control svg {
  height: 17px;
  width: 17px;
  fill: var(--dark-green-d-300);
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label .date {
  display: flex;
  position: relative;
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label .date .uk-form-icon {
  z-index: 1;
  pointer-events: none;
  width: 52px;
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label .date input {
  height: 56px;
  padding: 16px !important;
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label .date input::-webkit-inner-spin-button, .oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label .date input::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .form-control .search-submit {
  height: 56px;
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: var(--primary-color, #b9bf1c);
  outline: none;
  color: var(--white);
  border: none;
  color: var(--neutral-n-0, #fff);
  /* Paragraph/Normal : 16px - Bold */
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 24px */
}
.oge-page-landing .page-content .join-trip .uk-container .form-group .stroke-dash {
  display: inline-block;
  border-radius: 10px;
  height: 3px;
  width: 25px;
  background-color: var(--green-g-200, #c5ca43);
  margin-bottom: 25px;
}
@media screen and (max-width: 980px) {
  .oge-page-landing .page-content .join-trip .uk-container .form-group .stroke-dash {
    display: none;
  }
  .oge-page-landing .page-content .join-trip .uk-container .form-group .form-control {
    width: 48%;
  }
  .oge-page-landing .page-content .join-trip .uk-container .form-group .form-control label[for=aloneWith] .switcher {
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (max-width: 980px) {
  .oge-page-landing .page-content .join-trip .uk-container .form-group .form-control {
    width: 100%;
  }
}
.oge-page-landing .page-content .about-us {
  padding: 73px 0px 83px 0px;
}
.oge-page-landing .page-content .about-us .uk-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 67px;
}
.oge-page-landing .page-content .about-us .uk-container .section-title {
  color: var(--dark-green-d-300, #354F52);
  /* Headings/H2 : 49px - Bold */
  font-family: Kanit;
  font-size: 49px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.oge-page-landing .page-content .about-us .uk-container .section-title img {
  width: 352px;
  height: 68px;
  aspect-ratio: 3/1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 400px) {
  .oge-page-landing .page-content .about-us .uk-container .section-title img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media screen and (max-width: 545px) {
  .oge-page-landing .page-content .about-us .uk-container .section-title {
    flex-direction: column;
    gap: 0px;
  }
}
.oge-page-landing .page-content .about-us .uk-container .body {
  display: flex;
  gap: 50px;
  justify-content: space-between;
  align-items: center;
}
.oge-page-landing .page-content .about-us .uk-container .body .block-meta {
  width: 42%;
  display: flex;
  flex-direction: column;
  gap: 23px;
}
.oge-page-landing .page-content .about-us .uk-container .body .block-meta p {
  color: var(--neutral-n-300, #646B6B);
  font-family: Kanit;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin: 0;
}
.oge-page-landing .page-content .about-us .uk-container .body .block-meta p span {
  color: var(--green-g-300, #B9BF1C);
  font-weight: 500;
}
.oge-page-landing .page-content .about-us .uk-container .body .block-meta ul {
  margin: 0;
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.oge-page-landing .page-content .about-us .uk-container .body .block-meta ul li {
  color: var(--dark-green-d-300, #354F52);
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  gap: 17px;
}
.oge-page-landing .page-content .about-us .uk-container .body .block-meta ul li span > span {
  font-weight: 500;
}
.oge-page-landing .page-content .about-us .uk-container .body .block-meta ul li::before {
  margin-top: 3px;
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  font-size: 11px;
  display: inline-flex;
  color: var(--white);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--green-g-300, #B9BF1C);
}
.oge-page-landing .page-content .about-us .uk-container .body .block-img {
  display: flex;
}
.oge-page-landing .page-content .about-us .uk-container .body .block-img .img {
  width: 514px;
  height: 345px;
  aspect-ratio: 3/2;
  position: relative;
}
.oge-page-landing .page-content .about-us .uk-container .body .block-img .img img {
  width: 100%;
  height: 100%;
  border-radius: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
}
.oge-page-landing .page-content .about-us .uk-container .body .block-img .img::after {
  position: absolute;
  right: 5%;
  top: 7%;
  width: 100%;
  height: 100%;
  aspect-ratio: 3/2;
  transform: rotate(4.101deg);
  border-radius: 32px;
  background: var(--green-g-300, #B9BF1C);
  content: "";
}
@media screen and (max-width: 1335px) {
  .oge-page-landing .page-content .about-us .uk-container .body .block-img .img {
    margin-left: 40px;
  }
}
@media screen and (max-width: 676px) {
  .oge-page-landing .page-content .about-us .uk-container .body .block-img .img {
    margin-left: 35px;
    width: 90%;
    height: auto;
  }
}
@media screen and (max-width: 1130px) {
  .oge-page-landing .page-content .about-us .uk-container .body {
    flex-wrap: wrap;
    gap: 60px;
  }
  .oge-page-landing .page-content .about-us .uk-container .body .block {
    width: 100%;
  }
}
@media screen and (max-width: 675px) {
  .oge-page-landing .page-content .about-us .uk-container {
    gap: 40px;
  }
}
.oge-page-landing .page-content .how-it-works {
  margin-top: 83px;
  margin-bottom: 113px;
}
.oge-page-landing .page-content .how-it-works .uk-container {
  padding-top: 78px;
  padding-bottom: 61px;
  border-radius: 16px;
  background: var(--green-g-50, #F8F9E8);
}
.oge-page-landing .page-content .how-it-works .uk-container .section-title {
  margin: 0;
  color: var(--dark-green-d-300, #354F52);
  font-family: Kanit;
  font-size: 49px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-align: center;
}
.oge-page-landing .page-content .how-it-works .uk-container .steps {
  margin-top: 39px;
  display: flex;
  justify-content: space-evenly;
  gap: 32px;
}
.oge-page-landing .page-content .how-it-works .uk-container .steps .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 23px;
}
.oge-page-landing .page-content .how-it-works .uk-container .steps .step-heading {
  display: flex;
  width: 224px;
  height: 224px;
  aspect-ratio: 1/1;
  padding: 24px 22px 25px 21px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 500px;
  background: radial-gradient(var(--dark-green-d-300, #354F52) 65%, var(--white, #fff) 66%);
  border: 5px solid var(--green-g-300, #B9BF1C);
}
.oge-page-landing .page-content .how-it-works .uk-container .steps .step-heading h2 {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: var(--neutral-n-0, #FFF);
  text-align: center;
  /* Headings/H4 : 31px - Bold */
  font-family: Kanit;
  font-size: 31px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 37.2px */
}
.oge-page-landing .page-content .how-it-works .uk-container .steps .step-heading h2 span {
  font-size: 61px;
  display: flex;
  min-height: 61px;
  align-items: center;
  justify-content: center;
}
.oge-page-landing .page-content .how-it-works .uk-container .steps .step p {
  margin: 0;
  color: var(--neutral-n-300, #646B6B);
  text-align: center;
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: 212px;
  /* 24px */
}
.oge-page-landing .page-content .how-it-works .uk-container .steps .seperator {
  padding-top: 9.3%;
  width: 53.5px;
}
.oge-page-landing .page-content .how-it-works .uk-container .steps .seperator img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 989px) {
  .oge-page-landing .page-content .how-it-works .uk-container .steps {
    flex-direction: column;
  }
  .oge-page-landing .page-content .how-it-works .uk-container .steps .seperator {
    padding: 0;
    text-align: center;
    height: 53.5px;
    width: unset;
  }
  .oge-page-landing .page-content .how-it-works .uk-container .steps .seperator img {
    transform: rotate(90deg) translate(13px, 0px);
  }
}
.oge-page-landing .page-content .our-pricing {
  padding-top: 85px;
  padding-bottom: 91px;
  background: url('/storage/images/Bg-pricing.svg') center bottom/cover no-repeat;
}
.oge-page-landing .page-content .our-pricing .uk-container .section-title {
  color: var(--green-g-300, #B9BF1C);
  font-family: Kanit;
  font-size: 49px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin: 0;
  margin-bottom: 26px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.oge-page-landing .page-content .our-pricing .uk-container .section-title span {
  color: #FFF;
  font-size: 20px;
  min-height: 20px;
  max-width: 307px;
  line-height: 120%;
}
.oge-page-landing .page-content .our-pricing .uk-container .blocks {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 50px;
}
.oge-page-landing .page-content .our-pricing .uk-container .blocks-meta .pricing-desc {
  color: #FFF;
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
  margin-bottom: 9px;
}
.oge-page-landing .page-content .our-pricing .uk-container .blocks-meta .ordered-list {
  padding-left: 42px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 26px;
}
.oge-page-landing .page-content .our-pricing .uk-container .blocks-meta .ordered-list li {
  color: #FFF;
  font-family: Kanit;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.oge-page-landing .page-content .our-pricing .uk-container .blocks-meta .cta-text {
  color: var(--green-g-300, #B9BF1C);
  font-family: Kanit;
  font-size: 31px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  max-width: 493px;
  margin: 0;
  margin-bottom: 32px;
}
.oge-page-landing .page-content .our-pricing .uk-container .blocks-meta .cta-group {
  display: flex;
  gap: 14px;
}
.oge-page-landing .page-content .our-pricing .uk-container .blocks-meta .cta-group .btn {
  color: var(--neutral-n-0, #FFF);
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  padding: 16px 32px;
  border-radius: 8px;
  background: var(--green-g-300, #B9BF1C);
}
.oge-page-landing .page-content .our-pricing .uk-container .blocks-meta .cta-group .btn:last-child {
  color: var(--dark-green-d-300, #354F52);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--green-g-50, #F8F9E8);
}
.oge-page-landing .page-content .testimonials {
  padding-top: 93px;
  padding-bottom: 92px;
}
.oge-page-landing .page-content .testimonials .uk-container .section-title {
  color: var(--dark-green-d-300, #354F52);
  font-family: Kanit;
  font-size: 49px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-align: center;
  margin: 0;
  margin-bottom: 35px;
}
.oge-page-landing .page-content .testimonials .uk-container .blocks {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  justify-content: space-evenly;
  margin-bottom: 35px;
}
.oge-page-landing .page-content .testimonials .uk-container .blocks-single {
  max-width: 366px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 16px;
  border: 1px solid var(--dark-green-d-300, #354F52);
  background: var(--green-g-50, #F8F9E8);
}
.oge-page-landing .page-content .testimonials .uk-container .blocks-single .card-header {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
}
.oge-page-landing .page-content .testimonials .uk-container .blocks-single .card-header .card-title {
  color: var(--green-g-300, #B9BF1C);
  font-family: Kanit;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.oge-page-landing .page-content .testimonials .uk-container .blocks-single .card-header .rating {
  display: flex;
  gap: 11.45px;
}
.oge-page-landing .page-content .testimonials .uk-container .blocks-single .card-header .rating i {
  font-size: 13px;
  color: var(--neutral-n-40, #E0E2E2);
}
.oge-page-landing .page-content .testimonials .uk-container .blocks-single .card-header .rating i.active {
  color: var(--primary-color);
}
.oge-page-landing .page-content .testimonials .uk-container .blocks-single .card-body .desc {
  margin: 0;
  color: var(--neutral-n-300, #646B6B);
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.oge-page-landing .page-content .testimonials .uk-container .blocks-single .card-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.oge-page-landing .page-content .testimonials .uk-container .blocks-single .card-footer .card-profile-img {
  width: 64px;
  height: 64px;
  aspect-ratio: 1/1;
  border-radius: 500px;
}
.oge-page-landing .page-content .testimonials .uk-container .blocks-single .card-footer .card-profile-img.verified {
  border: 2px solid var(--green-g-300, #B9BF1C);
  padding: 3.021px;
  position: relative;
}
.oge-page-landing .page-content .testimonials .uk-container .blocks-single .card-footer .card-profile-img.verified::after {
  content: url('/storage/images/verifywhite-verified.svg');
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: -14%;
}
.oge-page-landing .page-content .testimonials .uk-container .blocks-single .card-footer .card-profile-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  border-radius: 500px;
}
@media screen and (max-width: 813px) {
  .oge-page-landing .page-content .testimonials .uk-container .blocks-single {
    max-width: 100%;
  }
}
.oge-page-landing .page-content .testimonials .uk-container .cta-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 19px;
}
.oge-page-landing .page-content .testimonials .uk-container .cta-group .cta-text {
  margin: 0;
  text-align: center;
  color: var(--neutral-n-300, #646B6B);
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.oge-page-landing .page-content .testimonials .uk-container .cta-group .btn {
  text-decoration: none;
  padding: 16px 32px;
  border-radius: 8px;
  background: var(--green-g-300, #B9BF1C);
  color: var(--neutral-n-0, #FFF);
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.oge-page-landing .page-content .get-in-touch {
  padding-top: 82px;
  padding-bottom: 68px;
  background: var(--dark-green-d-50, #EBEDEE);
}
.oge-page-landing .page-content .get-in-touch .uk-container .blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 50px;
}
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-meta .section-title {
  color: var(--dark-green-d-300, #354F52);
  font-family: Kanit;
  font-size: 49px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin: 0;
  margin-bottom: 16px;
}
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-meta .meta {
  margin: 0;
  margin-bottom: 35px;
  padding-bottom: 22px;
  color: var(--neutral-n-300, #646B6B);
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  border-bottom: 1px solid #354F52;
  max-width: 365px;
}
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-meta .contact-info {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-meta .contact-info .single-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-meta .contact-info .single-info .label {
  color: var(--neutral-n-300, #646B6B);
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-meta .contact-info .single-info .data {
  color: var(--neutral-n-700, #28313F);
  font-family: Rubik;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group {
  max-width: 624px;
  border-radius: 16px;
  padding: 65px;
  background: var(--others-white, #FFF);
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group .form-control {
  width: 100%;
}
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group .form-control.half {
  width: 48%;
}
@media screen and (max-width: 493px) {
  .oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group .form-control.half {
    width: 100%;
  }
}
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group .form-control label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--dark-green-d-300, #354F52);
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group .form-control label input,
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group .form-control label select,
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group .form-control label textarea {
  outline: none;
  padding: 16px;
  border-radius: 6px;
  border: 1px solid var(--neutral-n-300, #646B6B);
  background: var(--neutral-n-20, #F6F6F6);
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: var(--dark-green-d-300, #354F52);
}
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group .form-control label input::-moz-placeholder, .oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group .form-control label select::-moz-placeholder, .oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group .form-control label textarea::-moz-placeholder {
  color: var(--neutral-n-60, #B6B9BA);
}
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group .form-control label input::placeholder,
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group .form-control label select::placeholder,
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group .form-control label textarea::placeholder {
  color: var(--neutral-n-60, #B6B9BA);
}
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group .form-control label textarea {
  resize: none;
}
.oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group .form-control [type=submit] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 16px 32px;
  border-radius: 8px;
  background: var(--green-g-300, #B9BF1C);
  color: var(--neutral-n-0, #FFF);
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  cursor: pointer;
  border: none;
}
@media screen and (max-width: 493px) {
  .oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group .form-control [type=submit] {
    width: 100%;
  }
}
@media screen and (max-width: 813px) {
  .oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group {
    max-width: 100%;
  }
}
@media screen and (max-width: 405px) {
  .oge-page-landing .page-content .get-in-touch .uk-container .blocks-form .form-group {
    padding: 16px;
  }
}
@media screen and (max-width: 405px) {
  .oge-page-landing .page-content .get-in-touch .uk-container .blocks-form {
    width: 100%;
  }
}
@media screen and (max-width: 1118px) {
  .oge-page-landing .page-content .get-in-touch .uk-container .blocks {
    flex-direction: column;
  }
}
.oge-page-landing .page-content .faqs-section {
  padding-top: 144px;
  padding-bottom: 77px;
}
.oge-page-landing .page-content .faqs-section .uk-container .section-title {
  color: var(--dark-green-d-300, #354F52);
  text-align: center;
  font-family: Kanit;
  font-size: 49px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 54px;
}
.oge-page-landing .page-content .faqs-section .uk-container .uk-accordion {
  max-width: 723px;
  width: 100%;
  margin: auto;
}
.oge-page-landing .page-content .faqs-section .uk-container .uk-accordion li {
  border-radius: 8px;
  overflow: hidden;
}
.oge-page-landing .page-content .faqs-section .uk-container .uk-accordion li:nth-child(n+2) {
  margin-top: 14px;
}
.oge-page-landing .page-content .faqs-section .uk-container .uk-accordion li a {
  color: var(--dark-green-d-300, #354F52);
  font-family: Kanit;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  background: var(--dark-green-d-50, #EBEDEE);
  padding: 32px;
}
.oge-page-landing .page-content .faqs-section .uk-container .uk-accordion li a.uk-accordion-title::before {
  background-image: url('/storage/images/arrow_downward.svg');
}
.oge-page-landing .page-content .faqs-section .uk-container .uk-accordion li .uk-accordion-content {
  color: var(--neutral-n-300, #646B6B);
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 32px;
  margin: 0;
  background: var(--neutral-n-0, #FFF);
}
.oge-page-landing .page-content .faqs-section .uk-container .uk-accordion li.uk-open {
  border: 1px solid var(--dark-green-d-300, #354F52);
}
.oge-page-landing .page-content .faqs-section .uk-container .uk-accordion li.uk-open a {
  color: var(--neutral-n-0, #FFF);
  background: var(--green-g-300, #B9BF1C);
}
.oge-page-landing .page-content .faqs-section .uk-container .uk-accordion li.uk-open a.uk-accordion-title::before {
  background-image: url('/storage/images/arrow_upward_white.svg');
}
@media screen and (max-width: 800px) {
  .oge-page-landing .page-content .faqs-section .uk-container .uk-accordion li a,
  .oge-page-landing .page-content .faqs-section .uk-container .uk-accordion li .uk-accordion-content {
    padding: 32px 16px;
  }
}
.oge-page-landing .page-content .why-choose-us {
  padding: 77px 0px 106px 0px;
  background: var(--white) url('/storage/images/Backgroundmain-langing-img.svg') bottom center/100% auto no-repeat;
  overflow: hidden;
}
.oge-page-landing .page-content .why-choose-us .uk-container .section-title {
  color: var(--dark-green-d-300, #354F52);
  font-family: Kanit;
  font-size: 49px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin: 0;
}
.oge-page-landing .page-content .why-choose-us .uk-container .body {
  display: flex;
  gap: 50px;
  justify-content: space-between;
  align-items: flex-start;
}
.oge-page-landing .page-content .why-choose-us .uk-container .body .block-meta {
  margin-top: 17px;
  width: 42%;
  display: flex;
  flex-direction: column;
  gap: 47px;
}
.oge-page-landing .page-content .why-choose-us .uk-container .body .block-meta p.desc {
  color: var(--neutral-n-300, #646B6B);
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin: 0;
}
.oge-page-landing .page-content .why-choose-us .uk-container .body .block-meta ul {
  margin: 0;
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.oge-page-landing .page-content .why-choose-us .uk-container .body .block-meta ul li {
  color: var(--dark-green-d-300, #354F52);
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  gap: 17px;
}
.oge-page-landing .page-content .why-choose-us .uk-container .body .block-meta ul li span > span {
  font-weight: 500;
}
.oge-page-landing .page-content .why-choose-us .uk-container .body .block-meta ul li::before {
  margin-top: 3px;
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  display: inline-flex;
  color: var(--white);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  width: 20px;
  height: 20px;
  padding: 4px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--green-g-300, #B9BF1C);
}
.oge-page-landing .page-content .why-choose-us .uk-container .body .block-img {
  display: flex;
}
.oge-page-landing .page-content .why-choose-us .uk-container .body .block-img .img {
  transform: translateY(-12%);
  width: 548.236px;
  height: 410.344px;
  aspect-ratio: 3/2;
}
.oge-page-landing .page-content .why-choose-us .uk-container .body .block-img .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
@media screen and (max-width: 1130px) {
  .oge-page-landing .page-content .why-choose-us .uk-container .body {
    flex-wrap: wrap;
    gap: 60px;
  }
}
@media screen and (max-width: 1130px) and (max-width: 626px) {
  .oge-page-landing .page-content .why-choose-us .uk-container .body {
    gap: 30px;
  }
}
@media screen and (max-width: 1130px) {
  .oge-page-landing .page-content .why-choose-us .uk-container .body .block {
    width: 100%;
  }
  .oge-page-landing .page-content .why-choose-us .uk-container .body .block-img .img {
    transform: none;
  }
}
@media screen and (max-width: 1130px) and (max-width: 626px) {
  .oge-page-landing .page-content .why-choose-us .uk-container .body .block-img .img {
    width: 100%;
  }
  .oge-page-landing .page-content .why-choose-us .uk-container .body .block-img .img img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media screen and (max-width: 675px) {
  .oge-page-landing .page-content .why-choose-us .uk-container {
    gap: 40px;
  }
}
@media screen and (max-width: 838px) {
  .oge-page-landing .page-content .why-choose-us {
    background-size: 250%;
  }
}
.oge-page-landing .footer {
  padding: 25px;
  background: var(--dark-green-d-50, #EBEDEE);
}
.oge-page-landing .footer-copyright {
  display: flex;
  justify-content: space-between;
  color: var(--dark-green-d-300, #354F52);
  font-family: Kanit;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.oge-page-landing .footer-copyright span > span {
  font-weight: 600;
}
.oge-page-landing .footer-copyright a {
  text-decoration: none;
  color: var(--dark-green-d-300, #354F52);
}
@media screen and (max-width: 700px) {
  .oge-page-landing .footer-copyright {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}/*# sourceMappingURL=landing.css.map */