@charset "UTF-8";
/*
Theme Name: vagamonsafari
Theme URI: https://wordpress.org/themes/vagamonsafari/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. vagamonsafari is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Tested up to: 6.7
Requires at least: 4.7
Requires PHP: 5.2.4
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vagamonsafari
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

vagamonsafari is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

Bundled block pattern images:
Abstract Background by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-background-0SRRVNMKBX
Abstract Waves by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-waves-0KREGLTZQ3
Abstract Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-bokeh-P4KVZBMQ6L
Colorful Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/colorful-bokeh-VN4G84GL8H
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
@charset "utf-8";

/*	--------------------------------------------------
Font Setup
-------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@font-face {
    font-family: "Euclid Light";
    src: url('assets/fonts/main-font/EuclidCircularALight.ttf');
}

@font-face {
    font-family: "Branch";
    src: url('assets/fonts/Branch.otf');
}

@font-face {
    font-family: "Euclid Medium";
    src: url('assets/fonts/main-font/EuclidCircularAMedium.ttf');
}

@font-face {
    font-family: "Euclid Bold";
    src: url('assets/fonts/main-font/EuclidCircularABold.ttf');
}

/*	--------------------------------------------------
Generic CSS Setup
-------------------------------------------------- */
html {
width: 100%;
height: 100%;
background: #fcfcfc;
scroll-behavior: smooth;
}
body {
width: 100%;
height: 100%;
background-attachment: fixed;
padding: 0 0 0 0px;
margin: 0 0 0 0px;
font-family: 'Segoe UI', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.533;
box-sizing: border-box;
color: #726d7b;
background: none !important;


}

.main{
    background-color: #fff;
}

h1, h2, h3, h4, h5, td, tr, th, div, header, section, footer, p, form, input, textarea, select, fieldset{
font-family: 'Inter Tight', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.533;
color: #726d7b;
margin: 0 0 0 0px;
padding: 0 0 0 0px;
border: none;
}

a{
text-decoration: none !important;
}


*{
outline: none;
}


body{
margin:0px;
padding: 0px;
box-sizing: border-box;
}

/* section cut padding */

/* header ============================================================== */


.top-header--panel{
    padding: 7px 0px;
    display: none;
}
.flex-cnnt-box{
    display: flex;
    align-items: center;
    gap: 20px;
}
.banner-content-xc h1{
	
	
	font-size: 90px;
    font-weight: 500;
    text-transform: none;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -1px;
    word-spacing: 0;
    color: #fff;
    max-width: 900px;
    margin: auto;
    font-family: 'Cormorant Garamond';
    font-style: italic;
    text-transform: capitalize;



}

.flex-cnnt-box a{
    color: #0f1681;
        font-family: 'DM Sans';
    display: flex;
    align-items: center;
}
.flex-cnnt-box a .cnticon{
    transform: scale(.7);
}

.flex-social-icons
{
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%;
    gap: 20px;
}

.flex-social-icons a{
    color: #0f1681;
}

header{
    position: absolute;
    width: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    /* box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15); */
    background: linear-gradient(180deg, rgb(0 0 0 / 35%) 0%, rgba(47, 73, 124, 0) 65%);
}

.header_container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
    /* border-bottom: 1px solid #d9d9d9; */
    /* border-bottom: 1px solid #d9d9d91f; */
}

.header_flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 50px;
}


.logo a{
    font-family: 'Cormorant Garamond';
    color: #ffffff;
    font-weight: 500;
    font-size: 25px;
    font-style: italic;
}
.logo img{
    width: 210px;
    /* -webkit-filter: drop-shadow(5px 7px 3px #000);
            filter: drop-shadow(5px 7px 3px #000); */
}

.wd50{
    width: 40%;
}

.navigation_lists{
   
}

.wd-left .main_nav_menu{
    justify-content: end;
}

.main_nav_menu{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
}

.leftrr img{width: 100%;}
.flipimg{transform: scaleX(-1);}
.list_nav_a{
    display: block;
    /* margin: 0px 15px; */
    color: #ffffff;
    font-family: 'DM Sans';
    font-size: 14px;
    transition: .3s ease;
    text-transform: uppercase;
    padding: 11px 20px;
    border-radius: 100px;
    letter-spacing: 1px;
}


.list_nav_a:hover{
    color: #ffffff98;
}

.dtppress{
    position: relative;
}

.submenu{
    position: absolute;
    top: 64px;
    left: 0;
    background: #fff;
    width: 300px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: .3s ease;
    z-index: 5;
}
.leftrr{
    position: relative;
    top: -10px;
    pointer-events: none;
}
.submenu ul{
    padding: 20px 0px;
    margin: 0px;
    list-style: none;
}

.submenu ul li a{
    display: block;
    padding: 6px 20px;
    font-family: 'DM Sans';
    font-size: 15px;
    color: #000;
}

.dtppress:hover>.submenu{
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    top: 48px;
}

.chat_flex_box{
    display: flex;

}



.home-h{
    position: relative;
}


.home-h2::before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    left: 4%;
    top: 22%;
    transform: rotate(315deg) translate(-50%, -50%);
}

.bx-a{
    display: flex;
    justify-content: center;
}

.bx-a label{
    margin: 0px;
    color: black;
}


.contact-support {
    margin-right: 30px;
    display: flex;
    align-items: center;
}

.contact-support span{
 display: block;
 font-family: 'Inter Tight';
 font-size: 13px;
 color: #fffc;
}

.call-icon-sprt{
    width: 20px;
    margin-right: 10px;
}

.call-icon-sprt svg{
    width: 100%;
    height: auto;
}

.contact-support a{
    color: #ffffff;
    font-family: 'Inter Tight';
    font-size: 16px;
    margin-top: -2px;
    display: block;
}

.chat_box{
    font-family: inter tight,Sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    font-style: normal;
    line-height: 1.2em;
    letter-spacing: 0;
    word-spacing: 0;
    color: #ffffff;
    background-color: #0f1681;
    padding: 14px 27px;
    border-radius: 100px;
}





/* home index */

.str-st{
    padding: 100px 0px;
}

.abtshm{
    background: #f6c59736;
    padding: 100px 0px;
}

.hdr-prt{
    text-align: center;

}

.hdr-prt span{
    text-transform: uppercase;
    font-weight: 300;
    font-size: 12px;
    color: #0c3d0c;
    letter-spacing: 1px;
    font-family: 'DM Sans';
    /* border-bottom: 1px solid #00000021; */
    display: block;
    padding-bottom: 13px;
    letter-spacing: 6px;
}

