@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap');

*{
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    
}

.body {
    background: linear-gradient(103.22deg,  #07325F  -13.86%, #040C18 69.55%), #FFFFFF;
    /* width: 100%; */
}

.wade, .weq, .rad, .darl, .here, .gore, .wow, .parade {
    font-weight: 500;
}

.har, .ark, .heir, .hare, .stray, .mess, .nig, .sack,.bee, .metro {
    font-weight: 800;

}

.btn-1, .btn-2, .btn-3, .liku {
    font-weight: 700 !important;
}

.navbar {
    margin-top: 3vh;
}

.nav-img {
    margin-left: 5vh;
}

.navbar-collapse {
    margin-left: 35vh;
}

.nav-link, .btn, .btn-1 {
    color: #FFFFFF !important;
    font-weight: 500;
}

.btn-1, .btn-3 {
    background: #FF4820;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 1.3vh 4vh;
    border-radius: 1vh;
}

.btn-3 {
    border-radius: 0 5px 5px 0 !important;
}

.alz {
    padding-left: 4.5vh;
}

.fow {
    padding-top: 2vh;
}

.faw {
    padding-top: 10vh;
}

.row {
    margin: 0 !important;
}

.har { 
    background: linear-gradient(89.97deg, #AE67FA 1.84%, #F49867 102.67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 60px;
    /* line-height ; */
    letter-spacing: -0.08em;
    text-align: left;

}

.dig {
    margin-top: 4vh;
    width: auto; 
}

.par, .allan, .qad, .bae {
    color: #81AFDD;
}
/* 
.form-inline {
        margin-left: 3rem!important;
} */

.phe {
    background: #052D56 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 5px 0px 0px 5px !important;
    width: 350px !important;
    height: 60px !important;
}

.dig{
    width: auto;
}

.btn-3 {
    margin-left: -1.2vh;
    margin-top: 2vh;
    height: 60px;
}

.diwe img {
    width: 100%;
    height: 100%;
    /* margin-left: 10vh; */

}

.com {
    margin-bottom: 25vh;
    margin-top: 10vh;

}

.alx {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;  
    margin-left: auto;
    padding-bottom: 7vh;
}

.lax {
    background: linear-gradient(109.22deg,  #002853 -13.86%,  rgba(15, 66, 121, 1) 69.55%), #FFFFFF;
    border-radius: 20px; 
    padding: 35px 10px 20px 10px;
}

.wade {
    font-size: 16px;
    /* line-height: 27px; */
}

.ark, .hare {
    font-size: 24px;
}

.hare {
    padding-bottom: 5vh;
}

.allan {
    padding-bottom: 3vh;
}

.par {
    padding-top: 5vh;
}

.heir {
    background: linear-gradient(103.22deg, #AE67FA -13.86%, #F49867 99.55%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.waka {
    padding-bottom: 2vh ;
}

.para {
    margin-top: 13vh;
    font-size: 16px;

}

.para, .parade {
    color: #FF8A71;
    padding-bottom: 20vh;   
}

.parade {
    padding-top: 3vh;
    padding-left: 3vh;
}

.cbn {
    margin: 10vh 0vh 10vh 0vh;
}

.stray {
    background: linear-gradient(103.22deg, #AE67FA -13.86%, #F49867 99.55%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    margin-top: 20vh;
    padding-left: 3vh;
    /* margin-right: 4.58vh; */
    /* letter-spacing: -0.03em; */

}

.parade {
    margin-top: 2vh;
}

.dax {
    padding-top: 19vh;
    padding-left: 5vh;
}

.cort {
    margin-right: 15vh;
}

.jade {
    font-size: 18px;
}

.sen {
    margin-bottom: 15vh;
}

.qad {
    font-size: 14px;
}

.feat {
    width: 73%;
    margin-left: 20vh;
}

.sal, .mal {
    margin-bottom: 15vh;
}

.sal {
    margin-right: 13vh;
}

.rad {
    color: #71E5FF;

}

.mess {
    background: linear-gradient(89.97deg, #AE67FA 1.84%, #F49867 102.67%), #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 1vh;
}

.bae {
    font-size: 16px;
    line-height: 30px;
}

.pay {
    color: #FF8A71;
}

.pay, .rad, .parade {
    font-size: 13px;
}

.mal {
    margin-top: 40vh;
    margin-left: -27vh;
}

.tel {
    /* width: auto; */
    height: 173px; 
    left: 65px;
    background: linear-gradient(89.97deg, #AE67FA 1.84%, #F49867 102.67%);
    border: 1px solid #000000;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 11px !important;
    margin-bottom: 20vh;
}

.darl, .nig {
    color: #0E0E0E;
}

.darl {
    /* margin-left: 15px; */
    margin-top: 9vh;
    font-size: 15px;

}
.nig {
    margin-top: -2vh;
    font-size: 24px;
    /* margin-left: 15px; */
}

.brn {
    background: #0E0E0E ;
    border: none;
    outline: none;
    box-shadow: none;
    color: #fff;
    width: 25vh;
    border-radius: 80px;
    padding: 15px 20px 15px 20px;
   
}

.nut {
    padding-top: 9vh;
    margin-left: -3vh;
}

.sack {
    background: linear-gradient(89.97deg, #AE67FA 1.84%, #F49867 40.67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 60px;
    padding-left: 65px;
    padding-bottom: 20vh;
    letter-spacing: -0.03em;
}


.low {
    margin-bottom: 20vh;
}

.contd {
    background: linear-gradient(89.97deg, #042C54 1.84%, #042C54 102.67%);
    Width: 390px;
    Height: 675px;
    right: 70px;
}

.daina {
    background: linear-gradient(89.97deg, #042C54 1.84%, #042C54 102.67%);
    width: auto;
    height: auto;
    left: 22px;
}

.knor {
    margin-top: 9vh;
}

.hit {
    background: linear-gradient(103.22deg,  #002853 -13.86%,  #040C18 69.55%), #FFFFFF !important;
}

.hear {
    padding-top: 5vh;
    padding-left: 3vh;
    font-size: 12px;
    
}

.here {
    padding-top: 2vh;
    padding-left: 3vh;
    font-size: 12px;
}

.bee {
    /* padding-top: 2vh; */
    padding-left: 3vh;
    line-height: 30px;
    letter-spacing: -0.06em;
}

.gore {
    padding-left: 3vh;
    font-size: 12px;
    padding-top: 25vh;
}

.wow {
    padding-left: 3vh;
    font-size: 13px;
    padding-top: 5vh;
}

.one {
    background: linear-gradient(89.97deg, #031B34 1.84%, #031B34 102.67%);
    height: auto;
}

.life {
    margin-top: 15vh;
    margin-bottom: 7vh;
}

.metro {
    background: linear-gradient(89.97deg, #AE67FA 30.84%, #F49867 70.67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -4%;
    font-size: 62px;
    margin-bottom: 7vh;
}

.btn-4 {
    background: #031B34;
    color: #FFFFFF;
    outline: none;
    box-shadow: none;
    padding: 2vh 4vh;
    border: 1px solid #FFFFFF;
}

.biz {
    padding-top: 50px;
    margin-left: 6vh;
}

.siz {
    padding-top: 50px;
}

.danta {
    font-size: 12px;
    padding-top: 1.2vh;
}

.dar {
    padding-top: 15vh;
    font-size: 12px;
}

.dana {
    margin-top: 5vh;
    font-size: 15px;
}

.liku {
    font-size: 18px;
}


@media (max-height: 599px), screen and (orientation :portrait)
 {


    .nav-img {
        margin-left: 0vh;
    }

    .navbar-collapse {
        margin-left: 0vh;
    }

    .fow {
        margin-left: 0vh;
        margin-top: 3vh;
    }

    .btn-3 {
        margin-left: 0.5vh;
        width: 347px;
    }

    .com img {
        width: 103%;
    }

    .dig {
        margin-top: 0vh;
        width: -webkit-fill-available;
    }

    .par {
        letter-spacing: 0.06em;
        padding-top: 2vh;
    }

    .form-inline {
        margin-left: 0% !important;
    }

    .diwe {
        padding-top: 3vh;
    }

    .wade {
        margin-left: 0vh;
        margin-top: 3vh;
    }
        
    .weq {
        margin-left: 3vh;
        margin-top: 1vh;
        font-size: 20px;
    }

    .nut {
        padding-top: 0vh;
        margin-left: 0vh;
        margin-bottom: 3vh;
    }

    .cbn {
        margin: -10vh 0vh 5vh 0vh;
    }

    .hare {
        margin-bottom: 3vh;
    }
    
    .allan {
        letter-spacing: 0.03em;
        font-size: 13px;
    }

    .sen, .parade {
        margin-left: 0vh;
        padding-left: 0vh;
    }

    .qad {
        letter-spacing: 0.02em;
        font-size: 11px;
    }

    .stray{
        letter-spacing: -0.07em;
        padding-left: 0vh;
        font-size: 28px;
    }

    .parade, .para {
        padding-bottom: 5vh;
    }

    .dax {
        padding-top: 0vh;
        padding-left: 0vh;
    }

    .rae {
        margin-bottom: 6vh;
    }

    .para{
        margin-top: 3vh;
        margin-left: 0vh;
    }
    
    .sal {
        margin-bottom: -27vh;
        margin-left: -19vh;
    }
    
    .feat {
        width: 100%;
    }

    .mal {
        margin-left: 1vh;
    }

    .bae {
        letter-spacing: 0.07em;
    }
        
    .tel {
        width: auto;
        height: auto; 
        left: 0px;
        background: linear-gradient(89.97deg, #AE67FA 30.84%, #F49867 85.67%);
    }

    .gore {
        padding-top: 20vh;
    }

    .low {
        margin-left: 1vh;
    }

    .rae {
        margin-bottom: 2vh;
    }

    .darl{
        font-size: 13px;
    }

    .nig{ 
        margin-bottom: -1vh;
    }

    .brn {
        margin-left: 0vh;
        margin-top: 5vh;
    }

    .sack {
        letter-spacing: -0.06em;
        padding-left: 2vh;   
    }

    .contd {
        margin-left: 0vh;
        width: auto;
        margin-bottom: 5vh;
        right: 0vh;
        height: auto;
    }

    .daina {
        height: auto;
        width: auto;
        left: 0vh;

    }

    .lax {
        margin-left: 0vh;
    }

    .cast {
        margin-top: 5vh;
        margin-left: 0vh;
    }

    .one {
        height: auto;
    }

    .life {
        margin-left: 0vh;
        margin-top: 10vh;
    }

    .metro {
        letter-spacing: -0.03em;
        margin-bottom: 3vh;
        font-size: 52px;
    }

    .biz {
        margin-top: 3vh;
        margin-bottom: 5vh;
        margin-left: 15vh;
    }

    .siz {
        text-align: center;
    }

    .liku {
        letter-spacing: -0.03em;
        font-size: 16px;
    }

    .num {
        margin-left: -6.5vh;
    }

    .bet {
        margin-left: -11vh;
    }

    .lime {
        margin-left: -14vh;
        letter-spacing: -0.03em;
    }

    .dar {
        padding-top: 10vh;
        /* margin-left: -5vh; */
    }

    .tin {
        padding-bottom: 2vh;
    }

    .alz {
        padding-left: 0vh;
    }

    .bee {
        letter-spacing: 0em;
    }

}

@media (max-width: 393px) {

    .num {
        margin-left: -5.5vh;
    }

        
    .bet {
        margin-left: -9vh;
    }

    
    .lime {
        margin-left: -11vh;
    }

}

@media (max-width: 390px) {

    .num {
        margin-left: -4.5vh;
    }

        
    .bet {
        margin-left: -8vh;
    }

    
    .lime {
        margin-left: -10vh;
    }

}

@media (max-width: 360px) {

    .lime {
        margin-left: -13vh;
        letter-spacing: -0.09em;
    }

    .one {
        height: auto;
    }

    .low {
        margin-left: 0.5vh;
    }

}

@media (max-width: 412px) {

    .lime {
        margin-left: -9.8vh;
        letter-spacing: -0.03em;
    }
    
    .one {
        height: auto;
    }
    
    .low {
        margin-left: 5vh;
    }
    
    }

@media (max-width: 820px) {

    .biz {
        text-align: center;
        margin-left: 0vh;
    }
/* 
    .liku {
        padding-left: 20vh;
    } */

    .gore {
        padding-top: 15vh;
    }

    .wow {
        padding-top: 3vh;
    }

    .low {
        margin-left: 0.5vh;

    }
/* 
    .btn-3 {
        margin-left: -1vh;
    } */
}

@media screen and (max-width: 1280px) and (height: 800px)  {

    .knor {
        margin-top: 4vh;
    }

}

@media screen and (width: 280px) and (height: 653px)  {

    .har, .sack {
        font-size: 50px;
    }

}

@media screen and (max-width: 1240px) and (height: 600px)  {

    .daina {
        width: 270px;
        height: 300px;
    }

    .knor {
        margin-top: 5.5vh;
    }

    .contd {
        height: 635px;
    }
   
}