*{
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
    color: inherit;
}
a:hover{
    text-decoration: none !important;
}
#preloader {
    overflow: hidden;
    background-color: rgba(52, 26, 121, 0.99);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.raya-load {
    width: 60px;
    height: 60px;
    background-color: transparent;
    position: relative;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.95);
    z-index: 9;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    left: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-animation: 4000ms linear 0s normal none infinite running rayaload;
            animation: 4000ms linear 0s normal none infinite running rayaload;
}
.spad{
    padding: 0px 65px;
}
@-webkit-keyframes rayaload {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes rayaload {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

body {
    font-family: 'Open Sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #2a2a2a;
    line-height: 1.3;
}

p {
    color: #535353;
    font-size: 15.5px;
    line-height: 1.5;
    font-weight: 400;
}
.remove-padding{
    padding-bottom:-100px !important;
}
.section-padding-150 {
    padding-top: 150px;
    padding-bottom: 150px;
}

.section-padding-150-0 {
    padding-top: 150px;
    padding-bottom: 0;
}

.section-padding-0-150 {
    padding-top: 0;
    padding-bottom: 150px;
}

.section-padding-100-50 {
    padding-top: 100px;
    padding-bottom: 50px;
}

.section-padding-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section-padding-100-0 {
    padding-top: 100px;
    padding-bottom: 0;
}

.section-padding-0-100 {
    padding-top: 0;
    padding-bottom: 100px;
}

img {
    max-width: 100%;
    height: auto;
}

.mt-15 {
    margin-top: 15px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-150 {
    margin-top: 150px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-100 {
    margin-right: 100px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-100 {
    margin-bottom: 100px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-100 {
    margin-left: 100px;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    outline: none;
    font-weight: 600;
}

li {
    list-style: none;
}
.navbar-collapse{
    flex-grow: 0 !important;
}
.height-500 {
    height: 500px!important;
}

.height-600 {
    height: 600px!important;
}

.height-700 {
    height: 700px!important;
}

.height-800 {
    height: 800px!important;
}

.raya-table {
    display: table;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2;
}

.raya-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.section-heading {
    position: relative;
    z-index: 1;
    margin-bottom: 65px;
}

.feature-title span {
    width: 40px;
    height: 2px;
    background-color: #402871;
    margin: 0 auto 15px;
    display: block;
}

.listing-title span {
    width: 40px;
    height: 2px;
    background-color: #402871;
    margin: 0 auto 15px;
    display: block;
}

.section-heading h2 {
    font-weight: 800;
    font-size: 36px;
    line-height: 1;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.section-heading h2 span {
    color: #402871;
}

.section-heading p {
    line-height: 1;
    color: #fff;
    margin-bottom: 0;
}

.heading {
    width: 40px;
    height: 2px;
    background-color: #fff;
    margin: 0 auto 15px;
    display: block;
}

.dark .heading {
    width: 40px;
    height: 3px;
    background-color: #402871;
    margin: 0 auto 15px;
    display: block;
}

.section-heading.dark h2 {
    color: #2a2a2a;
}

.section-heading.dark p {
    color: #A19B87;
}

#scrollUp {
    bottom: 70px;
    right: 20px;
    width: 50px;
    border-radius: 50%;
    background-color: #402871;
    color: #fff;
    text-align: center;
    height: 50px;
    line-height: 44px;
    font-size: 28px;
}

.bg-img {
    background-position: center center;
    background-size: cover;
}

.bg-overlay,
.bg-overlay-9,
.bg-overlay-dot {
    position: relative;
    z-index: 2;
}
.bg-overlay-dot::after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(38, 38, 38, 0.6) url(../img/dot-overlay.png) repeat;
        z-index: -1;
}

/*final changed*/
.bg-overlay:after {
     content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(16, 8, 34, 0.25);
    z-index: 3;
   
}

.bg-overlay-9:after {
     content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(38, 38, 38, 0.45);
    z-index: -1;
}
.bg-gray {
    background-color: #f9f9f9;
}

.bg-default {
    background-color: #341a79;
}

.raya-btn {
    min-width: 100%;
    height: 45px;
    background-color: #402871;
    border-radius: 0;
    padding: 0 15px;
    line-height: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
}
.btn-learn{
    padding: 15px 40px;
    background-color: #402871;
    color: white;
    line-height: 50px;
    border: none;
    font-weight: 500;
    font-size: 15px;
    
    border-radius:35px;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
}
.btn-book{
    padding: 13px 40px;
    background-color:#402871;
    border:none;
    color: white;
    font-weight: 500;
    font-size: 15px;
    transition: .3s;
    border-radius: 35px;
}
.btn-book:hover{
    background-color: #A19B87;
    color: white;
}
.sticky .btn-book{
    background-color:#402871;
    border:none;
}
.btn-main{
    font-size: 16px;
    line-height: 1.3;
    padding: 17px 55px;
    margin-top:10px;
    background-color:transparent;
    border:2px solid white ;
    color: white;
    font-weight: 500;
    border-radius: 35px;
}
.btn-main:hover{
    background-color:white;
    color:#12292f;
}

/*final changed*/
.btn-explore {
    font-size: 15px;
    line-height: 1.3;
    padding: 17px 55px;
    background-color: transparent;
    border: none;
    color: white;
    font-weight: 500;
    border-radius:35px;
    background-color: #402871;
}
.btn-explore:hover{
    background-color:  #A19B87;
    color: white;
}
/*change end*/

.raya-btn:hover,
.raya-btn:focus {
    color: #fff;
    background-color: #61757a ;
    font-weight: 600;
    cursor: pointer;
}
.btn-learn:hover{
    color: #fff;
    background-color: #A19B87;
    font-weight: 600;
}
/* Search Area CSS */

.raya-search-form {
    padding: 5px 0px 15px;
    height: 40px;
    background:#402871;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 111;
}
.raya-search-form h6{
    font-size: 14px;
    color: white;

}


/* .sticky .raya-search-form {
    height: 80px;
} */

/* .raya-search-form form {
    position: relative;
    z-index: 1;
}

.raya-search-form form input {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background-color: transparent;
    height: 50px;
    color: #fff;
    padding: 0 20px;
    font-size: 14px;
} */


/* Header & Menu Area CSS */
.navbar{
    padding:0 !important;
}
#header {
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 40px;
    left: 0;
    z-index: 99;
    -webkit-transition-duration: 700ms;
    transition-duration: 700ms;
    background-color:white;
}
.sticky #header{
    top: 0;
    
}
.header_area{
    padding: 0 65px;
}
.sticky .header_area {
    background-color: #fff !important;
    height: auto;
    z-index: 9999;
    border-bottom: 1px solid transparent;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 0 65px;
}
.sticky #mainNavbar .nav-link{
    color:#14141f;
}
.sticky .navbar-brand img {
    width:200px;
}
.navbar-nav .dropdown-menu{
    padding:0;
    border-radius:0;
    width:200px;
}
.dropdown-menu{
    border: transparent !important;
    border-radius: 5px !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
/**/
.dropdown-menu a{
    font-size:14px;
    padding:12px 20px;
    font-weight:500;
    transition:0s;
    border-bottom: 1px solid #d8d8d8;
    white-space: normal;
    
}
.dropdown-menu a:hover {
    border-left: 5px solid #422C85;
    background-color: #f3eeff;
}
.navbar-brand img{
	width:200px;
	transition:all ease-out .7s;
}
.navbar-expand-lg .navbar-nav .nav-link {
   
    color: #fff;
    font-size: 16px;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.active .nav-link {
    color: #7643ea;
}
#mainNavbar .nav-link{
    color: #14141f;
    padding: 0.5rem 1.15rem;
}
#mainNavbar .nav-link:hover{
    color: #f79256;
}

.raya-search-btn > a,
.raya-signin-btn > a {
    color: #fff;
    display: inline-block;
    margin-right: 40px;
    font-size: 15px;
}

.raya-search-btn > a i {
    padding-right: 10px;
}



.dropdown-item {
    font-weight: 500;
    font-size: 15px;
}

.dropdown-item:hover {
    background-color: #7643ea;
    color: #fff;
    
}
.bi-caret-down-fill{
    font-size:10px;
    margin-left:5px;
}
@media all and (min-width: 992px){
.dropdown:hover .dropdown-menu {
    display: block;
}
}
/* Welcome Area CSS */

.raya-welcome-area .carousel-item img{
    width: 100%;
    height: 100vh !important;
    z-index: 1;
    object-fit: cover;
}
.carousel-caption{
    position: absolute;
    top: 35%;
}
.hero-details{
    position: absolute;
    top: 60%;
    left: 60%;
    transform: translate(-50%,-50%);
}

.hero-content h2 {
    color: #fff;
    font-size: 72px;
}

.hero-content h4 {
    color: #fff;
    padding-left: 5px;
    margin-bottom:30px;
}

.hero-search-form {
    margin-top: 30px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.hero-search-form .nav-tabs {
    border-bottom: none;
}

.hero-search-form .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: rgba(144, 103, 238, 0.65);
    text-transform: uppercase;
    min-width: 100px;
    height: 44px;
    line-height: 44px;
    padding: 0;
    text-align: center;
}

.hero-search-form .nav-tabs .nav-link.active {
    color: #fff;
    background-color: rgba(67, 25, 161, 0.65);
    border-color: transparent;
}

/*final change*/
.hero-search-form .tab-content .tab-pane {
   
    display:flex;
    
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    width:80%;
    padding:13px 10px 0px 0px;
    background-color:rgba(210, 210, 211, 0.55);
}

.hero-search-form .tab-content .tab-pane h6 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 25px;
}

.hero-search-form .tab-content .tab-pane form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.hero-search-form .tab-content .tab-pane form .custom-select {
    height: 45px;
    border-radius: 0;
    padding: 0 75px 0 40px;
    width:100%;
    color: #646475;
    font-size: 16px;
    font-weight: 500;
    border: none;
}
.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
   }
   
   .carousel-fade  .carousel-item.active,
   .carousel-fade  .carousel-item-next.carousel-item-left,
   .carousel-fade  .carousel-item-prev.carousel-item-right {
     opacity: 1;
   }
   
   .carousel-fade .active.carousel-item-left,
   .carousel-fade  .active.carousel-item-right {
    opacity: 0;
   }
   
   .carousel-fade  .carousel-item-next,
   .carousel-fade .carousel-item-prev,
   .carousel-fade .carousel-item.active,
   .carousel-fade .active.carousel-item-left,
   .carousel-fade  .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
   }
