:root{
    --themeBlue: #2E3092;
    --themeLightYellow: #f1c742;
    --themeDarkYellow: #efbe1c;
    --themeBlack: #2D2C2C;
    --gray: #818181;
}
*, *::after, *::before{
    margin: 0px;
    padding: 0px;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: normal;
    box-sizing: border-box;
}
body{
    overflow-y: visible;
}
h1, h2, h3{
    font-weight: bold;
}
h1{
    font-size: 60px;
}
h2{
    font-size: 34px;
    text-transform: uppercase;
    color: var(--themeBlack);
}
h3{
    font-size: 22px;
    color: var(--themeBlack);
}
svg{
    width: 16px;
}
a{
    text-decoration: none;
}
a, button{
    cursor: pointer;
}
label{
    cursor: pointer;
}
.container{
    margin: 0px auto;
    max-width: 1200px;
    width: 100%;
}
.primaryBtn, .secondaryBtn{
    padding: 15px 36px;
    border-radius: 36px;
    color: white;
    display: block;
    width: fit-content;
    margin: 10px auto;
    font-weight: bold;
    font-size: 14px;
    border: none;
    cursor: pointer;
    transition: 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: 0px 0px 5px var(--themeBlue);
    white-space: nowrap;
}
.primaryBtn{
    background: linear-gradient(90deg, rgba(46,48,146,1) 0%, rgba(46,48,146,0.8) 12%, rgba(241,199,66,0.95) 37%, rgba(239,190,28,0.8) 51%, rgba(241,199,66,0.95) 65%, rgba(46,48,146,0.8) 85%, rgba(46,48,146,1) 100%);
    background-size: 200%;
    background-position: left;
}
.primaryBtn:hover{
    background-position: right;
}
.secondaryBtn{
    background-color: var(--themeBlue);
}
.secondaryBtn:hover{
    background-color: rgba(46,48,146,0.8);
}
.primaryBtn span, .secondaryBtn span{
    width: 5px;
    height: 5px;
    background-color: white;
    display: inline-block;
    margin: 0px 2px;
    border-radius: 100%;
}
.primaryBtn span:nth-of-type(1), .secondaryBtn span:nth-of-type(1){
    margin-left: 10px;
}
.primaryBtn span:nth-last-of-type(1), .secondaryBtn span:nth-last-of-type(1){
    margin-right: 0px;
}
.starsList *{
    margin: 0px 5px;
    width: 18px;
}
.fullStar{
    fill: var(--themeDarkYellow);
}
.halfStar{
    fill: var(--themeLightYellow);
}
.zeroStar{
    fill: var(--gray);
}
.starsList svg:nth-of-type(1){
    animation: 3s firstStarAnimation infinite;
}
@keyframes firstStarAnimation {
    0%{
        opacity: 0;
    }
    15%{
        opacity: 1;
    }
}
.starsList svg:nth-of-type(2){
    animation: 3s secondStarAnimation infinite;
}
@keyframes secondStarAnimation {
    0%{
        opacity: 0;
    }
    30%{
        opacity: 1;
    }
}
.starsList svg:nth-of-type(3){
    animation: 3s thirdStarAnimation infinite;
}
@keyframes thirdStarAnimation {
    0%{
        opacity: 0;
    }
    45%{
        opacity: 1;
    }
}
.starsList svg:nth-of-type(4){
    animation: 3s fourthStarAnimation infinite;
}
@keyframes fourthStarAnimation {
    0%{
        opacity: 0;
    }
    60%{
        opacity: 1;
    }
}
.starsList svg:nth-of-type(5){
    animation: 3s fifthStarAnimation infinite;
}
@keyframes fifthStarAnimation {
    0%{
        opacity: 0;
    }
    75%{
        opacity: 1;
    }
}
.padding100{
    display: block;
    width: 100%;
    height: 100px;
}

/* header */
header{
    display: block;
    position: fixed;
    width: 100%;
    z-index: 10;
}
header a{
    color: white;
}
header svg{
    fill: white;
    transition: 0.1s;
}
header a:hover svg, header svg:hover{
    fill: var(--themeDarkYellow);
}

/* headerTop */
#headerTop{
    background-color: rgba(46, 48, 156, 0.8);
    height: 40px;
    overflow: hidden;
    transition: 0.5s;
    opacity: 1;
}
#headerTop div{
    padding: 10px 0px;
}
#headerTop a{
    font-size: 14px;
    transition: 0.1s;
}
#headerTop a:hover{
    color: var(--themeDarkYellow);
}
#headerTop a:nth-of-type(1){
    margin-right: 20px
}
#headerTop a:nth-of-type(2){
    margin-right: 10px
}
#headerTop a:nth-of-type(4){
    float: right;
    margin-top: 2px;
}

/* headerBottom */
#headerBottom{
    background-color: rgba(46, 48, 156, 0.5);
    background-blend-mode: overlay;
    height: 144px;
    overflow: hidden;
    transition: 0.5s;
}
#headerBottom>div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
    transition: 0.5s;
}
#headerBottom img{
    height: 100px;
    transition: 0.5s;
}
#headerBottom nav a{
    padding: 10px;
    margin: 0px 5px;
    transition: 0.1s;
}
#headerBottom nav a:hover, .headerNavBarSelected{
    border-bottom-style: solid;
    border-image: linear-gradient(to right bottom, var(--themeBlue) 60%, var(--themeDarkYellow));
    border-image-slice: 1;
}
#headerBottom svg{
    box-sizing: content-box;
    cursor: pointer;
    padding: 5px 0px 5px 5px;
}
#menuToggler{
    display: none;
    width: 30px;
    height: 22px;
    transition: .5s ease-out;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 20;
    top: 14px;
    padding: 3px 4px;
    cursor: pointer;
    margin-top: -28px;
}
#menuToggler div{
    background-color: white;
    content: "";
    display: block;
    height: 2px;
    border-radius: 3px;
    transition: 0.5s;
    width: 22px;
    margin-bottom: 5px;
}

/* search */
#searchContainer{
    position: fixed;
    top: 0px;
    left: -100vw;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: url(../img/backgrounds/scrollableBackground.webp), rgb(46, 48, 156);
    background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
    transition: 0.5s;
}
#searchContainer>svg{
    fill: white;
    background-color: var(--themeBlue);
    border-radius: 100%;
    width: 30px;
    height: 30px;
    margin: 10px 0px 0px 10px;
    cursor: pointer;
    transition: 0.5s;
    position: absolute;
}
#searchContainer>svg:hover{
    background-color: var(--themeDarkYellow);
}
#searchContainer form{
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
    visibility: hidden;
}
#searchContainer input{
    padding: 15px 48px 15px 15px;
    border-radius: 100px;
    width: 350px;
    border: 2px solid var(--themeBlue);
    outline: none;
    transition: 0.5s;
}
#searchContainer input:focus{
    border: 2px solid var(--themeDarkYellow);
}
#searchContainer input:hover{
    border-radius: 0px;
}
#searchContainer button{
    position: absolute;
    right: 7px;
    top: 7px;
    border-radius: 100%;
    width: 38px;
    height: 38px;
    border: 2px solid var(--themeBlue);
    outline: none;
    transition: 0.5s;
    background-color: var(--themeBlue);
    transition: 1s;
    transform: scale(800%);
    opacity: 0;
}
#searchContainer button:hover{
    background-color: var(--themeDarkYellow);
    border: 2px solid var(--themeLightYellow);
}
#searchContainer button svg{
    fill: white;
}

/* mainBanner */
#mainBanner{
    height: 100vh;
    padding-top: -184px;
    position: relative;
    background: url(../img/backgrounds/mainBanner.webp), linear-gradient(rgba(46, 48, 146, 0.5), rgba(46, 48, 146, 0.5));
    background-position: center;
    background-size: cover;
}
#mainBannerText{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    text-align: center;
    animation: rotateXWithBoxShadow 5s infinite;
    max-width: 600px;
}
@keyframes rotateXWithBoxShadow {
    0%{
        transform: translate(-50%, -50%) rotateX(0deg);
        text-shadow: 0px 0px 0px white;
    }
    10%{
        transform: translate(-50%, -50%) rotateX(30deg);
        text-shadow: 0px 0px 20px white;
    }
    20%{
        transform: translate(-50%, -50%) rotateX(90deg);
    }
    25%{
        transform: translate(-50%, -50%) rotateX(0deg);
    }
    40%{
        text-shadow: 0px 0px 20px white;
    }
    80%{
        text-shadow: 0px 0px 0px white;
    }
    90%{
        text-shadow: 0px 0px 50px var(--themeDarkYellow);
    }
    92%{
        text-shadow: 0px 0px 0px  var(--themeDarkYellow);
    }
}
#mainBannerText:hover{
    animation: none;
}
#mainBannerText p:nth-of-type(1){
    font-size: 100px;
    font-weight: bolder;
    color: white;
    white-space: nowrap;
}
#mainBannerText p:nth-of-type(2){
    font-size: 100px;
    color: white;
    font-family: cursive;
    font-style: italic;
}
#mainBannerText h3{
    color: white;
    margin-bottom: 30px;
    font-weight: normal;
    text-align: center;
    text-shadow: 0px 0px 3px black;
}
#mainBannerText a:nth-of-type(1){
    animation: zoomInAndOut 2s infinite;
}
#mainBannerText a:nth-of-type(1) span{
    display: none;
}
@keyframes zoomInAndOut {
    0%{
        transform: scale(100%);
    }
    50%{
        transform: scale(120%);
    }
}
#servicesTabSelector{
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    overflow: hidden;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
}
#mainBanner #servicesTabSelector{
    position: absolute;
    bottom: 0px;
}
#servicesTabSelector span{
    padding: 40px 30px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    flex-grow: 1;
    flex-basis: 0;
    white-space: nowrap;
    background-color: rgba(46, 48, 146, 1);
}
#mainBanner #servicesTabSelector span{
    background-color: white;
}
#servicesTabSelector span p{
    color: white;
}
#mainBanner #servicesTabSelector span p{
    color: var(--themeBlack);
}
#servicesTabSelector svg{
    margin-right: 5px;
    width: 24px;
    transition: 0.5s;
    fill: var(--themeDarkYellow);
}
#servicesTabSelector p{
    transition: 0.5s;
    font-weight: bold;
}
#servicesTabSelector .selectedServiceTab, #mainBanner #servicesTabSelector .selectedServiceTab{
    background-color: var(--themeDarkYellow);
}
#servicesTabSelector .selectedServiceTab svg, #servicesTabSelector span:hover svg{
    fill: white;
}
#mainBanner #servicesTabSelector .selectedServiceTab p, #mainBanner #servicesTabSelector span:hover p{
    color: white;
}
#servicesTabSelector span:hover, #mainBanner #servicesTabSelector span:hover{
    background-color: var(--themeDarkYellow);
}
#showCustomerDetailsSection{
    margin: 0px;
}

/* serviceDetailsForm */
#serviceDetailsForm{
    padding: 50px 0px;
    background: linear-gradient(90deg, rgba(46,48,146,1) 0%, rgba(46,48,146,0.8) 40%, rgba(241,199,66,0.95) 60%, rgba(239,190,28,0.8) 80%);
    overflow: hidden;
}
#serviceDetailsForm form, #addReviewSection form{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    transform: scale(200%);
    transition: 0.5s;
}
#serviceDetailsForm form>span{
    flex-grow: 1;
    flex-basis: 0;
    margin: auto;
}
#serviceDetailsForm form>span:nth-of-type(1){
    max-width: 400px;
    min-width: 250px;
    position: relative;
}
#serviceDetailsForm form>span:nth-of-type(1) svg{
    position: absolute;
    bottom: 13px;
    right: 10px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
#serviceDetailsForm form>span:nth-of-type(2), #serviceDetailsForm form>span:nth-of-type(3){
    max-width: 200px;
    min-width: 150px;
}
#serviceDetailsForm form>span:nth-of-type(4), #serviceDetailsForm form>span:nth-of-type(5){
    max-width: 120px;
    min-width: 80px;
}
#serviceDetailsForm label{
    font-weight: bold;
    display: block;
    color: white;
    margin-bottom: 12px;
}
#serviceDetailsForm span input, #serviceDetailsForm span select{
    width: 100%;
}
#serviceDetailsForm input, #serviceDetailsForm select, #serviceDetailsForm textarea, #addReviewSection input, #addReviewSection select, #addReviewSection textarea{
    padding: 12px;
    border: none;
    outline: none;
}
#serviceDetailsForm input:focus, #serviceDetailsForm select:focus, #serviceDetailsForm textarea:focus, #addReviewSection input:focus, #addReviewSection select:focus, #addReviewSection textarea:focus{
    outline: var(--themeBlue) 1px solid;
}
#serviceDetailsForm select{
    padding: 12px 12px 13px;
}
#serviceDetailsForm input[type="number"]{
    padding: 13px 12px 13px;
    min-width: 70px;
    max-width: 450px;
    flex-grow: 1;
    flex-basis: 0;
}
#serviceDetailsForm form>button{
    margin: 26px auto auto;
}
#customerDetails, #addReviewSection{
    padding: 20px;
    background-color: white;
    box-shadow: 0px 0px 10px var(--themeDarkYellow);
    overflow: hidden;
    transition: 0.5s;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 20px;
    z-index: 5;
    visibility: hidden;
    height: fit-content;
    opacity: 0;
}
#customerDetails>div, #addReviewSection.addReview>div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}
#customerDetails>span, #addReviewSection>span{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    display: block;
}
#customerDetails h3, #addReviewSection h3{
    width: fit-content;
    display: inline-block;
}
#customerDetails p, #addReviewSection p{
    margin-bottom: 15px;
}
#addReviewSection.addReview .addRatings{
    margin: auto;
}
.addRatings{
    max-width: 400px;
}
.addRatings>div{
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.addRatings>div button{
    background-color: transparent;
    border: none;
    outline: none;
    margin: 0px 5px 0px 0px;
}
.addRatings>div button svg{
    fill: var(--themeDarkYellow);
    width: 26px;
}
#customerDetails input, #addReviewSection input, #customerDetails select, #addReviewSection select, #customerDetails textarea, #addReviewSection textarea{
    outline: 1px solid var(--themeDarkYellow);
}
#yourName, #contactNumber, #emailAddress, #stateOrProvince, #reviewerName, #reviewerUsedService{
    flex-grow: 1;
    flex-basis: 0;
    min-width: 220px;
}
#customerDetails textarea, #selectYourCountry, #reviewBody, #reviewHeader{
    width: 100%;
    flex-grow: 1;
}
#customerDetails textarea, #addReviewSection textarea{
    margin-bottom: 5px;
    min-height: 42px;
    max-height: 1000px;
}
#customerDetails button, #addReviewSection button{
    display: inline-block;
    margin: 10px 5px 0px;
}

