/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap');
* {
    margin: 0;
    padding: 0;
}
:root{
    --primary-color:#fca311;
    --secondary-color:#14213d;
    --third-color:#e5e5e5;
}
html {
    scroll-behavior: smooth;
    scroll-padding: 0.2rem;
}
body {
    background-color: rgb(255, 255, 255);
    font-family: 'Merriweather', serif;
    overflow-x:hidden;
}
/* for all ul li a property*/
ul li a {
    position: relative;
    text-decoration: none;
    color: white;
}
/* for all ul li a property*/
div.navigation-inside{
    position: absolute;
    z-index: 999;
    background: rgba(255, 255, 255, .1);
    -webkit-box-shadow: 0 25px 25px rgba(0,0,0,.2);
            box-shadow: 0 25px 25px rgba(0,0,0,.2);
    border: 2px solid rgba(255,255,255, .5);
    border-right: 2px solid rgba(255,255,255,.2);
    border-bottom: 2px solid rgba(255,255,255,.2);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
div#navigation-div{
    position:relative;
    width: 100%;
}
ul li.phone a:hover {
    color:var(--primary-color);
    cursor: pointer;
    -webkit-transition: all ease .1s;
    -o-transition: all ease .1s;
    transition: all ease .1s;
}
.media,
.fab {
 color: black;
font-size: 1.8vw;
}
.media:hover,
.last:hover,
.fab:hover,
div.withphone p a:hover,
div.inner2 span.inside a:hover{
    color:var(--primary-color);
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

div.coverus {
    width: 100vw;
    height:60vw;
    background-color: rgba(0, 0, 0, 0.495);
    z-index: 1;
    position: absolute;
}
div.swiper-wrapper {
    position: relative;
}
/* nav starts */
img#outing {
    width: 16vw;
    margin-left: 7vw;
}
div ul#navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    list-style: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-column-gap: 3vw;
       -moz-column-gap: 3vw;
            column-gap: 3vw;
    margin-right: 2%;
}
.hamburger{
    display:none;
    cursor: pointer;
    margin-left: 68vw;
    margin-top: 5vw;
}
.bar{
    display: block;
    width: 28px;
    height: 4px;
    margin: 8px auto;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: white;
}
ul li.about a.about {
    font-size: 1vw;
}
li.about.contact a{
    background-color:var(--primary-color);
    padding: 1vw 1.3vw;
    border-radius: 0.3vw;
  }
ul#navigation li.about{
    margin-top: 3vw;
  }
