/*======================
   01. Google fonts
========================*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/*======================
   02. Basic css
========================*/
html{
	font-size: 62.5%;
}
a, button, img{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

body {
	line-height: 1.5;
	font-family: "Lato", sans-serif;
	background-color: #fefefe;
	color: var(--theme-dark-color);
	font-weight: 400;
	font-size: 2rem;
}
a{
	text-decoration: none;
}
ol,
ul {
	list-style: none;
}

a:hover {
	text-decoration: none;
}

button:focus,
a:focus,
input:focus,
textarea:focus{
	outline: none;
}

/*Hamburger-menu START CSS*/
.hamburger-menu {
	cursor: pointer;
	display: none;
	z-index: 999;
	width: 3.0rem;
	margin-left: auto;
}
.hamburger-menu span {
	background: var(--theme-light-color);
	width: 100%;
	height: .3rem;
	display: block;
	margin: .5rem 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 0.5rem;
}
.hamburger-menu .line-top.current {
	-webkit-transform: translateY(0.82rem) rotate(135deg);
	-ms-transform: translateY(0.82rem) rotate(135deg);
	transform: translateY(0.82rem) rotate(135deg);
}
.hamburger-menu .line-center.current {
	opacity: 0;
}
.hamburger-menu .line-bottom.current {
	-webkit-transform: translateY(-0.82rem) rotate(-135deg);
	-ms-transform: translateY(-0.82rem) rotate(-135deg);
	transform: translateY(-0.82rem) rotate(-135deg);
}
.row{
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}
.row>div{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1024;
	width: 100%;
	-webkit-transition: 0.3s;
	-o-transition:  0.3s;
	transition:  0.3s;
	padding: 2rem 0;
}

/*sticky START CSS*/
header.sticky {
   -webkit-box-shadow: 0 .8rem 2.0rem 0 rgba(0, 0, 0, .1);
   box-shadow: 0 .8rem 2.0rem 0 rgba(0, 0, 0, .1);
   background-color: var(--theme-primary-color);
}
.logo img{
	width: 15rem;
	filter: brightness(0) invert(1);
}
#menu {
	text-align: center;
}

#menu li {
	display: inline-block;
	color: var(--theme-light-color);
}

#menu li a {
	font-size: 2rem;
	color: var(--theme-light-color);
	padding: 0 2rem;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-weight: 500;
}

#menu li:last-child a{
	padding-right: 0;
}
#menu>li>a:hover{
	color: var(--theme-secondary-color);
}
#menu>li>a.active{
	color: var(--theme-dark-color);
	font-weight: 500;
}

/* CSS */
.hotel_btn {
  background-color: var(--theme-light-color);
  border: .2rem solid var(--theme-dark-color);
  border-radius: 3.0rem;
  box-shadow: var(--theme-dark-color) .4rem .4rem 0 0;
  color: var(--theme-dark-color);
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  font-size: 1.8rem;
  padding: 0.5rem 1.8rem;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  text-decoration: none;
}

.hotel_btn:hover {
  background-color: var(--theme-secondary-color);
}
.btn_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 1.2rem;
	   -moz-column-gap: 1.2rem;
	        column-gap: 1.2rem;
}
.sigin{
	color: var(--theme-light-color);
	font-size: 1.7rem;
}
.sigin:hover{
	color: var(--theme-dark-color);
}

/*home_area*/