.hdr-prt h3{
    font-family: 'Branch';
    font-size: 51px;
    margin: auto;
    max-width: 800px;
    line-height: 1;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 34px;
    margin-top: 34px;
}

.hdr-prt p{
    margin: auto;
    margin-bottom: 10px;
    font-family: "DM Sans", sans-serif;
    color: #444c61;
    max-width: 900px;
}

.sp-bx-pac{
text-align: center;
}

.flexa{
    display: flex
;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-top: 53px;
    gap: 21px;
    max-width: 751px;
}

.flexa a{
    font-family: 'DM Sans';
    color: #000;
    text-transform: uppercase;
    border: 1px solid #00000017;
    border-radius: 100px;
    display: block;
    max-width: fit-content;
    padding: 21px 22px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 0;
}
.cline{
    width: 36%;
    height: 2px;
    border-bottom: 1px solid #00000017;
}

.sp-bx-pac span{
    width: 100px;
    display: block;
    margin: auto;
    margin-bottom: 10px;
}

.sp-bx-pac span svg{
width: 100%;
}

.sp-bx-pac h3{
    font-weight: 700;
    color: #000;
    font-size: 19px;
    line-height: 1.2;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-family: "Branch";
}

.sp-bx-pac p{
    font-family: "DM Sans", sans-serif;
    color: #444c61;
}

.row-cstm {
    display: flex;
    margin-top: 63px;
}


.col-cstm-lg-2{
    width: 100%;
    border-right: 1px solid #0000002b;
}

.col-cstm-lg-2:last-child{
    border: none;
}


.bg-abts{
    background: #0c3d0c;
    padding: 65px 40px;
}

.headerwrpprp{
    text-align: center;
    margin-bottom: 53px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.lneovr{
    width: 300px;
    height: 2px;
    border-bottom: 1px solid #ffffff17;
}

.headerwrpprp span{
    text-transform: uppercase;
    color: #e5cbb1;
    letter-spacing: 1px;
}
.headerwrpprp h4{
    text-align: center;
    font-family: 'Branch';
    color: #ffffff;
    font-size: 35px;
    text-transform: capitalize;
    letter-spacing: 1px;
    max-width: 600px;
    margin-top: 17px;
}

.prty-info span{
    color: #ffc1b4;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'DM Sans';
    margin-bottom: 10px;
    display: block;
}

.prty-info{
    padding: 20px 15px;
    text-align: center;
}

.prty-info h3{
    color: #fff;
    font-family: 'Branch';
    font-size: 32px;
    text-transform: capitalize;
    margin-bottom: 26px;
}

.prty-info p{
    font-family: "DM Sans", sans-serif;
    color: #fff;
    margin-bottom: 10px;
}

.fle-x-a{
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 20px;
}
.fle-x-a a:nth-child(1){
    font-family: 'DM Sans';
    color: #fff;
    border: 1px solid #fff;
    display: block;
    max-width: fit-content;
    padding: 9px 30px;
    margin-top: 30px;
}
.fle-x-a a:nth-child(2){
    font-family: 'DM Sans';
    color: #000000;
    background-color: #ffff;
    display: block;
    max-width: fit-content;
    padding: 9px 30px;
    margin-top: 30px;
}
.flex-bx{
    /* background: #0c3d0c; */
    max-width: 700px;
    margin: auto;
}

.pd0{
    padding: 0px;
}
.pd10{
    padding: 10px;
}

.rowmrg{
    width: 100%;
    margin: auto;
}

.bg-prty{
    width: 100%;


}
.bg-prty img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
}

.abts-home-content-1{
    background: #fff;
    padding: 40px;
    position: relative;
    top: 60px;
    box-shadow: 0 1px 32px 0 rgb(32 33 36 / 10%);
}

.abts-home-content-1 label{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #0c3d0c;
    letter-spacing: 1px;
    font-family: 'DM Sans';
}

.abts-home-content-1 h3{
    color: #000;
    font-size: 31px;
    line-height: 1.2;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-family: "Branch";
}

.abts-home-content-1 p{
    max-width: 800px;
    margin: auto;
    margin-bottom: 10px;
    font-family: "DM Sans", sans-serif;
    color: #444c61;
}

