.uk-navbar-nav > li > a::before{
	bottom: 30px;
}
.uk-navbar-dropdown-nav li{
	padding: 5px 19px;
}
.circle-arrow .uk-icon{
	border: 1px solid #FF723D;
    padding: 10px;
    border-radius: 100px;
    color: #FF723D;
    margin-right: 10px;
}

.circle-arrow .uk-icon svg {
	width: 22px !important;
	height: 22px !important;
}
.program-panel{
	box-shadow: 0 17px 20px rgba(0,0,0,.08) !important;
}

.slider-caption{
	bottom: 100px;
	letter-spacing: 2px;
    font-weight: 500;
}
.slider-caption:before{
	content: '';
    display: block;
    position: relative;  
    bottom: -74px;
    height: 3px;
    background-color: #ff723d; 
    left: 0;
    right: 100%;   
}

.testimonial {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
}
.testimonial:before {
	content: '';
    display: inline-block;
    background-image: url(../../../uploads/images/design/test1.png);
    background-repeat: no-repeat;
    position: absolute;
   height: 18px;
    left: 0px;
    width: 37px;
    background-size: contain;
   
}
.testimonial:after {
    content: '';
    display: inline-block;
    background-image: url(../../../uploads/images/design/test1.png);
    background-repeat: no-repeat;
    position: absolute;
   height: 18px;
    right: 0;
    width: 37px;
    background-size: contain;
    top: 0px;
   
}
.tailor-destination input{
    margin-right: 10px;
} 
.traveldate .rsform-calendar-box{
    width: 100% !important;
}
.traveldate #btn3_0
{
    background: url(../../../uploads/images/design/calender.png) no-repeat bottom center !important;    
    position: absolute;
    margin-top: -2px;
    right: 5px;
   
}
.traveldate input[type="date"]::-webkit-calendar-picker-indicator {
	width: 35px;
	height: 35px;
	margin-right: -5px;
	padding: 0;
	background: url(../../../uploads/images/design/calender.png) no-repeat center;
	cursor: pointer;
}
.circle-arrow .rsform-submit-button{
    background: transparent;
    color: #000;
    padding: 0px;
}
.cnc-hide-date .wk-article-meta{
    display: none !important;
    visibility: hidden !important;
}

.uk-section-overlap+.uk-section-secondary::before , .uk-section-overlap+.uk-section-primary::before {
    background-image:  url('../../../uploads/images/design/secondary-overlap.svg') !important;
    height: 185px !important;
    top: -43px !important;

}

.uk-section-overlap+.uk-section-default::before {
       background-image: url(../../../uploads/images/design/default-overlap.svg) !important;
    height: 185px !important;
    top: -125px !important;
}

/* Utilities used by YOOtheme 5 markup that the live (YOOtheme 1.22) stylesheet predates. */
.uk-hidden-visually:not(:focus):not(:active):not(:focus-within) {
	position: absolute !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
}
.uk-container-xlarge { max-width: 1600px; }
.uk-margin-xsmall-left { margin-left: 5px !important; }
.uk-margin-xsmall-right { margin-right: 5px !important; }
.uk-object-center-center { object-position: 50% 50%; }
.uk-width-2xlarge { width: 750px; }
.uk-sticky-placeholder { pointer-events: none; }
[uk-responsive] { max-width: 100%; }

.uk-section-xsmall-top { padding-top: 20px; }
.uk-section-xsmall-bottom { padding-bottom: 20px; }
.uk-section-small-top { padding-top: 40px; }
.uk-section-small-bottom { padding-bottom: 40px; }
.uk-section-large-top { padding-top: 70px; }
.uk-section-large-bottom { padding-bottom: 70px; }
.uk-section-xlarge-top { padding-top: 140px; }
.uk-section-xlarge-bottom { padding-bottom: 140px; }
@media (min-width: 960px) {
	.uk-section-large-top { padding-top: 140px; }
	.uk-section-large-bottom { padding-bottom: 140px; }
	.uk-section-xlarge-top { padding-top: 210px; }
	.uk-section-xlarge-bottom { padding-bottom: 210px; }
}

