/***** 1. Common - Font Installation *****/
/*Mainfont - Roboto*/
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Thin.ttf');
    font-weight:200;
    font-style:normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Light.ttf');
    font-weight:300;
    font-style:normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Regular.ttf');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Medium.ttf');
    font-weight:600;
    font-style:normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Bold.ttf');
    font-weight:800;
    font-style:normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Black.ttf');
    font-weight:900;
    font-style:normal;
}
/****** 2. Common - General Stylings *****/
*{
    --gradient-1 : linear-gradient(0deg, rgb(41 56 108) 36%, rgb(252 44 44) 100%);
    --gradient-2 : linear-gradient(90deg, rgb(41 56 108) 36%, rgb(252 44 44) 100%);
    --clr-1: #fc2c2c;
    --clr-2: #29386c;
    margin:0;
    padding:0;
    scroll-behavior: smooth;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    /* transform-style: preserve-3d; */
}
::-webkit-scrollbar {
    width: 8px;
} 
::-webkit-scrollbar-track {
    background:#fff;
} 
::-webkit-scrollbar-thumb {
    /*background-color: #1f1f1f;*/
    outline: 1px solid #fafafa;
    border-radius: 10px;
    background: var(--gradient-1);
}
::-moz-selection { 
    background: rgb(85 210 132); 
    color:#fafafa;
}
::selection { 
    background: rgb(85 210 132);
    color:#fafafa;
}
button:focus, button:active, button:hover{
    outline: 0px;
    /* border:0px; */
}
a{
    text-decoration: none;
}
body{
    position: relative;
    font-family: 'Roboto';
    overflow-x: hidden;
    left: 0;
    width: 100vw;
    overflow-y: scroll;
    line-height: 1.5;
}
html.lenis {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
} 
/*Navigation Styles*/


nav#main-navigation {
    width: 100vw;
    position: relative;
    display: grid;
    flex-direction: row;
    box-shadow: 0 0 30px 0 rgb(24 24 24 / 15%);
    flex-wrap: wrap;
    grid-template-columns: 35% 65%;
}

img#logo {
    position: relative;
    width: 250px;
}

div#logo-area {
    position: relative;
    /* height: 100%; */
    display: flex;
    align-items: center;
    width: 100%;
    grid-row: 1/3;
    justify-content: center;
    /* padding: 2rem; */
}

.menu-item {
    color: #181818;
    margin: 0 10px;
    padding: 20px;
    position: relative;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Roboto';
    transition: all .3s ease;
}

.menu-item:hover, .menu-item.active {
    box-shadow: 0 0 15px rgb(24 24 24 / 15%);
    background: #fff;
    color: #181818 !important;
}

section#home-banner {
    width: 100vw;
    height: calc(100vh - 100px);
    position: relative;
    background-image: url(../images/home-banner.jpg);
    background-attachment: fixed;
    background-size: cover;
}

div#home-banner-inner {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    bottom: 100px;
    color: #fff;
    padding-bottom: 3rem;
}

h2.main-tag {
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 1rem;
    text-align: center;
}

h2.main-tag span {
    margin-bottom: 1rem;
    display: block;
}

h2.main-tag:after {
    content: '';
    position: absolute;
    width: 100px;
    height: 2px;
    background: #fff;
    left: calc(50% - 50px);
}

h1.main-title span {font-weight: 800;position: relative;z-index: 2;}

h1.main-title {font-size: 3.5em;font-family: 'Roboto';font-weight: 400;margin-bottom: 1rem;line-height: 1;}

span.sub-title {
    font-size: 1.25em;
    font-family: "Roboto";
    margin-bottom: 2rem;
    text-align: center;
}

div#home-search-sec {
    position: relative;
    display: flex;
    width: 70%;
    min-width: 1100px;
    flex-wrap: wrap;
    padding: 0 2rem;
    align-items: center;
}

.prime--input {
    height: 3.5em;
    position: relative;
    width: 100%;
}

div#home-search-sec .input-sec {
    padding: 0 1rem;
    flex: 0 0 25%;
    max-width: 25%;
}

.btn--prime {
    /* width: 100%; */
    /* height: 100%; */
    background: #86d95c;
    border: 0px;
    font-family: 'Roboto';
    color: var(--clr-2);
    font-weight: 700;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

section#home-package {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 3rem 10%;
    /* margin-top: -3em; */
}

.package-outer {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 0.625em 1.25em;
    display: flex;
    /* background: #fff; */
    flex-direction: column;
}

.package-img-sec {
    position: relative;
    width: 100%;
    height: 375px;
    background-image: url(../images/packages/1.jpg);
    background-position: center;
    background-size: cover;
}

section#home-banner:before {
    content: '';
    background: #0000001f;
    position: absolute;
    width: 100%;
    height: 100%;
}

.package-desc {
    padding: 1em 1.25em;
    width: 100%;
    position: relative;
    background: #fff;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}

h2.pkg-title {
    font-weight: 800;
    letter-spacing: -.05em;
    font-family: 'Roboto';
    font-size: 1.25rem;
    color: #181818;
}

span.pkg-price {
    font-weight: 500;
    padding: 0;
    line-height: 2;
    color: #19a186;
    font-size: 1em;
    font-family: 'Roboto';
    font-size: 1rem;
    /* display: none; */
}

.package-inner {
    box-shadow: 0 0 15px rgb(24 24 24 / 15%);
    position: relative;
    width: 100%;
    height: 100%;
    transition: 300ms ease all;
    transform: translateY(0);
    overflow: hidden;
    cursor: pointer;
}

.btn-section {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

.btn {
    display: inline-block;
    position: relative;
    padding: 1rem 3rem;
    font-size: 0.9rem;
    text-align: center;
}

#find-your-tour {
    width: 100%;
    height: 100%;
}

h1.main-title span:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 10px;
    left: 0;
    z-index: -1;
    background: var(--gradient-2);
}

.btn--prime:hover {
    background: var(--gradient-2);
    /* transition: all .6s ease; */
    color: #fff;
}

.menu-item.active:before, .menu-item:hover:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, rgb(41 56 108) 36%, rgb(252 44 44) 100%);
}

.package-inner:hover {
    transform: translateY(-0.625em);
    box-shadow: 0 10px 30px rgb(24 24 24 / 30%);
}

.package-desc:before {
    width: 100%;
    content: '';
    position: absolute;
    height: 5px;
    left: -100%;
    top: 0;
    background: var(--gradient-2);
    transition: all .3s ease;
}

.package-inner:hover .package-desc:before {
    left: 0;
}

section#home-tailormade {
    position: relative;
    width: 100%;
    padding: 2rem 1.5rem 2rem 1rem;
}

div#tm-cover {
    position: relative;
    display: flex;
    width: 100%;
    background: linear-gradient(90deg, rgb(41 56 108) 36%, rgb(252 44 44) 100%);
    background-position: center;
    background-size: cover;
    padding: 2rem 8rem;
    border-radius: 4rem;
}

.package-inner[data-id=pkg-2] .package-img-sec {
    background-image: url(../images/packages/2.jpg);
}
.package-inner[data-id=pkg-3] .package-img-sec {
    background-image: url(../images/packages/3.jpg);
}
.package-inner[data-id=pkg-4] .package-img-sec {
    background-image: url(../images/packages/4.jpg);
}
.package-inner[data-id=pkg-5] .package-img-sec {
    background-image: url(../images/packages/5.jpg);
}
.package-inner[data-id=pkg-6] .package-img-sec {
    background-image: url(../images/packages/6.jpg);
}
.package-inner[data-id=pkg-7] .package-img-sec {
    background-image: url(../images/packages/7.jpg);
}
.package-inner[data-id=pkg-8] .package-img-sec {
    background-image: url(../images/packages/8.jpg);
}

