@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.4rem 'Roboto', sans-serif; color: var(--body_txt_color); }
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: "Fira Sans", sans-serif;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
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; }
/* font-family: "Bebas Neue", sans-serif; */
/* font-family: "Roboto", sans-serif; */
/* font-family: "Roboto Condensed", sans-serif; */

:root{
    --black: #0E1824;
    --body_txt_color: #222222;
    --brand: #24324a;
    --white: #fff;
    --yellow: #fbbc00;
    --red: #ff391f;
    --heading: #14133b;
   }

@keyframes headShake{
    0% {
        transform: translateX(0);
      }
      6.5% {
        transform: translateX(-6px) rotateY(-9deg);
      }
      18.5% {
        transform: translateX(5px) rotateY(7deg);
      }
      31.5% {
        transform: translateX(-3px) rotateY(-5deg);
      }
      43.5% {
        transform: translateX(2px) rotateY(3deg);
      }
      50% {
        transform: translateX(0);
      }
}

@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%);
      }
}

@keyframes shake {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }
  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

@keyframes alltuchtopdown{
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
      -webkit-transform: rotateX(0deg) translateY(-20px);
      -moz-transform: rotateX(0deg) translateY(-20px);
      -ms-transform: rotateX(0deg) translateY(-20px);
      -o-transform: rotateX(0deg) translateY(-20px);
      transform: rotateX(0deg) translateY(-20px);
  }
  100% {
      -webkit-transform: rotateX(0deg) translateY(0px);
      -moz-transform: rotateX(0deg) translateY(0px);
      -ms-transform: rotateX(0deg) translateY(0px);
      -o-transform: rotateX(0deg) translateY(0px);
      transform: rotateX(0deg) translateY(0px);
  }
}


@keyframes leftright{
  0%, 20% {
    transform: translateX(0%);
    left: 0%;
  }
  80%, 100% {
      transform: translateX(-100%);
      left: 100%;
  }
}



