@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0px; margin: 0px; list-style: none; font: normal 1.6rem/2.8rem 'Open Sans', sans-serif; color: var(--black); }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0px; margin: 0px; font-family: "Gilda Display", serif;}
input[type="text"]::-webkit-placeholder , input[type="text"]::-moz-placeholder , input[type="password"]::-webkit-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-webkit-placeholder, input[type="search"]::-moz-placeholder, input[type="email"]::-webkit-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-webkit-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder, textarea::-webkit-placeholder{ opacity: 1;  }
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a:hover, a:focus{ text-decoration: inherit !important;}
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }


:root{
    --black: #000;
    --brand: #af033c;
    --blue: #283862;
    --white: #fff;
    --heding: #0e2a4e;
    --body_txt_color: #494949;
   }




   /* font-family: "Open Sans", sans-serif; */

   /* font-family: "Gilda Display", serif; */


    @keyframes slideInUp {
        from {
            transform: translateY(50px);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    @keyframes fadeInTitle {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes float {
        0%,
        100% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-15px);
        }
    }

    @keyframes fadeInSubtitle {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes bounce {
        0%,
        20%,
        50%,
        80%,
        100% {
            transform: translateX(-50%) translateY(0);
        }
        40% {
            transform: translateX(-50%) translateY(-10px);
        }
        60% {
            transform: translateX(-50%) translateY(-5px);
        }
    }


    @keyframes heroAnimation{
        0% {
            transform: scale(1.3) translate(-10%,10%);
        }
        25% {
            transform: scale(1) translate(0,0);
        }
        50% {
            transform: scale(1.3) translate(10%,10%);
        }
        75% {
            transform: scale(1) translate(0,0);
        }
        100% {
            transform: scale(1.3) translate(-10%,10%);
        }
    }

    em{font-style: normal;}
   .main_btn{display: inline-block; padding: 0 2rem; height: 4.5rem; line-height: 4.5rem; text-transform: uppercase; color: var(--white); font-size: 1.4rem; font-weight: 700; letter-spacing: .3rem; background: var(--brand); border-radius: .5rem; margin-top: 2.5rem; text-align: center;}
   .main_btn i{border-right: .2rem solid rgba(255, 255, 255, 0.7); padding-right: 1rem; margin-right: .5rem;}
   .main_btn:hover{background: var(--blue); color: var(--white);}
   .ptb{padding: 6rem 0;}
   .iner_ptb{padding: 3rem 0 6rem 0;}
   .sub_txt{display: inline-flex; align-items: center; color: var(--brand); font-size: 1.4rem; line-height: 1.4rem; text-transform: uppercase; font-weight: 600; margin-bottom: .5rem; gap: 0 .4rem; letter-spacing: .2rem;}
    h1,h2{text-transform: capitalize; font-weight: 600; font-size: 4rem; line-height: 5rem; color: var(--blue);}
    h5{text-transform: capitalize; font-weight: 800; font-size: 2rem; line-height: 3rem; color: var(--blue);}
    h6{text-transform: capitalize; font-weight: 800; font-size: 1.8rem; line-height: 2.8rem; color: var(--blue);}
    .rating li {display: inline-block !important; margin: 0 .2rem 0 0 !important; padding: 0 !important; border: none !important; width: auto !important; float: none !important;}
    .bold_icon::before, .liner_icon::before {font: normal 1.4rem / 1 FontAwesome; content: "\f006";color: #FFC107;}
    .bold_icon::before {content: "\f005";}







/*-------------------------------------------------------------------------------------------------top_button-------------------------------------------------------------------------------------------------------------------------------------*/

    .top_btn{background: var(--brand);  bottom: 1rem; color: var(--white); height: 4rem; opacity: 0; overflow: hidden; position: fixed; right: 1rem; width: 4rem; z-index: 9999;  text-align: center; display: inline-block; border-radius: .5rem; }
    .top_btn i{font-size: 1.7rem; line-height: 4rem;}
    .top_btn.show{opacity: 0.7;}
    .top_btn:hover{bottom: .3rem; opacity: 1; color: var(--white);}


/*--------------------------------------------------------------------------------------------------header----------------------------------------------------------------------------------------------------------------------------------------*/

    .header_sec{ width: 100%; position: fixed; left: 0; top: 0; z-index: 999; background: var(--white); padding: 1rem 0;}
    .nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}    
    .header_sec .container{max-width: 100%; padding: 0 3rem;}
    .nav_top .navbar-brand img{width: 7rem;}
    .menu_sec{margin-right: 37rem;}
    .menu_sec li{ position: relative; text-transform: capitalize; font-size: 1.7rem; font-weight: 600;}
    .menu_sec li a{display: inline-block; display: inline-block; color: var(--blue);}
    .menu_sec li:not(:last-child) a{padding-right: 3rem;}
    .menu_sec li.active a, .menu_sec li a:hover{color: var(--brand);}
    .top_socil_icon{position: absolute; right: 27.4rem; top: 1.9rem;}
    .top_socil_icon::before{position: absolute; right: -6.4rem; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.07); content: ""; width: 5rem; height: .3rem;}
    .top_socil_icon li{display: inline-block;}
    .top_socil_icon li a{display: inline-block; color: var(--blue); width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; border: .1rem solid #eee; border-radius: 100%;}
    .top_socil_icon li:not(:last-child){margin-right: .8rem;}
    .top_socil_icon li a:hover{background: var(--brand); border-color: transparent; color: var(--white);}
    .cat_rt_btn{position: absolute; right: 0; top: 1.4rem;}
    .header_sec.fixed {box-shadow: 0 0 .7rem 0 #ccc; background: var(--white);}





   
/*---------------------------------------------------------------------------------------------------banner---------------------------------------------------------------------------------------------------------------------------------------*/  

    .bannersec{ width: 100%; position: relative;}
    .banner_box{ animation: heroAnimation 100s linear infinite alternate; height: 100vh;}
    .bannersec .carousel-indicators{flex-direction: column; left: inherit; margin: 0; top: 50%; bottom: inherit; right: 4rem; background: var(--white); padding: 1.5rem 1rem; border-radius: 2.5rem;}
    .bannersec .carousel-indicators [data-bs-target]{width: 1.8rem !important; height: 1.8rem !important; border: .2rem solid transparent !important; border-radius: 50% !important; background: transparent !important; transition: all ease 350ms !important; -moz-transition: all ease 350ms !important; -webkit-transition: all ease 350ms !important; position: relative; margin: .5rem 0;}
    .bannersec .carousel-indicators [data-bs-target]::before{background: #747474 !important; width: .8rem !important; height: .8rem !important; position: absolute !important; content: '' !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; margin: auto !important; border-radius: 50% !important; transition: all ease 350ms !important; -moz-transition: all ease 350ms !important; -webkit-transition: all ease 350ms !important;}
    .bannersec .carousel-indicators [data-bs-target]:hover, .bannersec .carousel-indicators [data-bs-target].active{border-color: var(--brand) !important;}
    .bannersec .carousel-indicators [data-bs-target]:hover::before, .bannersec .carousel-indicators [data-bs-target].active::before{background: var(--brand) !important;}
    
    /* .banner_frm_sec */
    .banner_frm{position: absolute; display: inline-block; left: 0; bottom: 0; border-radius: 0 4rem 0 0; width: 100%;}
    .banner_frm .container{max-width: 100%; padding: 0;}
    .banner_frm_content{padding: 1.5rem 3rem 0 3rem; background-color: #00000094; margin: 0 auto;}
    .frm_label_txt{color: var(--white); text-transform: capitalize; display: block; padding-bottom: .5rem; font-weight: 500; position: relative; font-size: 1.4rem;}
    .banner_content{position: relative;}

    .banner_frm .as_btn{height: 10.3rem; line-height: 10.3rem; padding: 0 2rem; border-radius: 0;}
    .qty_container{display: flex; align-items: center; justify-content: center; position: relative;}
    .qty_container .qty-btn-minus, .qty_container .qty-btn-plus {border: none; border-left: .1rem solid #d4d4d4; padding: 0; font-size: 1rem; height: 4rem; width: 3.5rem;  transition: 0.3s; position:absolute; left:0; top:0; background: transparent; z-index: 1;}
    .qty_container .qty-btn-minus:focus, .qty_container .qty-btn-plus:focus{box-shadow:none;}
    .qty_container .input-qty { text-align: center; padding: 0 1.5rem; border: .1rem solid #d4d4d4; position: relative; border-radius: 1rem;}
    .qty_container .qty-btn-minus { margin-right: -.1rem; border-left-color: transparent; border-right: .1rem solid #d4d4d4;}
    .qty_container .qty-btn-plus { margin-left: -.1rem;  left:inherit; right:0;}
    .qty_container .input-qty[type="text"]{background: var(--white); height: 4rem; }
    .ban_frm_lt_txt{padding: 0 1.5rem 0 3rem;}
    .banner_frm_content .input_fld input[type="text"]{background: var(--white); height: 4rem; font-size: 1.3rem;}

    /* date */
    .ui-datepicker { background: var(--white); border-radius: 1.5rem;}
    .ui-datepicker-header { height: 5rem; line-height: 5rem; color: var(--white); background: #31639c; margin-bottom: 1rem;}
    .ui-datepicker-prev, .ui-datepicker-next { width: 2rem; height: 2rem; text-indent: 9999px; border-radius: 100%; cursor: pointer; overflow: hidden; margin-top: 1.2rem;}
    .ui-datepicker-prev { float: left; margin-left: 1.2rem;}
    .ui-datepicker-prev:after {transform: rotate(45deg); margin: -43px 0px 0px 8px;}
    .ui-datepicker-next { float: right; margin-right: 1.2rem;}
    .ui-datepicker-next:after {transform: rotate(-135deg); margin: -43px 0px 0px 6px;}
    .ui-datepicker-prev:after, .ui-datepicker-next:after { content: ''; position: absolute; display: block; width: .8rem; height: .8rem; border-left: .2rem solid var(--white); border-bottom: .2rem solid var(--white);}
    .ui-datepicker-prev:hover, .ui-datepicker-next:hover,.ui-datepicker-prev:hover:after,.ui-datepicker-next:hover:after { border-color: #333333;}
    .ui-datepicker-title {text-align: center; font-size:2.5rem;}
    .ui-datepicker-calendar {width: 100%; text-align: center;}
    .ui-datepicker-calendar thead tr th span { display: block; width: 4rem; color: #31639c; margin-bottom: .5rem; font-size: 1.8rem; }
    .ui-state-default {display: block; text-decoration: none; color: #333333; line-height: 4rem; font-size: 1.6rem;}
    .ui-state-default:hover {color: var(--white); background:#31639c; border-radius:5rem; transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);}
    .ui-state-highlight {color: var(--white);background-color:#31639c; border-radius:5rem;}
    .ui-state-active {color: var(--white); background-color:#31639c; border-radius:5rem;}
    .ui-datepicker-unselectable .ui-state-default {color: #eee; border: .2rem solid transparent;}
    .icon {color: var(--body_txt_color); font-size:1.5rem; position: absolute; right: 1.9rem; top: 4.3rem;}
    .input_fld.bar_frm_sub_btn{position: absolute; right: 0; top: 0; margin-bottom: 0;}
    .banner_frm_content .cumll{width: 18%;}




    /* form */
    .input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld textarea, .input_fld input[type="date"], .input_fld .form-select{width: 100%; border: .1rem solid #ced4da; height: 5rem; padding: 0 1.5rem; box-shadow: none; outline: none; -webkit-appearance: none; color: var(--black); font-size: 1.5rem; border-radius: 1rem; background: transparent;}
    .input_fld input[type="text"]::placeholder, .input_fld input[type="email"]::placeholder, .input_fld input[type="tel"]::placeholder, .input_fld input[type="password"]::placeholder,  .input_fld textarea::placeholder, .input_fld input[type="date"]::placeholder{color: #999; opacity: 1;}
    .input_fld .form-control:focus{ border-color: var(--brand); outline: 0; box-shadow: none; }
    .input_fld .form-select{background:  var(--white)  url(../images/select_arrow.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4.9rem; cursor: pointer;}
    .input_fld button{border: none;}
    .search_box .input_fld button a{color: #555 !important;}
    .input_fld .form-select:focus{border-color: var(--brand); box-shadow: none;} 
    .input_fld{margin-bottom: 1.5rem; position: relative;}
    .input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}
    .ban_frm_box .input_fld{width: 100%;}



/*---------------------------------------------------------------------------------------------------facilities_sec---------------------------------------------------------------------------------------------------------------------------------------*/  

    .facilities_box{margin-top: 3rem; background: #F8F8F8; padding: 2rem 1.5rem; position: relative; z-index: 9; border-radius: .4rem;}
    .facilities_box::before{position: absolute; content: ""; top: 0;  left: 0; width: 0; height: 0; border-top: solid .1rem var(--brand); border-left: solid .1rem var(--brand); transition: 0.5s; opacity: 0; visibility: hidden; z-index: -1; border-radius: 4px;}
    .facilities_box::after{position: absolute; content: ""; bottom: 0; right: 0; width: 0; height: 0; border-bottom: solid .1rem var(--brand); border-right: solid .1rem var(--brand); transition: 0.5s; opacity: 0; visibility: hidden; z-index: -1; border-radius: .4rem;}
    .facilities_icon img{width: 7rem; transition: all 0.4s ease-in-out; margin-bottom: 1rem;}
    .facilities_box:hover::before{width: 100%; height: 100%; visibility: visible; opacity: 1;}
    .facilities_box:hover::after{width: 100%; height: 100%; visibility: visible; opacity: 1;}
    .facilities_box:hover img{transform: scaleX(-1);}
    

/*---------------------------------------------------------------------------------------------------ab_sec---------------------------------------------------------------------------------------------------------------------------------------*/  

    .ab_box{background: var(--white); box-shadow: 0px 0px 10px #ddd;}
    .ab_rt{padding: 5rem;}
    .ab_con_box ul{display: flex; align-items: center;}
    .ab_con_box ul li{display: inline-block; margin-top: 4rem;}
    .ab_cal_box{position: relative; display: inline-block; color: var(--blue); padding-left: 8rem; font-size: 2rem; font-weight: 600;}
    .ab_cal_box_txt em{font-size: 1.4rem; line-height: 1.4rem; text-transform: uppercase; color: var(--brand);}
    .ab_cal_box_iocn{position: absolute; left: 0; top: -.9rem;}
    .ab_cal_box_iocn img{width: 6rem;}
    .ab_con_box ul li:not(:last-child){margin-right: 3.5rem;}
    .ab_lt{height: 100%; object-fit: cover;}


/*---------------------------------------------------------------------------------------------------room_sec---------------------------------------------------------------------------------------------------------------------------------------*/  

    .rom_box{box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); background: var(--white); border-radius: .5rem; position: relative; overflow: hidden; margin-top: 3rem;}
    .room_img{position: relative; z-index: 1;}
    .slider_btn .owl-nav { display: flex; align-items: center; font-size: 0; position: absolute; right: 1rem;  bottom: 1rem;}
    .slider_btn .owl-prev, .slider_btn .owl-next { background: var(--brand); width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: .2rem;}
    .slider_btn .owl-prev::before, .slider_btn .owl-next::before { font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--white); font-size: 1.8rem;}
    .slider_btn .owl-next {margin-left: .5rem;}
    .slider_btn .owl-next::before {content: "\f105";}
    .room_txt{padding: 2rem; background: var(--white); position: relative;}
    .room_list li{display: inline-block; margin: 1rem .5rem 0 0; text-transform: capitalize; position: relative;}
    .room_list li::before{position: absolute; left: .9rem; top: 1.3rem; background: var(--brand); width: .5rem; height: .5rem; border-radius: 100%; content: "";}
    .room_list li:last-child{margin-right: 0;}
    .room_list li span{background: var(--white); display: inline-block; padding: 0 2rem; height: 3rem; line-height: 3rem; border-radius: 1.6rem; font-size: 1.4rem; box-shadow: 0px 10px 40px 0px rgba(0,0,0,.08);}
    .room_list li b{color: var(--black); display: inline-block; padding-right: .5rem;} 
    .rom_para_txt{display: block; border-top: .1rem dashed #ccc; border-bottom: .1rem dashed #ccc; padding: 1rem 0; margin: 2rem 0 0 0;}
    .room_sec  .container{max-width: 100%; padding: 0 5rem;}

    .room_sec .rom_box .room_img .portfolio_box img{ height:40rem; object-fit:cover; }

/*-----------------------------------------------------------------load_more-------------------------------------------------*/
    /*.prtdt_content {display: none;}*/
    .noContent {color: #000 !important; background-color: transparent !important;pointer-events: none;}
    .noContent::before{display: none;}
    .room_sec .as_btn{color: var(--blue); font-size: 1.4rem; line-height: 1.4rem; font-weight: 700; border: .2rem solid #eee; padding: 1.5rem 3rem; border-radius: .5rem; margin-top: 3rem; display: inline-block; text-transform: uppercase; letter-spacing: .2rem;}
    .room_sec .as_btn:hover{background: var(--brand); border-color: transparent; color: var(--white);}

/*---------------------------------------------------------------------------------------------------feed_back_sec---------------------------------------------------------------------------------------------------------------------------------------*/  

    .fed_back_lt{height: 100%; object-fit: cover; padding: 0 0 3rem 3rem; display: flex; align-items: end;}
    .rating_box{-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); display: inline-block; padding: 2rem; box-shadow: 0px 0px 100px 100px rgba(255, 255, 255, 0.55) inset;}
    .fed_back_rt{background: #fffcf9; padding: 3rem; margin-top: 3rem;}
    .person_img img{width: 6rem !important; height: 6rem; border-radius: 100%; object-fit: cover;}
    .person_txt strong{font-family: "Gilda Display", serif; text-transform: capitalize; color: var(--heding); display: block; font-size: 2rem; line-height: 2.5rem; padding-bottom: .5rem;}
    .person_txt em{color: var(--brand); font-size: 1.4rem; line-height: 1.4rem; text-transform: uppercase; font-weight: 600;}
    .person_info {margin-top: 3rem; gap: 0 2rem;}
    .fed_back_rt .owl-nav{display: none;}
    .fed_back_rt .owl-dots{display: flex; align-items: center; justify-content: end; gap: 0 .4rem;}
    .fed_back_rt .owl-dot{width: 1.2rem; height: 1.2rem; border-radius: 100%; background: #ccc; border-radius: 100%;}
    .fed_back_rt .owl-dot.active{background: var(--brand);}
    .rating_box h6, .rating_box h2, .rating_box p{color: #0A262A;}
    .rating_pont_flex{align-items: center; gap: 0 1rem;}
    .fed_back_rt_info{margin-left: 2rem;}



/*---------------------------------------------------------------------------------------------------img_slidr_sec---------------------------------------------------------------------------------------------------------------------------------------*/  





#wrap { overflow: hidden; position: relative; height: 60rem; }
.img_slidr .image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out;  }
.img_slidr .image img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}
.img_slidr .container > ul > li:first-child .image {opacity: 1; visibility: visible; }
.img_slidr .container > ul {list-style: none;  margin: 0 auto; padding: 0; position: relative; height:100%; display:flex; justify-content:space-between; flex-direction: column; padding: 5rem 5rem !important; }
.img_slidr ul::after{ content:""; position:absolute; bottom: 0; left:0; width:50%; height:100%; z-index: 3; background: linear-gradient(80deg,rgba(0, 0, 0, 1) 24%, rgba(0, 0, 0, 0) 75%);  }
.img_slidr .container-item {padding: 3.5rem 0; }
.img_slidr .link { z-index: 5555; position: relative; font-size: calc(1.5rem + 3vw); font-weight: 600; text-decoration: none; color: transparent; -webkit-text-stroke: 0.08vw var(--white); transition: opacity 0.5s ease-in-out; text-transform: capitalize; font-family: serif;}
.img_slidr .container-item.active .link + .image {opacity: 1; visibility: visible;}
.img_slidr .container.hover .link { opacity: 0.4;}
.img_slidr .container-item.active .link {opacity: 1; color: var(--white); -webkit-text-stroke: 0 transparent; }
.img_slidr .container{ max-width:100%; padding: 0 0; }




/*-----------------------------------------------------------------------------------------------faq_sec---------------------------------------------------------------------------------------------------------*/

    .faq_heading{font-size: 1.8rem; text-transform: capitalize; color: var(--black); line-height: 2.8rem;  margin-right: 5rem; font-weight: 600; }
    .faq_number{font-size: 2rem; color: var(--brand); font-weight: 700; line-height: 1; margin-right: 2rem;}
    .faq_content .accordion-button:not(.collapsed){background: transparent;}
    .faq_content .accordion-button {padding: 2rem 1.25rem;}
    .faq_content .accordion-button:focus { box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);}
    .faq_content .accordion-button:not(.collapsed)::after {content: "\f068"; background-image: none; }
    .faq_content .accordion-button::after{color: var(--brand); width: auto; height: auto; font-size: 1.8rem; background-image: none; font-family: "Font Awesome 6 Pro"; content: "\2b";}
    .faq_content .accordion-body { padding: 2rem 1.5rem;}
    .faq_content .accordion-body p{ font-weight: 500;}
    .faq_rt.faq_content .accordion-item{border: none;}
    .faq_rt.faq_content .accordion-button{border-bottom: .1rem solid rgba(0,0,0,.125);}
    .faq_rt.faq_content .accordion-button:not(.collapsed){box-shadow: none;}
    .faq_lt{margin-right: 3rem;}
    .faq_lt, .faq_lt .owl-carousel, .faq_lt .owl-stage-outer, .faq_lt .owl-stage, .faq_lt .owl-item, .faq_lt .item, .faq_lt_img_box, .faq_lt_img_box img{height: 100%; object-fit: cover;}
    .faq_lt .owl-nav{display: flex; align-items: center; justify-content: center; gap: 1.5rem; position: absolute; right: 0; bottom: 0; background: var(--hedaing); border-radius: 2.5rem 0 0 0; font-size: 0;}
    .faq_lt .owl-prev, .faq_lt .owl-next{width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center;}
    .faq_lt .owl-prev::before, .faq_lt .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f060"; font-size: 1.8rem; color: var(--white);}
    .faq_lt .owl-next::before{content: "\f061";}
    .faq_lt{background: var(--white); padding: 1rem; box-shadow: 0 0 10px 0 #0000001a; border: .1rem solid rgba(86, 90, 207, .2);}
    .faq_lt iframe{width: 100%; height: 100%;}





/*---------------------------------------------------------------------------------------------------gallery_sec---------------------------------------------------------------------------------------------------------------------------------------*/  
   

    .gallery_sec .container{max-width: 100%; padding: 0 3rem;}
    .flwe_social_list li{display: inline-block; margin-top: 1rem;}
    .flwe_social_list li a{color: var(--heding); font-weight: 600; display: inline-block;}
    .flwe_social_list li:not(:last-child) a{border-right: .1rem solid #ccc; padding-right: 1.5rem; margin-right: 2rem;}
    .gallery_top_rt{margin-left: 20rem;}
    .gallery_sec  .owl-nav, .gallery_sec  .owl-dots{display: none;}

    .gallery_sec .gary_box .portfolio_box img{ height:40rem; object-fit:cover; }



/*---------------------------------------------------------------------------------------------------footer_sec---------------------------------------------------------------------------------------------------------------------------------------*/  

   .ft_sec::before{position: absolute; left: 0; top: 0; background: url(../images/bg_img_1.png)repeat center center; opacity: 0.08; width: 100%; height: 100%; content: ""; background-size: 40% auto;}
   .ft_sec{padding-top: 4rem;}
   .ft_logo img{width: 10rem;}
   .ft_top{border-bottom: .1rem solid rgba(255, 255, 255, 0.1); margin-bottom: 3rem;}
   .ft_logo, .ft_top_para, .ft_sorl_rt_box{display: block; padding-bottom: 4rem;}
   .ft_heding{text-transform: capitalize; color: var(--white); font-family: "Gilda Display", serif; font-size: 2.5rem; line-height: 3.5rem; text-transform: capitalize; display: block; margin-bottom: 1.5rem;}
   .ft_txt{padding-bottom: 3rem;}
   .ft_top_para p, .ft_con_list li a, .ft_con_list li, .ft_menu_list li a, .ft_btn_txt, .ft_rt{color: #fff;}
   .ft_sorl_rt li{display: inline-block;}
   .ft_sorl_rt li a{display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; position: relative; border: .1rem solid #FFFFFF21; color: var(--white); border-radius: 100%; font-size: 1.8rem;}
   .ft_sorl_rt li:not(:last-child) a{margin-right: 1rem;}
   .ft_con_list li:not(:first-child){margin-top: 1.2rem;}
   .ft_sorl_rt li a:hover{background: var(--white); border-color: transparent; color: var(--blue);}
   .ft_con_list li{position: relative; padding-left: 3rem;}
   .ft_con_list li i{position: absolute; left: 0; top: .4rem; color: var(--white);}
   .ft_menu_list li a{text-transform: capitalize; display: inline-block; margin-top: 1.5rem;}
   .ft_menu_list li:first-child a{margin-top: 0;}
   .ft_mid .cumll:nth-child(2) .ft_txt{padding-left: 3rem;}
   .ft_mid .cumll:nth-child(3) .ft_txt{padding-left: 3rem;}
   .ft_rt img {width: 2rem; margin: 0 .5rem;}
   .ft_btm {border-top: .1rem solid rgba(255, 255, 255, 0.1); align-items: center; justify-content: space-between; padding: 1.5rem 0;}
   .ft_rt a{ color: var(--white);}
   .ft_gallery_list{display: flex; flex-wrap: wrap; margin: 0 -.5rem;}
   .ft_gallery_list li{display: inline-block; padding: 0 .5rem; width: 33.333%;}
   .ft_gallery_list li img{height: 6.5rem; object-fit: cover;}
   .ft_gallery_list li .portfolio_box{margin-top: 1rem;}
   .ft_gallery_list li .portfolio_link {font-size: 3.4rem;}





/*-------------------------------------------------------------------portfolio_page----------------------------------------------------------------------------------------------*/

    .portfolio_box{position: relative; margin-top: 2rem; overflow: hidden;}
    .portfolio_content{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.3s ease; border-radius: 0; cursor: pointer;}
    .portfolio_box img{-webkit-transition: all .4s ease; transition: all .4s ease;  }
    .portfolio_box:hover img{-webkit-transform: scale(1.05) rotate(2deg); transform: scale(1.05) rotate(2deg);}
    .portfolio_box:hover .portfolio_content{opacity: 1;}
    .portfolio_link{position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--white) !important; font-size: 5rem;}











@media (min-width: 992px) and (max-width: 9000px) 
    {
    .nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
        -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .2rem solid #ccc; 
        background:#fff !important; width: 10.50rem; padding: 0; border-radius: 0; left: 0; right: inherit; padding: .5rem .8rem .8rem; box-shadow: inherit; }

    .nav_top .dropdown:hover .dropdown-menu { max-height: 30rem;opacity: 1; visibility: visible; }

    }

/*---------------------------------------------------------------------------------------------------footer_sec---------------------------------------------------------------------------------------------------------------------------------------*/ 

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


/*.gallery_sec .gallery_top_lt h2{ font-size: 3.5rem; }*/














    } 

    @media only screen and (max-width: 1699px){
        /*room*/
        .room_sec .container{ padding: 0 1.5rem; }
















    } 
    
    @media only screen and (max-width: 1399px){
        .menu_sec {margin-right: 41rem;}
        .banner_frm_content .cumll{ width:inherit; }
        .gallery_top_rt{ margin: 0; }
        .gallery_top_lt h2{ font-size: 3.5rem; }

        /*cta*/
        .img_slidr .image, .img_slidr .image img { height: 53rem; }
        .img_slidr .container{ height:inherit; }
        /*room*/
        .gallery_sec .gary_box .portfolio_box img{ height:30rem; }










    }

    @media only screen and (max-width: 1299px){
       .menu_sec li:not(:last-child) a {padding-right: 2rem;} 






    }

    @media only screen and (max-width: 1199px){
        .top_socil_icon::before{ display:none; }
        .top_socil_icon {right: 19.4rem; }
        .menu_sec { margin-right: 31rem; }
        .header_sec .container{ padding: 0 1.5rem; }
        .top_socil_icon li:not(:last-child){ margin: 0; }

        /*form*/
        .banner_frm{ position:inherit; top: inherit; left:inherit; right:inherit; bottom:inherit; }
        .banner_frm_content .cumll{ width:50%; }
        .banner_frm_content .cumll:nth-child(5){ width:100% !important; }
        .input_fld.bar_frm_sub_btn { position: inherit; right: inherit; top: inherit; margin-bottom: 1.5rem; margin-top: 1.5rem; }
        .banner_frm .as_btn { height: 5.3rem; line-height: 5.3rem; background: var(--white); color:var(--black); border-radius:1rem; }
        .banner_frm_content { background-color: #af033c; }
        /*feedback*/
        .fed_back_rt{ margin-top: 0; }
        /*cta*/
        .img_slidr .image, .img_slidr .image img { height: 50rem; }
        .gallery_top_lt h2{ font-size: 3rem; }







        
    
    }

    @media only screen and (max-width: 991px){
        
        .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem;}
        .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: var(--black); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
        .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
        .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
        .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
        .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
        
        .nav_top .navbar-collapse{ position: fixed; left:-50rem; top: 0; width: 25rem; height: 100vh; background: var(--white); transition: all 0.5s ease-in-out; border-right: .4rem solid var(--brand); overflow-y: auto; padding-left: 1.5rem; padding-top: 2rem; z-index: 22; }
        /*=================================*/
        .nav_top .navbar-expand-lg .navbar-toggler{ display: block !important; padding: 0; border:none; box-shadow:none; }
        .nav_top .navbar-collapse.show{ left: 0; }
        .nav_top .navbar-collapse.show .navbar-nav{ margin: 0; flex-direction:column; }
        .nav_top .navbar-collapse.show ul li a{ color:#000; width:100%; padding: 1.5rem 0; border-bottom: .1rem dashed rgba(0, 0, 0, .2); }
        .nav_top .navbar-collapse.show ul{ width:100%; }



        .cat_rt_btn { right: 5rem; }
        .top_socil_icon { right: 24.4rem; }

        /*amenite*/
        .facilities_sec .container{ padding: 0 1.5rem; max-width:100%; }
        /*about*/
        .ab_lt { height: 30rem; }
        /*feedback*/
        .fed_back_lt { height: 30rem; }
        .fed_back_rt_info h2{ font-size: 3.5rem; }
        .fed_back_rt_info{ margin-left: 0; margin-top: 3rem; }
        /*cta*/
        .img_slidr .container > ul { width:100%; }
        /*faq*/
        .faq_lt iframe{ height:30rem; }
        .faq_lt{ margin-right: 0; }
        .faq_sec .faq_rt { margin-top: 3rem; }
        /*footer*/
        .ft_mid .cumll:nth-child(3) .ft_txt, .ft_mid .cumll:nth-child(2) .ft_txt{ padding-left: 0; }







        
    }

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

        h2 { font-size: 3.5rem; }
        .ptb{ padding: 4rem 0; }
        
        .container{max-width: 100%; padding: 0 1.5rem;}

        /*about*/
        .ab_rt { padding: 2rem; }
        /*cta*/
        .img_slidr .container-item { padding: 2.5rem 0; }
        .img_slidr .image, .img_slidr .image img { height: 36rem; }

        /*footer*/
        .ft_logo, .ft_top_para, .ft_sorl_rt_box { padding-bottom: 2rem; }
        .ft_btm{ flex-direction:column; gap: 1rem 0; text-align:center; }
















        
    }


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

        h2 { font-size: 3rem; }

        /*header*/
       .header_sec .cat_rt_btn a{ width: 4rem; height: 4rem; display:flex; align-items:center; justify-content:center; }
       .header_sec .cat_rt_btn a span{ display: none; }
       .header_sec .cat_rt_btn a i{ border-right: none; padding-right: none; margin-right:0; padding: 0; font-size: 1.6rem; }
        
        /*form*/
        .banner_frm_content .cumll{ width:100%; }
        /*about*/
        .ab_con_box ul{ flex-direction:column; }
        .ab_con_box ul li:not(:last-child){ margin: 0; }
        .ab_con_box ul li .ab_cal_box_txt{ word-break:break-all; font-size: 1.4rem; }
        .ab_cal_box_iocn img{ width:5rem; }
        .ab_cal_box{ padding-left: 7rem; margin-top: 2rem; }
        .ab_con_box ul li{ margin-top: 2rem; }
        /*amenite*/
        .facilities_box { margin-top: 1rem; }
        /*room*/
        .room_sec .rom_box .room_img .portfolio_box img{ height:30rem; }
        /*faq*/
        .faq_lt iframe{ height:20rem; }
        .faq_sec .faq_rt { margin-top: 2rem; }
        .faq_heading { margin-right: 2rem; }
        .gallery_top_lt h2 { line-height: 1.2; font-size: 2.5rem; padding-bottom: 2rem; }
        .flwe_social_list li:not(:last-child) a {  border-right: none; margin-right: 0; }
        /*footer*/
        .ft_txt{ padding-bottom: 0; margin-bottom: 3rem; }
        .fed_back_rt_info h2{ font-size: 2.2rem; line-height: 1.3; }
        .fed_back_rt{ padding: 2rem; }
        .top_socil_icon { right: 9.4rem; }
        .cat_rt_btn { right: 4rem; }

















        
    }

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

    }