/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 07 2025 | 12:21:22 */
/* 1. Colors
------------------------------ */
.bg-primary {
    background-color: var(--global-palette1);
}

.bg-secondary {
    background-color: var(--global-palette2);
}

.bg-dark {
    background-color: var(--global-palette3);
}

.bg-dark-op {
    background-color: var(--global-palette4);
}

.bg-subtle {
    background-color: var(--global-palette7);
}

.bg-light {
    background-color: var(--global-palette8);
}

.bg-white {
    background-color: var(--global-palette9);
}

.bg-gradient {
    background: linear-gradient(35deg, var(--global-palette2) 0%, var(--global-palette1) 100%);
}

.bg-dark, .bg-gradient a, .bg-dark .elementor-heading-title{
    color: var(--global-palette9);
    fill: var(--global-palette9);
}

.bg-primary, .bg-primary .elementor-heading-title,
section .bg-primary, section .bg-primary .elementor-heading-title,
.bg-secondary, .bg-secondary .elementor-heading-title,
section .bg-secondary, section .bg-secondary .elementor-heading-title {
    color: var(--global-palette9);
    fill: var(--global-palette9);
}
.bg-primary .kicker, .bg-primary .lead {
	color: var(--global-palette9);
}
.bg-white, .bg-white .elementor-heading-title {
    color: var(--global-palette3) !important;
    text-underline-position: under;
}

.bg-light, .bg-light a, .bg-light .elementor-heading-title {
    color: var(--global-palette4);
}

.bg-subtle, .bg-subtle .elementor-heading-title,
.bg-subtle a {
    color: var(--global-palette3) !important;
}


.text-primary, .text-primary .elementor-heading-title, .text-primary a {
    color: var(--global-palette1) !important;
}

.text-white, .text-white .elementor-heading-title, .text-white a {
    color: var(--global-palette9) !important;
}

.text-dark, .text-dark a{
	    color: var(--global-palette3) !important;
}


/* 2. Typographics
----------------------------- */
body, html {
    font-size: 14px;
    line-height: 1.5;
}

@media (min-width: 768px) {
    body, html {
        font-size: 16px;
    }
}

