/*importing Kohinoor Odia font*/
@import url("https://use.typekit.net/wtc4tme.css");


:root {
    --c-primary: #2e3192;
    --c-primary2: #00ab34;
    --c-secondary: #f75b06;
    --c-secondary2: #c4400c;
    --c-navlink: #56565b;
    --c-white: #ffffff;
    --c-black: #000000;
    --c-black-o1: #2a2a2a;
    --c-black-o2: #3b3a3a;
    --c-black-o3: #323031;
    --c-black-o4: #393939;
    --c-black-o5: #484543;
    --c-black-o6: #404141;
    --c-black-o7: #5b5b5b;
    --f-kohinoor: "kohinoor-odia", sans-serif;
    --f-opensans: "open-sans", sans-serif;
    --f-montserrat: "montserrat", sans-serif;
    /*  --f-kohinoor: "raleway", sans-serif;*/
    --fs-12: 12px;
    --fs-13: 13px;
    --fs-15: 15px;
    --fs-16: 16px;
    --fs-17: 17px;
    --fs-18: 18px;
    --fs-19: 19px;
    --fs-20: 20px;
    --fs-21: 21px;
    --fs-22: 22px;
    --fs-24: 24px;
    --fs-25: 25px;
    --fs-26: 26px;
    --fs-27: 27px;
    --fs-28: 28px;
    --fs-30: 30px;
    --fs-32: 32px;
    --fs-33: 33px;
    --fs-36: 36px;
    --fs-38: 38px;
    --fs-42: 42px;
    --fs-45: 45px;
}



html {/*overflow-x: hidden;overflow: hidden*/}
body {font-weight: normal;margin: 0;padding: 0;position: relative;font: 400 var(--fs-16)/1.7 var(--f-montserrat); }
* {box-sizing: border-box;}
img {transition: all 0.3s ease;}
button, a {cursor: pointer}

.primary__heading {font: 700 var(--fs-45) var(--f-opensans);visibility:hidden;opacity:0;transform: translate(-100px);-webkit-animation: slideRight 0.8s  linear ease forwards;animation: slideRight 0.8s ease alternate forwards;}
.primary__subHeading {font: 700 var(--fs-30) var(--f-opensans);visibility:hidden;opacity:0;transform: translate(-100px);-webkit-animation: slideRight 0.8s 0.2s linear ease forwards;animation: slideRight 0.8s 0.2s ease alternate forwards;}
.primary__text{visibility:hidden;opacity:0;transform: translate(-100px);-webkit-animation: slideRight 0.8s 0.4s linear ease forwards;animation: slideRight 0.8s 0.4s ease alternate forwards;}
.btn__grey{background: var(--c-navlink)!important;border-color: var(--c-navlink);}
.btn__grey:hover{background: var(--c-primary)!important;border-color: var(--c-primary);}
.primary__textcolor{color: var(--c-secondary2)}



/*TRAVEL BYTES CSS START*/
.img_bx {overflow: hidden;}
/*.TB_primaryBG {background: url('../images/img02.webp') no-repeat 0 center / cover, url(../images/img01.webp) no-repeat right center / cover ;min-height: 100vh}*/
.TB_primaryBG {background: url('../images/img02.webp') no-repeat 0 center / cover, url(../images/img01.webp) no-repeat right center / cover ;min-height: 100vh}
.brandLogo {width: 250px;}
.logoAppStore {height: 55px;visibility:hidden;opacity:0;transform: translate(-100px);-webkit-animation: slideRight 0.8s 0.5s linear ease forwards;animation: slideRight 0.8s 0.5s ease alternate forwards;}
.TB_scanQR {height: 120px;transform: translateX(60px)}
.mobileImg {/*transform:translate(-40px,-60px);*/width:65%}
.mrqSection{top: 0;right: 0;width: 90%;overflow:hidden;min-height:100px;background:#f4f4f4}
.mrqCol{min-width:50vw}
.mrqcontent {display: none;}
/*.mrqcontent:nth-child(1){display:block}*/
.mrqcontent.active{display:block;transform: translateY(100px);animation:slideTop 0.4s ease-in-out forwards;}
/*SHINE EFFECT*/
.shine {position: relative;overflow: hidden;}
.shine::before {background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);content: "";display: block;
height: 100%;left: -75%;position: absolute;top: 0;transform: skewX(-25deg);width: 50%;z-index: 2;-webkit-animation: shine 6s 2s infinite;
animation: shine 6s 2s infinite ;animation-fill-mode:forwards}