.home_area {
    position: relative;
    min-height: 100vh;
    padding-top: 20rem;
}
.slider3 .owl-stage,
.slider3 .owl-stage-outer,
.slider3 .owl-item,
.slider3 .item{
	height: 100%;
	width: 100%;
}
.slider3{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.slider3 .item{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.slider3 .item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
}
.home_area .container{
	position: relative;
	z-index: 1;
}
.slider3 .item::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(11 13 15 / 55%);
    z-index: -2;
}
.slider3 .item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -o-linear-gradient(225deg, rgba(84,84,112,0) 0%, rgba(49,49,83,0) 36%, rgba(17,17,56,1) 72%, rgba(0,0,42,1) 100%);
    background: linear-gradient(225deg, rgba(84, 84, 112, 0) 0%, rgba(49, 49, 83, 0) 36%, rgb(113 113 139 / 12%) 72%, rgb(0 0 0 / 57%) 100%);
}
.home_area h1 {
    font-size: 7rem;
    font-weight: 600;
    color: var(--theme-light-color);
    text-shadow: 0 .1rem .0rem var(--theme-secondary-color), .1rem 0 .0rem var(--theme-border-color), .1rem .2rem .1rem var(--theme-secondary-color), .2rem .1rem .1rem var(--theme-border-color), .2rem .3rem .2rem var(--theme-secondary-color), .3rem .2rem .2rem var(--theme-border-color), .3rem .4rem .2rem var(--theme-secondary-color), .4rem .3rem .3rem var(--theme-border-color), .4rem .5rem .3rem var(--theme-secondary-color), .5rem .4rem .2rem var(--theme-border-color), .5rem .6rem .2rem var(--theme-secondary-color), .6rem .5rem .2rem var(--theme-border-color), .6rem .7rem .1rem var(--theme-secondary-color), .7rem .6rem .1rem var(--theme-border-color), .7rem .8rem .0rem var(--theme-secondary-color), .8rem .7rem .0rem var(--theme-border-color);
}
.home_area h1 {
    border-right: solid .5rem rgba(255,255,255,.75);
    white-space: nowrap;
    overflow: hidden;
    padding-top: 6rem;
}
  
  /* Animation */
  .home_area h1 {
	animation: animated-text 8s linear 1s 1 normal both,
			   animated-cursor 600ms linear infinite;
  }
  
  /* text animation */
  
  @keyframes animated-text{
	from{width: 0;}
	to{width: 100%;}
  }
  
  /* cursor animations */
  
  @keyframes animated-cursor{
	from{border-right-color: transparent;}
	to{border-right-color: transparent;}
  }

  .hajj_tab .tab-content {
    background-color: rgb(39 42 54 / 52%);
    padding: 2rem;
    border-radius: 0 0 0.5rem 0.5rem;
}
.hajj_tab .nav-link {
    color: var(--theme-light-color);
    font-size: 2rem;
    text-transform: uppercase;
}
.hajj_tab .nav-link i{
	margin-right: 0.6rem;
}
.hajj_tab label{
	text-transform: uppercase;
	color: var(--theme-light-color);
	margin-bottom: 1.5rem;
	display: block;
}
.hajj_tab .nice-select{
	margin-bottom: 1.8rem;
}
.hajj_tab .hotel_btn{
	width: 100%;
	text-align: center;
	font-size: 2rem;
	padding: 0.8rem 1.8rem;
}
.hajj_tab .hotel_btn i{
	padding-right: 1rem;
}
.input_wrapper{
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
.hajj_tab input{
	width: 100%;
	border-radius:0.5rem;
	padding: 1rem 2rem;
	height: 4.7rem;
	background-color: var(--theme-light-color);
	border: none;
	font-size: 1.7rem;
}
.input_wrapper input{
	width: 100%;
	border-radius:0 0.5rem 0.5rem 0;
	padding: 1rem 2rem;
	height: 4.7rem;
	background-color: var(--theme-light-color);
	border: none;
	font-size: 1.7rem;
}
.input_wrapper .icon_inp{
	background-color: #ddd;
	height: 4.7rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 1.8rem;
	color: var(--theme-dark-color);
	font-size: 2rem;
	border-radius: 0.5rem 0 0 0.5rem;
}
.hajj_tab input[type="date"]{
	text-transform: uppercase;
}
.hajj_tab input[type="date"]::-webkit-inner-spin-button,
.hajj_tab input[type="date"]::-webkit-calendar-picker-indicator {
   display: none;
   -webkit-appearance: none;
}
.hajj_tab input[type="date"]:hover::-webkit-inner-spin-button,
.hajj_tab input[type="date"]:hover::-webkit-calendar-picker-indicator {
   display: block;
   -webkit-appearance: all;
}
.custom_select label {
    margin-bottom: 0.6rem;
}
.radio_wrap{
	display: flex;
	align-items: center;
	column-gap: 2rem;
	border-bottom: 0.1rem solid var(--theme-light-color);
	padding-bottom: 1rem;
	margin-bottom: 1rem;

}
.radio_wrap label{
	color: var(--theme-light-color);
	cursor: pointer;
	margin: 0;
}
.radio_wrap input[type=radio] {
    width:2rem;
    height: 2rem;
    margin-right: 1rem;
}
input[type="date"] {
    text-transform: uppercase;
}
.custom_radio input[type="date"] {
   width: 100%;
   border-radius: 0 0.5rem 0.5rem 0;
   padding: 1rem 1rem;
   height: 4.7rem;
   background-color: var(--theme-light-color);
   border: none;
   font-size: 1.4rem;
   text-transform: uppercase;
}
.custom_radio .input_wrapper .icon_inp {
    padding: 1rem 1.5rem;
}
.home_area .select2{
	width: 100% !important;
	margin-bottom: 1rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--theme-dark-color);
    line-height: 3.5rem;
}
.select2-container--default .select2-selection--single {
    border: .1rem solid var(--theme-light-color);
    height: 4.2rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 63%;
}
/*trending_area*/
.trending_area{
	margin: 5rem 0;
}
.travel_top ul{
	display: flex;
	column-gap: 2rem;
}
.travel_top ul li a {
    display: inline-block;
    background-color: #ddd;
    color: var(--theme-light-color);
    font-size: 1.8rem;
    padding: 1rem 1.4rem;
    min-width: 10rem;
    text-align: center;
    border-radius: 1rem;
}
.travel_top ul li a.active{
	background-color: var(--theme-primary-color);
	color: var(--theme-light-color);
}
.save_cont{
	position: absolute;
	left: 2rem;
	bottom: 2rem;
}
.save_cont h4 {
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 1.1;
    color: var(--theme-light-color);
    margin-bottom: 1rem;
}
.save_cont p {
    color: var(--theme-light-color);
    max-width: 43rem;
    font-size: 1.7rem;
    padding-bottom: 1rem;
}
.explore_img:hover img{
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}
.explore_img img{
	height: 30rem;
	-o-object-fit: cover;
	   object-fit: cover;
	position: relative;
	z-index: -2;
}
.trending_area .explore_img img{
	height: 48rem;
}
.custom_explore .explore_img img{
	height: 22.5rem;
}
.save_cont .hotel_btn{
	background-color: var(--theme-light-color);
	color: var(--theme-dark-color);
}
/*make_area*/
.make_area{
	margin: 5rem 0;
	overflow: hidden;
}
.make_wrap {
    background-color: rgb(135 200 254 / 90%);
    padding: 7rem 5rem;
    position: relative;
    border-radius: 1rem;
}
.make_img {
    position: absolute;
    right: 7rem;
    bottom: -11%;
    width: 41rem;
    transform: rotate(21deg);
}
.make_wrap p {
    color: var(--theme-dark-color);
    margin-top: 1rem;
    margin-bottom: 1rem;
    max-width: 56rem;
}
.make_wrap h2 {
    font-weight: 500;
    font-size: 4.4rem;
    line-height: 1.25;
    color: var(--theme-dark-color);
    max-width: 63rem;
}
/*travel_area*/
.travel_area{
	padding-top: 5rem;
}
.travel_unique .travel_top{
	display: block;
}
.travel_top{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.travel_top h2 {
    font-weight: 500;
    font-size: 4.4rem;
    line-height: 1.25;
    text-transform: capitalize;
    color: #171201;
    margin-bottom: 0.5rem;
 
}
.travel_top p {
    color: var(--theme-dark-color);
opacity: .6;
}
.travel_top h2 {
    font-weight: 500;
    font-size: 4.4rem;
    line-height: 1.25;
    text-transform: capitalize;
    color: #171201;
    margin-bottom: 0.5rem;
 
}
.travel_top p {
    color: var(--theme-dark-color);
opacity: .6;
}
.laats_card {
    height: 100%;
    background-color: var(--theme-light-color);
    border-radius: 1rem;
    overflow: hidden;
    padding-bottom: 1rem;
	position: relative;
}
.laats_card:hover .laats_img img{
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}
.laats_img {
    overflow: hidden;
    display: block;
}
.trip_travel .laats_cont{
	padding: 2rem 0 1rem 0;
}
.laats_cont {
   padding: 2rem;
}
.laat_top{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.laats_cont p{
	font-size: 1.6rem;
	margin: 1rem 0;
	color: var(--theme-dark-color);
opacity: .6;
}
.laat_top h3{
	font-weight: 600;
}
.laat_top i {
    color: #ffe00e;
    font-size: 1.5rem;
    margin-right: 0.5rem;
}
.laat_top span{
	font-weight: 700;
	font-size: 1.7rem;
}
.laats_img img{
	height: 30rem;
	-o-object-fit: cover;
	   object-fit: cover;
	   border-radius: 1rem;
}
.laats_cont a{
	text-decoration: underline;
	color: var(--theme-dark-color);
	font-size: 1.9rem;
}
/* laats_cont  */
.trip_travel .laats_cont a{
	text-decoration: none;
}
.trip_travel .laat_top h3{
	font-size: 2.2rem;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 1rem;
}
.trip_travel .laats_cont h4{
	font-size: 1.8rem;
	margin-bottom: 0.5rem;
	color: red;
}
.cart_type{
	position: absolute;
	left: 2rem;
	top: 2rem;
	background-color: var(--theme-primary-color);
	color: var(--theme-light-color);
	font-size: 1.8rem;
	z-index: 1;
	padding: 1rem;
	border-radius: 0.5rem;
}
.slider2 .owl-nav button.owl-prev {
	left: -5.9rem;
 }
 .slider2 .owl-nav button.owl-next {
	right: -5.9rem;
 }
 .slider1 .owl-nav button.owl-prev {
	left: -5.9rem;
 }
 .slider1 .owl-nav button.owl-next {
	right: -5.9rem;
 }
.owl-nav button {
	 font-size: 3rem;
	 color: var(--theme-light-color);
	 width: 4.5rem;
	 height: 4.5rem;
	 background: var(--theme-primary-color);
	 border-radius: 50%;
	 top: 50%;
	        -webkit-transform: translateY(-50%);
	            -ms-transform: translateY(-50%);
	                transform: translateY(-50%);
	position: absolute;
}
/*subscribe_area*/
.subscribe_area{
	margin: 5rem 0;
	overflow: hidden;
}
.multi_img {
    position: absolute;
    left: 8%;
    top: -20%;
    width: 40rem;
    transform: rotate(16deg);
}
.subscribe_wrapper{
	background-color: rgb(135 200 254 / 90%);
	padding: 5rem 0;
	position: relative;
	border-radius: 1rem;
}
.sub_item {
    max-width: 74rem;
    margin-left: auto;
}
.profile_cont {
	width: 14rem;
	height: 14rem;
	border-radius: 50%;
	position: relative;
}
.profile_cont h2 {
    position: absolute;
    top: 15%;
    right: -61%;
    background-color: var(--theme-light-color);
    color: var(--theme-dark-color);
    border-radius: 1rem;
    padding: 0.5rem 2rem;
}
.profile_cont img{
	object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: 50%;
}
.title h2 {
    font-weight: 500;
    font-size: 4.4rem;
    line-height: 1.25;
    color: var(--theme-dark-color);
    margin: 0.8rem 0;
}
.title p {
    color: var(--theme-dark-color);
}
.input_form {
    background-color: var(--theme-light-color);
    opacity: .9;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5rem 2rem;
    margin-top: 2.4rem;
    max-width: 57rem;
}
.input_form input {
    width: 100%;
    background: var(--theme-light-color);
    opacity: .9;
    padding: 2.2rem 10rem 2.2rem 2.2rem;
    border: 0;
    font-size: 1.6rem;
    line-height: 1.2;
    color: var(--theme-dark-color);
    opacity: .6;
}
.input_form input::-webkit-input-placeholder{
	color: var(--theme-dark-color);
opacity: .6;
}
.input_form input::-moz-placeholder{
	color: var(--theme-dark-color);
opacity: .6;
}
.input_form input:-ms-input-placeholder{
	color: var(--theme-dark-color);
opacity: .6;
}
.input_form input::-ms-input-placeholder{
	color: var(--theme-dark-color);
opacity: .6;
}
.input_form input::placeholder{
	color: var(--theme-dark-color);
opacity: .6;
}
.social_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.social_icon a {
    width: 4rem;
    height: 4rem;
    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;
    font-size: 2rem;
    background-color: var(--theme-primary-color);
    border: 0;
    border-radius: 50%;
    color: var(--theme-light-color);
}
.social_icon a:hover{
	background-color: var(--theme-dark-color);
}
.social_icon a:not(:last-child) {
    margin-right: 1rem;
}
/*footer*/
footer {
    background-color: var(--theme-secondary-color);
    padding: 3rem 0 0 0;
	margin-top: 5rem;
}
.f_logo img{
	width: 20rem;
	/* filter: brightness(0) invert(1); */
	
}
.foo_border{
	border-top: 0.1rem solid var(--theme-light-color);
	border-bottom: 0.1rem solid var(--theme-light-color);
	padding: 0rem 0 7rem 0;
	margin-top: 3rem;
}
.footer_top h2{
	font-size: 3rem;
	font-weight: 700;
	margin-bottom: 3rem;
}
.footer_top p{
	margin-bottom: 2.5rem;
	font-size: 1.8rem;
}
.play_wrap{
	display: flex;
	align-items: center;
	column-gap: 2rem;
	padding-right: 2rem;
}
.play_wrap img{
	border-radius: 1rem;
}
.footer_top ul li a{
	color: var(--theme-dark-color);
	font-size: 1.9rem;
}
.footer_top ul li{
	margin-bottom: 1.2rem;
}
.footer_input {
    display: flex;
    width: 100%;
}
.footer_input .hotel_btn {
    background-color: var(--theme-dark-color);
    color: var(--theme-light-color);
    border-radius: 0 0.5rem 0.5rem 0;
    box-shadow: none;
    /* border-top: 0.1rem solid var(--theme-light-color);
    border-bottom: 0.1rem solid var(--theme-light-color);
    border-right: 0.1rem solid var(--theme-light-color); */
}
.footer_input input {
    width: 100%;
    padding: 0 2rem;
    font-size: 1.8rem;
    color: var(--theme-dark-color);
    border: 0.1rem solid var(--theme-dark-color);
    border-radius: 0.5rem 0 0 0.5rem;
    height: 5rem;
}
.footer_bott ul li a,
.footer_bott ps{
	color: var(--theme-dark-color);
	font-size: 1.9rem;
}
.footer_bott ul{
	display: flex;
	align-items: center;
	column-gap: 1.5rem;
}
.footer_bott{
	padding: 1.5rem 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/*return-to-top START CSS*/

.back-to-top {
	font-size: 2.4rem;
	width: 4.5rem;
	height: 4.5rem;
	line-height: 4.5rem;
	text-align: center;
	display: none;
	position: fixed;
	bottom: 3.0rem;
	right: 2.0rem;
	border-radius: 1rem;
	background: var(--theme-primary-color);
	z-index: 1000;
}

.back-to-top i {
	color: var(--theme-light-color);
}
/* new-css ummrah_package_area */
.umrah_package_area .travel_top p {
    color: var(--theme-dark-color);
opacity: .6;
    max-width: 95rem;
}
.umrah_card {
    height: 100%;
    background-color: var(--theme-light-color);
    border-radius: 1rem;
    overflow: hidden;
    padding-bottom: 7rem;
    box-shadow: 0 .2rem 1.2rem -.8rem var(--theme-dark-color);
    transition: 0.3s;
    position: relative;
}
/* .umrah_card:hover .umrah_img img{
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
} */
.umrah_card:hover{
	transform: translateY(-0.9rem);
	box-shadow: 0 .2rem 2.0rem -.8rem var(--theme-dark-color);
}
.umrah_img {
    overflow: hidden;
    display: block;
}
.umrah_cont {
   padding: 2rem;
}
.umrah_img img{
	height: 26rem;
	-o-object-fit: cover;
	   object-fit: cover;
}
.umrah_cont h3{
	font-size: 2.2rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}
.umrah_cont h4{
	font-size: 1.6rem;
	color: red;
	margin-bottom: 2.5rem;
}
.umrah_cont span{
	background-color: var(--theme-primary-color);
	border-radius: 0.5rem;
	font-size: 1.5rem;
	display: inline-block;
	padding: 0.5rem 0.7rem;
	color: var(--theme-light-color);
	margin-bottom: 1rem;
}
.umrah_flex{
	display: flex;
	column-gap: 1.5rem;
	flex-wrap: wrap;
}
.umrah_card .hotel_btn {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
}
/* package_details_wrap */

.package_details_wrap{
	padding-bottom: 5rem;
}
.pack_details_img img{
    max-height: 57rem;
    -o-object-fit: cover;
       object-fit: cover;
}
.dura_box{
	display: flex;
	align-items: center;
	column-gap: 1.5rem;
}
.dura_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 1rem;
    font-size: 2.5rem;
    border: 0.1rem solid var(--theme-primary-color);
    color: var(--theme-dark-color);
}
.duration_head{
	padding-bottom: 4rem;
	border-bottom: 0.1rem solid var(--theme-border-color);
}
.dura_box h2{
	color: var(--theme-dark-color);
	font-weight: 500;
	margin-bottom: 0.5rem;
	text-transform: capitalize;
}
.dura_box p{
	font-size: 1.7rem;
}
.inner_home {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 20rem 0 6rem;
	position: relative;
	z-index: 1;
}
.inner_home::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--theme-dark-color);
	opacity: 0.7;
	z-index: -1;
}
.inner_home h1{
	font-size: 4.5rem;
	color: var(--theme-light-color);
	font-weight: 700;
	text-shadow: 0 .1rem .0rem var(--theme-secondary-color), .1rem 0 .0rem var(--theme-border-color), .1rem .2rem .1rem var(--theme-secondary-color), .2rem .1rem .1rem var(--theme-border-color), .2rem .3rem .2rem var(--theme-secondary-color), .3rem .2rem .2rem var(--theme-border-color), .3rem .4rem .2rem var(--theme-secondary-color), .4rem .3rem .3rem var(--theme-border-color), .4rem .5rem .3rem var(--theme-secondary-color), .5rem .4rem .2rem var(--theme-border-color), .5rem .6rem .2rem var(--theme-secondary-color), .6rem .5rem .2rem var(--theme-border-color), .6rem .7rem .1rem var(--theme-secondary-color), .7rem .6rem .1rem var(--theme-border-color), .7rem .8rem .0rem var(--theme-secondary-color), .8rem .7rem .0rem var(--theme-border-color);
}
.pack_details_cont h2{
	font-size: 2.5rem;
	margin-top: 3rem;
	margin-bottom: 0.4rem;
	font-weight: 600;
}
.pack_details_cont span{
	background-color: var(--theme-primary-color);
    color: var(--theme-light-color);
}
.pack_details_cont h4{
	font-size: 1.7rem;
	font-style: italic;
}
.pack_details_cont h3{
	margin: 2.5rem 0 .5rem 0;
	font-size: 3rem;
	color: var(--theme-primary-color);
	font-weight: 500;
}
.pack_details_cont ul{
	list-style-type: circle;
	margin-left: 1.5rem;
}
.pack_details_cont ul li{
	font-size: 2rem;
	margin-bottom: 0.5rem;
}
/* details_form_right */

