.close_btn, .popup_circle {
    font-size: 16px;
    cursor: pointer;
}
.border_book, .btn, .footer_itemname, .footer_logoshead, .hamburger_text, .main_slide_heading, .sec_slide_heading, .signup_heading, h1, h2, h3 {
    text-transform: uppercase;
}
.dropdown-toggle::after, .navbar_headtext_right::after {
    background-image: url("../images/chevron-down-solid.svg");
    cursor: pointer;
    background-repeat: no-repeat;
}
.navbar_content, .no-scroll {
    overflow: hidden;
}
.btn_design:hover, .navopen_subitems:hover {
    text-decoration: underline;
}
body {
    font-family: nunito, sans-serif;
}
.container {
    max-width: 1170px!important;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}
p {
    margin-bottom: 30px;
    line-height: 1.6;
}
h1 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 5px;
}
.open_popup, h2 {
    margin-bottom: 20px;
}
h2 {
    font-size: 42px;
    font-weight: 200;
}
h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
a {
    color: #fff;
    text-decoration: none;
}
ul {
    padding: 1rem;
}
.lower_nav{
	position: relative;
    display: block;
    width: 80%;
	background-color:#f4f4f4;
}
.abs_nav{
	position: absolute;
    left: 0px;
    border-radius: 50px;
    top: -43px;
    border: 2px solid white;
    width: 100%;
    background: #f37b04;
    padding: 0px 30px;
    z-index: 9;
}
.abs_nav ul li a{
	position:relative;
}
.abs_nav ul li a:before{
	position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    left: 0px;
    top: 0px;
    transform: scale(0, 0);
    transition: all 500ms ease;
	background-color: #fff;
}
.abs_nav ul li:hover a:before, .abs_nav ul li.current  a:before {
    transform: scale(1, 1);
}


.popup {
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 33%;
    z-index: 999;
    width: 100%}
.close_btn {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #004a63;
    border: 1px solid #fff;
    color: #fff;
    z-index: 1010;
    border-radius: 50%}
.full_sec_black {
    background: #000;
    height: 100%;
    width: 100%;
    opacity: .5;
    position: fixed;
    z-index: 10;
}
.popup .popuptext {
    visibility: hidden;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    height: 350px;
}
.popup_left_img {
    width: 40%}
.popup_lefimg {
    border-radius: 10px 0 0 10px;
    width: 100%;
    height: 100%}
.popup_circle {
    display: flex;
    justify-content: center;
    background: 0 0;
}
.popup_logodiv {
    background: #004a63;
    width: 100%}
.blur_div {
    filter: blur(4px);
}
.popup_logoimg {
    height: 62px;
}
.popup .show {
    visibility: visible;
}
.popup_form {
    background: #fff;
    position: relative;
    border-radius: 0 0 10px;
    width: 45%}
.btn_design {
    border: none!important;
    background-color: transparent!important;
    color: #686e74!important;
}
.blue_heading {
    font-size: 22px;
    color: #004a63;
}
.label_text {
    width: 20%;
    color: gray;
}
.date_selector {
    width: 70%;
    background: #ecebebf7;
    border: none;
    border-radius: 10px;
    height: 40px;
    padding: 8px;
}
.next_btn {
    padding: 16px 32px;
    border-radius: 10px;
    border: 4px solid #d3d3d3;
    background: #fff;
    color: gray;
    margin-top: 24px;
}
.category_options {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}
.selection_text {
    padding: 5px;
    margin: 0;
    color: #686e74;
    font-weight: 600;
    line-height: 2.5;
    letter-spacing: .8;
    font-size: 16px;
}
.navbar_open_text, .navopen_contact {
    font-weight: 600;
    font-size: 20px;
    position: relative;
}
.selection_dropdown {
    background: url("../images/arrow-right.svg") center/contain no-repeat;
    transform: rotate(90deg);
    height: 33px;
    width: 11px;
    border: none;
}
.selection_list {
    list-style: none;
    column-count: 3;
}
.ui-datepicker-trigger {
    height: 16px;
}
.ui-widget-header {
    border: none;
    background: #004a63!important;
}
.ui-state-highlight {
    border: 1px solid #1c94c4!important;
    background: #f6f6f6!important;
    color: #1c94c4!important;
}
.ui-state-active, .ui-state-hover {
    background: #2ea3cb!important;
    color: #fff!important;
}
.ui-state-hover {
    border: 1px solid #00bfff!important;
}
.ui-state-active {
    border: #004a63!important;
}
.slick-dots li button:before {
    color: #8e7143!important;
}
.dropdown-toggle::after {
    border: none;
    height: 20px;
    width: 20px;
}
.navbar_headtext_right::after {
    border: none;
    height: 17px;
    width: 13px;
}
.navopen_items {
    width: 100%;
	display: flex;
    justify-content: center;}