.hero-social-btn {
    position: absolute;
    width: auto;
    height: auto;
    bottom: 90px;
    left: 60px;
    z-index: 9;
}

.hero-social-btn .social-title {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    margin-left: -145px;
}

.hero-social-btn .social-title h6 {
    margin-bottom: 0;
    color: #fff;
    line-height: 1;
    margin-right: 30px;
}

.hero-social-btn .social-title span {
    background-color: #fff;
    width: 80px;
    height: 1px;
    display: block;
}

.hero-social-btn .social-btns {
    margin-top: 170px;
}

.hero-social-btn .social-btns > a {
    font-size: 15px;
    color: #fff;
    display: block;
    margin-top: 30px;
}

/* Catagory Area CSS */

.raya-catagory-area {
    position: relative;
    z-index: 9;
}

.single-catagory-area {
    background-color: #7643ea;
    text-align: center;
    padding: 60px 15px;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
}

.single-catagory-area:hover {
    box-shadow: 5px 20px 30px rgba(0, 0, 0, 0.3);
}

.all-catagories {
    position: relative;
    top: -50%;
    z-index: 15;
}

.single-catagory-area .catagory-content img {
    margin-bottom: 15px;
}

.single-catagory-area .catagory-content h6 {
    margin-bottom: 0;
    color: #fff;
}