.tour_form_box {
    margin-bottom: 3rem;
    border: 0.1rem solid var(--theme-border-color);
    padding: 2.4rem 2rem;
    border-radius: 1rem;
}
.tour_form_box .form_top{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.tour_form_box .form_top span i {
    font-size: 2.2rem;
    margin-right: 0.7rem;
    color: #ffde00;
}
.form_middle {
    border: 0.1rem solid var(--theme-border-color);
    border-radius: 1rem;
	margin-top: 3rem;
}
.form_item{
	padding: 2rem;
	border-bottom: 0.1rem solid var(--theme-border-color);
}
.form_item label,
.form_selet_book label{
	display: block;
	margin-bottom: 0.7rem;
	font-weight: 500;
	color: var(--theme-dark-color);
}
.form_item input {
    width: 100%;
    border: none;
    outline: none;
}
.form_selet_book{
	padding: 2rem;
	border-bottom: 0.1rem solid var(--theme-border-color);
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.form_selet_book input{
	border: none;
	text-align: center;
	width: 5rem;
	color: var(--theme-dark-color);
}
.form_selet_book p{
	font-size: 1.8rem;
}
.form_selet_book a{
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0.1rem solid var(--theme-dark-color);
	color: var(--theme-dark-color);
}
.quantity{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.selet_book_border{
	border: none;
}
.tour_form_box .hotel_btn{
	width: 100%;
	margin-top: 2rem;
}
.detail_infor {
    border: 0.1rem solid var(--theme-border-color);
    padding: 5rem 2rem 3rem;
    border-radius: 1rem;
}
.detail_infor h2 {
    font-size: 3.2rem;
    color: var(--theme-dark-color);
    margin-bottom: 3rem;
}
.detail_infor ul li {
    margin-bottom: 0.9rem;
    font-size: 1.8rem;
}
.detail_infor ul li a {
    color: var(--theme-dark-color);
}
.detail_infor ul li a:hover{
	color: var(--theme-primary-color);
}
/* budget_tour_blog */

.budget_tour_blog{
	padding: 5rem 0;
}
.budget_tour_blog .travel_top p {
    color: var(--theme-dark-color);
opacity: .6;
    max-width: 95rem;
}
.corah_blog_top{
	display: flex;
	align-items: center;
	column-gap: 3rem;
	margin-bottom: 2rem;
	position: relative;
}
.corah_blog_top::before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 15rem;
	height: 0.1rem;
	background-color: var(--theme-primary-color);
}
.corah_blog_top i{
	margin-right: 1rem;
}
.corah_blog_top a{
	color: var(--theme-dark-color);
}
.corah_blog_top h3{
	font-size: 2rem;
	color: var(--theme-dark-color);
}
.budget_card h2{
	font-size: 2.4rem;
	font-weight: 600;
	color: var(--theme-dark-color);
}
.budget_card p{
	font-size: 1.6rem;
	margin-bottom: 1rem;
}
.budget_card{
	height: 100%;
	border: 0.1rem solid var(--theme-primary-color);
	padding: 1rem;
}
.budget_card img {
    position: relative;
    max-height: 30rem;
    object-fit: cover;
}
.cate_img{
	position: relative;
}
.categorie{
	display: inline-block;
	position: absolute;
	left: 1rem;
	top: 1rem;
	padding: 1rem 1.5rem;
	color: var(--theme-light-color);
	background-color: var(--theme-primary-color);
	z-index: 1;
	font-size: 1.7rem;
}
/* popular_blog_page */
.popular_blog_page{
	padding: 7rem 0;
}
.brand_area {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 29rem;
    background-position: center center;
}
.brand_content {
    max-width: 100rem;
    position: relative;
    z-index: 1;
    background-color: var(--theme-light-color);
    margin: -17rem auto 1rem;
    border-width: 1rem;
    border-style: solid;
    border-color: var(--theme-secondary-color);
    border-image: initial;
    padding: 2rem 2rem .0rem;
}
.categorie_box {
    position: absolute;
    left: 1rem;
    top: 1rem;
    display: inline-block;
    font-size: 1.8rem;
    color: var(--theme-dark-color);
    background-color: var(--theme-primary-color);
    padding: 1rem 1.5rem;
}
.book_top_date {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 3rem;
    margin-bottom: 1rem;
}
.book_top_date h3 {
    font-size: 2rem;
    font-weight: 400;
}
.book_top_date i {
    margin-right: 1rem;
}
.book_top_date a {
    color: var(--theme-dark-color);
}
.brand_content h2 {
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.3;
    color: rgb(37, 37, 37);
}
.brand_content p {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5;
    color: rgb(79, 79, 79);
    max-width: 88.6rem;
    padding: 2rem .0rem;
    margin: .0rem auto -3rem;
}
.brand_content .hotel_btn {
    position: relative;
    bottom: -2.2rem;
}
.popular_blog_page .travel_top {
    justify-content: center;
}
.popular_blog_page .item{
	margin-bottom: 5rem;
}
/* pagination */
.wrap-pagination {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10rem;
}
.wrap-pagination .pagination {
	position: relative;
	height: 6.0rem;
	background-color: var(--theme-primary-color);
	box-shadow: .5rem .5rem 3.0rem rgba(0, 0, 0, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(.3rem);
	border-radius: .2rem;
}
.wrap-pagination .pagination li {
	list-style-type: none;
	display: inline-block;
}
  .wrap-pagination .pagination li a {
	position: relative;
	padding: 2.0rem 2.5rem;
	text-decoration: none;
	color: var(--theme-light-color);
	font-weight: 500;
}
.wrap-pagination .pagination li:not(:last-child) a{
    border-right: 0.1rem solid var(--theme-secondary-color);
}
.wrap-pagination .pagination li a:hover,
.wrap-pagination .pagination li.active a {
	background: rgba(255, 255, 255, 0.2);
}
  /* latest_cart_blog */
.latest_cart_blog{
	display: flex;
	align-items: flex-start;
	margin-bottom: 1rem;
}
.latest_cart_blog img {
    width: 12rem;
    height: 8rem;
    object-fit: cover;
    flex-shrink: 0;
    margin-right: 1rem;
    border-radius: 1rem;
}
.latest_cart_blog_cont{
	width: 100%;
}
.right_popular_side h2 {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.25;
    text-transform: capitalize;
    color: #171201;
	border-bottom: 0.3rem solid var(--theme-secondary-color);
	display: inline-block;
	padding-bottom: 0.3rem;
	margin-bottom: 2rem;
}
.latest_cart_blog_cont h3{
	font-size: 1.8rem;
	font-weight: 600;
}
.latest_cart_blog_cont p{
	font-size: 1.7rem;
	text-transform: uppercase;
}
.latest_cart_blog_cont a{
	font-size: 1.7rem;
}
.right_popular_side ul li{
	font-size: 2rem;
	margin-bottom: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.right_popular_side ul li:last-child{
	margin-bottom: 2rem;
}
.right_popular_side ul li span{
	background-color: var(--theme-primary-color);
	text-align: right;
	color: var(--theme-light-color);
	font-size: 1.5rem;
	border-radius: 0.3rem;
	padding: 0.3rem 0.7rem;
}
/* contact_area */
.contact_area{
	padding-bottom: 2rem;
}
.contact_area input,
.contact_area textarea{
	width: 100%;
	margin-bottom: 2rem;
	padding: 0.7rem 2rem;
	border-radius: 0.5rem;
	outline: none;
	border: 0.1rem solid var(--theme-dark-color);
	color: var(--theme-dark-color);
}
.contact_area input::placeholder,
.contact_area textarea::placeholder{
	color: var(--theme-dark-color);
}
.contact_area input:focus{
	border-color: var(--theme-primary-color);
}
.contact_area textarea{
	resize: none;
	color: var(--theme-dark-color);
	height: 10rem;
}
.contact_area iframe{
	height: 36.3rem;
}
/* single_blog_details */
.single_blog_image img{
	height: 57rem;
	object-fit: cover;
}
.single_blog_cont h2{
	font-size: 3rem;
	font-weight: 700;
	margin: 2rem 0;
	color: var(--theme-primary-color);
}
.single_blog_cont  h4{
	font-size: 2.5rem;
	font-weight: 700;
	margin: 0 0 2rem 0;
	color: var(--theme-dark-color);
}
.single_blog_cont ul li{
	margin-bottom: 1.5rem;
	color: rgb(79, 79, 79);
	list-style: disc;
	margin-left: 1.5rem;
}
.single_blog_cont ul li::marker{
	color: var(--theme-primary-color);
}
.single_blog_cont .book_top_date{
	justify-content: flex-start;
	margin-bottom: 3rem;
}
.single_blog_cont p{
	margin-bottom: 2cqw;
	color: rgb(79, 79, 79);
	text-align: justify;
}
.trending_area{
	margin: 5rem 0;
}
.travel_top ul{
	display: flex;
	column-gap: 2rem;
}
.travel_top ul li a {
    display: inline-block;
    background-color: #ddd;
    color: var(--theme-dark-color);
    font-size: 1.8rem;
    padding: 1rem 1.4rem;
    min-width: 10rem;
    text-align: center;
    border-radius: 1rem;
}
.travel_top ul li a.active{
	background-color: var(--theme-primary-color);
	color: var(--theme-dark-color);
}

/*explore_sarawak*/
.explore_sarawak{
	margin: 5rem 0;
}
.explore_img{
	overflow: hidden;
	display: block;
	border-radius: 2.4rem;
	position: relative;
	z-index: 1;
}
.explore_img::before{
	content: '';
	z-index: -1;
	position: absolute;
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 70.71%, rgba(0, 0, 0, 0.7) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70.71%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70.71%, rgba(0, 0, 0, 0.7) 100%);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/* about_wrap_area */
.about_wrap_area p{
	text-align: justify;
}
/* about_wrap_cont */
.about_wrap_cont h2{
	margin-top: 3.5rem;
	font-weight: 700;
	font-size: 2.8rem;
	text-transform: uppercase;
	color: var(--theme-primary-color);
}
.about_wrap_cont h2{
	margin-top: 3.5rem;
	font-weight: 700;
	font-size: 2.8rem;
	text-transform: uppercase;
}
.about_wrap_cont p{
	margin-top: 1.5rem;
	text-align: justify;
}
.about_wrap_cont ul li{
	margin-top: 1.5rem;
}
.about_wrap_cont ul li strong{
	display: inline-block;
	width: 27rem;
}
.about_wrap_cont ul li span{
	display: inline-block;
	width: 5rem;
	font-weight: 700;
}
.list_dise{
	margin-left: 1.5rem;
}
.list_dise li{
	list-style: disc;
}
.list_dise li::marker{
	color: var(--theme-primary-color);
}


/*room_laats_card*/
.room_laats_card {
    height: 100%;
    border: 1px solid var(--theme-primary-color);
    display: block;
    overflow: hidden;
    border-radius: 1rem;
    color: #252525;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.room_laats_cont {
    padding: 2rem 2rem;
 
}
.room_laats_cont h3{
	font-size: 2rem;
	font-weight: 600;
	color: #252525;
	margin-bottom: 0.5rem;
}
.room_laats_cont h4{
	font-size: 1.8rem;
	color: #252525;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 4rem;
}
.room_laats_cont h4 span{
	padding: 0.7rem;
	background-color: var(--theme-primary-color);
	color: var(--theme-light-color);
	margin-right: 0.5rem;
	border-radius: 0.9rem 0.9rem 0.9rem 0;
}
.room_laats_cont h4 strong{
	margin-right: 0.7rem;
}
.room_laats_cont h5{
	text-align: right;
	font-size: 1.8rem;
	color: #252525;
}
.room_laats_cont h5 strong{
	font-size: 1.9rem;
	margin-left: 01.5rem;
}
.room_laats_cont p {
    font-size: 1.6rem !important;
    color: #252525;
    margin: 0;
    padding-bottom: 1rem;
    min-height: 5rem;
}
.room_laats_card img{
	height: 30rem;
	-o-object-fit: cover;
	   object-fit: cover;
}
.details_cover_form {
    background-color: var(--theme-secondary-color);
    padding: 3.2rem 0;
}
.home_content.v2 {
    max-width: 120rem;
}
.select_form {
    background-color: var(--theme-light-color);
    border: 0.5rem solid var(--theme-primary-color);
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.5rem 1.5rem 1.5rem 1.6rem;
    text-align: left;
    margin-top: 0rem;
}
.home_content.v2 .select_form>div:nth-child(1){
	border-right: 0.19rem solid var(--theme-primary-color);
	padding-right: 2rem;
	margin-right: 2rem;
}
.home_content.v2 .select_form>div:nth-child(2){
    padding-right: 2rem;
	margin-right: 2rem;
}
.location_icon {
    width: 4.6rem;
    height: 4.6rem;
    background: #dbdbdb;
    border-radius: 50%;
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1.2rem;
}
.location_icon img {
    width: 2rem;
}
.select_form label {
    font-size: 1.8rem;
    line-height: 1.1;
    display: block;
    margin-bottom: 0.5rem;
	color: var(--theme-dark-color);
	font-weight: 500;
}
.select_form .nice-select,
.select_form input, 
.guests-input button {
    font-size: 1.7rem;
    font-weight: 500;
    color: var(--theme-dark-color);
    border: none;
    border-radius: 0;
    padding-left: 0;
    height: 2.3rem;
    line-height: 2.3rem;
    width: 100%;
	font-weight: 400;
}
.select_form .nice-select {
    padding: 0rem 0rem;
}
.select_form  .nice-select:after {
    border-bottom: 0.2rem solid var(--theme-dark-color);
    border-right: 0.2rem solid var(--theme-dark-color);
}
.details_cover_form .nice-select:after {
    right: 0;
    top: 0.6rem;
}
.guests-input {
	position: relative;
  	width: 100%;
}
.guests-input button {
	cursor: pointer;
	background-color: transparent;
	text-align: left;
}
.guests-input_options {
	position: absolute;
	width: 100%;
	background-color: var(--theme-light-color);
	-webkit-box-shadow: rgba(72, 72, 72, 0.2) .0rem 1.5rem 2.0rem;
	box-shadow: rgba(72, 72, 72, 0.2) .0rem 1.5rem 2.0rem;
	border-radius: .2rem;
	overflow: hidden;
	height: 0;
	opacity: 0;
	-webkit-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
	z-index:3;
}
.guests-input_options.open {
	opacity: 1;
	height: 19rem;
}
.guests-input_options>div {
	padding: 1rem 0;
	text-align: center
}
.guests-input_options>div:first-child {
	padding-top: 2.5rem
}
.guests-input_options>div:last-child {
	padding-bottom: 3.5rem
}
.guests-input_ctrl {
	display: inline-block;
	font-size: 3rem;
	color: var(--theme-light-color);
	padding: 0;
	line-height: 3rem;
	border-radius: 50%;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	background-color: var(--theme-primary-color);
	height: 3rem;
	width: 3rem;
}
.guests-input_ctrl.disabled {
	color: #ddd;
	cursor: default;
	background-color: #F5F4F2;
}
.guests-input_value {
	display: inline-block;
	padding: 0 1rem;
	width: 14rem;
	cursor: default
}
.guests-input_value span {
	display: inline-block;
	padding-right: 0.5rem
}
.details_cover_form .button{
	height: 5rem;
	border-radius: 5rem;
}
/*modal_form*/
#booking_modal .modal-header {
    border-bottom: none;
}
#booking_modal .modal-dialog {
    min-width: 60rem;
}
#booking_modal .modal-body {
    padding: 0rem 0 4rem;
}
#booking_modal .nice-select {
    width: 100%;
    border: .1rem solid #ccc;
    background: #f9f9f9;
    font-size: 1.7rem;
    color: #252525;
    margin-bottom: 1rem;
}
#booking_modal .nice-select:after {
    right: 1.4rem;
}
#booking_modal .modal-header .close {
     padding: 0; 
    margin: -2rem -2rem -1rem auto;
    font-size: 2rem;
    width: 3rem;
    height: 3rem;
    background-color: var(--theme-primary-color);
    opacity: 1;
    color: var(--theme-light-color);
    border-radius: 50%;
}
.myContainer .nice-select.open .list {
    width: 100%;
}
.myContainer h1 {
  font-size: 2.8rem;
}