/* viewPackageDetailsSection */
#viewPackageDetailsSection{
    position: fixed;
    bottom: 10px;
    left: 10px;
    padding: 20px;
    max-width: 260px;
    min-width: 200px;
    background-color: var(--themeBlue);
    box-shadow: 0px 0px 10px white;
    border-radius: 20px;
    margin-right: 10px;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-300px);
    transition: 0.5s;
}
#viewPackageDetailsSection p{
    width: fit-content;
    color: white;
    font-weight: bold;
}
#viewPackageDetailsSection .primaryBtn{
    display: inline-block;
    margin: 10px 10px 0px 0px;
}
#viewPackageDetailsSection .primaryBtn span{
    display: none;
}

/* bestTours */
#bestTours{
    text-align: center;
    padding: 100px 0px;
    overflow: hidden;
}
#bestTours i h3{
    font-weight: normal;
    color: var(--gray);
}
#bestTours>div>i{
    margin: 20px auto 40px;
    display: block;
    max-width: 900px;
}

/* cardListType1 */
.cardListType1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
    flex-wrap: wrap;
}
.cardListType1 article{
    aspect-ratio: 10/12;
    max-width: 400px;
    min-width: 250px;
    width: 100%;
    position: relative;
    display: flex;
    margin: 0px auto;
    flex-grow: 1;
    flex-basis: 0;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    opacity: 0;
    transition: 0.5s;
}
.cardListType1 article h1{
    padding: 0px 20px;
}
.cardListType1 article:nth-of-type(3n - 2){
    transform: translateX(-300px);
}
.cardListType1 article:nth-of-type(3n - 1){
    transform: scale(30%);
}
.cardListType1 article:nth-of-type(3n){
    transform: translateX(300px);
}
.cardListType1 article *{
    color: white;
}
.cardListType1 article>*{
    z-index: 2;
    position: relative;
}
.cardListType1 article>span{
    width: 100%;
}
.cardListType1 article>span>*{
    display: block;
    margin-top: 10px;
}
.cardListType1 article>p{
    background-color: var(--themeDarkYellow);
    border-radius: 30px;
    padding: 5px 30px;
}
.cardListType1 article img{
    object-fit: cover;
    object-position: center;
    aspect-ratio: 10/12;
    max-width: 400px;
    width: 100%;
    min-width: 250px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    transition: 0.5s;
}
.cardListType1 article>div{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(46,48,146,0.2) 0%, rgba(46,48,146,0.2) 50%);
    z-index: 1;
    transition: 0.5s;
    opacity: 1;
}
.cardListType1 article:hover>div{
    opacity: 0;
}
.cardListType1 article:hover img{
    transform: scale(120%);
}

/* servicesSlider */
#servicesSlider{
    overflow: hidden;
    text-align: center;
    padding: 100px 0px;
    background-image: url(../img/backgrounds/scrollableBackground.webp);
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
#servicesSlider>span{
    position: absolute;
    box-shadow: 0px 0px 10px var(--themeDarkYellow);
    background-color: var(--themeLightYellow);
    border: 2px solid white;
    border-radius: 10px;
    padding: 7px 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    transform: scale(100%);
    user-select: none;
}
#servicesSlider>span:hover{
    transform: scale(120%);
}
#servicesSlider>span:nth-of-type(1){
    left: 10%;
}
#servicesSlider>span:nth-of-type(2){
    right: 10%;
}
#servicesSlider>span>svg{
    fill: white;
}
#servicesSlider>span>svg path{
    stroke: white;
    stroke-width: 2px;
}

/* cardListType2 */
.cardListType2{
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
}
.cardListType2::-webkit-scrollbar{
    width: 0px;
}
.cardListType2 article{
    background-color: white;
    padding: 50px;
    flex-grow: 1;
    flex-basis: 0;
    min-width: 100%;
    display: inline-block;
    background-color: white;
    transition: 0.5s;
    scroll-snap-align: center;
}
.cardListType2 article.animateOnView{
    transform: translateY(300px);
    opacity: 0;
    transition: 0.5s;
}
.cardListType2 article:hover{
    background-color: rgba(46, 48, 146, 0.5);
}
.cardListType2 article:hover img{
    transform: scale(120%);
    border-radius: 10%;
}
.cardListType2 article:hover p{
    color: white;
}
.cardListType2 article h2{
    text-transform: none;
}
.cardListType2 article:hover h2{
    color: white;
}
.cardListType2 article>*{
    margin-top: 10px;
}
.cardListType2 img{
    max-width: 150px;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.5s;
}
.cardListType2 article h2{
    transition: 0.5s;
    margin-top: 10px;
}
.cardListType2 p{
    color: var(--gray);
    line-height: 150%;
    max-height: 50px;
    overflow: hidden;
    transition: 0.5s;
}
.cardListType2 article>button{
    margin-bottom: 0px;
}
.cardListType2 .starsList svg:nth-of-type(1), .cardListType3 .starsList svg:nth-of-type(1){
    fill: #f1c842bd;
}
.cardListType2 .starsList svg:nth-of-type(2), .cardListType3 .starsList svg:nth-of-type(2){
    fill: #fad149e7;
}
.cardListType2 .starsList svg:nth-of-type(3), .cardListType3 .starsList svg:nth-of-type(3){
    fill: #fad149;
}
.cardListType2 .starsList svg:nth-of-type(4), .cardListType3 .starsList svg:nth-of-type(4){
    fill: #f7c72af6;
}
.cardListType2 .starsList svg:nth-of-type(5), .cardListType3 .starsList svg:nth-of-type(5){
    fill: #efbe1c;
}

/* packagesSection */
#packagesSection{
    padding: 100px 0px;
    background-color: #F3F6F9;
    overflow: hidden;
}
#packagesSection>div>h2{
    text-align: center;
    margin-bottom: 50px;
}
#packagesSection>div>span{
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 50px;
}
#packagesSection>div>span>.secondaryBtn{
    display: inline-block;
    width: 250px;
    margin: 5px 10px;
}
#loadMorePackagesButton span{
    transition: 0.5s;
}
#packagesSection .cardListType3 article:nth-of-type(n+7){
    display: none;
}

/* cardListType3 */
.cardListType3{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 30px;
    row-gap: 50px;
}
.cardListType3 article{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: stretch;
    gap: 30px;
    flex: 1 0 33%;
    opacity: 0;
    transition: 0.5s;
}
.cardListType3 article:nth-of-type(odd){
    transform: translateX(-300px);
}
.cardListType3 article:nth-of-type(even){
    transform: translateX(300px);
}
.cardListType3 article:hover img{
    transform: scale(120%);
}
.cardListType3 article>span{
    position: relative;
    min-width: 220px;
    flex-grow: 1;
    flex-basis: 0;
}
.cardListType3 article>span:nth-of-type(1){
    overflow: hidden;
}
.cardListType3 article>span:nth-of-type(1) a{
    position: absolute;
    bottom: 50px;
    left: 0px;
    background-color: var(--themeDarkYellow);
    padding: 5px 5px 5px 20px;
    min-width: 200px;
}
.cardListType3 article>span:nth-of-type(1) a h3{
    color: white;
}
.cardListType3 img{
    width: 100%;
    height: 100%;
    transition: 0.5s;
    object-fit: cover;
    object-position: center;
}
.cardListType3 article>span:nth-of-type(1) span{
    width: 70px;
    height: 24px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: white;
    background-color: var(--themeDarkYellow);
    text-align: center;
    border-bottom-left-radius: 24px;
    padding-top: 3px;
}
.cardListType3 article>span:nth-of-type(1) span:nth-of-type(1){
    right: unset;
    left: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 24px;
}
.cardListType3 article>span:nth-of-type(1) h2{
    width: 70px;
    height: 30px;
    position: absolute;
    top: 24px;
    right: 0px;
    color: var(--themeDarkYellow);
    text-align: center;
}
.cardListType3 article>span:nth-of-type(1) h2:nth-of-type(1){
    right: unset;
    left: 0px;
}
.cardListType3 article>span:nth-of-type(2) h2{
    color: var(--themeDarkYellow);
    display: inline-block;
    padding-right: 5px;
}
.cardListType3 article>span:nth-of-type(2) span{
    color: var(--gray);
}
.cardListType3 .starsList svg{
    width: 16px;
    margin-right: 0px;
}
.cardListType3 article>span:nth-of-type(2) p{
    color: var(--gray);
    margin: 20px 0px 10px;
    line-height: 150%;
    max-height: 100px;
    overflow: hidden;
}
.cardListType3 article .packageIncludedServices{
    margin-bottom: 66px;
}
.cardListType3 button{
    position: absolute;
    bottom: 0px;
    margin-bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

/* packageIncludedService */
.packageIncludedServices span{
    margin-right: 5px;
    width: 36px;
    height: 36px;
    display: inline-block;
    opacity: 0.8;
    position: relative;
    cursor: help;
}
.packageIncludedServices div::after{
    display: block;
    background-color: white;
    padding: 8px 10px;
    margin-top: 5px;
    color: var(--gray);
    width: fit-content;
    height: 30px;
    position: absolute;
    z-index: 5;
}

/* whyUs */
#whyUs{
    overflow: hidden;
}
#whyUs h2{
    text-align: center;
    margin-bottom: 30px;
}
#whyUs>div:nth-of-type(1)>div{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    text-align: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
#whyUs>div:nth-of-type(1)>div>div h3{
    margin-top: 5px;
}
#whyUs>div:nth-of-type(1)>div>span{
    min-width: 140px;
    flex-grow: 1;
    flex-basis: 0;
    background-color: #F3F6F9;
    padding: 20px;
    transition: 0.5s;
    opacity: 0;
}
#whyUs>div:nth-of-type(1)>div>span:hover{
    filter: grayscale(100%);
    background-color: white;
}
#whyUs>div:nth-of-type(1)>div>span:nth-of-type(odd){
    transform: translateX(-300px);
}
#whyUs>div:nth-of-type(1)>div>span:nth-of-type(even){
    transform: translateX(300px);
}

/* sriLankaTour banner */
.sriLankaTour{
    position: relative;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 10%;
    overflow: hidden;
    transform: translateY(300px);
    opacity: 0;
    transition: 0.5s;
}
.sriLankaTour:hover img{
    transform: scale(120%);
}
.sriLankaTour img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: 0.5s;
}
.sriLankaTour h1, .sriLankaTour p, .sriLankaTour a{
    position: relative;
    margin-left: 0px;
    color: white;
}
.sriLankaTour p{
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 30px;
}

/* contactFormSection */
#contactFormSection{
    padding: 100px 0px;
    position: relative;
}
#contactFormSection img{
    position: absolute;
    width: 100%;
    height: 732px;
    object-fit: cover;
    object-position: center;
    z-index: 2;
    bottom: -34px;
    transform: translateY(300px);
    opacity: 0;
    transition: 0.5s;
}
#contactFormSection>div{
    position: relative;
}
#contactFormSection form{
    max-width: 650px;
    margin: auto 0px auto auto;
    transform: translateX(-300px);
    opacity: 0;
    transition: 0.5s;
}

/* contactForm */
.contactForm{
    display: block;
    background: linear-gradient(135deg, rgba(46,48,146,0.9) 0%, rgba(46,48,146,0.6) 40%, rgba(241,199,66,0.8) 70%, rgba(239,190,28,0.8) 100%);
    padding: 80px 50px;
    z-index: 3;
    position: relative;
}
.contactForm h2{
    margin-bottom: 60px;
}
.contactForm>div{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}
.contactForm>*, .contactForm>div>*{
    color: white;
}
.contactForm input, .contactForm textarea{
    background-color: transparent;
    outline: none;
    border: none;
    border-bottom: 2px solid rgb(180, 180, 180);
    padding: 8px 5px;
    transition: 0.5s;
    flex-grow: 1;
    flex-basis: 0;
}
.contactForm input::placeholder, .contactForm textarea::placeholder{
    transition: 0.5s;
}
.contactForm input:hover::placeholder, .contactForm textarea:hover::placeholder{
    padding-left: 20px;
}
.contactForm input:focus, .contactForm textarea:focus{
    border-bottom: 2px solid white;
}
.contactForm input:nth-last-of-type(1){
    min-width: 100%;
}
.contactForm textarea{
    min-height: 104px;
    max-height: 1000px;
    min-width: 100%;
}
.contactForm div *::placeholder{
    color: white;
}
.contactForm button{
    margin: 50px 0px 0px;
}

/* footer */
footer{
    background: url(../img/backgrounds/scrollableBackground.webp), rgb(46, 48, 156);
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
}
/* footerTop */
#footerTop{
    padding: 100px 0px;
    color: white;
}
#footerTop>div{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    row-gap: 30px;
    flex-wrap: wrap;
}
#footerTop>div>div{
    min-width: 230px;
    flex-grow: 1;
    flex-basis: 0;
}
#footerTop>div>div:nth-of-type(1) img{
    height: 60px;
}
#footerTop>div>div:nth-of-type(1) p{
    line-height: 150%;
    margin: 20px 0px;
}
#footerTop>div>div:nth-of-type(1) a{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    border: 2px solid var(--themeDarkYellow);
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
    transition: 0.2s;
}
#footerTop>div>div:nth-of-type(1) a:hover{
    background-color: var(--themeDarkYellow);
}
#footerTop>div>div:nth-of-type(1) svg{
    fill: white;
    transition: 0.2s;
}
#footerTop>div>div:nth-of-type(1) a:hover svg{
    fill: var(--themeBlue);
}
#footerTop>div h3{
    font-size: 18px;
    margin-bottom: 15px;
    color: white;
}
#footerTop>div>div:nth-of-type(2) div div{
    display: flex;
    justify-content: left;
    gap: 15px;
    margin-bottom: 5px;
}
#footerTop>div>div:nth-of-type(2) img{
    width: 60px;
    height: 60px;
    object-fit: cover;
    object-position: center;
}
#footerTop>div>div:nth-of-type(2) span a{
    color: white;
    transition: 0.2s;
}
#footerTop>div>div:nth-of-type(2) span a:hover{
    color: var(--themeDarkYellow);
}
#footerTop>div>div:nth-of-type(2) span p, #footerTop>div>div:nth-of-type(2) span span{
    font-size: 14px;
    color: var(--themeDarkYellow);
}
#footerTop>div>div:nth-of-type(3) div{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    gap: 6px;
}
#footerTop>div>div:nth-of-type(3) a{
    width: fit-content;
    padding: 8px 15px;
    border: 2px solid var(--themeDarkYellow);
    background-color: transparent;
    color: white;
    margin: 0px;
    transition: 0.2s;
}
#footerTop>div>div:nth-of-type(3) a:hover{
    background-color: var(--themeDarkYellow);
}
#footerTop>div>div:nth-of-type(4) a{
    color: white;
    display: block;
    white-space: normal;
    margin: 8px 0px;
    transition: 0.2s;
}
#footerTop>div>div:nth-of-type(4) a:hover{
    color: var(--themeDarkYellow);
}
#footerTop>div>div:nth-of-type(4) a svg{
    fill: var(--themeDarkYellow);
}