.abts-home-content-1::before{
    content: '';
    position: absolute;
    width: 95%;
    height: 94%;
    border: 1px solid #0c3d0c38;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}


.client-sbxss{
    padding: 100px 0px;
}

.ac-v{
    text-align: center;
}

.ac-v h3{
    font-size: 31px;
    font-family: 'Branch';
    color: #000;
    margin-bottom: 14px;

}

.row-center{
    justify-content: center;
}

.colpd-0{
    padding: 20px;
}

.ac-v p{
    margin-bottom: 10px;
    font-family: "DM Sans", sans-serif;
    color: #444c61;
    max-width: 500px;
    margin: auto;
}

.room-slider{
    background: #88b189;
    background-image: url(assets/images/home/about_us/pattern-02-01.png);
    padding: 90px 0px;
}

.expdisplay img{
    width: 100%;
}

.expddt{
    margin-top: 20px;
}

.expddt h3{
    font-size: 30px;
    font-family: 'Cormorant Garamond';
    color: #fff;
    line-height: 1.2;
    margin-bottom: 18px;
}

.expddt p{
    max-width: 800px;
    margin: auto;
    margin-bottom: 10px;
    font-family: "DM Sans", sans-serif;
    color: #fff;
}

.expddt a{
    font-family: 'DM Sans';
    color: #fff;
    border: 1px solid #fff;
    display: block;
    max-width: fit-content;
    padding: 9px 20px;
    margin-top: 30px;
    transition: .3s ease;
}

.expddt a:hover{
    background-color:#0c3d0c ;
    color: #fff;
}

.header-bx-1{
    text-align: center;
    margin-bottom: 33px;
}

.header-bx-1 span{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    font-family: 'DM Sans';
}

.header-bx-1 h3{
    font-family: 'Cormorant Garamond';
    font-size: 36px;
    max-width: 600px;
    margin: auto;
    line-height: 1;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
}

.wbheader{
    text-align: center;
    margin: auto;
}

.wbheader h1{
    color: #FFFFFF;
    font-family: "Branch", Sans-serif;
    font-size: 89px;
    font-weight: 400;
    line-height: 99px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    text-transform: capitalize;
}

.wbheader p{
    color: #fff;
    font-size: 19px;
    margin-top: 26px;
}

.link-rt a{
    display: block;
    max-width: fit-content;
    margin: auto;
    margin-top: 40px;
    border: 1px solid #fff;
    border-radius: 100px;
    color: #fff;
    font-family: 'DM Sans';
    padding: 9px 44px;
}


.tstslider{
    padding: 70px 0px;
}


.hgmx h3{
    color: #000;
    font-family: 'DM Sans';
    font-weight: 600;
    font-size: 19px;
}

.hgmx label{
    color: #0c3d0c;
    font-size: 15px;
    font-family: 'DM Sans';
}

.ftr-tst p{
    font-size: 17px;
    font-family: 'DM Sans';
}

.btm30{
    margin-bottom: 50px;
}

.box-tst-c{
    box-shadow: 0px 0px 19px 0px rgb(0 0 0 / 5%);
    padding: 40px 20px;
    margin: 20px 5px;
}

.hgmx{
    margin-bottom: 10px;
}







/* near attraction ========================= */


.atrdisplay img{
    width: 100%;
    aspect-ratio: 1 / 1.2;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 13px;
    object-position: center;
}

.bx-sliderattrc h3{
    text-align: center;
    font-family: 'DM Sans';
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}



/* banner section ====================================================== */

.banner-section-box{

}

.hsc2 {
    bottom: 100px;
}

.hero-section-scroll {
    position: absolute;
    width: 20px;
    height: 30px;
    z-index: 20;
    bottom: 70px;
    left: 50%;
    margin-left: -10px;
    display: none;
}

.hero-section-scroll:before {
    content: '';
    position: absolute;
    bottom: -70px;
    height: 40px;
    width: 1px;
    left: 50%;
    background: rgba(255, 255, 255, .2);
}

.mousey {
    float: left;
    width: 20px;
    height: 30px;
    border-radius: 6px;
    padding: 0 6px;
    border: 1px solid rgba(255, 255, 255, .7);
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}

.scroller {
    position: relative;
    left: 50%;
    top: 6px;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    background: rgb(196 166 118);
    border-radius: 4px;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15, .41, .69, .94);
    animation-iteration-count: infinite;
}

@keyframes scroll {
	0% {
		opacity: 0;
	}
	10% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(10px);
		opacity: 0;
	}
}


.bnr-all-wrp{
    position: relative;
}
.bnr-panel{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: end;
    padding-bottom: 200px;
}

.bnr-panel .container-port{
    margin: 0px auto;
}



.img--p img{
    width: 100%;
}

.banner-parent{
 position: relative;
 z-index: 30;
}
.container-port{
    width: 1350px;
    margin: auto;
    padding: 0px 30px;
}

.banner-content-xc{
    overflow: hidden;
    text-align: center;
}

.banner-content-xc label{
    color: #0f1681;
    display: block;
    margin-bottom: 20px;
    font-family: 'Inter Tight';
    font-weight: 700;
}

.banner-content-xc h3{
    font-size: 40px;
    font-weight: 500;
    text-transform: none;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -1px;
    word-spacing: 0;
    color: #fff;
    max-width: 900px;
    margin: auto;
    font-family: 'Cormorant Garamond';
    font-style: italic;
    text-transform: capitalize;
}

.lfexantn{
    display: flex
;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    gap: 15px;
}

.lfexantn a{
    padding: 10px 20px;
    border-radius: 100px;
    font-size: 14px;
    text-transform: capitalize;
    width: 169px;
    border: 1px solid #fff;
    color: #fff;
}
.lfexantn a:nth-child(1){

}
.lfexantn a:nth-child(2){
    
}

.banner-content-xc h3 span{
    font-family: "Cormorant Garamond", serif;
    font-style: italic;
    font-size: 85px;
    font-weight: 600;
    color: #ffc89a;
}

.banner-content-xc p{
    color: #ffffff;
    font-size: 23px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    line-height: 1.4em;
    letter-spacing: 0;
    word-spacing: 0;
        font-family: 'DM Sans';
    max-width: 600px;
    text-align: center;
    margin: auto;
}
.link-siblings{
    display: flex;
    align-items: center;
    border: 2px solid #fff;
    padding: 9px;
    border-radius: 400px;
    width: 354px;
    margin: auto;
    margin-top: 39px;
    justify-content: space-between;
    backdrop-filter: blur(4px);
}
.link-siblings a{
    display: block;
    /* max-width: fit-content; */
    font-size: 14px;
    text-transform: none;
    font-style: normal;
    line-height: 1.2em;
    letter-spacing: 0;
    word-spacing: 0;
    width: 50%;
}

.link-siblings a:nth-child(1){
        font-family: 'DM Sans';
    color: #000000;
    background-color: #ffc89a;
    margin-right: 15px;
    padding: 15px 30px;
    border-radius: 100px;
}


.link-siblings a:nth-child(2){
    font-family: 'DM Sans';
    color: #ffc89a;
    padding: 14px 24px;
}
.banner-img{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner-wrp {
    text-align: right;
}




.one{
    width: 100%;
    max-width: 750px;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    vertical-align: middle;
    display: inline-block;
}

.bannerwrp{
    width: 100%;
    text-align: right;
    height: 100%;
}

.one{
    -webkit-mask-size: cover;
    -webkit-mask-position: bottom right;
    -webkit-mask-image: url("assets/mask/mask.png");
    }



    .section-devider{
        width: 100%;
        height: 2px;
        border-bottom: 1px solid #00000036;
        opacity: .6;
        position: relative;
        top: -1px;
        margin: 50px 0px;
    }



    /* about us ======================================= */


    .aboutus-sectin-home{
        padding: 100px 0px;
    }

    .pdlft{
        padding-left: 50px;
    }
    .pdlrt{
        padding-right: 50px;
    }
    .abts-home-content label{
        color: #0d3e0d;
        display: block;
        max-width: fit-content;
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 13px;
        text-transform: uppercase;
    }

    .abts-home-content h3{
        font-size: 39px;
        color: #191919;
        font-weight: 500;
        line-height: 1;
        margin-bottom: 30px;
        font-family: 'Cormorant Garamond';
        text-transform: capitalize;
    }

    .abts-home-content h3 span{
        color: #006a94;
    }

    .abts-home-content p{
        margin-bottom: 10px;
        font-family: "DM Sans", sans-serif;
        color: #444c61;
    }
    .abts-img-hm {

    }

    .ourmission{

    }

    .ourmission span{
        display: block;
        color: #000;
        font-family: 'DM Sans';
        font-size: 18px;
        margin-bottom: 10px;
    }

    .ourmission p{
        font-size: 15px;
            font-family: 'DM Sans';
        font-style: italic;
        color: #0f1681;
    }

    .row-reflex{
        height: 100%;
    }
.abts-img-hm{
    height: 100%;
}
.abts-img-hm img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.list-str{
    border-top: 1px solid #00000024;
    padding-top: 30px;
    margin-top: 35px;
    border-bottom: 1px solid #00000024;
    padding-bottom: 30px; 
}

.list-str ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    padding-left: 30px;
}