a {
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, .elementor-heading-title {
    margin: inherit !important;
	text-transform: capitalize;
}

.lead {
    font-size: 1.375rem;
	font-family: 'Inter', sans-serif;
	color: var(--global-palette6);
}
.f-left > div {
	float: left;
}
.text-capitalize {
    text-transform: capitalize !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-medium {
    font-size: 1.25rem;
}

.text-small {
    font-size: 0.75rem;
}

.kicker {
    color: var(--global-palette1);
	font-family: 'Inter', sans-serif;
    font-size: 14px;
	line-height: 14px !important;
    text-transform: uppercase !important;
    font-weight: 500;
	letter-spacing: 1.5px;
}

.smallTitle {
    background-color: var(--global-palette7);
    background-color: rgba(191, 4, 38, 0.15);
    color: var(--global-palette1);
    font-weight: 700;
    font-size: 1rem;
    border-radius: 20px;
    width: auto;
    padding: 7px 30px;
    margin-bottom: 2.5rem !important;
}


/* 3. Margin & paddings
------------------------------ */
section, .section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

section section {
    padding-top: 0;
    padding-bottom: 0;
}

.column-gap-wider,
.elementor-column-gap-wider > .elementor-column > .elementor-element-populated {
    padding: 1.5rem;
}
.column-gap-wide,
    .elementor-column-gap-wide > .elementor-column > .elementor-element-populated {
        padding: 1rem;
    }

@media (min-width: 768px) {
	section, .section {
    	padding-top: 3rem;
   		padding-bottom: 3rem;
  }
    .column-gap-wider,
    .elementor-column-gap-wider > .elementor-column > .elementor-element-populated {
        padding: 3rem;
    }
	.column-gap-wide,
    .elementor-column-gap-wide > .elementor-column > .elementor-element-populated {
        padding: 2rem;
    }
}
.mb-0 {
	margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.mb-2 {
    margin-bottom: 2rem !important;
}

.mb-3 {
    margin-bottom: 3rem !important;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.p-small {
    padding: 1.5rem;
}

.p-medium {
    padding: 2.5rem;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 1024px) {
	.px-0 {
	   padding-left: 4rem !important;
       padding-right: 4rem !important;
	}
	.pt-0 {
		padding-top: 4rem !important;
	}
}
@media (max-width: 768px) {
    section, .section {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
	.px-0 {
	   padding-left: 2rem !important;
       padding-right: 2rem !important;
	}
	.pt-0 {
		padding-top: 2rem !important;
	}
}

/* 4. Buttons
------------------------------------- */
button, .button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .fl-button, .elementor-button-wrapper .elementor-button {
    box-shadow: none;
    font-weight: 500;
    font-size: 1rem;
    line-height: 25px;
    padding: 1rem 2rem;
	text-transform: capitalize;
}

/* Btn colors */
.btn-primary .elementor-button {
    background-color: var(--global-palette1);
    color: var(--global-palette9);
}

.btn-secondary .elementor-button{
    background-color: var(--global-palette7);
    color: var(--global-palette3);
	fill: var(--global-palette3);
}


/* button state:hover */

.btn-primary .elementor-button:hover, .btn-primary .elementor-button:focus, .btn-primary .elementor-button:active {
    background-color: var(--global-palette2);
}

.btn-secondary .elementor-button:hover, .btn-secondary .elementor-button:focus, .btn-secondary .elementor-button:active{
    background-color: var(--global-palette3);
	box-shadow: none;
	color: var(--global-palette8);
}
.btn-secondary .elementor-button:hover svg, .btn-secondary .elementor-button:focus svg, .btn-secondary .elementor-button:active svg {
	fill: var(--global-palette8);
	transition: 0.3s ease;
}

/* 5. Modificators
------------------------------------- */

.overflow-h {
    overflow: hidden;
}

.rounded {
    border-radius: 1.5rem;
    overflow: hidden;
}

.underlined {
    text-decoration: underline;
    text-underline-offset: 5px;
}

.smallDescription {
    line-height: 1.5;
}

.gap1 > div {
    gap: 1rem;
}
.gap2 > div {
    gap: 2rem;
}
.gap3 > div {
    gap: 3rem;
}
.gap4 > div {
    gap: 4rem;
}

@media(max-width: 1024px){
	.gap2 > div {
    gap: 1rem;
}
	.mb-2 {
		margin-bottom: 1rem !important;
	}
}


/* 6. Header
------------------------------------- */
#masthead .sub-menu{
	padding: 1rem;
	border-radius: 0.5rem;
	background-color: var(--global-palette8);
	box-shadow: none;
}

#masthead .sub-menu a{
	color: var(--global-palette6);
	font-size: 16px;
}
#masthead .sub-menu a:hover{
	color: var(--global-palette3);
	background-color: var(--global-palette8) !important;
}
#masthead .sub-menu .current-menu-item > a {
	color: var(--global-palette3) !important;
	background-color: var(--global-palette8) !important;
}


/* PAGE: HOME
===================================== */

/* Section: Hero
------------------------------------- */
#hero {
	margin: 0 1.5rem;
}
@media(max-width: 1330px){
	#hero {
		margin: 0 10px;
	}
}
#hero .kicker {
	color: var(--global-palette9);
}
#hero > div {
	border-radius: 1.5rem
}
#hero .elementor-heading-title, #hero .lead,
#hero .elementor-shortcode span, #hero .elementor-shortcode a {
	color: var(--global-palette9);
}
#hero .elementor-shortcode>span {
	font-size: 14px;
	font-family: 'Inter', sans-serif;
	display: flex;
    gap: 0.5rem;
}
#hero .elementor-shortcode a:hover {
	color: var(--global-palette1);
}

/* Section: About
------------------------------------- */
#about .elementor-counter-number-wrapper{
	color: var(--global-palette1);
	font-size: 3rem;
}
#about .elementor-counter-title{
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Inter', sans-serif;
	letter-spacing: 1.5px;
	font-weight: 500;
	color: var(--global-palette6);
}
#about .elementor-icon-box-icon svg{
	fill: var(--global-palette1);
}

/* Section: Why Choose Us (Features)
------------------------------------- */
#why-us .card-features {
	background-color: var(--global-palette8);
	padding: 2rem;
	border-radius: 2rem;
}

#why-us .elementor-icon {
	font-size: 4rem;
	fill: var(--global-palette1);
}

#why-us .elementor-icon-box-title {
	font-size: 1.75rem;
	font-weight: 700;
	letter-spacing: -0.5px;
	display: inline-block;
	margin-bottom: 12px;
	line-height: 1.2;
	color: var(--global-palette3);
}
#why-us .small-title .elementor-icon-box-title{
	font-size: 1.25rem;
	line-height: 1.1;
	margin-bottom: 12px !important;
}
#why-us .elementor-icon-box-description {
	font-family: 'Inter', sans-serif;
	color: var(--global-palette6);
}
.entry-content-wrap {
	padding: 0;
}

/* Section: Best Sellers
------------------------------------- */
#best-sellers .elementor-post{
	background-color: var(--global-palette7);
	border-radius: 2rem;
}
#best-sellers .elementor-post__text{
	padding: 1rem 2rem 2rem 2rem;
    display: flex;
    gap: 0.75rem;
    flex-direction: column;
}
#best-sellers .elementor-post a {
	margin-bottom: 0 !important;
	color: var(--global-palette3);
}
#best-sellers .elementor-post__title{
	font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.5px;
    display: inline-block;
}
#best-sellers .elementor-post__excerpt p{
	font-size: 1rem;
	color: var(--global-palette6);
	font-family: 'Inter', sans-serif;
}
#best-sellers .elementor-post__read-more {
	font-size: 14px;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	text-transform: capitalize;
}
#best-sellers .elementor-post__read-more:hover {
	color: var(--global-palette2);
}
#best-sellers .elementor-posts {
	gap: 2rem;
}