/* footerBottom */
#footerBottom{
    padding: 10px 0px;
    background-color: rgba(46, 48, 146, 0.8);
}
#footerBottom p{
    color: rgb(187, 187, 187);
    text-align: center;
}
#footerBottom p a{
    color: white;
    transition: 0.2s;
}
#footerBottom p a:hover{
    color: var(--themeDarkYellow);
}

/* scrollToTop */
#scrollToTop{
    position: fixed;
    right: 30px;
    bottom: 30px;
    background-color: var(--themeBlue);
    border-radius: 100%;
    z-index: 11;
    width: 44px;
    height: 44px;
    transition: 1s;
    transform: translateY(-100vh);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
#scrollToTop svg{
    width: 18px;
    fill: white;
    transition: 0.5s;
}
#scrollToTop:hover svg{
    rotate: 180deg;
}



/* media queries */
/* < 1240 */
@media screen and (max-width: 1240px) {
    .container{
        margin: 0px auto;
        width: calc(100% - 20px);
    }
    #contactFormSection img{
        object-position: -300px;
    }
    #mainBannerText p:nth-of-type(1){
        font-size: 80px;
    }
    #mainBannerText p:nth-of-type(2){
        font-size: 80px;
    }
    *, *::after, *::before{
        font-size: 15px;
    }
    #servicesTabSelector {
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
        width: 100%;
        left: 0px;
    }
    #servicesTabSelector span{
        padding: 25px 15px;
    }
    .primaryBtn, .secondaryBtn{
        padding: 12px 30px;
    }
    h1{
        font-size: 56px;
    }
    h2{
        font-size: 32px;
    }
    h3{
        font-size: 20px;
    }
    .cardListType3 article>span:nth-of-type(2) p{
        max-height: 95px;
    }
    .cardListType1{
        gap: 40px;
    }
}
/* < 650 */
@media screen and (max-width: 650px) {
    #menuToggler{
        display: block;
    }
    #headerBottom nav{
        position: fixed;
        top: 0px;
        left: -100vw;
        opacity: 0;
        width: 100%;
        height: 100%;
        z-index: 12;
        background: url(../img/backgrounds/mainBanner.webp), rgb(46, 48, 156);
        background-position: center;
        background-size: cover;
        background-blend-mode: overlay;
        transition: 0.5s;
        display: flex;
        justify-content: center;
        flex-direction: column;
        flex-wrap: wrap;
    }
    #headerBottom nav a{
        display: block;
        font-size: 30px;
        margin: 0px;
        width: 100%;
        transform: translateX(200vw);
        transition: 0.5s;
    }
    #headerBottom nav a:hover, .headerNavBarSelected{
        border: none;
        color: var(--themeLightYellow);
    }
    #headerBottom svg{
        margin: 0px 15px 0px auto;
    }
    .cardListType2 p{
        max-height: 70px;
    }
    .cardListType1{
        gap: 30px;
    }
}
/* < 500 */
@media screen and (max-width: 500px) {
    #mainBannerText p:nth-of-type(1){
        font-size: 60px;
    }
    #mainBannerText p:nth-of-type(2){
        font-size: 60px;
    }
    .primaryBtn, .secondaryBtn{
        padding: 12px 26px;
        font-size: 12px;
    }
    h1{
        font-size: 50px;
    }
    h2{
        font-size: 30px;
    }
    h3{
        font-size: 19px;
    }
    .cardListType2 article{
        padding: 40px;
    }
    .contactForm{
        padding: 60px 30px;
    }
    .cardListType3 article>span:nth-of-type(2) p {
        max-height: 95px;
    }
    #headerBottom img {
        height: 80px;
    }
    #headerBottom{
        height: unset;
    }
    #scrollToTop{
        right: 10px;
        bottom: 10px;
        width: 40px;
        height: 40px;
    }
    #scrollToTop svg{
        width: 14px;
    }
}
/* < 400 */
@media screen and (max-width: 400px) {
    #headerTop a:nth-of-type(1){
        display: none;
    }
}
/* < 380 */
@media screen and (max-width: 380px) {
    *, *::after, *::before{
        font-size: 14px;
    }
    #mainBannerText p:nth-of-type(1){
        font-size: 48px;
    }
    #mainBannerText p:nth-of-type(2){
        font-size: 48px;
    }
    #servicesTabSelector {
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
    }
    #servicesTabSelector span{
        padding: 18px 10px;
    }
    h1{
        font-size: 44px;
    }
    h2{
        font-size: 28px;
    }
    h3{
        font-size: 18px;
    }
    .cardListType2 article{
        padding: 25px 20px;
    }
    .contactForm{
        padding: 60px 20px;
    }
    .cardListType3 article>span:nth-of-type(2) p {
        max-height: 85px;
    }
    #headerBottom img {
        height: 60px;
    }
    svg{
        width: 14px;
    }
    #searchContainer input{
        width: calc(100vw - 20px);
    }
    .cardListType2 p{
        max-height: 85px;
    }
}