.home {
    margin-left: -0.3vw;
    margin-right: 0.2vw;
}
ul#navigation li a.about.contact:hover,
.swiper-slide .toptext .signout:hover,
.swiper-slide .toptext2 .signout:hover,
.swiper-slide .toptext3 .signout:hover,
.swiper-slide .toptext4 .signout:hover,
.swiper .swiper-button-prev:hover,
.swiper .swiper-button-next:hover,
div.imagesinside a.follow:hover,
div.firstpackage a.viewdetails:hover,
.contact-for-group:hover
 {
    background-color:white;
    -webkit-transition: linear .3s;
    -o-transition: linear .3s;
    transition: linear .3s;
    color: var(--primary-color);
}
/* nav ends */
.container {
    width: 100%;
    height: 59vw;
}
.swiper {
    width: 100%;
    height:59vw;
}
.swiper-slide img {
    width: 100%;
    height: 59vw;
    background-position: center;
    z-index: -5;
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
    color: white;
    background-color:var(--primary-color);
    padding: 0.5vw 0.4vw;
    border-radius: 0.7vw;
    border: 0.5px solid white;
    z-index: 5;
}
.swiper .swiper-pagination-bullet-active {
    background:var(--primary-color);
}
.swiper-slide {
    position: relative;
}
.swiper-slide .toptext,
.swiper-slide .toptext2,
.swiper-slide .toptext3,
.swiper-slide .toptext4 {
    color: #ffffff;
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
}
.swiper-wrapper .swiper-slide:hover {
    cursor: -webkit-grab;
    cursor: grab;
}
.swiper-wrapper .swiper-slide:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.swiper-slide .toptext p {
font-size: 1.5vw;
text-align: center;
margin-top: 2vw;
z-index: 5;
}
.swiper-slide .toptext h1,
.swiper-slide .toptext2 h1,
.swiper-slide .toptext3 h1,
.swiper-slide .toptext4 h1 {
    word-spacing: 0.4vw;
    font-size: 4vw;
    width: 80vw;
    z-index: 5;
}
.swiper-slide .toptext .signout {
    display: inline-block;
    text-decoration: none;
    color: rgb(255, 255, 255);
    margin-top: 5vw;
    background-color: var(--primary-color);
    font-size: 1.5vw;
    padding: 0.7vw 0.5vw;
    border-radius: 4px;
    z-index: 5;
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
    list-style: none;
}
.swiper-slide .toptext2 .signout,
.swiper-slide .toptext3 .signout,
.swiper-slide .toptext4 .signout{
    display: inline-block;
    text-decoration: none;
    color: rgb(255, 255, 255);
    margin-top: 10vw;
    background-color:var(--primary-color);
    font-size: 1.5vw;
    padding: 0.7vw 0.5vw;
    border-radius: 4px;
    z-index: 5;
}
.whyus {
margin-top: 5vw;
width: 84%;
margin-left: 8.4vw;
}
p.manage{
    font-size: 1.2vw;
    word-spacing: 0.5vw;
    font-family: 'Rubik', sans-serif;
    color: #7a7a7a;
    line-height: 2.1vw;
}
div.content {
    width: 55%;
}
div.whyus img{
    float: right;
    width: 40%;
     border-radius: 21%;
    -webkit-box-shadow: 1vw 1vw .5vw var(--secondary-color);
            box-shadow: 1vw 1vw .5vw var(--secondary-color);
    -webkit-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s;
}
h2.manage.second {
    font-size: 2vw;
    line-height: 3vw;
    width: 42vw;
    margin-bottom: 1vw;
}
section.middle div  h2.manage.second span {
    background: url(clipp.png);
    background-size: cover;
    background-position: center;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 4.2vw;
    line-height: 8vw;
}
.whyus2 {
    background-color: white;
    margin-top: 6vw;
    width: 84%;
    margin-left: 8.4vw;
    }