.tm-content {
    color: #fff;
    padding: 5rem 0;
    width: 50%;
    position: relative;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10%) scale(1) !important;
    transition: all .5s cubic-bezier(0.25, 0.1, 0.48, 0.82) .3s !important;
}

.ss-heading {
    text-transform: uppercase;
    padding-left: 0.5rem;
    font-weight: 400;
    z-index: 2;
    font-size: 1.2rem;
}

.white-washed h1.main-title span:before {
    background: rgb(255 255 255 / 30%);
}

.tm-desc-cont {
    font-family: 'Roboto';
    margin-bottom: 3rem;
    font-family: 'Roboto';
    margin-top: 0.5em;
    line-height: 1.75em;
    font-size: 1.125em;
}

.details-sec-title {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* transform: translateY(100px) scale(1) !important; */
    /* opacity: 0 !important; */
    /* visibility: hidden; */
    transition: all .5s cubic-bezier(0.25, 0.1, 0.48, 0.82) .3s !important;
}

.details-sec-title h1.main-title {
    margin-bottom: 0;
}

.details-sec-title .tm-desc-cont {
    width: 50%;
    text-align: center;
    font-family: 'Roboto';
}

section#home-ttd {
    padding: 5rem 0;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ttd-outer {
    padding: 1rem 0;
    width: auto;
    display: grid !important;
    place-items: center;
    /* height: 200px; */
}

.ttd-slider-section {
    position: relative;
    width: 100%;
    padding: 0 5rem;
}

.slick-prev, .slick-next {
    bottom: -4.5rem;
    top: 50%;
    /* text-transform: uppercase; */
    color: #181818;
    font-size: .7rem;
    font-family: 'Roboto';
    font-weight: 700;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
}

#ttd-slider .slick-prev {
    left: 0;
}

.slick-prev:before, .slick-next:before {
    content: '';
    width: 50px;
    position: relative;
    height: 2px;
    background: #181818;
    opacity: 1;
    transition: all .3s ease;
}

.slick-next {
    right: 0;
    flex-direction: row-reverse;
}

.slick-prev:before {
    margin-right: .5rem;
}

.slick-next:before {
    margin-left: .5rem;
}

.slick-arrow:hover:before {
    width: 40px;
}

.ttd-inner, .dest-inner {
    width: 90%;
    position: relative;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
    transform: translateY(0);
    transition: all .3s ease;
    background-position: center;
}

.ttd-inner h3, .dest-inner h3 {
    text-shadow: 0 2px 5px rgb(24 24 24 / 75%);
    color: #fff;
    font-family: 'Roboto';
    font-size: 1.5rem;
    z-index: 2;
    letter-spacing: -.05em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.25em;
    transition: all .3s ease;
    opacity: 1;
    transform: scale(1);
    text-align: center;
}

.ttd-inner:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    transition: all .3s ease;
    opacity: 0;
}

.ttd-inner:hover:before {
    opacity: .4;
}

.package-img-sec:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #181818;
    opacity: 0;
    transition: all .3s ease;
}

.package-img-sec:hover:before {
    opacity: .4;
}

.ttd-inner:after {
    width: 100%;
    content: '';
    position: absolute;
    height: 5px;
    left: -100%;
    bottom: 0;
    background: var(--gradient-2);
    transition: all .3s ease;
    z-index: 2;
}

.ttd-inner:hover:after {
    left: 0;
}

.ttd-inner:hover {transform: translateY(-15px);}

.ttd-inner[data-id=dest-1], .dest-inner[data-id=dest-1] {
    background-image: url(../images/destination/1.jpg);
}
.ttd-inner[data-id=dest-2], .dest-inner[data-id=dest-2] {
    background-image: url(../images/destination/2.jpg);
}
.ttd-inner[data-id=dest-3], .dest-inner[data-id=dest-3] {
    background-image: url(../images/destination/3.jpg);
}
.ttd-inner[data-id=dest-4], .dest-inner[data-id=dest-4] {
    background-image: url(../images/destination/4.jpg);
}
.ttd-inner[data-id=dest-5], .dest-inner[data-id=dest-5] {
    background-image: url(../images/destination/5.jpg);
}
.ttd-inner[data-id=dest-6], .dest-inner[data-id=dest-6] {
    background-image: url(../images/destination/6.jpg);
}
.ttd-inner[data-id=dest-7], .dest-inner[data-id=dest-7] {
    background-image: url(../images/destination/7.jpg);
}
.ttd-inner[data-id=dest-8], .dest-inner[data-id=dest-8] {
    background-image: url(../images/destination/8.jpg);
}


section#home-ttd:after {
    content: '';
    position: absolute;
    height: 10px;
    width: 70%;
    background: var(--gradient-2);
    bottom: -5px;
    left: 15%;
}

section#home-services {
    padding: 5rem 0;
}

section#home-why {
    position: relative;
    width: 100%;
    padding: 2rem 1.5rem 2rem 1rem;
}

div#why-cover {
    background-image: url(../images/why.jpg);
    padding: 2rem 5rem;
    background-size: cover;
    background-position: center;
    position: relative;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

div#why-cover:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--gradient-2);
    opacity: .6;
}

#why-cover .tm-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

#why-cover .tm-desc-cont {
    text-align: left;
}

#why-cover h1.main-title {
    text-align: left;
}

section#home-pt {
    padding: 5rem 0;
}

footer {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1rem 3rem;
}

img#footer-logo {
    height: 50px;
    position: relative;
    filter: grayscale(1);
}

.top-footer {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.footer-menu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer:before {
    content: '';
    position: absolute;
    width: 94%;
    height: 2px;
    left: 3%;
    top: 0;
    background: var(--gradient-2);
}

.footer-menu-items {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 2rem;
}

.fm-item:hover {
    opacity: 1;
}

.footer-bottom {
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.footer-bottom span {
    font-family: 'Roboto';
    font-size: .725em;
    font-weight: 500;
    color: #888888bf;
    display: flex;
    align-items: center;
}

.footer-bottom:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #88888840;
    left: 0;
    top: 0;
}

img.createrix {
    height: 30px;
    filter: invert(1) brightness(9);
    position: relative;
    margin-left: .5rem;
}

.footer-social {
    position: relative;
    display: flex;
    align-items: center;
}

span.fs-title {
    font-family: 'Roboto';
    font-weight: 800;
    color: #181818;
    font-size: 0.85em;
    text-transform: uppercase;
    margin-right: 1rem;
}

.fs-icon {
    font-size: 1.3rem;
    margin: 0 .5rem;
    color: #181818;
    opacity: 1;
    transition: all .3s ease;
}

.fs-icon:hover {
    opacity: .7;
}

.intro-slider {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5rem;
    color: #fff;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.intro-slider .tm-desc-cont {
    text-align: center;
    width: 70%;
    z-index: 2;
}

h1.intro-title {
    font-weight: 900;
    font-size: 3.5rem;
    font-family: 'Roboto';
    z-index: 2;
    margin: 0rem;
    text-align: center;
}

.intro-slider:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .4;
    z-index: 1;
    background: linear-gradient(0deg, rgb(41 56 108) 36%, rgb(252 44 44) 100%);
}

