*{
    padding: 0px;
    margin: 0px;
    font-family: 'Work Sans', sans-serif;
    box-sizing: border-box;
}
body , html{
    overflow-x: hidden;
    width: 100%;
}
.nav-container{
display: flex;
justify-content: center;
align-items: center;
}
.search-box{
    display: flex;
}
.nav-buttons{
    text-decoration: none;
    text-align: center;
    color: black;
    font: 1.2vh;
    margin-left: 5vh;
    font-size: 17px;
}
#career{
    margin-right: 20px;
}
.nav-buttons:hover{
    color: blue;
}
.panda-logo{
    width: 75%;
    height: auto;
}
.cl{
    background-color: palevioletred;
    text-decoration: none;
    color: white;
    text-align: center;
    padding: 15px 15px;
    border-radius: 30px;
    margin-left: 10px;
}
#panda-video{
    width: 100%;
    height: 80vh;
    object-fit: cover;
    display: block;
    z-index: -2;
}
.i-am-unknown{
    position: relative;
}
.text-for-video{
    position: absolute;
    z-index: 1;
    top: 30vh;
    margin-left: 10vh;
    color: whitesmoke;
    font-size: 3.5rem;
    text-shadow: inset -2px -2px;
}
.inter-phase{
    height: 10%;
}
.i-am-h1{
    font-size: 7vh;
    margin-top: 50px;
    margin-left: 55px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
}
.i-am-phone-pd{
    margin-top: 100px;
    margin-left: 120px;
}
.third-sec-h1{
font-size: 45px;
margin-bottom: 10px;
margin-top: 30px;
}
.third-section{
    display: flex;
    justify-content: space-between;
}
.third-section-texts{
    display: block;
}
.third-sec-p{
    margin-bottom: 30px;
}
.third-sec-button{
    background-color: palevioletred;
    text-decoration: none;
    color: white;
    border-radius: 25px;
    padding: 15px 30px;
    border: 5px;
    text-align: center;
    width: 10vh;
}
.sec4-img{
    width: 25%;
    height: 10%;
}
.sec4-h1{
    font-size: 40px;
    margin-bottom: 20px;
}
.for-text-and-links-in-sec4{
    margin-left: 90px;
    margin-top: 100px;
}
.delivery-boy{
    width: 120%;
    height: 90%;
}
.fourth-sec{
    display: flex;
    justify-content: center;
}
.sec-5{
    display: flex;
    justify-content: space-between;

}
.sec-5-h1{
    font-size: 40px;

}
.sec-5-p{
    margin-top: 30px;
    margin-bottom: 40px;
}
.sec-5-p2{
    margin-bottom: 45px;
}
.join-us-img{
    margin-left: 100px;
}
.join-us-btn{
    background-color: palevioletred;
    padding: 15px 30px;
    text-decoration: none;
    text-align: center;
    color: white;
    border-radius: 25px;
    margin-left: 30px;
}
.sec-6{
    display: flex;
    justify-content: center;
}
.sec-6-h1{
    font-size: 40px;
    margin-top: 100px;
}
.sec-6-p{
    margin-top: 30px;
    margin-bottom: 30px;
}
.sec-6-btn{
    background-color: palevioletred;
    padding: 15px 30px;
    text-decoration: none;
    text-align: center;
    color: white;
    border-radius: 25px;
    margin-top: 50px;
}
.fp-b{
    width: 95%;
    height: 90%;
    margin-left: 50px;
    margin-top: 50px;
}
.fp-last-img{
    margin-left: 50px;
    width: 10%;
}
.last-footer-sec{
    background-color: black;
    margin-top: 40px;
}
.last-time-p-of-fp{
    color: palevioletred;
    background-color: black;
    font-size: 45px;
    margin-top: 40px;
}
.fp-last-time{
    display: flex;
    background-color: black;
}
.link-master{
    color: white;
    font-size: 15px;
    margin-left: 100px;
}
.link-master > a {
    text-decoration: none;
    color: white;
    display: block;
}
.native{
    font-size: 20px;
    margin-bottom: 20px;
}
.link-master2{
        color: white;
    font-size: 15px;
    margin-left: 100px;
}
.link-master2 > a {
    text-decoration: none;
    color: white;
    display: block;  
}
.Ultra-link{
    display: flex;
}
.collab{
       font-size: 20px;
    margin-bottom: 20px; 
}
.h1-last-time{
    color: white;
}
.social-links{
    margin-left: 35%;
    font-size: 15px;
}
.i-am-boom-pics{
    width: 10vh;
}
.last-ankor{
    color: white;
    text-decoration: none;
}
.Copyright-and-privacy-policy{
    display: flex;
    justify-content: space-evenly;
}
@media screen and (max-width:992px) {
    .nav-buttons{
        font-size: 2vh;
        margin-left: 2vh;
    }
    .cl{
        font-size:1.5vh ;
        padding: 10px 10px;
    }
    .Copyright-and-privacy-policy{
        margin-top: 5vh;
    }
    .nav-buttons:hover{
        color: red;
    }
    .i-am-search-box{
        padding: 5px 5px;
        margin-right: 0px;
        border-radius: 20px;
    }
    .search-box{
        display: flex;
        justify-content: space-around;
    }
    .fa-solid{
        margin-top: 5px;
    }
    #panda-video{
    width: 100%;
    }
    .text-for-video{
        font-size: 1.5rem;
        top: 20vh;
        left: 0vh;
    }
    .i-am-h1{
        font-size: 5vh;
    }
    .i-am-phone-pd{
    margin-top: 100px;
    margin-left: 50px;
    width: 90%;
    }
    .third-sec-h1{
        font-size: 4vh;
        text-align: center;
        margin-top: 15vh;
    }
    .third-sec-p{
        font-size: 2.3vh;
        text-align: center;
        margin-left: 20px;
    }
    .third-sec-button{
        padding: 10px 20px;
        margin-left: 50px;
    }
    .fourth-sec{
        margin-top: 50px;
        margin-bottom: 30px;

    }
    .sec4-h1{
        font-size: 5vh;
    }
    .sec4-p{
        font-size: 3vh;
    }
    .join-us-img{
        margin-left: 20px;
        width: 95%;
        margin-right: 50px;
    }
    .sec-5-h1{
        font-size: 5vh;
    }
    .sec-5-p{
        font-size: 2.5vh;
    }
    .sec-5-p2{
        font-size: 2.5vh;
    }
    .sec-6{
        margin-top: 3vh;
    }
    .sec-6-h1{
        font-size: 5vh;
        margin-top: 25px;
    }
    .sec-6-btn{
        font-size: 1rem;
    }
    .sec-6-texts{
    margin-top: 20px;
    }
    .Ultra-link{
        margin-left: 2px;
        margin-top: 5vh;
    }
    .link-master{
        font-size: 15px;
    }
    .link-master2{
        font-size: 15px;
    }
    .h1-last-time{
        font-size: 4.5vh;
    }
    .i-am-boom-pics{
        width: 25%;
    }
    .last-time-p-of-fp{
    background-color: black;
    font-size: 45px;
    margin-top: 4vh;
    }
    .fp-last-img{
        margin-top: 1%;
    }
}
@media screen and (max-width:768px) {
    .nav-buttons{
        font-size: 1.5vh;
        font-size: 0px;
        /* visibility: hidden; */
    }
    .cl{
        font-size: 1.5vh ;
       padding: 15px 30px;
        margin-right: 1%;
        margin-left: 1%;
    }
    .panda-logo{
        width: 18vh;
        margin-left: 32%;
    }
    
    .i-am-search-box{
        padding: 2px 5px;
        margin-right: 0.1vh;
        
    }
    .search-box{
        display: flex;
        justify-content: space-around;
    }
    .fa-solid{
        margin-top: 5px;
    }
    #panda-video{
    width: 100%;
    height: auto;
    }
    .text-for-video{
        font-size: 1.2rem;
        top: 20vh;
        left: 0vh;
    }
    .i-am-h1{
        font-size: 4vh;
        margin-left: 20px;
    }
    .third-section{
        display: flex;
        justify-content: space-between;
    }
    .i-am-phone-pd{
    margin-top: 100px;
    margin-left: 50px;
    width: 90%;
    }
    .third-sec-h1{
        font-size: 4vh;
        text-align: center;
        margin-top: 15vh;
    }
    .third-sec-p{
        font-size: 2.3vh;
        text-align: center;
        margin-left: 20px;
    }
    .third-sec-button{
        padding: 10px 20px;
        margin-left: 50px;
    }
    .fourth-sec{
        margin-top: 5%;
        margin-bottom: 30px;
    }
    .for-text-and-links-in-sec4{
        margin-top: 2%;
    }
    .sec4-h1{
        font-size: 4.5vh;
        margin-top: 0.1%;
    }
    .sec4-p{
        font-size: 2.5vh;
    }
    .downloader{
        height: auto;
        width: 100%;
    }
    .join-us-img{
        margin-left: 20px;
        width: 95%;
        margin-right: 50%;
    }
    .sec-5-h1{
        font-size: 5vh;
    }
    .sec-5-p{
        font-size: 2.5vh;
    }
    .sec-5-p2{
        font-size: 2.5vh;
    }
    .sec-6{
        margin-top: 3vh;
    }
    .sec-6-h1{
        font-size: 5vh;
        margin-top: 25px;
    }
    .sec-6-btn{
        font-size: 1rem;
    }
    .sec-6-texts{
    margin-top: 20px;
    }
    .Ultra-link{
        margin-left: 2px;
        margin-top: 5vh;
    }
    .link-master{
        font-size: 15px;
    }
    .link-master2{
        font-size: 15px;
    }
    .h1-last-time{
        font-size: 4vh;
    }
    .i-am-boom-pics{
        width: 25%;
    }
    .last-time-p-of-fp{
    background-color: black;
    font-size: 45px;
    margin-top: 4vh;
    }
    .fp-last-img{
        margin-top: 1%;
    }
    .social-links{
        margin-left: 15%;
    }
    .sec5-texts{
        margin-left: 30px;
    }
}
@media screen and (max-width:600px) {
    .panda-logo{
    width: 15vh;
    height: 100%;
    margin-left: 5vh;
    display: inline;
}
.cl{
    font-size: 1.2vh;
    margin-left: 1vh;
    margin-right: 1vh;
    padding: 10px 12px;
}
.search-box{
    margin-right: 40px;
}
.text-for-video{
    width: 35%;
}
.text-for-video{
    left: 1%;
    font-size: 2vh;
    top: 17%;
}
.nav-buttons{
    display: none;
}
.i-am-h1{
    font-size: 3vh;
}
.third-sec-h1{
    font-size: 2.7vh;
}
.third-sec-p{
    font-size: 2vh;
}
.third-sec-button{
    font-size: 1.9vh;
}
.third-section-texts{
    margin-left: 10%;
}
.for-text-and-links-in-sec4{
    margin-left: 10%;
    margin-top: 20px;
}
.sec4-h1{
    font-size: 3.5vh;
    text-align: center;
}
.sec4-p{
    font-size: 1.8vh;
}
.sec4-img{
    width: 40%;
}
.delivery-boy{
    height: auto;
    width: 100%;
    margin-left: 2px;
    margin-top: 30px;
}
.sec-5-h1{
    font-size: 3.5vh;
    text-align: center;
}
.sec-5-p{
    font-size: 2vh;
    text-align: center;
}
.sec-5-p2{
    font-size: 2vh;
    text-align: center;
}
.sec5-texts{
    margin-left: 10%;
}
.join-us-btn{
    font-size: 2vh;
    padding: 4px 8px;
}
.sec-6-h1{
    font-size: 4vh;
}
.sec-6-p{
    font-size: 2vh;
}
.sec-6{
    margin-top: 0.1vh;
}
.sec-6-btn{
    font-size: 2vh;
    padding: 6px 6px;
}
.Ultra-link{
    margin-left: 3px;
}
.link-master{
    margin-left: 2%;
}
.link-master2{
    margin-left: 4.5%;
}
.social-links{
    margin-left: 10%;
}
.h1-last-time{
    font-size: 3vh;
    text-align: center;
    margin-right: 8vh;
}
.i-am-search-box{
    border-radius: 10px;
    padding: 6px 0.5px;
    width: 150%;
}
.delete-me-form-phone{
    display: none;
}
.fp-last-img{
    height: auto;
    width: 20%;
    margin-top: 4%;
}
.Copyright-and-privacy-policy{
    font-size: 2vh;
    margin-top: 8vh;
}
.i-am-boom-pics{
    width: 5vh;
}
.fp-b{
    width: 75%;
    margin-right: 20px;
}
.sec-6-texts{
    margin-left: 20px;
}
}