/* container left padding */
@media screen and (max-width: 1570px){
		.container-extra-padding-left{
	padding-left: 5%;
}
	
}


/* home hero section  */
.button-wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.hero-button{
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	color: #ffffff;
	text-align: center;
	padding:10px;
	border-radius: 50%;	
	cursor: pointer;
}

.hero-button::before{
	content:'';
	position: absolute; 
	width: 100%;
	height:100%;
	border: 2px dashed #ffffff;
	border-radius: 50%;	
	animation: rotateBorder 10s linear infinite;
}

/* inline line css */

.inline-line{
	display: inline-block;
	position: absolute;
	background: #F48913;
	width: 35px;
	height: 2px;
	margin: 12px 8px;
	
}
.line-before{
	display: block;
	position: absolute;
	background: #F48913;
	width: 35px;
	height: 2px;
	margin: 12px 8px;
	
}


.panel-dashborder .el-item .uk-panel {
  position: relative;
  display: inline-block;
	width: 175px; 
	height: 175px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.panel-dashborder .el-item .uk-panel::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border: 2px dashed #ffffff;
  border-radius: 50%; 
  z-index: 0;
  pointer-events: none;
  box-sizing: border-box;
	animation: rotateBorder 10s linear infinite paused;
}

.panel-dashborder .el-item .uk-panel .el-title {
  position: relative;
  z-index: 1; 
}

.panel-dashborder .el-item:hover .uk-panel::before, .years::before, .hero-icon::before {
  animation-play-state: running;
}

@keyframes rotateBorder {
  100% {
    transform: rotate(360deg);
  }
}
/* Home About section slider  */
.home-about-slider .uk-slider-items > :nth-child(even) .el-item .el-image{
	clip-path: inset(80px 0px 0px 0px);
	object-fit:cover;

}

.years{
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	width: 150px;
	height: 150px;
	color: #ffffff;
	text-align: center;
	padding:10px;
	background: #F48913 !important;
	border-radius: 50%;
	font-family: inter;
	font-weight: 600;
	font-size: 32px;
	
}

.years::before{
	content:'';
	position: absolute;
	  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
	padding: 10px;
	border: 2px dashed #F48913;
	border-radius: 50%;	
	animation: rotateBorder 10s linear infinite;
}

.years-text{
	font-weight: 400;
	font-size: 16px;	
}

/* filter tab  */
.uk-tab>* {
    flex: auto !important;
}

.uk-tab>*>a {
    justify-content: start !important;

}


/*hamburger icon css*/
.uk-navbar-toggle-icon svg {
    display:none !important;
}
.uk-navbar-container.uk-light .uk-navbar-toggle-icon::after {
    content:'';
    display: inline-block;
    width: 48px;  
    height: 48px;
    vertical-align: middle;
    background:url('../images/hamburger.svg')no-repeat center;
    background-size: contain;
}

.uk-sticky.uk-sticky-fixed .uk-icon.uk-navbar-toggle-icon svg{
	display:none !important;
}

.uk-sticky.uk-sticky-fixed .uk-icon.uk-navbar-toggle-icon::after{
	content:'';
    display: inline-block;
    width: 48px;  
    height: 48px;
    vertical-align: middle;
    background:url('../images/hamburger-dark.svg')no-repeat center;
    background-size: contain;
	
}

.uk-navbar-container.uk-dark .uk-navbar-toggle-icon::after{
	content:'';
    display: inline-block;
    width: 48px;  
    height: 48px;
    vertical-align: middle;
    background:url('../images/hamburger-dark.svg')no-repeat center;
    background-size: contain;
	
}

/*offcanvas animation   */

#tm-dialog .uk-offcanvas-bar {
    top: -100vh;
    bottom: -100vh;
	overflow:hidden;
}

#tm-dialog.uk-offcanvas.uk-open .uk-offcanvas-bar {
    top: 0;
    bottom: 0;
    height: 100vh;
	overflow:hidden;
}