/* package included services icons */
.packageIncludedServiceWildLife{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36px' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' role='img' class='iconify iconify--emojione-monotone' preserveAspectRatio='xMidYMid meet' fill='%23000000'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath d='M61.339 45.458c.082-4.336-1.342-8.522-2.133-10.505c-.715-7.881-5.752-13.836-12.12-14.079c-1.868-6.206-6.999-9.774-14.525-9.774c-.876 0-1.875.097-2.977.289C27.93 10.42 26.407 10 24.614 10c-1.894 0-4.093.493-6.811 1.232c-6.065 1.65-10.617 12.115-12.804 17.145c-.186.426-.349.801-.489 1.114c-3.259 6.232-2.754 11.276-1.753 14.411c1.447 4.538 4.572 7.482 7.013 8.725c1.667.849 3.588 1.298 5.553 1.298c4.04 0 7.51-1.863 9.286-4.984c.525-.924.625-1.78.297-2.547c-.494-1.149-1.638-1.436-2.395-1.625c-.386-.098-.785-.197-1.072-.365c-.288-.168-.576-.471-.854-.763c-.521-.549-1.236-1.301-2.344-1.302h-.001c-.618 0-1.483.241-2.199 1.348c-.259-.026-.623-.152-.909-.32c-.878-.514-1.517-1.451-1.753-2.572c-.203-.966-.129-2.074.212-3.285a2.867 2.867 0 0 0 1.018.127c1.053.792 3.243 2.438 6.523 2.438c1.317 0 2.68-.271 4.066-.8l.008.011V62h13.648V51.724l.972.15c.605.096 1.195.188 1.777.277V62h16.41V44.208c.658-1.775 1.064-3.707 1.216-5.669c.586 2.075 1.093 4.7.978 7.381c-.658 1.08-1.139 2.103-1.371 2.974c-.027 1.123.326 2.473.994 3.801c1.074-1.523 1.851-3.004 2.17-4.196c.02-.91-.218-1.968-.661-3.041m-46.392-9.781a.124.124 0 0 0-.052.011a1.137 1.137 0 0 1-.444.096c-.767 0-1.297-.864-.757-1.45c.74-.803.618-1.451.026-1.974c-.072.38-.197.757-.4 1.114c-1.616 2.842-2.225 5.504-1.763 7.702c.344 1.633 1.304 3.015 2.634 3.793c.532.312 1.273.581 1.946.581c.569 0 1.089-.194 1.388-.722c.259-.454.488-.632.715-.632c.587 0 1.17 1.173 2.257 1.81c1.51.882 3.416.394 2.492 2.018c-1.57 2.76-4.618 4.044-7.667 4.044c-1.646 0-3.293-.375-4.707-1.094C6.481 48.869.509 41.103 6.186 30.302c1.615-3.595 6.38-15.719 12.106-17.277c2.773-.755 4.715-1.167 6.321-1.167c1.714 0 3.048.468 4.603 1.491c1.126-.229 2.288-.392 3.345-.392c7.432 0 13.458 3.824 13.458 13.597s-6.025 13.597-13.458 13.597c-3.293 0-5.402-1.2-6.734-3.186c-1.799.916-3.359 1.252-4.695 1.252c-3.675 0-5.647-2.54-6.185-2.54m41.265 8.033l-.061.159v16.273h-1.133c-.079-1.136-.711-2.024-1.487-2.024s-1.405.889-1.483 2.024h-.031c-.078-1.136-.71-2.024-1.486-2.024s-1.406.889-1.484 2.024h-.031c-.078-1.136-.71-2.024-1.487-2.024c-.201 0-.392.063-.567.17v-7.291l-.828-.092c-1.712-.188-3.803-.517-6.016-.865l-3.125-.485v10.588H35.86c-.078-1.136-.71-2.024-1.486-2.024c-.775 0-1.407.889-1.485 2.024h-.03c-.078-1.136-.709-2.024-1.486-2.024c-.776 0-1.405.889-1.483 2.024h-.031c-.078-1.136-.71-2.024-1.488-2.024c-.16 0-.313.049-.459.119v-16.42c1.396.797 3.357 1.418 6.124 1.418c8.623 0 15.029-5.18 15.029-15.195a13.5 13.5 0 0 0-1.023-5.216c5.367.854 9.4 6.715 9.4 14.058c-.004 2.359-.427 4.72-1.23 6.827' fill='%23000000'%3e%3c/path%3e%3cpath d='M17.126 23.484a3.232 3.232 0 0 0-2.35 4.06c.299 1.033 1.059 1.816 1.993 2.22a7.634 7.634 0 0 1 2.492-1.916a7.87 7.87 0 0 1 2.198-.701c.04-.403.013-.823-.108-1.242c-.517-1.789-2.41-2.874-4.225-2.421' fill='%23000000'%3e%3c/path%3e%3cpath d='M33.579 37.541c6.465 0 10.172-3.999 10.172-10.969c0-6.971-3.707-10.968-10.172-10.968c-1.39 0-2.411.356-3.12 1.089c-1.348 1.392-1.262 3.793-1.154 6.833c.031.875.064 1.806.064 2.776c0 1.585-.39 3.15-.732 4.53c-.523 2.103-.975 3.918.049 5.223c.795 1.013 2.35 1.486 4.893 1.486m-3.586-6.373c.362-1.458.773-3.11.773-4.866c0-.987-.034-1.934-.065-2.825c-.096-2.71-.172-4.851.763-5.817c.434-.447 1.125-.665 2.116-.665c3.277 0 8.775 1.244 8.775 9.576s-5.498 9.576-8.775 9.576c-2.022 0-3.298-.32-3.793-.951c-.605-.769-.23-2.28.206-4.028' fill='%23000000'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}
.packageIncludedServiceWildLife:hover~div::after{
    content: 'Wild Life';
}
.packageIncludedServiceFoodIncluded{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36px' fill='%23000000' viewBox='0 -0.5 122.88 122.88' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='enable-background:new 0 0 122.88 121.87' xml:space='preserve'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cg%3e%3cpath d='M97.34,0.74c0.86-0.93,2.3-0.99,3.23-0.13c0.93,0.86,0.99,2.3,0.13,3.23L81.98,24.1l-0.03,0.04 c-2.29,2.77-3.86,5.33-4.56,7.67c-0.62,2.07-0.53,3.95,0.39,5.59c0.49,0.88,0.33,1.96-0.32,2.67l0,0l-8.89,9.62 c-0.87-0.95-1.56-1.72-2.02-2.22c-0.21-0.28-0.45-0.55-0.7-0.81l-0.02,0.02c-0.12-0.13-0.25-0.25-0.38-0.37l7.6-8.23 c-0.89-2.38-0.88-4.91-0.06-7.6c0.88-2.92,2.75-6.03,5.44-9.27c0.06-0.08,0.11-0.16,0.18-0.23L97.32,0.72L97.34,0.74L97.34,0.74z M57.13,55.01c-0.84-0.94-0.76-2.39,0.18-3.23c0.94-0.84,2.39-0.76,3.23,0.18c9.41,10.54,38.5,41.73,46.56,53.39 c10.63,15.05-5.83,19.79-11.29,14.31c-13.64-13.19-42.6-46.82-55.33-61.08c-4.58,1.94-9.03,2.24-13.5,0.96 c-4.81-1.37-9.52-4.58-14.3-9.51l-0.06-0.06c-3.64-3.84-6.49-7.63-8.55-11.38c-2.11-3.86-3.4-7.68-3.86-11.47 c-0.49-4.08-0.11-7.88,0.99-11.25c1.29-3.96,3.58-7.31,6.58-9.8c3.02-2.5,6.73-4.12,10.87-4.62c3.44-0.41,7.19-0.06,11.07,1.21 c5.37,1.75,11.63,6.1,16.82,11.68c3.83,4.11,7.11,8.92,9.06,13.87c2.03,5.16,2.65,10.5,1.02,15.5c-0.96,2.96-2.7,5.74-5.4,8.25 c-0.93,0.86-2.37,0.8-3.23-0.12c-0.86-0.93-0.8-2.37,0.12-3.23c2.09-1.95,3.43-4.08,4.16-6.33c1.26-3.87,0.73-8.16-0.93-12.38 c-1.74-4.42-4.69-8.74-8.15-12.45c-4.68-5.02-10.23-8.91-14.91-10.44c-3.21-1.04-6.28-1.34-9.09-1c-3.26,0.4-6.18,1.65-8.51,3.6 c-2.34,1.95-4.13,4.58-5.16,7.71c-0.89,2.73-1.2,5.87-0.79,9.26c0.39,3.2,1.5,6.47,3.32,9.81c1.91,3.43,4.53,6.9,7.9,10.45 l0.02,0.03c4.22,4.35,8.27,7.15,12.28,8.29c3.79,1.08,7.65,0.66,11.68-1.35c0.92-0.53,2.11-0.35,2.84,0.47 c12.42,13.91,42.63,48.92,56.01,61.89c5.81,2.37,9.03-0.55,6.25-5.7C100.7,102.43,63.5,62.17,57.13,55.01L57.13,55.01L57.13,55.01z M45.07,75.12l-29.16,31.55c-0.06,0.06-0.11,0.12-0.18,0.18c-4.26,4.6,3.28,11.3,7.96,6.82l28.32-30.65l3.04,3.45l-28.1,30.41l0,0 c-0.06,0.07-0.12,0.13-0.2,0.2c-1.68,1.41-3.37,2.33-5.08,2.71c-1.76,0.4-3.49,0.22-5.15-0.56c-0.28-0.11-0.54-0.25-0.77-0.46 l-4.03-3.73l0,0c-0.06-0.06-0.12-0.11-0.18-0.18c-1.56-1.8-2.3-3.72-2.1-5.75c0.19-1.92,1.21-3.79,3.14-5.59l29.44-31.86 L45.07,75.12L45.07,75.12z M75.63,57.46l1.73-1.87c0.86-0.93,2.31-0.99,3.23-0.13s0.99,2.3,0.13,3.23l-2,2.16L75.63,57.46 L75.63,57.46z M104.45,7.43c0.86-0.93,2.3-0.99,3.23-0.13c0.93,0.86,0.99,2.3,0.13,3.23L91.4,28.3c-0.86,0.93-2.3,0.99-3.23,0.13 c-0.93-0.86-0.99-2.3-0.13-3.23L104.45,7.43L104.45,7.43L104.45,7.43z M111.55,14c0.86-0.93,2.3-0.99,3.23-0.13 c0.93,0.86,0.99,2.3,0.13,3.23L98.51,34.86c-0.86,0.93-2.3,0.99-3.23,0.13c-0.93-0.86-0.99-2.3-0.13-3.23L111.55,14L111.55,14 L111.55,14z M118.91,20.83c0.86-0.93,2.3-0.99,3.23-0.13c0.93,0.86,0.99,2.31,0.13,3.23L103.55,44.2c-0.07,0.07-0.14,0.13-0.21,0.2 c-4.26,4.1-8.33,6.47-12.22,7.14c-4.22,0.73-8.09-0.47-11.64-3.57c-0.95-0.83-1.04-2.28-0.22-3.22c0.83-0.95,2.28-1.04,3.22-0.22 c2.45,2.14,5.07,2.98,7.84,2.49c2.98-0.51,6.26-2.48,9.84-5.93l0.02-0.02l18.71-20.25L118.91,20.83L118.91,20.83z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.packageIncludedServiceFoodIncluded:hover~div::after{
    content: 'Food Included';
}
.packageIncludedServiceTransportIncluded{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' id='_x3C_Layer_x3E_' version='1.1' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000000'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cg id='bus_x2C__transport_x2C_vehicle'%3e%3cg id='XMLID_598_'%3e%3cline fill='none' id='XMLID_599_' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='20' x2='10.5' y1='25.5' y2='25.5'%3e%3c/line%3e%3cpath d=' M24.5,15.5l6,2.08V17.5l-1.36-6.78c-0.08-0.44-0.25-0.85-0.46-1.22H24.5V15.5z' fill='none' id='XMLID_600_' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'%3e%3c/path%3e%3crect fill='none' height='6' id='XMLID_601_' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' width='6' x='6.5' y='9.5'%3e%3c/rect%3e%3crect fill='none' height='6' id='XMLID_602_' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' width='6' x='12.5' y='9.5'%3e%3c/rect%3e%3crect fill='none' height='6' id='XMLID_603_' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' width='6' x='18.5' y='9.5'%3e%3c/rect%3e%3cpolyline fill='none' id='XMLID_604_' points=' 1.5,15.5 6.5,15.5 6.5,9.5 3.68,9.5 ' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'%3e%3c/polyline%3e%3cline fill='none' id='XMLID_605_' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='24' x2='3.5' y1='28.5' y2='28.5'%3e%3c/line%3e%3cline fill='none' id='XMLID_606_' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='1.6' x2='1.5' y1='28.5' y2='28.5'%3e%3c/line%3e%3ccircle cx='24' cy='26' fill='none' id='XMLID_607_' r='2.5' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'%3e%3c/circle%3e%3ccircle cx='8' cy='26' fill='none' id='XMLID_608_' r='2.5' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'%3e%3c/circle%3e%3ccircle cx='24' cy='26' fill='none' id='XMLID_609_' r='0.5' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'%3e%3c/circle%3e%3ccircle cx='8' cy='26' fill='none' id='XMLID_610_' r='0.5' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'%3e%3c/circle%3e%3cline fill='none' id='XMLID_611_' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='1.6' x2='1.5' y1='28.5' y2='28.5'%3e%3c/line%3e%3cpolyline fill='none' id='XMLID_612_' points=' 2.5,20.5 1.5,20.5 1.5,22.5 2.5,22.5 ' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'%3e%3c/polyline%3e%3crect fill='none' height='2' id='XMLID_613_' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' width='2' x='28.5' y='21.5'%3e%3c/rect%3e%3cpath d=' M4,25.5H2.5c-0.55,0-1-0.45-1-1v-14c0-1.66,1.34-3,3-3h20.72c1.91,0,3.55,1.35,3.92,3.22l1.36,6.78v7c0,0.55-0.45,1-1,1h-3.05' fill='none' id='XMLID_614_' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'%3e%3c/path%3e%3cline fill='none' id='XMLID_615_' stroke='%23263238' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='30.5' x2='12.5' y1='30.5' y2='30.5'%3e%3c/line%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.packageIncludedServiceTransportIncluded:hover~div::after{
    content: 'Transport Included';
}
.packageIncludedServiceTouristVisaHelpIncluded{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000' width='36px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M213.333,119.467h85.333c4.719,0,8.533-3.823,8.533-8.533s-3.814-8.533-8.533-8.533h-85.333 c-4.71,0-8.533,3.823-8.533,8.533S208.623,119.467,213.333,119.467z'%3e%3c/path%3e%3cpath d='M179.2,153.6h153.6c4.719,0,8.533-3.823,8.533-8.533c0-4.71-3.814-8.533-8.533-8.533H179.2 c-4.71,0-8.533,3.823-8.533,8.533C170.667,149.777,174.49,153.6,179.2,153.6z'%3e%3c/path%3e%3cpath d='M256,204.8c-65.877,0-119.467,53.589-119.467,119.467S190.123,443.733,256,443.733s119.467-53.589,119.467-119.467 S321.877,204.8,256,204.8z M286.669,288.486c-9.02,1.007-19.115,1.647-30.669,1.647c-11.563,0-21.658-0.64-30.669-1.647 c6.921-34.116,22.434-54.494,30.669-63.309C264.243,234.01,279.748,254.379,286.669,288.486z M289.109,305.408 c0.606,5.982,1.024,12.194,1.024,18.859c0,6.665-0.418,12.868-1.016,18.842c-9.771-1.084-20.617-1.775-32.981-1.775 c-12.467,0-23.415,0.7-33.246,1.8c-0.606-5.982-1.024-12.194-1.024-18.867c0-6.664,0.418-12.877,1.024-18.859 c9.796,1.092,20.693,1.792,33.109,1.792S279.305,306.5,289.109,305.408z M234.889,224.077 c-9.481,12.919-20.702,33.289-26.377,61.858c-21.973-4.343-34.142-11.017-39.765-14.993 C183.236,247.33,206.933,229.965,234.889,224.077z M153.6,324.267c0-13.38,2.654-26.138,7.347-37.862 c8.141,5.385,22.272,12.203,45.056,16.538c-0.708,6.767-1.203,13.79-1.203,21.325c0,7.543,0.495,14.575,1.212,21.342 c-22.784,4.344-36.915,11.17-45.065,16.546C156.262,350.421,153.6,337.655,153.6,324.267z M168.764,377.617 c5.683-4.019,17.886-10.658,39.748-14.993c5.683,28.553,16.905,48.913,26.377,61.833 C206.942,418.569,183.253,401.22,168.764,377.617z M225.34,360.064c9.045-1.015,19.183-1.664,30.797-1.664 c11.494,0,21.555,0.64,30.532,1.63c-6.921,34.133-22.434,54.511-30.669,63.326C247.765,414.532,232.252,394.155,225.34,360.064z M277.12,424.457c9.472-12.919,20.693-33.306,26.377-61.884c21.922,4.318,34.125,10.957,39.791,14.95 C328.806,401.178,305.092,418.56,277.12,424.457z M358.4,324.267c0,13.355-2.654,26.086-7.313,37.794 c-8.184-5.385-22.323-12.186-45.09-16.495c0.708-6.758,1.203-13.773,1.203-21.299c0-7.535-0.503-14.558-1.212-21.316 c22.75-4.318,36.907-11.119,45.09-16.495C355.746,298.163,358.4,310.903,358.4,324.267z M303.488,285.935 c-5.675-28.561-16.896-48.939-26.368-61.858c27.964,5.888,51.669,23.27,66.167,46.908 C337.545,275.021,325.308,281.626,303.488,285.935z'%3e%3c/path%3e%3cpath d='M401.067,34.133h-8.533V25.6c0-14.114-11.486-25.6-25.6-25.6H93.867c-14.114,0-25.6,11.486-25.6,25.6v477.867 c0,4.71,3.823,8.533,8.533,8.533h324.267c23.927,0,42.667-18.739,42.667-42.667V76.8 C443.733,53.274,424.593,34.133,401.067,34.133z M426.667,469.333c0,14.353-11.238,25.6-25.6,25.6H85.333V25.6 c0-4.702,3.831-8.533,8.533-8.533h273.067c4.71,0,8.533,3.831,8.533,8.533v8.533H110.933c-4.71,0-8.533,3.823-8.533,8.533 c0,4.71,3.823,8.533,8.533,8.533h290.133c13.875,0,25.6,11.725,25.6,25.6V469.333z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.packageIncludedServiceTouristVisaHelpIncluded:hover~div::after{
    content: 'Tourist Visa Help Included';
}
.packageIncludedServiceAccommodationServicesAvailable{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000' width='36px' viewBox='0 -11.47 122.88 122.88' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='enable-background:new 0 0 122.88 99.94' xml:space='preserve'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cg%3e%3cpath d='M4.22,67.36h114.31v-4.67c0-1.13-0.22-2.18-0.61-3.12c-0.42-1-1.04-1.89-1.81-2.66c-0.47-0.47-1-0.9-1.57-1.28 c-0.58-0.39-1.2-0.73-1.85-1.02c-1.75-0.38-3.49-0.74-5.22-1.08c-1.74-0.34-3.49-0.66-5.25-0.96c-0.08-0.01-0.14-0.02-0.22-0.04 c-0.89-0.15-1.74-0.29-2.55-0.42c-0.81-0.13-1.67-0.26-2.57-0.4l-0.02,0c-6.12-0.78-12.22-1.38-18.31-1.78 c-6.1-0.4-12.17-0.6-18.2-0.61c-3.58,0-7.15,0.06-10.72,0.2c-3.55,0.14-7.12,0.34-10.69,0.62l-0.02,0 c-3.34,0.31-6.67,0.7-10.01,1.15c-3.33,0.45-6.67,0.98-10.03,1.57l-0.37,0.09c-0.07,0.02-0.14,0.03-0.2,0.03 c-0.06,0.01-0.12,0.01-0.18,0.01c-1.57,0.28-3.18,0.59-4.84,0.92c-1.61,0.32-3.22,0.66-4.82,1.01c-0.4,0.22-0.78,0.47-1.14,0.73 c-0.36,0.27-0.71,0.56-1.02,0.87v0c-0.67,0.67-1.2,1.44-1.56,2.3c-0.34,0.81-0.53,1.71-0.53,2.69V67.36L4.22,67.36z M14.2,0h92.99 c1.21,0,2.37,0.24,3.43,0.68c1.1,0.46,2.09,1.13,2.92,1.95c0.83,0.83,1.5,1.82,1.95,2.92c0.44,1.06,0.68,2.22,0.68,3.43v42.69 c0.51,0.3,1.01,0.63,1.47,0.99c0.52,0.4,1.01,0.82,1.46,1.27c1.16,1.16,2.1,2.51,2.73,4.03c0.6,1.43,0.93,3.02,0.93,4.74v6.09 c0.03,0.1,0.06,0.2,0.08,0.3l0,0.02c0.02,0.13,0.03,0.25,0.03,0.37c0,0.13-0.01,0.26-0.04,0.39l0,0c-0.02,0.1-0.05,0.2-0.08,0.3 v27.66c0,0.58-0.24,1.11-0.62,1.49c-0.38,0.38-0.91,0.62-1.49,0.62h-4.35c-0.49,0-0.94-0.17-1.3-0.45 c-0.36-0.28-0.63-0.68-0.74-1.14c-0.8-2.3-1.61-4.12-2.48-5.54c-0.86-1.4-1.78-2.4-2.84-3.11c-1.07-0.71-2.35-1.16-3.9-1.43 c-1.58-0.28-3.42-0.37-5.61-0.36l-79.76,0.1l-0.04,0c-1.57-0.03-2.86,0.17-3.94,0.59c-1.07,0.42-1.94,1.05-2.66,1.86 c-0.81,0.9-1.49,2.05-2.11,3.39c-0.63,1.37-1.2,2.93-1.77,4.64l0,0c-0.14,0.44-0.42,0.79-0.77,1.04c-0.33,0.24-0.73,0.38-1.14,0.4 c-0.03,0.01-0.06,0.01-0.09,0.01H2.11c-0.58,0-1.11-0.24-1.49-0.62C0.24,98.94,0,98.41,0,97.83V61.52c0-1.57,0.3-3.01,0.84-4.31 c0.58-1.38,1.43-2.61,2.49-3.67c0.3-0.3,0.63-0.6,0.98-0.88c0.3-0.24,0.6-0.47,0.92-0.68V8.89c0-1.21,0.24-2.36,0.68-3.4 c0.46-1.09,1.13-2.07,1.96-2.89c0.83-0.82,1.82-1.47,2.91-1.92C11.84,0.24,12.99,0,14.2,0L14.2,0z M107.19,4.22H14.2 c-0.65,0-1.27,0.13-1.84,0.36c-0.59,0.24-1.11,0.59-1.55,1.02c-0.43,0.42-0.78,0.94-1.02,1.5C9.57,7.65,9.45,8.25,9.45,8.89v41.06 c0.3-0.1,0.6-0.18,0.91-0.26c0.49-0.13,0.98-0.24,1.47-0.32c0.68-0.12,1.42-0.25,2.22-0.39c0.6-0.1,1.24-0.21,1.9-0.31V38.19 c0-1.58,0.32-3.09,0.89-4.47c0.6-1.44,1.47-2.73,2.55-3.81c1.08-1.08,2.37-1.95,3.81-2.55c1.38-0.57,2.89-0.89,4.47-0.89h19.82 c1.58,0,3.09,0.32,4.47,0.89c1.44,0.6,2.73,1.47,3.81,2.55c1.08,1.08,1.95,2.37,2.55,3.81c0.57,1.38,0.89,2.89,0.89,4.47v6.69 c0.7-0.01,1.4-0.01,2.11-0.01v-6.68c0-1.58,0.32-3.09,0.89-4.47c0.6-1.44,1.47-2.73,2.55-3.81c1.08-1.08,2.37-1.95,3.81-2.55 c1.38-0.57,2.89-0.89,4.47-0.89h19.82c1.58,0,3.09,0.32,4.47,0.89c1.44,0.6,2.73,1.47,3.81,2.55c1.08,1.08,1.95,2.37,2.55,3.81 c0.57,1.38,0.89,2.89,0.89,4.47v10.34c0.75,0.11,1.55,0.24,2.41,0.38c0.95,0.15,1.86,0.3,2.74,0.45c0.45,0.08,0.91,0.17,1.37,0.28 c0.29,0.07,0.57,0.14,0.84,0.22V8.98c0-0.64-0.13-1.25-0.36-1.81c-0.24-0.58-0.6-1.1-1.04-1.55c-0.44-0.44-0.97-0.8-1.54-1.04 C108.44,4.35,107.83,4.22,107.19,4.22L107.19,4.22z M43.21,45.56c2.01-0.15,4.03-0.28,6.08-0.38c1.89-0.1,3.8-0.17,5.71-0.22v-6.77 c0-1.01-0.2-1.98-0.57-2.86c-0.38-0.92-0.94-1.74-1.64-2.44c-0.69-0.69-1.52-1.25-2.44-1.64c-0.88-0.37-1.85-0.57-2.86-0.57H27.67 c-1.01,0-1.98,0.2-2.86,0.57c-0.92,0.38-1.74,0.94-2.44,1.64c-0.69,0.69-1.25,1.52-1.64,2.44c-0.37,0.88-0.57,1.85-0.57,2.86V48 c1.62-0.24,3.26-0.46,4.94-0.68c1.81-0.23,3.61-0.44,5.39-0.64c0.69-0.08,1.43-0.17,2.2-0.25c0.72-0.08,1.47-0.15,2.27-0.23 c1.36-0.13,2.71-0.25,4.04-0.36C40.37,45.75,41.77,45.65,43.21,45.56L43.21,45.56z M65.54,44.9c1.21,0.02,2.42,0.05,3.63,0.09 c1.34,0.04,2.68,0.1,4.01,0.16l0.01,0c2.19,0.08,4.33,0.18,6.41,0.3c2.08,0.12,4.11,0.27,6.05,0.44c2.82,0.25,5.55,0.55,8.14,0.9 c2.32,0.32,4.52,0.68,6.58,1.08v-9.68c0-1.01-0.2-1.98-0.57-2.86c-0.38-0.92-0.94-1.74-1.64-2.44c-0.69-0.69-1.52-1.25-2.44-1.64 c-0.88-0.37-1.85-0.57-2.86-0.57H73.05c-1.01,0-1.98,0.2-2.86,0.57c-0.92,0.38-1.74,0.94-2.44,1.64c-0.69,0.69-1.25,1.52-1.64,2.44 c-0.37,0.88-0.57,1.85-0.57,2.86V44.9L65.54,44.9z M118.54,71.59H4.22v24.13h1.43c0.56-1.58,1.14-3.05,1.79-4.36 c0.7-1.4,1.49-2.64,2.45-3.71c1.14-1.28,2.48-2.27,4.09-2.93c1.61-0.65,3.49-0.98,5.75-0.93l79.69-0.1c2.57,0,4.77,0.12,6.69,0.49 c1.95,0.37,3.63,1,5.14,2c1.4,0.93,2.6,2.16,3.68,3.77c1.03,1.54,1.95,3.43,2.83,5.76h0.76V71.59L118.54,71.59z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.packageIncludedServiceAccommodationServicesAvailable:hover~div::after{
    content: 'Accommodation Services Available';
}
.packageIncludedServiceCampingItemsAvailable{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000' width='36px' viewBox='0 0 500 500' id='Layer_1' version='1.1' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cg id='tent'%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M391.6,389.33H108.4l0.35-3.31c2.35-22.35,0.04-40.55-2.31-51.88c-2.55-12.29-5.71-19.38-5.74-19.45l-1.01-2.24 l1.99-1.43c74.86-53.65,145.04-170.55,145.74-171.73l2.58-4.32l2.58,4.32c0.7,1.17,70.89,118.08,145.74,171.73l2,1.43 l-1.01,2.24c-0.08,0.17-3.2,7.25-5.74,19.45c-2.35,11.33-4.67,29.53-2.31,51.88L391.6,389.33z M115.03,383.33h269.93 c-3.17-36.19,5.05-61.34,7.94-68.83C325.9,265.48,263.28,167.96,250,146.56c-13.28,21.4-75.9,118.92-142.9,167.94 C109.98,321.98,118.21,347.14,115.03,383.33z'%3e%3c/path%3e%3c/g%3e%3cg%3e%3cpath d='M391.6,389.33H108.4l0.35-3.31c2.35-22.35,0.04-40.55-2.31-51.88c-2.55-12.29-5.71-19.38-5.74-19.45l-1.01-2.24 l1.99-1.43c74.86-53.65,145.04-170.55,145.74-171.73l2.58-4.32l2.58,4.32c0.7,1.17,70.89,118.08,145.74,171.73l2,1.43 l-1.01,2.24c-0.08,0.17-3.2,7.25-5.74,19.45c-2.35,11.33-4.67,29.53-2.31,51.88L391.6,389.33z M115.03,383.33h269.93 c-3.17-36.19,5.05-61.34,7.94-68.83C325.9,265.48,263.28,167.96,250,146.56c-13.28,21.4-75.9,118.92-142.9,167.94 C109.98,321.98,118.21,347.14,115.03,383.33z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath d='M137.08,389.33h-28.58l0.25-3.23c1.72-22.6-0.57-40.84-2.79-52.15c-2.41-12.27-5.27-19.28-5.29-19.35l-0.86-2.1 l1.78-1.4c80.16-62.94,142.94-166.96,145.58-171.36c0.73-1.22,2.19-1.79,3.55-1.4c1.38,0.4,2.31,1.68,2.28,3.11 c-2.04,89.3-33.17,151.75-58.92,188.41c-27.97,39.81-55.09,58.2-56.23,58.96L137.08,389.33z M114.94,383.33h20.28 c4.51-3.22,29.26-21.72,54.1-57.16c24.16-34.46,53.15-92.18,57.27-174.12c-17.82,28.21-71.68,108.43-139.59,162.39 C109.59,321.7,117.2,346.7,114.94,383.33z'%3e%3c/path%3e%3c/g%3e%3cg%3e%3cpath d='M391.51,389.33h-28.58l-0.76-0.51c-1.14-0.76-28.26-19.15-56.23-58.96c-25.76-36.66-56.88-99.11-58.92-188.42 c-0.03-1.43,0.9-2.71,2.28-3.11c1.36-0.39,2.82,0.18,3.55,1.4c2.63,4.4,65.41,108.41,145.58,171.35l1.79,1.4l-0.87,2.1 c-0.03,0.07-2.88,7.08-5.29,19.35c-2.22,11.32-4.51,29.55-2.79,52.15L391.51,389.33z M364.78,383.33h20.28 c-2.25-36.63,5.36-61.62,7.94-68.88c-67.91-53.96-121.76-134.17-139.59-162.39c4.13,82.07,33.21,139.86,57.44,174.35 C335.67,361.76,360.28,380.13,364.78,383.33z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath d='M476.59,377.87h-6v-17.4c-63.55-24.51-120.56-82.06-157.35-126.25c-32.84-39.45-55.81-75.52-63.24-87.61 c-7.43,12.09-30.4,48.16-63.24,87.61c-36.79,44.19-93.81,101.74-157.35,126.25v17.4h-6v-21.55l1.95-0.73 c34.81-13.03,90.26-45.31,156.73-125.13c39.88-47.89,65.07-90.73,65.32-91.16l2.59-4.43l2.59,4.43 c0.25,0.43,25.45,43.27,65.32,91.16c36.69,44.06,93.66,101.53,156.73,125.13l1.95,0.73V377.87z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg id='stars'%3e%3cg%3e%3cpath d='M382.6,186.04l-5.67-10.37L366.56,170l10.37-5.67l5.67-10.37l5.67,10.37l10.37,5.67l-10.37,5.67L382.6,186.04z M379.06,170l2.29,1.25l1.25,2.29l1.25-2.29l2.29-1.25l-2.29-1.25l-1.25-2.29l-1.25,2.29L379.06,170z'%3e%3c/path%3e%3c/g%3e%3cg%3e%3cpath d='M357.08,158.81l-6.36-11.63l-11.63-6.36l11.63-6.36l6.36-11.63l6.36,11.63l11.63,6.36l-11.63,6.36L357.08,158.81z M351.59,140.82l3.55,1.94l1.94,3.55l1.94-3.55l3.55-1.94l-3.55-1.94l-1.94-3.55l-1.94,3.55L351.59,140.82z'%3e%3c/path%3e%3c/g%3e%3cg%3e%3cpath d='M397.02,137.9l-5.39-9.85l-9.85-5.39l9.85-5.39l5.39-9.85l5.39,9.85l9.85,5.39l-9.85,5.39L397.02,137.9z M394.28,122.66 l1.77,0.97l0.97,1.77l0.97-1.77l1.77-0.97l-1.77-0.97l-0.97-1.77l-0.97,1.77L394.28,122.66z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath d='M123.16,164.5c-13.06,0-23.69-10.63-23.69-23.69s10.63-23.69,23.69-23.69c3.1,0,6.12,0.59,8.97,1.77l6.77,2.78 l-6.77,2.78c-6.67,2.74-10.99,9.16-10.99,16.37c0,7.21,4.31,13.63,10.99,16.37l6.77,2.78l-6.77,2.78 C129.28,163.91,126.26,164.5,123.16,164.5z M123.06,123.13c-9.71,0.05-17.59,7.97-17.59,17.69s7.88,17.63,17.59,17.69 c-4.96-4.41-7.91-10.78-7.91-17.69S118.1,127.54,123.06,123.13z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.packageIncludedServiceCampingItemsAvailable:hover~div::after{
    content: 'Camping Items Available';
}
.packageIncludedServiceAncientOrCulturalPlacesIncluded{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000' width='36px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cg%3e%3cpath d='M470.521,243.365c-2.212-3.112-6.313-4.226-9.797-2.663c-26.874,12.065-55.503-0.398-73.575-16.758 c42.28-1.165,65.671-25.395,66.668-26.451c2.622-2.775,2.917-7.017,0.705-10.128s-6.314-4.227-9.797-2.663 c-29.794,13.374-61.746-3.395-79.075-22.201c15.652-7.055,29.431-18.604,31.558-20.427c3.02-2.588,3.679-7.002,1.549-10.359 c-2.131-3.358-6.404-4.644-10.032-3.013c-14.925,6.7-35.355,5.362-57.528-3.769C308.619,115.636,289.75,100.742,279.72,88H288 c4.418,0,8-3.582,8-8s-3.582-8-8-8c-13.506,0-24-25.523-24-32V8c0-4.418-3.582-8-8-8s-8,3.582-8,8v32c0,6.477-10.494,32-24,32 c-4.418,0-8,3.582-8,8s3.582,8,8,8h7.362c-10.863,12.496-30.949,27.141-54.907,36.544c-24.236,9.513-45.963,10.99-61.178,4.158 c-3.629-1.628-7.902-0.346-10.032,3.013c-2.13,3.357-1.47,7.771,1.549,10.359c2.385,2.043,19.422,16.31,37.322,22.763 c-17.747,17.811-48.29,32.682-76.838,19.865c-3.482-1.565-7.585-0.448-9.797,2.663c-2.212,3.111-1.917,7.353,0.705,10.128 c0.997,1.056,24.387,25.285,66.666,26.451c-18.073,16.356-46.705,28.821-73.574,16.758c-3.483-1.562-7.585-0.448-9.797,2.663 c-2.212,3.111-1.917,7.353,0.705,10.128c0.959,1.015,22.596,23.448,61.816,26.225V464H89c-4.962,0-9,4.037-9,9v31 c0,4.418,3.582,8,8,8h336c4.418,0,8-3.582,8-8v-31c0-4.963-4.038-9-9-9h-15V279.718c39.22-2.776,60.857-25.209,61.816-26.225 C472.438,250.718,472.732,246.477,470.521,243.365z M256,64.608c1.407,2.529,2.994,5.024,4.758,7.392h-9.517 C253.006,69.633,254.593,67.138,256,64.608z M416,496H96v-16h320V496z M152,328c0-6.523,15.583-16,40-16s40,9.477,40,16v136h-80 V328z M280,328c0-6.523,15.583-16,40-16s40,9.477,40,16v136h-80V328z M376,464V328c0-18.243-24.075-32-56-32s-56,13.757-56,32v136 h-16V328c0-18.243-24.075-32-56-32s-56,13.757-56,32v136h-16V280h272v184H376z M400,264H112c-9.694,0-18.238-1.409-25.586-3.506 c6.334-1.05,12.73-2.891,19.124-5.522c16.002-6.585,30.779-17.752,41.151-30.972H264c4.418,0,8-3.582,8-8s-3.582-8-8-8H142.896 c-0.013,0-0.026,0-0.039,0H128c-9.694,0-18.238-1.409-25.586-3.506c6.334-1.05,12.73-2.891,19.124-5.522 c16.002-6.585,30.779-17.752,41.151-30.972H256c4.418,0,8-3.582,8-8s-3.582-8-8-8h-96c-4.133,0-8.949-1.403-13.866-3.537 c11.342-1.054,23.541-4.069,36.167-9.024c30.246-11.871,57.976-32.825,68.761-51.438h9.519 c10.135,18.975,36.123,40.032,64.522,51.729c12.291,5.062,23.167,7.706,32.678,8.732C352.875,150.593,348.08,152,344,152h-55.997 c-4.418,0-8,3.582-8,8s3.582,8,8,8H344c1.644,0,3.32-0.14,5.011-0.375c10.382,13.38,25.288,24.691,41.437,31.341 c6.38,2.627,12.758,4.466,19.079,5.519C402.181,206.587,393.653,208,384,208h-14.17c-0.328-0.022-0.658-0.018-0.988,0H344 c-4.418,0-8,3.582-8,8s3.582,8,8,8h21.311c10.369,13.215,25.141,24.379,41.138,30.966c6.399,2.635,12.797,4.478,19.136,5.528 C418.236,262.592,409.694,264,400,264z'%3e%3c/path%3e%3cpath d='M311.998,208h-15.997c-4.418,0-8,3.582-8,8s3.582,8,8,8h15.997c4.418,0,8-3.582,8-8S316.416,208,311.998,208z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.packageIncludedServiceAncientOrCulturalPlacesIncluded:hover~div::after{
    content: 'Ancient or Cultural Places Included';
}
.packageIncludedServiceChauffeurGuideIncluded{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000' width='36px' viewBox='0 0 128 128' id='Layer_1' version='1.1' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cg%3e%3cpath d='M121.8,34.9L96.1,23.2c0,0-0.1,0-0.1,0c-0.1,0-0.1-0.1-0.2-0.1c-0.1,0-0.1,0-0.2,0c-0.1,0-0.2,0-0.2,0s-0.2,0-0.2,0 c-0.1,0-0.1,0-0.2,0c-0.1,0-0.2,0-0.2,0.1c0,0-0.1,0-0.1,0l-8.7,3.9c-3.5-5.2-9.5-8.6-16.3-8.6c0,0,0,0,0,0c-5.2,0-10.2,2-13.9,5.8 c-0.9,0.9-1.7,1.8-2.4,2.9l-8.7-3.9c0,0-0.1,0-0.1,0c-0.1,0-0.1-0.1-0.2-0.1c-0.1,0-0.1,0-0.2,0c-0.1,0-0.2,0-0.2,0 c-0.1,0-0.2,0-0.2,0c-0.1,0-0.1,0-0.2,0c-0.1,0-0.2,0-0.2,0.1c0,0-0.1,0-0.1,0L17.5,34.9c-0.7,0.3-1.1,1-1.1,1.7v65.9 c0,0.6,0.3,1.2,0.9,1.6c0.3,0.2,0.7,0.3,1,0.3c0.3,0,0.5-0.1,0.8-0.2l24.9-11.3l24.9,11.3c0.1,0,0.1,0,0.2,0.1c0,0,0.1,0,0.1,0 c0.2,0,0.3,0.1,0.5,0.1c0.2,0,0.3,0,0.5-0.1c0,0,0.1,0,0.1,0c0.1,0,0.1,0,0.2-0.1l24.9-11.3l24.9,11.3c0.2,0.1,0.5,0.2,0.8,0.2 c0.4,0,0.7-0.1,1-0.3c0.5-0.3,0.9-0.9,0.9-1.6V36.6C122.9,35.9,122.4,35.2,121.8,34.9z M69.6,22.3C69.6,22.3,69.6,22.3,69.6,22.3 c8.8,0,15.9,7.1,15.9,15.9c0,8.3-12.5,25.6-15.9,27.6c-3.4-2-15.9-19.3-15.9-27.6c0-4.2,1.7-8.2,4.7-11.2 C61.4,23.9,65.4,22.3,69.6,22.3z M93.4,89.7l-21.9,9.9V69c6.1-3.8,17.8-22.2,17.8-30.8c0-2.7-0.6-5.4-1.6-7.7l5.8-2.6V89.7z M67.7,69v30.6l-21.9-9.9V27.8l5.8,2.6c-1,2.4-1.6,5-1.6,7.7C50,46.7,61.7,65.2,67.7,69z M20.1,37.8l21.9-10v61.9l-21.9,9.9V37.8z M119.1,99.6l-21.9-9.9V27.8l21.9,10V99.6z'%3e%3c/path%3e%3cpath d='M57.5,36.8c0,6.7,5.4,12.1,12.1,12.1c6.7,0,12.1-5.4,12.1-12.1c0-6.7-5.4-12.1-12.1-12.1C62.9,24.7,57.5,30.1,57.5,36.8z M78,36.8c0,4.6-3.7,8.4-8.4,8.4c-4.6,0-8.4-3.7-8.4-8.4c0-4.6,3.7-8.4,8.4-8.4C74.2,28.4,78,32.2,78,36.8z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.packageIncludedServiceChauffeurGuideIncluded:hover~div::after{
    content: 'Chauffeur Guide Included';
}
.packageIncludedServiceBeachActivitiesAvailable{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 64 64' width='36px' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3ctitle%3ebeach%3c/title%3e%3cg id='beach'%3e%3cpath d='M29.923,23.586A12.318,12.318,0,1,1,26.167,7.079' style='fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'%3e%3c/path%3e%3cpath d='M21.327,15.913a16.929,16.929,0,0,0-2.434,4.67s4.095-.8,4.924,2.515c0,0,4.976-2.488,7.464,1.659,0,0,6.634-2.488,9.122,2.488,0,0,3.317-3.318,7.463.829,0,0,.554-1.1,2.951-.892a1.132,1.132,0,0,0,1.2-1.148A17,17,0,0,0,35.012,9h-.056a16.179,16.179,0,0,0-7.329,1.907l-.652.336A16.155,16.155,0,0,0,21.327,15.913Z' style='fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'%3e%3c/path%3e%3cpath d='M36.966,9.115A21.253,21.253,0,0,0,24,22.527' style='fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'%3e%3c/path%3e%3cpath d='M31.322,24.245a21.986,21.986,0,0,1,7.43-14.827' style='fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'%3e%3c/path%3e%3cpath d='M40.98,10.08c.95,3.525,2.47,11.205-.377,16.788' style='fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'%3e%3c/path%3e%3cpath d='M47.981,27.4a21.68,21.68,0,0,0-4.875-16.357' style='fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'%3e%3c/path%3e%3cline x1='30.061' y1='46.5' x2='36' y2='25' style='fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'%3e%3c/line%3e%3cpath d='M11.8,55H1a8,8,0,0,1,8-8H55a8,8,0,0,1,8,8H19.409' style='fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'%3e%3c/path%3e%3cpath d='M63,39.246a6.151,6.151,0,0,0-5.4.187h0a6.136,6.136,0,0,1-5.782,0h0a6.151,6.151,0,0,0-5.4-.187l-1.372.619a6.156,6.156,0,0,1-5.026,0l-1.371-.619a6.151,6.151,0,0,0-5.4.187h0a6.136,6.136,0,0,1-5.782,0h0a6.151,6.151,0,0,0-5.4-.187l-1.371.619a6.156,6.156,0,0,1-5.026,0l-1.372-.619a6.151,6.151,0,0,0-5.4.187h0a6.136,6.136,0,0,1-5.782,0h0a6.034,6.034,0,0,0-2.224-.687' style='fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.packageIncludedServiceBeachActivitiesAvailable:hover~div::after{
    content: 'Beach Activities Available';
}
/* .packageIncludedService{
    
}
.packageIncludedService:hover~div::after{
    content: '';
} */





/* pageBanner */
#pageBanner{
    height: 600px;
    background: url(../img/backgrounds/pageBanner.jpg);
    background-size: cover;
    background-position: center top;
    animation: pageBannerTopToBottom 5s infinite;
}
@keyframes pageBannerTopToBottom {
    0%{
        background-position: center top;
    }
    20%{
        background-position: center top;
    }
    60%{
        background-position: center bottom;
    }
}
@keyframes pageBannerRightToLeft {
    0%{
        background-position: center;
    }
    12%{
        background-position: center;
    }
    32%{
        background-position: center left;
    }
    54%{
        background-position: center;
    }
    76%{
        background-position: center right;
    }
}
#pageBanner div{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: white;
}


/* servicesList */
#servicesList{
    padding: 100px 0px;
    overflow: hidden;
}
#servicesList>h2{
    text-align: center;
    margin-bottom: 30px;
}

/* servicesList cardListType1 */
#servicesList .cardListType1 article{
    justify-content: flex-start;
    align-self: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    min-width: 300px;
    aspect-ratio: unset;
    max-width: 440px;
    padding: 50px 10px;
}
#servicesList .cardListType1 h2{
    width: 100%;
    text-align: center;
    padding: 20px;
}
#servicesList .cardListType1 article button.primaryBtn{
    margin-top: 30px;
}
#servicesList .cardListType1 article p{
    margin: 10px 0px 5px;
    text-align: center;
}
#servicesList .cardListType1 article img{
    aspect-ratio: unset;
    max-width: 440px;
    height: 100%;
}
#servicesList .cardListType1 article>span{
    width: fit-content;
    text-align: center;
}
#servicesList .cardListType1 article>div{
    background: linear-gradient(90deg, rgba(46,48,146,0.6) 0%, rgba(46,48,146,0.8) 50%);
    opacity: 0;
}
#servicesList .cardListType1 article:hover>div{
    opacity: 0.8;
}