@media only screen and (min-width: 1999.98px) {
    :root {
        --fs-16: 24px;
        --fs-30: 40px;
        --fs-45: 60px;
    }
    .TB_scanQR__wrapper{justify-content:center!important;margin-top:40px}
    .TB_scanQR{position: relative;height: 200px;transform: initial}
    .logoAppStore {height: 85px;margin-top:5px}
}

@media only screen and (max-width: 1290.98px) {
    .mrqCol{max-width: 630px;}
}

@media only screen and (max-width: 1199.98px) {
    :root {
        --fs-16: 14px;
        --fs-30: 25px;
        --fs-45: 38px;
    }
    .TB_scanQR {transform: translateX(70px)}
    .mobileImg {width: 70%}
    .mrqCol{max-width: 600px;}
    }

@media only screen and (max-width: 1140.98px) {
   .mrqCol{max-width: 460px;}
}

@media only screen and (max-width: 1023.98px) {
   /* :root {
        --fs-16: 14px;
        --fs-30: 28px;
        --fs-45: 40px;
    }*/
    .mobileImg{/*transform: translate(0px,-40px);*/width:85%}
    .TB_scanQR {position: relative;height: 120px;transform: initial}
    .logoAppStore {height: 45px;}
}

    @media only screen and (max-width: 990.98px) {
        :root {
            --fs-16: 14px;
            --fs-30: 22px;
            --fs-45: 32px;
        }
        html{overflow: auto;}
        .mrqSection{width:100%}
        
        }


   /* @media only screen and (min-width: 767.98px) {
        .custom__container {max-width: 96vw !important;}
    }*/
    @media only screen and (max-width: 767.98px) {
        .brandLogo{width:220px}
        .TB_primaryBG {background: #f14d02 no-repeat 0 0 / 100%;min-height: 100vh;}
        .mrqCol {max-width: 100%;}

    }

    @media only screen and (max-width:575.98px) {

        :root {
            --fs-16: 13px;
            --fs-30: 20px;
            --fs-45: 28px;
        }
    }


    @keyframes fade-in {
        to {opacity: 1;visibility: visible}
    }

    @keyframes fade-grow-in {
        to {opacity: 1;visibility: visible;transform: scale(1)}
    }

    @keyframes zoom-out {
        to {scale: 1;opacity: 1;visibility: visible}
    }

    @keyframes moveupdown {
        to {transform: translateY(-10px)}
    }

    @keyframes slideLeft {
        to {transform: translate(0px, -50%);visibility: visible}
    }

    @keyframes slideRight {
        to {transform: translate(0);visibility: visible;opacity: 1;}
    }

    @keyframes slideToNormal {
        to {transform: translateY(0);visibility: visible;opacity: 1;}
    }

    @keyframes slideReset {
        to {transform: translateX(0);visibility: visible;opacity: 1}
    }

    @keyframes slideBottom {
        to {transform: translateY(0);visibility: visible}
    }
     @keyframes slideTop {
        to {transform: translateY(0);}
    }

    @keyframes slideLeft2 {
        to {transform: translateX(0px);visibility: visible;opacity: 1;}
    }

    @keyframes blurss {
        0% {filter: blur(3px);}

        50% {filter: blur(0px);}
    }


    @keyframes scaleToNormal {
        to {transform: scale(1.15);}
    }
    @-webkit-keyframes shine {
     10%{left: -75%;}
    50% {left: -75%;}
    80% {left: -75%;}
    90% {left: -65%;}
    100%{left: 125%;}
}

@keyframes shine {
     10%{left: -75%;}
    50% {left: -75%;}
    80% {left: -75%;}
    90% {left: -65%;}
    100%{left: 125%;}
}