/* About Us Area CSS */
.raya-about-area{
    padding: 65px 35px 55px;
    background-image:url(../img/background.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    position: relative;
}
.about-flag{
    background-image:url(../img/flags.svg) ;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 55%;
    height: 30%;
    background-repeat: no-repeat;
}
.about-pg-img img{
    height:800px;
    width:100%;
    object-fit:cover;
}
.about-img{
    position: relative;
    width: 100%;
    z-index: 2;
}
.image-stack__item--bottom {
    position: absolute;
    top: 55%;
    width: 65%;
}
.image-stack__item--bottom img{
    height:230px;
}
.image-stack__item--top img{
    padding-left: 30%;
    height: 390px;
    object-fit: cover;
}
  .image-stack__item--top {
    width: 100%; 
    z-index: -1;
}
.about-content h2 {
    font-size: 42px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.learn{
    color: #402871;
    border-bottom:1px solid #402871;
}
.about-content span {
    color: #402871;
}

.about-content p {
    font-size: 18px;
    margin-bottom: 0;
}

/* Editor's Pick Area CSS */

.raya-editors-pick-area {
    position: relative;
    z-index: 1;
}

.editors-pick-info .places-total-destinations  {
    display: inline-block;
    padding: 20px 20px 13px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(180deg, rgba(1, 1, 1, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgb(0, 0, 0,0.6) 100%);
    transition: .3s  ;
}

.single-editors-pick-area {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 5px;
}

/**/
.single-editors-pick-area img{
    transition: .7s;
    height:320px;
    object-fit: cover;
    width:100%;
}
/*changed2*/
.editors-pick-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}
.single-editors-pick-area:hover  img{
    transform: scale(1.07);
}
/*testimony*/
.testimony {
    background-image: url(../img/test.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    height: 70vh;
    
}

.testimony .carousel-item {
    height: 68vh;

}

.testimony .carousel__container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 3%;
    color: white;
    text-align: center;
    padding-left: 4rem;
    padding-right: 4rem;
}

.face {
    height: 7.5rem;
    width: 7.5rem;
    border-radius: 100% !important;
}

.testimony p {
    font-size: 16px;
    color: white;
    text-align: center;
    font-style: italic;
}

/*blog*/
/*.home-blog-area{*/
/*    background-color: #12292f;*/
/*}*/
.blog-inner a:hover{
    color: #7f50de;
}
.blog-link {
    color: #402871;
}
.blog-link:hover{
    color: #A19B87;
}
.blog-link {
    color: #402871;
    display: flex;
    margin-top: auto;
}
.home-blog-area .card-body{
    padding: 30px 40px;
    display:flex;
    flex-direction:column;
}
.blog-inner img{
    width: 100%;
    height: 80px;
    object-fit: cover;
}
.blog-inner small{
    color: #7e7d7d;
}
.blog-inner a{
    color: #2a2a2a;
    font-weight: 700;
    font-size: 15px;
}

.client-slides a img{
    height: 120px;
    object-fit: contain;
}
.client-single{
    border: 1px solid rgb(233, 233, 233);
}
/* Features Area CSS */

.raya-features-destinations-area,
.raya-features-restaurant-area {
    padding: 100px 35px;
    position: relative;
    z-index: 1;
}

/*final change*/
.single-features-area {
    position: relative;
    z-index: 1;
    background-color: #f4f6f8;
    display: flex;
    flex: 1 0 auto;
    height: 100%;
    transition:.3s;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
}

.owl-carousel .owl-stage{display: flex;}
.single-features-area .card{
    border-color:#ebebeb;
    display:flex;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    align-items: stretch;
}
.single-features-area img{
    height: 210px;
    object-fit: cover;
    transition: .7s;
}
.single-features-area h6{
    font-size:13px;
}
.single-features-area p{
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 7; /* number of lines to show */
           line-clamp: 7; 
   -webkit-box-orient: vertical;
}

.single-features-area > .card > .card-body{
    padding: 25px 30px 20px;
    display:flex;
    flex-direction:column;
}
.single-features-area .price-start p {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #402871;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    margin-bottom: 0;
    padding: 0 15px;
    font-weight: 600;
    color: #fff;
    z-index: 9;
}

.feature-content {
    padding: 40px 30px;
}

.feature-title h5 {
    color: #402871;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0;
    text-align: center;
    margin-bottom: 10px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.feature-title p {
    font-size: 14px;
    margin-bottom: 0;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.single-features-area:hover {
    background-color: #402871;
    box-shadow: 3px 15px 30px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.single-features-area:hover .feature-content .feature-title h5,
.single-features-area:hover .feature-content .feature-title p,
.single-features-area:hover .feature-favourite > a {
    color: #fff;
}

.ratings-map-area > a {
    padding: 0 30px;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    height: 70px;
    line-height: 70px;
    background-color: #7643ea;
}

.ratings-map-area > a:last-child {
    background-color: #2a2a2a;
    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;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
}

.ratings-map-area {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 9;
}

.single-features-area:hover .ratings-map-area > a:last-child {
    background-color: #402871;
}

/* Feature Events Area CSS */

.single-feature-events-area {
    position: relative;
    z-index: 1;
    background-color: #fff;
    margin-bottom: 50px;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
}

.single-feature-events-area .feature-events-thumb {
    position: relative;
    z-index: 1;
}

.date-map-area {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.date-map-area > a {
    padding: 8px 15px;
    font-size: 12px;
    width: 65px;
    font-weight: 800;
    color: #fff;
    height: 50px;
    background-color: #7643ea;
    text-align: center;
}

.date-map-area > a:last-child {
    background-color: #402871;
    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;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
}

.feature-events-thumb {
    width: 170px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 170px;
            flex: 0 0 170px;
}

.feature-events-content {
    position: relative;
    z-index: 2;
    padding: 0 15% 0 15px;
}

.feature-events-details-btn > a {
    width: 65px;
    height: 50px;
    background-color: #2a2a2a;
    display: block;
    font-size: 24px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 99
}

.feature-events-content h5 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 5px;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
}

.feature-events-content h6 {
    font-size: 14px;
    font-weight: 400;
    color: #bfb1de;
    margin-bottom: 15px;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
}

.feature-events-content p {
    font-size: 14px;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
    margin-bottom: 0;
}

.single-feature-events-area:hover {
    background-color: #7643ea;
}

.single-feature-events-area:hover .feature-events-content h5,
.single-feature-events-area:hover .feature-events-content p {
    color: #fff;
}

/* Footer Area CSS */

.raya-footer-area {
    padding: 50px 35px;
    border-top: 1px solid #bec0cc;
}

.footer-text p {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}

.footer-social-btns > a {
    display: inline-block;
    color: #464646;
    padding: 0 15px;
    font-size: 14px;
}

/* Breadcumb Area CSS */

.breadcumb-area {
    height: 120px;
    position: relative;
    z-index: 1;
}

/* Contact Area CSS */

.contact-form-area {
	position: relative;
	z-index: 1;
	padding: 100px 40px 100px 50px;
}

.contact-form-area,
.raya-map-area {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
}

#googleMap {
    width: 100%;
    height: 100%;
}

.contact-text h4 {
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 50px;
}

.contact-text p {
    font-size: 14px;
    line-height: 2;
    margin: 0;
}

.contact-info {
    margin: 40px 0 70px;
}

.single-contact-info:first-child {
    margin-right: 65px;
}

.single-contact-info h6 {
    font-size: 15px;
}

.single-contact-info h6 > i {
    color: #c2b6d9;
    margin-right: 30px;
}

.contact-form {
    padding: 70px 30px;
    background-color: #f3edff;
}

.contact-form-title h6 {
    font-size: 18px;
    margin-bottom: 30px;
}

.contact-form .form-control {
    height: 50px;
    font-size: 13px;
    color: #72728c;
    font-weight: 600;
    border: none;
    border-radius: 0;
    margin-bottom: 30px;
}

.contact-form textarea.form-control {
    height: 110px;
}

/* Explore Area CSS */

.explore-search-area,
.explore-map-area {
    height: 1100px;
}

#exploreGoogleMap {
    width: 100%;
    height: 100%;
}

.explore-search-area,
.explore-map-area,
.explore-search-form,
.explore-search-result {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
}

.explore-search-form {
    background-color: #7643ea;
    padding: 50px 40px;
}

.explore-search-form h6 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 35px;
}

.explore-search-form .nav-tabs {
    border-bottom: none;
    margin-bottom: 65px;
}

.explore-search-form .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: rgba(144, 103, 238, 0.65);
    text-transform: uppercase;
    min-width: 100px;
    height: 44px;
    line-height: 44px;
    padding: 0;
    text-align: center;
}

.explore-search-form .nav-tabs .nav-link.active {
    color: #fff;
    background-color: rgba(67, 25, 161, 0.65);
    border-color: transparent;
}

.explore-search-form .tab-content .tab-pane h6 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 25px;
}

