@font-face {
    font-family: "Montserrat, ExtraBold";
    src: url("../fonts/montserrat/Montserrat-ExtraBold.otf") format("woff2"),
    url("../fonts/montserrat/Montserrat-ExtraBold.otf") format("woff");
}

@font-face {
    font-family: "Montserrat, SemiBold";
    src: url("../fonts/montserrat/Montserrat-SemiBold.otf") format("woff2"),
    url("../fonts/montserrat/Montserrat-SemiBold.otf") format("woff");
}

@font-face {
    font-family: "Montserrat, Bold";
    src: url("../fonts/montserrat/Montserrat-Bold.otf") format("woff2"),
    url("../fonts/montserrat/Montserrat-Bold.otf") format("woff");
}

@font-face {
    font-family: "Montserrat, Light";
    src: url("../fonts/montserrat/Montserrat-Light.otf") format("woff2"),
    url("../fonts/montserrat/Montserrat-Light.otf") format("woff");
}

@font-face {
    font-family: "Segoe UI, Regular";
    src: url('../fonts/segoe-ui/Segoe-UI.ttf') format("woff2"),
    url("../fonts/segoe-ui/Segoe-UI.ttf") format("woff");
}

html,body{
    height: 100%;
    width: 100%;
    font-size: 100%;
}
body{
    font-family: "Montserrat, SemiBold";
    font-size: 1rem;
    background-image: url("../img/background.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0 57px;
}

.logo{
    box-shadow: 6px 9px 18px #00000029;
    border-radius: 76px;
}

/*#navbarNav{*/
/*    width: 50%;*/
/*}*/

/*.nav-item{*/
/*    padding: 0 30px;*/
/*}*/
.primary-btn {
    background: #6159E5 0% 0% no-repeat padding-box;
    box-shadow: 7px 27px 15px #2709170D;
    border: 1px solid #707070;
    border-radius: 40px;
    opacity: 1;
}
p{
    font-family: "Segoe UI, Regular";
    /*font-size: 31px;*/
    font-size: 1.2vw;
    color: #8B8888;
}
.first-heading{
    font-family: "Montserrat, ExtraBold";
    /*font-size: 45px;*/
    /*font-size: 3rem;*/
    font-size: 2vw;
    text-shadow: 9px 10px 6px #00000029;
}

.second-heading p strong{
    font-family: "Montserrat, Bold";
    /*font-size: 45px;*/
    font-size: 1.8vw;
    color: #3E3E3E;
}
.second-heading p small{
    font-family: "Montserrat, Light";
    /*font-size: 37px;*/
    font-size: 1.5vw;
    color: black;
}

.second-heading p span {
    display: block;
}


.second-heading{
    margin-top: 5px;
    font-size: 45px;
    color: #8B8888;
}

.img {
    display: inline-block;
    max-width: 100%;
    width: auto;
    position: absolute;
    bottom: calc(1vh + 99px);
    MAX-HEIGHT: 100%;+)
height: 616px;
    left: -20px;
}

.track_order{
    margin:auto 0px;
    font-family: "Montserrat, SemiBold";
    /*font-size: 47px;*/
    font-size: 1.9vw;
}

.track_order_input{
    /*box-shadow: 11px 12px 0px #0000000D;*/
    font-size: 2vw;
    margin-right: 6px;
}

.track_order_btn{
    FONT-WEIGHT: 500;
    background-image: linear-gradient(to right, #6C3ABF 0%, #4664BC 51%, #6C3ABF 100%);
    /*margin: 15px;*/
    padding: 13px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 20px;
    display: block;

    /*border-radius: 100px;*/
    font-size: 1.3vw;
    /*padding: 0.8vw 2.1vw;*/
    background-color: #615ae5;
    /*color: white;*/
    mix-blend-mode: normal;
    /*font-family: "Segoe UI, Regular";*/
    border: 0;
}

.track_order_btn:hover{
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.track_order_btn img {
    margin-left: 0.5vw;
    display: inline-block;
    width: 0.9vh;
    align-items: center;
    margin-top: -5px;

}

.navbar-brand{
    /*width: 8vw;*/
    width: auto;
    max-width: 5vw;
}

.main-row{
    height: calc(100vh - 280px);
    margin-top: calc(8vw - 69px);
    /*margin-top: calc(8vw - 10px);*/
}
.home-main-image{
    position: relative;
}

.Redeem-form{
    margin-top: 40px;
}

@media only screen and (max-width: 425px)  {
    body{
        padding:0;
    }
    .navbar-brand {
        max-width: 60px;
    }
    .first-heading{
        font-size: 36px;
    }
    .second-heading p small{
        font-size: 28px;
    }
    .second-heading p strong{
        font-size: 26px;
    }
    p{
        font-size: 4.2vw;
    }
    .track_order{
        font-size: 26px;
    }
    .track_order_input{
        display: block;
        font-size: 7vw;
    }
    .track_order_btn{
        font-size: 5vw;
        padding: 11px 52px;
        /*padding: 1.8vw 4.1vw;*/
        margin-top: 2vw;
    }
    .home-main-image{
        display: none;
    }
}