.myContainer h2 {
  font-size: 2.3rem;
}

.myContainer h3 {
  font-size: 2.0rem;
  margin-bottom: 1.0rem;
  font-weight: 500;
}

.button.back_btn {
  background: #355a6b!important;
  color: var(--theme-light-color);
}
.select_form input[type=text],
.select_form input[type=email],
.select_form input[type=tel],
.select_form input[type=password],
.select_form textarea,
.select_form select {
  width: 100%;
  display: block;
  padding: 1.2rem 1.5rem;
  border: .1rem solid #ccc;
  background: #f9f9f9;
  font-size: 1.7rem;
}

.mar-b-0 {
  margin-bottom: 0 !important;
}
.form-wizard {
  position: relative;
  display: table;
  margin: 0 auto;
  max-width: 70rem;
}

.steps {
  margin: 4.0rem 0;
  overflow: hidden;
}
.steps ul {
  margin: 0;
  padding-left: 2.7rem;
  list-style: none;
}
.steps ul li {
  float: left;
  color: #252525;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out 0;
  -moz-transition: all 0.4s ease-in-out 0;
  -ms-transition: all 0.4s ease-in-out 0;
  -otransition: all 0.4s ease-in-out 0;
  -o-transition: all 0.4s ease-in-out 0;
  transition: all 0.4s ease-in-out 0;
  width: 13rem;
  text-align: center;
}
.steps ul li.active {
  color: var(--theme-primary-color);
}
.steps ul li.active span {
  background: var(--theme-primary-color);
  color: var(--theme-light-color);
}
.steps ul li.active::after {
  background: var(--theme-primary-color);
  width: 100%;
}
.steps ul li::before,
 .steps ul li::after {
  content: "";
  position: absolute;
  left: -53%;
  top: 2.0rem;
  width: 100%;
  height: .3rem;
  background: #eae6e6;
  -webkit-transition: all 0.4s ease-in-out 0;
  -moz-transition: all 0.4s ease-in-out 0;
  -ms-transition: all 0.4s ease-in-out 0;
  -otransition: all 0.4s ease-in-out 0;
  -o-transition: all 0.4s ease-in-out 0;
  transition: all 0.4s ease-in-out 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -otransform: translateY(-50%);
  transform: translateY(-50%);
}
.steps ul li::after {
  width: 0;
}
.steps ul li span {
  display: block;
  margin: 0 auto 1.5rem;
  width: 3.5rem;
  height: 3.5rem;
  text-align: center;
  background: #eae6e6;
  font-size: 1.8rem;
  line-height: 3.5rem;
  font-weight: 300;
  color: var(--theme-dark-color);
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in-out 0;
  -moz-transition: all 0.4s ease-in-out 0;
  -ms-transition: all 0.4s ease-in-out 0;
  -otransition: all 0.4s ease-in-out 0;
  -o-transition: all 0.4s ease-in-out 0;
  transition: all 0.4s ease-in-out 0;
  -webkit-border-radius: .2rem;
  -moz-border-radius: .2rem;
  -ms-border-radius: .2rem;
  -oborder-radius: .2rem;
  border-radius: 50%;
}
.steps ul li:first-child::before, .steps ul li:first-child::after {
  display: none;
}
.steps ul li span img{
	width: 1.3rem;
}
.form-container {
  clear: both;
  display: none;
  left: 100%;
  background: var(--theme-light-color);
  padding: 3.0rem;
  -webkit-border-radius: .4rem;
  -moz-border-radius: .4rem;
  -ms-border-radius: .4rem;
  -oborder-radius: .4rem;
  border-radius: .4rem;
 -webkit-box-shadow: rgba(60, 64, 67, 0.3) .0rem .1rem .2rem .0rem, rgba(60, 64, 67, 0.15) .0rem .1rem .3rem .1rem;
         box-shadow: rgba(60, 64, 67, 0.3) .0rem .1rem .2rem .0rem, rgba(60, 64, 67, 0.15) .0rem .1rem .3rem .1rem;

}
.form-container.active {
  display: block;
}

