/* social application */
.social {
    height: 5vh;
    width: 100%;
    background: linear-gradient(to right, pink, red);
}

.socialrap {
    width: 80%;
    margin: auto;
}

.name {
    position: absolute;
}

.name h1 {
    color: aliceblue;
}

.app {
    float: right;
}

.app ul li {
    display: inline;
}

.app ul li a {
    color: white;
    font-size: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.clear1 {
    width: 100%;
    background: linear-gradient(to right, pink, red);
    height: 2vh;
}

/* social app */
.social {
    width: 100%;
    height: 5vh;
    background: linear-gradient(to right, pink, red);
}



/* navigation bar */
#nav {
    width: 100%;
    height: 10vh;
    background-color: rgba(0, 0, 0, 0.2);
    background: linear-gradient(to right, pink, red);
    top: 0px;
    position: sticky;

}

.navrap {
    width: 80%;
    margin: auto;
}

.logo {
    position: absolute;
}

.logo h1 {
    font-size: 70px;
    color: aliceblue;
    /* padding-top: 20px; */
}

.menu {
    float: right;
}

.menu ul {
    margin-top: 15px;
}

.menu ul li {
    display: inline
}

.menu ul li a {
    color: aliceblue;
    text-decoration: none;
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px;
}

.menu ul li a:hover {
    background-color: rgba(0, 0, 0, 0.2);
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    border-radius: 20px;
}


/* banner */
.images {
    width: 100%;
    background-image: url(us.avif);
    height: 90vh;
    background-size: 100%;
    background-repeat: no-repeat;
}

.imagerap {
    width: 100%;
    height: 110vh;

}

.imagerap1 {
    width: 50%;
    /* border: 2px solid white; */
    padding-top: 80px;
    margin: auto;
    margin-right: 50%;
}

.company {
    width: 80%;
    /* margin-right: 70%; */
    background-color: rgba(0, 0, 0, 0.0);
    margin-top: 10%;
    border: 0px solid white;
}



.company p {
    text-align: left;
    color:goldenrod;
    font-size: 110px;
    margin-bottom: 90%;
    padding-left: 10%;
}

.contact img{
    padding-left:40% ;
    width: 60%;
    
}


.number p{
    text-align: center;
    font-size: 40px;

}


/* meetus */
.meetus h1{
    text-align: center;
    font-size: 50px;
}
.meetus p{
    text-align: center;
    font-size: 30px;
}



.mobile{
    display: flex;
    grid-template-columns: auto auto;
    padding-left: 20%;
}

.heading h1{
    text-align: center;
}




/* footer */
.footera3{
    width: 100%;
    height: 30vh;
    background: linear-gradient(to right, pink, red);
}
.footrapa3{
    width: 95%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    grid-column-gap:20px ;
    padding-top: 20px;
}

.a3 ul li {
    /* background-color: rgba(0,0,0,0.6); */
    list-style: none;

}
.a3 h1{
    text-align: center;
    color: black;
    /* padding-left: 5%; */
    /* padding-top: 8%; */
}
.a3 ul li a{
    color: black;
    font-size: 40px;
    /* margin-left: 30%; */
    
}