#tm-dialog.uk-open .uk-offcanvas-bar-animation {
    transition: top 0.6s ease-in-out;
}


/* Header Links */
.header-links-color{
	color: #F48913;
}

/* Footer Links */
.footer-links{
	font-weight: 700 !important;
	color: #000000 !important;
	
}

/* floating icon   */
.whatsapp-floating img{
	position: fixed;
	bottom: 0;
	right: 50px;
	z-index:999;
	margin-bottom: 30px;
	
}
@media screen and (max-width: 900px){
	.whatsapp-floating img{
		right: 15px;
	}
}

/* .curated-slide-button .uk-position-bottom-right{
    bottom: -110px !important;
    right: 0 !important;
	z-index:1;
} */
/* @media screen and (max-width: 500px){
	.curated-slide-button .uk-position-bottom-right{
    bottom: -80px !important;
    right: 0 !important;
	z-index:1;
} */
	
}

.curated-slide-button.uk-slider-container {
    overflow-x: clip !important;
	overflow-y: visible !important;
}
.el-slidenav svg{
	width: 25px !important;
	
}

/*forminator css*/
.newsletter .forminator-button{
	padding: 8px 24px !important;
}
@media screen and (min-width: 1000px){
	.newsletter form{
	display: flex; 
}
.forminator-row-last{
	flex-grow: 0;
flex-shrink: 0;
}
.newsletter .forminator-row{

	flex: 1;
	padding-right: 18px;
}	
}
.forminator-repeater-label{
	color: #000000 !important;

}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-checkbox.forminator-checkbox-inline {
	margin-right: 30px !important;
}

.title{
	font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
}
}
.pop-up-enquiry{
	margin-bottom: 0px;
}

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


.partnering .el-meta{
	border: 1px dashed #072855;
    border-radius: 50%;
    height: 80px;
    width: 100px;
    padding: 10px 0px;
    justify-self: center;
	background: #F8F7EC;
	display: grid;
	place-items: center;
	
	
}
.additional-tips .el-title{
	border: 1px dashed #072855;
    border-radius: 50%;
    height: 80px;
    width: 100px;
    padding: 10px 0px;
    justify-self: center;
	background: #F8F7EC;
	display: grid;
	place-items: center;	
}


.our-journey .el-item{
	border: 1px dashed #072855;
	border-radius: 50px;
	
}
@media screen and (max-width: 600px){
	.our-journey .el-item{
	border: none;
	border-radius: 50px;
	
}
}

.uk-slider-container {
    overflow-y: visible !important;
}

.our-journey .el-meta{
	position: absolute;
	top: -50px;
	left:0;
	z-index: 1;
}

.our-journey .uk-position-bottom-right{
    bottom: -110px !important;
    right: 0 !important;
	z-index:1;
}
@media screen and (max-width: 800px){
	.our-journey .uk-position-bottom-right{
    bottom: -100px !important;
    right: 0 !important;
	z-index:1;
}
	
}


/*forminator form for contact us*/
.contact-us .forminator-row-last , .trip .forminator-row-last{	
	justify-self: center;
}

.trip .forminator-ui.forminator-custom-form[data-design=default] .forminator-repeater-field {
    border-radius: 4px;
    padding: 20px 0px 30px 0px !important;
}

/* travel info */
.header-title{
	width: fit-content;
}

.header-title.active{
	border-left: 2px solid #F48913;
	padding-left: 10px;
	
}

.blog-heading{
	font-size: 32px;
	color: #072855;
}

/* itinerary gallery*/

.itinerary-gallery .uk-position-bottom-right{
    bottom: -118px !important;
    right: 0 !important;
	z-index:1;
}
.itinerary-gallery .uk-slider-items > :nth-child(odd){
    display: flex;
	align-items: center;
	justify-content: center;
}