.explore-search-form .tab-content .tab-pane form .custom-select {
    height: 52px;
    border-radius: 0;
    padding: 0 80px 0 40px;
    color: #72728c;
    font-size: 12px;
    font-weight: 600;
    border: none;
    width: 100%;
    margin-bottom: 30px;
}

.explore-search-form .custom-control-description {
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    line-height: 24px;
}

.explore-search-result {
    padding: 0 40px;
    position: relative;
    z-index: 1;
    height: 1100px;
    overflow-y: auto;
}

.explore-search-result .single-features-area {
    margin-bottom: 30px;
}

/* Single Listing Area CSS */

.breadcumb-content {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 4;
    width: 100%;
    height: 700px;
}
.breadcumb-content h2 {
    font-size: 50px;
    font-weight: 600;
    color: white;
    margin-bottom: 0;
    text-align:center;
}
.breadcumb-content h5{
    color: white ;
}
.book-a-table-widget {
    padding: 50px 30px;
    background-color: #f3edff;
}

.book-a-table-widget h6 {
    font-size: 18px;
    color: #2a2a2a;
    margin-bottom: 30px;
}

.book-a-table-widget .custom-select {
    width: 100%;
    border: none;
    border-radius: 0;
    margin-bottom: 30px;
    height: 50px;
    font-size: 14px;
    color: #72728c;
    padding: 0 30px;
}