.form-title {
  margin-bottom: 3.0rem;
  padding-bottom: 1.5rem;
  position: relative;
}
.form-title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 8.0rem;
  height: .2rem;
  background: var(--theme-primary-color);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -otransform: translateX(-50%);
  transform: translateX(-50%);
}
.form_flex {
   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;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
}
.steps_forms{
	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;
	-webkit-column-gap: 2.0rem;
	   -moz-column-gap: 2.0rem;
	        column-gap: 2.0rem;
}
.custom_inpt input{
	padding: .7rem 1.0rem;
	font-size: 2.0rem;
	border: 0.1rem solid #ccc;
}
.custom_inpt label{
	font-size: 2.0rem;
}
.custom_inpt textarea{
	resize: none;
}
.myContainer ::-webkit-input-placeholder{
	color: #252525;
}
.myContainer ::-moz-placeholder{
	color: #252525;
}
.myContainer :-ms-input-placeholder{
	color: #252525;
}
.myContainer ::-ms-input-placeholder{
	color: #252525;
}
.myContainer ::placeholder{
	color: #252525;
}
.position_input {
    position: relative;
}
.position_input img {
    position: absolute;
    left: 1.6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.5rem;
}
.position_input input,
.position_input select {
	padding: 1.2rem 1.5rem 1.2rem 4.3rem!important;
}
.input_gif{
	width: 4.0rem;
}
.myContainer .button{
	height: 5rem;
	padding: 1.6rem 4.5rem;
	margin-top: 2rem;
}