.slider-image-wrapper{
    display: flex;
    align-items: center;  
	margin: 0 auto;
	max-width: 425px;
}
.slider-image img {
    max-width: 425px; 
    width: 100%;        
    height: auto;      
    object-fit: contain;
    display: block;
    margin: 0 auto;    
}




/*accordion css for itinerary page*/
.itinerary-accordion .uk-accordion-title::before {
    content: "";
    width: 1.4em;
    height: 1.4em;
    margin-left: 10px;
	margin-top: 20px;
    float: right;
    background-image: url(../images/accordion-icon.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.itinerary-accordion .uk-open .uk-accordion-title::before{
	background-image: url(../images/accordion-icon-open.svg);
}

.itinerary-accordion.uk-accordion>:nth-child(n+2) {
	border-top: none !important; 

}


.itinerary-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.itinerary-accordion .el-title span.trip-day {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    
    width: 72px;
    height: 72px;
    min-width: 72px;
    min-height: 72px;
    max-width: 72px;
    max-height: 72px;

    text-align: center;
    line-height: normal;
    font-size: 14px;

    border-radius: 50%;
    border: 1px dashed #000000;
    margin-right: 10px;
	flex-shrink: 0;
        box-sizing: border-box;
}


.itinerary-accordion .el-content{
	margin-left: 85px;
}

.el-item.uk-open a span.trip-day {
    background: #072855;
    color: #FFF;
}

/* .expert .uk-grid>*{
	padding-left: 0px;
}
	 */



/*footer-gallery*/
.home #footer-gallery{
	display: none !important;
}

/*header css */


.uk-dropbar{
	background: url('../images/dropbar-background.svg') no-repeat center, #F8F7EC !important;
	object-fit: cover;
	
}

.hover-bg-section>div{
		display: flex;
		justify-content: flex-end;
}

.hover-bg-section div > div {
		
		height: 300px;
	    width: 260px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;


}

/* button animation */
.radial-btn a, .forminator-button {
      position: relative;
      overflow: hidden;
      padding: 5px 10px;
      cursor: pointer;
      outline: none;
      transition: color 0s ease-in-out;
      z-index: 1;
	border: 1px solid #072855 !important;
    }

    /* Radial effect layer */
    .radial-btn a::before, .forminator-button::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 25%;
      height: 100%;
      background: radial-gradient(circle, #F48913, #F48913);
      border-radius: 50px;
      transform: translate(-50%, -50%);
      transition: width 0.3s ease-in-out, height 1s ease-in-out;
      z-index: -1;
	  opacity: 0;
		border: none;
    }

    /* Trigger animation on hover */
    .radial-btn a:hover::before, .forminator-button:hover::before{
      width: 300%;
      height: 300%;
	  opacity:1; 	
    }

    .radial-btn a:hover, .forminator-button:hover {
      color: #ffffff;
	  border: 1px solid #F48913 !important;
    }


/* header accordion title */
.header-accordion .uk-accordion-title::before {
    content: "";
    width: 1.4em;
    height: 1.4em;
    margin-left: 10px;
	margin-top: 0px;
    float: right;
    background-image: url(../images/accordion-icon.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.header-accordion .el-title{
    font-family: kalnia;
    font-size: 24px;
   	color: #072855;
}

.header-accordion.uk-accordion>:nth-child(n+2) {
    margin-top: 0px !important;
	border-top: none !important; 
}


/*sliding tab*/
.itinerary-tab{
	display: flex;
}
.itinerary-tab .uk-subnav{
	margin-left: auto;
    margin-right: auto;
	flex-wrap: nowrap;
    overflow: auto;
	padding-top: 24px;
    padding-bottom: 24px;
}
.itinerary-tab .uk-subnav li {
    padding-left: 50px;
    padding-right: 50px;
}
.itinerary-tab .uk-subnav a{
	font-size: 14px;
    font-weight: 300;
    color: #57595A;
    
}
.itinerary-tab .uk-subnav a:hover{
	text-decoration: none;
}
.itinerary-tab .uk-subnav{
	margin-bottom: 0;
}
.itinerary-tab .uk-subnav>.uk-active>a{
	border-bottom: #F48913 solid 1px;
    color: #003033;
    text-decoration: none;
    font-weight: 500;
}
.itinerary-tab .uk-subnav a:focus {
  border-bottom: 2px solid #F48913;
}

.itinerary-tab .uk-subnav:not(.uk-subnav-pill):hover>*>:first-child:not(:hover){
	opacity: 1;
}

@media (max-width: 640px) {
	.itinerary-tab .uk-subnav li {
		padding: 10px;
	}
}

.trip .forminator-ui.forminator-custom-form[data-design=default] .forminator-repeater-field {
    border-radius: 4px;
    padding: 20px 0px 20px 0px !important;
}



/* image scaleup animation css */

.uk-transition-fade, [class*=uk-transition-scale], [class*=uk-transition-slide]
 {
    transition: .8s ease-out !important;
}

@media screen and (max-width: 500px){
    .our-journey{
        padding: 8px;
    }
}

/*modal dialog css*/

.uk-modal-close-full{
    top: 27px;
    left: 100px;
    right: inherit;
}

/* map-card css */
.map-card{
	border: 2px dashed #072855;
	margin-top: 0px !important;
}
.map-card .el-link{
	font-weight: 600;
	font-size: 18px;
	color: #072855;
}
.uk-button-text::after {
    background-image: url(../images/map-card-icon.svg) !important;
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) 50%;
}

.location-s:hover{
    cursor: pointer !important;
}
.sp-item {
	position: absolute;
	right: 0;	
	top: 300px;
    opacity: 0;
    z-index: -1;
    
    }

@media only screen and (max-width:1550px){	
.sp-item {
	position: absolute;
	right: 0;	
	top: 240px;
    opacity: 0;
    z-index: -1;	
}
}

    /* Active card (animate in) */
    .sp-item.active {
      opacity: 1;
	  z-index: 9;     
    } 



/* css for subnav tabs*/
.uk-subnav>.uk-active>a {
	text-decoration: underline !important;
	text-decoration-color: #F48913 !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 25px !important; 
	
}
.el-nav{
    padding: 20px;	
}
    
.uk-modal{
	overflow-y: hidden !important; 
}

#builderwidget-7\#5{
	padding: 10px 0px !important;
}
\#builderwidget-7\#5 .uk-tile-small{
	padding-top: 0px !important;
	padding-bottom: 20px !important;
}