.opening-hours-widget {
    padding: 50px 30px;
    background-color: #f3edff;
    position: relative;
    z-index: 1;
}

.opening-hours-widget h6 {
    margin-bottom: 30px;
    font-size: 18px;
}

.opening-hours li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.opening-hours li:first-child p {
    color: #7643ea;
}

.opening-hours li:last-child p {
    margin-bottom: 0;
}

.author-widget > img {
    width: 43px !important;
    height: 43px !important;
    border-radius: 50%;
    margin-right: 30px;
}

.author-widget .authors-name > a {
    font-size: 14px;
    color: #2a2a2a;
    margin-bottom: 5px;
    display: block;
}

.author-widget .authors-name p {
    font-size: 12px;
    margin-bottom: 0;
}

.author-widget {
    padding: 25px 20px;
    background-color: #f3edff;
}
.listing{
    position: sticky;
    top: 70px;
}
.book-now {
    padding: 25px 30px 40px;
    background-color: #f3edff;
}
.custom-select {
    width: 100%;
    border: none;
    border-radius: 0;
    margin-bottom: 20px;
    height: 50px;
    font-size: 14px;
    color:  #9292ae;
    padding: 0 13px;
}
.book-now .form-control {
    height: 45px;
    font-size: 14px;
    color: #9292ae;
    font-weight: 400;
    border: none;
    border-radius: 0;
    margin-bottom: 10px;
}