/* aboutUs */
#aboutUs{
    padding: 100px 0px 80px;
    overflow: hidden;
    background-color: #F6F9FB;
}
#aboutUs .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}
#aboutUs .container>*{
    flex-grow: 1;
    flex-basis: 0;
}
#aboutUs img{
    max-width: 400px;
    min-width: 260px;
    margin: auto;
    transform: translateX(-300px);
    opacity: 0;
    transition: 0.5s;
}
#aboutUs>div>span{
    min-width: 260px;
    max-width: 580px;
    transform: translateX(300px);
    opacity: 0;
    transition: 0.5s;
}
.mediumSizeText{
    font-size: 28px;
    text-transform: uppercase;
}
#aboutUs p{
    margin-top: 30px;
    color: var(--gray);
    line-height: 150%;
}
#aboutUs a{
    margin: 20px 0px 0px 0px;
}
#aboutUs~#serviceSelectorContainer{
    background-color: #F6F9FB;
}

/* team */
#team{
    padding-bottom: 100px;
    overflow: hidden;
    background-color: #F6F9FB;
}
#team .container{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}
#team h2{
    width: 100%;
    text-align: center;
    margin-bottom: -20px;
}
#team i h3{
    font-weight: normal;
    color: var(--gray);
}
#team i{
    width: 100%;
    text-align: center;
    margin: 0px 0px 5px;
}
#team span{
    flex-grow: 1;
    flex-basis: 0;
    background-position: center;
    background-size: cover;
    aspect-ratio: 10/13;
    max-width: 400px;
    min-width: 220px;
    position: relative;
    transition: 0.5s;
    overflow: hidden;
}
#team span:nth-of-type(1):hover{
    border-top-left-radius: 20%;
    border-bottom-right-radius: 20%;
    scale: 90%;
}
#team span:nth-of-type(1):hover div{
    height: 0px;
    width: 0px;
}
#team span:nth-of-type(2):hover{
    border-top-right-radius: 20%;
    border-bottom-left-radius: 20%;
    scale: 90%;
}
#team span:nth-of-type(2):hover div{
    height: 0px;
    left: calc(100% - 20px);
}
#team span:nth-of-type(1){
    background-image: url("../img/backgrounds/tineshCooray.webp");
    transform: translateX(-300px);
    opacity: 0;
}
#team span:nth-of-type(2){
    background-image: url("../img/backgrounds/udyaniCooray.webp");
    transform: translateX(300px);
    opacity: 0;
}
#team span div{
    background-color: #efbe1ce5;
    position: absolute;
    width: 100%;
    height: 56px;
    bottom: 0px;
    left: 0px;
    text-align: center;
    padding: 0px 10px;
    overflow: hidden;
    transition: 0.5s;
}
#team span a{
    display: block;
    background-color: var(--themeDarkYellow);
    width: fit-content;
    transition: 0.5s;
    position: absolute;
}
#team span:nth-of-type(1) a{
    padding: 10px 10px 15px 15px;
    border-bottom-left-radius: 100%;
    right: 0px;
}
#team span:nth-of-type(2) a{
    padding: 10px 15px 15px 10px;
    border-bottom-right-radius: 100%;
    left: 0px;
}
#team span a svg{
    width: 22px;
    transition: 0.5s;
}
#team span:nth-of-type(1):hover a{
    padding: 10px 10px 22px 22px;
}
#team span:nth-of-type(2):hover a{
    padding: 10px 22px 22px 10px;
}
#team span:hover a svg{
    width: 34px;
}
#team span div h3{
    margin-top: 6px;
}