#about-sec .intro-slider {
    background-image: url(../images/why.jpg);
}

#about-story-sec, #about-mission-sec {
    position: relative;
    padding: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.story-ps {
    font-weight: 400;
    line-height: 1.75em;
    width: 60%;
    text-align: center;
    font-size: 1.05em;
    color: #181818;
}

p.story-cont {
    margin: 0 0 1rem 0;
}

.slider-abt-inner {
    height: 400px;
    background: red;
    background-position: center;
    background-size: cover;
}

.slider-abt-inner[data-id='1']  {
    background-image: url(../images/destination/1.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}
.slider-abt-inner[data-id='2']  {
    background-image: url(../images/destination/2.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}
.slider-abt-inner[data-id='3']  {
    background-image: url(../images/destination/3.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}
.slider-abt-inner[data-id='4']  {
    background-image: url(../images/destination/4.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}
.slider-abt-inner[data-id='5']  {
    background-image: url(../images/destination/5.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}
.slider-abt-inner[data-id='6']  {
    background-image: url(../images/destination/6.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}
.slider-abt-inner[data-id='7']  {
    background-image: url(../images/destination/7.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}
.slider-abt-inner[data-id='8']  {
    background-image: url(../images/destination/8.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}

section#day-tour-all .intro-slider {
    background-image: url(../images/packages/2.jpg);
}

section#day-tour-all {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

#sdt-tour-sec, #round-tour-sec {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 5rem 10%;
}

#sdt-tour-sec .package-outer {
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

#sdt-tour-sec .package-img-sec {
    height: 400px;
}

#md-tour-all .intro-slider {
    background-image: url(../images/packages/7.jpg);
}

.rt-outer {
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding: 0 0.625em 1.25em;
    display: flex;
    /* background: #fff; */
    flex-direction: column;
}

.rt-inner {
    box-shadow: 0 0 15px rgb(24 24 24 / 15%);
    position: relative;
    width: 100%;
    height: 100%;
    transition: 300ms ease all;
    transform: translateY(0);
    overflow: hidden;
    cursor: pointer;
}

.rt-inner:hover {
    transform: translateY(-0.625em);
    box-shadow: 0 10px 30px rgb(24 24 24 / 30%);
}

.rt-img-sec {
    position: relative;
    width: 100%;
    height: 205px;
    background-image: url(../images/packages/1.jpg);
    background-position: center;
    background-size: cover;
}

.rt-inner:hover .package-desc:before {
    left: 0;
}

span.pkg-tags {
    font-size: .875em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1em;
    margin-top: 1em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5em;
    max-height: 3em;
    color: #181818;
}

span.pkg-durations {
    font-size: .775em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #ddd;
    padding-top: 1em;
    color: #181818;
    font-weight: 500;
    align-items: center;
}

.pkg-durations i {
    margin-right: 0.4rem;
    color: #14a9e3;
}

.rt-img-sec:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: all .3s ease;
}

.rt-inner:hover .rt-img-sec:before {
    opacity: .5;
}

#destination-all .intro-slider {
    background-image: url(../images/destination/5.jpg);
}

div#destinations-sec {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 5rem 10%;
}

.dest-outer {
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding: 0 0.625em 1.25em;
    display: flex;
    /* background: #fff; */
    flex-direction: column;
    align-items: center;
}

.dest-content {
    position: absolute;
    width: 100%;
    padding: 1.5rem;
    left: 0;
    bottom: 0;
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 45%);
    color: #181818;
    transition: all .3s ease;
    transform: translateY(100%);
}

.dest-content p {
    color: #181818;
    font-size: .9375em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.5em;
    max-height: 4.5em;
    max-height: 4.5em;
    position: relative;
    margin-top: 0.75em;
}

.dest-content h5 {
    /* text-shadow: 0 2px 5px rgb(24 24 24 / 75%); */
    color: #181818;
    font-family: 'Roboto';
    font-size: 1.5rem;
    z-index: 2;
    letter-spacing: -.05em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.25em;
    font-weight: 800;
}

.dest-inner:hover .dest-content {
    transform: translateY(0px);
}

.dest-inner:hover h3 {
    transform: scale(1.2);
    opacity: 0;
}

.contact-area {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 5rem 10%;
}