.list-str ul li{
    padding-right: 30px;
    color: #000;
    font-weight: 700;
}

.aside-abt{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aside-abt img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / .7;
    border-radius: 8px;
}

.hdrthr{
    text-align: center;
    margin-bottom: 60px;
}

.hdrthr h3{
    font-family: 'Branch';
    font-size: 2.4rem;
    color: #000;
    margin-bottom: 16px;
}

.hdrthr p{
    font-family: 'DM Sans';
    color: #484848;
    margin-bottom: 10px;
}


/* rooms ====================== */

.room-slider-background{
    background: #88b189;
    background-image: url('assets/images/home/about_us/pattern-02-01.png');
    padding: 90px 0px;
}

.header-bx{
    text-align: center;
    margin-bottom: 50px;
}

.header-bx span{
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 1px;
}

.header-bx h3{
    font-family: 'Cormorant Garamond';
    font-size: 40px;
    color: #ffc89a;
    font-style: italic;
}

.room-box-section{
    padding-bottom: 20px;
}
.room-display img{
    width:100%;
height: 337px;
    object-fit: cover;
}

.room-ddt{
    margin: 20px 0px;
}

.room-ddt h3{
    font-family: 'Branch';
    font-size: 29px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 26px;
    line-height: 1.3;
    max-width: 80%;
    border-bottom: 1px solid #ffffff26;
    padding-bottom: 26px;
}

.room-ddt p{
    color: #e0e0e0;
    font-weight: 400;
    font-family: "DM Sans", sans-serif;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.room-ddt ul{

}

.room-ddt ul li{
    color: #fff;
    font-family: 'DM Sans';
    padding: 7px 0px !important;
    display: block;
    font-size: 14px;
}

.room-ddt ul li i{
    padding-right: 6px;
}

.btm-flex-bx{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 37px;
}
.pric-rm{
    color: #fff;
    display: none;
}

.pric-rm span{
    font-size: 21px;
    padding: 0px 3px;
    color: #f7c495;
}

.pric-rm label{
    border-bottom: 1px dashed #f7c495;
}

.button-avl{

}

.button-avl a{
    border: 1px solid #fff;
    padding: 16px 58px;
    color: #fff;
    font-family: 'DM Sans';
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    transition: .3s ease;
}

.button-avl a:hover{
    background-color: #fff;
    color: #000;
}


/* amenities ======================== */
.amenities-section{
    padding: 100px 0px;
}
.header-ams{
    text-align: center;
    margin-bottom: 70px;
}

.header-ams span{
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 10px;
}

.header-ams h3{
    font-size: 33px;
    color: #185c19;
    line-height: 1.2;
    font-weight: 600;
}

.amn-dsp{
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    width: 73px;
    height: 73px;
    border-radius: 100px;
    padding: 15px;
    background: #185c1914;
}
.amn-dsp img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.am-col-lg{
    margin-bottom: 60px;
}

.jccenterrow{
    justify-content: center;
}

.amn-ddt{
    text-align: center;
}

.amn-ddt h3{
    font-size: 18px;
    color: #000000;
    font-family: 'DM Sans';
    font-weight: 300;
    margin-bottom: 9px;
}

.amn-ddt p{
    color: #686868;
    font-weight: 400;
    padding: 0px 30px;
    font-size: 16px;
    font-family: "DM Sans", sans-serif;
}

.lunch-sec h4{
    font-size: 24px;
    color: #000;
    font-family: 'Branch';
    border-bottom: 1px solid #0000002e;
    padding-bottom: 10px;
    margin-bottom: 10px; 
}

.food-secbx h4{
    font-size: 24px;
    color: #000;
    font-family: 'Branch';
    border-bottom: 1px solid #0000002e;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.bx-wrpcnt-dnr{
    
}

.food-secbx h5{
    color: #0c3d0c;
    font-family: 'DM Sans';
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 8px;
}

.brack-fast h4{
    font-size: 24px;
    color: #000;
    font-family: 'Branch';
    border-bottom: 1px solid #0000002e;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.brack-fast h3{
    font-size: 24px;
    color: #000;
    font-family: 'Branch';
    border-bottom: 1px solid #0000002e;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.brmbx{
    text-align: center;
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 24px 0px;
    margin-top: 81px;
    border-top: 1px solid #00000014;
    border-bottom: 1px solid #00000014;
}

.brmbx p{
    font-family: 'Branch';
    color: #000;
    font-size: 16px;
    letter-spacing: 1px;
}

.brmbx b{
    font-size: 21px;
    color: #0c3d0c;
}

.food-secbx{
    margin-bottom: 16px;
}



.food-secbx p{
    color: #000;
    font-family: 'DM Sans';
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
    font-weight: 500;
}

.food-secbx p span{
    font-size: 16px;
    color: #124012;
    position: absolute;
    right: 0;
}

.act-ddt{

}

.act-ddt span{
    color: #000;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}

.act-ddt h3{
    font-size: 14px;
}


/* activities page ============================== */

.activties-section {
    background: #0d3e0d;
    padding: 100px 0px;
    background-image: url(assets/images/home/about_us/bg-of.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}
.activties-section::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000000;
    opacity: .8;
    pointer-events: none;
}

.act-display{

}
.col-pad-auto {
    padding: 10px;
}
.act-display img{
    width: 64px;
}

.act-vt-bx{
    background: #fff;
    padding: 15px 30px;
    display: flex;
    align-items: center;
    gap: 26px;
}
.actviti-sc-panel{
    margin-bottom: 40px;
}

.actviti-sc-panel span{
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 30px;
}

.actviti-sc-panel h3{
    font-size: 49px;
    color: #f2c192;
    max-width: 500px;
    line-height: 1.2;
}


.accord-pbx {
  
  }

  .card{
    background: none;
  }
  
  .accord-pbx #faq .card {
    margin-bottom: 30px;
    border: 0;
  }
  
  .accord-pbx #faq .card .card-header {
    border: 0;
    border-radius: 2px;
    padding: 0;
    background-color: #fff;
  }
  
  .accord-pbx #faq .card .card-header .btn-header-link {
    color: #fff;
    display: flex;
    text-align: left;
    padding: 0;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
    white-space: unset;
  }
  
  .accord-pbx #faq .card .card-header .btn-header-link:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
    color: #0d3e0d;
  }
  
  .accord-pbx #faq .card .card-header .btn-header-link.collapsed {
    color: #fff;
  }
  
  .accord-pbx #faq .card .card-header .btn-header-link.collapsed:after {
    content: "\f106";
  }
  
  .accord-pbx #faq .card .collapsing {
    background: #fff;
    line-height: 30px;
  }
  
  .accord-pbx #faq .card .collapse {
    border: 0;
  }
  
  .accord-pbx #faq .card .collapse.show {
    background: #fff;
    line-height: 30px;
    color: #222;
  }

  .bx-para{
    border-top: 1px solid #00000017;
    padding-top: 13px;
  }

  .bx-para p{
    margin-bottom: 10px;
    color: #444c61;
    font-size: 16px;
    font-family: "DM Sans", sans-serif;
  }





  /* gallery section --------------------------- */

  .gallery-section{
    padding: 100px 0px;
  }


  .glry-panel{
    position: relative;
    background-color: #000;
    overflow: hidden;
  }

  .glry-panel img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    transition: .3s ease;
  }



  .glry-panel span{
    position: absolute;
    display: flex;
    width: 47px;
    height: 47px;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #225e22;
    color: #fff;
    border-radius: 100px;
    transition: .3s ease;
    opacity: 0;
    z-index: 20;
    pointer-events: none;
  }

  .glry-panel:hover>span{
    opacity: 1;
  }

  .glry-panel:hover> a img{
    opacity: .9;
  }
  .glry-col-lg{
    padding: 10px;
  }

  .header-glry{
    text-align: center;
    margin-bottom: 70px;
  }

  .header-glry span{
    text-transform: uppercase;
    color: #000000;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 17px;
  }

  .header-glry h3{
    font-size: 37px;
    color: #0c3d0c;
    line-height: 1.2;
    font-weight: 600
  }