.whyus2 img {
    margin-right: 6vw;
    margin-bottom: 1vw;
    float:left;
    width: 40%;
    border-radius: 21%;
    -webkit-box-shadow: 1vw 1vw .5vw var(--secondary-color);
            box-shadow: 1vw 1vw .5vw var(--secondary-color);
    -webkit-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s;
}
.whyus img:hover,.whyus2 img:hover {
    scale: 1.1;
    -webkit-box-shadow: -1vw 1vw .5vw var(--primary-color);
            box-shadow: -1vw 1vw .5vw var(--primary-color);
}
.swiper-wrapper .swiper-slide {
    overflow: hidden;
}
.swiper-wrapper .swiper-slide .opera {
    -webkit-animation: zooming 17s linear infinite;
            animation: zooming 17s linear infinite;
}
@-webkit-keyframes zooming {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    60% {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}
@keyframes zooming {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    60% {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}
div.slide-image {
    overflow: hidden;
    height: 11.1vw;
    width: 16vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-perspective: 100vw;
            perspective: 100vw;
}
div.slide-image img {
    width: 15.6vw;
    -webkit-transition: all ease-out 1s;
    -o-transition: all ease-out 1s;
    transition: all ease-out 1s;
    border-radius: .5vw;
}
.container2 {
    margin-top: 7vw;
    position: relative;
    width: 100vw;
    overflow: hidden;
   }
.slide-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(16vw * 18);
    -webkit-animation: scroll 20s linear infinite;
            animation: scroll 20s linear infinite;
    background-color: var(--primary-color);
    margin-left: 18vw;
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(-16vw * 7));
                transform: translateX(calc(-16vw * 7));
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(-16vw * 7));
                transform: translateX(calc(-16vw * 7));
    }
}
 div.slide-image img:hover {
    scale: 1.1;
    margin-left: -0.8vw;
}
div.imagesinside {
    position: absolute;
    left: 0vw;
    top: 0vw;
    height: 10vw;
    z-index: 1;
    width: 18%;
    line-height: 1vw;
    text-align: center;
    padding-top: 2%;
    background-color:var(--secondary-color);
}
div.imagesinside h3 {
    font-size: 1.8vw;
    margin-bottom: 2vw;
    color: var(--primary-color);
}
.false {
    padding: .5vw;
}
div.imagesinside a.follow {
    font-size: 1.3vw;
    text-decoration: none;
    display: inline-block;
    color: rgb(255, 255, 255);
    border-radius: .5vw;   
}
/* scrolling section ends */
.outsidebox {
    border: 1px solid var(--primary-color);
    border-radius: 14px;
    padding-bottom: 1vw;
    width: 98vw;
    margin-left: 0.5vw;
}
section.reviews div h2 {
    display: block;
    position: relative;
    text-align: center;
    font-size: 3vw;
    margin-top: 3vw;
    margin-bottom: 9vw;
}
section.reviews div h2::after {
    content: '';
    height: 0.2vw;
    width: 8%;
    background: var(--primary-color);
    position: absolute;
    left: 44vw;
    bottom: -2vw;
}
div.reviewsflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 3vw;
}
.client-feedback{
    height: 16vw;
}
div.reviewsflex .client {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 22vw;
    padding-bottom: 1vw;
    margin-bottom: 2vw;
    border-radius: 1vw;
    line-height: 1.7vw;
    -webkit-box-shadow: 1vw 0vw 1vw, -1vw 1vw 1vw;
            box-shadow: 1vw 0vw 1vw, -1vw 1vw 1vw;
    background-color: #fff;
    padding: .5vw;
    color: #7a7a7a;
    font-family: 'Rubik', sans-serif;
    font-size: 1.2vw;
}
span#star {
    display: block;
    text-align: center;
}
.star {
    color: orange;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
}
div.reviewsflex .client h3,
div.reviewsflex .client span {
    font-family: 'Merriweather', serif;
    color: black;
    font-size: 1.1vw;
}
div.client-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1vw;
}
div.client img {
    width: 6vw;
    border-radius: 100%;
    position: relative;
}
/*contact us and maps */
div.map-form{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; 
    row-gap: 20vw;   
}
div.contactheader {
    position: relative;
    text-align: center;
    font-size: 2vw;
    margin-top: 5vw;
    margin-bottom: 12vw;
    text-transform: capitalize;
}
div.contactheader h2{
    width: 64%;
    display: inline-block;
}
div.contactheader::after {
    content: "";
    height: 0.3vw;
    width: 12%;
    background: var(--primary-color);
    position: absolute;
    left: 44vw;
    bottom: -4vw;
}
div.contactus {
    text-align: center;
    width: 40vw;
    border-radius: 1.6vw;
    -webkit-box-shadow: 1vw 1vw 2vw, -1vw 0vw 2vw;
            box-shadow: 1vw 1vw 2vw, -1vw 0vw 2vw;
}
.contactus h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--primary-color);
    border-top-right-radius: 1.6vw;
    border-top-left-radius: 1.6vw;
    font-size: 2.8vw;
    color: white;
    height: 62px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#contactus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    margin-top: 1vw;
}
.contactus #contactus .name {
    position: relative;
    margin-top: 2vw;
}
.contactus #contactus .name #label {
    display: block;
    font-weight:500;
    font-family: 'Rubik', sans-serif;
    font-size: 1.1vw;
    text-align: left;
}
.contactus #contactus .name #label::after {
    content: "*";
    color: red;
}
.contactus #contactus .name input {
    width: 13vw;
    height: 3vw;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    padding-left: 3vw;
    font-weight: bold;
    font-size: .9vw;
}
.icon {
    position: absolute;
    top: 57%;
    left: 2%;
}
div.request {
    margin-top: 3vw;
    margin-left: 3vw;
    text-align: left;
}
div.request #special {
   display: block;
   text-align: left;
    font-size: 1.2vw;
    font-weight:500;
    font-family: 'Rubik', sans-serif;
}
div.request .form-control {
    height: 13vw;
    width: 34vw;
    border: 1px solid #ccc;
    padding-left: 0.5vw;
    padding-top: 0.5vw;
    font-size: 1.2vw;
    font-weight: bold;
}
div.withphone{
    margin-top: 2vw;
}
button.submit {
    color: white;
    background-color: var(--primary-color);
    padding: 10px 21px;
    border-radius: 4px;
    font-size: 1.3vw;
    margin-top: 2vw;
    border: none;
    font-family: 'Merriweather', serif;
}
button.submit:hover {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    cursor: pointer;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
div.maps{
    text-align: center;
}
div.maps h2 {
    font-size: 3vw;
}
div.maps iframe {
    width: 43vw;
    height: 40vw;
    -webkit-box-shadow: 1vw 1vw 1vw, -1vw 1vw 1vw;
            box-shadow: 1vw 1vw 1vw, -1vw 1vw 1vw;
    border-radius: 1.5vw;
}
div.withphone p.withphone {
    font-size: 1vw;
}
div.withphone p a {
    font-size: 1.2vw;
    text-decoration: none;
    color: #000000;
    text-align: center;
}
div.withphone hr {
    height: 0px;
}
div.withphone p.or {
    font-size: 1vw;
}
/* contactus and map ends */
/*page loader*/
.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: var(--secondary-color);
    -webkit-transition: opacity 0.50s, visibility 0.50s;
    -o-transition: opacity 0.50s, visibility 0.50s;
    transition: opacity 0.50s, visibility 0.50s;
    z-index: 99999;
}
.loader--hidden {
    opacity: 0;
    visibility: hidden;
}
.loader::after {
    content: "";
    width: 6vw;
    height: 6vw;
    border: 1vw solid #dddddd;
    border-top-color: var(--primary-color);
    border-radius: 50vw;
    -webkit-animation: loading 1s ease-in-out infinite;
            animation: loading 1s ease-in-out infinite;
}
@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0turn);
                transform: rotate(0turn);
    }
    to {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
    }
}
@keyframes loading {
    from {
        -webkit-transform: rotate(0turn);
                transform: rotate(0turn);
    }
    to {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
    }
}
/*page loader ends*/
/*footer starts*/
#top-footer {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; 
 -webkit-column-gap: 15vw; 
    -moz-column-gap: 15vw; 
         column-gap: 15vw;
 row-gap: 7vw;
    background-color:var(--secondary-color);
    position: relative;
    padding: 3vw 5vw;
}
#top-footer .insidehelp {
    border: 0.5vw double var(--primary-color);
    border-radius: 1.5vw;
    color: white;
    width: 30vw;
    padding: 1vw;
    position: relative;
  }
