*, html, body{
    padding: 0;
    margin: 0;
}
img {
	max-width: 100%;
	display: block;
}

.header{
    width: 100%;
    height: auto;
    padding: 10px 0px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #EEEDED;
    position: relative;
}

.header:after{
    content: '';
    background-color: #0D3736;
    float: right;
    clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 9% 0%);
    width: 36%;
    border: 1px solid #0D3736;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
   
}
.header .container{
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}
.container{
    max-width: 1350px;
    margin: 0 auto;
}
.logo-section{
    width: 127px;
    height: auto;
    float: left;
    
}


.header-right{
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9;
    gap: 20px;
}

.mobile-box-icon{
    width: 50px;
    height: 50px;
    background-color: #0D3736;
    border: 6px solid rgba(199, 179, 126, 0.4);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile-no-header h6 {
	color: #fff;
	font-size: 1rem;
	font-weight: 400;
	font-family: "Urbanist", sans-serif;
	letter-spacing: 1px;
    margin-bottom: 0px;
}

.mobile-no-header h4{
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Urbanist", sans-serif;
}

.mobile-box{
    width: 35px;
    height: 35px;
    background-color: #0D3736;
    border-radius: 30px;
    position: relative;
    top: 12px;
    left: 12px;
    
}
.header-content-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 90%;
}
.mobile{
    width: 30px;
    /* position: relative; */
    /* left: 3px; */
    top: 3px;
}

.number{
    position: relative;
    z-index: 9999;
    /* left: 20px; */
    top: 10px;
    display: flex;
}
.foother-quick-link-1{
    list-style: none;
}
.mobile-link{
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    font-family: "Urbanist", sans-serif;
    text-decoration: none;
    display: flex;
    column-gap: 10px;
}
ul.my-menu{
    list-style-type: none;
    display: block;
}
.menu{
    padding: 0 0 0 30px;
}
ul.my-menu li{
    list-style-type: none;
    display: inline-block;
}
ul.my-menu li a{
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    color: #0B0A13;
    font-family: "Urbanist", sans-serif;
}

.banner-section{
    width: 100%;
    position: relative;
}
.banner-tital{
    width: 38%;
    position: absolute;
    left: 96px;
    top: 145px;
    z-index: 9;
}

.banner-tital h5{
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    font-family: "Urbanist", sans-serif;
    line-height: 32px;
    margin-bottom: 26px;
}
.banner-tital h1{
    font-size: 98px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 118px;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 20px;
}
.banner-tital p{
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    font-family: "Urbanist", sans-serif;
    line-height: 28px;
    margin-bottom: 70px;
}

.Contact-btn{
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    font-family: "Urbanist", sans-serif;
    line-height: 22px;
    background-color: #0D3736;
    border-radius: 50px;
    padding: 12px 30px;
    text-decoration: none;
    border: 0;
}
.ptb100{
    padding-top: 100px;
    padding-bottom: 100px;
}

.about-us-section{
    width: 100%;
    height: auto;
}
.about-section{
    display: flex;
    column-gap: 68px;
}

.about-tatil h4{
    font-size: 1.125rem;
    font-weight: 700;
    color: #0B0A13;
    font-family: "Urbanist", sans-serif;
    line-height: normal;
    margin-bottom: 5px;
}
.about-tatil h2{
    font-size: 2.25rem;
    font-weight: 700;
    color: #0B0A13;
    font-family: "Urbanist", sans-serif;
    line-height: normal;
    margin-bottom: 24px;
}
.about-tatil p{
    font-size: 18px;
    font-weight: 400;
    color: #58575C;
    font-family: "Urbanist", sans-serif;
    line-height: 28px;
    margin-bottom: 25px;
}