/*room_searchs_area*/
.room_searchs_area{
	padding: 0 0 10rem;
}
.filter_box {
    padding: 2.5rem 2rem;
    border: 0.1rem solid var(--theme-primary-color);
    border-radius: 2.4rem;
}
.check_box_radio{
	display: flex;
	align-items: center;
	justify-content: space-between;
    margin-top: 1.4rem;
    color: #252525;
}
.check_box_radio p,
.check_box_radio .filter_num{
	cursor: pointer;
	user-select: none;
	color: #252525;
    font-size: 1.7rem;
    display: flex;
    align-items: center;
}
.check_box_radio label{
	cursor: pointer;
	user-select: none;
	color: #252525;
    font-size: 1.7rem;
    display: flex;
    align-items: center;
}
input[type=radio] {
    border: .1rem solid var(--theme-primary-color);
    border-radius: 0.2rem;
    padding: 0.9rem;
    -webkit-appearance: none;
    cursor: pointer;
    margin-right: 1rem;
}

input[type=radio]:checked {
  background: url("../img/checked.png") no-repeat center center;
  background-size: 1.4rem 1.4rem;
}

input[type=radio]:focus {
  outline-color: transparent;
}
.filter_box .check_box {
    margin-top: 1.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.chk_item{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.filter_box h3 {
    font-size: 2.2rem;
    font-weight: 500;
    color: #252525;
    line-height: 1.2;
}
.filter_num{
	font-size: 2rem;
}
.strar_rat ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.strar_rat ul li:not(:last-child){
	margin-right: 0.5rem;
}
.strar_rat ul li{
	color: #fdc20f;
}
.strar_rat .check_box label {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.strar_rat h4 {
    margin-left: 1rem;
    color: #252525;
    font-size: 1.7rem;
    line-height: 1;
    font-weight: 500;
}
/*internet_area*/

.internet_area{
	border: .1rem solid var(--theme-primary-color);
	border-radius: 2.4rem;
	padding: 2.4rem;
}
.internet_area h2{
	font-weight: 500;
	font-size: 4rem;
	line-height: 1.15;
	color: #252525;
	margin-bottom: 1rem;
}
.sorting_wrap{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.sorting_item{
	display: flex;
	align-items: center;
	column-gap: 1rem;
}
.sorting_item label{
	font-size: 1.9rem;
	white-space: nowrap;
}
.right_sort{
	display: flex;
	align-items: center;
	column-gap: 2rem;
}
.internet_area p{
	font-size: 2.4rem;
	line-height: 1.15;
	margin-top: 1.2rem;
}
.internet_area .nav-tabs{
	border-bottom: none;
	-webkit-column-gap: 1.4rem;
	   -moz-column-gap: 1.4rem;
	        column-gap: 1.4rem;
}
.internet_area .nav .nav-link{
    color: var(--theme-primary-color);
}
.internet_area .nav-tabs .nav-link {
    background-color: var(--theme-light-color);
    padding: 0;
    color: #252525;
    font-size: 2rem;
}
.internet_area .nav-tabs .nav-link i{
	font-size: 1.8rem;
	margin-right: 0.4rem;
}
.internet_area .nav-tabs .nav-item.show .nav-link,
.internet_area .nav-tabs .nav-link.active {
    color: #252525; 
    background-color: var(--theme-light-color);
    border-color: var(--theme-light-color); 
}
.deluxe_room_items{
	padding-top: 2.4rem;
	border-top: 0.1rem solid var(--theme-primary-color);
	margin-top: 2.4rem;
}
.deluxe_room_left a h2 {
    font-weight: 500;
    font-size: 2.1rem;
    line-height: 1.15;
    color: #252525;
    margin-bottom: 0.5rem;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    max-width: 32rem;
}
.deluxe_room_left a:hover h2{
	color: var(--theme-primary-color);
}
.deluxe_room_left p{
	font-size: 1.7rem;
	line-height: 1.12;
	margin-bottom: 2rem;
}
.deluxe_room_left p i{
	font-size: 2rem;
	margin-right: 0.5rem;
}
.deluxe_room_left ul{
	/* display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap; */
	max-width: 35rem;
	margin-left: -1.2rem;
	margin-right: -1.2rem;
}
.deluxe_room_left ul li{
	font-size: 1.7rem;
	line-height: 1.12;
	color: #252525;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	margin-top: 0.8rem;
}
.deluxe_room_left ul li img{
	width: 2rem;
	margin-right: 0.8rem;
}
.deluxe_room_right h2{
	font-weight: 500;
	font-size: 2.5rem;
	line-height: 1.15;
	color: var(--theme-primary-color);
}
.deluxe_room_right p{
    max-width: 25rem;
	font-weight: 500;
	line-height: 1.12;
	margin-bottom: 3.8rem;
	font-size: 1.8rem;
}
.deluxe_room_right{
	text-align: right;
}
.deluxe_room_img .deluxe_height {
    border-radius: 1.6rem;
    height: 20rem;
    -o-object-fit: cover;
       object-fit: cover;
}
.deluxe_room_img{
	width:32rem;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	margin-right: 2.4rem;
}
.deluxe_room_right .button {
   padding: 1.7rem 4.8rem;
   height: 5rem;
}
.check_box{
	margin-top: 2.4rem;
}
.check_box input{
	display: none;
}
.check_box .filter_num{
    font-size: 1.7rem;
}
.check_box label{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	color: #252525;
	cursor: pointer;
	line-height: 1;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	font-size: 1.7rem;
}
.check_box label span{
	width: 2rem;
	height: 2rem;
	background: var(--theme-primary-color);
    border: .1rem solid var(--theme-primary-color);
	border-radius: 0.2rem;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	margin-right: 1rem;
	position: relative;
	display: block;
}
.check_box label span::before{
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	height: 1.8rem;
	width: 1.8rem;
	background-color: var(--theme-light-color);
	border-radius: 0.2rem;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-repeat: no-repeat;
	background-size: 1.15rem;
	background-position: center center;
}
.check_box input:checked + label span::before{
	background-image: url(../img/check.svg);
	background-color: transparent;
}
.sorting_wrap .nice-select .option {
    padding: 0rem 1.8rem;
}
.internet_area .nav-pills .nav-link.active,
.internet_area .nav-pills .show>.nav-link {
    background-color: var(--theme-primary-color);
    color: var(--theme-light-color);
}
.filter_btn {
    font-size: 2rem;
    color: var(--theme-light-color);
    background-color: var(--theme-primary-color);
    padding: 0.2rem  1.5rem;
	border-radius: 0.5rem;
}
/* country_cont_area */

.country_cont_area h2 {
    font-size: 2.2rem;
    font-weight: 500;
    margin-bottom: 2rem;
    color: var(--theme-dark-color);
}
.country_cont_area p {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    text-align: justify;
}
.details_cover_form .select2 {
    margin-bottom: 0;
}
.details_cover_form .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
	line-height: 1.5;
	font-size: 1.9rem;
	color: var(--theme-dark-color);
}
.details_cover_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 7px 6px 0 6px;
}
.details_cover_form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 6px 7px 6px;
}
.right_sort .select2 {
    margin-bottom: 0rem;
    width: 8rem !important;
}
.right_sort .select2-container--default .select2-selection--single {
    border: .1rem solid var(--theme-dark-color);
}




/* billed-form */
#heading {
    text-transform: uppercase;
    color: #0092d7;
    font-weight: normal;
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 2.0rem;
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 2.0rem;
    position: relative;
}