.book-now textarea.form-control {
    height: 110px;
}
.book-now-widget {
    padding: 40px 30px;
}
.contact-form-widget {
    padding: 50px 30px;
}

.contact-form-widget h6 {
    margin-bottom: 30px;
    font-size: 18px;
}


.listing-title {
    margin-bottom: 30px;
}

.listing-title h4 {
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 10px;
}

.listing-title h6 {
    margin-bottom: 0;
}

.single-listing-nav {
    border-bottom: 2px solid #ebebeb;
}

.single-listing-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.single-listing-nav li a {
    padding: 20px 20px;
    font-size: 16px;
    display: block;
    font-weight: 600;
    color: #2a2a2a;
    position: relative;
    z-index: 1;
}

.single-listing-nav li.active a,
.single-listing-nav li a:hover {
    color: #402871;
}

.single-listing-nav li.active a:after {
    background-color: #402871;
    content: '';
    bottom: -19px;
    left: 0;
    position: absolute;
    width: 100%;
    height: 3px;
}

.overview-content p {
    line-height: 2;
    margin-bottom: 50px;
}

.overview-content .custom-control-description {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
}

.listing-menu-area h4 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.overview-content  h4 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.listing-menu-title h5{
    font-weight: 400 !important;
    margin-bottom: 20px;
}
.single-listing-menu {
    background-color: #f3edff;
    padding: 20px 40px;
    margin-bottom: 5px;
}

.single-listing-menu p {
   margin-bottom: 0;
    color: #636363;
}

.single-listing-menu:nth-child(odd) {
    background-color: #fbf9ff;
}

.listing-reviews-area h4 {
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 700;
}

.reviewer-meta > img {
    width: 73px !important;
    height: 73px !important;
    border-radius: 50%;
    margin-right: 20px;
}

.review-title-ratings h5 {
    font-style: italic;
    font-size: 18px;
    margin-bottom: 30px;
}

.single-review-area {
    margin-bottom: 50px;
}

.reviewer-content p {
    margin: 0;
    line-height: 2
}

.reviewer-name {
    padding-left: 93px;
    margin-top: 30px;
}

.reviewer-name p {
    margin-bottom: 0;
    font-size: 12px;
}

.location-on-map h4 {
    margin-bottom: 60px;
    text-transform: uppercase;
    font-weight: 700;
}

#locationMap {
    width: 100%;
    height: 380px;
}