.contact-title-sec {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.details-sec-title.left-al {
    align-items: flex-start;
}

.details-sec-title.left-al .tm-desc-cont {
    text-align: left;
    width: 80%;
}

.contact-log {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
}

.contact-log-ind {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-log-ind h5 {font-family: 'Roboto';font-size: 1.375rem;margin: 0.7rem 0;font-weight: 800;color: #181818;}

.log-details {
    font-size: .875em;
    line-height: 1.5;
    text-align: center;
}

#home-tailormade .tm-desc-cont {
    margin-top: 0;
}

.tour-header-sec {
    width: 100vw;
    height: 70vh;
    position: relative;
    display: grid;
    place-items: center;
    background-position: center;
    background-size: cover;
}

.tour-header-sec:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .4;
    z-index: 1;
    background: var(--gradient-1);
}

.tour-info-viewer {
    position: absolute;
    height: 150px;
    display: flex;
    z-index: 2;
    width: 80%;
    flex-wrap: wrap;
    top: -75px;
    background: var(--gradient-2);
    align-items: center;
    padding: 2rem;
    justify-content: space-between;
}

.tour-bottom-section {
    position: relative;
    padding: 5rem 10% 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tour-title-details {
    position: relative;
    max-width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
}

.tour-inclusion-details {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 3rem 0;
}

.tour-description p {
    text-align: center;
    font-family: "Roboto";
    margin-top: 0.5em;
    line-height: 1.75em;
    font-size: 1.125em;
}

.tour-description {
    position: relative;
    padding: 3rem 5rem;
    border-bottom: 1px solid rgba(24,24,24,.1);
}

.dt-program-title {
    font-size: 1.975em;
    font-family: 'Roboto';
    font-weight: 700;
    font-weight: 800;
    letter-spacing: -.05em;
    color: #181818;
    clear: unset;
    padding: 1rem 2rem;
}

.inc-sec {
    position: relative;
    display: grid;
    grid-template-columns: 3.6fr 6.4fr;
    width: 100%;
    padding: 1rem 2rem;
    /* border-bottom: 1px solid rgba(24,24,24,.1); */
}

.inc-tile {
    font-family: 'Roboto';
    font-weight: 800;
    letter-spacing: -.05em;
    font-size: 1.125rem;
}

.inc-desc {
    font-family: "Roboto";
    font-weight: 400;
    line-height: 1.75em;
    font-size:1.125rem;
}

.inc-pr-included {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.pr-included, .pr-not-included {
    margin: 0 0 0.5em;
    line-height: 1.25em;
    padding: 0 1.2em;
    display: block;
    font-family: "Roboto";
    font-weight: 400;
    color: #181818;
    font-size: 1.125rem;
}

.pr-included:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    margin: 0rem 0 0 -1.2em;
    width: 1.2em;
    color: var(--clr-2);
    content: "\f058";
}

.pr-not-included:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    margin: 0rem 0 0 -1.2em;
    width: 1.2em;
    opacity: .5;
    content: "\f00d";
    color: var(--clr-1);
}

.dt-programme {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dt-program-title.tp-title {
    font-size: 2.25rem;
    text-transform: uppercase;
    text-align: center;
}

.tour-pr-intem {
    position: relative;
    width: 600px;
    border-radius: 10px;
    border: 5px solid rgba(24,24,24,.1);
    /* overflow: hidden; */
    margin-bottom: 3rem;
    background: #fff;
}

.tour-item-det-upper {
    position: relative;
    padding: 2rem;
    font-family: 'Roboto';
    text-align: center;
    font-weight: 500;
    color: #181818;
    font-size: 14px;
}

.tour-det-image-sec {
    position: relative;
    width: 100%;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    height: 300px;
    object-fit: cover;
}

.tour-det-image-sec img {
    position: relative;
    display: block;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.tour-pr-intem:not(:last-child):before {
    content: '';
    position: absolute;
    height: 100%;
    width: 4px;
    left: calc(50% - 2px);
    top: 50%;
    background: #181818;
    z-index: -1;
    opacity: .1;
}

.content-sec-cat p {
    text-align: center;
    font-family: "Roboto";
    margin-top: 0.5em;
    line-height: 1.75em;
    font-size: 1.125em;
}

.content-sec-cat {
    width: 100%;
    padding: 3rem 15%;
    position: relative;
}

.content-sec-cat:after {
    content: '';
    position: absolute;
    width: 70%;
    height: 1px;
    background: #181818;
    bottom: 0;
    left: 15%;
    opacity: .1;
}

.tour-navigation {
    padding-top: 3.75em;
    /* padding-bottom: 3.75em; */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.tour-nav-item {
    margin-left: 0.25em;
    margin-right: 0.25em;
    padding: 1em 1.3em;
    cursor: pointer;
    font-family: 'Roboto';
    font-size: 1rem;
    position: relative;
    font-weight: 600;
    letter-spacing: -.03em;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

span.tour-nav-item:hover {
    -webkit-box-shadow: 0 0 15px rgb(24 24 24 / 15%);
    box-shadow: 0 0 15px rgb(24 24 24 / 15%);
}

.tp-desc {
    -webkit-transition: transform 2000ms cubic-bezier(.190,1,.220,1),opacity 2000ms cubic-bezier(.190,1,.220,1);
    -moz-transition: transform 2000ms cubic-bezier(.190,1,.220,1),opacity 2000ms cubic-bezier(.190,1,.220,1);
    transition: transform 2000ms cubic-bezier(.190,1,.220,1),opacity 2000ms cubic-bezier(.190,1,.220,1);
    position: relative;
    width: calc(50% - 2.5rem);
    padding: 1.25rem;
    border: 5px solid #9e9e9e47;
    border-radius: 15px;
    color: #181818;
    opacity: 1;
}

.tp-day {
    position: absolute;
    top: -18px;
    left: 1.25rem;
    padding: 5px;
    background: #55d284;
    color: #fff;
    font-family: "Roboto";
    font-size: 13px;
    border-radius: 5px;
    text-transform: uppercase;
}

.ti-title {
    font-family: 'Roboto';
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: .5rem;
    letter-spacing: -.05em;
}

.ti-desc {
    margin-bottom: .5rem;
    /* font-size: .9em; */
    line-height: 1.75em;
    font-family: 'Roboto';
}

.tp-desc:nth-child(odd) {
    margin-right: calc(50% + 2rem);
}

.tp-desc:nth-child(even) {
    margin-left: calc(50% + 2.5rem);
}

.tp-title {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
    font-family: 'Roboto';
    margin-bottom: 3rem;
}

#tp-vr-line {
    position: absolute;
    width: 5px;
    height: 100%;
    background: rgba(24,24,24,.3);
    left: calc(50% - 2.5px);
    top: 85px;
}

.tour-plan {
    position: relative;
    width: 100%;
    flex-direction: column;
    padding: 3rem 0;
}

.tp-desc:before {
    content: ' ';
    position: absolute;
    z-index: 1;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #55d284;
    opacity: 1;
    top: calc(50% - 8px);
}

.tp-desc:nth-child(odd):before {
    right: calc(-2.5rem - 14px);
}

.tp-desc:nth-child(even):before {
    left: calc(-2.5rem - 14px);
}

.tp-desc:after {
    content: '';
    position: absolute;
    width: 2.5rem;
    height: 2px;
    background: rgba(24,24,24,.3);
    top: calc(50% - 1px);
}

.tp-desc:nth-child(odd):after {
    right: -2.5rem;
}

.tp-desc:nth-child(even):after {
    left: -2.5rem;
}

.tour-nav-item:hover:before, .tour-nav-item.active:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #55d284 36%, #f2cf43 100%);
}

.tp-cont-sec {
    display: none;
}

.tp-cont-sec.active {
    display: flex;
}

.tp-desc:not(:first-child) {
    margin-top: -3rem;
}

.tour-navigations {
    position: relative;
    padding: 3rem 0;
    display: flex;
}

.tn-img {
    -webkit-flex: 0 0 3.875em;
    -ms-flex: 0 0 3.875em;
    flex: 0 0 3.875em;
    height: 3.875em;
    background-size: cover;
    background-position: center center;
    border: 2px solid currentColor;
    border-radius: 50px;
    -webkit-transition: 200ms ease all;
    -moz-transition: 200ms ease all;
    transition: 200ms ease all;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-size: cover;
    background-position: center;
}

.tn-left {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    min-height: 1px;
    margin: 0;
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    transition: 300ms ease all;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    cursor: pointer;
}

.tn-left:before {
       background: currentColor;
    height: 2px;
    width: 3.125em;
    display: block;
    content: "";
    -webkit-transition: width 200ms ease;
    -moz-transition: width 200ms ease;
    transition: width 200ms ease;
}

.tn-content {
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    min-width: 0%;
    margin: 0 0 0 0.625em;
    font-family: "Roboto";
    line-height: 1;
}

.tn-content span {
    font-size: .7875rem;
    font-weight: 600;
    text-transform: capitalize;
}

.tn-content h5 {
    font-size: 1.25rem;
    font-weight: 700;
    font-weight: 800;
    letter-spacing: -.05em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em;
}

.tn-left:hover:before {
    width: 2em;
}

.tn-right {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    min-height: 1px;
    margin: 0;
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    transition: 300ms ease all;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    text-align: right;
    cursor: pointer;
    margin-left: auto;
}

.tn-right:before {
    background: currentColor;
    height: 2px;
    width: 3.125em;
    display: block;
    content: "";
    -webkit-transition: width 200ms ease;
    -moz-transition: width 200ms ease;
    transition: width 200ms ease;
}

.tn-right .tn-content {
    margin: 0 0.625em 0 0;
}

.tn-right:hover:before {
    width: 2em;
}

.ttd-area {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 3rem 10%;
}

.ttd-inner-sec {
    display: flex;
    position: relative;
    padding: 0 2rem;
}

.ttd-img-sec {
    position: relative;
    width: 40%;
    min-height: 300px;
    background-position: center;
    background-size: cover;
    background-image: url(../images/ttd/1.jpeg);
}

.ttd-content-sec {
    position: relative;
    width: 60%;
    padding-left: 2rem;
    color: #181818;
}

h4.ttd-title {
    font-family: 'Roboto';
    font-size: 1.75rem;
    margin-bottom: .5rem;
    font-weight: 800;
}

.ttd-content-inner p {
    font-family: "Roboto";
    margin-top: 0.5em;
    line-height: 1.75em;
    font-size: 1em;
}

.ttd-outer-sec {
    position: relative;
    padding: 2rem 0;
}

.ttd-outer-sec:not(:last-child) {
    border-bottom: 1px solid rgba(24,24,24,.1);
}

#responsive-navigation{
    display: none;
    position: fixed;
    width: 100%;
    z-index: 280;
    top: 0;
}
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 2px;
    background-color: var(--clr-2);
    margin: 6px 0;
    transition: 0.4s;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 5px);
    transform: rotate(-45deg) translate(-5px, 5px);
}
.change .bar2 {
    opacity: 0;
}
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -6px);
    transform: rotate(45deg) translate(-6px, -6px);
}
.container-menu-icon {
    display: inline-block;
    cursor: pointer;
    position: fixed;
    top: 1rem;
    left: 15px;
    z-index: 290;
    padding: 5px;
}