/* contact us -------------------------------- */

.contact-us-section{
    position: relative;
}

.contact-box-sd{

    transform: translate(-0%, -50%);
    box-shadow: rgba(32, 33, 36, 0.28) 0px 1px 6px 0px;
    background: rgb(255, 255, 255);
    padding: 40px;
}

.contact-box{
    position: absolute;
    top: 50%;
    left: 0%;
    width: 100%;
}

.contact-hdr-c{
    margin-bottom: 40px;
}

.contact-hdr-c h3{
    color: #000;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.contact-hdr-c p{
    color: #000;
    font-weight: 300;
    font-size: 16px;
}

.contct-bx-so{
    margin-bottom: 30px;
    display: flex;
    align-items: baseline;
    gap: 13px;
}

.contct-bx-so span{
    color: #0d3e0d;
}

.bx-als-d{

}

.bx-als-d label{
    font-size: 12px;
    font-weight: 500;
    color: #000;
    letter-spacing: 1px;
    display: block;
    text-transform: uppercase;
}

.bx-als-d p{
    color: #444c61;
    font-size: 16px;
    font-family: "DM Sans", sans-serif;
}

.bx-als-d a{
    font-size: 20px;
    color: #0d3e0d;
}






 /* contact us -------------------------------------------- */

        .contact-details{
            text-align: center;
        }

        .contact-details span{
            display: flex;
            margin-bottom: 10px;
            font-size: 24px;
            font-weight: 500;
            color: #0a0d31;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

        
        .contact-details span label{
            width: 60px;
            height: 60px;
            background: aliceblue;
            background-image: linear-gradient(180deg,#006a94 0%,#054d7a 100%);
            border-radius: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 14px;
            margin-bottom: 20px;
        }

        .contact-details span label svg{
            fill:#fff;
        }

        .contact-details p{
            padding: 0px 10px;
        }
        .contact-details a{
color: #006a94;
    font-size: 17px;
    font-weight: 600;
        }

        .map{
            width: 100%;
            height: 600px;
        }

        .map iframe{
            width: 100%;
            height: 100%;
        }

        .jc-space{
            justify-content: space-between;
        }

    /* footer ================================================== */

    footer{
        background-color: #031403;
        padding-top: 50px;
    }


    .prst-one{
        margin-top: 36px;
    }

    .prst-two{
        margin-bottom: 36px;
    }

    .prst-one h3{
        color: #fff;
        font-size: 24px;
        /* font-weight: 600; */
        margin-bottom: 8px;
    }

    .prst-one p{
        color: #f5f5f1b3;
        font-size: 14px;
        max-width: 500px;
    }

    .prst-one a{
        font-size: 14px;
        font-weight: 600;
        text-transform: none;
        font-style: normal;
        line-height: 1.2em;
        letter-spacing: 0;
        word-spacing: 0;
        color: #fff;
        background-color: #006a94;
        border-radius: 4px 4px 4px 4px;
        padding: 14px 24px;
        display: block;
        max-width: fit-content;
        margin-top: 24px;
    }

    .prst-two h3{
        color: #f2c192;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 15px;
        text-align: center;
    }

    .prst-three h3{
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .prst-three ul{
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .prst-three ul li{
        margin-bottom: 10px;
    }

    .prst-three ul li a{
        color:#f5f5f1b3;
    }

    .flex-box-list{
        display: flex;
        /* justify-content: space-between; */
    }

    .flex-box-list ul{
        list-style: none;
        padding: 20px 0px;
        margin: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 40px;
        width: 100%;
        border-top: 1px solid #f2c1923d;
        border-bottom: 1px solid #f2c1923d;

    }

    .flex-box-list-a-links ul{
        list-style: none;
        padding: 0px;
        margin: 0px;
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: center;
    }

    .flex-box-list-a-links ul li a{
        color: #fff;
    font-size: 18px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0f1442;
    border-radius: 100px;
    }

    .flex-box-list-a-links ul li:nth-child(1) a{background: #1877F2;}
    .flex-box-list-a-links ul li:nth-child(2) a{background: #25D366;}
    .flex-box-list-a-links ul li:nth-child(3) a{background: #0077B5;}

    .flex-box-list ul li a span{
        display: block;
        width: 3px;
        height: 3px;
        background: #fff;
        border-radius: 100px;
    }



    .flex-box-list ul li a{
        color: #f5f5f1b3;
        transition: .3s ease;
        font-size: 11px;
        display: flex;
        align-items: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        gap: 10px;
    }

    .flex-box-list ul li a i{
        color: #f6a201;
        padding-right: 6px;
        font-size: 10px;
    }

    .flex-box-list ul li a:hover{
        color: #fff;
    }

    .pdd-07{
        padding-left: 0px;
    }



/* inner pages ======================================================================
=================================================================================== */

.banner-section-inner{
    background-image: url('assets/images/home/about_us/client-banner.jpg');
    background-position: top;
    background-size: cover;
    width: 100%;
    height: 420px;
    display: flex;
    align-items: center;
    background-color: #004f6f;
    background-blend-mode: multiply;
}

.banner-title-inner span {
    background: #fff;
    color: #000000;
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'Inter Tight';
    padding: 10px 10px;
    /* padding-top: 7px; */
    border-radius: 7px;
    font-weight: 500;
    word-spacing: 2px;
}

.banner-title-inner h3{
    text-transform: capitalize;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 16px;
}

.banner-title-inner p{
    color: #fff;
    max-width: 600px;
    font-size: 19px;
}

/* about us ----------------- */

.bt-top{
    padding-top: 70px;
    padding-bottom: 70px;
}



.abouts-us h3{
    font-size: 2.5rem;
    color: #0a0d31;
    font-weight: 800;
    margin-bottom: 30px;
    line-height: 1.2;
}

.box-abt img{
    width: 100%;
}

.coin-list ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.coin-list ul li{
    list-style: none;
    display: flex;

}

.left-side-box img{
    width: 200px;
}

.right-side-box{
    width: 305px;
}

.right-side-box h3{
 font-size: 24px;
 color: #0a0d31;
 font-weight: 600;
 margin-bottom: 15px;
}

.right-side-box p{

}


.list-abts-items{
    margin-top: 30px;
}


.list-abts-items ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}

.list-abts-items ul li{
    margin-bottom: 30px;
    width: 50%;
    padding-right: 23px;
}

.list-abts-items ul li span{
    font-size: 17px;
    color: #0a0d31;
    font-weight: 600;
    margin-bottom: 9px;
    display: block;
}

.list-abts-items ul li p{
    color: #535353;
    font-size: 14px; 
}

/* services ------------------------------------ */
.shadow-en{
    box-shadow: 0 1px 6px 0 #20212438;
    border-radius: 6px;
    position: relative;
}


    /* footer ================================================================= */

    .footer-logo-section{
        background-image: url('assets/images/home/about_us/footer-dots.svg');
        background-position: center;
        background-size: contain;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 88vh;
        background-repeat: no-repeat;
    }

    .footer-log-icon{
        background: #000;
        padding: 65px;
    }

    .footer-log-icon img{
        width: 173px;
    }



    .footer-footer{
        background-color: #031403;
        padding: 15px 0px;
        border-top: 1px solid #ffffff1a;
    }
    
    .brd-left{
        border-left: 1px solid #fff;
    padding-left: 20px;
    }


    .addres-box span {
        padding-right: 10px;
        position: relative;
    top: 3px;
    }
    .addres-box span svg{
        fill: #fff;
        width: 18px;
        height: auto;
    }

    .abts-ftr{
        max-width: 600px;
        margin: auto;
        text-align: center;
        margin-bottom: 50px;
    }
    .abts-ftr h3 {
        color: #fff;
        font-size: 34px;
        font-weight: 500;
        margin-bottom: 15px;
        font-family: 'Cormorant Garamond';
        font-style: italic;
    }

    .abts-ftr p {
        color: #f5f5f1b3;
        font-size: 13px;
        margin-bottom: 25px;
    }

    .addres-box p{
        color: #fff;
        font-size: 13px;
        padding-right: 30px;
    }

    .addres-box a{
        color: #fff;
        font-size: 13px;
        display: block;
    }
    .footer-social{
        display: flex;
        align-items: center;
    }
    .footer-social a{
        margin-right: 30px;
        text-align: center;
        color: #fff;
        font-size: 20px;
    }
    .footer-social a span{
 display: block;
    line-height: 1;
    font-size: 13px;
    color: #fff;
    }

    .cnter-reserv{
        text-align: center;
    }

    .cnter-reserv p{
        font-size: 14px;
        color: #696969;
    }
    .cnter-reserv p a img{
        width: 65px;
    }
    .row-footer{
        margin-bottom: 50px;
    }

    .flex-box-ftr{
        display: flex !important;
        align-items: baseline;
    }

    .flex-box-ftr-a{
        display: flex !important;
        align-items: center;
        margin-bottom: 7px;
    }


    /* hamburger menu */


    .ham{
        width: 40px;
        height: 40px;
        display: none;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-left: 20px;
        padding: 0px 4px;

    }

    .ham span{
        display: block;
        width: 100%;
        height: 3px;
        background-color: #fff
        
    }


    .ham span:nth-child(2){
        margin: 6px 0px;
    }

    /* mobile menu --------------------------------- */


    .mobile-menu{
        background: #fff;
        padding: 30px;
        position: fixed;
        top: 0;
        right: 0;
        width: 310px;
        height: 100%;
        z-index: 99999999;
        /* background-image: url('assets/images/home/about_us/aboutus-inner.webp'); */
        background-position: initial;
        background-size: cover;
        background-color: #faf5ef;
        background-blend-mode: saturation;
        transform: translateX(500px);
        transition: .3s ease;
        display: none;
        padding-top: 150px;
    }


    .close-items {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 20px;
        top: 20px;
        background: #0c3d0c;
        border-radius: 100px;
        padding: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .close-items svg{
        fill: #ffffff;
        width: 100%;
        height: 100%;
    }

    .showmbmenu{
        transform: translateX(0px); 
        transition: .3s ease;

    }

    .mob-main_nav_menu{
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
    .mob-list_nav_a{
        padding: 16px 0px;
        color: #000000;
        font-size: 15px;
        font-weight: 500;
        position: relative;
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: .3s ease;
        display: flex
    ;
        align-items: center;
        justify-content: space-between;
    }
    .mob-list_nav_a:hover{
        color: #0c3d0c;
    }

        .mob-list_nav_a i{
            font-size: 12px;
        }

    .header-title-mob{
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #ffffff30;
    }

    .mob-nav-social{
        display: flex;
        align-items: center;
        margin-top: 20px;
    }

    .mob-nav-social a {
        color: #006a94;
        display: flex;
        width: 35px;
        height: 35px;
        background: #fff;
        border-radius: 50px;
        align-items: center;
        justify-content: center;
        margin-right: 12px;
    }

    .header-title-mob h3{
    color: #ffff;
    font-size: 19px;
    font-weight: 500;
    }

 
    /* about us page inner ================================ */

    .inner-banner-section-bx{
        background-image: url('assets/images/home/about_us/22.jpg');
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 500px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        padding-top: 70px;
    }
    .inner-banner-section-bx::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: .6;
        top: 0;
        left: 0;
    }

    .banner-cp-bx{
        text-align: center;
    }

    .banner-cp-bx h1{
        font-size: 69px;
        color: #fff;
        font-family: "Branch";
    }

    .banner-cp-bx a{
        color: #000000;
        font-size: 15px;
        background: #f2c192;
        padding: 14px 47px;
        padding-top: 16px;
        border-radius: 100px;
        display: block;
        max-width: fit-content;
        margin: auto;
        margin-top: 40px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .inner-banner-section-bx .container-port{
        position: relative;
        z-index: 6;
    }


    .bx-cnt-hdr{
        margin-bottom: 60px;
        border-bottom: 1px solid #00000024;
        padding-bottom: 20px;
    }

    .bx-cnt-hdr span{
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
        color: #0c3d0c;
        letter-spacing: 2px;
    }


    .bx-cnt-hdr h3{
        font-family: 'Cormorant Garamond';
        font-size: 38px;
        color: #000;
    }

    .bx-cnt-hdr p{
        margin-bottom: 10px;
        font-family: "DM Sans", sans-serif;
        color: #444c61;
    }

    .box-cnt-p a{
        font-size: 23px;
        color: #000;
        font-weight: 600;
        font-family: 'Branch';
    }

    .box-cnt-p p{
        font-family: 'Branch';
        font-size: 25px;
        color: #000;
        max-width: 450px;
    }

    .box-cnt-p{
        margin-bottom: 35px;
        display: flex;
        gap: 10px;
    }

    .box-cnt-p span{
        display: block;
        width: 35px;
        height: 35px;
    }
      
    .box-cnt-p span svg{
        width: 100%;
        height: 100%;
        fill: #0c3d0c;
    }

  @keyframes marquee{
    0%{ transform: translateX(0)}
    100%{transform: translate(-50%)}
    }
    .tech-i {
        width: 100%;
    }
    .tech-i img{
        width: 100%;
        height: 66px;
        object-fit: contain;
    }




@media screen and (max-width:1400px) {
    .container-port{
        width: 90%;
    }
}

@media screen and (max-width:1310px) {
    .list_nav_a{
        margin: 0;
    }
    .sp-bx-pac h3{
        font-size: 15px;
    }
    .sp-bx-pac p{
        font-size: 13px;
    }
}

@media screen and (max-width:1200px) {

    .list_nav_a{
        margin: 0px;
        padding: 0px 18px;
        font-size: 14px;
    }

    .glry-panel img{
        height: 250px;
    }
    
}

@media screen and (max-width:1125px) {
    .logo img {
        width: 186px;
    }
    .list_nav_a {
        font-size: 14px;
        padding: 0px 15px;
    }
    header .container-port{
        width: 100%;
    }
    .row-cstm{
        flex-wrap: wrap;
        justify-content: center;
    }

    .col-cstm-lg-2{
        width: 33%;
        margin-bottom: 30px;
    }

    .col-cstm-lg-2:nth-child(3) {
        border: none;
    }
    .sp-bx-pac p {
        font-size: 13px;
        padding: 0px 20px;
    }
}

@media screen and (max-width:991px) {
    .contact-box{
        position: unset;
    }
    .list_nav_a {
        font-size: 12px;
        padding: 0px 14px;
    }
    .abts-home-content{
        padding: 0px;
        text-align: center;
        margin-bottom: 50px;
    }
    .abts-home-content label{
        margin: auto;
        margin-bottom: 20px;
    }
    .actviti-sc-panel{
        margin-bottom: 40px;
    }
    .contact-box-sd {
        transform: translate(-0%, -10%);
        padding: 40px 20px;
    }
    .container-port{
        width: 100%;
    }

    .bx-als-d a {
        font-size: 16px;
    }

    .bx-als-d label {
        font-size: 10px;
    }
    .map {
        height: 400px;
        margin-top: 0px;
    }

    .flex-box-list ul{
        flex-wrap: wrap;
        gap: 20px 40px;
    }
}


@media screen and (max-width:888px) {
    .navigation_lists{
        display: none;
    }
    .ham{
        display: flex;
    }
    .header_flex{
        justify-content: flex-start;
    }
    .mobile-menu{
        display: block;
    }

    .submenu{
        position: unset;
        pointer-events: all;
        visibility: visible;
        opacity: 1;
        background: none;
        display: none;
        transition: unset;
    }
    .submenu ul{
        padding: 0px;
    }
}

.float-chat-bk{
    position: fixed;
    right: 10px;
    bottom: 20px;
    z-index: 999; 
}

.float-chat-bk a{
    display: flex;
    width: 100px;
    height: 100px;
    background: #0c3d0c;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #fff;
    font-family: 'Marcellus'; 
    position: relative;
    border: 1px solid #ffffff2b;
}
.float-chat-bk a::before{
    content: '';
    position: absolute;
    width: 80%;
    height: 80%;
    left: 50%;
    top:50%;
    transform: translate(-50%, -50%);
    border: 1px dashed #fff;
    border-radius: 100px;
}

.float-chat-bk a span{
    background: #0c3d0c;
    padding: 5px 4px;
    position: relative;
    font-family: 'Cormorant Garamond';
    font-size: 18px;
}


@media screen and (max-width:767px) {
    .bg-abts{
        padding: 65px 10px;
    }
    .cline{
        width: 100px;
    }
}

.bknw a{
    background: #ffc89a;
    display: block;
    max-width: fit-content;
    margin: auto;
    margin-top: 50px;
    color: #000000;
    font-family: 'DM Sans';
    text-transform: uppercase;
    padding: 19px 48px;
    border-radius: 100px;
    line-height: 1;
    font-weight: 600;
}

@media screen and (max-width:575px) {
    .headerwrpprp span{
        font-size: 18px;
    }
    .lfexantn a {
        padding: 10px 7px;
        border-radius: 100px;
        font-size: 12px;
        text-transform: capitalize;
        width: 140px;
        border: 1px solid #fff;
        color: #fff;
    }
    .headerwrpprp h4{
        font-size: 22px;
    }
    .headerwrpprp span {
        font-size: 11px;
    }
    .str-st {
        padding: 60px 0px;
    }
    .prty-info {
        padding: 30px 20px;
    }

    .colx50{
        width: 50%;
    }
    .hdr-prt p{
        text-align: justify;
    }
    .prty-info h3{
        font-size: 17px;
    }
    .cline{
        width: 50px;
    }
    .lneovr{
        width: 55px;
    }
    .hdr-prt h3{
        font-size: 32px;
    }
    .pdlft{
        margin-top: 30px;
        margin-bottom: 0;

    }
    .inner-banner-section-bx{
        height: 400px;
    }
    .banner-cp-bx h1 {
        font-size: 11vw;
    }
    /* .prty-info {
        padding: 30px 40px;
    } */
    .bx-sliderattrc h3{
        font-size: 12px;
    }
    .wbheader h1{
        font-size: 13vw;
        font-weight: 400;
        line-height: 1.2;
    }
    .fle-x-a a:nth-child(1){
        margin-top: 0px;
    }
    .col-cstm-lg-2 {
        width: 50%;
        margin-bottom: 30px;
    }

    .sp-bx-pac h3 {
        font-size: 12px;
        margin-bottom: 7px;
    }

    .sp-bx-pac p {
        font-size: 13px;
        padding: 0px;
    }

    .sp-bx-pac {
        text-align: center;
        padding: 0px 20px;
    }

    .col-cstm-lg-2:nth-child(3) {
        border-right: 1px solid #0000002b;
    }

    .col-cstm-lg-2:nth-child(2) {
       border: none;
    }

    .col-cstm-lg-2:nth-child(4) {
       border: none;
    }

    .sp-bx-pac span {
        width: 56px;
    }

    .sp-bx-pac span svg {
        width: 100%;
        height: 100%;
    }

    .container-port{
        padding: 0px 15px;
    }
    .act-display img {
        width: 45px;
    }
    .logo img {
        width: 166px;
    }
    .row-reflex .col-lg-7{
        width: 50%;
        padding: 5px;
    }

    .row-reflex .col-lg-5{
        width: 50%;
        padding: 5px;
    }

    .act-vt-bx {
        background: #fff;
        padding: 9px 20px;
        display: flex;
        align-items: center;
        gap: 26px;
    }

    .act-ddt span {
        color: #000;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 5px;
        display: block;
    }

    .act-ddt h3 {
        font-size: 11px;
    }

    .room-ddt h3{
        font-size: 25px;
    }
    .room-ddt p{
        font-size: 14px;
    }

    .btm-flex-bx {
        margin-top: 37px;
        flex-direction: column;
        align-items: baseline;
        gap: 27px;
    }
    .amenities-section {
        padding: 70px 0px;
    }

    .am-col-lg:last-child{
        margin: 0px;
    }

    .banner-content-xc h3{
        font-size: 39px;
        line-height: 45px;
    }
    
    .banner-content-xc h3 span{
        font-size: 45px;
       
    }

    .banner-content-xc p {
        color: #ffffff;
        font-size: 14px;
    }
    .banner-section-box {
        overflow: hidden;
    }
}

@media screen and (max-width:375px) {
    .link-siblings{
        width: 249px;
        padding: 4px 7px;
    }
    .link-siblings a{
        font-size: 11px;
    }
    .link-siblings a:nth-child(1){
        padding: 12px 0px;
    }
    .bnr-panel{
        padding-bottom: 150px;
    }
    
}

.float-chat{
    position: fixed;
    left: 10px;
    bottom: 20px;
    z-index: 999;
}

.float-chat a{
    display: flex;
    width: 35px;
    height: 35px;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    padding: 0px;
    font-size: 16px;
    margin: 15px 0px;
    background: #faf5ef;
    color: #0c3d0c;
}

.form input,.form select{border:solid 1px #ccc;border-radius:5px;}

.navigation_lists ul li a{
	    display: block;
    color: #ffffff;
    font-family: 'DM Sans';
    font-size: 14px;
    transition: .3s ease;
    text-transform: uppercase;
    padding: 11px 20px;
    border-radius: 100px;
    letter-spacing: 1px;
}
.menu-item-has-children{
	position:relative;
}
.sub-menu{
 padding:10px 0px; margin:0px; list-style:none;   position: absolute;
    top: 64px;
    left: 0;
    background: #fff;
    width: 300px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: .3s ease;
    z-index: 5;
}

.sub-menu li a {
    display: block;
    padding: 6px 20px;
    font-family: 'DM Sans';
    font-size: 15px;
    color: #000 !important;
}
.menu-item-has-children:hover>.sub-menu{
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    top: 48px;
}

.wpcf7-form{
    background: white;
    padding: 20px;
    border-radius: 10px;
    max-width: 100%;
    width: 600px;
    margin: 80px auto;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    text-align: left;
}
.wpcf7-form p{
    margin: 10px 0;
}
.wpcf7-form p label{
    width: 100%;
}
.wpcf7-form p span input{
    border: solid 1px #ccc;
    border-radius: 5px;
    width: 99%;
    padding: 10px;
    margin-top: 6px;
}

.wpcf7-form p input.wpcf7-form-control.wpcf7-submit{
    background-color: #28a745;
    color: white;
    border: none;
    cursor: pointer;
    padding: 10px;
    width: 100%;
	margin-top:10px;
}
body, html {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}

.mob-main_nav_menu li a{
    padding: 16px 0px;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: .3s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width:888px) {
    .sub-menu{
        position: unset;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        padding: 0pc;
        width: 100%;
        text-align: left;
        background: none;
        display: none;
        transition: unset
    }

    .sub-menu li a{
        font-size: 14px;
        color: #000 !important;
        text-transform: uppercase;
        padding: 4px 0px;
    }
    .menu-item-has-children{
        position: relative;
    }
    .menu-item-has-children::before{
        content: "\f078";
        font-family: "fontawesome";
        position: absolute;
        right: 0;
        top: 17px;
        font-size: 11px;
        color: #000;
    }
}