/* allReviews */
#allReviews{
    padding: 100px 0px;
    overflow: hidden;
}
#allReviews>div>h2{
    text-align: center;
    margin-bottom: 60px;
}
#allReviews>div>button{
    margin-top: 30px;
}


/* cardListType4 */
.cardListType4{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 30px;
    row-gap: 70px;
    flex-wrap: wrap;
}
.cardListType4 article{
    flex-grow: 1;
    flex-basis: 0;
    min-width: 380px;
    max-width: 450px;
    position: relative;
    height: 450px;
    transition: 0.5s;
    opacity: 0;
    margin: auto;
}
.cardListType4 article:hover img{
    filter: grayscale(100%);
}
.cardListType4 article:hover div:nth-of-type(2){
    max-height: 322px;
}
.cardListType4 article:hover span{
    top: 0px;
}
.cardListType4 article:hover div:nth-of-type(1){
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    border-radius: 0px;
    opacity: 0.4;
    background-size: calc(100% - 70px);
}
.cardListType4 article img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: 0.5s;
}
.cardListType4 article>div:nth-of-type(2){
    position: absolute;
    bottom: 50px;
    left: 0px;
    padding: 50px 35px 0px;
    background-color: #2e309294;
    max-height: 162px;
    height: 100%;
    overflow: hidden;
    transition: 0.5s;
    width: 100%;
}
.cardListType4 article div:nth-of-type(2) *{
    color: white;
}
.cardListType4 article span{
    position: relative;
    top: 196px;
    left: 0px;
    padding: 10px 20px;
    margin-left: 35px;
    background-color: white;
    transition: 0.5s;
    min-width: 180px;
    display: block;
    width: fit-content;
}
.cardListType4 article span *{
    color: var(--themeBlack);
}
.cardListType4 article span p:nth-of-type(1){
    margin-bottom: 5px;
    font-weight: bold;
}
.cardListType4 article div p{
    line-height: 150%;
    margin-top: 10px;
}
.cardListType4 article div:nth-of-type(3){
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 50px;
    width: 100%;
    background-color: #2e309294;
}
.cardListType4 article:nth-of-type(odd){
    transform: translateX(-300px);
}
.cardListType4 article:nth-of-type(even){
    transform: translateX(300px);
}
.cardListType4 article div:nth-of-type(4){
    position: absolute;
    top: -26px;
    right: 0px;
}
.cardListType4 article div:nth-of-type(1){
    background-color: var(--themeDarkYellow);
    border-radius: 100%;
    width: 72px;
    height: 72px;
    position: absolute;
    top: -36px;
    left: 36px;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.5s;
}
.In-BoundIcon{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='white' viewBox='0 0 16 16'%3e%3cpath d='M16 7a1 1 0 0 1-1 1v3.5c0 .818-.393 1.544-1 2v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5V14H5v1.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2a2.496 2.496 0 0 1-1-2V8a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1V2.64C1 1.452 1.845.408 3.064.268A43.608 43.608 0 0 1 8 0c2.1 0 3.792.136 4.936.268C14.155.408 15 1.452 15 2.64V4a1 1 0 0 1 1 1v2ZM3.552 3.22A43.306 43.306 0 0 1 8 3c1.837 0 3.353.107 4.448.22a.5.5 0 0 0 .104-.994A44.304 44.304 0 0 0 8 2c-1.876 0-3.426.109-4.552.226a.5.5 0 1 0 .104.994ZM8 4c-1.876 0-3.426.109-4.552.226A.5.5 0 0 0 3 4.723v3.554a.5.5 0 0 0 .448.497C4.574 8.891 6.124 9 8 9c1.876 0 3.426-.109 4.552-.226A.5.5 0 0 0 13 8.277V4.723a.5.5 0 0 0-.448-.497A44.304 44.304 0 0 0 8 4Zm-3 7a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm8 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm-7 0a1 1 0 0 0 1 1h2a1 1 0 1 0 0-2H7a1 1 0 0 0-1 1Z'%3e%3c/path%3e%3c/svg%3e");
}
.Out-BoundIcon{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='white' viewBox='0 0 16 16'%3e%3cpath d='M6.428 1.151C6.708.591 7.213 0 8 0s1.292.592 1.572 1.151C9.861 1.73 10 2.431 10 3v3.691l5.17 2.585a1.5 1.5 0 0 1 .83 1.342V12a.5.5 0 0 1-.582.493l-5.507-.918-.375 2.253 1.318 1.318A.5.5 0 0 1 10.5 16h-5a.5.5 0 0 1-.354-.854l1.319-1.318-.376-2.253-5.507.918A.5.5 0 0 1 0 12v-1.382a1.5 1.5 0 0 1 .83-1.342L6 6.691V3c0-.568.14-1.271.428-1.849Zm.894.448C7.111 2.02 7 2.569 7 3v4a.5.5 0 0 1-.276.447l-5.448 2.724a.5.5 0 0 0-.276.447v.792l5.418-.903a.5.5 0 0 1 .575.41l.5 3a.5.5 0 0 1-.14.437L6.708 15h2.586l-.647-.646a.5.5 0 0 1-.14-.436l.5-3a.5.5 0 0 1 .576-.411L15 11.41v-.792a.5.5 0 0 0-.276-.447L9.276 7.447A.5.5 0 0 1 9 7V3c0-.432-.11-.979-.322-1.401C8.458 1.159 8.213 1 8 1c-.213 0-.458.158-.678.599Z'%3e%3c/path%3e%3c/svg%3e");
}
.EventsIcon{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='white' viewBox='0 0 16 16'%3e%3cpath d='M11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z'%3e%3c/path%3e%3cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z'%3e%3c/path%3e%3cpath d='M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z'%3e%3c/path%3e%3c/svg%3e");
}
.AccommodationIcon{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='white' viewBox='0 0 16 16'%3e%3cpath d='M14.763.075A.5.5 0 0 1 15 .5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V14h-1v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10a.5.5 0 0 1 .342-.474L6 7.64V4.5a.5.5 0 0 1 .276-.447l8-4a.5.5 0 0 1 .487.022ZM6 8.694 1 10.36V15h5V8.694ZM7 15h2v-1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V15h2V1.309l-7 3.5V15Z'%3e%3c/path%3e%3cpath d='M2 11h1v1H2v-1Zm2 0h1v1H4v-1Zm-2 2h1v1H2v-1Zm2 0h1v1H4v-1Zm4-4h1v1H8V9Zm2 0h1v1h-1V9Zm-2 2h1v1H8v-1Zm2 0h1v1h-1v-1Zm2-2h1v1h-1V9Zm0 2h1v1h-1v-1ZM8 7h1v1H8V7Zm2 0h1v1h-1V7Zm2 0h1v1h-1V7ZM8 5h1v1H8V5Zm2 0h1v1h-1V5Zm2 0h1v1h-1V5Zm0-2h1v1h-1V3Z'%3e%3c/path%3e%3c/svg%3e");
}
.TransportIcon{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='white' viewBox='0 0 16 16'%3e%3cpath d='M2.52 3.515A2.5 2.5 0 0 1 4.82 2h6.362c1 0 1.904.596 2.298 1.515l.792 1.848c.075.175.21.319.38.404.5.25.855.715.965 1.262l.335 1.679c.033.161.049.325.049.49v.413c0 .814-.39 1.543-1 1.997V13.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.338c-1.292.048-2.745.088-4 .088s-2.708-.04-4-.088V13.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.892c-.61-.454-1-1.183-1-1.997v-.413a2.5 2.5 0 0 1 .049-.49l.335-1.68c.11-.546.465-1.012.964-1.261a.807.807 0 0 0 .381-.404l.792-1.848ZM3 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm10 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM6 8a1 1 0 0 0 0 2h4a1 1 0 1 0 0-2H6ZM2.906 5.189a.51.51 0 0 0 .497.731c.91-.073 3.35-.17 4.597-.17 1.247 0 3.688.097 4.597.17a.51.51 0 0 0 .497-.731l-.956-1.913A.5.5 0 0 0 11.691 3H4.309a.5.5 0 0 0-.447.276L2.906 5.19Z'%3e%3c/path%3e%3c/svg%3e");
}
.GuidesIcon{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='white' viewBox='0 0 16 16'%3e%3cpath d='M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'%3e%3c/path%3e%3cpath d='m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z'%3e%3c/path%3e%3c/svg%3e");
}
.NotSelectedIcon{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='white' viewBox='0 0 16 16'%3e%3cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3e%3cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3e%3c/svg%3e");
}