.logo-sector {
    position: fixed;
    display: flex;
    width: 100vw;
    background: #fff;
    height: 80px;
    padding: 1rem 3rem 1rem 100px;
    z-index: 7;
    align-items: center;
    justify-content: space-between;
}

.menu-sec {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: var(--gradient-2);
    z-index: 6;
    left: -100%;
    transition: all .4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.menu-sec.active {
    left: 0;
}

.menu-area {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.menu-area a {
    font-family: 'Roboto';
    font-weight: 700;
    margin-bottom: 1rem;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}

.services-container {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 2rem 5rem;
}

.services-outer {
    position: relative;
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.service-icon {
    position: relative;
    width: 120px;
    height: auto;
    margin-bottom: .5rem;
}

.services-outer h4 {
    font-weight: 800;
    letter-spacing: -.05em;
    line-height: 1;
    font-family: 'Roboto';
    font-size: 1.5625em;
    color: #181818;
}

.iconx path {
    fill: var(--clr-1);
    transition: all .3s cubic-bezier(0.45, 0.49, 0.13, 0.6);
}

.service-icon:hover .iconx path {
    fill: var(--clr-2);
}

div#tp-content {
    position: relative;
    width: 100%;
}

.tm-desc-area {
    margin-bottom: 3rem;
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 1.725;
}

.tm-desc-area p {
    margin-bottom: 1rem;
}

#home-tailormade h1.main-title {
    margin-bottom: 0;
}

section#byt {
    position: fixed;
    z-index: 300;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-image: url(../images/bgn-newsletter.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    padding: 10vh 10vw;
    display: none;
    background-image: var(--gradient-1);
}

.input-section-byt {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    padding-right: 2rem;
}

.component-input {
    position: relative;
    width: 50%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.component-input label {
    color: #fff;
    font-family: 'Roboto';
    font-size: 14px;
    margin-bottom: .5rem;
    margin-left: 1rem;
    font-weight: 600;
}

.input-globe {
    font-weight: 600;
    position: relative;
    padding: 15px 10px;
    /* background: transparent; */
    border: 2px solid #55d284;
    border-radius: 8px;
    color: #181818;
    font-family: 'Roboto';
    width: 90%;
}

.input-globe:active, .input-globe:focus {
    outline: none;
}

section#byt:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #181818;
    opacity: .3;
}

.comp-boxes {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    /* padding: 1rem; */
}

.comp-title {
    font-family: 'Roboto';
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    width: 30%;
    padding: 1rem 2rem;
}

.comp-input-container {
    position: relative;
    width: 70%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 1rem;
    justify-content: center;
}

.component-input-q {
    position: relative;
    width: 25%;
}

.interest-sec {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.component-input-l.component-input {
    width: 100%;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 25px;
}

.switch input {
    opacity: 0;
    width: 0px;
    height: 0px;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #fff;
    transition: all 0.4s ease 0s;
}

.slider::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 3px;
    background-color: var(--clr-2);
    transition: all 0.4s ease 0s;
}

input:checked + .slider {
    background-color: var(--clr-2);
}

input:focus + .slider {
    box-shadow: rgb(33, 150, 243) 0px 0px 1px;
}

input:checked + .slider::before {
    transform: translateX(33px);
    background-color: #fff;
}

.slider.round {
    border-radius: 32px;
}

.slider.round::before {
    border-radius: 50%;
}

.visibility-check {
    position: relative;
    display: flex;
    align-items: center;
}

span.v-title {
    padding: .5rem;
    color: #fff;
    font-family: 'Roboto';
}
.container-checkbox {
    display: flex;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: 1;
    align-items: center;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    justify-content: flex-start;
    user-select: none;
    /* font-weight: 900; */
    color: #444;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
}

/* Create a custom checkbox */
.container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 9px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #55d284;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.container-checkbox.q-third {
    width: 30%;
}

.comp-boxes.interest-contain {
    flex-direction: column;
    margin: 2rem 0;
    padding: 0 2rem;
}

.interest-sec .container-checkbox {
    width: calc(100% / 4);
    margin-bottom: 1rem;
}

.comp-boxes.interest-contain h3 {
    font-family: 'Roboto';
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 2rem;
}

.comp-input-title {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
    font-family: 'Roboto';
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

.container-checkbox.q-forth {
    margin-bottom: 1rem;
    width: 25%;
}

.side-dash:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    background: #fff;
    left: 0;
    top: 0;
}

span#back-byt {
    position: absolute;
    color: #fff;
    cursor: pointer;
    font-size: 2rem;
    height: 40px;
    width: 40px;
    display: grid;
    place-items: center;
    left: 2rem;
    top: 2rem;
}
.radio-input input[type=radio]{
    position: absolute;
    visibility: hidden;
}

.radio-input label{
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    margin-left: 2rem;
    font-family: 'Roboto';
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

.radio-input:hover label{
    color: #fff;
}

.radio-input .check{
    display: block;
    position: absolute;
    border: 2px solid #fff;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: -5px;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.radio-input:hover .check {
    border: 2px solid #55d284;
    background: #fff;
}

.radio-input .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.radio-input input[type=radio]:checked ~ .check {
    border: 2px solid #55d284;
    background: #fff;
}

.radio-input input[type=radio]:checked ~ .check::before{
    background: #55d284;
}

.radio-input input[type=radio]:checked ~ label{
    color: #fff;
}

.radio-input {
    position: relative;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: flex-start;
    align-content: center;
    width: 30%;
    margin-bottom: 1.5rem;
}

div#byt-inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 2rem;
}

.details-sec-byt {
    position: relative;
    padding: 0 1rem;
    color: #fff;
    margin-bottom: 2rem;
}

.details-sec-byt h1 {
    font-family: 'Roboto';
    font-size: 3rem;
    margin-bottom: 1rem;
}

section#byt.active {
    display: block;
}

section#home-slider {
    position: relative;
    width: 100vw;
    /* height: calc(100vh - 100px); */
    background-image: url(../images/home-banner.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

section#home-slider:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(255 255 255 / 80%);
}

div#dt-slider {
    position: relative;
    z-index: 1;
}

.dt-slider-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 100px);
    padding: 15%;
}

.dt-slider-left {
    width: 65%;
    position: relative;
    padding-right: 1rem;
    opacity: 0;
    transform: translateX(-10%);
    transition: all .5s cubic-bezier(0.25, 0.1, 0.48, 0.82) .5s;
}

.dt-slider-right {
    width: 35%;
    position: relative;
    transform: scale(1.3);
    opacity: 0;
    transition: all .5s cubic-bezier(0.25, 0.1, 0.48, 0.82) .7s;
}

