@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Regular.eot');
    src: url('Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('Montserrat-Regular.woff2') format('woff2'),
        url('Montserrat-Regular.woff') format('woff'),
        url('Montserrat-Regular.ttf') format('truetype'),
        url('Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MontserratM';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MegandemofontRegular';
    src: url('../fonts/MegandemofontRegular-axGea.eot');
    src: url('../fonts/MegandemofontRegular-axGea.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MegandemofontRegular-axGea.woff2') format('woff2'),
        url('../fonts/MegandemofontRegular-axGea.woff') format('woff'),
        url('../fonts/MegandemofontRegular-axGea.ttf') format('truetype'),
        url('../fonts/MegandemofontRegular-axGea.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body, html{   font-family: 'MontserratM' !important;}
.wrap-first{ width:50%;background-color: #056597;
     /* border-radius: 77px;  */
      padding:50px 40px 60px;}
.wrap-first h1{
    font-size: 63px;
    font-family: 'MegandemofontRegular';
    /* border-radius: 77px; */
    color: #fff;
    line-height: 70px;
    padding-top: 16px;
   
}
.wrap-first .logoss{width: 53%;}
.qr-text1{
    text-align: right;
    color: #fff;
    line-height: 20px;
    font-size: 13px;
}
.qr-text2{
    text-align: left;
    color: #fff;
    line-height: 20px;
    font-size: 13px;
}
a{text-decoration: none;}
.bg-second{background-image: url('../images/1/second-bg.png'); background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;}
.qrcode{width:100px}
.wrap-second{width:50%;}
.wrap-second img{
    width: 100%;
    /* border-radius: 77px; */
}
.width-100{width:100%;}
.width-70{width:70%;}
.wrap-third{
    color:#4e4e4e;
    background-color: #ececec;
    /* border-radius: 77px; */
    width:50%;
    padding:50px 40px 60px;
}
.wrap-third h2{color:#056597; font-weight: bold; font-size: 42px; font-family: 'MegandemofontRegular';}
.traveller-text{color: #4e4e4e; font-family: 'MontserratM';}
.wrap-forth{
    color:#4e4e4e;
    background-color: #ececec;
    /* border-radius: 77px; */
    width:50%;
    padding:50px 40px 20px;
}
.web-link{color:#4e4e4e; font-family: 'MontserratM'; text-decoration: none; font-weight: 600; text-align: center; font-size: 75%;}
h4{font-family: 'MontserratM'; font-size: 18px; font-weight: 600;}
.text{font-family: 'MontserratM'; font-size:13px; font-weight: 600;}
.follow-text{
    color:#056597; padding-top:20px; font-weight: bold; font-size: 38px; font-family: 'MegandemofontRegular';
}
ul{
    list-style-type: none;
    padding-left: 0px;
    font-size: 15px;
}
ul li{font-size: 14px;}
.heading-pan{color:#056597; font-family: 'MontserratM'; font-size: 25px; font-weight: 600; padding: 6px 0px 12px;}
@media(max-width:768px){
    .width-100mb{width:100%; text-align: center;}
    .text {
        font-family: 'MontserratM';
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
    }
    .follow-text{font-size: 23px;}
    body, div{overflow-x: hidden;}
    .wrap-first{ padding:50px 40px 20px;}
    .wrap-first, .wrap-forth, .wrap-third{ width:100%;}
    .wrap-second{height: 1466px;width:100%;}
    .wrap-first h1 {
        font-size: 36px;
        line-height: 41px;
    }
    .qr-text1 ,.qr-text2{text-align: center; padding:15px 0px;}
}
@media(max-width:767px){
    .bg-second { background-size: cover;}
    .wrap-second { height: 745px; width: 100%;}  
}
@media(max-width:600px){
    .wrap-second {
        height: 104vh;
        width: 100%;
    }
}
@media(max-width:414px){
    .bg-second {
        background-size: cover;
    }
}