/* contact */
#contactFormMainSection{
    padding: 100px 0px;
    overflow: hidden;
}
#contactFormMainSection .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}
#contactFormMainSection>div>*{
    flex-grow: 1;
    flex-basis: 0;
}
#contactFormMainSection>div>div{
    max-width: 400px;
    min-width: 250px;
    margin: auto;
    transform: translateX(-300px);
    transition: 0.5s;
    opacity: 0;
}
#contactFormMainSection>div>div>div:nth-of-type(1) img{
    height: 100px;
}
#contactFormMainSection>div>div>div:nth-of-type(1) p{
    line-height: 150%;
    margin: 20px 0px;
    color: var(--gray);
}
#contactFormMainSection>div>div>div:nth-of-type(2) a{
    color: var(--gray);
    display: block;
    white-space: normal;
    margin: 8px 0px;
    transition: 0.2s;
}
#contactFormMainSection>div>div>div:nth-of-type(2) a:hover{
    color: var(--themeDarkYellow);
}
#contactFormMainSection>div>div>div:nth-of-type(2) a svg{
    fill: var(--themeDarkYellow);
}
#contactFormMainSection>div>div>div:nth-of-type(2) div a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    border: 2px solid var(--themeDarkYellow);
    width: 30px;
    height: 30px;
    margin-right: 10px;
    transition: 0.2s;
}
#contactFormMainSection>div>div>div:nth-of-type(2) div a:hover{
    background-color: var(--themeDarkYellow);
}
#contactFormMainSection>div>div>div:nth-of-type(2) div svg{
    fill: var(--gray);
    transition: 0.2s;
}
#contactFormMainSection>div>div>div:nth-of-type(2) div a:hover svg{
    fill: var(--themeBlue);
}
#contactFormMainSection form{
    transform: translateX(300px);
    transition: 0.5s;
    opacity: 0;
}
#locationMap iframe{
    border: none;
    margin-bottom: -5px;
    transition: 0.5s;
    filter: grayscale(100%);
}
#locationMap iframe:hover{
    filter: none;
}

/* galleryImagesList */
#galleryImagesList{
    padding: 100px 0px;
    overflow: hidden;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
#galleryImagesList>span{
    margin-bottom: 30px;
    display: block;
    text-align: center;
}
#galleryImagesList>span>button{
    display: inline-block;
    margin: 5px;
}
#galleryImagesList>span>button span{
    display: none;
}
#galleryImagesList .gallerySelected{
    background-color: var(--themeDarkYellow);
}
#galleryImagesList h2{
    margin-bottom: 30px;
}
#galleryImagesList div>article{
    position: relative;
    overflow: hidden;
    transition: 0.5s;
    opacity: 0;
}
#galleryImagesList div>article:hover{
    scale: 120%;
    z-index: 5;
}
#galleryImagesList div article:hover img{
    filter: brightness(50%);
}
#galleryImagesList div article h3{
    position: absolute;
    bottom: 20px;
    left: 0px;
    padding: 5px 5px 5px 20px;
    width: fit-content;
    min-width: 220px;
    color: white;
    background-color: var(--themeDarkYellow);
}
#galleryImagesList div article>span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0px;
    opacity: 0;
    transition: 0.5s;
}
#galleryImagesList div article:hover>span{
    opacity: 1;
}
#galleryImagesList>div>article img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    transition: 0.5s;
}
#galleryImagesList>div{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 30px;
}
#galleryImagesList>div>article:nth-of-type(7n - 6){
    grid-column-start: 1;
    grid-column-end: 3;
    height: 500px;
    transform: translateX(-300px);
}
#galleryImagesList>div>article:nth-of-type(7n - 5){
    grid-column-start: 3;
    grid-column-end: 5;
    height: 500px;
    transform: translateY(300px);
}
#galleryImagesList>div>article:nth-of-type(7n - 4){
    grid-column-start: 5;
    grid-column-end: 7;
    height: 500px;
    transform: translateX(300px);
}
#galleryImagesList>div>article:nth-of-type(7n - 3){
    grid-column-start: 1;
    grid-column-end: 4;
    height: 400px;
    transform: translateX(-300px);
}
#galleryImagesList>div>article:nth-of-type(7n - 2){
    grid-column-start: 4;
    grid-column-end: 7;
    height: 400px;
    transform: translateX(300px);
}
#galleryImagesList>div>article:nth-of-type(7n - 1){
    grid-column-start: 1;
    grid-column-end: 3;
    height: 450px;
    transform: translateX(-300px);
}
#galleryImagesList>div>article:nth-of-type(7n){
    grid-column-start: 3;
    grid-column-end: 7;
    height: 450px;
    transform: translateX(300px);
}



/* serviceOrSearchPageServiceSelector */
#serviceOrSearchPageServiceSelector{
    padding: 100px 0px;
    background-color: #F3F6F9;
    overflow: hidden;
}
#serviceOrSearchPageServiceSelector>div{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 50px;
    flex-wrap: wrap;
}
#servicePageServiceSelector{
    max-width: 400px;
    opacity: 0;
    transform: scale(50%);
    transition: 0.5s;
}
#servicePageServiceSelector #serviceDetailsForm{
    background: none;
    height: 100%;
}
#servicePageServiceSelector #servicesTabSelector span{
    max-height: 40px;
}
#serviceOrSearchPageServiceSelector #packagesSection{
    padding: 0px;
    overflow: unset;
    max-width: calc(100% - 450px);
}
#serviceOrSearchPageServiceSelector #packagesSection>h2{
    text-align: center;
    margin-bottom: 30px;
}
#serviceOrSearchPageServiceSelector #packagesSection article{
    flex: none;
    width: 100%;
}
#serviceOrSearchPageServiceSelector #packagesSection article>span:nth-of-type(1){
    max-width: 250px;
}
#serviceOrSearchPageServiceSelector #packagesSection>span{
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 50px;
}
#serviceOrSearchPageServiceSelector #packagesSection>span>*{
    display: inline-block;
    width: 250px;
    margin: 5px 10px;
}
#serviceOrSearchPageServiceSelector #serviceDetailsForm label{
    color: var(--themeBlack);
}
#serviceOrSearchPageServiceSelector #serviceDetailsForm form>span{
    margin-bottom: 10px;
}
#serviceOrSearchPageServiceSelector #serviceDetailsForm{
    padding: 40px 1px 100px;
}

/* serviceOrSearchPageServiceSelector searchPage */
#serviceOrSearchPageServiceSelector.searchPage, #serviceOrSearchPageServiceSelector.searchPage #packagesSection{
    background-color: white;
}
#serviceOrSearchPageServiceSelector.searchPage #serviceDetailsForm input, #serviceOrSearchPageServiceSelector.searchPage #serviceDetailsForm select, #serviceOrSearchPageServiceSelector.searchPage #serviceDetailsForm textarea{
    outline: 1px solid var(--themeDarkYellow);
}
#serviceOrSearchPageServiceSelector.searchPage #serviceDetailsForm input:focus, #serviceOrSearchPageServiceSelector.searchPage #serviceDetailsForm select:focus, #serviceOrSearchPageServiceSelector.searchPage #serviceDetailsForm textarea:focus{
    outline: 1px solid var(--themeBlue);
}
#serviceOrSearchPageServiceSelector.searchPage #serviceDetailsForm{
    padding: 40px 1px 0px;
}