[uk-cover]:where(canvas, iframe, svg) {
	max-width: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
iframe[uk-cover] { pointer-events: none; }

/* YOOtheme 5 adds .uk-panel to text elements, whose :last-child rule drops the paragraph margin 1.22 kept. */
div.uk-panel[class*="uk-margin"]:not(.el-content) > p:last-child { margin-bottom: 20px; }

/* The old stylesheet already draws the toggle icon via .uk-accordion-title::before. */
.uk-accordion-title > .uk-accordion-icon { display: none; }
[uk-cover]:where(img, video) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	box-sizing: border-box;
	object-fit: cover;
	object-position: center;
}

/* The hero's transparent-header setting is desktop-only on the live site; small screens keep a solid bar. */
.tm-header-mobile.tm-header-overlay {
	position: relative;
}
.tm-header-mobile .uk-navbar-container.uk-navbar-transparent {
	background: #cfc6b2;
}
@media (max-width: 1199px) {
	.tm-header-placeholder {
		display: none;
	}
}

/* UIkit's uk-inverse (transparent header -> white logo and links over dark heroes) reads --uk-inverse,
   which the 1.22 theme.1.css predates. Selectors as in YOOtheme 5's theme.css. */
* {
	--uk-inverse: initial;
}
.uk-card-primary.uk-card-body,
.uk-card-primary > :not([class*="uk-card-media"]),
.uk-light,
.uk-overlay-primary,
.uk-section-primary:not(.uk-preserve-color),
.uk-section-secondary:not(.uk-preserve-color),
.uk-tile-primary:not(.uk-preserve-color),
.uk-tile-secondary:not(.uk-preserve-color) {
	--uk-inverse: light;
}
.tm-headerbar-default,
.tm-toolbar-default,
.uk-card-default.uk-card-body,
.uk-card-default > :not([class*="uk-card-media"]),
.uk-card-secondary.uk-card-body,
.uk-card-secondary > :not([class*="uk-card-media"]),
.uk-dark,
.uk-dropbar,
.uk-dropdown,
.uk-navbar-container:not(.uk-navbar-transparent),
.uk-navbar-dropdown:not(.uk-preserve-color),
.uk-offcanvas-bar,
.uk-overlay-default,
.uk-section-default:not(.uk-preserve-color),
.uk-section-muted:not(.uk-preserve-color),
.uk-tile-default:not(.uk-preserve-color),
.uk-tile-muted:not(.uk-preserve-color),
.tm-header-mobile {
	--uk-inverse: dark;
}

.tm-header .uk-logo img {
	height: auto;
	width: auto;
	max-height: none;
}

/* Experience slides: fixed 800x500 like the live site, cropped rather than stretched. */
.uk-slider-items > :has(.slider-caption) {
	width: 800px;
	max-width: calc(100% - 30px);
}
@media (min-width: 1200px) {
	.uk-slider-items > :has(.slider-caption) {
		max-width: calc(100% - 40px);
	}
}
.uk-slider-items > :has(.slider-caption) .el-item {
	width: 100%;
}
.uk-slider-items > :has(.slider-caption) img.el-image {
	flex: none;
	width: 100%;
	height: auto;
	aspect-ratio: 8 / 5;
	object-fit: cover;
}
/* The caption is placed with .slider-caption { bottom: 100px }, so it needs a full-slide box to sit in. */
.uk-slider-items > :has(.slider-caption) .uk-position-center {
	inset: 0;
	width: auto;
	max-width: none;
	transform: none;
	background: none;
}
.uk-slider-items > :has(.slider-caption) .uk-position-center .uk-panel {
	position: static;
}
/* On the live site the caption box is 100px taller than the slide, which puts the title 49px off the bottom. */
.uk-slider-items > :has(.slider-caption) .slider-caption {
	bottom: 49px;
}
@media (max-width: 639px) {
	.uk-slider-items > :has(.slider-caption) .slider-caption {
		bottom: 40px;
		font-size: 26px;
		white-space: nowrap;
	}
	.uk-slider-items > :has(.slider-caption) .slider-caption::before {
		bottom: -44px;
	}
}