h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-family: 'Josefin Sans';
    font-weight: normal;
    margin-bottom: 1.5rem;
}

h1 {
    font-size: 3.5rem;
    line-height: 4.1rem;
    margin:0 0 1.5rem ;
}

h2 {    
    font-size: 3rem;
    line-height: 3.6rem;
}

h3 {
    font-size: 2.5rem;
    line-height: 3.1rem;
}

h4 {
    font-size: 2rem;
    line-height: 2.6rem;
}

h5 {
    font-size: 1.8rem;
    line-height: 2.4rem;
}

h6 {
    font-size: 1.6rem;
    line-height: 2.2rem;
}

p {
    font-size: 1.6rem;
    font-family: 'Poppins-Regular', sans-serif;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 1rem;
}
p:last-child {
    margin-bottom: 0rem;
}

li{
   float: none; 
}

ul,li,ol,figure {
    margin: 0;
    padding: 0;
}
a {
    color: #42474c;
}
a:hover {
    text-decoration: none;
    color: #57822a;
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: none;
}

.overlay {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.3);
}

input:focus,.form-control:focus,button:focus,
.bootstrap-select .btn-default:focus {
    outline: 0;
    box-shadow: none;
    outline-offset: 0;
}

.form-control::-webkit-input-placeholder {
    color: #78909c;
}

.btn {
    font-family: 'Poppins-Medium', 'sans-serif';
    font-weight: normal;
    font-size: 1.4rem;
    padding: .8rem 1.4rem;
    border-radius: 0rem;
    border: none;
    border-color: transparent;
    text-transform: uppercase;
}
.btn:focus {
    outline: 0;
    box-shadow: none;
}

.site-btn:hover,.site-btn:focus,.site-btn:active {
    outline: none;
    background: #1f2407;
    color: #fff;
    box-shadow: none;
}

img {
    max-width: 100%;
    display: block;
    width: auto;
    max-height: 100%
}

/******====== padding manage ======*******/

.top-section{
    padding-top: 8rem;
}
.pb-section{
    padding-bottom: 8rem;
}
.ptb-section{
    padding: 8rem 0;
}
.pt-60{
    padding-top: 6rem;
}
.ptb-60{
    padding: 6rem;
}
.pb-60{
    padding-bottom: 6rem;
}
.pt-50{
    padding-top: 5rem;
}
.pb-50{
    padding-bottom: 5rem;
}
.ptb-50{
    padding: 5rem 0;
}
.pt-45{
    padding-top: 4.5rem;
}
.pb-45{
    padding-bottom: 4.5rem;
}
.ptb-45{
    padding: 4.5rem 0;
}
.pt-40{
    padding-top: 4rem;
}
.pb-40{
    padding-bottom: 4rem;
}
.ptb-40{
    padding: 4rem 0;
}
.pt-35{
    padding-top: 3.5rem;
}
.pb-35{
    padding-bottom: 3.5rem;
}
.ptb-35{
    padding: 3.5rem 0;
}
.pt-30{
    padding-top: 3.5rem;
}
.pb-30{
    padding-bottom: 3.5rem;
}
.ptb-30{
    padding: 3.5rem 0;
}
.pt-25{
    padding-top: 2.5rem;
}
.pb-25{
    padding-bottom: 2.5rem;
}
.ptb-25{
    padding: 2.5rem 0;
}
.pt-20{
    padding-top: 2.5rem;
}
.pb-20{
    padding-bottom: 2.5rem;
}
.ptb-20{
    padding: 2.5rem 0;
}
.pt-15{
    padding-top: 1.5rem;
}
.pb-15{
    padding-bottom: 1.5rem;
}
.ptb-15{
    padding: 1.5rem 0;
}
.pt-10{
    padding-top: 1rem;
}
.pb-10{
    padding-bottom: 1rem;
}
.ptb-10{
    padding: 1rem 0;
}



/******====== margin manage ======*******/

.margion-section{
    margin-top: 8rem;
}
.mb-section{
    margin-bottom: 8rem;
}
.mtb-section{
    margin: 8rem 0;
}
.mt-50{
    margin-top: 5rem;
}
.mb-50{
    margin-bottom:  5rem;
}
.mtb-50{
    margin:  5rem 0;
}
.mt-45{
    margin-top: 4.5rem;
}
.mb-45{
    margin-bottom: 4.5rem;
}
.mtb-45{
    margin: 4.5rem 0;
}
.mt-40{
    margin-top: 4rem;
}
.mb-40{
    margin-bottom: 4rem;
}
.mtb-40{
    margin: 4rem 0;
}
.mt-35{
    margin-top: 3.5rem;
}
.mb-35{
    margin-bottom: 3.5rem;
}
.mtb-35{
    margin: 3.5rem 0;
}
.mt-30{
    margin-top: 3.0rem;
}
.mb-30{
    margin-bottom: 3.0rem;
}
.mtb-30{
    margin: 3.0rem 0;
}
.mt-25{
    margin-top: 2.5rem;
}
.mb-25{
    margin-bottom: 2.5rem;
}
.mtb-25{
    margin: 2.5rem 0;
}
.mt-20{
    margin-top: 2rem;
}
.mb-20{
    margin-bottom: 2rem;
}
.mtb-20{
    margin: 2rem 0;
}
.mt-15{
    margin-top: 1.5rem;
}
.mb-15{
    margin-bottom: 1.5rem;
}
.mtb-15{
    margin: 1.5rem 0;
}
.mt-10{
    margin-top: 1rem;
}
.mb-10{
    margin-bottom:  1rem;
}
.mtb-10{
    margin:  1rem 0;
}

/* Fix carousel image size and maintain aspect ratio */
.slider-banner .room-item img.responsive {
    width: 100% !important;
    height: 500px !important; /* Adjust this height as needed */
    object-fit: cover !important; /* This ensures images maintain aspect ratio while filling the space */
    object-position: center !important;
}

/* For responsive design */
@media (max-width: 768px) {
    .slider-banner .room-item img.responsive {
        height: 350px !important; /* Smaller height on mobile */
    }
}

@media (max-width: 576px) {
    .slider-banner .room-item img.responsive {
        height: 250px !important; /* Even smaller on very small screens */
    }
}