.bg-gr {
    background: #fff;
}

.bg-gr .menu-item {
    color: #28386b;
}

.dt-slider-right .rt-img-sec {
    height: 300px;
}

.dt-slider-left .ss-heading {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.dt-slider-left h1.main-title {
    font-size: 4rem;
}

#ttd-slider .slick-prev, #ttd-slider .slick-next {
    top: auto;
}

div#tips-section {
    position: relative;
    width: 100vw;
    padding: 3rem 5rem;
}

.tips-inner {
    position: relative;
    width: calc(100vw - 12rem);
    display: flex;
    padding: 2rem;
    border: 2px solid #18181824;
    border-radius: 1rem;
    overflow: hidden;
}

.tips-image {
    position: relative;
    width: 50%;
    border-radius: 1.5rem;
    overflow: hidden;
    max-height: 350px;
}

.tips-image img {
    position: relative;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.tips-content {
    position: relative;
    width: 50%;
    padding: 0 3rem;
    color: #181818;
}

h2.tips-title {
    font-weight: 900;
    font-family: 'Roboto';
    font-size: 2rem;
    margin: 1rem 0;
}

.tips-content p {
    margin-bottom: 1rem;
    font-family: 'Roboto';
    margin-top: 0.5em;
    line-height: 1.5em;
    text-align: justify;
    font-size: 1em;
}

#tips-slider .slick-prev, #tips-slider .slick-next {
    top: auto;
}

#tips-slider .slick-prev {
    left: 0;
}

.tips-outer {
    padding: 0 1rem;
}

.tips-inner:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--gradient-1);
    opacity: 1;
}

.tips-inner:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 100%;
    right: 0;
    top: 0;
    background: var(--gradient-1);
    opacity: 1;
}

.in-cont p:not(:first-child) {
    display: none;
}

.tn-left:hover .tn-img, .tn-right:hover .tn-img {
    transform: scale(1.1);
}

.tour-navigations:before {
    content: '';
    height: 1px;
    width: 80%;
    position: absolute;
    top: 0;
    background: rgba(24,24,24,.1);
    left: 10%;
}

div#tour-cont-sec {
    width: 100%;
    position: relative;
}