/* view */
#viewDetailsPage{
    padding-top: 100px;
}
#viewDetailsPage div.container{
    display: flex;
    justify-content: space-between;
    column-gap: 30px;
    align-items: stretch;
    flex-wrap: wrap;
    background-color: #F3F6F9;
}
#viewDetailsPage div.container>span{
    flex-grow: 1;
    flex-basis: 0;
}
#viewImages{
    position: relative;
    user-select: none;
    aspect-ratio: 1/1;
    min-height: 400px;
    overflow: hidden;
}
#viewImages img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: 0.5s;
}
#viewImages img:hover{
    transform: scale(120%);
}
#viewImages img:nth-of-type(2), #viewImages img:nth-of-type(3), #viewImages img:nth-of-type(4), #viewImages img:nth-of-type(5){
    display: none;
}
#viewImages>svg{
    z-index: 3;
    position: absolute;
    background-color: var(--themeLightYellow);
    transition: 0.5s;
    cursor: pointer;
    padding: 10px;
    border-radius: 3px;
    fill: white;
    left: 0px;
    top: 50%;
    box-sizing: content-box;
    transform: translateY(-50%);
    box-shadow: 0px 0px 5px white;
}
#viewImages>svg path{
    stroke: white;
    stroke-width: 2px;
}
#viewImages>svg:hover{
    background-color: var(--themeDarkYellow);
}
#viewImages>svg:nth-of-type(2){
    right: 0px;
    left: unset;
}
#viewImages .starsList{
    position: absolute;
    top: 10px;
    right: 10px;
}
#viewDetailsPage>div>span:nth-of-type(2){
    padding: 40px 10px;
}
#viewDetailsPage>div>span:nth-of-type(2) div h3{
    color: var(--themeDarkYellow);
    display: inline-block;
}
#viewDetailsPage>div>span:nth-of-type(2) div:nth-last-of-type(1){
    text-align: center;
    margin: 10px 0px 15px;
}
#viewDetailsPage>div>span:nth-of-type(2) div:nth-last-of-type(1) button{
    margin: 7px;
    display: inline-block;
}
#viewDetailsPage ul{
    list-style-type: circle;
    margin-left: 20px;
}
#viewDetailsPage ul li{
    line-height: 150%;
}
#viewDetailsPage>div>span:nth-of-type(2) div:nth-of-type(1){
    margin-bottom: 20px;
}
#viewDetailsPage>div>span:nth-of-type(2) div:nth-of-type(1) span{
    margin-right: 5px;
}
#viewDetailsPage>div>span:nth-of-type(2) h2{
    text-transform: unset;
}
#viewDetailsPage>div>span:nth-of-type(2) p{
    line-height: 130%;
    color: var(--gray);
}


/* whySriLanka */
#whySriLanka{
    overflow: hidden;
    background-color: #F3F6F9;
    padding-bottom: 100px;
}
.grayBg{
    background-color: #F3F6F9;
}
#whySriLanka div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}
#whySriLanka>div>*{
    flex-grow: 1;
    flex-basis: 0;
}
#whySriLanka div p{
    margin: 20px 0px 30px;
    color: var(--gray);
    line-height: 150%;
}
#whySriLanka img{
    max-width: 760px;
    min-width: 260px;
    transform: translateX(-300px);
    opacity: 0;
    transition: 0.5s;
}
#whySriLanka div>span{
    max-width: 400px;
    min-width: 260px;
    transform: translateX(300px);
    opacity: 0;
    transition: 0.5s;
}

/* thingsToWatchInSriLanka */
#thingsToWatchInSriLanka{
    text-align: center;
    padding: 100px 0px;
    overflow: hidden;
}
#thingsToWatchInSriLanka i h3{
    font-weight: normal;
    color: var(--gray);
}
#thingsToWatchInSriLanka>div>i{
    margin: 10px auto 30px;
    display: block;
    max-width: 900px;
}
#thingsToWatchInSriLanka>div>div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 30px;
}
#thingsToWatchInSriLanka>div>div>span{
    max-width: 500px;
    min-width: 220px;
    flex-grow: 1;
    flex-basis: 0;
    opacity: 0;
    transition: 0.5s;
}
#thingsToWatchInSriLanka img{
    width: 100%;
    object-fit: cover;
    max-width: 500px;
    min-width: 200px;
    aspect-ratio: 6/5;
    transition: 0.5s;
}
#thingsToWatchInSriLanka span:nth-of-type(4n - 3){
    transform: translateX(-300px);
}
#thingsToWatchInSriLanka span:nth-of-type(4n - 2){
    transform: scale(50%);
}
#thingsToWatchInSriLanka span:nth-of-type(4n - 1){
    transform: scale(50%);
}
#thingsToWatchInSriLanka span:nth-of-type(4n){
    transform: translateX(300px);
}
#thingsToWatchInSriLanka span:hover{
    scale: 125%;
}
#thingsToWatchInSriLanka span:hover img{
    border-radius: 20px;
}
#thingsToWatchInSriLanka span p{
    text-shadow: 0px 0px 3px white;
    transition: 0.5s;
    font-weight: bold;
}
#thingsToWatchInSriLanka span:hover p{
    transform: translateY(calc(-100% - 50px));
    text-shadow: 0px 0px 3px black;
    color: white;
}

/* seasonBasedActivities */
#seasonBasedActivities{
    text-align: center;
    padding: 100px 0px 70px;
    overflow: hidden;
}
#seasonBasedActivities i h3{
    font-weight: normal;
    color: var(--gray);
    margin-top: 10px;
}
#seasonBasedActivities>div>div{
    margin-top: 30px;
}
#seasonBasedActivities article{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}
#seasonBasedActivities article:nth-of-type(even){
    flex-direction: row-reverse;
    background-color: #F3F6F9;
    transform: translateX(300px);
    opacity: 0;
}
#seasonBasedActivities article:nth-of-type(odd){
    transform: translateX(-300px);
    opacity: 0;
}
#seasonBasedActivities img{
    width: 100%;
    max-width: 500px;
    aspect-ratio: 5/4;
    object-fit: cover;
    transition: 0.5s;
    margin: auto;
}
#seasonBasedActivities img, #seasonBasedActivities article>span{
    flex-grow: 1;
    flex-basis: 0;
    min-width: 250px;
    z-index: 2;
}
#seasonBasedActivities article>span{
    text-align: left;
    padding: 20px;
}
#seasonBasedActivities article p{
    margin-top: 20px;
}
#seasonBasedActivities article p:nth-of-type(2){
    color: var(--gray);
    margin: 10px 0px 20px;
}
#seasonBasedActivities article>div{
    width: 0px;
    height: 100%;
    background-color: #F3F6F9;
    position: absolute;
    z-index: 1;
}
#seasonBasedActivities article>div{
    width: 0px;
    height: 100%;
    background-color: #F3F6F9;
    position: absolute;
    z-index: 1;
    transition: 0.5s;
}
#seasonBasedActivities article:hover>div{
    width: 100%;
}
#seasonBasedActivities article:hover img{
    transform: scale(80%);
}





/* media queries */
/* > 599 */
@media screen and (min-width: 601px) {
    #serviceOrSearchPageServiceSelector #customerDetails{
        position: static;
        transform: none;
        box-shadow: none;
        margin: 10px 0px 0px;
        width: 100%;
        background-color: transparent;
        padding: 0px 1px;
    }
    #serviceOrSearchPageServiceSelector #customerDetails input, #serviceOrSearchPageServiceSelector #customerDetails select, #serviceOrSearchPageServiceSelector #customerDetails textarea{
        outline: none;
    }
    #serviceOrSearchPageServiceSelector #customerDetails input:focus, #serviceOrSearchPageServiceSelector #customerDetails select:focus, #serviceOrSearchPageServiceSelector #customerDetails textarea:focus{
        outline: 1px solid var(--themeBlue);
    }
    #serviceOrSearchPageServiceSelector #yourName, #serviceOrSearchPageServiceSelector #contactNumber, #serviceOrSearchPageServiceSelector #emailAddress, #serviceOrSearchPageServiceSelector #stateOrProvince{
        min-width: 200px;
    }
    #serviceOrSearchPageServiceSelector #servicesTabSelector{
        border-top-left-radius: 60px;
        border-top-right-radius: 60px
    }
}
/* > 381 */
@media screen and (min-width: 381px) {
    #serviceOrSearchPageServiceSelector.searchPage, #viewDetailsPage, #whySriLanka{
        padding-top: 120px;
    }
}
/* < 1500 */
@media screen and (max-width: 1500px) {
    #pageBanner{
        animation: pageBannerRightToLeft 10s infinite;
    }
    #galleryImagesList>div>article{
        grid-column-start: 1;
        grid-column-end: 2;
        max-height: 400px;
    }
}
/* < 1240 */
@media screen and (max-width: 1240px) {
    .cardListType4 article div:nth-of-type(2){
        max-height: 172px;
    }
    .cardListType4 article:hover div:nth-of-type(2){
        max-height: 310px;
    }
    .cardListType4 article{
        min-width: 320px;
    }
    #servicePageServiceSelector #servicesTabSelector{
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
    }
    #servicePageServiceSelector{
        max-width: 230px;
    }
    #serviceOrSearchPageServiceSelector #packagesSection{
        max-width: calc(100% - 280px);
    }
    #serviceOrSearchPageServiceSelector #serviceDetailsForm form>span:nth-of-type(1){
        min-width: 200px;
    }
    #serviceOrSearchPageServiceSelector #packagesSection article>span:nth-of-type(1){
        max-width: none;
    }
}
/* < 800 */
@media screen and (max-width: 800px) {
    #galleryImagesList>span>button{
        margin: 3px 2px;
    }
    #galleryImagesList>div{
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    #galleryImagesList>div>article:nth-of-type(3n - 2){
        grid-column-start: 1;
        grid-column-end: 2;
        max-height: 350px;
    }
    #galleryImagesList>div>article:nth-of-type(3n - 1){
        grid-column-start: 2;
        grid-column-end: 3;
        max-height: 350px;
    }
    #galleryImagesList>div>article:nth-of-type(3n){
        grid-column-start: 1;
        grid-column-end: 3;
        max-height: 300px;
    }
    .mediumSizeText{
        font-size: 26px;
    }
    #servicesList .cardListType1 article{
        min-width: 260px;
    }
    #viewDetailsPage .container>span{
        min-width: 100%;
    }
    .cardListType4 article{
        min-width: 280px;
    }
    #thingsToWatchInSriLanka>div>div{
        gap: 20px;
    }
}
/* < 600 */
@media screen and (max-width: 600px) {
    #serviceOrSearchPageServiceSelector>div{
        display: block;
    }
    #serviceOrSearchPageServiceSelector #packagesSection{
        max-width: unset;
    }
    #servicesTabSelector span{
        padding: 25px 15px;
    }
    #serviceOrSearchPageServiceSelector.searchPage #servicesTabSelector{
        margin-top: 100px;
    }
    .cardListType4 article{
        min-width: 260px;
    }
    #galleryImagesList>div{
        gap: 10px;
    }
    #seasonBasedActivities article>span{
        text-align: left;
        padding: 20px 10px;
    }
}
/* < 500 */
@media screen and (max-width: 500px) {
    #galleryImagesList>div>article:nth-of-type(3n - 2){
        grid-column-start: 1;
        grid-column-end: 2;
        max-height: 250px;
    }
    #galleryImagesList>div>article:nth-of-type(3n - 1){
        grid-column-start: 2;
        grid-column-end: 3;
        max-height: 250px;
    }
}
/* < 380 */
@media screen and (max-width: 380px) {
    .cardListType4 article div:nth-of-type(2){
        max-height: 186px;
    }
    .cardListType4 article:hover div:nth-of-type(2){
        max-height: 312px;
    }
    .cardListType4 article{
        min-width: 240px;
    }
}
/* < 340 */
@media screen and (max-width: 340px) {
    #galleryImagesList>div{
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }
    #galleryImagesList>div article{
        flex-grow: 1;
    }
    #galleryImagesList>div article:nth-of-type(3n - 2){
        max-height: 400px;
    }
    #galleryImagesList>div article:nth-of-type(3n - 1){
        max-height: 300px;
    }
    #galleryImagesList>div article:nth-of-type(3n){
        max-height: 350px;
    }
    .mediumSizeText{
        font-size: 24px;
    }
    .sriLankaTour{
        padding-left: 10px;
    }
}

/* share buttons */
#shareButton{
    display: block;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    width: 45px;
    height: 247px;
    background-color: white;
    z-index: 8;
}
#shareButton div{
    width: 45px;
    height: 45px;
    position: relative;
    transition: 0.5s;
}
#shareButton div:hover{
    width: 90px;
    height: 45px;
    position: relative;
    cursor: pointer;
    padding: 0px 22px;
}
#shareButton div:last-child:hover{
    width: 45px;
    padding: 0px 0px;
    cursor: auto;
}
#shareButton div svg{
    fill: white;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#shareButtonMain{
    display: none;
}
#shareButtonText h6{
    font-weight: 400;
    text-align: center;
}
/* share buttons properties when screen size < 1310 */
@media only screen and (max-width: 1310px){
    #shareButton{
        top: 0px;
        width: 0px;
        height: 0px;
        transform: none;
    }
    #shareButton div{
        position: fixed;
        left: 10px;
        bottom: 10px;
        width: 50px;
        height: 50px;
        transition: 0.5s;
        border-radius: 100%;
        z-index: 1;
    }
    #shareButton div:hover{
        transform: rotate(360deg);
        width: 50px;
        height: 50px;
        position: fixed;
        padding: 0px 0px;
    }
    #shareButton div svg{
        width: 20px;
        height: 20px;
    }
    #shareButtonText{
        display: none;
    }
    #shareButtonMain{
        display: block;
        z-index: 2;
    }
}
/* icon colors */
.facebook{
    background-color: #3b5998;
}
.whatsapp{
    background-color: #25D366;
}
.telegram{
    background-color: #0088CC;
}
.twitter{
    background-color: #00acee;
}
.email{
    background-color: #c83116;
}
.share{
    background-color: var(--themeBlue);
}