.logo img{
    width: 130px;
}
.pho{
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: #facd84 ;
    position: absolute;
    opacity: 50%;
}
.pho::before{
    content: "";
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-color: orange;
    position: absolute;
    top:20px;
    right:25px;
    opacity: 50%;
}
.mob{
    z-index: 1;
    position: relative;
}
.sec2{
    padding-top: 100px;
}
.first,.second{
    margin-top: 100px;
}
@media screen and (max-width:840px){
    .logo img{
    width: 80px;
}
}
@media screen and (max-width:550px){
    .logo img{
    width: 40px;
}
}
.sec9_logo{
    width: 24px;
    height: 21px;
}
.heading{
    width: 100px;
}
.one,.two{
    transition: transform 1s ease;
}
.one:hover,.two:hover{
    transform: translateY(-50px);
}