.pkg-in-cont {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.gallery-outer {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.gallery-inner {
    position: relative;
    width: calc(100% / 3);
    padding: 1rem;
}

.gallery-img {
    position: relative;
    width: 100%;
    height: 250px;
    background-position: center;
    background-size: cover;
}

.inc-sec:not(:last-child) {
    border-bottom: 1px solid rgba(24,24,24,.1);
}

.tour-book {
    margin-left: auto;
}

.tour-inf-sec {
    position: relative;
    display: flex;
    color: #fff;
    flex-wrap: wrap;
}

.tour-inf {
    position: relative;
    display: flex;
    margin-right: 1rem;
    align-items: center;
    width: 180px;
}

.tf-icon {
    padding: 0 0.8rem;
    font-size: 2.3rem;
}

.tf-info {
    position: relative;
    display: flex;
    flex-direction: column;
}

span.tf-semi {
    font-size: 1.45em;
    font-family: 'Roboto';
    font-weight: 800;
}

span.tf-main {
    font-size: 18px;
}

.slick-active .dt-slider-left {
    opacity: 1;
    transform: translateX(0);
}

.slick-active .dt-slider-right {
    opacity: 1;
    transform: scale(1);
}

.tm-content.foo.reveal {
    transform: translateX(0) scale(1) !important;
    opacity: 1 !important;
    visibility: visible;
}

.details-sec-title.foo.reveal {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

section#loader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 500;
    display: grid;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease .2s;
    place-items: center;
    top: 0;
}

.loading section#loader {
    opacity: 1;
    visibility: visible;
}
/*.book {
    --color: #55d284;
    --duration: 6.8s;
    width: 32px;
    height: 12px;
    position: relative;
    margin: 32px 0 0 0;
    zoom: 1.5;
}
.book .inner {
    width: 32px;
    height: 12px;
    position: relative;
    transform-origin: 2px 2px;
    transform: rotateZ(-90deg);
    -webkit-animation: book var(--duration) ease infinite;
    animation: book var(--duration) ease infinite;
}
.book .inner .left,
.book .inner .right {
    width: 60px;
    height: 4px;
    top: 0;
    border-radius: 2px;
    background: var(--color);
    position: absolute;
}
.book .inner .left:before,
.book .inner .right:before {
    content: "";
    width: 48px;
    height: 4px;
    border-radius: 2px;
    background: inherit;
    position: absolute;
    top: -10px;
    left: 6px;
}
.book .inner .left {
    right: 28px;
    transform-origin: 58px 2px;
    transform: rotateZ(90deg);
    -webkit-animation: left var(--duration) ease infinite;
    animation: left var(--duration) ease infinite;
}
.book .inner .right {
    left: 28px;
    transform-origin: 2px 2px;
    transform: rotateZ(-90deg);
    -webkit-animation: right var(--duration) ease infinite;
    animation: right var(--duration) ease infinite;
}
.book .inner .middle {
    width: 32px;
    height: 12px;
    border: 4px solid var(--color);
    border-top: 0;
    border-radius: 0 0 9px 9px;
    transform: translateY(2px);
}
.book ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 50%;
    top: 0;
}
.book ul li {
    height: 4px;
    border-radius: 2px;
    transform-origin: 100% 2px;
    width: 48px;
    right: 0;
    top: -10px;
    position: absolute;
    background: var(--color);
    transform: rotateZ(0deg) translateX(-18px);
    -webkit-animation-duration: var(--duration);
    animation-duration: var(--duration);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.book ul li:nth-child(0) {
    -webkit-animation-name: page-0;
    animation-name: page-0;
}
.book ul li:nth-child(1) {
    -webkit-animation-name: page-1;
    animation-name: page-1;
}
.book ul li:nth-child(2) {
    -webkit-animation-name: page-2;
    animation-name: page-2;
}
.book ul li:nth-child(3) {
    -webkit-animation-name: page-3;
    animation-name: page-3;
}
.book ul li:nth-child(4) {
    -webkit-animation-name: page-4;
    animation-name: page-4;
}
.book ul li:nth-child(5) {
    -webkit-animation-name: page-5;
    animation-name: page-5;
}
.book ul li:nth-child(6) {
    -webkit-animation-name: page-6;
    animation-name: page-6;
}
.book ul li:nth-child(7) {
    -webkit-animation-name: page-7;
    animation-name: page-7;
}
.book ul li:nth-child(8) {
    -webkit-animation-name: page-8;
    animation-name: page-8;
}
.book ul li:nth-child(9) {
    -webkit-animation-name: page-9;
    animation-name: page-9;
}
.book ul li:nth-child(10) {
    -webkit-animation-name: page-10;
    animation-name: page-10;
}
.book ul li:nth-child(11) {
    -webkit-animation-name: page-11;
    animation-name: page-11;
}
.book ul li:nth-child(12) {
    -webkit-animation-name: page-12;
    animation-name: page-12;
}
.book ul li:nth-child(13) {
    -webkit-animation-name: page-13;
    animation-name: page-13;
}
.book ul li:nth-child(14) {
    -webkit-animation-name: page-14;
    animation-name: page-14;
}
.book ul li:nth-child(15) {
    -webkit-animation-name: page-15;
    animation-name: page-15;
}
.book ul li:nth-child(16) {
    -webkit-animation-name: page-16;
    animation-name: page-16;
}
.book ul li:nth-child(17) {
    -webkit-animation-name: page-17;
    animation-name: page-17;
}
.book ul li:nth-child(18) {
    -webkit-animation-name: page-18;
    animation-name: page-18;
}

@-webkit-keyframes page-0 {
    4% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    13%, 54% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    63% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}

@keyframes page-0 {
    4% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    13%, 54% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    63% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-1 {
    5.86% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    14.74%, 55.86% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    64.74% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-1 {
    5.86% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    14.74%, 55.86% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    64.74% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-2 {
    7.72% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    16.48%, 57.72% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    66.48% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-2 {
    7.72% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    16.48%, 57.72% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    66.48% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-3 {
    9.58% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    18.22%, 59.58% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    68.22% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-3 {
    9.58% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    18.22%, 59.58% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    68.22% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-4 {
    11.44% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    19.96%, 61.44% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    69.96% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-4 {
    11.44% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    19.96%, 61.44% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    69.96% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-5 {
    13.3% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    21.7%, 63.3% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    71.7% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-5 {
    13.3% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    21.7%, 63.3% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    71.7% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-6 {
    15.16% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    23.44%, 65.16% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    73.44% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-6 {
    15.16% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    23.44%, 65.16% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    73.44% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-7 {
    17.02% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    25.18%, 67.02% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    75.18% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-7 {
    17.02% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    25.18%, 67.02% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    75.18% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-8 {
    18.88% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    26.92%, 68.88% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    76.92% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-8 {
    18.88% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    26.92%, 68.88% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    76.92% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-9 {
    20.74% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    28.66%, 70.74% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    78.66% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-9 {
    20.74% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    28.66%, 70.74% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    78.66% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-10 {
    22.6% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    30.4%, 72.6% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    80.4% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-10 {
    22.6% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    30.4%, 72.6% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    80.4% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-11 {
    24.46% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    32.14%, 74.46% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    82.14% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-11 {
    24.46% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    32.14%, 74.46% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    82.14% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-12 {
    26.32% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    33.88%, 76.32% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    83.88% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-12 {
    26.32% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    33.88%, 76.32% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    83.88% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-13 {
    28.18% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    35.62%, 78.18% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    85.62% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-13 {
    28.18% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    35.62%, 78.18% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    85.62% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-14 {
    30.04% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    37.36%, 80.04% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    87.36% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-14 {
    30.04% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    37.36%, 80.04% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    87.36% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-15 {
    31.9% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    39.1%, 81.9% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    89.1% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-15 {
    31.9% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    39.1%, 81.9% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    89.1% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-16 {
    33.76% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    40.84%, 83.76% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    90.84% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-16 {
    33.76% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    40.84%, 83.76% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    90.84% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-17 {
    35.62% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    42.58%, 85.62% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    92.58% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-17 {
    35.62% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    42.58%, 85.62% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    92.58% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes page-18 {
    37.48% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    44.32%, 87.48% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    94.32% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@keyframes page-18 {
    37.48% {
        transform: rotateZ(0deg) translateX(-18px);
    }
    44.32%, 87.48% {
        transform: rotateZ(180deg) translateX(-18px);
    }
    94.32% {
        transform: rotateZ(0deg) translateX(-18px);
    }
}
@-webkit-keyframes left {
    4% {
        transform: rotateZ(90deg);
    }
    10%, 40% {
        transform: rotateZ(0deg);
    }
    46%, 54% {
        transform: rotateZ(90deg);
    }
    60%, 90% {
        transform: rotateZ(0deg);
    }
    96% {
        transform: rotateZ(90deg);
    }
}
@keyframes left {
    4% {
        transform: rotateZ(90deg);
    }
    10%, 40% {
        transform: rotateZ(0deg);
    }
    46%, 54% {
        transform: rotateZ(90deg);
    }
    60%, 90% {
        transform: rotateZ(0deg);
    }
    96% {
        transform: rotateZ(90deg);
    }
}
@-webkit-keyframes right {
    4% {
        transform: rotateZ(-90deg);
    }
    10%, 40% {
        transform: rotateZ(0deg);
    }
    46%, 54% {
        transform: rotateZ(-90deg);
    }
    60%, 90% {
        transform: rotateZ(0deg);
    }
    96% {
        transform: rotateZ(-90deg);
    }
}
@keyframes right {
    4% {
        transform: rotateZ(-90deg);
    }
    10%, 40% {
        transform: rotateZ(0deg);
    }
    46%, 54% {
        transform: rotateZ(-90deg);
    }
    60%, 90% {
        transform: rotateZ(0deg);
    }
    96% {
        transform: rotateZ(-90deg);
    }
}
@-webkit-keyframes book {
    4% {
        transform: rotateZ(-90deg);
    }
    10%, 40% {
        transform: rotateZ(0deg);
        transform-origin: 2px 2px;
    }
    40.01%, 59.99% {
        transform-origin: 30px 2px;
    }
    46%, 54% {
        transform: rotateZ(90deg);
    }
    60%, 90% {
        transform: rotateZ(0deg);
        transform-origin: 2px 2px;
    }
    96% {
        transform: rotateZ(-90deg);
    }
}
@keyframes book {
    4% {
        transform: rotateZ(-90deg);
    }
    10%, 40% {
        transform: rotateZ(0deg);
        transform-origin: 2px 2px;
    }
    40.01%, 59.99% {
        transform-origin: 30px 2px;
    }
    46%, 54% {
        transform: rotateZ(90deg);
    }
    60%, 90% {
        transform: rotateZ(0deg);
        transform-origin: 2px 2px;
    }
    96% {
        transform: rotateZ(-90deg);
    }
}*/



.slick-dots {
    bottom: 0;
    padding-bottom: 1rem;
}

.slick-dots li button:before {
    font-family: 'Roboto';
    background: var(--clr-1);
    border-radius: 50%;
    opacity: 1;
    border: 2px solid var(--clr-2);
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    background: var(--clr-2);
}

section#subloader {
    position: relative;
    width: 100%;
    height: 80vh;
    display: grid;
    place-items: center;
}

.btn-section .tour-book {
    margin: 0;
}

#contact-sec .intro-slider {
    background-image: url(../images/contact.jpg);
}

.bottom-nav-header {
    width: 100%;
    position: relative;
    display: flex;
    /* height: 100px; */
    padding: 2rem 10vw 2rem 2rem;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    grid-column: 2/3;
}

.top-nav-header {
    height: 40px;
    position: relative;
    padding: 5px 10vw;
    justify-content: flex-end;
    align-items: center;
    background: linear-gradient(90deg, rgb(41 56 108) 36%, rgb(252 44 44) 100%);
    display: flex;
    width: 100%;
    box-shadow: 0 0 15px rgb(24 24 24 / 15%);
    border-radius: 0 0 0 3rem;
}

.contact-nav {
    position: relative;
    display: flex;
    align-items: center;
}

.cn-sec {
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    margin-right: 4rem;
}

.btn-prime {
    background: #86d95c;
    padding: 8px;
    border: 0px;
    color: #29386c;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    border-radius: 4px;
    cursor: pointer;
}

a.cn-desc {
    color: #ffffff;
}

a.cn-desc:hover {
    color: #fff;
}

section#tour-cat-content .intro-slider {
    background-image: url(../images/packages/2.jpg);
}