@media(max-width:1024px){
	#best-sellers .elementor-posts {
	gap: 1rem;
}
}
/* Section: Tours
------------------------------------- */
#tours .tour>div{
	padding: 2rem;
	color: var(--global-palette9);
}

#tours .tour small {
	text-transform: uppercase;
	font-size: 14px;
}
#tours .tour .description {
	color: #d5d8dc;
	font-family: 'Inter', sans-serif;
}
#tours .elementor-heading-title{
	line-height: 1.2;
}
/* PAGE: Contact
===================================== */

/* Section: Form
------------------------------------- */

 #contact-form .forminator-custom-form {
	color: var(--global-palette3) !important;
}

#contact-form .forminator-custom-form label {
	font-size: 16px !important;
	color: var(--global-palette3) !important;
	font-weight: 500 !important;
	padding-bottom: 0.5rem;
}

#contact-form .forminator-custom-form input, #contact-form .forminator-custom-form textarea {
	background-color: var(--global-palette8) !important;
	border: 1px solid var(--global-palette8) !important;
	border-radius: 2rem !important;
	padding: 1rem;
    box-shadow: none;
    font-weight: 400 !important;
    font-size: 1rem;
    line-height: 1.5rem;
	font-family: 'Inter', sans-serif;
}
#contact-form .forminator-custom-form input:hover, #contact-form .forminator-custom-form textarea:hover,
#contact-form .forminator-custom-form input:focus, #contact-form .forminator-custom-form textarea:focus {
	border-color: var(--global-palette3) !important;
}

#contact-form .forminator-custom-form input::placeholder, #contact-form .forminator-custom-form textarea::placeholder {
    color: var(--global-palette6) !important;
	font-weight: 500 !important;
}


#contact-form .forminator-error-message {
	font-size: 0.75rem !important;
}
#contact-form .forminator-button {
	box-shadow: none !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
    line-height: 25px !important;
    padding: 1rem 2rem !important;
	text-transform: capitalize !important;
    background-color: var(--global-palette1) !important;
    color: var(--global-palette9) !important;
	border-radius: 6rem;
	font-family: 'Inter', sans-serif !important;
}
#contact-form .forminator-button:hover {
    background-color: var(--global-palette2) !important;
} 
#captcha-1 iframe{
	border-radius: 1.5rem !important;
}

/* #. PAGE: Privacy, Terms
============================== */
#legal-pages-content .elementor-widget-container h2,
#legal-pages-content .elementor-widget-container h3,
#legal-pages-content .elementor-widget-container h4 {
	margin-top: 2rem !important;
}
#legal-pages-content .elementor-widget-container h3 {
	text-decoration: underline;
}
#legal-pages-content .elementor-widget-container p {
	margin-bottom: 1rem !important;
}

/* X. Testimonials
------------------------------ */
#testimonials .elementor-main-swiper{
	width: 100%;
}
#testimonials .swiper-slide{
	padding: 3rem;
	display: flex;
    align-items: center;
}
#testimonials .elementor-testimonial__text {
	font-size: 1.75rem;
	font-weight: 300;
	font-family: 'Inter', sans-serif;
	font-style: normal;
	line-height: 2.5rem;
}
#testimonials .elementor-counter-number-wrapper{
	color: var(--global-palette9);
	font-size: 3rem;
}
#testimonials .elementor-counter-title{
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Inter', sans-serif;
	letter-spacing: 1.5px;
	font-weight: 600;
	color: var(--global-palette9);
}
#testimonials .elementor-testimonial__image img{
	width: 70px;
    height: 70px;
}
#testimonials .elementor-testimonial__name {
	font-size: 20px;
	line-height: 2rem;
}
#testimonials .elementor-testimonial__title {
	font-size: 16px;
	font-family: 'Inter', sans-serif;
	color: var(--global-palette6);
}

@media(max-width: 768px){
	#testimonials .elementor-testimonial__text {
		font-size: 1.25rem;
        line-height: 2rem;
	}
	
	#testimonials .elementor-testimonial__image img{
		width: 50px;
    	height: 50px;
}
	#testimonials .elementor-testimonial__title {
	font-size: 14px;
}
}
/* X. FOOTER
------------------------------ */
footer section.widget{
	padding: 0;
}

footer .widget_media_image {
	max-width: 200px;
}
footer .widget_nav_menu li{
	line-height: 1.2
}
footer .widget_nav_menu li a{
	padding-top: 0.5em;
    padding-bottom: 0.25em;
	font-size: 18px;
}

#footer-menu li:first-child{
	border-right: 1px solid  #D8D8D8;
}
footer .footer-desc {
  max-width: 22rem;
}
footer .footer-btn {
	font-family: 'Inter', sans-serif;
	font-size: 18px;
}
footer .footer-btn:hover{
		text-decoration: none;

}