/* css color variables
 * --primary
 * --secondary
 * --accent
 * --heading
 * --body
 * */

@font-face {
	font-family: 'HeadingFont';
	src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
		 url('../fonts/Poppins-SemiBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SecondaryFont';
	src: url('../fonts/Poppins-Medium.woff2') format('woff2'),
		 url('../fonts/Poppins-Medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* responsive text */

@media only screen and ( min-width: 320px ) {
    html {
        font-size: 14px;
    }
}

@media only screen and ( min-width: 425px ) {
    html {
        font-size: 15px;
    }
}

@media only screen and ( min-width: 768px ) {
    html {
        font-size: 16px;
    }
}

@media only screen and ( min-width: 1025px ) {
    html {
        font-size: 17px;
    }
}

@media only screen and ( min-width: 1400px ) {
    html {
        font-size: 18px;
    }
}

h2, h3, h4, h5, h6 {
	font-family: 'HeadingFont', sans-serif;
}

h2 {
	font-size: 2.67rem;
    margin-bottom: 0.4em;
}

h3 {
	font-size: 1.33rem;
}

#header-01,
#header-01-mobile-header {
    box-shadow: 0 8px 32px 0 rgb(0,0,0,0.04);
}

#header-01 .header-left img {
    max-width: unset;
}

#header-01 .header-right nav ul li {
    padding: 1.85em 1em;
}

#header-01 .header-right nav ul li a {
	background-image: linear-gradient(90deg, var(--secondary), var(--secondary)) !important;
	background-size: 0 4px;
	font-family: 'HeadingFont';
}

#header-01 .header-right nav ul li:hover > a {
	background-size: 100% 4px;
}

#header-01 .header-right nav ul li.current-menu-item a {
    background-image: linear-gradient(90deg, var(--secondary), var(--secondary));
	background-size: 100% 4px;
	color: var(--secondary);
}

#header-01-mobile-header .mobile-header__right i {
    color: var(--primary);
}

#footer-02 {
    background-color: var(--primary);
}

#footer-02 div.global-footer__row-03 {
    background-color: unset;
}

#footer-02 ul.copyright-widget {
    align-items: center;
    display: flex;
    gap: 2em;
    justify-content: space-between;
}

#footer-02 ul.copyright-widget li p {
    color: #fff;
    font-size: 0.78rem;
}

#footer-02 ul.copyright-widget li ul#menu-footer-menu {
    display: flex;
    flex-flow: row wrap;
    font-size: 0.78rem;
    justify-content: center;
    list-style: none;
    margin: 0 -1em;
}

#footer-02 ul.copyright-widget li ul#menu-footer-menu li {
    padding: 0 1em;
    border-right: 1px solid rgba(255,255,255,0.16);
}

#footer-02 ul.copyright-widget li ul#menu-footer-menu li:last-child {
    padding: 0 1em;
    border-right: 0;
}

#footer-02 ul.copyright-widget li ul#menu-footer-menu li a {
    color: #fff;
    font-weight: normal;
}

@media only screen and ( max-width: 980px ) {
    #footer-02 ul.copyright-widget {
        flex-flow: row wrap;
        gap: 1em;
        justify-content: center;
    }
}

.button-module__wrapper span {
	font-family: 'SecondaryFont', sans-serif;
	font-size: 1rem;
	padding: 0.55em 1.7em;
}


.homepage-section__carousel-banner div.slider-module__cards__card-overlay {
    background: var(--secondary);
    background: linear-gradient(90deg, var(--secondary) 0%, rgba(255,255,255,0) 100%);
}

.homepage-section__carousel-banner article.slider-module__cards__card {
    align-items: center;
    display: flex;
    justify-content: center;
}

.homepage-section__carousel-banner div.slider-module__cards__card-content-container {
    max-width: 1248px;
}

.homepage-section__carousel-banner header.slider-module__cards__card-content p {
    display: block !important;
    font-size: 1rem;
    max-width: 592px;
}

.homepage-section__carousel-banner .slider-module__arrow .swiper-button-prev,
.homepage-section__carousel-banner .slider-module__arrow .swiper-button-prev:hover,
.homepage-section__carousel-banner .slider-module__arrow .swiper-button-next,
.homepage-section__carousel-banner .slider-module__arrow .swiper-button-next:hover {
    background: transparent;
}

.homepage-section__our-story div.two-column-layout__column-left div.two-column-layout__column-wrapper__container {
    align-items: center;
    display: flex;
}

.homepage-section__our-story div.two-column-layout__column-right div.image-module {
    text-align: right;
}

.homepage-section__testimonials .grid-module__cards__card-container.type-one {
    border-radius: 40px;
    box-shadow: 12px 10px 17px rgba(0,0,0,0.05);
    justify-content: flex-end;  
    padding: 2em;
    padding-top: 4.5em;
    text-align: center;
}

.homepage-section__testimonials h2 {
    margin-bottom: 0;
}

.homepage-section__testimonials div.grid-module__cards__card-image {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
}

.homepage-section__testimonials div.grid-module__cards__card-image img {
    border-radius: 50%;
}

.homepage-section__testimonials div.grid-module__cards__card-content p {
    line-height: 1.5;
}

.homepage-section__howdoesitwork div.two-column-layout__column-left {
    width: 30%;
}

.homepage-section__howdoesitwork div.two-column-layout__column-left div.image-module__wrapper {
    overflow: unset;
}

.homepage-section__howdoesitwork div.two-column-layout__column-left div.image-module__wrapper img {
    max-width: unset;
    transform: translateX(-35%);
}

.homepage-section__download-app {
    background: rgb(226,226,244);
    background: linear-gradient(138deg, rgba(226,226,244,1) 21%, rgba(250,232,246,1) 100%);
}

.homepage-section__howdoesitwork div.two-column-layout__column-right {
    width: 70%;
}

.homepage-section__howdoesitwork div.two-column-layout__column-right div.two-column-layout__column-wrapper__container {
    padding-left: 2em;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

.homepage-section__howdoesitwork div.two-column-layout__column-right div.text-module ol {
    counter-reset: custom-counter;
    list-style: none;
    margin-left: 0.5em;
    margin-top: 0.75em;
    padding-left: 1.5em;
}

.homepage-section__howdoesitwork div.two-column-layout__column-right div.text-module ol li {
    counter-increment: custom-counter;
    margin: 0 0 1.5rem 0;
    position: relative;
    border-left: 1px solid rgba(0,0,0,0.08);
    padding-left: 1em;
}

.homepage-section__howdoesitwork div.two-column-layout__column-right div.text-module ol li::before {
    color: var(--primary);
    content: counter(custom-counter);
    font-family: 'HeadingFont', serif;
    font-size: 1.5rem;
    left: -1.78rem;
    position: absolute;
    top: 0.22rem;
}

.homepage-section__features div.two-column-layout__column-left {
    width: 30%;
}

.homepage-section__features div.two-column-layout__column-right {
    width: 70%;
}

.homepage-section__features div.two-column-layout__column-right div.two-column-layout__column-wrapper__container {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

.homepage-section__booking div.booking-module div.booking-module__heading {
    display: grid;
    gap: 1.9em;
    grid-template-columns: 1fr 1fr;
}

@media only screen and ( max-width: 980px ) {
    .homepage-section__booking div.booking-module div.booking-module__heading {
        gap: unset;
        grid-template-columns: 1fr;
    }
}