.form-card {
    text-align: left;
}

#msform fieldset:not(:first-of-type) {
    display: none;
}

#msform input,
#msform textarea,
#msform select{
    padding: .8rem 1.5rem .8rem 1.5rem;
    border: .1rem solid #ccc;
    border-radius: .0rem;
    margin-bottom: 2.5rem;
    margin-top: .2rem;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    background-color: #ECEFF1;
    font-size: 1.6rem;
    letter-spacing: .1rem;
}
#msform .select2-container--default .select2-selection--single {
    padding: .3rem .7rem 0rem .7rem;
    border: .1rem solid #ccc;
    border-radius: 0rem;
    background-color: #ECEFF1;
    margin-top: .4rem;
}
#msform .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--theme-dark-color);
    opacity: .6;
    font-size: 1.6rem;
    letter-spacing: .1rem;
}

#msform .nice-select {
    border-radius: 0;
    border: .1rem solid #ccc;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.2;
	color: grey;
    outline: none;
    border-radius: 0;
    padding-right: 6.5rem;
	padding-top: 0.9rem;
	padding-bottom: 0.9rem;
	background-color: #ECEFF1;
	margin-bottom: 2.5rem;
    margin-top: .2rem;
}
#msform .nice-select:after {
    border-bottom: 0.2rem solid grey;
    border-right: 0.2rem solid grey;
}
#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: .1rem solid var(--theme-primary-color);
    outline-width: 0;
}