.navbar_open_text {
    display: flex;
    align-items: center;
    width: max-content;
    text-transform: capitalize;
}
.navbar_opener {
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9999999;
    transition: left .3s;
}
.open {
    display: flex;
    left: 0;
}
.black_div {
    background-color: #000;
    z-index: 999;
    opacity: .6;
    width: 60%;
    height: 100vh;
}
.navopen_logosimg {
    height: 100px;
    object-fit: contain;
    width: 100%;
    margin-bottom: 6vh;
}
.navbar_content {
    height: 100vh;
    width: 40%;
    display: flex;
    justify-content: center;
    padding-top: 2vh;
    z-index: 2;
    background-color: #688d9a;
}
.navopen_list {
    padding-bottom: 15px;
}
.navopen_contact {
    color: #fff;
    display: block;
    margin-bottom: 20px;
    margin-right: 80px;
}
.act_info h3, .border_book, .hamburger_text {
    font-weight: 700;
}
.btn, .sec_slide_heading {
    font-weight: 600;
}
.close {
    font-size: 44px;
    cursor: pointer;
    background: rgba(0, 0, 0, .6);
    color: #fff;
}
.main_slide {
    height: 75vh;
    width: 100%;
    position: relative;
    /* background-image: url(../images/royaltongrenadahotel_banner.jpg); */
	background-image: 
    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(../images/royaltongrenadahotel_banner.jpg);
    /*background-position: center calc(50% - 45px);*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.highlight_text {
    background: rgba(0, 0, 0, .3);
    height: 100%}
.fixed_navbar {
    position: fixed;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #fff;
    transition: background-color .3s;
    z-index: 99999;
}
.top {
    background-color: transparent;
}
.scrolled {
    background-color: #688d9a;
    border: none;
	    padding-bottom: 70px;
}
.hamburger_nav {
    width: 42px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
}
.hamburger_nav span {
    background-color: #fff;
    display: block;
    height: 2px;
    width: 100%;
    margin: 6px 0;
}
.navbar_headtext_left {
    font-size: 13px;
    margin-left: 20px;
}
.navbar_headtext_right {
    font-size: 13px;
    padding: 0 18px 0 0!important;
    margin-right: 20px;
    display: flex;
    align-items: center;
}
.hamburger_text {
    font-size: 14px;
    padding-top: 2px;
}
.border_book {
    background: #fff0;
    border: 2px solid #fff;
    padding: 0 30px;
    border-radius: 50px;
    width: 100%;
	height:80%;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.border_book:hover {
    background-color: rgba(255, 255, 255, .25);
}
.main_slide_text, .page_404 img {
    width: 100%}
.main_slideheading {
    position: absolute;
    top: 40%;
    width: 100%;
    color: #fff;
}
.main_slide_heading {
    font-size: 60px;
    padding: 0 0 0 15px;
    line-height: 1;
}
.sec_slide_heading {
    display: block;
    font-family: arial, sans-serif;
    font-size: 19px;
    letter-spacing: 1px;
}
.main_slidebottombar {
    position: absolute;
    bottom: 1%;
	z-index:9;
    width: 100%}
.best_img {
    background-image: url(../images/best-rate.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    color: #fff;
    font-size: 13px;
    text-shadow: 0 0 2px rgba(0, 0, 0, .8);
    line-height: 15px;
    margin: 15px 0;
}
.form_design {
    display: flex;
    flex-direction: row;
}
.rest_form {
    padding: 15px 35px;
    width: 75%;
    background: #d0d1d2;
        border-radius:  0px 50px 50px 0px;
}
.form_textdate, .form_textdate_dup {
    background-color: #4e4c49;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
}
.form_textdate {
    width: 25%;
    align-items: center;
    justify-content: center;
     border-radius:  50px 0px 0px 50px;
}
.form_textdate_dup {
    width: 100%;
    color: #fff;
    padding: 12px 0;
    align-items: center;
    justify-content: center;
}
.category_append, .date_append {
    color: #f44;
    display: flex;
}
.date_field {
    width: 25%}
.category_field {
    width: 25%;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.date_input {
    border: none!important;
    color: #3f3f3f;
    background-color: transparent;
    padding: 10px;
    font-size: 14px;
    width: 100%;
    -webkit-border-radius: 0;
}
.date_input:focus-visible {
    outline: 0!important;
}
.avail_div {
    background-color: #f37b04;
    border: 0;
    padding: 15px 40px 13px;
    border-radius:  50px;
}
.blue_sectionimage, .second_sec_img {
    border-radius: 10px;
    object-fit: cover;
}
.second_section {
    margin: 0 auto;
    padding: 90px 0;
	background: rgb(207 200 188 / 66%);
}
.second_sec_img {
    width: 609px;
    height: 426px;
}
.text_height {
    height:  60px;
}
.color_bluetext {
    color: #022157;
    font-weight:  700;
}
.sec_section_text {
    padding-left: 5%}
.sec_section_list {
    border-color: #8e7143;
    border-top: 1px solid #aa8f63;
    padding-top: 30px;
    margin: 30px 0 0;
    text-align: left;
    column-count: 2;
}
.awards_logo, .btn, .fifth_hover, .fifth_sec_text, .footer_main {
    text-align: center;
}
.second_listitem {
    color: #f37b04;
    font-size: 14px;
    margin-bottom: 8px;
}
.second_itemstext {
    color: #3f3f3f;
}
.medium_size {
    font-size: 16px!important;
}
.blue_section {
    background-color: rgb(207 200 188 / 66%);
    padding: 92px 0;
}
.sixth_left{
	padding: 92px 0;
}
.blue_textspace {
    max-width: 385px;
}
.blue_sectiontext {
    width: 47%;
    padding: 0 5%;
    color:  #3f3f3f;
}
.blue_section_image {
    width: 53%}
.blue_sectionimage {
    max-width: 100%;
    width: 818px;
    height: 570px;
    position: relative;
}
.numb_counter {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
}
.numb_circle {
    background-color: #688d9a;
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 80px;
    top: -40px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}
.btn {
    background-color: transparent;
    border: 1px solid #fff;
    padding: 10px 40px 7px;
    font-size: .8125rem;
    display: inline-block;
    outline: 0;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s ease-in-out;
}
.fourth_section {
    padding: 92px 0;
    background: rgb(207 200 188 / 66%);
}

.footer_main, .map {
    background-size: cover;
}
.fourth_section_img {
    width: 590px!important;
    height: 275px!important;
    max-width: 100%;
    display: block;
    object-fit: cover;
    border-radius:  11px 11px 0px 0;
}
.fourths_section {
    padding: 92px 0;

}
.fourths_slick{
	position: relative;
    overflow: hidden;
	border-radius:5px;
	transition: .4s;
    z-index: 999;
}
.price_tag{
    position: absolute;
    left: 3px;
    top: 11px;
    z-index: 9999;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}
.price_tag span{
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#9BC90D 0%, #79A70A 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 19px;
    left: -21px;
}
.price_tag span::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #79A70A;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79A70A;
}
.price_tag span::after{
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #79A70A;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79A70A;
}

.price_tag img{
	height:14px;
	padding-right:8px;
	transition:.4s;
}
.book_now_circle{
	
	padding:4px 8px;
	border-radius:50%;
	margin-left:5px;
}
.fourths_section_img:before{
	content: "";
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
    background: linear-gradient(to top, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.3) 30%, rgba(22,22,23,0.1) 50%, rgba(0,0,0,0) 100%);
    background-color: rgba(0,0,0,0.2);
    border-radius: 4px 4px 0 0;
    opacity: 1;
}
.fourths_section_img {
    width: 590px!important;
    height: 275px!important;
    max-width: 100%;
    display: block;
    object-fit: cover;
    border-radius:5px;
	transform: scale(1);
    transition: .4s;
    -webkit-backface-visibility: hidden;
}
.fourths_section_text{
	position:absolute;
	left:0;
	bottom:0;
	z-index:99;
	width: 100%;
    padding: 25px 15px 25px 20px;
    color: #fff;
    font-size: 13px;
    -webkit-transition: .4s;
	border-radius:5px;
}
.fourths_section_text h4{
	height:90px;
}
.fourths_ribbon_div{
	position:relative;
	margin:25px 0px;
	transition:.4s;
}
.fourths_ribbon{
	position: absolute;
    bottom: -8px;
    left: 34px;
    right: 34px;
	z-index:999;
    background: white;
	color:black;
    padding: 10px 8px;
    width: 80%;
    border-radius: 25px;
	box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.3);
}
.fourths_slick a:hover .fourths_section_img img{
	transform: scale(1.2);
}
.fourths_ribbon_div:hover{
	transform: translate3d(0, -10px, 0);
}
.awards_logo, .display-flex, .fifth_hover, .slider_div {
    display: flex;
}
.slick-prev {
    left: 0;
    z-index: 1;
}
.slick-next {
    right: 0;
}
.slick-prev:before {
    content: "\276F";
}
.slick-next:before {
    content: "\276F";
}
.slick-prev:before, .slick-next:before {
    opacity: unset;
}
.slick-next::before {
    right: -35;
    position: absolute;
    border: 0;
	top:0;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: #f37b04;
    padding: 3px;
}
.slick-prev::before {
    left:  -35;
    position: absolute;
	top:0;
    border: 0;
    border-radius: 50%;
    transform: rotate(180deg);
    width: 30px;
    height: 30px;
    background: #f37b04;
    padding: 3px 5px;
}

.slick-dots li button:before {
	content:'' !important;
	font-size:0px;
}
.slick-dots li{
	font-size: 0;
    line-height: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    position: relative;
    outline: none;
    display: inline-block;
    width: 16px;
    transform: rotate(45deg);
    height: 16px;
    margin: 0 4px;
    opacity: 1;
    line-height: 0;
    box-shadow: inset 0 0 0 2px #c0c0c0;
    transition: all 0.3s;
}
.slick-dots li.slick-active{
	box-shadow: inset 0 0 0 4px #f37b04;
    transition: all 0.3s;
}

.fourth_section_text {
    padding:  20px;
    box-shadow: 0px 20px 20px -12px rgb(0 0 0 / 30%);
    background: white;
}
.slider_data {
    padding: 0px 10px;
    position: relative;
    border-radius:  10px;
}
.special_list li {
    line-height: 1.6;
    margin-bottom: 8px;
    position: relative;
}
.fifth_section {
    margin: 50px auto 5px;
}
.fifth_section h2, .footer_other {
    margin-bottom: 50px;
}
.fifth_secimages {
    width: 33.33%;
    padding: 0 2px;
    position: relative;
    overflow: hidden;
}
.fifth_section_images {
    width: 100%;
    height: 570px;
    object-fit: cover;
}
.fifth_sec_text {
    position: absolute;
    bottom: 0;
    left: 2px;
    background-color: #f3efea;
    width: calc(100% - 4px);
    padding: 38px 0;
    font-size: 28px;
    margin-bottom: 0!important;
}
.slider_div {
    margin-top: 40px;
    position: relative;
    height: 80px;
    align-items: center;
}
.blue_img_cut{
	clip-path: polygon(0 0, 100% 0%, 82% 100%, 0% 100%);
	border-radius:0 10px 0 0 !important ;
}
.bar {
    border-top: 1px solid #6e6e6e;
    width: 50%}
.slider_text {
    padding: 0 8px;
}
.slider_leftarrow {
    width: auto;
    height: 16px;
    transform: rotate(90deg);
	filter: brightness(0.5);
}
.slider_rightarrow {
    width: auto;
    height: 16px;
    transform: rotate(-90deg);
	filter: brightness(0.5);
}
.slider_arrowdiv {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #6e6e6e;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.slick_ribbon {
    position:  absolute;
    background:  #5197ac;
    top:  0;
    display:  flex;
    width:  100%;
    padding:  8px 0px;
    left: 0;
    text-align:  left;
    flex-wrap:  nowrap;
    justify-content:  center;
    color:  white;
    z-index: 9;
    font-weight:  700;
}
.slick_ribbon_left {
    position:  absolute;
    right:  -10px;
    bottom:  -10px;
    width:  0;
    height:  0;
    border-style:  solid;
    border-width:  0 10px 10px;
    border-left-color:  #5197ac;
    border-top-color:  transparent;
    border-bottom-color:  transparent;
    border-right-color: transparent;
}
.slick_ribbon_right {
    position:  absolute;
    left:  -10px;
    bottom:  -9px;
    width:  0;
    height:  0;
    border-style:  solid;
    border-width:  0 10px 10px;
    border-left-color:  transparent;
    border-top-color:  transparent;
    border-bottom-color:  transparent;
    border-right-color: #5197ac;
}
.fifth_hover {
    background-color: rgba(255, 255, 255, .85);
    position: absolute;
    width: calc(100% - 76px);
    height: calc(100% - 76px);
    top: 38px;
    left: 38px;
    align-items: center;
    justify-content: center;
    padding: 0 10%}
.fifth_hoverhead {
    margin-bottom: 10px;
    font-size: 28px;
}
.map {
    background-image: url("../images/rg-map_en-6257250e3d325.png");
    background-repeat: no-repeat;
    height: 620px;
    background-position: center;
    position: relative;
}
.seventh_text {
    width: 50%;
    max-width: 380px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10%}
.border_blue {
    border-color: #f37b04;
    color: #f37b04;
}
.border_blue:hover {
    background: #f37b04;
    color: #fff;
}
.border_blue:hover img{filter: brightness(0) invert(1);}

.footer_logos:after, .footer_logos:before {
    content: "";
    top: 0;
    height: 1px;
    background-color: #fff;
}
.eighth_section {
    margin: 100px 0;
}
.reviews {
    border: 1px solid #aa8f63;
    padding: 8% 10%}
.reviews_div {
    font-size: 17px;
    font-weight: 700;
}
.reviews_text {
    font-size: 17px;
    line-height: 1.8;
}
.slick-slide {
    height: unset!important;
}
.awards {
    margin: 90px auto;
}
.awards_logo {
    width: 50%;
    justify-content: center;
    align-items: center;
    padding: 0 5%}
.awards_logo_first, .awards_logo_second {
    height: 150px;
    display: flex!important;
    justify-content: center;
    align-items: center;
}
.awardlogo_size {
    display: inline-block;
    margin: 0 20px;
    width: 245px;
    max-height: 180%}
.awards_text {
    width: 50%;
    padding-left: 5%;
    border-left: 1px solid #aa8f63;
}
.footer_main  {
    background-color:  #688d9a;
    color:  #fff;
}
.footer_contact_info {
    position: relative;
    display: flex;
}
.footer_contact_div {
    border-right: 1px solid white;
}
.footer_social_color {
    background: #aaaaaa;
}
.footer_social_row {
    padding: 50px 0px;
}
.footer_contact_info_img {
    background-image: url('../images/footer_border.png');
    background-repeat:  no-repeat;
    background-position:  center;
    height:  40px;
    width:  60px;
    display:  flex;
    justify-content:  center;
       align-items:  center;
}
.social_rules {
    display: flex;
}
.footer_first {
    border-bottom: 1px solid #fff;
    padding: 100px 0;
}
.signup_heading {
    font-size: 45px;
    font-weight: 200;
    margin-bottom: 40px;
}
.footer_first .container {
    max-width: 1090px!important;
}
.border_white_org {
    color: #fff;
}
.border_white:hover, .border_white_org:hover {
    color: #000;
    background: #fff;
}
.field_input, .navopen_subitems:hover {
    color: #fff;
    background: 0 0;
}
.border_white {
    color: #fff;
    height: 38px;
    width: 159px;
}
.field_size {
    width: 32%;
    position: relative;
    display: flex;
}
.footer_contact_info_img img {
    width:  13px;
    height:  auto;
}
.footer_contact_info_text {
    text-align: left;
}
.footer_contact_info_text h5 {
    font-weight: 700;
}
.footer_contact_info_text h6 {
    font-weight: 700;
}
.footer_contact_info_text p {
    margin: 0px;
}
.field_input {
    width: 90%;
    border: 0;
    border-bottom: 1px solid #fff;
    padding: 10px 0;
    font-size: 14px;
}
.field_input::placeholder {
    color: #fff;
}
.checkbox_div {
    text-align: left;
    width: 100%;
    padding-top: 15px;
}
.label_div {
    display: inline-block;
    margin-right: 30px;
    position: relative;
    text-align: left;
    font-size: 12px;
}
.footer_last {
    padding:  0px 0px 70px 0px;
}
.footer_logo {
    margin: 0 auto 40px;
    display: block;
    text-align: center;
    max-width: 240px;
}
.contact_checkbox, .footer_links, .footer_listitems, .form_heading, .link_404 {
    display: inline-block;
}
.footer_links {
    padding:  20px 0px;
    border:  1px solid;
    border-left:  0px;
    border-right:  0;
}
.footer_listitems {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #fff;
    line-height: .9;
}
.last_item {
    margin: 0;
    padding: 0;
    border: 0;
}
.footer_itemname {
    display: block;
    line-height: .9;
}
.footer_social {
    margin: 0 20px 40px;
    display: inline-block;
    padding: 0;
}
.footer_socialitems {
    display: inline-block;
    margin: 0 10px;
}
.footer_socialimg {
    height: 15px;
    width: auto;
}
.footer_otherlinks {
    margin: 0 15px;
    font-size: 12px;
}
.footer_logos {
    padding: 40px 0;
    position: relative;
    display: flex;
    justify-content: center;
}
.footer_logos:before {
    display: block;
    position: absolute;
    left: 0;
}
.footer_logos:after {
    display: block;
    position: absolute;
    right: 0;
}
.footer_logoshead {
    width: 100%;
    top: -8px;
    padding: 0 40px;
    font-size: 14px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.footer_logosimg {
    max-height: 80px;
    height: 80px;
    max-width: 275px;
    margin: 0 15px;
    display: inline-block;
}
.footer_comp {
    font-size: 13px;
}
.footer_copyright {
    background-color: #688d9a;
    font-size: 11px;
}
.navbar_open_text {
    padding: 10px 0;
}
.inner_width {
    width: 90%}
.navopen_submenu {
    display: none;
    position: absolute;
    background-color: transparent;
    z-index: 1000;
    padding: 0 30px;
    border: none;
}
.navopen_subitems {
    color: #fff;
}
.navbar_logo {
    height: 95px;
    width: 100%}
.gallery_section {
    background-image: none;
    height: max-content!important;
}
.gallery_div {
    margin-top: 100px;
    margin-bottom: 10px;
}
.gallery_head {
    margin-top: 20px;
}
.gallery_imgsize {
    height: 100%;
    width: 100%;
    object-fit: cover;
    padding: 12px 0;
}
.about_intro, .contact_intro {
    margin: 95px auto;
}
.about_intro_text, .contact_intro_text {
    width: 90%;
    max-width: 790px;
    margin: 0 auto;
}
.contact_subintro {
    padding: 25px 0;
    text-align: center;
    border-top: 1px solid #aa8f63;
    border-bottom: 1px solid #aa8f63;
}
.contact_subintro ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.contact_subintro ul li {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #aa8f63;
    line-height: .9;
}
.contact_subintro ul li:last-child {
    border-right: 0px;
}
.contact_subintro ul li a {
    padding: 3px 0;
    color: #3f3f3f;
    text-decoration: none;
}
.contact_formtab, .team_section {
    padding: 90px 0;
    background-color: #f3efea;
}
.contact_form {
    width: 100%;
    background: #fff;
}
.form_heading {
    padding: 15px 35px 10px;
    position: relative;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    margin-right: 1px;
    background-color: #688d9a;
    width: 100%;
    text-align: center;
}
.form_tab {
    padding: 5px 40px;
}
.form_wrapper {
    width: 90%;
    max-width: 900px;
    margin: 80px auto;
}
.form-group {
    margin-bottom: 15px;
    position: relative;
}
form label {
    font-size: 14px;
    display: block;
    margin-bottom: .5rem;
}
.form-control {
    color: #3f3f3f;
    background-color: transparent;
    padding: 10px;
    font-size: 14px;
    width: 100%;
    border: 1px solid rgba(63, 63, 63, .5);
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.form-control:focus {
    border-radius: 3px;
    border: 2px solid #000;
    box-shadow: unset;
}
.contact_checkbox {
    margin-right: 40px;
    margin-bottom: 0;
    position: relative;
}
.contact_checkbox input {
    position: absolute;
    z-index: 9;
}
.team_div, .team_img {
    position: relative;
}
.contact_checkbox label {
    position: relative;
    padding-left: 18px;
    text-align: left;
    font-size: 12px;
    margin-bottom: .5rem;
}
.contact_info {
    width: 100%;
    padding: 40px 30px 0;
}
.space_div{
	padding:20px 30px 0;
}
.page_404, .thankyou_page {
    padding: 40px 0;
    background: #f3efea;
}
.four_zero_four_bg, .thankyou_bg {
    margin-top: 100px;
    height: 200px;
    background-position: center;
}
.four_zero_four_bg h1, .four_zero_four_bg h3, .thankyou_bg h1 {
    font-size: 80px;
}
.link_404 {
    color: #fff!important;
    padding: 10px 20px;
    background: #688d9a;
    margin: 20px 0;
}
.contant_box_404, .thankyou_box{
    margin-top: -50px;
}
.team_img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.team_info {
    position: absolute;
    bottom: 0;
    margin: 20px;
    background: #f3efeade;
    width: 90%;
    color: #002157;
    padding: 12px;
    border-radius: 20px;
    max-height: 120px;
}
.team_info h3 {
    font-weight: 800;
}
.blog_image, .tour_blog_style {
    border-radius: 10px;
}
.tour_blog {
    display: flex;
    align-items: center;
}
.destination{
	background:#f4f4f4;
}
.destination_col{
	overflow:hidden;
	transition:.4s;
}
.destination_col:hover .destination_info img{
	transform:scale(1.2);
}
.destination_col:hover{
	transform: translate3d(0, -10px, 0);
	transition:.4s;
}
.destination-img  {
    width:  100%;
    height:  200px;
    object-fit:  cover;
    border-radius: 5px 5px 0px 0px;
	transform: scale(1);
    transition: .4s;
}
.destination_info  {
	margin:16px 0px;
    border-radius:  5px;
    position: relative;
	box-shadow:0 .125rem .125rem 0 rgba(0,0,0,.1);
}
.destination_info div{
	overflow:hidden;
}
.destination_info h4  {
    color: #022157;
    font-weight: 700;
	font-size:22px;
	text-align:left;
}
.destination_info a  {
    color:  #000;
}

.destination_info_text{
	box-shadow:0 .125rem .125rem 0 rgba(0,0,0,.25);
	height:140px;
	position:relative;
	padding:20px;
	border-radius:0 0 10px 10px;
}
.destination_link{
	position: absolute;
    bottom: 20px;
    left: 20px;
    display: flex;
    align-items: center;
}
.destination_link .btn{
	padding:6px 12px;
}
.destination_link div{
	color: #f37b04;
    font-weight: 800;
    font-size: 14px;
}
.destination_link img{
	height: 14px;
    margin-left: 10px;
}
.destination_link hover{
	
}	
.blog_image {
    max-width: 100%;
    height: auto;
}
.tour_blog_style .blog_category {
    background-color: #fff;
    color: #65318f;
    padding: 18px 44px 16px;
    border-radius: 0 10px 10px 0;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 80px;
}
.tour_blog_info {
    background-image: url("../images/blog-bg.png");
    border: 1px solid #004a6338;
    background-color: #fff;
    margin-left: -100px;
    padding: 40px;
    max-width: 615px;
    border-radius: 10px;
}
.bg_info_img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.tour_blog_title {
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 15px;
    font-size: 30px;
    color: #004a63;
}
.tour_blog_text {
    font-size: 16px;
    max-width: 475px;
    margin: 0 0 18px;
    color: #505050;
    line-height: 1.625;
}
.inverse {
    flex-direction: row-reverse;
    margin: 60px 0 30px;
}
.category_inverse {
    left: unset!important;
    right: 0;
    border-radius: 10px 0 0 10px!important;
}
.act_div, .act_img {
    border-radius: 10px;
}
.avail_line {
    position:  absolute;
    top: 60%;
    width:  80%;
    display:  flex;
       align-items:  center;
    justify-content:  center;
    background:  white;
    padding:  18px 8px;
    margin:  0 40 0 20;
     border-radius:  100px;
    box-shadow:  0 0.125rem 0.25rem #0000001a;
    font-weight: 700;
}
.info_inverse {
    margin-right: -100px;
    margin-left: unset;
    z-index: 2;
}
.activity_section {
    padding:  160px 40px;
    background-color: #f3f3f3;
}
.act_div {
     background:  #fff;
    box-shadow:  0 0 10px 0 rgba(0,  0,  0,  .08);
    padding:  20px;
    min-height:  400px;
    position: relative;
}
.act_info {
    padding: 25px 0;
}
.act_img {
    width: 100%;
    height: 255px;
}
.review_slide {
	background-image: url(../images/review_banner.jpg);
}
.reviews_section {
	background-color: #f7f7f7;
	padding: 80px 0;
}
.reviews_heading {
	font-size: 36px;
    line-height: 1.2;
	text-align: center;
}
.reviews-creative {
    text-align: center;
    padding: 0 15px 30px;
    letter-spacing: .025em;
    background: #ffffff;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.15));
}
.reviews-creative-figure {
    display: inline-block;
    margin-top: -42px;
    border: 15px solid #ffffff;
    border-radius: 50%;
}
.reviews-creative-cite {
    color: #f37b04;
    font-weight: 400;
}
.reviews_row {
	margin-top: 70px;
}
.reviews-circles {
    border-radius: 50%;
}
.impressions_section {
    height: 75vh;
    width: 100%;
    position: relative;
    background-image: url(../images/parallax-1-1920x850.jpg);
    background-position: center calc(50% - 45px);
    background-repeat: no-repeat;
    background-size: cover;
	align-content: center;
}
.impressions_content {
    z-index: 9;
    position: relative;
	text-align: center;
}
.impressions_heading {
	font-size: 48px;
    line-height: 1.2;	
}
.impressions_text {
	color: #ffffff;
}
.impressions_overlay {
    background-color: #000;
    position: absolute;
    width: 100%;
    height: 98.6%;
    opacity: 0.5;
	top: 0;
}
.impressions_book {
    position: relative;
    overflow: visible;
    padding: 14px 35px 15px;
    border: none;
    z-index: 1;
}
.impressions_book {
    color: #ffffff;
    background-color: #f37b04;
    border-color: #f37b04;
	border-radius: 10px;
}
.impressions_book:before {
	background: #f37b04;
    border-color: #f37b04;
	position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: all .3s ease-in-out;
	border-radius: 10px;
}
.impressions_book:after {
	position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-width: 2px;
    border-style: solid;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease 0s;
    transform: scale(1.05);
    will-change: transform;
    z-index: -1;
	border-radius: 10px;
}
.impressions_book:hover{
	color: #ffffff;
	background-color: transparent;
	border-radius: 10px;
}
.impressions_book:hover::before, .impressions_book:active::before {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.9);
    transition-duration: .2s;
	border-radius: 10px;
}
.impressions_book::after{
    border-color: #ffffff;
}
.impressions_book:hover::after {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition-duration: .3s;
    transition-delay: .1s;
	border-radius: 10px;
}
.hotel_section {
	margin: 50px 0;
}
.hotel_section h2 {
    font-weight: 600;
}
.counter_section {
    margin: 100px 0px;
}
.counter_background {
	background-image: url(../images/counter-bg.jpg);
	background-repeat: no-repeat;
	height: 100%;
	background-size: cover;
}
.counter_text {
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    width: 86%;
    height: 82%;
    transform: translate(8%, 11%);
    background-color: #ffffff;
    text-align: center;
}
.counter_text .counter, .plus {
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 80px;
}
.counter_info {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.counter_section h2 {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 58px;
}
.counter_text h6 {
    max-width: 60%;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 600;
	margin: 0 auto;
}
.room_background {
    background-image: url(../images/Royalton_Luxury_Room.jpg);
    height: 300px;
    background-size: cover;
    background-position: center center;
	position: relative;
	border-radius: 10px;
	margin-bottom: 50px;
}
.room_info {
    position: absolute;
    bottom: -100px;
    background-color: #fff;
    width: 90%;
    padding: 10px;
    margin: 0 auto;
    left: 0;
    right: 0;
	opacity: 0.9;
	box-shadow: 0px 0px 19px 0px;
	border-radius: 10px;
}
.room_info h5 {
    font-weight: 800;
    padding-left: 7px;
    margin: 20px 0;
}
h5.main_room_name {
    margin: 0;
    margin-bottom: 20;
}
.room_info h6 {
    margin-bottom: 0;
    padding-left: 7px;
    font-weight: 700;
}
.room_data svg {
    max-width: 22px;
    min-height: 12px;
    margin-right: 10px;
}
.check_availability {
    border: 1px solid #000;
    color: #000;
    padding: 1px 11px;
    margin: 35px 0;
}
.button_div {
    margin-top: 15px;
}
.call_section_row {
	background-image: url(../images/call_bg.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 20px;
	border-radius: 5px;
}
.call_section_row img {
    width: 70px;
}
.call_section_row h5 {	
    color: #fff;
}
.call_section_row h2  {
    font-size: 30px;
    font-weight: normal;
    line-height: 1.2em;
    letter-spacing: 1px;
    margin: 0px;
    padding: 0px;
	color: #fff;
}
.call_section_row p {
	color: #fff;
	margin: 0;
}
.facilities_row {
    display: flex;
    flex-wrap: wrap;
}
.facilities-col {
    width: 25%;
	padding: 40px;    
}
.facilities-col img {
    width: 50px;
    height: 50px;
}
.image_border {
    border: 1px solid;
    border-radius: 50px;
    width: 100px;
    height: 100px;
    padding: 20px;
    margin: 0 auto;
    margin-bottom: 21px;
}
.facilities-col h3, .room_section h2, .facilities_section h2 {
    font-weight: 700;
}
.facilities_row:nth-child(even) .facilities-col:nth-child(even){
	background-color: #FFFFFF;
}
.facilities_row:nth-child(even) .facilities-col:nth-child(odd){
	background-color: #F6F6F5;
}
.facilities_row:nth-child(odd) .facilities-col:nth-child(even){
	background-color: #F6F6F5;
}
.facilities_row:nth-child(odd) .facilities-col:nth-child(odd){
	background-color: #FFFFFF;
}
.fishing_section {
    margin-top: -120px;
}
.fishing_info {
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 25px 20px;
    border-radius: 0px 80px 0px 0px;
    overflow: hidden;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    background-color: #ffffff;
    transition: all .5s ease-in-out;
}
.fishing_info {
	transform: translateY(-10px);
}
.count {
    font-size: 50px;
    font-weight: 800;
    -webkit-text-fill-color: transparent;
    position: absolute;
    left: 20px;
    top: 0px;
    opacity: 0.15;
    z-index: -1;
    -webkit-text-stroke: 2px #000000;
}
.fishing_info img {
    width: 100px;
}
.fishing_image {	
	transition: all .5s ease-in-out;
	margin-bottom: 20px;
	margin-top: 20px;
}
.fishing_title {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 8px;
}
.fishing_info:hover .fishing_image {
    transform: rotateY(360deg);
}
.about_image {
    position: relative;
}
.about_subimage {
    position: absolute;
    right: -45px;
    bottom: -45px;
    width: 45%;
}
.about_subimage img {
	 border: 10px solid #ffffff;
	border-top-left-radius: 80px;
}
.heading-bold {
	font-weight: 700;
}
.about_experience {
    background: #000000;
    position: absolute;
    left: -40px;
    bottom: 110px;
    padding: 30px 20px;
    text-align: center;
    border: 10px solid #ffffff;
	font-size: 70px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 10px;
	color: #ffffff;
}
.about_experience h5 {
    font-size: 20px;
    font-weight: 800;
}
.service_section {
	margin-top: 150px;
	margin-bottom: 150px;
}
.service-info {
    background-color: #fff;
    position: relative;
    padding: 20px;
    padding-top: 0;
    z-index: 1;
    transition: all .5s ease-in-out;
	box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
	border-top-right-radius: 80px;
	margin-top: 80px;
	visibility: visible;
    animation-delay: 0.25s;
    animation-name: fadeInUp;
}
.service-info:hover {
    transform: translateY(-10px);
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.service-info::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 85%;
    border-top-right-radius: 80px;
    background: #ffffff;
    transition: all .5s ease-in-out;
    z-index: -1;
}
.service-info-img img {
    border-top-right-radius: 80px;
	margin-top: -50px;
	margin-bottom: 30px;
}
.service-icon img {
    width: 55px;
	margin-top: 13px;
}
.service-icon {
    position: absolute;
    width: 90px;
    height: 90px;
    line-height: 75px;
    background: #ffffff;
    font-size: 50px;
    color: #ffff;
    text-align: center;
    border-radius: 50%;
    margin-top: -76px;
    right: 35px;
    z-index: 1;
}
.exp_section {
    background-color: #688d9a;
}
.exp_data_section {
    background-color: #ffffff;
    margin: 50px 0px;
    padding: 20px 15px 20px 25px;
    border-radius: 50px 0 50px 0;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    z-index: 1;
}
.exp_img {
    background-color: #688d9a;
    padding: 4px;
    border-radius: 50px;
}
.exp_icon {
    filter: brightness(0) invert(1);
    border: 3px solid;
    border-radius: 50px;
    padding: 5px;
}
.counter {
	display: block;
    line-height: 1;
    color: #000000;
    font-size: 50px;
    font-weight: 900;
}
.exp_data_section h6 {
    margin-top: 5px;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}
.why_choose_section {
	position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 150px;
	overflow: hidden;
}
.why_choose_bg {
    background-color: #fff;
    padding: 30px 50px 30px 50px;
    border-bottom-right-radius: 80px;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
}
.why_choose_bg h2 {
    font-size: 45px;
}
.community img {
    width: 90%;
}
.meet_section {
    position: relative;
    background: #ffffff;
    border-radius: 0 130px 0 0;
    padding: 12px;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    transition: all .5s ease-in-out;
	text-align: center;
}
.meet_section img {
    border-radius: 50%;
	margin-bottom: 30px;
}
.meet_section:hover {
    transform: translateY(-8px);
}
.our_team_section {
    margin: 100px 0;
}
.working_process_section {
    background-color: #688d9a;
	padding: 100px 0;
	color: #ffffff;
}
.working_img img {
    filter: brightness(0) invert(1);
    border: 3px solid;
    border-radius: 50px;
    padding: 5px;
}
.working_img {
    background-color: #aaaaaa;
    width: 80px;
    height: 80px;
	margin: 20px auto;
    border-radius: 50px;
	padding: 5px;
}
.experiences_section {
    margin: 150px 0;
}
.experiences_col_img {
	position: relative;
}
.experiences_img {
    border-radius: 24px;
}
.experiences_sub_img {
    width: 100%;
    border-radius: 24px;
}
.experiences_sub_img_section_img {
    position: absolute;
    bottom: -8.4%;
    right: -8.5%;
    width: 300px;
}
.sailing_section {
	background-color: #688d9a;
    padding: 4px;
    border-radius: 50px;
}
.sailing_img {
    filter: brightness(0) invert(1);
    border: 3px solid;
    border-radius: 50px;
    padding: 5px;
}
.sailing_info:hover .sailing_section img{
    transform: rotateY(360deg);
}
.sailing_img {
    transition: all .5s ease-in-out;
}
.sailing_info {
    gap: 16px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-color: transparent;
    border-radius: 20px;
    padding: 20px 0px;
}
.sailing_col {
    padding-left: 78px;
}
.sailing_info:hover {
	background-color: #FFFFFF;
    box-shadow: 0px 2px 6px rgba(40, 41, 61, 0.02), 0px 16px 24px rgba(96, 97, 112, 0.12);
}
.explore_destination_section {
	background-color: #688d9a;
	position: relative;
	margin: auto;
    border-radius: 60px;
    z-index: 2;
	padding: 120px 0;
    overflow: hidden;
	color: #FFFFFF;
}
.destination-shape {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 60px;
    background-color: #688d9a;
    -webkit-mask-image: url(../images/shape.svg);
    mask-image: url(../images/shape.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    z-index: 9;
}
.destination-mockup {
    display: block;
    z-index: -1;
    width: 50%;
    height: 100%;
}
.destination-mockup {
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
.destination-mockup img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	border-radius: 0px 60px 60px 0;
}
.destination-section {
    padding: 120px 0px;
}
.destination-list-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}
.destination-list-wrap {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    box-sizing: border-box;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.destination-list {
    position: relative;
    height: 636px;
    border-radius: 24px;
    z-index: 2;
    -webkit-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
    cursor: pointer;
}
.background-image, [data-bg-src] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.destination-list:before {
    content: "";
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 77.91%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 77.91%);
    border-radius: 24px;
    z-index: -1;
}
.destination-list .destination-content {
    position: absolute;
    left: 5px;
    bottom: 70px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.destination-list .box-title {
    font-weight: 600;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0.02em;
    color: #ffffff;
    margin-bottom: 0;
}
.destination-list .destination-subtitle {
    color: #ffffff;
}
.destination-list-wrap.active {
    -webkit-box-flex: 324%;
    -webkit-flex: 324%;
    -ms-flex: 324%;
    flex: 324%;
}
.destination-list:before {
    content: "";
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 77.91%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 77.91%);
    border-radius: 24px;
    z-index: -1;
}
.destination-list-wrap.active .destination-content {
    left: 40px;
    bottom: 40px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: all 0.8sease-in-out;
    transition: all 0.8sease-in-out;
	width: 50%;
}
.destination-btn {
    display: none;
}
.destination-list-wrap.active .destination-btn {
	display: block;
    position: absolute;
    right: 40px;
    bottom: 40px;
    padding: 10px 30px;
}
.explore_section {
	background-color: #f9f6f0;
	padding: 120px 0 120px;
	position: relative;
}
.explore_section_info {
    margin-top: -100px;
    position: relative;
    z-index: 9;
}
.boat-info {
    background: #ffffff;
    margin-bottom: 20px;
    padding: 22px;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(34, 34, 34, 0.09);
    box-shadow: 0px 0px 15px 5px rgba(34, 34, 34, 0.09);
	border-radius: 10px;
}
.boat-info img {
    width: 50px;
    height: 50px;
	margin-bottom: 20px;
}
.boat-info p {
    font-size: 18px;
    line-height: 24px;
    margin: 11px 0 0;
}
.explore_section div img {
    z-index: 9999;
    position: relative;
}
.boat-image {
    transition: all 1500ms ease;
    outline-offset: -20px;
    outline: 20px solid #fff;
}
.boat-image2 {
    outline-offset: -25px;
}
.boat-image:hover {
    opacity: 0.99;
    transform: scale(1.02) rotate(0deg);
	outline-offset: -50px;
    outline: 20px solid #f37b04;
}
.right-boat-bg {
    background: #022447;
    position: absolute;
    top: 0px;
    right: 0;
    content: "";
    z-index: 1;
    width: 30%;
    height: 100%;
}
.caribbean_about_section .container {
	margin: 40px auto;
    padding: 20px;
    box-shadow: 1px 6px 8px 2px rgba(49, 41, 41, 0.1);
}
.sailing-caribbean-col h6 {
	text-transform: uppercase;
}
.sailing-caribbean-col .image_border img{
    transition: all .5s ease-in-out;
}
.sailing-caribbean-col:hover .image_border {	
    border-color: #ffffff;
}
.sailing-caribbean-col:hover {	
	color: #ffffff;
}
.sailing-caribbean-col:hover .image_border img{
    filter: brightness(0) invert(1);
	transform: rotateY(360deg);
}
.sailing-caribbean-col:hover {
    background-color: #688d9a !important;
}
.facilities-caribbean {
    margin: 150px 0px;
}
.about_tour_section {
    margin-top: -50px;
    position: relative;
}
.about_tour_col {
    display: flex;
}
.about_tour_col {
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 30px 0px;
    padding: 25px;
	border-radius: 10px;
	background-color: #fff;
	transition: all .5s ease-in-out;
	height: 100%;
}
.about_tour_col:hover {
    background-color: #6f939f;
}
.about_tour_col:hover .content {
	color: #ffffff;
}
.about_tour_col:hover .about-icon img{
    filter: brightness(0) invert(1);
    transform: rotateY(360deg);
}
.charter_about_section {
	margin: 100px 0px;
}
.tour-about-list {
	list-style: none;
    padding-left: 0;
}
.tour-about-list li {
    display: flex;
}
.tour-about-list .check-icons::before {
    content: "\276F";
    margin-right: 11px;
    color: #688d9a;
}
.about-info {
    padding: 30px 30px 20px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #EAEAEA;
    border-radius: 0px 0px 0px 0px;
	transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
	border-radius: 5px;
	height: 100%;
}
.about-info:hover {
    transform: translateY(-8px);
}
.about-info img {
    height: 50px;
    width: 55px;
	margin-bottom: 13px;
}
.discover_section {
	color: #FFFFFF;
	padding: 100px 0px;
	position: relative;
}
.discover_section .container {
    z-index: 9999;
    position: relative;
}
.discover-overlay-section {
    background-color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.2;
}
.expertise_section {
	position: relative;
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
    padding: 110px 0;
	text-align: center;
	color: #ffffff;
}
.expertise_section .counter {
	color: #ffffff;
}
.reviews_info {
    margin-bottom: 80px;
}
@media screen and (max-width :1200px) {
	.slick-next::before {
		right: 10;
	}
	.slick-prev::before {
		left:  10;
	}
    .lower_nav{
		width:90%;
	}
	.activity_section  {
		padding:  160px 0px;
	}
	.navbar_logo {
		height: 75px;
	}
	.border_book {
		font-size: 16px;
		padding: 0 16px;
	}
	.navbar_content {
		width: 50%;
		padding: 10vh 15px 0;
	}
	.main_slide_heading {
		font-size: 52px;
	}
	.footer_listitems {
		padding-right: 10px;
		margin-right: 10px;
	}
	.footer_social {
		margin: 0 5px 40px;
	}
	.tour_blog_title {
		font-size: 20px;
	}
	.reviews_info {
		margin-bottom: 70px;
	}
}
@media screen and (max-width :1024px) {
	.facilities-col {
		width: 50%;
	}
	.facilities-col:nth-child(1), .facilities-col:nth-child(4){
		background-color: #F6F6F5 !important;
	}
	.facilities-col:nth-child(2), .facilities-col:nth-child(3){
		background-color: #FFFFFF !important;
	}	
	.sailing-caribbean-col:hover {
		background-color: #688d9a !important;
	}
}
@media screen and (max-width :1190px) {
	.slick-next::before {
		right: -10;
	}
	.slick-prev::before {
		left:  -10;
	}
}
@media screen and (max-width :992px) {
    .fifth_sec_text {
		display: none!important;
	}
	.slider_text {
		color:white;
	}
	.slider_leftarrow {
		filter: unset;
	}
	.slider_rightarrow {
		filter: unset;
	}
	.fifth_hover {
		display: flex!important;
	}
	.size_dep {
		width: 125px!important;
	}
	.border_book {
		margin: 0 5px;
	}
	.awards_text, .sec_section_text {
		text-align: center;
	}
	.awards_logo, .blue_sectionimage, .inner_width, .rest_form, .second_sec_img {
		width: 100%
	}
	.navopen_logosimg {
		height: 75px;
	}
	.black_div, .popup_form {
		width: 50%;
	}
	.label_text {
		width: 25%}
	.main_slide_heading {
		font-size: 36px;
	}
	.sec_slide_heading {
		font-size: 18px;
	}
	.navbar_content {
		width: 50%;
		padding: 10vh 25px 0;
	}
	.navbar_headtext_left {
		display: none;
	}
	.navbar_padding {
		padding-right: 0;
	}
	.text_wrap {
		flex-wrap: wrap;
	}
	.footer_list_div, .second_sec_img {
		margin-bottom: 40px;
	}
	.sec_section_img {
		width: 95%;
	}
	.sec_section_list {
		column-count: 1;
	}
	.reverse {
		flex-direction: column-reverse;
	}
	.blue_section_image {
		width: 90%;
	}
	.blue_sectiontext {
		width: 80%;
		padding-top: 40px;
	}
	.blue_textspace {
		max-width: 100%
	}
	.fourth_sectionimg {
		width: 100%!important;
		text-align: center;
	}
	.slider_data  {
		padding-bottom:  20px;
	}
	.fourth_section_img {
		width: 100%!important;
		height: 280px!important;
	}
	.content {
		justify-content: center!important;
	}
	.fourths_section {
		padding: 50px 0;
	}
	.destination_info_text {
		height: 180px;
	}
	.fourth_section_text {
		width: 100%!important;
		padding: 40px 5% 0!important;
	}
	.fifth_sec_text {
		font-size: 20px;
	}
	.map {
		height: 500px;
	}
	.seventh_text {
		right: 4%;
		max-width: 270px;
	}
	.awards {
		margin: 70px auto;
	}
	.awards_logo_first {
		height: auto;
	}
	.awardlogo_size {
		display: inline-block;
		vertical-align: middle;
		max-width: 200px!important;
		max-height: 100px;
		margin: 0 10px;
	}
	.awards_logo_second {
		height: 80px;
	}
	.awards_text {
		padding: 0 20px 30px;
		width: 100%;
		border: 0;
	}
	.tour_blog {
		display: block;
	}
	.tour_blog_info {
		margin: 30px 0 0;
		max-width: 100%
	}
	.impressions_overlay {
		height: 90.6%;
	}
	.destination-mockup{
		width: 40%;
	}
}
@media screen and (max-width :900px) {
	.experiences_sub_img_section_img {
		bottom: -49.4%;
	}
}
@media screen and (max-width :768px) {
	.footer_links {
		width: 100%;
	}
	.activity_section  {
		padding:  70px 0px;
	}
	.destination_info_text {
		height: 140px;
	}
	.footer_contact_div {
		border: 0px;
	}
	.second_sec_img, h2 {
		margin-bottom: 20px;
	}
	.text_height {
		height:  80px;
	}
	.footer_itemname, h2 {
		text-transform: uppercase;
	}
	.popup_form {
		width: 90%;
		border-radius: 10px;
	}
	.popup_logodiv {
		border-radius: 10px 0 0;
	}
	.navopen_items:hover a {
		text-decoration: none;
	}
	.navopen.active {
		border-bottom: none;
	}
	.navopen_items a:before {
		display: none;
	}
	h2 {
		font-size: 36px;
		font-weight: 200;
	}
	.close {
		top: -15px;
		right: 10px;
	}
	.navbar_content {
		width: 90%;
		background-color: #377e97;
		color: #fff;
		justify-content: flex-start;
		background-size: cover;
		padding: 0;
	}
	.blue_section, .navopen_list, .sec_section_text {
		padding: 0;
	}
	.navopen_subheading {
		width: 100%;
		background: #aa8f63;
		font-size: 14px;
		padding: 10px 0;
		text-align: center;
	}
	.navopen_items {
		font-size: 26px;
	}
	.navbar_open_text {
		padding: 25px 0px;
		justify-content: space-between;
		display: flex;
		font-size: 16px;
		align-items: center;
		width: max-content;
	}
	.blue_section_image, .field_input, .footer_logoshead, .inner_width {
		width: 100%;
	}
	.secondary_nav {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 20px;
		background-color: #688d9a;
	}
	.secondary_navtext {
		color: #fff;
		font-size: 13px;
	}
	.secondary_topbody {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 20px;
	}
	.header_logosimg {
		display: block;
		width: 100%;
		height: 50px;
	}
	.main_slideheading {
		left: unset;
		width: 100%}
	.main_slide_heading {
		font-size: 42px;
		font-weight: 500;
		left: 47%;
		width: 85%}
	.bottom_btntext, .footer_itemname {
		font-weight: 600;
	}
	.bottom_fixed {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
		height: 55px;
		text-align: center;
		background-color: #aa8f63;
	}
	.bottom_navbar {
		width: 33%!important;
		float: left;
		height: 55px;
		padding-top: 5px;
	}
	.bottom_fiximg {
		display: block;
		width: auto;
		height: 32px;
		padding-top: 5px;
	}
	.bottom_btn {
		background-color: #377e97;
		border: none;
		width: 100%;
		height: 100%}
	.bottom_btntext {
		font-size: 14px;
		color: #fff;
	}
	.second_section {
		padding: 20px 5px 40px;
		text-align: center;
	}
	.second_sec_img {
		max-width: 100%;
		height: auto;
		width: auto;
	}
	.sec_section_list {
		column-count: 2;
	}
	.blue_sectionimage {
		width: 100%;
		height: 300px;
	}
	.blue_sectiontext {
		padding: 60px 20px;
		position: relative;
		width: 100%}
	.footer_first {
		padding: 60px 0;
	}
	.fourth_section {
		padding: 60px 0;
	}
	.fourth_sectionimg {
		position: relative;
		width: 100%!important;
	}
	.fourth_section_text {
		width: 100%!important;
		padding: 40px 20px!important;
	}
	.fifth_section {
		margin: 50px auto;
	}
	.map {
		background-position: unset;
		height: 40%;
		width: 100%;
	}
	.seventh_duptext {
		text-align: center;
		padding: 30px 20px;
		width: 100%;
		max-width: 100%;
		top: unset;
		right: unset;
		transform: none;
	}
	.signup_heading {
		font-size: 40px;
		margin-bottom: 40px;
	}
	.field_size {
		width: 100%;
		margin-bottom: 15px;
	}
	.form_direction {
		flex-direction: column;
		padding: 0 10px;
		align-items: center;
	}
	.checkbox_div {
		padding: 15px 0;
	}
	.label_div {
		margin-bottom: 10px;
	}
	.footer_list_div {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 20px;
	}
	.footer_listitems {
		border: none;
		margin-bottom: 20px;
		line-height: .9;
		padding-right: 0;
		margin-right: 0;
	}
	.footer_otherlinks {
		font-size: 13px;
	}
	.footer_copyright {
		margin-bottom: 56px;
	}
	.navopen_social {
		margin: 0 0 0 35px;
	}
	.gallery_section {
		margin-top: 0;
	}
	.gallery_div {
		margin: 0;
	}
	.facilities-col {
		width: 100%;
	}
	.facilities_row .facilities-col:nth-child(even){
		background-color: #FFFFFF !important;
	}
	.facilities_row .facilities-col:nth-child(odd){
		background-color: #F6F6F5 !important;
	}
	.facilities_row .sailing-caribbean-col:hover {
		background-color: #688d9a !important;
	}
	.right-boat-bg {
		display: none;
	}
	.boat-image {
		width: 100%;
		margin-top: 50px;
	}
	.why_choose_section {
		padding-bottom: 10px;
	}
	.why_choose_bg {
		border-bottom-right-radius: 0px;
	}
	.about_tour_col {
		margin-bottom: 30px;
	}
	.explore_section_info {
		margin-top: 50px;
	}
}
@media screen and (max-width :767px) {
	.navopen_items {
		padding: 10px 0 10px 35px;
		font-size: 26px;
	}
	.navbar_open_text {
		padding: 0;
		width: 100%;
		justify-content: space-between;
		display: flex;
		align-items: center;
	}
	.navopen_items, .navsubmenu.active {
		border-bottom: 1px solid rgba(255, 255, 255, .5);
	}
	.experiences_sub_img_section_img {
        position: unset;
        margin-top: 20px;
        width: 77vw;
        bottom: unset;
    }
	.sailing_col {
		padding-left: calc(1.5rem * .5);
	}
	.experiences_col_img {
		position: relative;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
	.sailing_col {
		padding: 30px 50px;
	}
	.sailing_section {
		width: 100px;
		height: 100px;
		margin: 0 auto;
	}
	.sailing_col {
		text-align: center;
	}
	.experiences_section {
		margin: 100px 0;
	}
	.destination-mockup{
		width: 20%;
	}
	.destination-list-area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
	.destination-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-height: 110px;
    }
	.destination-list .destination-content {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        bottom: 20px;
        left: 20px;
    }
	.destination-list-wrap.active .destination-list {
        max-height: 345px;
    }
}
@media screen and (max-width :735px) {
	.destination-mockup{
		display: none;
	}
}
@media screen and (max-width :576px) {
    h1 {
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.form_tab {
    padding: 5px 0;
}
.header_logosimg {
    height: 65px;
    width: 145px;
}
.text_height {
    height:  60px;
}
.second_itemstext {
    font-size: 13px;
}
.footer_logos {
    flex-direction: column;
}
.footer_logoshead {
    font-size: 12px;
}
.footer_logosimg {
    margin: 15px 0;
}
.footer_otherlinks {
    margin: 0 8px;
}
.navbar_open_text {
    font-size: 20px;
}
.black_div {
    width: 6%}
}
@media screen and (max-width :500px) {
    .popup {
		top: 23%;
	}
	.label_text {
		width: 26%;
	}
	.popup .popuptext {
		height: 390px;
	}
	.map {
		height: 40%;
		width: 100%;
	}
	.add_logo {
		display: none;
	}
	.black_div {
		width: 5%;
	}
}
@media screen and (max-width :400px) {
    .label_text, .map {
		width: 100%}
	.map {
		height: 40%;
	}
	h2 {
		font-size: 30px;
	}
	.awardlogo_size {
		max-height: 60px;
	}
	.popup {
		top: 20%;
	}
	.blue_heading {
		margin-bottom: 0!important;
	}
	.footer_copyright {
		font-size: 10px;
	}
}


/* Excursion Page Css */

.custom-div{
		border: 1px solid #7D98B1;
		padding: 20px;
		border-radius: 50%;
		background: #7D98B1;
	}

svg.bi.bi-geo-alt{
		color:#7D98B1;
	}
	
.destination-name{
		color:#7D98B1;
	}

.chooseus_icons .custom-div { 
		outline: 1px solid #fff; 
		outline-offset: -5px;
	}
	
.chooseus_icons:hover .custom-div {
	    outline: 2px solid #fff;
	    outline-offset: -5px;
	    transition: all .2s ease-in-out;
	}
	
.custom-color {
		background: #e9e2e230;
		/*box-shadow: 0px 4px 13px 1px rgba(34, 34, 34, 0.09);
		box-shadow:0px 4px 13px 1px rgb(34 34 34 / 17%);*/
		box-shadow:inset 0px 1px 4px 2px rgb(34 34 34 / 17%);;
	}
	
.highlightt-text{
 		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding:20px;
		border-radius:5px;
	}	
	
.highlightt-text::before {
		content:"";
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display: block;
		background-color: rgba(0,0,0,.55);
		border-radius: 14px;
	}	
	
.popp-up .custom-image {
		position: relative;
		display: block;
		mask-repeat: no-repeat;
		-webkit-mask-image: url(../images/background.webp);
		mask-size: 100% 100%;
		-ms-transform: rotate(1.8deg);
		transform: rotate(1.8deg);
    }	
	
.popp-up:after {
		content: '';
		background-image: url(../images/background.webp);
		position: absolute;
		width: 99%;
		background-size: cover;
		height: 94%;
		left: .5%;
		background-position: 100% 100%;
		z-index: -1;
		top: 3%;
		transform: rotate(-4deg);
		border-radius: 10px;
	}	
	
figure.destination-section-image {
		position: relative;
		display: inline-block;
		overflow: hidden;
		width: 100%;
		background-color: #000000;
		color: #ffffff;
		text-align: left;
		font-size: 16px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
		margin: 10px 0px;
	}
	
.destination-section-info figcaption {
		position: absolute;
		height: 50px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		overflow: hidden;
		padding: 15px 15px;
		background-color: rgb(36, 133, 176, 0.8);
	}
	
.destination-section-info ul li.ratting {
		font-weight: 700;
	}
	
.destination-section-info ul li {
		display: inline-block;
		margin: 3px;
		color: #e9c46a;
	}
	
.destination-section-info * {
		-webkit-transition: all 0.35s;
		transition: all 0.35s;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	
ul.staricons{ 
		padding:0;
		margin:0;
		list-style:none;
	}
 
 
.destination-section-info:hover figcaption, .destination-section-info.hover figcaption {
        height: calc(60%);
	}
	
		
blockquote{
		   position: absolute;
           bottom: 3%;
		}
		
blockquote{
		display: none;
	}
	
figcaption {
		border-radius: 5px;
}

figcaption:hover blockquote{
		display:block;
	}
	
figure.destination-section-image:hover blockquote{
		display:block;
	}
	
.destination-section-image img{
		height: 250px;
        object-fit: cover;
	    width:100%;
	}
	
figure.destination-section-image h4 {
		font-size: 18px;
	}   
	
.chooseus{
		padding: 50px 0px 100px;
	}
	
.aboutt_section{
		margin: 100px 0px;
	}
	
.aboutt-intro {
		margin: 70px 0px;
	}
	
.about_image img {
		width:100%;
	}	
	
.excursion-aboutt{
	padding:14px 35px 15px;
}
	
.book-section{
		margin: 100px 0px 50px;
	}
	
.destinationn-section{
		margin: 100px 0px;
	}
	
.news-letter{
		margin: 0px 0px 100px;
	}	



@media (max-width: 1400px) {
	.custom-image img{
		Width:100%;
	}
	.tour-travel-about-text p {
		padding: 0px 15px;
	}
}

@media (max-width: 768px) {
    .justify-content-end {
		justify-content: center !important;
	}
	.destination-section-info figcaption {
		height: 60px;
	}

}		

@media (max-width: 576px) {
	.excursion-slide{
		height:unset;
	}
	.excursion-slide  .main_slide_heading {
        font-size: 36px;
	}
	
}

/* Tour Travel Page Css Starts Here */

.fourthh_section{
	/*padding: 92px 0 0 0; */ 
	padding: 92px 18px 0 18px;

}  	

.tour-destination-section{
	margin:100px 0;
}

.tour-card{
 position:relative;
}

.tour-card-image {
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
    border-radius: 135px 0px 135px 135px;
    border: 4px solid transparent;
    transition: all 0.4s ease-in-out;
}

.tour-card-text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    position: absolute;
    bottom: 60px;
    left: 10%;
    transform: translate(18%, 100px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}
.tour-card-text1 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    color:#fff;
    text-transform: capitalize;
    padding: 5.5px 10.5px;
    border-radius: 24px;
    background-color:  #7D98B1;
    margin-bottom: 0;
}

.tour-card-text1:last-child {
    background-color: #63AB45;
}

.tour-card-image{
	object-fit: cover;
    width: 100%;
    transform: scale(1);
    transition: all 0.4s ease-in-out;
}	
.tour-card:hover .tour-card-image {
    border-radius: 135px;
	border-color:#7D98B1;
}

.tour-card:hover .tour-card-text{
    transform: translate(18%, 0);
	opacity:1;
	}
	
.camping{
	width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
	padding:140px 0 210px;
	background-position: center center;
	z-index:1;
}	
.camping::before{
	position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.55);
    mix-blend-mode: multiply;
    z-index:-1;
}	
.camping-overlap-image{
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: inset 0px 1px 4px 2px rgb(34 34 34 / 17%);
}

