@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');
html {
    scroll-behavior: smooth;
}
*{
    font-family: 'M PLUS 1p', system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
* {-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;outline: none !important;/* font-family: 'Montserrat', sans-serif; */}

.Nav-Bar{position: absolute;width: 100%;left: 0px;top: 0px;z-index: 99999;padding: 15px 0px;height: 116px;display: flex;align-items: center;}
.Nav-Bar .contain{display: flex;align-items: center;justify-content: space-between;}
.Nav-Bar .contain .lft{
    
}
.borderradius{
    overflow: hidden;
    border-radius: 10px;
}
body{
    background-color: #f9f9f9;
}
footer input::-webkit-input-placeholder{ /* Edge */
color: #c9b9a2;
}

footer input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #c9b9a2;
}

footer input::placeholder {
color: #c9b9a2;
}
footer textarea::-webkit-input-placeholder{ /* Edge */
color: #c9b9a2;
}

footer textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #c9b9a2;
}

footer input::placeholder {
color: #c9b9a2;
}
.btn{
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 56px;
    border-radius: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn:active,.btn:focus,.btn:hover{
    box-shadow: none!important;
}
.Nav-Bar .contain .booknow{
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 50px;
    /* background-color: #4e4e4e; */
    padding-right: 20px;
    border: 1px solid transparent;
    transition: 0.2s;
}
.Nav-Bar .contain .booknow:hover{
    /* background-color: #4e4e4e; */
    border: 1px solid #474747;
}
.Nav-Bar .contain .booknow span{color: #fff;font-weight: 700;margin-left: 10px;}
.Nav-Bar .contain .rgt .booknow{
    padding-right: 0px;
    padding-left: 20px;
}
.Nav-Bar .contain .rgt .booknow span{
    margin-right: 10px;
    margin-left: 0px;
}
.Nav-Bar .contain .ellipsemenu span:nth-child(1){
    
}
.Nav-Bar .contain .ellipsemenu span:nth-child(2){
    
}
.Nav-Bar .contain .ellipsemenu span:nth-child(3){
    margin-bottom: 0px;
}
.Nav-Bar .contain .brandlogo{
    background-image: url(../images/Logo/Logo.svg);
    width: 107px;
    height: 51px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 23px;
}
.Nav-Bar .contain .icon{
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgb(255 255 255 / 16%);
}
.homebanner{
    height: 100vh;
    background-color: black;
    position: relative;
    align-items: center;
    overflow: hidden;
}

.homebanner .bgimage{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.homebanner .fademask{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(rgb(255 0 0 / 0%), black);
}
.homebanner .contain{
    width: 100%;
    z-index: 1;
    padding-top: 120px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.homebanner .details{
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 90%;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
}
.homebanner .details h1{
    font-size: 90px;
    font-weight: 900;
    text-transform: uppercase;
    height: 110px;
    overflow: hidden;
}
.homebanner .details h1 span{
    transform:translateY(100%);
    display: block;
    transition: 0.6s;
}
.homebanner .swiper-slide-active .details h1 span{
    transform:translateY(0%);
}

.homebanner .details h3{
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
}
.homebanner .menu{
    text-align: center;
    position: relative;
    z-index: 9;
}
.homebanner .menu a{
    color: #fff;
    opacity: 0.8;
    margin-right: 10px;
    text-decoration: none;
    font-size: 14px;
}
.homebanner .menu a:last-child{
    margin-right: 0px;
}
.homebanner .menu a.active{
 font-weight: 600;
 opacity: 1;
}
.container-fluid {
    width: 90%;
}
.homebanner .scrolldown{
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
.homebanner .scrolldown .icon{
    background-image: url(../icons/scrolldown.svg);
    width: 55px;
    height: 58px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 30px auto;
}

section{padding: 70px 0px;/* background-color: #c9b9b9; */}
section .contain{

}

.graysec{
    background-color: #ededed;
   
}
.imgfill{position: relative;overflow: hidden;}
.imgfill .img{
    height: 100%;
    border-radius: 6px;
    width: 100%;
    /* position: absolute; */
    left: 0px;
    top: 0px;
    background-size: cover;
    background-repeat: no-repeat;
}
.imgfill .imgcont{
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.imgfill .imgcont .img{
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    filter: grayscale(1);
    transition: 0.3s;
    border-radius: 0px;
}
 .imgfill .imgcont .maskfade{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0px;
    opacity: 0.3;
    transition: 0.3s;

    
}
.mapcontainer{
    transition: 0.3s;

}

.mapcontainer:hover .img{
    filter: grayscale(0);
}
.htitle,.htitle02{
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.htitle{
    font-size: 18px;
}
.htitle02{
    font-size: 35px;
}
.htitle .line{height: 6px;width: 61px;background-color: #000;margin: 13px 0px;margin-bottom: 20px;}
p{
font-weight: 300;
}
.iconcard01{text-align: center;margin-top: 16px;border: 1px solid #000;padding: 13px 10px;border-radius: 6px;}
.iconcard01 .icon{width: 50px;height: 50px;background-position: center;background-size: contain;margin:  0 auto;margin-bottom: 12px;background-repeat: no-repeat;}
.iconcard01 p{text-transform: uppercase;font-size: 13px;margin-bottom: 0px;}
.banner02{position: relative;min-height: 100vh;display: flex;align-items: center;}
.banner02 .bgimage{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
  .banner02 .fademask{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(rgb(255 0 0 / 0%), black);
}
.banner02 .contain{color: #fff;position: relative;text-align: center;}
.banner02 h1{font-weight: 900;text-transform: uppercase;margin-bottom: 15px;font-size: 43px;}
.banner02 h3{font-size: 20px;font-weight: 300;}
.banner02 .contain .btn{
    margin-top: 20px;
    width: 300px;
    margin-top: 20px;
    width: 300px;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    transition: 0.2s;
}
.banner02 .contain .btn:hover{
    margin-top: 20px;
    width: 300px;
    background-color: #fff;
    color: #000;
}
.card07{min-height: 500px;max-height: 500px;overflow: hidden;background-color: #fff;display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer;margin-right: 0px;padding-right: 0px;}
.card07 .bgimg{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;filter: grayscale(1);}
.card07 .fademask{position: absolute;height: 100%;width: 100%;top: 0px;left: 0px;/* background-color: #000; */background-image: radial-gradient(rgb(0 0 0 / 85%), black);opacity: 0.7;transition: 0.5s;}
 .card07 .details01{position: absolute;color: #fff;transition: 0.6s; text-align: center;}
 .card07 .details01 .icon{width: 84px;height: 84px;background-size: contain;background-repeat: no-repeat;background-position: center;filter: invert(1);margin: 0 auto;}
.card07 .details01 .htitle{margin-top: 28px;}

.card07 .details02{
    transition: 0.6s;
    position: relative;
    color: #fff;
    PADDING: 50PX;
    opacity: 0;
}
.card07 .details02 .htitle .line{
 background-color: #fff;
}

.bulletpar{display: flex;align-items: center;/* padding: 10px 15px; *//* border: 1px solid #ffffff6b; */margin-bottom: 3px;/* background-color: rgb(0 0 0 / 22%); */}
.bulletpar p{margin-bottom: 0px;font-weight: 300;}
.bulletpar span{
    width: 10px;
    height: 10px;
    min-width: 10px;
    border-radius: 50%;
    background-color: #fff;
    display: block;
    margin-right: 10px;
}
.card07:hover .details01,
.card07:active .details01{
    opacity: 0;
}
.card07:hover .details02,
.card07:active .details02{
    opacity: 1;
}
.card07:hover .fademask,
.card07:active .fademask{
    opacity: 0.6;
}
.card07:hover .bgimg,
.card07:active .bgimg{
    filter: grayscale(0);
}
.imgcard{
    height: 281px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px;
    border-radius: 0px;
    cursor: pointer;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #e3e3e3;
}
.imgcard .icon{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 61%);
    opacity: 0;
    transition: 0.5s;
}
.imgcard .icon i{
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #9a7749;
    color: #fff;
    border-radius: 50%;
}
.imgcard:hover .icon{
 opacity: 1;
}

.myform{max-width: 70%;margin:  0 auto;}
.myform label{display: block;text-transform: uppercase;font-size: 12px;margin-bottom: 6px;font-weight: 600;}
.myform input{
    padding: 10px;
    width: 100%;
    padding: 10px;
    border-radius: 0px;
    height: 50px;
    border: 0;
    background-color: #7f633d;
    color: #fff;
    margin-bottom: 10px;
    font-size: 13px;
    box-shadow: none!important;
}
.myform textarea{
    padding: 10px;
    font-size: 13px;
    color: #fff;
    border-radius: 0px;
    border: 0px;
    background-color: #7f633c;
    width: 100%;
    box-shadow: unset!important;
    min-height: 126px;
}
.myform .btn{
   width: 100%;
   margin-top: 17px;
   background-color: transparent;
   border-radius: 0px;
   border: 1px solid #fff;
   color: #fff;
   transition: 0.2s;
}
.myform .btn:hover{
    background-color: #fff;
    color: #000;
}
.myform input:focus,
.myform textarea:focus
{

}
.textareacontainer{
position: relative;
}
.textareacontainer textarea{

}
footer{
    background-color: #997749;
    padding: 59px 0px;
    color: #fff;
    padding-bottom: 0px;
}
footer .contain:last-child{background-color: #906D3F;padding: 16px;margin-top: 60px;}
footer .contain:last-child .foot{display: flex;justify-content: space-between;align-items: center;}
footer .contain:last-child .foot p{margin-bottom: 0px;font-size: 14px;}
footer .contain:last-child .foot .socialicons{display: flex;}
footer .contain:last-child .foot .socialicons a{width: 39px;height: 39px;border-radius: 50%;background-color: #fff;display: flex;margin-left: 10px;align-items: center;justify-content: center;text-decoration: none;color: #906d3f;font-size: 20px;}
.headerbox{

}
.anime-scroll{
animation: skeleton-loading 0.5s linear infinite alternate;
}
@keyframes skeleton-loading{
    0%{
        transform: translateY(0px);
    }
    100%{
        transform: translateY(10px);
    }
    0%{
        transform: translateY(0px);
    }
}
.pagination-conainter{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0px;
    top: 170px;
    left: 0px;
    right: 0px;
}
.swiper-pagination-bullet{
    margin: 3px;
}
.loading-container{
    position: fixed;
    left: 0px;
    height: 100vh;
    z-index: 9999999;
    width: 100%;
    top: 0px;
    display: flex;
    background-color: #000;
    align-items: center;
    justify-content: center;
}
.loading-container div{
    
}
.loading-container div .logo{
    width: 200px;
}
.loading-container div .loader{
    
}
.loading-container div .loader .fill{
    
}
.cominginfx {
animation-name: cominginfx;
animation-duration:10s;
animation-iteration-count: initial;
transition: 10s;
}
@keyframes cominginfx{
    0%{transform:scale(0);}
    100%{transform:scale(1);}
}
.navigationbar{position: fixed;z-index: 9;width: 100%;left: 0px;top: 0px;height: 79px;display: flex;align-items: center;background-color: #fff;padding: 0px 50px;border-bottom: 1px solid #9a7749;}
.navigationbar .contain{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navigationbar .logobrand{
    background-image: url(../images/Logo/Logo.svg);
    width: 100px;
    height: 47px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    filter: invert(1);
}
.navigationbar .menu{
display: flex;
align-items: center;
}
.navigationbar .menu a{text-decoration: none;color: #212529;font-weight: 300;margin-left: 15px;font-size: 14px;display: inline-flex;}
.navigationbar .menu a.active{font-weight: 600;}
.navigationbar .menu button{background-color: #9a7749;color: #fff;height: 38px;border-radius: 5px;margin-left: 43px;transition: 0.3s;}
.navigationbar .menu button:hover{background-color: #85663d;}
.togglemenubtn{
    display: none;
    background-color: #9a7749;
    color: #fff;
    border: 0px;
    border-radius: 4px;
    padding: 10px;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 600;
    width: 76px;
    transition: 0.4s;
}
.togglemenubtn.active{
    width: 0px;
    padding: 10px 0px;
}

.togglemenubtn i{

}
.mobilemenu{
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 999;
    background: rgb(6 4 0 / 92%);
    left: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    transform: translateX(100%);
    transition: 0.4s;
}
.mobilemenu.active{
    transform: translateX(0%);
}
.mobilemenu .menu{width: 100%;}
.mobilemenu .rows{display: flex;width: 100%;}
 .mobilemenu .rows .box{
    /* border: 1px solid #ffffff2b; */
    width: 100%;
    padding: 20px 10px;
    margin: 8px;
    text-align: center;
    border-radius: 3px;
    min-height: 100px;
    height: 18vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(255 255 255 / 12%);
    text-decoration: none!important;
    transition: 0.1s;
    opacity: 1;
}
.mobilemenu .rows .box:active{
    opacity: 0.7;
}
  .mobilemenu .rows .box .icon{
    color: #fff;
    display: block;
    margin: 10px auto;
    text-align: center;
    font-size: 24px;
    color: #c79c63;
}
    .mobilemenu .rows .box span{
    color: #fff;
    font-size: 13px;
    margin: 5px;
    display: block;
    font-weight: 300;
    text-transform: none;
}
.mobilemenu .close{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0px;
    right: 0px;
    /* background-color: #ffffff; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 5px 10px;
    font-size: 24px;
    color: #fffcf8;
    /* border: 1px solid #fff; */
    transition: 0.2s;
}
.mobilemenu .active{
    background-color: #000;
}
.fadefx {
    animation-name: fadefx;
    animation-duration: 0.4s;
    animation-iteration-count: initial;
    transition: .4s;
  }
  @keyframes fadefx{
    0%{opacity: 0}
    100%{transform: 1}
  }

  .focusedsections{
    padding-bottom: 80px;
    display: block;
  }
  .noscroll{
      overflow: hidden;
  }
@media (max-width: 1400px) {
    .navigationbar .menu a{font-size: 13px;}
    .loading-container div .logo{
        width: 150px;
    }
    .homebanner .details h1{
        height: 60px;
    }
    .homebanner .scrolldown .icon {
        width: 48px;
        height: 48px;
    }

    footer .contain:last-child .foot .socialicons a {
        font-size: 17px;
    }
    .btn {
        font-size: 13px;
        height: 50px;
    }

    .imgcard {
        height: 249px;
    }
    .card07 .details01 .htitle {
        margin-top: 15px;
    }
    section {
        padding: 55px 0px;
    }
    .banner02 h3 {
        font-size: 17px;
    }
    .iconcard01 p {
        font-size: 11px;
    }
    .iconcard01 .icon {
        width: 38px;
        height: 38px;
    }
    .card07 {
        min-height: 410px;
        max-height: 449px;
    }
    .myform input {
        height: 45px;
        font-size: 12px;
    }
    .htitle02 {
        font-size: 28px;
    }
    footer .contain:last-child .foot p {
        font-size: 13px;
    }
    .container-fluid {
        width: 100%;
    }
    .homebanner .details h1 {
        font-size: 45px;
    }
    p {
        font-size: 13px;
    }
    .homebanner .menu a {
        font-size: 13px;
        
    }
    .banner02 h1 {
        font-size: 35px;
    }
    .htitle {
        font-size: 16px;
    }
    .homebanner .contain {
        padding-top: 100px;
    }
    .Nav-Bar .contain .ellipsemenu span {
        width: 26px;
        height: 4px;
    }
    .homebanner .details h3 {
        font-size: 17px;
    }
    .card07 .details01 .icon {
        width: 67px;
        height: 67px;
    }
}
@media (max-width: 992px) {
    .card07 .details01 .icon {
        margin: 10px auto;
    }
 
    html {
        scroll-behavior: unset!important;
    }
    .focusedsections {
        padding-bottom: 40px;
    }
    .navigationbar{
        height: 71px;
        padding: 0px 0px;
    }
    .navigationbar .logobrand{
        height: 40px;
    }
    .togglemenubtn{
        display: flex;
    }
    .navigationbar .menu{
        display: none;
    }
    .imgcard {
        height: 200px;
    }
    #packages_section .row {
        --bs-gutter-x: 0px;
        --bs-gutter-y: 0px;
        margin: 0px;
        padding: 0px;

    }
    #packages_section .contain{
        padding: 2px;
        /* padding-left: 1px; */
    }
    .homebanner .scrolldown{
        bottom: 50px;
    }
    .Nav-Bar{
        display: none;
    }
    .homebanner .menu{
        display: none;
    }
    .loading-container div .logo{
        width: 140px;
    }
    .htitle02 {
        font-size: 30px;
    }
    footer .contain:last-child .foot .socialicons a {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
    footer .contain:last-child .foot p {
        font-size: 12px;
    }
    .myform{
        max-width: 100%;
    }
    .banner02 h1 {
        font-size: 26px;
    }
    .banner02 h3 {
        font-size: 15px;
    }
    .iconcard01 .icon {
        width: 42px;
        height: 42px;
    }
    .iconcard01 p {
        text-transform: uppercase;
        font-size: 12px;
    }
    .card07 .details01 .icon{
        width: 81px;
        height: 80px;
    }
    .homebanner .details h3 {
        font-size: 14px;
    }
    .Nav-Bar .contain .ellipsemenu span {
        width: 25px;
        height: 3px;
    }
    
    .Nav-Bar .contain .icon {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }
    .homebanner .contain {
        padding-top: 94px;
    }
    .card07 .details01 {
        padding: 25px;
    }
    .card07 .details02{
        padding: 25px;
    }
    .homebanner .menu a {
        margin-right: 5px;
    }
    p {
        font-size: 14px;
    }
    .homebanner .scrolldown .icon {
        width: 45px;
        height: 45px;
    }

    .homebanner .details h1 {
        font-size: 38px;
        height: 45px;
    }
    .card07 {
        min-height: 100vh;
        height: 100vh;
        max-height: 100vh;
        padding: 0px;
        margin-bottom: 1px;
    }
}
@media (max-width: 500px) {
    .imgcard {
        height: 150px;
    }
}