html {
font-size: 0.9vw !important;
}
@media (max-width: 880px) {
html {
font-size: 1.7vw !important;
}
body .hero-content-box {
padding: 1.5rem;
background: #ffffffb0;
backdrop-filter: blur(4px);
border-radius: 10px;
}
}
#primary {
margin: 5.7rem 0 0 0;
}
.svg-border,
.svg-border div {
display: inline-flex !important;
}
body a,
body a:focus,
body a:hover,
a:visited {
text-decoration: none !important;
outline: none;
}
.dlf-card-menu-btn:focus,
.dasaprakash-location-card-button:focus{
color: #C09334;
}
.dasaprakash-location-card-button.dasaprakash-location-card-direction:focus,
.dasaprakash-location-gallery-btn:focus {
color: #ffffff;
}
@media (max-width: 767px) {
html {
font-size: 2.3vw !important;
}
body .scan-qr-code-img>div {
display: flex;
align-items: center;
gap: 0.5rem;
}
body .scan-qr-code-checkbox ul li {
width: 100%;
padding-bottom: 1rem !important;
}
body .scan-qr-code-checkbox ul li:after {
content: none !important;
}
}
body img {
width: 100%;
height: auto;
}
body .ast-single-post .entry-content a,
body .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
text-decoration: none;
}
body .elementor-button {
overflow: hidden;
display: inline-flex !important;
}
body body .elementor-button-content-wrapper {
padding: 0.5rem 1rem !important;
}
body .elementor-button-text-wrap {
position: relative;
display: block;
overflow: hidden;
padding: 0.4rem !important;
}
body .elementor-button-text {
display: block;
transition: transform .45s cubic-bezier(.76, 0, .24, 1);
}
body .elementor-button-text-copy {
position: absolute;
left: 0;
top: 100%;
width: 100%;
transition: transform .45s cubic-bezier(.76, 0, .24, 1);
}
body .elementor-button:hover .elementor-button-text,
body .elementor-button:hover .elementor-button-text-copy {
transform: translateY(calc(-100% - 0.4rem));
}
body .animation-effect a {
overflow: hidden;
position: relative;
width: auto !important;
}
body .animation-effect a .nav-link-text-wrap {
position: relative;
display: inline-block;
overflow: hidden;
color: #fff;
border-bottom: 0.1rem solid transparent;
transition: all 0.3s;
}
body .animation-effect a .nav-link-text-wrap:hover {
border-color: #fff;
transition: all 0.3s;
}
body .animation-effect a .nav-link-text {
display: block;
transition: transform .45s cubic-bezier(.76, 0, .24, 1);
}
body .animation-effect a .nav-link-text-copy {
position: absolute;
left: 0;
top: 100%;
width: 100%;
transition: transform .45s cubic-bezier(.76, 0, .24, 1);
}
body .animation-effect a:hover .nav-link-text,
body .animation-effect a:hover .nav-link-text-copy {
transform: translateY(calc(-100%));
}
body .wpr-nav-menu li a {
overflow: hidden;
}
body .wpr-nav-menu li a .nav-link-text-wrap {
position: relative;
display: flex;
overflow: hidden;
}
body .wpr-nav-menu li a .nav-link-text {
display: block;
transition: transform .45s cubic-bezier(.76, 0, .24, 1);
}
body .wpr-nav-menu li a .nav-link-text-copy {
position: absolute;
left: 0;
top: 100%;
width: 100%;
transition: transform .45s cubic-bezier(.76, 0, .24, 1);
}
body .wpr-nav-menu li a:hover .nav-link-text,
body .wpr-nav-menu li a:hover .nav-link-text-copy {
transform: translateY(calc(-100%));
}
body .reservation-form {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.75rem 1.375rem;
position: relative;
z-index: 2;
margin-bottom: 0 !important;
}
body .reservation-form .form-group {
width: 100%;
}
body .reservation-form .full-width {
grid-column: 1/-1;
}
body .reservation-form input,
body .reservation-form select,
body .reservation-form textarea {
width: 100%;
border: 1px solid #CAB99B;
background: transparent;
color: #87652d;
padding: 0.75rem 1rem !important;
font-size: 1rem;
line-height: 1.5rem;
outline: none;
border-radius: 6px;
height: auto;
}
body .reservation-form .wpcf7-not-valid-tip {
font-size: 0.9rem;
line-height: 1;
margin-top: 0.5rem;
}
body .reservation-form input:not(.wpcf7-submit),
body .reservation-form select {
height: 3.25rem;
}
body .reservation-form input::placeholder,
body .reservation-form textarea::placeholder {
color: #927E5C;
}
body .reservation-form select {
appearance: none;
-webkit-appearance: none;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23b8872b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 1.125rem center;
}
body .reservation-form textarea {
resize: none;
max-height: 7.5rem;
}
body .reservation-form input:focus,
body .reservation-form textarea:focus {
border: 1px solid var(--e-global-color-05240de) !important;
color: var(--e-global-color-05240de);
background: transparent;
}
body .reservation-form select:focus {
border: 1px solid var(--e-global-color-05240de) !important;
color: var(--e-global-color-05240de);
}
body .reservation-form .button-wrap {
display: flex;
justify-content: center;
margin-top: 0.5rem;
}
body .reservation-form .wpcf7-submit {
background: var(--e-global-color-accent);
color: #fff !important;
border: 1px solid var(--e-global-color-accent) !important;
padding: 0.5rem 1.5rem !important;
font-size: 1.25rem;
text-transform: uppercase;
cursor: pointer;
border-radius: 8px !important;
}
body .reservation-form .wpcf7-submit:hover {
background: #b28220;
}
body .reservation-form .wpcf7-submit .elementor-button-text-wrap {
padding: 0.4rem !important;
}
body .reservation-form .wpcf7-submit:hover .elementor-button-text,
body .reservation-form .wpcf7-submit:hover .elementor-button-text-copy {
transform: translateY(calc(-100% - 0.4rem));
}
body .reservation-form .button-wrap p {
position: relative;
}
body .reservation-form .wpcf7-spinner {
position: absolute;
bottom: -1.7rem;
left: 0;
width: 1.5rem;
height: 1.5rem;
}
body .reservation-form .wpcf7-spinner::before {
top: 0.5rem;
left: 0.25rem;
width: 0.37rem;
height: 0.375rem;
transform-origin: 0.5rem;
}
body .reservation-form input.date-field {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23b8872b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: calc(100% - 0.7rem);
background-size: 1.5rem;
}
body .reservation-form input.time-field {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23b8872b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: calc(100% - 0.7rem);
background-size: 1.5rem;
} body .main-header .wpr-nav-menu .wpr-menu-item {
padding-left: 0.4375rem !important;
padding-right: 0.4375rem !important;
padding-top: 1.888rem !important;
padding-bottom: 1.888rem !important;
}
body .main-header .wpr-nav-menu>.menu-item {
margin-left: 0.625rem !important;
margin-right: 0.625rem !important;
}
body .main-header .wpr-sub-menu .wpr-sub-menu-item {
padding-left: 0.9375rem !important;
padding-right: 0.9375rem !important;
padding-top: 0.8125rem !important;
padding-bottom: 0.8125rem !important;
}
body .main-header .menu-item-has-children .wpr-sub-icon {
font-size: 0.875rem !important;
}
body .main-header .wpr-mobile-toggle {
width: 3.125rem !important;
}
body .main-header .wpr-mobile-toggle-line {
height: 0.25rem !important;
margin-bottom: 0.375rem !important;
}
body .main-header .wpr-mobile-nav-menu .wpr-mobile-sub-menu-item {
font-size: 0.875rem !important;
}
body .main-header .wpr-mobile-nav-menu .wpr-mobile-menu-item {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
body .main-header .wpr-mobile-nav-menu a {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
body .main-header .wpr-nav-menu .wpr-sub-menu {
width: 11.25rem !important;
}
body .main-header .wpr-nav-menu>li>a,
body .main-header .wpr-mobile-nav-menu>li>a {
font-size: 1rem !important;
}
body .main-header .wpr-sub-menu .wpr-sub-menu-item {
font-size: 0.875rem !important;
}
body .main-header .wpr-nav-menu-horizontal .wpr-menu-item .wpr-sub-icon {
margin-left: 0.4375rem !important;
}
body .main-header .wpr-menu-item::after {
transform: translateY(1rem) !important;
}
body .main-header .wpr-nav-menu .wpr-sub-mega-menu {
transform: translateY(0px) !important;
}
body .main-header .location-mega-menu .e-n-tab-title[aria-selected=true] .e-n-tab-icon svg path {
fill: var(--n-tabs-icon-color-active);
transition: all 0.3s;
}
body .main-header .location-mega-menu .e-n-tab-title:hover,
body .main-header .location-mega-menu .e-n-tab-title:focus {
border-radius: 0;
}
body .main-header .location-mega-menu .e-n-tab-title:hover .e-n-tab-icon svg path,
body .main-header .location-mega-menu .e-n-tab-title:focus .e-n-tab-icon svg path {
fill: var(--n-tabs-icon-color-active);
transition: all 0.3s;
}
body .main-header .location-mega-menu .elementor-widget-n-tabs {
overflow: hidden;
}
body .main-header .location-mega-menu .elementor-widget-n-tabs .elementor-image-box-wrapper .elementor-image-box-title {
margin-top: 0.3rem;
display: inline-block;
}
body .main-header .location-mega-menu .elementor-widget-n-tabs {
height: 30rem;
}
body .main-header .location-mega-menu .elementor-widget-n-tabs .e-n-tabs {
height: 100%;
}
body .main-header .location-mega-menu .city-location-menu {
overflow-y: auto;
}
body .main-header .location-mega-menu .e-n-tabs-heading {
overflow-y: auto;
flex-wrap: nowrap;
}
body .main-header .location-mega-menu .city-location-menu::-webkit-scrollbar-track,
body .main-header .location-mega-menu .e-n-tabs-heading::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #F5F5F5;
}
body .main-header .city-location-menu::-webkit-scrollbar,
body .main-header .location-mega-menu .e-n-tabs-heading::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
}
body .main-header .city-location-menu::-webkit-scrollbar-thumb,
body .main-header .location-mega-menu .e-n-tabs-heading::-webkit-scrollbar-thumb {
background-color: var(--e-global-color-primary);
border-radius: 0.5rem;
}
body .main-header .city-location-menu>.e-con-inner {
height: auto;
}
body .main-header .city-name .elementor-image-box-wrapper {
display: flex !important;
gap: 0.5rem !important;
}
body .main-header .city-name .elementor-image-box-img {
margin-top: 0.2rem !important;
}
body .main-header .wpr-mobile-menu-display-dropdown .wpr-mobile-mega-menu-wrap {
width: 100% !important;
position: fixed !important;
left: 0 !important;
}
body.ast-page-builder-template .site .site-content #primary {
margin: 5.7rem 0;
}
@media(max-width:767px) {
body .reservation-form {
grid-template-columns: 1fr;
}
body .reservation-form .wpcf7-submit {
width: 100%;
}
body .reservation-form input[type="date"],
body .reservation-form input[type="time"] {
width: 100% !important;
max-width: -webkit-fill-available !important;
box-sizing: border-box;
height: 3.25rem !important;
text-align: start !important;
-webkit-text-align: start !important;
color: #87652d !important;
}
body .reservation-form input:not(.wpcf7-submit), 
body .reservation-form select{
height: 3.5rem;
}
body .reservation-form input, body .reservation-form select, body .reservation-form textarea{
font-size: 1.3rem;
}
}
body .count-number h4.elementor-icon-box-title {
margin: 0.3rem 0 0.7rem 0;
}
body .count-number .vertical-line {
width: 0.1rem;
height: 4.5rem;
background: #00000020;
}
body .celebrate-moment .elementor-widget-image {
overflow: hidden;
border-radius: 16px;
}
body .celebrate-moment img {
scale: 1;
transition: all 0.3s;
}
body .celebrate-moment:hover img {
scale: 1.2;
transition: all 0.3s;
}
@media(max-width:880px) {
body .our-story-img,
body .location-section {
position: relative;
}
}   body .our-journey-us:after {
content: "";
width: 100%;
height: 0.1rem;
position: absolute;
left: 50%;
top: 19%;
background: #c09334a1;
z-index: 0;
}
body .our-journey-us:last-child:after {
content: none;
}
body .our-journey-us:first-child:before {
content: "";
width: 50%;
height: 0.1rem;
position: absolute;
left: 00%;
top: 19%;
background: linear-gradient(90deg, #FEF7ED 0%, #c09334a1 50%, #c09334a1 100%, #FEF7ED 100%);
z-index: 0;
}
body .our-journey-us:last-child:before {
content: "";
width: 50%;
height: 0.1rem;
position: absolute;
left: 50%;
top: 19%;
background: linear-gradient(270deg, #FEF7ED 0%, #c09334a1 50%, #c09334a1 100%, #FEF7ED 100%);
z-index: 0;
}
@media(max-width:880px) {
body .our-journey-us:after,
body .our-journey-us:first-child:before,
body .our-journey-us:last-child:before {
content: none;
}
}
body .gallery .eael-gallery-grid-item {
margin: 0.8rem !important;
}
body .gallery .gallery-item-caption-wrap {
display: none !important;
}
body .gallery .eael-filter-gallery-control {
background: rgb(192 147 52 / 10%);
border-radius: 12px;
margin-top: 1rem;
margin-bottom: 2rem;
padding: 2rem;
padding-top: 7rem;
}
body .gallery .eael-filter-gallery-control>ul li {
margin: 0.5rem;
}
body button.mfp-close {
width: auto !important;
border: none !important;
font-size: 25px !important;
}
body button.mfp-close:hover {
background: none !important;
border: none !important;
}
body button.mfp-arrow,
body button.mfp-arrow:hover {
background: none !important;
}
body .mfp-bottom-bar .mfp-counter {
right: auto;
left: auto;
width: 100%;
text-align: center;
font-family: 'Playfair Display';
line-height: normal;
}
body .menu-categories .menu-tab svg {
border-radius: 50%;
border: 2px solid #00000010;
}
body .menu-categories .menu-tab h3.elementor-icon-box-title {
line-height: 1 !important;
}
body .menu-content {
display: none !important;
}
body .menu-content.active {
display: block !important;
}
body .menu-categories .menu-tab {
cursor: pointer;
}
body .menu-categories .menu-tab.active h3.elementor-icon-box-title {
color: var(--e-global-color-primary) !important;
} body .testimonial-slider {
margin: 0 !important;
}
body .testimonial-slider .slick-list {
padding: 1rem 0;
}
body .testimonial-slider .slick-track>div {
display: flex !important;
}
body .testimonial-slider .slick-dots {
position: absolute;
left: -10rem;
bottom: -8rem;
width: 100%;
}
body .testimonial-slider .slick-dots li {
width: 1rem;
height: 1rem;
}
@media (max-width: 880px) {
body .testimonial-slider .slick-dots {
left: 0rem;
bottom: -4rem;
}
body .testimonial-slider ul.slick-dots {
padding-left: 0 !important;
}
body .hero-home-slider .slick-track>div {
min-height: 53rem;
}
}
body .testimonial-slider .slick-dots li button {
width: auto;
height: auto;
padding: 0;
}
body .testimonial-slider .slick-dots li button:before {
font-size: 0.8rem;
line-height: 0;
width: auto;
height: auto;
opacity: .50;
color: var(--e-global-color-240eb98);
}
body .testimonial-slider .slick-dots li.slick-active button:before {
opacity: 1;
color: var(--e-global-color-240eb98);
}
body .hero-home-slider .slick-track>div {
min-height: 43rem;
display: flex !important;
} body.home .elementor-67 .elementor-element.elementor-element-a0ea1c6 {
position: relative;
}
body .gallery-slider .slick-slide {
margin: 0 0.6rem;
}
body button.gallery-prev,
body button.gallery-next {
position: absolute;
background: #00000000 !important;
border: none !important;
border-radius: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
bottom: 6.5rem;
}
body button.gallery-prev svg,
body button.gallery-next svg {
width: 2.5rem;
height: 2.5rem;
}
body button.gallery-prev {
left: -4rem;
right: auto;
}
body button.gallery-next {
left: auto;
right: -4rem;
transform: rotate(180deg);
}
@media (max-width: 1200px) {
body button.gallery-prev {
left: -1.5rem;
}
body button.gallery-next {
right: -1.5rem;
}
body .our-signature-exp {
position: relative;
}
}
@media (max-width: 880px) {
body button.gallery-prev,
body button.gallery-next {
bottom: 9rem;
}
body button.gallery-prev {
left: -1rem;
}
body button.gallery-next {
right: -1rem;
}
body .thailand-hero-section {
position: static;
}
body .thailand-hero-section:before {
background-image: linear-gradient(180deg, #FEF7ED00 29%, var(--e-global-color-80f3fa6) 36%) !important;
}
}
@media (max-width: 767px) {
body button.gallery-prev,
body button.gallery-next {
bottom: 7rem;
}
body .menu-select-location {
position: static !important;
text-align: center;
padding-bottom: 1rem;
}
body .footer-reserve-table {
position: static !important;
}
}
@media (max-width: 500px) {
body .gallery-slider .slick-list {
padding-right: 4rem;
}
body button.gallery-prev,
body button.gallery-next {
display: none !important;
}
}