body{font-family:'Red Hat Display', sans-serif !important;}


.fs-22{font-size:22px}
.fs-18{font-size:18px}
.fs-14{font-size:14px}
.fs-12{font-size:12px}


a{text-decoration:none}
a:hover{text-decoration:underline}

.form-control,
.form-select{box-shadow:none !important;}

.bg-gradient2{background: linear-gradient(140deg, rgba(149,200,55,1) 0%, rgba(40,112,79,1) 100%);}


.btn-primary{color:#fff !important; background:linear-gradient(140deg, rgba(149,200,55,1) 0%, rgba(40,112,79,1) 100%); border:unset !important}
.btn{ text-decoration:none !important;}

.mt-70,
.my-70{margin-top:70px;}
.mb-70,
.my-70{margin-bottom:70px;}

.pt-70,
.py-70{padding-top:70px;}
.pb-70,
.py-70{padding-bottom:70px;}

#header{position:absolute; left:0; right:0; z-index:5; background:linear-gradient(0, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);}

#header #right a{padding:22px; display:block;}
.navbar-toggler{display:block; padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);}
.navbar-toggler .icon-bar{background-color:#fff; transform:rotate(0deg) translate(0px, 0px); transition:300ms;}
.navbar-toggler .icon-bar{display:block; width:22px; height:2px; border-radius:1px;}
.navbar-toggler .icon-bar+.icon-bar{margin-top:4px;}
.navbar-toggler .icon-bar:nth-child(2){width:16px; transition:300ms;}
.navbar-toggler:hover>.icon-bar:nth-child(2){width:22px; transition:300ms;}
.navbar-toggler:active>.icon-bar:nth-child(2){width:22px; transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1){transform:rotate(45deg) translate(5px, 4px); transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2){opacity:0; transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3){transform:rotate(-45deg) translate(4px, -4px); transition:300ms;}

#header .nav-link{color:#fff; font-weight:400;}


#heroArea{height:500px; position:relative;}
#heroArea .container{top:45%; position:absolute; z-index:1; margin:0 auto; left:0; right:0;}
#heroArea .col-xl-3 .form-control{border-radius: 0.375rem 0.375rem 0 0;}
#heroArea .form-control{border-radius:0; border-bottom:none;}
#heroArea .btn{border-radius:0; background: linear-gradient(140deg, rgba(149,200,55,1) 0%, rgba(40,112,79,1) 100%);}

#bottomArea .ratio{width:40px; transition:300ms}
#bottomArea a:hover .ratio{color:#98c93a; border-color:#98c93a !important}

#breadcrumbArea .card{height:500px;}
#breadcrumbArea .card-img-overlay{top:unset; padding:250px 30px 70px 30px; background: linear-gradient(0deg, rgba(0,0,0,0.8) -50%, rgba(0,0,0,0) 100%);}

#listingArea .top-0{top:50% !important; transform:translateY(-50%)}
#listingArea a.row{transition:300ms;}
#listingArea a.row:hover{opacity:0.8}


#formArea .nav-pills .nav-link.active img{filter:brightness(1000%);}
#formArea .nav-pills .nav-link.active{background: linear-gradient(140deg, rgba(149,200,55,1) 0%, rgba(40,112,79,1) 100%); border-color:rgb(255,255,255) !important }
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100% !important;}
.bootstrap-select .btn.btn-light{background:none !important; padding:1rem 0.75rem !important; border-color:var(--bs-border-color);}


#banner .carousel-item::before {
	content: '';
	background: rgba(0,0,0,0.4);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom:0;
}


@media (min-width:1200px){
#heroArea .form-control{border-right:none; border-bottom:1px solid #000 !important}
#heroArea .col-xl-3 .form-control{border-radius: 0.375rem 0 0 0.375rem;}
#heroArea .container{top:60%;}

#header .nav.fw-bold.justify-content-end.align-items-center li:nth-last-child(2){margin-right:-9px;}
#header .nav.fw-bold.justify-content-end.align-items-center li:nth-last-child(3){margin-right:1px;}
}
@media (min-width:1200px) and (max-width:1399px){}
@media (min-width:992px) and (max-width:1199px){
#heroArea  .col-lg:nth-last-child(4) .form-control,
#heroArea  .col-lg:nth-last-child(3) .form-control{border-right:none !important;}
}
@media (min-width:768px) and (max-width:991px){
#heroArea  .col-lg:nth-last-child(4) .form-control{border-right:none !important;}
}
@media (min-width:576px) and (max-width:767px){
#heroArea  .col-lg:nth-last-child(4) .form-control{border-right:none !important;}

}
@media (min-width:0px) and (max-width:575px){
#heroArea  .col-lg:nth-last-child(4) .form-control{border-right:none !important;}
#header .nav.fw-bold.justify-content-end.align-items-center li a{padding:3px}
#header .nav.fw-bold.justify-content-end.align-items-center li a{margin-right:1px;}
}
@media (min-width:0px) and (max-width:575px){

    .btn-book{
         padding: 5px!important;
    }
   
    #heroArea {
        height: 250px;
        position: relative;
    }
    .carousel1{
        margin-bottom: 50px!important;
    }
    div.transFilter {
    width: 100% !important;
    padding: 0 !important;
    margin-left: 0 !important;
}
}

@media (min-width:0px) and (max-width:767px){
     #heroArea .carousel-caption {
	width: 100%;
	right:0;
	font-size:18px !important;
}
 #heroArea .carousel-caption h2{
	font-size:18px !important;
}
}

.carousel1{
    margin-bottom: 100px;
}
.carousel-caption {
    position: absolute;
    right: 4rem;
    bottom: 4rem;
    left: unset;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: right;
    top: 8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 900;
}