#top-footer .insidehelp h3 {
    font-size: 1.6vw;
}
#top-footer .insidehelp div.outer{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
gap: 1vw;
margin-top: 4vw;
}
div.inner1 .true {
    font-size: 3.2vw;
    color: var(--primary-color);
}
div.inner2{
    line-height: 1.7vw;
}
div.inner2 span.inside a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-family: none;
    font-size: 1.1vw;
}
#top-footer .insidehelp h3::before
 {
    content: "";
    height: 0.2vw;
    width: 13%;
    position: absolute;
    top: 3vw;
    background: var(--primary-color);
}
div#bottom-links h3::before{
    content: "";
    height: 0.2vw;
    width: 5vw;
    left: 0.2vw;
    position: absolute;
    top: 2.2vw;
    background: var(--primary-color);
}
div.address h3::before{
    content: "";
    height: 0.2vw;
    width: 6.5vw;
    left: 0.2vw;
    position: absolute;
    top: 2.2vw;
    background: var(--primary-color);
}
div.address {
    position: relative;
    color: white;
    width: 34vw;
}
div.address p {
    font-size: 1.2vw;
    line-height: 1.8vw;
}
div.address h3,
div#bottom-links h3,
div#social-links h3 {
    font-size: 1.8vw;
    margin-bottom: 1vw;
    color: white;
}
div#bottom-links {
    position: relative;
    color: white;
    margin-top: 1vw;
}
div#bottom-links ul li {
    list-style: none;
    font-size: 1.2vw;
    line-height: 2vw;
}
div#bottom-links ul li a::after {
    content:"";
    position: absolute;
    left: 0vw;
    bottom: 0vw;
    height: 0.2vw;
    width: 0%;
    background-color:var(--primary-color);
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
div#bottom-links ul li a:hover::after {
    width: 100%;
}
div#social-links {
    position: relative;
    margin-top: 1vw;
 }
 div#social-links h3::before {
    content: "";
    height: 0.2vw;
    background: var(--primary-color);
    position: absolute;
    top: 2.2vw;
    width: 4vw;
}
div#social-links div.bottom-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    gap: 0.5vw;
}
.last {
    font-size: 2vw;
    background-color: rgb(212 212 212 / 45%);
    width: 3.4vw;
    height: 2.6vw;
    text-align: center;
    padding-top: 0.7vw;
    border-radius: 1vw;
    color: white;
}
div.footer-bottom h3.copy {
    text-align: center;
    font-size: 18px;
    margin-top: 0.5vw;
}
div.footer-bottom p {
    text-align: center;
    font-family: 'Rubik', sans-serif;
    color: #4d4d4d;
    font-size: 14px;
}
/* fAQs section starts */
div.line{
    margin: 5vw 0vw;
    width: 89vw;
    margin-left: 5vw;
    height: 1px;
    background: -o-linear-gradient(84deg,transparent,#bebbbb,transparent);
    background: linear-gradient(6deg,transparent,#bebbbb,transparent);
}
div#faq{
    width: 70%;
    margin-left: 7vw;
}
p.faq{
    font-size:35px;
    font-family: 'Merriweather', serif;
}
.accordion li{
    list-style: none;
   text-transform:capitalize;
}
.accordion li label{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 22px;
    font-weight:500;
    font-family: 'Rubik', sans-serif;
    cursor: pointer;
    margin-bottom: 15px;
}
.accordion li label::before{
    content: "+";
    color: orange;
    font-size: 25px;
    font-weight:500;
}
input[type="checkbox"]{
    display: none;
}
div.tripcontent{
    font-size: 18px;
    line-height: 2vw;
    margin-left: 1.2vw;
    font-family: 'Rubik', sans-serif;
    color: #707070;
    word-spacing: 5px;
    display: none;
    overflow: hidden;
}
.accordion  input[type="checkbox"]:checked + label + div.tripcontent{
    display: block;
}
.accordion  input[type="checkbox"]:checked + label::before{
    content:"-";
}
/* fAQs section ends */
/* package section starts  */
div.tourpackage{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:3.5vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0vw 3vw;
}
div.handpicked{
    line-height: 2.8vw;
    margin: 2vw;
    margin-left: 6vw;
    text-transform: capitalize;
    font-family: 'Rubik', sans-serif;
    font-size:2vw ;
}
div.handpicked p.handpicked span{
    color: var(--primary-color);
    font-size: 2.8vw;
    font-family: 'Merriweather', serif;
}
div.handpicked p.handpicked img{
    width: 3vw;
}
div.handpicked p.explore{
    font-family: 'Rubik', sans-serif;
    color: #636262;
    font-size: 1.5vw;
}
div.firstpackage{
    position: relative;
}
div.save{
    font-family: 'Rubik', sans-serif;
    position: absolute;
    background: -o-linear-gradient(70deg, red,rgb(161, 4, 4));
    background: linear-gradient(20deg, red,rgb(161, 4, 4));
    font-size: .9vw;
    padding: 0.2vw 0.8vw;
    color: white;
    font-weight:500;
    top: 6%;
}
div.sale{
    font-family: 'Rubik', sans-serif;
display: inline-block;
    background: -o-linear-gradient(70deg, red,rgb(161, 4, 4));
    background: linear-gradient(20deg, red,rgb(161, 4, 4));
    font-size: .9vw;
    padding: 0.2vw 1vw;
    color: white;
    font-weight:500;
    bottom: 17%;
    text-transform: uppercase;
    border-radius: 2px;
}
div.sale i.sale{
    margin-right: 0.3vw;
}
div.save i.save{
    margin-right:.5vw ;
}
div.firstpackage img{
    width: 24vw;
    height: 35vw;
    border-radius: 20px;
}
div.days{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-column-gap: 13vw;
       -moz-column-gap: 13vw;
            column-gap: 13vw;
    font-family: 'Rubik', sans-serif;
    margin:.5vw;
}
div.days p.day,
div.days p.rating{
    font-size: 1vw;
    color: gray;
}
div.days p.rating span{
    font-size: 1.3vw;
    color: var(--primary-color);
}
p.packagetitle{
    font-family: 'Rubik', sans-serif;
    font-size: 1.4vw;
    font-weight:500;
    text-transform: capitalize;
    width: 24vw;
    margin-bottom: 1vw;
    min-height:4.6vw;
}
h3.slogan{
    font-family: 'Rubik', sans-serif;
    font-size: 1.4vw;
    font-weight:300;
    text-transform: capitalize;
    width: 24vw;
    min-height:6.1vw;
}
.contact-for-group{
    text-decoration: none;
display: block;
background-color: var(--primary-color);
    text-align: center;
    color: white;
    font-size: 1.3vw;
    padding: 1vw 1.7vw;
    border-radius: 0.5vw;
    font-family: 'Rubik', sans-serif;
    border: none;
    border: 1px solid var(--primary-color);
}
.contact-for-group i.callnow{
    margin-right: 1vw;
}
p.packageprice{
    font-family: 'Rubik', sans-serif;
    font-size: 1.8vw;
    font-weight:500;
}
p.packageprice span{
    font-size: 1.3vw;
    font-weight:500;
    margin-right: 1vw;
}
div.firstpackage a.callnow{
    background-color: white;
    border: 1px solid var(--primary-color);
    text-decoration: none;
    color: var(--primary-color);
    padding: 1vw 2vw;
    font-size: 1.3vw;
    border-radius: .5vw;
    display: inline-block;
    font-family: 'Rubik', sans-serif;
  }
div.firstpackage a.callnow:hover{
    background-color: var(--primary-color);
    color: white;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}
div.firstpackage a.callnow i.callnow{
    margin-right: 1vw;
  }
div.firstpackage a.viewdetails{
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    text-decoration: none;
    color: white;
    font-size: 1.3vw;
    padding: 1vw 1.7vw;
    border-radius: .5vw;
    display: inline-block;
    font-family: 'Rubik', sans-serif;
}
div.firstpackage a.viewdetails i.viewdetails{
    margin-right: 1vw;
}
div.more-packages{
    text-align: center;
    margin-top: 5vw;
    margin-bottom: 7vw;
}
button.explorepackages{
    background: var(--primary-color);
    padding: 1vw 2vw;
    border-radius: .5vw;
    color: white;
    font-size: 1.3vw;
    border: none;
    -webkit-transition:all ease .4s;
    -o-transition:all ease .4s;
    transition:all ease .4s;
}
button.explorepackages:hover{
    cursor: pointer;
    background: white;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

/* package section ends  */