* {
box-sizing: border-box;
}
html,
body {
border: 0;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
-webkit-scroll-behavior: smooth;
-moz-scroll-behavior: smooth;
-ms-scroll-behavior: smooth;
scroll-behavior: smooth;
}
[class*="mi-icon-"]:before {
display: inline-block;
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mi-icon-book:before {
content: "\e957";
}
.mi-icon-dropdown-down:before {
content: "\e932";
}
.mi-icon-dropdown-up:before {
content: "\e93a";
}
.mi-icon-plus:before {
content: "\e95e";
}
.mi-icon-minus:before {
content: "\e951";
}
.mi-icon-check:before {
content: "\e92c";
}
.mi-icon-back-arrow-cropped:before {
content: "\e929";
}
.mi-icon-right-arrow:before {
content: "\e922";
}
.mi-icon-arrow-left:before {
content: "\e921";
}
.mi-icon-arrow-right-cropped:before {
content: "\e924";
}
.mi-icon-hour-guarantee:before {
content: "\e915";
}
.mi-icon-location:before {
content: "\e900";
}
.mi-icon-clock:before {
content: "\e901";
}
.mi-icon-nearby:before {
content: "\e9a5";
}
.mi-icon-cancel:before {
content: "\e92b";
}
.mi-icon-search:before {
content: "\e961";
}
.mi-icon-close:before {
content: "\e92d";
}
.mi-icon-filter:before {
content: "\e941";
}
.mi-icon-phone:before {
content: "\e95d";
}
.mi-icon-website:before {
content: "\e968";
}
.mi-icon-city:before {
content: "\e986";
}
.mi-icon-info:before {
content: "\e94a";
}
.mi-icon-forward-arrow:before {
content: "\e942";
}
.mi-icon-arrow-up:before {
content: "\e925";
}
.mi-icon-arrow-down:before {
content: "\e932";
}
.h-r-label-form-field {
display: block;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 500;
-webkit-letter-spacing: 0;
-moz-letter-spacing: 0;
-ms-letter-spacing: 0;
letter-spacing: 0;
line-height: 1rem;
-webkit-letter-spacing: 0.08125rem;
-moz-letter-spacing: 0.08125rem;
-ms-letter-spacing: 0.08125rem;
letter-spacing: 0.08125rem;
color: #231c19;
font-family: Swiss721-BT-Medium, Helvetica, Arial, sans-serif;
}
@media screen and (min-width:48rem) {
.h-r-label-form-field {
color: #767676;
}
}
.h-r-form-field-txt {
color: #767676;
font-family: Swiss721-BT-Regular, Helvetica, Arial, sans-serif;
font-size: 1.125rem;
-webkit-letter-spacing: 0;
-moz-letter-spacing: 0;
-ms-letter-spacing: 0;
letter-spacing: 0;
line-height: 1.25rem;
font-family: Swiss721-BT-Medium, Helvetica, Arial, sans-serif;
}
@media screen and (min-width:48rem) {
.h-r-form-field-txt {
font-family: Swiss721-BT-Regular, Helvetica, Arial, sans-serif;
font-size: 1.125rem;
-webkit-letter-spacing: 0;
-moz-letter-spacing: 0;
-ms-letter-spacing: 0;
letter-spacing: 0;
line-height: 1.5rem;
color: #231c19;
}
}
@media (min-width:62rem) {
.h-r-form-field-txt {
font-family: Swiss721-BT-Regular, Helvetica, Arial, sans-serif;
font-size: 1.375rem;
-webkit-letter-spacing: 0;
-moz-letter-spacing: 0;
-ms-letter-spacing: 0;
letter-spacing: 0;
line-height: 1.625rem;
}
}
.h-r-form-field-txt-small {
font-family: Swiss721-BT-Regular, Helvetica, Arial, sans-serif;
font-size: 0.875rem;
-webkit-letter-spacing: 0;
-moz-letter-spacing: 0;
-ms-letter-spacing: 0;
letter-spacing: 0;
line-height: 1.5rem;
}
.h-r-body-txt-medium {
font-family: Swiss721-BT-Regular, Helvetica, Arial, sans-serif;
font-size: 0.875rem;
-webkit-letter-spacing: 0;
-moz-letter-spacing: 0;
-ms-letter-spacing: 0;
letter-spacing: 0;
line-height: 1rem;
}
.sr-only {
position: absolute;
width: 0.0625rem;
height: 0.0625rem;
padding: 0;
margin: -0.0625rem;
overflow: hidden;
-webkit-clip: rect(0, 0, 0, 0);
clip: rect(0, 0, 0, 0);
border: 0;
}
.h-r-cta-primary-black {
font-family: Swiss721-BT, Helvetica, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 500;
-webkit-letter-spacing: 0;
-moz-letter-spacing: 0;
-ms-letter-spacing: 0;
letter-spacing: 0;
line-height: 1.25rem;
text-align: center;
border-radius: 1.625rem;
box-shadow: 0 0.25rem 1.25rem 0 rgba(0, 0, 0, 0.07);
-webkit-text-decoration: none;
text-decoration: none;
display: inline-block;
box-shadow: none;
color: #ffffff;
background-color: #231c19;
padding: 1rem 1.25rem;
border: none;
}
@media screen and (min-width:48rem) {
.h-r-cta-primary-black {
font-family: Swiss721-BT-Medium, Helvetica, Arial, sans-serif;
}
}
@media (min-width:62rem) {
.h-r-cta-primary-black {
font-size: 0.875rem;
line-height: 1rem;
}
}
.h-r-cta-primary-black:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
@media screen and (min-width:48rem) {
.h-r-cta-primary-black {
border-radius: 1.4375rem;
}
}
@media screen and (min-width:48rem) {
.h-r-cta-primary-black {
background: #000000;
padding: 0.875rem 0.75rem;
font-size: 1.125rem;
line-height: 1.125rem;
}
}
.h-r-cta-primary-white {
font-family: Swiss721-BT, Helvetica, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 500;
-webkit-letter-spacing: 0;
-moz-letter-spacing: 0;
-ms-letter-spacing: 0;
letter-spacing: 0;
line-height: 1.25rem;
text-align: center;
border-radius: 1.625rem;
box-shadow: 0 0.25rem 1.25rem 0 rgba(0, 0, 0, 0.07);
-webkit-text-decoration: none;
text-decoration: none;
display: inline-block;
box-shadow: none;
color: #000000;
background: #ffffff;
width: 100%;
padding: 1rem 0.75rem 1rem;
border: none;
}
@media screen and (min-width:48rem) {
.h-r-cta-primary-white {
font-family: Swiss721-BT-Medium, Helvetica, Arial, sans-serif;
}
}
@media (min-width:62rem) {
.h-r-cta-primary-white {
font-size: 0.875rem;
line-height: 1rem;
}
}
.h-r-cta-primary-white:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
@media screen and (min-width:48rem) {
.h-r-cta-primary-white {
border-radius: 1.4375rem;
}
}
.h-r-cta-secondary-white {
font-family: Swiss721-BT, Helvetica, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 500;
-webkit-letter-spacing: 0;
-moz-letter-spacing: 0;
-ms-letter-spacing: 0;
letter-spacing: 0;
line-height: 1.25rem;
text-align: center;
border-radius: 1.625rem;
box-shadow: 0 0.25rem 1.25rem 0 rgba(0, 0, 0, 0.07);
-webkit-text-decoration: none;
text-decoration: none;
display: inline-block;
box-shadow: none;
color: #000000;
background: #fcfcfc;
border: 0.09375rem solid #000000;
padding: 0.6875rem 0.75rem 0.8125rem;
width: auto;
}
@media screen and (min-width:48rem) {
.h-r-cta-secondary-white {
font-family: Swiss721-BT-Medium, Helvetica, Arial, sans-serif;
}
}
@media (min-width:62rem) {
.h-r-cta-secondary-white {
font-size: 0.875rem;
line-height: 1rem;
}
}
.h-r-cta-secondary-white:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
@media screen and (min-width:48rem) {
.h-r-cta-secondary-white {
border-radius: 1.4375rem;
}
}
@media screen and (min-width:48rem) {
.h-r-cta-secondary-white {
font-size: 0.875rem;
line-height: 1rem;
}
}
.link-white {
color: #ffffff;
font-size: 0.8125rem;
line-height: 1rem;
font-family: Swiss721-BT-Medium, Helvetica, Arial, sans-serif;
background: none;
border: none;
}
.link-white:hover {
cursor: pointer;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.h-r-center-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.custom-scrollbar::-webkit-scrollbar {
width: 0.3125rem;
}
.custom-scrollbar::-webkit-scrollbar-track {
background: #ffffff;
border-radius: 0.125rem;
margin: 0.75rem 0;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background-color: #c0c0c0;
border-radius: 0.125rem;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
background: #878787;
}
.MuiAutocomplete-clearIndicator {
visibility: hidden;
}
.MuiAutocomplete-endAdornment {
position: absolute;
}
@media screen and (min-width:48rem) {
.blue-outline button:focus,
.blue-outline input:focus+span {
outline: 0.125rem solid #065AF6;
outline-offset: 0.625rem;
}
}
data-styled.g1[id="sc-global-hgGgbt1"] {
content: "sc-global-hgGgbt1,"
}
.modal-content {
border-radius: 0.5px;
padding: 2rem;
}
.form-control:focus {
box-shadow: none;
}
.benefits-icon {
color: #f96e5b;
font-size: 1.5rem;
}
.benefits-text {
font-size: 0.9rem;
margin-top: 0.5rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.remember-me label {
margin-left: 0.5rem;
}
.btn-primary {
background-color: #000;
border: none;
}
.btn-outline-primary {
border-color: #000;
color: #000;
}
.btn-outline-primary:hover {
background-color: #000;
color: #fff;
}
.modal-header .btn-close {
margin: -1rem -1rem -1rem auto;
}
.m-dialog-close-btn {
border: 1px solid !important;
}
.modal-body .icon-container {
display: flex;
}
.icon-container .icon-container__detail {
gap: 1rem;
display: flex;
width: 100%;
}
.icon-container .content-icon {
font-size: 2.5rem;
}
.leafylush-header-primary-logo {
border-radius: 8px;
}
.pd-20-bothside {
padding: 0px 40px !important;
}
@media(max-width:700px) {
.main-content {
margin-top: 30% !important;
}
}
.social-link {
font-size: 1.6em !important;
}
.footer_logo_box {
background: #000000;
border-radius: 11px;
}
.zoom-img-container {
overflow: hidden;
/* height: 200px; */
}
.card {
perspective: 1000px;
}
.zoom-img-container {
position: relative;
overflow: hidden;
border-radius: 18px;
transition: transform 0.6s cubic-bezier(.21, .6, .35, 1),
box-shadow 0.6s ease;
}
.zoom-img-container img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.8s cubic-bezier(.21, .6, .35, 1);
}
/* Shine overlay */
.zoom-img-container::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(120deg,
transparent 20%,
rgba(255, 255, 255, 0.35),
transparent 80%);
transform: translateX(-120%);
transition: transform 0.8s ease;
}
/* Hover Effect */
.card:hover .zoom-img-container {
transform: rotateX(6deg) rotateY(-6deg) scale(1.03);
box-shadow: 0 30px 70px rgba(0, 0, 0, 0.25);
}
.card:hover .zoom-img-container img {
transform: scale(1.2);
}
.card:hover .zoom-img-container::after {
transform: translateX(120%);
}
.room-card {
position: relative;
overflow: hidden;
border-radius: 18px;
transition: transform 0.6s cubic-bezier(.21, .6, .35, 1),
box-shadow 0.6s ease;
}
.room-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.8s cubic-bezier(.21, .6, .35, 1);
}
/* Shine overlay */
.room-card::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(120deg,
transparent 20%,
rgba(255, 255, 255, 0.35),
transparent 80%);
transform: translateX(-120%);
transition: transform 0.8s ease;
}
/* Hover Effect */
.card:hover .room-card {
transform: rotateX(6deg) rotateY(-6deg) scale(1.03);
box-shadow: 0 30px 70px rgba(0, 0, 0, 0.25);
}
.card:hover .room-card img {
transform: scale(1.2);
}
.card:hover .room-card::after {
transform: translateX(120%);
}
.btn-dark {
position: relative;
background: #111;
color: #fff;
font-weight: 600;
border: none;
cursor: pointer;
overflow: hidden;
transition:
transform 0.3s ease,
box-shadow 0.3s ease;
}
/* Sliding light */
.btn-dark::before {
content: "";
position: absolute;
top: 0;
left: -120%;
width: 120%;
height: 100%;
background: linear-gradient(120deg,
transparent,
rgba(255, 255, 255, 0.35),
transparent);
transition: 0.6s;
}
/* Glow border */
.btn-dark::after {
content: "";
position: absolute;
inset: -2px;
border-radius: 50px;
background: #f2da76;
opacity: 0;
filter: blur(12px);
transition: 0.4s;
z-index: -1;
}
/* Hover */
.btn-dark:hover {
transform: translateY(-4px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
color: #000;
background: #f2da76;
}
.btn-dark:hover::before {
left: 120%;
}
.btn-dark:hover::after {
opacity: 1;
}
.btn-primary {
position: relative;
background: #111;
color: #fff;
font-weight: 600;
border: none;
cursor: pointer;
overflow: hidden;
transition:
transform 0.3s ease,
box-shadow 0.3s ease;
}
/* Sliding light */
.btn-primary::before {
content: "";
position: absolute;
top: 0;
left: -120%;
width: 120%;
height: 100%;
background: linear-gradient(120deg,
transparent,
rgba(255, 255, 255, 0.35),
transparent);
transition: 0.6s;
}
/* Glow border */
.btn-primary::after {
content: "";
position: absolute;
inset: -2px;
border-radius: 50px;
background: #f2da76;
opacity: 0;
filter: blur(12px);
transition: 0.4s;
z-index: -1;
}
/* Hover */
.btn-primary:hover {
transform: translateY(-4px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
color: #000;
background: #f2da76;
}
.btn-primary:hover::before {
left: 120%;
}
.btn-primary:hover::after {
opacity: 1;
}
/* .zoom-img {
transition: transform 0.5s ease;
width: 100%;
height: 100%;
object-fit: cover;
}
.zoom-img-container:hover .zoom-img {
transform: scale(1.1);
}
.zoom-img-container:hover .fade-in {
opacity: 0.8;
transform: scale(1.1);
transform: rotate(-2deg);
animation: lightRotate 1s ease-out forwards;
}
.fade-in.animate {
animation: fadeIn 1s forwards;
}
.zoom-img-container:hover .slide-up {
animation: slideUp 0.8s forwards;
transform: translateY(20px);
opacity: 0.8;
animation: slideUp 0.8s forwards;
}
@keyframes fadeIn {
to {
opacity: 1;
}
}
@keyframes slideUp {
to {
transform: translateY(0);
opacity: 1;
}
} */
.swiper-button-prev {
top: 103px !important;
z-index: 9999 !important;
background: none !important;
font-size: 0px !important;
color: white !important;
border: none !important;
}
.swiper-button-next {
top: 103px !important;
z-index: 9999 !important;
background: none !important;
font-size: 0px !important;
color: white !important;
border: none !important;
}
/* .daterangepicker {
z-index: 9999 !important;
} */
.filters {
border-right: 1px solid grey;
height: inherit;
}
.filters select {
font-size: 18px;
/* Makes text bigger */
padding: 12px 16px;
/* Adds space inside */
border-radius: 6px;
/* Optional: rounded corners */
width: 100% !important;
}
.filters select option {
font-size: 18px;
padding: 10px;
background-color: white;
/* Black background for options */
color: black;
}
#dateRangeFiler {
font-size: 18px;
/* Makes text bigger */
padding: 12px 16px;
/* Adds space inside */
border-radius: 6px;
/* Optional: rounded corners */
width: 100% !important;
}
.filters .dropdown-menu {
width: 300px;
padding: 20px;
}
.filters .counter {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1rem;
}
.filters-button {
font-size: 18px;
/* Makes text bigger */
/* padding: 12px 16px;
padding: 10px; */
background-color: white;
/* Black background for options */
color: black;
}
.bggrey {
background: #eeeeee;
}
.myroom {
border-radius: 10px;
}
.zoom-img-container {
position: relative;
}
.gallery_text {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
color: white;
opacity: 0;
transition: opacity 0.3s ease;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 12px;
}
.zoom-img-container:hover .gallery_text {
opacity: 1;
}
.gallery_text_show {
font-size: 20px;
font-style: italic;
}
#galleryTabs .nav-item .nav-link {
color: #8e8c8b !important;
}
#galleryTabs .nav-item .active {
color: black !important;
}
.l-button {
font-size: 0.7rem !important;
height: 31px !important;
line-height: 1.75rem !important;
}
/* testimonai-css */
.reviews-area {
position: relative;
}
.section-headline h3 {
margin-bottom: 5px;
}
.Reviews-content {
overflow: hidden;
}
.reviews-area .testimonial-carousel .owl-stage {
display: flex;
/* align-items: center; */
}
.single-testi {
margin: 0px 0px 30px;
height: 100%;
}
.clients-text {
position: relative;
transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* .clients-text::after {
content: "";
position: absolute;
left: -10%;
top: -53%;
width: 324px;
height: 256px;
background: #f2da76;
opacity: 0.1;
border-radius: 0px 0px 255px 0px;
transition: .3s linear;
z-index: -2;
}
.clients-text::before {
content: "";
position: absolute;
left: -10%;
top: -100%;
width: 324px;
height: 256px;
background: #f2da76;
border-radius: 0px 0px 255px 0px;
transition: .3s linear;
z-index: -1;
}
.clients-text:hover::before {
top: -53%;
}
.clients-text:hover::after {
opacity: 0;
} */
.testi-text {
height: 100%;
}
.clients-text {
padding: 30px 30px;
position: relative;
height: 100%;
background: rgb(255 255 255 / 70%);
border-radius: 15px;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
border: 1px solid #ddd;
text-align: center;
overflow: hidden;
cursor: pointer;
/* border-radius: 4px; */
}
.dots-header {
/* display: none !important;*/
}
.dining-card-drawer__container {
border-radius: 18px;
padding: 20px 20px 20px !important;
margin-top: 20px !important;
-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1) !important;
}
.ld-faq {
/* padding: 24px;
-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
border-radius: 15px; */
margin-bottom: 50px;
}
.faq-accordion .ld-faq h3 {
margin-bottom: 30px !important;
}
.ld-faq .accordion .accordion-item {
padding: 5px 20px;
border: none;
border-radius: 10px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
}
.accordion-header {
margin-bottom: 0;
}
.ld-faq .accordion .accordion-item .accordion-button {
padding: 9px 0;
color: #000;
background-color: unset;
font-size: 16px;
color: #000;
}
.ld-faq .accordion .accordion-item .accordion-collapse {
border-radius: 10px;
}
.ld-faq .accordion .accordion-item .accordion-collapse .accordion-body {
border-top: 1px solid #e3e1e1;
position: relative;
padding: 15px 0;
}
.reviews-area {
padding: 100px 0 50px !important;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
}
.reviews-area .container {
position: relative;
z-index: 1;
}
[data-overlay-dark],
[data-overlay-darkgray],
[data-overlay-light] {
position: relative;
}
[data-overlay-dark]:before {
background: #000;
}
[data-overlay-dark="3"]:before,
[data-overlay-darkgray="3"]:before,
[data-overlay-light="3"]:before {
opacity: 0.3;
}
[data-overlay-dark]:before {
background: #000;
}
[data-overlay-dark]:before,
[data-overlay-darkgray]:before,
[data-overlay-light]:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
/* wellness-hover-effect-css-start */
.room-images {
position: relative;
overflow: hidden;
}
.room-box-item {
position: relative;
overflow: hidden;
}
.room-box-item .room-images {
position: relative;
overflow: hidden;
cursor: pointer;
}
.room-box-item .room-images img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transition: all 0.5s ease;
}
.room-box-item .room-images img:first-child {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
transform: translateX(50%) scaleX(2);
opacity: 0;
filter: blur(10px);
}
.room-box-item .room-images img:nth-child(2) {
position: relative;
z-index: 0;
transform: translateX(0) scaleX(1);
opacity: 1;
filter: blur(0);
}
.room-box-item:hover .room-images img:first-child {
transform: translateX(0) scaleX(1);
opacity: 1;
filter: blur(0);
}
.room-box-item:hover .room-images img:nth-child(2) {
transform: translateX(-50%) scaleX(2);
opacity: 0;
filter: blur(10px);
}
/* wellness-hover-effect-css-end */
.hero-slider {
position: relative;
width: 100%;
height: 70vh;
overflow: hidden;
}
.hero-slider-track {
width: 100%;
height: 100%;
position: relative;
}
.hero-slide {
position: absolute;
inset: 0;
opacity: 0;
transform: scale(1.1);
transition: all 1.2s ease;
}
.hero-slide.active {
opacity: 1;
transform: scale(1);
z-index: 1;
}
.hero-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Dark overlay */
.hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to right,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.2));
}
/* Arrows */
.hero-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 25px;
font-weight: bold;
color: #fff;
background: rgba(0, 0, 0, 0.5);
border: none;
width: 55px;
height: 55px;
border-radius: 50%;
cursor: pointer;
z-index: 10;
}
.hero-prev {
left: 30px;
}
.hero-next {
right: 30px;
}
/* Dots */
.hero-dots {
position: absolute;
bottom: 30px;
width: 100%;
text-align: center;
z-index: 10;
}
.hero-dots .dot {
width: 12px;
height: 12px;
background: #fff;
display: inline-block;
border-radius: 50%;
margin: 0 6px;
opacity: 0.4;
cursor: pointer;
}
.hero-dots .dot.active {
opacity: 1;
background: #f2da76;
}
/* Mobile */
@media(max-width:768px) {
.hero-slider {
height: 25vh;
}
.hero-slide img{
object-fit: cover;
}
.hero-nav {
width: 40px;
height: 40px;
font-size: 18px;
}
}
.hero-slide img {
animation: parallax 8s linear infinite;
}
@keyframes parallax {
from {
transform: scale(1) translateY(0);
}
to {
transform: scale(1.1) translateY(-20px);
}
}
@media (max-width: 767px) {
.rating_summary_container {
justify-content: space-between !important;
}
}
.testi-img {
position: relative;
margin-top: 15px;
display: block;
overflow: hidden;
}
.testi-img img {
max-width: 80px;
height: auto;
border-radius: 50px;
border: 1px solid #ccc;
float: left;
margin-right: 20px;
}
.Reviews-content {
margin-bottom: 15px;
}
.testi-text h4 {
font-weight: 600;
text-transform: capitalize;
font-size: 20px;
margin-bottom: 0px;
}
.guest-rev {
font-weight: 400;
}
.testi-text p {
margin-bottom: 0px;
}
.client-rating {
margin-bottom: 15px;
}
.testi-text span a {
color: #3078fb;
}
.testi-text h5 {
color: #6a7d91;
font-size: 20px;
}
.client-rating span {
display: inline-block;
color: #fec731;
font-size: 15px;
padding: 0px 5px 0px 0px;
}
.reviews-area .owl-dots div.owl-dot>span {
background: #7e8ca0 none repeat scroll 0 0;
display: inline-block;
height: 8px;
width: 8px;
-moz-transition: 0.4s;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
border-radius: 50%;
}
.reviews-area .owl-controls .owl-dots {
bottom: -20px;
display: block;
left: 50%;
margin-left: -40px;
position: absolute;
}
.testimonial-content {
margin-bottom: 15px;
}
.reviews-area .owl-dots div.owl-dot {
display: inline-block;
margin: 0 3px;
}
.reviews-area .owl-dots {
text-align: center;
}
.reviews-area .owl-dots div.owl-dot.active span {
background: #3078fb;
width: 30px;
border-radius: 3px;
}
.reviews-area .owl-nav {
display: none !important;
}
@media screen and (max-width:48rem) {
.sliderhome {
/* height: 30vh; */
/* margin-top: 91px; */
}
.filters {
border-bottom: 1px solid grey;
padding-bottom: 3%;
border-right: none !important;
}
.mtxg {
/* margin-top: 30% !important; */
}
}
.mtxg {
margin-top: 60px;
}
@media screen and (max-width:991px) {
.mtxg {
margin-top: 40px;
}
}