#msform .action-button {
    width: 10.0rem;
    background: var(--theme-primary-color);
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: .0rem;
    cursor: pointer;
    padding: 1.0rem .5rem;
    margin: 1.0rem .0rem 1.0rem .5rem;
    float: right;
	transition: 0.3s;
}

#msform .action-button:hover,
#msform .action-button:focus {
    background-color: var(--theme-dark-color);
}

#msform .action-button-previous {
    width: 10.0rem;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: .0rem;
    cursor: pointer;
    padding: 1.0rem .5rem;
    margin: 1.0rem .5rem 1.0rem .0rem;
    float: right;
	transition: 0.3s;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: var(--theme-dark-color);
}

.card {
    z-index: 0;
    border: none;
    position: relative;
}

.fs-title {
    font-size: 2.5rem;
    color: var(--theme-primary-color);
    margin-bottom: 1.5rem;
    font-weight: normal;
    text-align: left;
}

.purple-text {
    color: var(--theme-primary-color);
    font-weight: 700;
	font-size: 3rem;
}

.steps {
    font-size: 2.5rem;
    color: gray;
    margin-bottom: 1.0rem;
    font-weight: normal;
    text-align: right;
}

.fieldlabels {
    color: gray;
    text-align: left;
}

#progressbar {
    margin-bottom: 3.0rem;
    overflow: hidden;
    color: lightgrey;
}

#progressbar .active {
    color: var(--theme-primary-color);
}

#progressbar li {
    list-style-type: none;
    font-size: 1.5rem;
    width: 50%;
    float: left;
    position: relative;
    font-weight: 400;
}

#progressbar #account:before {
	font-family: "Font Awesome 5 Pro";
	 content: "\f13e";
}

#progressbar #personal:before {
	font-family: "Font Awesome 5 Pro";
    content: "\f0c0";
}

#progressbar #payment:before {
   font-family: "Font Awesome 5 Pro";
    content: "\f1da";
}

#progressbar #confirm:before {
   font-family: "Font Awesome 5 Pro";
    content: "\f00c";
}

#progressbar li:before {
    width: 5.0rem;
    height: 5.0rem;
    line-height: 4.5rem;
    display: block;
    font-size: 2.0rem;
    color: var(--theme-light-color);
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 1.0rem auto;
    padding: .2rem;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: .2rem;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 2.5rem;
    z-index: -1;
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: var(--theme-primary-color);
}

.progress {
    height: 1.6rem;
}

.progress-bar {
    background-color: var(--theme-primary-color);
}

.fit-image {
    width: 100%;
    object-fit: cover;
}
.form-card table{
	width: 100%;
	border-collapse: collapse;
	margin: 2rem 0;
}
.form-card tr,
.form-card td,
.form-card th{
	border: 0.1rem dashed var(--theme-dark-color);
	padding-left: 1rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}
.text_right{
	text-align: right;
	padding-right: 1rem;
}
.trans_ection{
	background-color: #ececec;
}



/* default paggenation css */
.pagination_numbering{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.all_paginate{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
    column-gap: .3rem;
}
.all_paginate .prev_page,
.all_paginate .next_page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 5rem;
    padding: 0rem 2.2rem;
    opacity: .7;
    background-color: var(--theme-primary-color);
    border: 1px solid var(--theme-primary-color);
    cursor: not-allowed;
    color: var(--theme-light-color);
}
.all_paginate .prev_page{
    border-radius: .5rem 0 0 .5rem;
}
.all_paginate .next_page{
    border-radius: 0 .7rem .7rem 0;
}
.all_paginate .prev_page:hover,
.all_paginate .next_page:hover {
    opacity: 1;
}
p.pagenate_info{
    text-align: center;
    color: var(--theme-dark-color);
    opacity: .7;
    font-size: 1.8rem;
}
.all_paginate .page_number{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 5rem;
    width: 6rem;
    opacity: .7;
    border: 1px solid #ccc;
    color: var(--theme-dark-color);
    cursor: not-allowed;
}
.all_paginate .page_number:hover{
    opacity: 1;
}
.all_paginate .page_number.active{
    background-color: var(--theme-primary-color)!important;
    color: var(--theme-light-color);
}
.all_paginate .cursor{
    cursor: pointer;
}