/*fonts css for the numbers*/
html,
body {
    font-variant-numeric: lining-nums proportional-nums;
}

.forminator-input{
	font-variant-numeric: lining-nums proportional-nums !important;
}

/*navbar css*/

.uk-navbar-nav>li:hover>a{
	color: #021331;
}

.uk-navbar-nav>li>a::before{
	content:"";
	display: none !important;
}

.uk-navbar-nav>li.uk-active>a {
    color: #021331 !important;
}

/* button-arrow css */

.primary-btn::after {
    content:'';
    display: inline-block; 
    height: 12px;
	width: 12px;
	margin-left: 16px;
    background:url('../images/button-arrow.svg')no-repeat center;
}
.mountain-icon::before {
    content:'';
    display: inline-block; 
    height: 12px;
	width: 24px;
	margin-right: 16px;
    background:url('../images/mountain-icon.svg')no-repeat center;
}

.whatsapp-icon::before {
    content:'';
    display: inline-block; 
    height: 24px;
	width: 24px;
	margin-right: 16px;
    background:url('../images/whatsapp-icon.svg')no-repeat center;
}

.text-btn::after {
    content:'';
    display: inline-flex; 
    height: 12px;
	width: 12px;
	margin-left: 10px;
    background:url('../images/text-btn.svg')no-repeat center;
}

.dot{
	display: inline-block;
	background: #768090;
	height: 9px;
	width: 9px;
	margin: 0px 10px;
}

.orange-dot{
	display: inline-block;
	background: #FF6815;
	height: 32px;
	width: 32px;
	margin: 0px 10px;
}
@media screen and (max-width:600px){
	.orange-dot{
	display: inline-block;
	background: #FF6815;
	height: 20px;
	width: 20px;
	margin: 0px 10px;
}
}

.speak-directly .uk-tile-primary, .speak-directly .uk-tile-default{
	border: 1px solid #B1B6BF;
}

.el-custom-title{
    position: absolute;
    top: 15px;
    left: 15px;
	color: #ffffff;
    background: #FF6815;
    padding: 8px 16px;
    border-radius: 50px;
}

.duration-text, .altitude-text, .grade-text{
	font-size: 16px;	
}

.grid-btn .el-link::after {
    content:'';
    display: inline-flex; 
    height: 12px;
	width: 12px;
	margin-left: 10px;
    background:url('../images/text-btn.svg')no-repeat center;
}


@media screen and (max-width:600px){
	.my-tabs {
		  display: grid;
		  grid-auto-flow: column;
		  grid-auto-columns: max-content;

		  justify-content: start;
		align-items: center;
		height: 62px;
		  gap: 40px;

		  background: #F5F6F7;
		  padding: 10px 20px;

		  border-top: 1px solid #768090;
		  border-bottom: 1px solid #768090;

		  overflow-x: auto;
		  white-space: nowrap;
		
}
	.my-tabs::-webkit-scrollbar {
    		display: none;
		}
}
@media screen and (min-width:601px){
	.my-tabs {
		  display: grid;
		  grid-auto-flow: column;
		  grid-auto-columns: max-content;
		  height: 62px;
		  justify-content: center;
		align-items: center;
		  gap: 40px;

		  background: #F5F6F7;
		  padding: 10px 20px;

		  border-top: 1px solid #768090;
		  border-bottom: 1px solid #768090;

		  overflow-x: auto;
		  white-space: nowrap;
		

}
	.my-tabs::-webkit-scrollbar {
    		display: none;
		}
}

.my-tab {
	position: relative;
	padding: 0px 15px;
	font-size: 18px;
	font-weight: 600;
  cursor: pointer;
	color: #768090;
  transition: 0.3s;
}

.my-tab:hover{
	text-decoration: none !important;
	color: #768090 !important;
}

/* underline */
.my-tab::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -27px;
  width: 0%;
  height: 4px;
  background: #FF6815;
  transition: 0.3s ease;
}

/* active tab underline */
.my-tab.active::after {
  width: 100%;
}
/* Active tab */
.my-tab.active {
  color: #1E2D48;
}

/* Hide items */
.filter-item {
  display: none !important;
}

/* Show visible items */
.filter-item.show {
  display: block !important;
}


.custom-whatsapp-btn{
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	padding: 16px 0px;
	border: 1px solid #25D366;
	color: #25D366;
	background: #ffffff;		
	cursor: pointer;
}
.custom-whatsapp-btn:hover{
	text-decoration: none;
	color: #25D366;
	
}

.custom-whatsapp-btn img{
	margin-right: 4px;
	
}

.itinerary-accordion.uk-accordion-default > :nth-child(n+2){
    position: relative;
    padding-top: 30px;
    border-top: none;
}

.itinerary-accordion.uk-accordion-default > :nth-child(n+2)::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
	width: 150px;
    height: 1px;
    background: #e6f0fa;
}

/*forminator*/
.forminator-ui#forminator-module-2431.forminator-design--default .forminator-repeater-field{
	box-shadow: none !important;
}
.forminator-button-submit{
	width: 100% !important;
	font-size: 20px !important;
	font-family: syne !important;
	letter-spacing: -0.8px !important;
	line-height: 30px !important;
}

.forminator-repeater-label{
	font-size: 24px !important;
	font-family: syne !important;
	margin-bottom: 20px !important;
	color: #00407C !important;
	
}
.forminator-label.forminator-repeater-label{
	font-weight: 500 !important;
	
}
.forminator-label{
	font-size: 18px !important;
	font-family: syne !important;
	font-weight: 400 !important; 
}

.forminator-row.forminator-row-last{
	margin-bottom: 0px !important;
}


/*custom tabs*/
@media screen and (max-width:601px){
	.custom-sticky-tabs {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: flex-start; /* Better for scrolling containers */
    border-top: 1px solid #B1B6BF;
    border-bottom: 1px solid #B1B6BF;
    
    /* Scroll Logic */
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

/* Hide scrollbar for a cleaner look (optional) */
.custom-sticky-tabs::-webkit-scrollbar {
    display: none;
}
}

@media screen and (min-width:601px){
	.custom-sticky-tabs{
	display: grid;
    grid-template-columns: repeat(5, max-content);
    gap: 16px;
    align-items: center;
	justify-content: center;
	border-top: 1px solid #B1B6BF;
	border-bottom: 1px solid #B1B6BF;
	
}
}

.nav-item{
	position: relative;
    text-decoration: none;
    padding:10px 18px;
    color: #768090;
    font-weight:600;
    transition:.3s;
}
.nav-item:hover{
	text-decoration: none;
	color:  #768090;
}

/* The Underline */
.nav-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%; /* Start hidden */
  height: 4px;
  background-color: #FF6815;
  transition: width 0.3s ease-in-out;
}

/* Active State */
.nav-item.active {
  color: #1E2D48;
}

.nav-item.active::after {
  width: 100%; /* Grow to full width */
}


.forminator-repeater-field {
    padding: 0px !important;
}


/* gallery-slider */

.gallery-slider .el-slidenav{
	visibility: visible !important;
}