body {

    /* width: 100%; */
    /* height: 100vh; */
    overflow-x: hidden;
}


/* <!-- *****************************<Header-1>****************************** --> */

.header {

    height: 35px;
    text-align: center;
    color: white;
    font-size: 12px;
    border-bottom: solid 1px rgba(209, 209, 209, 0.578);
    letter-spacing: 1.1px;
    width: 100vw;

}
.header:hover {

    background-color: gray;
    opacity: 0.9;

}


/* <!-- *****************************<Header-2>****************************** --> */

.second {

    width: 100vw;
    height: calc(8rem - 2.5rem);
    position: sticky;
    top: 0px;
    background-color: black;
    padding: 0 !important;

}

.nav-r {

    height: 100%;
    padding-left: 3rem;
}

.img-co {

    width: 8rem;
}

.img-co img {

    width: 100%;
}

.list {

    gap: 2rem;
    padding-top: 1rem;
}
h4:hover{

    cursor: pointer;

}

#two:hover{

    text-decoration: underline;
    color: white;

}

#three:hover{

    text-decoration: underline;
    color: white;

}

#four:hover{

    text-decoration: underline;
    color: white;

}
.list>h4 {

    font-size: 1rem;
    color: #fff;

}

.rightlogo {
    
    padding-right: 2.8rem;
}

.rightlogo:hover{

    cursor: pointer;

}


/* <!-- *****************************<Main-Section>****************************** --> */

.wrap {

    width: 100vw;
    height: 100%;
    overflow: hidden;
}

.container2{

    width: 100%;
    gap: 1.5rem;
    padding-top: 2.5rem;
}

.card1 {

    min-width: 27vw;
    max-width: 27vw;
    /* height: 21rem; */
    /* background-color: aqua; */
}

.card1:hover{

    cursor: pointer;

}

.card1>img {
    
    width: 100%;
}


/* <!-- *****************************<Owner-Bio-Section>****************************** --> */

.container3{

    width: 100;
    /* background-color: rgb(57, 75, 75); */
}

.img{
    
    min-width: 23.5rem;
    max-width: 23.5rem; 
    /* height: 31rem; */
    margin-left: 2.5rem;
    margin-top: 3rem;
    /* padding-left: 1rem; */
    /* background-color: aquamarine; */
    
}

.img>img{
    
    width: 100%;
    height: 100%;
    
}

.text{
    
    margin-top: 3.1rem;
    margin-left: 5rem;
    
}

.bt{
    
    height: 55px;
    width: 120px;
    border: none;
    
}

button:hover{

    transition: 0.2s;
    box-shadow: 0 0 0 1.5px black,0 0 0  ;

}


/* <!-- *****************************<Footer-Section>****************************** --> */

.container4{

    transform: translateY(1rem);
    height: 360px;

}

.footer-1{

    color: grey;

}

.p1{
 
    font-size: 17px;

}

.p2{

    width: fit-content;
    height: fit-content;

}

.p2:hover{

    color: white;
    cursor: pointer;

}

.insta-icon:hover{

    cursor: pointer;

}

.footer-2{
/* 
    margin-left: 10rem; */
    color: gray;
    font-size: 14px;
    flex-wrap: wrap;
    text-align: center;

}
.footer-2 p{

    text-align: center;

}

.footer-2{

   height: 5rem;
   width: 100vw;
   align-items: center;


}

.pf:hover{

    text-decoration: underline;
    cursor: pointer;   
    color: white;

}

.l-1{

    list-style: none;

}

.l2:hover{

    text-decoration: underline;
    color: white;

}


/* <!-- *****************************<Footer-Section>****************************** --> */

@media (max-width:800px) {

    .card1 {

       min-width: 40vw !important;
       max-width: 40vw !important;

    }

    .container2{

        gap: .5rem;
        padding-top: 2.5rem;
    }

    .img{

        min-width: 75vw;
        max-width: 75vw;

    }
}