.camping-overlap{
	margin-top: -160px;
	padding-bottom: 20px;
	padding-top: 60px;
	z-index:1;
}

.camping-overlay-icon svg{
	color:#7D98B1;
}

section.camping-overlap{
	padding:60px 7% 20px 7%;
	position: relative;
}

.tour-card-image img {
    width: 100%;
}

.tour-planning-cta{
	margin:100px 0px 100px;
}
	
.cta-div{
	position: relative;
    overflow: hidden;
    border-radius: 12px;
    padding: 60px;
    z-index: 2;
}
	
.tour-cta-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.tour-cta-image>:nth-child(2) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.tour-cta-image>:nth-child(3) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    object-fit: cover;
    display: none;
}

.tour-cta-image>:nth-child(1){
	width:100%;
	height:100%;
}


section.tour-travels-about {
    position: relative;
}
	
.tour-travel-bg-image1{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.tour-travel-bg-image2 {
    position: absolute;
    bottom: -12%;
    left: 0;
    z-index: -1;
    width: 100%;
}

.tour-travels-about {
	padding-top:120px;
	padding-bottom:120px;
	overflow:hidden;
}

.tour-travel-about-image {
    height: 700px;
    max-width: 630px;
    width: 100%;
    position: relative;
}

.tour-travel-about-img1 {
    max-width: 480px;
    width: 100%;
    height: 675px;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotate(10deg);
}

.tour-travel-about-img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tour-travel-about-img2 {
    max-width: 310px;
    width: 100%;
    height: 406px;
    position: absolute;
    bottom: 100px;
    right: 0px;
    transform: rotate(10deg);
}
.tour-travel-about-img2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.container.tour-travel-about-container {
    max-width: 1455px !important;
}

.tour-travel-about-text {
    position: relative;
}

h2.tour-travel-about-h2 {
    font-size: 45px;
}

h4.tour-travel-about-contact-text {
	color:#7D98B1;
}

.tour-travel-about-list {
    list-style: none;
	padding-left: 0;
}

ul.tour-travel-about-list li {
    margin-bottom: 20px;
}

ul.tour-travel-about-list li svg{
    border: 1px solid #7D98B1;
    border-radius: 50%;
	background:#7D98B1;
}

svg.bi.bi-check {
    color: #fff;
	margin-right: 10px;
}
		
.tour-travel-bg-image2 img {
    max-width: 100%;
}
	
.custom-tour-travel-button{
  padding: 14px 35px 15px;
  background-color:#f37b04 !important;
  color:#fff;
  border-color: #f37b04;
  border-radius: 10px;
}	

.custom-tour-tavel-iamgee-text{
	text-align:center;
}

section.bannerr {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: black;
}

.bannerr-text {
    max-width: 480px;
    margin-left: auto;
}

.bannerr-height{
	height:125px;
}

.bannerr-height1{
	height:140px;
}

.tour-travels-content{
	/*padding: 18px 14px 40px;*/
	padding: 10px 14px 10px;
}
	
.tour-travels-footer {
    flex-wrap: wrap;
    padding: 20px 40px 15px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-top: 1px solid rgb(34 34 34 / 17%);
}

.fourths_section_img{
	overflow: hidden;
}

.custom-price-tag {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    color: white;
    font-size: 18px;
    padding: 30px 56px 19px 51px;
    background: #f7921e;
    transform: rotate(-45deg) translate(-29px, -46px);
    
}

.custom-heart-icon {
    position: absolute;
    right: 13;
    top: 13px;
    z-index: 2;
    color: #f7921e;
    border: 1px solid #fff;
    padding: 10px 10px 8px 10px;
    border-radius: 50%;
    background: #fff;
    vertical-align: middle;
}

section.bannerr {
    margin: 80px 0px 0px 0px;
}

@media (max-width: 767px) {
    .tour-card-image img {
		width: 100%;
	}
	
	.cta-div{
        padding: 48px 48px 300px;
    }
	
	.tour-cta-image{
	    top: unset;
        left: 0;
        width: 100%;
        padding-right: 0;
    }
	
	.tour-cta-image>:nth-child(2){
		display:none;
	}
	
	.tour-cta-image>:nth-child(3){
		display:block;
		top:-2px;
	}
	
	.tour-travel-about-img1{
		transform: rotate(0deg)!important;
	}
	
	.tour-travel-about-img2{
		transform: rotate(0deg)!important;
	}
	.bannerr-text{
	  padding:unset !important;
	}
	.bannerr-height{
		height: 77px;
	}
	/*.tour-travels-footer{
		padding: 20px 20px 15px;
	}*/
	
}

@media (max-width: 576px) {
	.tour-travels .main_slide_heading{
		font-size:36px !important;
	}
	
	/*.tour-travels .main_slideheading {
		top:23% !important;
		
	}*/
	.tour-travels{
		height:unset;
	}
	

}


/* Grenada travel Guide Page Css */

.grenada-about-section{
	margin:100px 0;
}

.grenada-travel-guide{
	height: 75vh;
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

.grenada-about-image img{
	width:100%;
	object-fit: cover;
    object-position: center center;
    border-radius: 25px 25px 25px 25px;
	
}
.heading-span{
	color:#f7921e;
}

.grenada-about-image2 img{
	width:100%;
	object-fit: cover;
    object-position: center center;
    border-radius:20px 20px 20px 20px;
	
}
.experience-years {
    margin-top: 43px;
    border-top: 1px solid #00000030;
    padding-bottom: 20px;
}

.grenada-custom-size{
	font-size:50px;
}

span.grenada-custom-text{
	display:block;
}

.experience-counter {
    padding: 1px 1px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 87%;
    transform: translate(8%, 10%);
}

.grenada-travel-custom-btn{
    color: #f37b04;
    border-color: #f37b04;
    border-radius: 10px;
    border: 1px solid #f37b04;
    padding: 14px 35px 15px;
}

.grenada-travel-custom-btn:hover{
	background:#f37b04;
	color:#fff;
}

.grenada-travel-cta{ 
	padding: 13px 0;
}
 
.custom-cta-row{
	padding:50px 20px;
  }
  
.grenada-fourth-section {
    margin: 100px 0;
    padding: 100px 0;
}

.grenada-destination-info {
    position: relative; 
    display: block;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: inset 0px 1px 4px 2px rgb(34 34 34 / 17%);
	height:100%;
}

.grenada-destination-content-box {
    padding: 15px 26px 34px 24px;
}

.grenada-duration{
	background:#f5f7f8;
}

.grenada-image-box:before {
    position: absolute;
    content: '';
    width: 100%;
    height:100%;
    left: 0px;
    top: 0px;
    opacity: 0.6;
	background-color:#f7921e;
	transition: all 500ms ease;
	display:none;
}

.grenada-destination-info:hover .grenada-image-box:before{
	display:block;
}

.grenada-destination-image img{
    width: 590px;
    height: 275px;
	max-width: 100%;
    object-fit: cover;

}

.grenada-features{
	padding:50px 0;
}

.grenada-destinations .slick-prev::before {
  left:0 !important;
}

.grenada-destinations .slick-next::before {
	right:0 !important;
}

.grenada-feature-content-box {
    padding: 40px;
	border-radius:20px;
	/*box-shadow: inset 0px 1px 1px 3px rgb(34 34 34 / 17%);*/
	box-shadow: 0 4px 20px rgba(32, 79, 94, .05);
}

.grenada-feature-content-box:hover{
	/*box-shadow: inset 0 4px 20px #f37b0430;*/
	box-shadow: inset 0 4px 20px #7d98b130;
}

.grenada-feature-content-box:hover .grenada-feature-icon .text-black{
    color:#7D98B1 !important;
}

section.grenada-team-section {
    margin: 100px 0px;
}

.grenada-image-content{
	text-align: center;
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px 15px;
    border-radius: 28px;
    border-width: 1px;
    border-style: dashed;
    border-color: rgba(21, 20, 21, 0.21);
    border-image: initial;
}

.grenada-social-icon{
	display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    gap: 12px;

}

.grenada-team{
	position: relative;
    z-index: 9;
    padding-bottom: 25px;
	height:100%
}

.grenada-team:before{
	position: absolute;
    left: 0px;
    right: 0px;
    bottom: 37px;
    width: 100%;
    content: "";
    box-shadow: rgba(5, 6, 60, 0.04) 10px 9px 106.6px 55px;
    z-index: -1;
    top: 25%;
    height: initial;
    border-radius: 28px;
    background: unset;
}

.grenada-image-thumb {
    width: 258px;
    height: 258px;
    margin: 0px auto;
}

.grenada-image-thumb img{
   width: 100%;
    height: 100% ;
    border-radius: 50%;
}

.grenada-image-content:hover .grenada-social-icon svg{
  color:#7D98B1;
}

.grenada-travel-guide-cta{
    position: relative;
    padding: 80px 0 100px 0;
}

.work-section{
	padding: 80px 0;
}

.work-section-image {
    width: 300px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    border: 1px dashed #f37b04;
    padding: 33px;
    margin-bottom: 42px;
    border-radius: 50%;
}

.work-section-image img {
    max-width: 100%;
}

span.work-section-number {
    height: 80px;
    width: 80px;
    right: 0;
    top: 0;
	border-radius: 50%;
}

.work-section-inner-text::before {
    content: "";
    position: absolute;
    background-image: url(../images/grenada-tour-working-arrow.png);
    width: 70px;
    height: 105px;
    right: -113px;
    top: 100px;
    background-size: contain;
    background-position: center;
}

.last::before {
    display: none;
}

@media screen and (max-width: 992px) {
	.work-section-inner-text::before{
		/*top: 35px;
		width: 70px;
		height: 105px;
		right: -82px;*/
		
		top: 44px;
        width: 52px;
        height: 84px;
        right: -82px;
	}
	.work-section-image{
		width:200px;
		height:200px;
	}
	span.work-section-number {
		height: 60px;
		width: 60px;
	}
	.grenada-custom-size {
		font-size: 42px;
	}
}

@media screen and (max-width: 768px) {
	/*section.grenada-travel-guide .main_slideheading {
		top: 23%;
	}*/	
	.custom-column{
		margin-bottom:20px;
	}
	.grenada-about-image2{
		margin-top:30px !important;
	}
	.work-section-inner-text::before {
		display: none;
	}
}

@media (max-width: 576px) {
	.grenada-travel-guide .main_slide_heading{
		font-size: 36px;
	}
	.grenada-travel-guide{
		height:unset;
	}

}

/* Css for Tour Transfer Page */

.paginationn{
    text-decoration: none;
    border-radius: 50%;
    border: 1px solid #f37b04;
    padding: 12px 19px;
    color: #f37b04 !important;
    font-weight: bold;
    margin: 0px 4px;
}	

.paginationn:hover{
	background:#f37b04;
	color:#fff !important;
}

.paginationn.active{
    background:#f37b04;
	color:#fff !important;
}

.tour-transfer-footer{
	height:250px;
}

/* Deserted Island Nature Page css */
.deserted-imagee{
	position: relative;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color:#fff;
 	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	z-index: 1;
	
}

.deserted-imagee:before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, .55);
 	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	opacity: 0.6;
	z-index: -1;
	
}

h3.deserted-image-h3 {
    font-size: 20px;
    font-weight: bold;
}

.deserted-time{
	font-weight: bold; 
}

.deserted-availability{
	font-weight: bold;
	
	}
	
span.deserted-price-color {
    font-size: 20px;
    font-weight: bold;
}

.deserted-tour-price{
	margin-top:14%;
}

.deserted-content{   
    border-color: rgba(21, 20, 21, 0.21);
    border-image: initial;
    border: 1px dashed #f37b04;
    padding: 20px 15px;
	border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
	box-shadow: inset 0px 1px 4px 2px rgb(34 34 34 / 17%);
}

.deserted-overlay{
	background: #f7921e;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}
	
@media screen and (max-width: 768px) {
	.custom-margin{
		margin-top:20px;
	}
}