.fact1{
    background-image: url(../img/duration.png);
    height: 50px;
    width: 50px;
    background-size: contain;
    border-radius: 50px;
    margin-top: 20px;
}
.fact2{
    background-image: url(../img/activity.png);
    height: 50px;
    width: 50px;
    background-size: contain;
    border-radius: 50px;
    margin-top: 20px;
}
.fact3{
    background-image: url(../img/destination.png);
    height: 50px;
    width: 50px;
    background-size: contain;
    border-radius: 50px;
    margin-top: 20px;
}
.fact4{
    background-image: url(../img/max-alt.png);
    height: 50px;
    width: 50px;
    background-size: contain;
    border-radius: 50px;
    margin-top: 20px;
}
.fact5{
    background-image: url(../img/starts.png);
    height: 50px;
    width: 50px;
    background-size: contain;
    border-radius: 50px;
    margin-top: 20px;
}
.fact6{
    background-image: url(../img/ends.png);
    height: 50px;
    width: 50px;
    background-size: contain;
    border-radius: 50px;
    margin-top: 20px;
}

.overview-text {
    text-align: center;
    margin-top: 10px;
    font-weight: 500;
    margin-bottom: 2px;
}

.cost-listing li {
    font-size: 17px !important;
    line-height: 1.8;
    list-style: disc;
}

.footer-area {
    padding: 70px 0px 10px;
    background-color: #383838 !important;
}
footer .footer-content p{
    font-weight: 400 !important;
    color: white !important;
}
.footer-content li a, .footer-content a{
    color: white;
    font-weight: 400 !important;
}
.footer-content  a:hover{
    color: #8c59f3 !important;
}
.socials  i{
    font-size:30px;
}

.trip-advise li a{
    color:black !important;
    text-decoration:underline;
}

.img-gallery img{
	height: 350px;
	object-fit: cover;
	cursor: pointer;
	transition: all .3s ease 0s;
}
.img-gallery .col-md-4, .col-md-8{
	margin: 0 !important;
	padding: 7px !important;
}
.img-gallery img:hover{
	transform: scale(0.9);
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.full-img{
	width: 100%;
	height: 100vh;
	background: rgb(0, 0, 0, 0.9);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 1111;
}
.full-img img{
	width: 100%;
    max-width: 700px;
    max-height: 550px;
	object-fit: contain;
}
.full-img span{
	position: absolute;
	font-size: 30px;
	top: 10%;
	right: 5%;
	color: white;
	cursor: pointer;
}

.modal-body{
    padding: 15px 25px !important;
}
.modal-header{
    padding:15px 25px !important ;
}
.modal-title h5{
    color: #402871 !important;
    font-weight: 600 !important;

}
.modal-body input, .modal-body select {
    margin-bottom: 10px !important;
}
.modal-body .form-control{
    height: 45px;
    font-size: 14px;
    color: #9292ae;
    font-weight: 400;
    border-radius: 0;
    margin-bottom: 10px;
}
/**/
.overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:  rgba(16, 8, 34, 0.25);
    z-index: 1;
}
.blog-pagination{
    margin-top:70px;
}
.blog-pagination li a{
    color:#402871 ;
}
.blog-pagination li a:hover{
    color:#402871 ;
}
.page-item.active .page-link{
    background-color:#402871 !important;
    border-color:#402871 !important;
}
.blog-img{
    overflow:hidden !important;
}
.features-area:hover  img{
    transform: scale(1.07);
    overflow:clip;
}
.raya-search li a{
    color: #14141f;
    font-weight: 600;
    font-size: 22px;
    background-color: rgba(64, 40, 113,0.08);
    padding: 5px 8px;
}
.raya-search li a:hover{
    color: #6e4daf;
}
.raya-search li{
    padding: 10px 0px;
}
.raya-search h1{
    color: #402871;
}
.single-features-area .card-body a{
    color:#402871;
    transition:.3s;
}
.single-features-area .card-body a:hover{
    color:#A19991;
}
.home-blog-area .card-body a{
    color:#402871;
    transition:.3s;
}
.home-blog-area .card-body a:hover{
    color:#A19991;
}
.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
}
/**/
.contact-form .custom-select{
    height: 50px;
    font-size: 13px;
    width: 100%;
    color: #72728c;
    font-weight: 600;
    border: none;
    border-radius: 0;
    margin-bottom: 30px;
}
.contact-form textarea.form-control {
    height: 170px !important;
}