@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');
html { scroll-behavior: smooth; }
body { font-family: 'Montserrat', sans-serif; background:var(--lbluebg); color:var(--bcolor); margin: 0; padding: 0; font-size: 14px;}
a { text-decoration: none; }
* { box-sizing: border-box; }
button{cursor: pointer;}
:root{
    --lblue:#e3f1fb;
    --lbluebg:#dfe9f5;
    --mcolor:#1573c4;
    --altcolor:#f4b434;
    --wcolor:#ffffff;
    --bcolor:#333333;
}

.mainbx{background:url(../images/circleimg.png) no-repeat, url(../images/bg.png) no-repeat ; position: relative; background-size:auto, 100% 100%; background-position:right top, center; min-height:500px; padding-bottom:70px;}
.mainbx h3{color: var(--wcolor);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 28px;}
.mainbx h3 span{color:var(--altcolor);}
.border-bottom{border-color:#d1d4d7 !important;}

.w718{width: 718px; max-width:100%; margin: 0 auto;}
#nav-tab{font-size: 20px;
    border: 0; justify-content: space-between;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background:transparent; border:0; font-weight: 700;}
.nav-tabs .nav-link{font-weight: 500; color:var(--mcolor); position: relative; transition:0.5s;}
.nav-tabs .nav-item.show .nav-link:before, .nav-tabs .nav-link.active:before, .nav-tabs .nav-link:hover:before{content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:var(--bcolor); transition:0.5s;}

.hotelsul{padding:0; list-style:none;}
.hotelsul li{display: flex;
    width: 100%; 
    flex-wrap: nowrap;
    justify-content: space-between; align-items:center; background:var(--wcolor); padding:12px 18px; border-radius:4px; font-weight: 500; font-size: 16px; margin-bottom:10px;}
.hotelsul li span{display: inline-block;
    background: var(--lblue);
    padding: 2px 12px; margin-left:8px;
    font-size: 14px;
    border-radius: 15px;}

.lmorebx{padding:0; text-align:center; border-bottom:1px solid #d1d4d7;}
.lmorebx a{color:var(--mcolor); font-weight: 600; transition:0.5s; font-size: 15px; display:inline-block; margin-bottom:15px;}
.lmorebx a:hover{color:var(--altcolor);}
.lmorebx a .fa{font-size: 19px;
    margin-right: 4px;
    vertical-align: middle;}
.bnow_btn{background: var(--altcolor);
    border: 0; display:inline-block;
    border-radius: 4px; color:var(--bcolor);
    font-weight: 600; transition:0.5s;
    font-size: 19px; outline: none;
    text-decoration: none;
    padding: 12px 50px;}
.bnow_btn:hover{background:var(--mcolor); color:var(--wcolor);}


    
@media(max-width:1024px){
    .mainbx{padding-bottom:120px;}
}

@media(max-width:992px){
    .mainbx{padding-bottom:120px; background-size: 100px auto, 100% 100%;}
    .mainbx h3{font-size: 23px;}
    mainbximg{width:280px;}
}

@media(max-width:767px){
    .mainbx{background-size: 70px auto, 100% 100%; min-height: initial; padding-bottom: 70px;}
    .mainbx h3{font-size: 16px; width: 440px; max-width:100%; margin: 0 auto;}
    .mainbximg{width:200px;}
    .mheading{font-size: 22px;}
    .hotelsul li{font-size: 14px; padding: 12px 12px;}
    .hotelsul li span{font-size: 12px;}
    #nav-tab{font-size: 15px;}
    .nav-tabs .nav-link{padding: 0.5rem 0.3rem;}
    .bnow_btn{padding: 10px 30px; font-size: 16px;}
}

@media(max-width:414px){
    .hotelsul li span{font-size: 12px; max-width: 90px;}
    .nav-tabs .nav-link{padding: 0.5rem 0.1rem;}
    #nav-tab{font-size: 12px;}
}