/*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);}



.as_btn{display: inline-block; padding: 0 2.5rem; text-transform: uppercase; color: var(--black); font-size: 1.4rem; height: 5rem; line-height: 5rem; border-radius: 2.5rem; text-align: center; background: var(--yellow); font-weight: 500; -webkit-transition: all .4s ease; transition: all .4s ease; letter-spacing: .2rem; margin-top: 2.5rem; font-weight: 600;}
.as_btn:hover{--e-transform-scale: 0.9; background: var(--black); color: var(--white);} 
.btn_txt{position: relative; z-index: 1; display: inline-block;} 
.btn_txt::before{position: absolute; content: ""; left: 0; bottom: 1.3rem; background: var(--black); z-index: -1; width: 12%; height: 2px; transition: .5s;}
.as_btn:hover .btn_txt::before{width: 100%; background-color: var(--white); z-index: 1;}
.ptb{padding: 6rem 0;}
.inner_ptb{padding: 3rem 0 6rem 0;}
.mtt{margin-top: 2rem;}
h1,h2{text-transform: capitalize; color: var(--heading); font-size: 3rem; line-height: 3.5rem; font-weight: 700; letter-spacing: .1rem;}
h1 span,h2 span{color: var(--red); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(92%,#00000000),color-stop(0%,var(--red)));
    background-image: linear-gradient(180deg,#00000000 92%,var(--red) 0%);}
h4{text-transform: capitalize; color: var(--heading); font-size: 2.5rem; line-height: 3rem; font-weight: 600; letter-spacing: .1rem;}
h5{text-transform: capitalize; color: var(--heading); font-size: 2rem; line-height: 2.5rem; font-weight: 600; letter-spacing: .1rem;}
.all_btn{position: relative; z-index: 1; margin-top: 2rem;}
.all_btn::before{position: absolute; left: 0; top: 68%; width: 100%; height: .1rem; content: ""; background: #ccc; z-index: -1; -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.view_btn{position: absolute; right: 0; top: -1.2rem;}
em{font-style: normal;}
.hidder_sec{overflow: hidden;}



/*header*/
.header_sec{ width: 100%; position: fixed; top: 0; left: 0; background: var(--white); z-index: 9999;  box-shadow: 0 0 .7rem 0 #ccc;}
.heder_menu{padding: 1rem 0;}
.nav_top{border: none; min-height: auto; box-shadow: none;}
/* .drop-nav{ position: absolute; top: 10px; right: 0px;}
.nav_top .dropdown-menu li a{ font-size: 13px;} */
.menu_sec{margin-right: 45rem; position: relative;}
.menu_sec li{ position: relative; text-transform: capitalize; font-weight: 500; font-size: 1.8rem;}
.menu_sec li a{display: inline-block; padding: 1rem 1.5rem; color: var(--black);}
.menu_sec li.active a, .menu_sec li a:hover{color: var(--brand);}
.menu_sec li:last-child a{padding-right: 0;}
.nav_top .navbar-brand img{width: 22rem;}  
.header_sec.fixed .heder_top{display: none;}

.heder_top .container{max-width: 100%; padding: 0 8rem;}
.heder_menu .container{padding: 0 0 0 8rem; max-width: 100%;}

.heder_rt_btn{position: absolute; right: 0; top: -1rem;}
.heder_rt_btn .as_btn{height: 8.7rem; line-height: 8.7rem; border-radius: 0; background: var(--red); color: var(--white);}
.heder_rt_btn .btn_txt::before {bottom: 2.8rem; background: var(--white);}
.heder_rt_ph{position: absolute; right: 26.3rem; top: .7rem;}
.top_rt_ph_txt{color: var(--black); font-size: 1.8rem; font-weight: 600;}
.heder_rt_btn .as_btn .btn_txt small{display: none;}
.heder_top{background: var(--brand);}
.heder_top .d-flex{align-items: center; justify-content: space-between;}
.heder_top_lt ul li{display: inline-block; padding: .5rem 0;}
.heder_top_lt ul li{ position: relative; margin-right: 3rem; font-size: 1.5rem;}
.heder_top_lt ul li:not(:last-child)::after {content: ""; height: .5rem; width: .5rem; background-color: #ccc; position: absolute;  top: 1.5rem; right: -1.8rem;  border-radius: 50%;}
.heder_top_lt ul li i{color: var(--yellow); padding-right: .5rem;}
.heder_top ul li, .heder_top ul li a{color: var(--white);}
.heder_top_rt ul li{display: inline-block;}
.heder_top_rt ul li a{padding: 1rem 1.5rem; display: inline-block; border-right: .1rem solid rgba(255,255,255,0.2); transition: all 0.21s ease-in-out;}
.heder_top_rt ul li:first-child a{padding-left: 0;}
.heder_top_rt ul li a:hover i{animation: headShake 1.5s;}
/* .top_rt_ph_icon{background: var(--white); display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 100%; background: #f2f2f2; margin-right: 1rem;}
.top_rt_ph_icon img{width: 2rem;}   */
.heder_rt_top_txt{color: var(--yellow); text-transform: capitalize; font-size: 1.4rem; display: block; padding-bottom: .2rem; font-weight: 600; letter-spacing: .1rem;}
.heder_rt_top_txt i{ animation-name: shake; animation: shake 6s 0.5s ease-in-out infinite;}
  
.heder_rt_ph::before{content: ''; width: .1rem; height: 8.7rem; border-radius: 1rem; position: absolute; left: -1.8rem; background: #DBDBDB; top: 0; margin-top: -1.7rem;}
.menu_sec::before { content: ""; width: 100%; height: .1rem; background-color: #151b2b; position: absolute; bottom: .3rem; left: 0; opacity: .1;}
.menu_sec li a::before { content: ""; width: .5rem; height: .5rem; border-radius: 50%; transition: all .35s linear 0s; display: inline-block; transform: translateY(-3px); background: var(--yellow); opacity: 1; margin-right: 1rem;}
.menu_sec li a::after { content: ""; width: 0; height: .1rem; background: var(--yellow); position: absolute; left: 0;  bottom: .3rem;  opacity: 0; -webkit-transform: translateX(-100%); -khtml-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .3s; -khtml-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.menu_sec li.active a::after, .menu_sec li a:hover::after { opacity: 1; -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); width: 100%;}
.menu_sec li.active a::after, .menu_sec li a:hover{color: var(--yellow);}


/*banner*/  
.bannersec{ width: 100%; position: relative;}
.banner_box{padding: 40rem 0 30rem 0; animation: heroAnimation 100s linear infinite alternate;}



/* .banner_frm_sec */
.banner_frm{position: absolute; right: 0; bottom: 0; display: inline-block; width: 100%;}
.banner_frm .container{max-width: 100%; padding: 0;}
.banner_frm_content{background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(6px);  padding: 2rem 2rem .5rem 2rem; border-radius: 4rem 0 0 0; max-width: 122rem; float: right;}
.frm_label_txt{color: var(--white); text-transform: capitalize; display: block; padding-bottom: .5rem; font-weight: 500; position: relative;}
.banner_content{position: relative;}
.banner_frm .input_fld input[type="date"]{background: var(--white); height: 4.5rem;}
/* .banner_frm .container{margin: 0; padding: 0;} */
.bannersec .carousel-indicators{flex-direction: column; left: 4rem; margin: 0; top: 50%; bottom: inherit; right: inherit; 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;}



/* 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;}
.input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}
.ban_frm_box .input_fld{width: 100%;}
.quantity_box{width: 100%; display: inline-block; border: .1rem solid #b6b5b5; overflow: hidden; border-radius: 1rem;}
.quantity_box .quantity{ position: relative; margin: auto;}
.quantity_box .quantity-nav {line-height: 4.5rem;}
.quantity_box .quantity-button {background: var(--white); color: #464646;  width: 3.3rem; height: 4.5rem; position: absolute; top: 0; text-align: center; cursor: pointer; font-size: 0;}
.quantity_box .quantity-up {left: 0; border-right: .1rem solid #b6b5b5;}
.quantity_box .quantity-up::before, .quantity_box .quantity-down::before{content: "\2b"; font-family: "Font Awesome 6 Pro"; font-size: 1.5rem;}
.quantity_box .quantity-down {right: 0; border-left: .1rem solid #b6b5b5;}
.quantity_box .quantity-down::before{content: "\f068";}
.quantity input[type="number"]{outline: none;  color: #464646; height: 4.5rem; width: 100%; border-radius: 0;  text-align: center; border: none; padding-left: 2rem;}
.input_fld button{border: 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.5rem; cursor: pointer; font-size: 1.4rem;}


/* about_us */
.text_list li{position: relative; margin-top: 1rem; padding-left: 2rem;}
.text_list li::before{font-family: "Font Awesome 6 Pro"; content: "\f560"; color: var(--red); position: absolute; left: 0; top: 0;}
.ab_lt{position: relative;}
.ab_send_img{position: absolute; right: 0; bottom: -4.3rem; display: block;}
.ab_send_img img{border-radius: 10rem 0 0 0; border: 1rem solid var(--white);}
.ab_rt{margin-left: 2rem;}
.ab_btm_lt, .ab_btm_rt{margin-top: 1.5rem;}
.other_txt_list{width: 100%; display: inline-block;}
.other_txt_list li{width: 50%; float: left;}
.ab_icon img{width: 5rem; margin-right: 1rem;}
.ab_top_flex{align-items: center;}
.btn_flex li{display: inline-block; margin-right: 1.5rem;}
.btn_flex li:last-child{margin-right: 0;}
.mail_flex i{color: var(--brand); margin-right: .5rem;}
.mail_flex{color: var(--black) !important; font-size: 1.8rem; display: inline-block; position: relative; z-index: 1;}
.mail_flex::before{position: absolute; content: ""; left: 0;  bottom: 0;  background: var(--black); z-index: -1; width: 100%; height: .2rem; transition: .5s;}


/* amenities_sec */
/* .amenities_icon{background: url(../images/shape_img_1.png); position: relative; width: 14.2rem; height: 11rem; display: flex; text-align: center; margin: 0 auto 2rem auto; justify-content: center;} */
.amenities_box{margin-top: 4rem; position: relative; padding: 3rem; border: .1rem solid #eee; border-radius: 1rem; transition: all .3s ease-in-out;  background: var(--white); overflow: hidden;}
/* .amenities_icon_img{display: flex; align-items: center; justify-content: center;} */
.amenities_icon_img{margin-bottom: 1.5rem; display: block;}
.amenities_icon img{width: 6rem; transition: 1.0s ease all; -moz-transition: 1.0s ease all; -webkit-transition: 1.0s ease all;}
.amenities_box:hover .amenities_icon img{transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  transform-origin: center;
  -moz-transform-origin: center;
  -webkit-transform-origin: center;
  transition: transform 1.0s ease all;
  -moz-transition: -moz-transform 1.0s ease all;
  -webkit-transition: -webkit-transform 1.0s ease all;}
.border_info{border-top: .1rem dashed #ccc; padding-top: 4rem;}
.aci_num {position: absolute; right: 0; top: 0; font-size: 1.4em; color: var(--heading); width: 6rem; height: 6rem; background: #f9f9f9; border-left: .1rem solid #eee; border-bottom: .1rem solid #eee; border-radius: 0 0 0 1rem; display: flex; align-items: center; justify-content: center; font-weight: 600;}
.amenities_box:hover{box-shadow: 0px 10px 14px 0px rgba(0,0,0,.05);}


/* call_sec */
.call_sec{position: relative;}
.call_info{max-width: 67rem; background-color: rgba(16, 29, 34, 0.85); padding: 3rem; border-radius: .5rem; position: relative;}
.call_info::before{position: absolute; left: 0; top: 50%; background: var(--yellow); width: .5rem; height: 50%; content: "";  -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);  transform: translateY(-50%);}
.video_bg { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

.video_bg video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}

.call_info_box{position: relative; z-index: 5;}






/* room_sec */
.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::before{content: "\f105";}
.slider_btn .owl-next{margin-left: .5rem;}
.room_txt{background: var(--white); padding: 1.5rem; box-shadow: 0 .2rem 6rem 0 rgba(0, 0, 0, 0.1); margin-top: 1rem;}
.room_box{border: .1rem solid #E5E5E5; padding: 1.5rem; margin-top: 3rem; border-radius: .5rem;}
.room_txt h4 a{color: var(--black);}
.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";}
.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.2rem; background: var(--red); 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(--brand);} */
.room_top_flex{align-items: center; justify-content: space-between; border-bottom: .1rem dashed #ccc; padding-bottom: .8rem; margin-bottom: .8rem;}
.room_txt .as_btn{margin-top: 1.5rem;}
.room_info{position: relative;}



/* restuner_sec */
.restuner_sec{background: url(../images/bg_img_2.jpg)no-repeat center center/cover;}
.rsatudent_box{margin-top: -.4rem;}
/* .rsatudent_box{margin-right: 1rem;} */
.rsatudent_img{display: block;}
.rsatudent_txt{background: var(--white); padding: 1.5rem; box-shadow: 0px .2rem 1.8rem 0 rgba(12, 4, 66, 0.06); position: relative; border-radius: .5rem; border: .2rem dashed #ccc; margin: 0 0 2rem 2rem;}
.rsatudent_txt .as_btn i{font-size: 2rem; vertical-align: middle;}
.rsatudent_txt .btn_txt::before {left: inherit; right: 0;}
/* .banquat_box{margin: 3rem 0 0 4rem; border-left: .1rem solid #ccc; padding-left: 3rem;} */
/* .banquat_txt{background: var(--white); padding: 1.5rem; margin-top: 1.5rem; border-radius: .5rem;} */
.banquat_img{border-radius: .5rem; overflow: hidden;}
.rsatudent_img img{height: 28rem; object-fit: cover;}
.restuner_sec.inner_ptb{padding: 5rem 0 20rem 0;}
/* .restuner_sec .container{max-width: 100%; padding: 0 8rem;} */
.rsatudent_box_list .rsatudent_box:nth-child(even) .row{flex-direction: row-reverse;}
.rsatudent_box_list .rsatudent_box:nth-child(even) .rsatudent_txt{margin: 5rem 2rem 2rem 0;}
.rsatudent_box_list .rsatudent_box:first-child{margin-top: 3rem;}
/* .restunde_top_txt{margin-bottom: 3rem;} */



/* feed_back_sec */
.fedd_back_lt_box{background: var(--white); padding: 2rem; -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .1); -khtml-box-shadow: 0 3px 15px rgba(0, 0, 0, .1); -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, .1);  -ms-box-shadow: 0 3px 15px rgba(0, 0, 0, .1); -o-box-shadow: 0 3px 15px rgba(0, 0, 0, .1); box-shadow: 0 3px 15px rgba(0, 0, 0, .1); border-radius: .5rem;}
/* .fedd_back_lt_box{margin-top: 3rem;} */
.count_txt{font-size: 4rem; margin: 1.5rem 0;}
.count_txt sup { top: -.4rem;}
.feed_back_rt{background: var(--white); padding: 2rem; -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .1); -khtml-box-shadow: 0 3px 15px rgba(0, 0, 0, .1); -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, .1); -ms-box-shadow: 0 3px 15px rgba(0, 0, 0, .1); -o-box-shadow: 0 3px 15px rgba(0, 0, 0, .1); box-shadow: 0 3px 15px rgba(0, 0, 0, .1); border-radius: .5rem; position: relative; height: 100%; display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;}
.person_info{align-items: center; margin-top: 3rem;}
.person_img img{width: 5rem !important; margin-right: 2rem;}
.person_name strong{color: var(--black); text-transform: capitalize; font-size: 1.8rem; line-height: 1.8rem; letter-spacing: .2rem; font-weight: 600; font-family: "Fira Sans", sans-serif;}
/* .qution{position: absolute; right: 0; top: 0;} */
.qution{display: block; text-align: right; position: absolute; right: 5.6rem; top: 2.3rem;}
.qution img{width: 5.5rem;}
.rt_top_flex{align-items: center; justify-content: space-between;}
.feed_back_rt .owl-nav {display: flex; align-items: center; justify-content: end; font-size: 0; margin-top: -4rem; z-index: 1; position: relative;}
.feed_back_rt .owl-prev, .feed_back_rt .owl-next{width: 4rem; height: 4rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: var(--brand);}
.feed_back_rt .owl-prev::before, .feed_back_rt .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f060"; color: var(--white); font-size: 1.8rem;}
.feed_back_rt .owl-next::before{content: "\f061";}
.feed_back_rt .owl-next{margin-left: 1rem;}
.feed_back_sec {margin-top: -20rem;}

/* map_sec */
.map_sec iframe{width: 100%; height: 30rem;}

/* gallery_sec */
.gallery_box .portfolio_box img {border-radius: .3rem; height: 20rem; object-fit: cover;}
.gallery_sec .row:nth-child(even){flex-direction: row-reverse;}
.gallery_sec  .border_info {padding-top: 3rem;}
.gallery_sec  .container{max-width: 100%; padding: 0 5rem;}




/* footer_sec */
.footer_sec{background: url(../images/bg_img_1.png)no-repeat right bottom #060700;}
.ft_top{padding-top: 4rem;}
.ft_logo_img{display: block; margin-bottom: 3.5rem;}
.ft_logo_img img{width: 14rem;}
.ft_txt{padding-bottom: 3rem;}
.ft_socil_icon li{display: inline-block;}
.ft_socil_icon li a{width: 3.5rem; height: 3.5rem; border: .1rem solid #2d2f21; display: flex; align-items: center; justify-content: center; margin: 1.5rem 1rem 0 0; color: #a5a79f; border-radius: 100%;}
.ft_socil_icon li:last-child a{margin-right: 0;}
.ft_socil_icon li a:hover{background: var(--brand); border-color: transparent; color: var(--black);}
.ft_con_txt_info{margin-top: 2rem;}
.ft_add_txt, .ft_con_list li a, .ft_con_list li {color: #a09ca9; position: relative;}
.ft_heading{color: var(--white); font-size: 2.2rem; line-height: 2.8rem; text-transform: capitalize; font-family: "Bebas Neue", sans-serif; letter-spacing: .1rem; display: block; position: relative; z-index: 1; margin-bottom: 1.5rem; padding-bottom: 1rem;}
.ft_heading::before{position: absolute; content: ""; left: 0; bottom: -.8rem;  background: url(../images/divide.png)no-repeat;  z-index: -1;  width: 100%;  height: 1rem; transition: .5s;}
.ft_menu_sec li{text-transform: capitalize;}
.ft_menu_sec li a{color: #a09fb0; display: inline-block; margin-top: 1.5rem; position: relative; padding-left: 1rem;}
.ft_menu_sec li a::before{position: absolute; left: 0; top: .3rem; width: .2rem; height: 75%; background: rgba(255, 255, 255, 0.3); content: "";}
.ft_menu_sec li a:hover{color: var(--red);}
.ft_gallery_list{display: flex; flex-wrap: wrap; margin: 0 -.5rem;}
.ft_gallery_list li{display: inline-block; padding: 0 .5rem; width: 25%;}
.ft_gallery_list li img{height: 8rem; object-fit: cover;}
.ft_gallery_list li .portfolio_box{margin-top: 1rem;}
.ft_gallery_list li .portfolio_link {width: 2.5rem; height: 2.5rem; font-size: 1.4rem; right: 1rem; top: 1rem;}
.ft_bottom{padding: 1.5rem 0; border-top: .1rem dashed #ccc;}
.ft_bottom.d-flex{align-items: center; justify-content: space-between;}
.ft_bottom a img {width: 10rem;}
.ft_bottom p{color: #a09fb0;}
.ft_add_txt i, .ft_con_list li i{color: var(--yellow); position: absolute; left: 0; top: .3rem;}
.ft_add_txt{display: block; padding-left: 2rem;}
.ft_con_list li{padding-left: 2.5rem; margin-top: 1rem;}
.ft_con_list li:first-child{margin-top: 0;}


/* portfolio_page */
.portfolio_box{position: relative; margin-top: 2rem; overflow: hidden;}
.portfolio_content{position: absolute; width: 100%; height: 100%; top: 0; right: 0;}
.portfolio_link{width: 4rem; height: 4rem; background: var(--white); display: flex; align-items: center; justify-content: center; position: absolute; right: 2rem; top: 2rem; transition: 0.5s; border-radius: 100%; opacity: 0; visibility: hidden; font-size: 2.5rem; color: var(--brand); z-index: 9;}
.portfolio_link::before{content: ""; position: absolute; left: -.5rem; right: -.5rem; top: -.5rem; bottom: -.5rem; border: .2rem dotted var(--white); border-radius: 100%;}
.portfolio_info{position: absolute; bottom: 2rem; left: 2rem; opacity: 0; visibility: hidden; transition: 0.3s; z-index: 9;}
.portfolio_content:hover::before{opacity: 0.9; visibility: visible;}
.portfolio_content:hover .portfolio_link{opacity: 1; visibility: visible; color: var(--brand);}
.portfolio_content:hover .portfolio_info{opacity: 1; visibility: visible; bottom: 4.5rem;}
.portfolio_box::before{content: ""; position: absolute; right: -21%; top: 50%; transform: translateY(-50%) rotate(135deg); width: 32rem; height: 100rem; background: linear-gradient(180deg, #181717 0%, rgba(18, 18, 18, 0) 100%); opacity: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; margin-right: -6rem; z-index: 1; pointer-events: none;}
.portfolio_box::after{content: ""; position: absolute; right: 32%; top: 50%; transform: translateY(-50%) rotate(135deg); width: 25rem; height: 95rem; background: linear-gradient(180deg, #262626 8.61%, rgba(18, 18, 18, 0) 100%); opacity: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; margin-right: -9rem; pointer-events: none;}
.portfolio_box:hover::before{opacity: 0.55; margin-right: 0;}
.portfolio_box:hover::after{opacity: 0.35; margin-right: 0;}
.our_portfolio{position: relative;}
.portfolio_box img{border-radius: .3rem;}
.gallery_shape{position: absolute; right: 0; bottom: 0;}
.gallery_shape2{position: absolute; left: 0; top: 0;}
.ft_bottom{background: var(--ft_bt_bg); padding: 1.5rem 0;}
.ft_bottom .d-flex{align-items: center; justify-content: space-between;}
.ft_bottom a img {width: 10rem;}


/* about_page */
.inner_banner_txt{background: var(--white); max-width: 30rem; border-radius: 2.5rem; padding: 1rem 1.5rem; text-align: center;}
.inner_banner_txt h1{position: relative;}
.inner_banner_txt h1::before, .inner_banner_txt h1::after{position: absolute; left: 0; top: 50%; width: .8rem; height: .8rem; border-radius: 100%; background: var(--red); border-radius: 100%; content: ""; -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.inner_banner_txt h1::after{left: inherit; right: 0;}
.inner_banner .banner_box {padding: 30rem 0 5rem 0; animation: none;}
.step_box{margin-top: 3rem;}
/* .progtrckr{margin: 1.5rem 0 0; padding: 0; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.progtrckr_done{border-top: .4rem solid var(--brand); width: 100% !important; display: inline-block; text-align: center; margin: 1rem 0; position: relative;}
.progtrckr_done::before{font-family: "Font Awesome 6 Pro"; font-weight: 900; display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; padding-top: .2rem; content: "\f00c";  color: var(--white); background: var(--brand); line-height: 3.5rem; border: none; border-radius: 3.5rem; font-size: 1.6rem;}
.progtrckr_todo{color: #4a5568; border-top: .4rem solid #959595; width: 100% !important; display: inline-block; text-align: center; margin: 1rem 0; position: relative;}
.progtrckr_todo::before{font-family: "Font Awesome 6 Pro"; display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; padding-top: .2rem; content: ""; background: #959595; border-radius: 3.5rem; line-height: 3.5rem; color: var(--white);}
.progtrckr li::before{position: relative; top: -.2rem; float: left; left: 50% !important; line-height: 1; -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important;}
.progtrckr li h5{margin-top: 2rem; text-align: center; width: 100%; display: flex;justify-content: center; font-weight: 500;}
.progtrckr li span{display: block; font-size: 3rem; font-weight: 600;}
.num{position: absolute; left: 50%; top: -5.3rem; -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.progtrckr_sec{margin-top: 8rem;}
.step_para{max-width: 76rem; margin: 0 auto;} */



/* counter_sec */
.counter_box{width: 100%;  border-radius: 1rem; text-align: center; display: flex; align-items: center; justify-content: center; margin-top: 2rem;}
.counter_box strong{color: var(--brand); font-weight: 800; font-size: 5rem; line-height: 6rem;}
.counter_box span{text-transform: capitalize; font-size: 2rem; display: block; padding: 0 0 0 .5rem; color: var(--black); font-weight: 500; line-height: 2rem;}
.counter_box sup{color: var(--brand); top: -2.5rem; font-size: 2.5rem;}
.count_lt{margin-right: 2rem; position: relative;}
.counter_sec{position: relative; background-attachment: fixed !important;}
.count_lt h2{color: var(--white);}
.count_lt p{color: rgba(255, 255, 255, 0.6);}
.count_btn{position: absolute; right: 0; top: -.7rem;}
.count_rt{border-top: .1rem dashed #ccc; margin-top: 3.5rem;}

/* vsin_mision_box */
.vsin_mision_box{background: var(--white); box-shadow: 0 0 3rem rgba(0,0,0,0.15); padding: 3rem; border-radius: .5rem;}
.vsin_mision_rt{border-radius: .5rem; overflow: hidden;}
.visiom_icon{margin-right: 1rem;}
.visiom_icon img{width: 5rem;}
.visimio_top_flex{align-items: center;}
.vsin_mision_lt{margin-right: 2rem;}
.mision_box{border-top: .1rem dashed #ccc; padding-top: 2rem; margin-top: 2rem;}


/* Testimonials_page */
.inner_feed_back_box{padding: 2rem; border-radius: .5rem; margin-top: 3rem; position: relative; background: var(--white); box-shadow: 0px 10px 70px 0px rgba(0, 0, 0, 0.1);}
/* .inner_aution_icon{position: absolute; right: 2rem; bottom: 2rem;} */
.inner_aution_icon img{width: 5rem; margin-bottom: 1rem;}
.inner_feed_back_box .person_info{border: .1rem dashed #ccc; padding: 1.5rem;}


/* room_page */
.r_amiti_img img{width: 2.5rem; margin-right: .5rem;}
.r_amiti_txt{color: var(--black); text-transform: capitalize;}
.r_amitin_list li { margin: 1rem 1rem 0 0; display: inline-block;}
.r_amitin_list li .d-flex{align-items: center; background: var(--white);  padding: .5rem .8rem;  box-shadow: 0 0 .4rem 0 rgba(0,0,0,.2);  border-radius: .5rem;}


/* policy_page */
.faq_box h3{color: var(--black);}
.faq_box .accordion-button{background: #f9f9f9; padding: 1.5rem; border-radius: .5rem !important; overflow: hidden;}
.faq_box .accordion-item{border-color: transparent; margin-top: 1rem; text-align: left;}
.faq_box .accordion-button:not(.collapsed) {box-shadow: none; color: var(--white); background: var(--brand);}
.faq_box .accordion-button:not(.collapsed) h4{color: var(--white);}
/* .faq_box .accordion-button:not(.collapsed) h4{color: var(--white);} */
.faq_box .accordion-body{padding: 1.5rem;}
.faq_box .accordion-button h4{font-size: 1.7rem; line-height: 2.7rem; color: var(--black); padding-right: 1rem;}
.faq_box .accordion-button:not(.collapsed)::after, .faq_box .accordion-button::after {background-image: none; content: "\f067"; font: normal 14px/1 FontAwesome; color: var(--brand); position: absolute; right: 2rem; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.faq_box .accordion-button:not(.collapsed)::after{content: "\f068"; color: var(--white);}
.faq_box .accordion-button:focus{border-color: var(--green); box-shadow: 0 0 0 .2rem var(--green);}
.faq_box{background: var(--white); box-shadow: 0 0 4rem 0 rgba(0,0,0,.1); padding: 3rem 3rem; border-radius: .8rem; text-align: left;}
.faq_box .accordion-body h4{font-size: 1.8rem; line-height: 2.8rem;}

/* 404_page */
.error_page_info strong{font-size: 22rem; font-weight: 600; line-height: 23rem; color: var(--brand); position: relative; z-index: 1; margin-bottom: 1.5rem; text-shadow: .7rem .5rem 0 rgba(255, 255, 255, 0.3); letter-spacing: .1rem; width: 100%; display: block; text-align: center;}
.error_page_info{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; flex-direction: column; text-align: center;}

/* contact_page */
.con_taxt_para{max-width: 80rem; margin: 0 auto; text-align: center;}
.frm_box .input_fld textarea {height: 33rem;}
.con_frm_box .frm_label_txt{color: var(--black);}
.frm_label_txt i{margin-right: .5rem; color: var(--white);}
.con_frm_box{margin-top: 3rem;}
.inner_con_rt{background: rgba(255, 200, 154, .1); padding: 2.5rem; border-radius: .5rem; margin-left: 2rem;}
.inner_con_icon{background: var(--white); width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; border-radius: 100%;}
.inner_con_list li{position: relative; margin-top: 1.5rem; padding-left: 5rem; border-bottom: .1rem dashed #ccc; padding-bottom: 2.5rem; margin-bottom: 2.5rem;}
.inner_con_txt a{color: var(--black);}
.inner_con_txt em{display: block; padding-bottom: .5rem; font-size: 1.4rem; line-height: 1.4rem; color: #6b7a7a; text-transform: capitalize;}
.inner_con_list li:last-child{padding-bottom: 0; border-bottom-color: transparent; margin-bottom: 0;}
.inner_con_list{margin-top: 2rem;}
.inner_con_img{display: block; margin-top: 3rem; border-radius: .5rem; overflow: hidden;}
.inner_con_img img{height: 25rem; object-fit: cover;}


/* about_page */
.all_btn_list{text-align: center;}
.all_btn_list li{display: inline-block; margin-right: 2rem;}
.all_btn_list li:last-child{margin-right: 0;}
.all_btn_list li:last-child a{background: transparent; border: .1rem solid var(--black);}
.all_btn_list li:last-child a:hover{background: var(--black);}
.sine_img{display: block; position: relative; margin-top: 3rem; border-radius: .5rem; overflow: hidden;} 
.hotel_icon_top{text-align: center; width: 9rem; height: 9rem; border-radius: 100%; box-shadow: 2.286px 3.181px 0px 0px var(--yellow); background: var(--white); display: flex; align-items: center; justify-content: center; position: absolute; right: 5rem; top: 5rem; animation: alltuchtopdown 5s infinite;
  -webkit-animation: alltuchtopdown 5s infinite;}
.hotel_icon_top img{width: 5rem; }
.scrollbox_item{position: absolute; background: var(--white); overflow: hidden; padding: 1.5rem 1rem; text-align: center; width: 27.5%; white-space: nowrap; left: 1.5rem; bottom: 1.5rem; border-radius: .2rem;}
.section_t{animation: leftright 5s infinite alternate ease-in-out;}
.section_t h2{-webkit-text-fill-color: transparent; -webkit-text-stroke: .1rem var(--black); }


.google_review { bottom: 100px; right: 0; opacity: 1;transition: opacity 0.5s ease 0s; box-sizing: border-box; direction: ltr; text-align: center; position: fixed !important; z-index: 16000160 !important; transition: 1.0s ease all;
  -moz-transition: 1.0s ease all;
  -webkit-transition: 1.0s ease all;}
.google_review a{padding: 1.5rem; color: var(--white); background-color: #24324a; font-size: 14px; border-top-left-radius: 30px;  border-bottom-left-radius: 30px;  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}
.google_review img{width: 2.2rem; margin-right: .4rem;}
.google_review:hover a{padding: 1.5rem 2.5rem 1.5rem 1.5rem;}
.abot_txt_sec .container{max-width: 100%; padding: 0;}
.abot_txt_rt{padding: 5rem 3rem; display: flex; justify-content: center; flex-direction: column;}
.abot_txt_rt, .abot_txt_lt, .abot_txt_lt img{height: 100%; object-fit: cover;}
.inner_feed_back_sec{margin-top: 0;}



/* packages_page */
.packages_box{margin-top: 3rem; position: relative; padding: 0 3rem 3rem 3rem; border-bottom: .3rem solid var(--red); border-radius: .5rem; transform: translate3d(0, 0, 0);
  transition: all 0.3s linear;}
.packages_box::after {content: ""; height: 90%; width: 100%; background-color: var(--white); box-shadow: 0px 3px 22.5px 3.75px #00000012; position: absolute; left: 0; bottom: 0; right: 0; text-align: center; z-index: -1; border-radius: .5rem; transition: all 0.5s ease-in-out 0s;}
.packages_txt{padding-top: 1.5rem;}
.packages_img img{border-radius: .5rem;}
.packages_box:hover {transform: translateY(-5px) translate3d(0, -5px, 0);}

.blog_content{height: 13rem; overflow-y: auto; margin-top: 1rem;}
.blog_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: var(--brand);}
.blog_content .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: rgba(0,103,54,1);}
.blog_content .mCSB_inside > .mCSB_container {margin-right: 2rem;}
.packages_txt h5{font-size: 1.8rem; line-height: 2.2rem;}















@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; }

}

/* responsive */
@media only screen and (max-width: 1899px) {
  /* .menu_sec li a {padding: 1rem 1rem;} */
  .heder_rt_btn .as_btn {height: 8.8rem; line-height: 8.8rem;}
}
@media only screen and (max-width: 1699px) {
    .heder_menu .container {padding: 0 0 0 2rem;}
    .heder_rt_ph {right: 28.3rem;}
    .banner_box {padding: 30rem 0 ;}
}
@media only screen and (max-width: 1499px) {
    /* .header_sec .container {padding: 0 3rem;} */
    /* .menu_sec li a {padding-right: 2rem;} */
    .menu_sec li a {padding: 1rem;}
    .heder_rt_ph {right: 27.3rem;}
    .ab_send_img {bottom: -10rem;}
    /* .banner_box {padding: rem 0;} */
    .banner_box {padding: 32.1rem 0;}
    .nav_top .navbar-brand img {width: 18rem;}
    .menu_sec {margin-right: 45rem;}
    .heder_rt_btn .as_btn {height: 7.5rem; line-height: 7.5rem;}
    .heder_rt_ph::before {height: 7.5rem;}
    .rsatudent_box{margin-top: -1.8rem;}
}
@media only screen and (max-width: 1299px) {
    /* .menu_sec li a {padding-right: 1.5rem;} */
    .heder_rt_ph {right: 25.3rem;}
    /* .header_sec .container {padding: 0 1.5rem;} */
    /* .menu_sec {padding-right: 43rem;} */
    .banner_box {padding: 26rem 0;}
    .heder_menu .container {padding: 0 0 0 1.5rem;}
    .menu_sec li {font-size: 1.5rem;}
    .menu_sec {margin-right: 41rem;}
    .heder_rt_btn .as_btn{padding: 0 1.5rem;}
    .heder_rt_ph {right: 23.3rem;}
    .heder_rt_ph::before {left: -1rem;}
    .menu_sec li a {padding: .8rem;}
    .banner_frm_content {max-width: 105rem;}
    
  }

@media only screen and (max-width: 1199px){
    .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;}
    .heder_rt_btn {right: 4.3rem;}
    .heder_rt_ph {right: 29.8rem;}
    .banner_frm_content {background: var(--white); padding: 3rem; width: 100%; border-radius: .5rem; float: none; box-shadow: 0 1rem 6rem 0 rgba(0, 0, 0, 0.07);}
    .frm_label_txt {color: var(--black);}
    .banner_frm {margin-top: 3rem; padding: 0 1.5rem; position: inherit; right: inherit; bottom: inherit;}
    .banner_box {padding: 22rem 0;}
    .ab_send_img {bottom: -24rem;}
    /* .rsatudent_txt {width: 29rem;} */
    .qution img {width: 7.5rem;}
    .nav_top .navbar-collapse.show{left: 0;}
    .nav_top .navbar-collapse{position: fixed; top: 0; left: -30.10rem; background: var(--white); z-index: 999999; width: 20.80rem; padding: 2.5rem 1rem; height: 100% !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow-y: auto; min-height: 100vh; border-right: .5rem solid var(--brand);}
    .menu_sec {margin-right: 0;}
    .menu_sec li a{display: block; width: 100%; padding: 1.5rem; border-bottom: .1rem dashed #ccc;}
    .banner_frm_content .as_btn {margin-top: 1.5rem;}
    .heder_menu .container { padding: 0 1.5rem;}
    .heder_rt_btn .as_btn {line-height: 5rem; height: 5rem;}
    .heder_rt_btn {top: .2rem;}
    .heder_rt_btn .btn_txt::before {bottom: 1.2rem;}
    .menu_sec li a::after, .menu_sec::before{display: none;}
    .amenities_txt h5{font-size: 1.8rem; line-height: 2.2rem;}
    .rsatudent_img img {height: 30rem;}
    .mtt {margin-top: 0;}
    .frm_label_txt i{color: var(--black);}

    
        
}

@media only screen and (max-width: 991px){
    
    .banner_box {padding: 18rem 0;}  
    .ab_send_img {bottom: 0;}
    .about_us .row.main_row{flex-direction: column-reverse;}
    .ab_rt {margin: 0 0 3rem 0;}
    /* .rsatudent_txt {width: 100%; margin: 0;} */
    .feed_back_rt{margin-top: 3rem;}
    .gallery_box .portfolio_box img {height: 16rem;}
    /* .ft_txt_top{text-align: center;} */
    .ptb{padding: 5rem 0;}
    .inner_ptb{padding: 2rem 0 5rem 0;}
    .map_sec iframe {height: 20rem;}
    .heder_top .container{padding: 0 1.5rem;}
    .heder_top_lt ul li {margin-right: 2rem;}
    .heder_top_lt ul li:not(:last-child)::after {right: -1.2rem;}
    .rsatudent_img img {height: 33rem;}
    .gallery_sec .container{max-width: 100%; padding: 0 1.5rem;}
    .ft_gallery_list li img {height: 6rem;}
	.bannersec .carousel-indicators {top: 35%;}

    /* about_page */
    .inner_banner .banner_box {padding: 25rem 0 4rem 0;}
    .count_btn {position: inherit; right: inherit; top: inherit; width: 100%; text-align: center; margin-top: 3rem;}
    .count_top_flex h2{text-align: center;}
    .counter_box {flex-direction: column;}
    .counter_box sup {top: -4.5rem; right: -4.1rem;}
    .vsin_mision_lt {margin: 0 0 3rem 0;}
    .abot_txt_rt, .abot_txt_lt, .abot_txt_lt img {height: auto;}
    .scrollbox_item {width: 44.5%;}

    /* contact_page */
    .inner_con_rt{margin: 3rem 0 0 0;}
    .inner_con_img img {height: auto;}

    /* packages_page */
    .packages_box {padding: 0 2rem 3rem 2rem;}


}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    .ptb{padding: 4rem 0;}
    .inner_ptb{padding: 1rem 0 4rem 0;}
    .top_rt_ph_icon img {width: 2.5rem;}
    .top_rt_ph_txt {display: none;}
    h1, h2 {font-size: 2.5rem; line-height: 3rem;}
    .rsatudent_txt {margin: 3rem 0 0 0;}
    .ft_bottom.d-flex{flex-direction: column;}
    .ft_link_txt{display: block; padding-top: 1rem;}
    .heder_top_lt ul li:first-child{display: none;}
    .heder_rt_ph .heder_rt_top_txt em{display: none;} 
    .heder_rt_ph  a{width: 4rem; height: 4rem; background: var(--yellow); display: flex; align-items: center; justify-content: center; border-radius: 100%;}
    .heder_rt_ph .heder_rt_top_txt{color: var(--white);}
    .heder_rt_ph {right: 27.8rem; top: .8rem;}
    .heder_rt_ph::before {height: 7.5rem;}
    .amenities_box { margin-top: 3rem; padding: 2rem;}
    .amenities_txt h5 {font-size: 1.6rem; line-height: 2.2rem;}
    .rsatudent_img img {height: auto; border-radius: .5rem;}
    .rsatudent_box_list .rsatudent_box:nth-child(2n) .rsatudent_txt {margin: 3rem 0 0 0;}
    .rsatudent_box {margin-top: 3rem;}
    .rt_top_flex h2.text-center{text-align: left !important;}
    .qution {right: 1.6rem; top: 1.3rem;}
    .ft_add_txt{font-size: 1.4rem;}
    .ft_con_list li:first-child {margin-top: 2.5rem;}
    


    /* about_page */
    .progtrckr{display: inline; margin: 3rem 0; overflow: hidden; }
    .progtrckr_done, .progtrckr_todo {position: relative; text-align: left; margin: 1rem 0 0 1.5rem; align-items: self-start; padding-bottom: 3rem; border-top: unset; border-left: .4rem solid var(--brand);}
    .progtrckr li::before {position: relative; top: 3rem; float: left; left: -.2rem !important;line-height: 1;-webkit-transform: translate(-50%, -50%) !important;transform: translate(-50%, -50%) !important; }
    .progtrckr li h5 {display: block; text-align: left; margin-top: 0;}
    .progtrckr_todo::before{position: absolute; top: 1rem; left: -1.7rem; line-height: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
    .progtrckr_todo{border-left-color: #959595;}
    .progtrckr li:first-child{margin-top: 1rem;}
    .num { position: inherit; left: inherit; top: inherit; transform: inherit;}
    .progtrckr_sec {margin-top: 3rem;}
    .scrollbox_item {width: 48.5%;}
    .abot_txt_rt{padding: 4rem 1.55rem;}
    .gallery_sec .border_info {padding-top: 1.5rem;}

    /* contact_page */
    .frm_box .input_fld textarea {height: 15rem;}

    

    
}


@media only screen and (max-width: 575px){
    .inner_ptb{padding: 2rem 0 4rem 0;}
    .heder_rt_btn .as_btn .btn_txt small {display: block;}
    .heder_rt_btn .as_btn .btn_txt em {display: none;}
    .heder_rt_btn .as_btn .btn_txt{padding-bottom: 0;}
    .heder_rt_btn .as_btn{padding: 0; width: 4rem; height: 4rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; line-height: 0; font-size: 1.8rem;}
    .heder_rt_btn .as_btn .btn_txt::before {display: none;}
    .heder_rt_btn {top: .5rem;}
    /* .header_sec {padding: 1rem 0;} */
    .banner_box {padding: 15rem 0;}
    h1, h2 {font-size: 2.2rem; line-height: 2.8rem;}  
    .other_txt_list li {width: 100%;}
    .ab_send_img { position: inherit; right: inherit; bottom: inherit; margin-top: -3rem; margin-top: -14rem;}
    .border_info {padding-top: 3rem;}
    .btn_flex li {display: block; margin-right: 0;}
    .btn_flex .as_btn{width: 100%;}
    .mail_flex{width: 100%; display: block; margin-top: 1.5rem; text-align: center;}
    .bannersec .carousel-indicators {top: 28%;}
    .banner_frm_content {padding: 2rem;}
    .text_list.mt-4{margin-top: 1rem !important;}
    .amenities_box, .room_box, .rsatudent_box, .banquat_box, .inner_feed_back_box {margin-top: 2rem;}
    .all_btn {margin-top: 0;}
    .view_btn { position: inherit; right: inherit; top: inherit; margin-top: 3rem;}
    .room_info h2{text-align: center;}
    .rsatudent_box {margin-right: 0;}
    .rt_top_flex {flex-direction: column;}
    .qution img {width: 4.5rem;}
    .feed_back_rt .owl-nav {margin-top: 0;}
    .gallery_sec .border_info {padding-top: 2rem;}
    .portfolio_link { width: 3rem; height: 3rem; font-size: 2rem;}
    .gallery_box .portfolio_box img {height: 13rem;}
    .ft_logo_img img {width: 21rem;}
    .ft_txt_top h2{font-size: 2rem; line-height: 2.5rem;}
    .map_sec iframe {height: 15rem;}
    .call_info {padding: 2rem;}
    .ft_gallery_list {justify-content: center;}
    .ft_gallery_list li {width: 33.333%;}
    .heder_top_rt{display: none;}
    .heder_top_lt ul li {margin-right: 0;}
    .heder_top .d-flex {justify-content: center;}
    .nav_top .navbar-brand img {width: 14rem;}
    .heder_rt_ph {right: 9.5rem; top: 0;}
    .heder_rt_ph::before{display: none;}
    .heder_rt_btn {top: 0; right: 4rem;}
    .bannersec .carousel-indicators {top: inherit; bottom: 1.5rem; flex-direction: row; left: 50%; padding: .2rem 1rem; max-width: 13rem; width: 100%; -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);}

    .ft_logo_img {margin-bottom: 1.5rem;}
    .ft_logo_img img {width: 15rem;}
	.room_top_flex {align-items: start; flex-direction: column;}
	.rsatudent_txt   h4{font-size: 2rem; line-height: 2.5rem;}

    /* about_page */
    /* .inner_banner .banner_box {padding: 10rem 0 3rem 0;} */
    .counter_box span {font-size: 1.6rem;}
    .vsin_mision_box {padding: 2rem;}
    .vsin_mision_lt {margin: 0 0 2rem 0;}
    .counter_box strong {font-size: 4rem; line-height: 5rem;}
    .inner_banner .banner_box {padding: 17rem 0 2rem 0;}
    .all_btn_list li{display: block; margin: 0;}
    .hotel_icon_top{display: none;}
    .scrollbox_item {width: 83%; padding: 1rem;}

    /* Testimonials_page */
    .inner_aution_icon {right: 1rem; bottom: 1rem;}
    .inner_aution_icon img {width: 4rem;}
    .inner_feed_back_box .person_info {padding: 1rem;}
    .person_name strong {font-size: 1.5rem;}

    /* 404_page */
    .error_page_info strong{font-size: 16rem; line-height: 16rem;}

    /* packages_page */
    .inner_banner_txt {max-width: 21rem;}
}

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

}