.iti-sub-nav .uk-subnav>.uk-active>a {
	text-decoration: none !important;	
}

/*search bar responsive */
@media screen and (max-width: 1440px){
	#search-3{
		max-width: 200px !important;
	}
	
}

/*mobile search bar*/

#search-2{
	margin-top: 45px !important;
}

.tm-header-mobile .uk-navbar-toggle.uk-icon.uk-search-icon svg {
	width: 30px !important;
	height: 30px !important;
}


/*search icon of navbar */

.uk-navbar-toggle.uk-icon.uk-search-icon svg{
	width: 40px !important; 
	height: 30px !important;
}

/* custom modal padding */
@media (min-width: 640px) {
    .custom-modal-padding.uk-modal-body {
        padding: 20px 20px !important;
    }
}

/*search modal css*/

/* .uk-search-medium{
	margin-bottom: 10px;	
	padding: 0px 70px;
	border: 1px solid #3a3a3a;
}

/* .uk-search-medium span{
	display: none !important;
} */

/* .uk-search-medium .uk-search-input{
	height: 40px !important;
	display: flex;
	justify-self: center;
	width: 100%;
	padding: 15px 0px;
}  */

.uk-search-medium {
    margin-bottom: 10px;
    padding: 0px 15px;
    border: 1px solid #3a3a3a;
    width: 93% !important;
    display: flex;
    justify-self: center;
    border-radius: 25px;
}
.uk-search .uk-icon{
	padding-left: 10px;
}