.nav-left {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.nav-right {
    display: flex;
    align-items: center;
}

.mobile-cn-sec {
    position: relative;
    display: flex;
    margin-right: 1.5rem;
    align-items: center;
}

.mobile-cn-desc {
    position: relative;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #fff;
}

.mobile-cn-desc a {}

.mobile-cn-desc a {
    color: #fff;
}

.mobile-cn-icon i {
    color: #fff;
    font-size: 2rem;
    margin-right: 1rem;
}

.btn-mobile {
    font-family: 'Roboto';
    padding: 0.8rem 1rem;
    border: 0px;
    background: #85d95d;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--clr-2);
    font-weight: 700;
    border-radius: 10px;
}

.menu-btm {
    font-family: 'Roboto';
    font-size: 11px;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mobile-menu-desc {
    margin-bottom: .5rem;
    color: #fff;
    font-weight: 500;
    display: none;
}

.mobile-menu-desc .cn-title {
    margin-right: 0.2rem;
}

.menu-btm .btn-mobile {
    display: none;
}

#ta-widget {
    width:300px;
    position:relative;
}



div#TA_cdswritereviewlg272 {
    width: 100%;
}

#CDSWIDWRL {
    width: 100%;
    max-width: 100% !important;
}

#home-search-area {
    position: relative;
    width: 100%;
    padding: 3rem;
    background: url(../images/search-banner.jpg);
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

#home-search-area:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 1;
    background: linear-gradient(0deg, rgb(41 56 108) 36%, rgb(252 44 44) 100%);
    top: 0;
    left: 0;
}

.search-container {
    position: relative;
    width: 80%;
    background: #fff;
    /* height: 100px; */
    z-index: 2;
    display: flex;
    padding: 10px;
    border-radius: 1rem;
    flex-wrap: wrap;
    min-width: 300px;
}

.search-area input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    font-family: Montserrat, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 1.875rem;
    margin: .5rem 0;
    outline: none;
    padding: .5rem 2.75rem .5rem 2.1rem;
    width: 100%;
}

.search-area {
    position: relative;
    width: 60%;
}

.date-area {
    width: 30%;
    display: flex;
    /* padding: 0 1rem; */
}

.date-chunk {
    position: relative;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
}

.s-area {
    height: 1.875rem;
    margin: .5rem 0;
    outline: none;
    width: 100%;
    border: 0px;
    position: absolute;
    opacity: 0;
    height: 100%;
}

.inner-detail-a {
    position: relative;
    display: flex;
    align-items: center;
    color: #666;
    width: 100%;
    cursor: pointer;
}

.inner-detail-a svg {
    margin-right: 0.5rem;
}

.date-area:before {
    width: 2px;
    position: absolute;
    content: '';
    height: 60%;
    background: #a0a0a0;
    top: 20%;
}

.pnx-button {
    align-items: center;
    border: 1px solid #bebebe;
    border-radius: .5rem;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: .8125rem;
    font-weight: 600;
    justify-content: center;
    margin: 0;
    min-height: 1.875rem;
    outline: none;
    overflow: hidden;
    padding: 0 1rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s cubic-bezier(.4,0,.2,1), color .2s cubic-bezier(.4,0,.2,1), border .2s cubic-bezier(.4,0,.2,1);
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    border: 0px;
    background: var(--clr-1);
}

.find-trip__button-text {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    margin-right: 10px;
}

.pnx-icon {
    display: inline-block;
    position: relative;
    fill: currentColor;
    /* height: 1em; */
    max-height: 100%;
    /* max-width: 100%; */
    width: 1rem;
}
.slider-section{
	position: relative;
	width: 100vw;
	height: 55vh;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 10vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	color: #fff;
	text-transform: uppercase;
	font-size: 4em;
	font-weight: 900;
	/* filter: grayscale(1); */
}
#ella-slide{
	background-image: url(../images/slider/ella.jpg);
}
#sigiriya-slide{
	background-image: url(../images/slider/sigiriya.jpg);
}
#kandy-slide{
	background-image: url(../images/slider/kandy.jpg);
}
#nuwaraeliya-slide{
	background-image: url(../images/slider/nuwaraeliya.jpg);
}
#galle-slide{
	background-image: url(../images/slider/galle.jpg);
}
.rotating-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
}
.rotating-text p {
	display: flex;
	margin: 0;
	vertical-align: top;
	font-size: 1.4em;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 1;
}
.text-container p.word, .words {
	/*position: absolute;
	display: flex;
	opacity: 0;
	font-size: 2.5em;
	font-weight: 700;
	font-family: 'Nexa Black';*/
	display: flex;
	margin: 0;
	vertical-align: top;
	font-size: 1.4em;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 1;
}
.text-container p.word .letter {
	text-transform: uppercase;
	transform-origin: center center 25px;
}
.text-container p.word .letter.out {
	transform: rotateX(90deg);
	transition: 0.32s cubic-bezier(0.6, 0, 0.7, 0.2);
}
.text-container p.word .letter.in {
	transition: 0.38s ease;
}
.text-container p.word .letter.behind {
	transform: rotateX(-90deg);
}
.text-container {
	position: absolute;
	width: 80%;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.text-container p {
	font-size: 0.4em;
	font-weight: 300;
	text-transform: uppercase;
}

.text-container p.word {
	font-size: 0.9em;
	font-weight: 700;
	font-family: 'Nexa Black';
	overflow: hidden;
}
@media only screen and (max-width:1100px){
	.text-container{
		display:flex;
	}
	#caption-container{
		display: none !important;
	}
}
@media only screen and (max-width:490px){
	.text-container{
		font-size: 40px;
	}
}

.btn-a-area {
    position: relative;
    display: flex;
}
#city-suggestions {
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    max-height: 200px;
    overflow-y: auto;
    display: none;
    z-index: 10;
    list-style: none;
    padding: 0;
    margin: 0;
}

#city-suggestions li {
    padding: 10px;
    cursor: pointer;
    transition: background 0.2s;
}

#city-suggestions li:hover {
    background: #f5f5f5;
}

.main-popup {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(0deg, rgb(41 56 108) 36%, rgb(252 44 44) 100%);
    top: 0;
    left: 0;
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden;
}

.popup-outer {
    position: relative;
    width: 80%;
    height: 90%;
    background: #fff;
    padding: 3rem;
    max-width: 800px;
}

.popup-close {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 1rem;
    top: 1rem;
    cursor: pointer;
    opacity: 0.5;
    transition: all .5s ease;
}

.popup-close:hover {
    opacity: 1;
}

.popup-inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.popup-header-sec {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

span.s-result {
    position: relative;
    width: 80%;
    margin: 2rem 0;
}

h2.pop-title {
    position: relative;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 5rem;
    color: var(--clr-2);
}

.main-popup.active {
    opacity: 1;
    visibility: visible;
}

.pop-bottom-section {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    width: 400px;
}

img#plogo {
    width: 250px;
}

.l-name {
    position: relative;
    padding: 0.5rem 1rem;
    margin: 1rem 0;
    background: #86d95c;
    color: var(--clr-2);
    border-radius: 6px;
    font-size: 1.3rem;
    font-weight: 600;
}

#why-cover ul {
    margin-left: 2rem;
}

.x {font-weight: 700;}

section.tag-line {
    position: relative;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 1.5rem 0;
}

.tag-line h3 {
    margin-bottom: 1rem;
}