.our-gallery-section{
    width: 100%;
    background-color: #F9F5EA;
}
.galley-tital{
    width: 100%;
    margin-bottom: 60px;
}
.galley-tital h2{
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    color: #0B0A13;
    font-family: "Urbanist", sans-serif;
    text-align: center;
}
.galley-img-section{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.galley-img{
    display: flex;
    column-gap: 30px;
}
.galley-img-1{
    width: 49%;
    display: flex;
    row-gap: 30px;
    flex-direction: column;
}
.gallery-img-2{
    display: flex;
    column-gap: 30px;
}


.Learn-btn{
    margin-top: 60px;
}

.contact-us-section{
    width: 100%;
    background: url(../images/backgroung-lineing-img.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contact-section{
    width: 100%;
    height: auto;
    background-color: #F5F5F5;
    border-radius: 30px;
    padding: 20px;
}
.achoral-haveli-section{
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 30px;
    padding: 20px;
}

.contact-logo-section {
	margin: 0 auto 54px auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.contact-tital{
    margin-bottom: 50px;
}

.contact-tital h5{
    font-size: 24px;
    font-weight: 400;
    color: #0B0A13;
    font-family: "Urbanist", sans-serif;
    line-height: 29px;
    text-align: center;
    margin-bottom: 25px;
}
.contact-tital h2{
    font-size: 42px;
    font-weight: 700;
    color: #0B0A13;
    font-family: "Urbanist", sans-serif;
    line-height: 50px;
    text-align: center;
    margin-bottom: 30px;
}
.contact-tital p{
    font-size: 18px;
    font-weight: 400;
    color: #58575C;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    line-height: 28px;
}

.social-icon-section{
    display: flex;
    column-gap: 10px;
    justify-content: center;
}
.contact-form{
    padding: 20px 0 0 0;
}

.contact-detail{
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}
.details{
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    color: #071D26;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 18px;
}
.input-box{
    padding: 0 0 18px 3px;
    background: none;
    border: none;
    border-bottom: 1px solid #727272;
}
.input-box:focus{
    outline: none;
}
.contact-text h2{
    font-size: 42px;
    font-weight: 600;
    line-height: 50px;
    color: #0B0A13;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 44px;
}
.Learn-btn-1{
    margin-top: 50px;
}

.foother-section{
    width: 100%;
    height: auto;
    background-color: #022625;
}

.foother-tital-section{
    width: 100%;
    display: flex;
    margin-bottom: 60px;
    column-gap: 80px;
}

.foother-about{
    width: 35%;
    height: auto;
}

.foother-about p{
    font-size: 18px;
    font-weight: 500;
    line-height: 31px;
    color: #FFFFFF;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 40px;
    margin-top: 30px;
}
.foother-icon-section{
    display: flex;
    column-gap: 10px;
}

.foother-quick h3{
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    color: #FFFFFF;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 30px;
}
.foother-line{
    width: 68px;
    height: 1px;
    background-color: #FFFFFF;
    margin-bottom: 30px;
}
.me-3{
    margin-right: 10px;
}


.me-3-1{
    margin-right: 10px;
    margin-top: -40px;
}
.foother-quick-link{
    margin-bottom: 30px;
    list-style: none;
}
.home-link{
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #FFFFFF;
    font-family: "Urbanist", sans-serif;
    display: flex;
    text-decoration: none;
}
.foother-quick{
    width: 15%;
}
.address{
    width: 39%;
}
.address h3{
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    color: #FFFFFF;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 30px;
}

.foother-line-1{
    width: auto;
    height: 1px;
    background-color: #031D1C;
    margin-bottom: 30px;
}

.copy-right{
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    font-family: "Urbanist", sans-serif;
    line-height: 26px;
    text-align: center;
}

.contact-info{width: 100%; display: flex; flex-direction: column;}
.contact-info ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact-info ul li{list-style-type: none; background-color: #00aff0; display: flex; width: 100%; padding:10px 10px 10px 10px; border-radius: 4px; margin-right: 0;}
.contact-info ul li:last-child{
    margin-right: 0px;
    background-color: #25D366;
}
.contact-icon{background:url(../images/contact_icons.png) no-repeat 5px 5px; width:54px; height: 50px; display: flex; background-size: 80%; margin-right: 10px;}
.cotact-details{
    display: flex;
    flex-direction: column;
    color: #fff;
}
.cotact-details .big-label{
    font-size: 1.2rem;
}

.contact-info ul li:nth-child(2n){background-color:#ff7e00;}
.contact-icon.phone{background-position: 5px -173px;}
.contact-icon.email {
    background-position: 5px -85px;
}
.nav-link {
	padding: 0 28px !important;
}
.header.sticky {
	position: fixed;
	top: 0;
    z-index: 999;
}
.header.sticky .logo-section {
	width: 87px;
}

.room-feature {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.room-feature li {
	width: 48%;
}


@media(max-width:1400px){

    .container {
        max-width: 1260px;
        margin: 0 auto;
    }

    .banner-tital {
        width: 32.7%;
        top: 123px;
        left: 70px;
        
      }
    .banner-tital h1 {
        font-size: 70px;
        line-height: normal;
    }
    .banner-tital h5{
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 28px;
    }
    .banner-tital p{
        font-size: 16px;
        line-height: 23px;
    }
    .about-tatil h2{
        font-size: 32px;
        line-height: normal;
    }

    .about-tatil p{
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 16px;
    }
    .Learn-btn{
        margin-top: 50px;
    }
    .about-section{
        column-gap: 110px;
    }

    .about-img{
        width: 583px;
    }

    .gallery-box{
        width: 292px;
    }
   
    .Contact-btn{
        font-size: 16px;
    }
    .Learn-btn{
        margin-top: 30px;
    }

    .contact-tital p{
        font-size: 16px;
        line-height: normal;
    }
}



@media(max-width:992px){
    .banner-tital {
        width: 38%;
        top: 73px;
        left: 32px;
      }
    .banner-tital h1 {
        font-size: 42px;
    }
    .banner-tital h5{
        font-size: 16px;
        line-height: normal;
    }

    .banner-tital p{
        line-height: normal;
        margin-bottom: 50px;
    }
    .about-tatil {
        width: 60%;
      }
    
    .about-section {
        column-gap: 30px;
    } 
    .about-tatil h2{
        font-size: 28px;
    }
    .about-tatil p{
        font-size: 16px;
        line-height: normal;
        margin-bottom: 10px;
    }
    .contact-section {
        width: 91%
    }
    .contact-tital h2 {
        font-size: 36px;
        margin-bottom: 10px;
    }
    .contact-tital h5{
        margin-bottom: 10px;
    }
    .container {
        max-width: 930px;
        margin: 0 auto;
    }

    .contact-text h2 {
        font-size: 36px;
        margin-bottom: 30px;
    }

    .foother-about p {
        font-size: 16px;
        margin-bottom: 20px;
        margin-top: 15px;
        line-height: normal;
    }

    .foother-quick h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .address h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .foother-line{
        margin-bottom: 20px;
    }
    .me-3-1{
        margin-top: -50px;
    }
    .home-link {
        font-size: 16px;
        line-height: normal;
    }
    .foother-quick-link{
        margin-bottom: 15px;
    }

    .copy-right{
        font-size: 16px;
    }
    .foother-line-1{
        margin-bottom: 20px;
    }
}


@media(max-width:767px){
    .banner-tital h1 {
        font-size: 1.8rem;
    }
    .ptb100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .banner-tital h5{
        font-size: 1rem;
    }
    .about-tatil {
        width: 100%;
    }
  
    .about-tatil h2, .galley-tital h2{
        font-size: 1.5rem;
    }
    .galley-tital{
        margin-bottom: 0px;
    }
    .galley-img {
        column-gap: 8px;
        flex-direction: column;
    }
    .galley-img-1, .gallery-img-2 {
        width: 100%;
        display: flex;
        row-gap: 0px;
        flex-direction: column;
        margin-bottom: 15px;
    }
    .gallery-box {
        width: 100%;
        margin-bottom: 15px;
    }
    .galley-img-section {
        row-gap: 10px;
    }
    .about-tatil p{
        font-size: 0.875rem;
    }
    .about-img {
        width: 100%;
    }
    .container {
        max-width: 767px;
        margin: 0 auto;
    }
    .mobile-no-header, .header-right{
        display: none;
    }
    
    .header::after {
        content: normal;
    }
    .logo-section {
        width: 87px;
    }
    .header-content-box {
        width: 100%;
    }
    .banner-tital {
        width: 87%;
        top: 10px;
    }
    .banner-tital{
        display: none;
    }
    .contact-section {
        width: 100%;
    }
    .contact-logo-section {
        margin: 0 auto 24px auto;
      
    }
    .contact-tital h2, .contact-text h2{
        font-size: 1.5rem;
        line-height: 1;
    }
    .contact-tital h5 {
        margin-bottom: 0px;
        font-size: 1.12rem;
    }
    .contact-tital {
        margin-bottom: 26px;
    }
    .contact-detail {
        width: 100%;
     }
     .details {
        font-size: 0.875rem;
        margin-bottom: 5px;
    }
    .foother-tital-section{
        flex-direction: column;
        margin-bottom: 0;
    }
    .foother-about {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .foother-quick, .address {
        width: 100%;
        margin-bottom: 20px;
    }
    .copy-right p{
        font-size: 0.875rem;
        margin-bottom: 0;
    }
    .room-feature {
        flex-direction: column;
        gap: 0;
    }
    .room-feature li {
        width: 100%;
    }
    .gallery-box img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .achoral-haveli-section{
        display: none;
    }
}