@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:#f2f2f2; color:var(--bcolor); margin: 0; padding: 0; font-size: 14px;}
a { text-decoration: none; }
* { box-sizing: border-box; }
button{cursor: pointer;}
:root{
    --mcolor:#FDB414;
    --altcolor:#F25C0E;
    --wcolor:#ffffff;
    --bcolor:#000000;
}

/* .headerbx{background:var(--altcolor);} */
.bannerbx{background:url(../images/curve.png) no-repeat right top, url(../images/bg-img1.png) no-repeat left bottom, url(../images/bannerbg.jpg) no-repeat ; min-height:575px; background-size: 150px, 100%, cover; }
.banner_heading{    color: var(--wcolor);
    font-weight: 700;     margin-top: 25px;
    font-size: 38px;
    text-transform: uppercase;}
.banner_sheading{font-weight: 500;
    text-transform: uppercase;
    font-size: 26px; color:var(--wcolor);}
.bookingbx{    display: inline-block;
    border: 1px solid var(--wcolor);
    margin-top: 23px; 
    border-radius: 30px; background:rgba(242,92,14,0.7);
    padding: 10px 30px;
    color: var(--wcolor);
    position: relative;}
.bookingbx h5{font-size: 17px;
    text-transform: uppercase;
    margin: 15px 0 0;}
.bookingbx h3{font-size: 17px; margin: 18px 0 0; text-transform:uppercase; font-weight:600;}
.bookingbx h3 sup{font-weight: 500; font-size: 12px;}
.calcbx{position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    margin: 0 auto;
    background: var(--altcolor);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--wcolor);}

.dealbx_inner{width:100%; height:358px; transition:0.5s; overflow:hidden; border-radius:16px; position: relative;}
.dealimg:before{    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to top, rgb(0, 0, 0) 0%, transparent 100%);
    width: 100%;
    height: 100px;
    transition: 0.5s;
    z-index: 2;}
.dealimg{margin:0; padding:0; width:100%; height:100%; position: relative;} 
.dealimg img{width:100%; height:100%; transition:0.5s; object-fit:cover;}
.deal_cnt{position: absolute; left:0; bottom:0; width:100%; display:flex; z-index:3; justify-content:space-between; padding:16px;}
.deal_cnt h3{color: var(--wcolor);
    margin: 0; padding-right:12px;
    font-weight: 500;
    font-size: 20px;}
.expbtn{background: var(--mcolor);
    color: var(--bcolor);
    padding: 5px 10px;
    border-radius: 8px; 
    font-weight: 500; display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;}
.expbtn svg{
    width: 20px;
    height: 20px;
    margin-left:4px; transition:0.3s;
}
.expbtn:hover{color:var(--bcolor);}
.dealbx_inner:hover{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.dealbx_inner:hover .expbtn svg{transform:rotate(-45deg);}
.dealbx_inner:hover .dealimg img{transform:scale(1.1);}
.dcountry{ font-weight: 600; font-size: 24px; margin-bottom:15px;}

@media(max-width:1550px){
    .bannerbx{min-height:526px; }
    
}

@media(max-width:1024px){
.bannerbx{min-height: 460px; background-size: 80px, 100%, cover;}
}

@media(max-width:767px){
    .dealbx_inner{height: 210px;}
    .dcountry{font-size:19px;}
    .deal_cnt h3{font-size: 18px;}
    .expbtn{font-size: 12px;}
    .expbtn svg{width:15px; height:15px;}
    .banner_heading{font-size: 22px;}
    .banner_sheading{font-size: 16px;}
    .bookingbx h3{font-size: 14px;}
    .bookingbx h3 sup{font-size:9px;}
    .bookingbx{padding: 10px 15px; margin-top: 15px;}
    .bannerbx{    min-height: 318px;}
    .logoimg{width: 110px;}
    .bannerbx{background-size: 65px, 100%, cover;}
}

@media(max-width:414px){
    .banner_heading{font-size: 16px;}
    .banner_sheading{font-size:12px;}
    .bookingbx{padding: 10px 15px 5px; }
    .bookingbx h3{font-size:13px; margin: 3px 0 0;}
    .bookingbx h3 span{display:block;}
    .bannerbx{min-height: 288px;}
    .calcbx{width:36px; height:36px;}
    .calcbx img{width:20px;}
    
}