*{
    padding: 0;
    margin: 0;
    font-family:  "Poppins";
    
}
.nav{
    background-color: rgb(45,71,78);
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav h1{    
    font-size: 15px;
    color: white;
    font-weight: 400;
    padding: 18px 0px;
}
.navbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 30px;
    background-color: rgb(255,249,242);
}
.das{
    position: sticky;
    top: 0px;
    z-index: 1;
}
.menu ul {
    display: flex;
    justify-content: left;
    align-items: center;
    font-size: 16px;
    gap: 15px;
    list-style: none;
    padding-left: 40px;
}
.navbar ul li:hover{
    text-decoration: underline;
    transition: 5s;
    color: rgb(45,71,78);
}
.logo img{
     width: 140px;
     height: 70px;
     padding: 18px 0px;
     padding-left: 30px;
}
.menu{
    padding: 0px 60px;
}
.menu ul{
    padding: 10px 0px;
    color: rgb(45,71,78);
    font-weight: 400;
}
img{
    width: 100%;
    height: 100%;
}
.icon {
    padding: 0px 30px;
    display: flex;
    gap: 20px;
}
.icon i{
    font-size: 22px;
    color: rgb(45,71,78);
}
.shop{
    background-color: rgb(255,249,242);
}
.test h1{
    text-align: center;
    font-size: 38px;
    font-weight: 300;
    color: rgb(45,71,78);
    padding: 25px 0px;
}
.coll{
    display: flex;
    justify-content: center;
    gap: 50px;
}

.coll1{
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background-color: green;
    background-image: url(web1.webp);
    background-position: top;
    background-size: cover;
    border: 4px solid white;
}
.testt  h1{
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0px;
}
.coll2{
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background-image: url(web2.webp);
    background-position: top;
    background-size: cover;
    border: 4px solid white;
}
.coll3{
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background-image: url(web3.webp);
    background-position: top;
    background-size: cover;
    border: 4px solid white;
}
.coll4{
    width: 145px;
    height: 145px;
    border-radius: 50%;
     background-image: url(web4.webp);
    background-position: top;
    background-size: cover;
    border: 4px solid white;
}
.colll{
    display: flex;
    justify-content: center;
    gap: 50px;
    padding-top: 30px;
}
.colll1{
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background-color: green;
    background-image: url(web5.webp);
    background-position: top;
    background-size: cover;
    border: 4px solid white;
}
.colll2{
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background-color: green;
    background-image: url(web6.webp);
    background-position: top;
    background-size: cover;
    border: 4px solid white;
}
.colll3{
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background-color: green;
    background-image: url(web7.webp);
    background-position: top;
    background-size: cover;
    border: 4px solid white;
}
.colll4{
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background-color: green;
    background-image: url(web8.webp);
    background-position: top;
    background-size: cover;
    border: 4px solid white;
}
.tesst h1{
    text-align: center;
    font-size: 38px;
    font-weight: 300;
    color: rgb(45,71,78);
    padding: 40px 0px;
}
.boy{
    display: flex;
    justify-content: center;
    background-color: rgb(255,249,242);
    gap: 20px;
}
.boy1{
    width: 278px;
    height: 417px;
    background-image: url(solid1.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.boy1:hover{
     width: 278px;
    height: 417px;
    background-image: url(solid2.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.boy2{
    width: 278px;
    height: 417px;
    background-image: url(solid3.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.boy2:hover{
     width: 278px;
    height: 417px;
    background-image: url(solid4.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.boy3{
    width: 278px;
    height: 417px;
    background-image: url(solid5.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.boy3:hover{
     width: 278px;
    height: 417px;
    background-image: url(solid6.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.boy4{
    width: 278px;
    height: 417px;
    background-image: url(solid7.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.boy4:hover{
     width: 278px;
    height: 417px;
    background-image: url(solid8.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}


.bot h1{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 1.5;
    padding-top: 20px;
}

.bot h3{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding-top: 8px;
}
.bos{
    display: flex;
    justify-content: center;
    background-color: rgb(255,249,242);
    gap: 20px;
    padding-top: 50px;
}
.boss{
    display: flex;
    justify-content: center;
    background-color: rgb(255,249,242);
    gap: 20px;
    padding-top: 50px;
}
.dot{
    display: flex;
    justify-content: center;
    padding: 50px 0px;
    background-color: rgb(255,249,242);
    position: relative;
}
button{
    padding: 13px 40px;
    font-size: 15px;
    background-color: rgb(240,229,199);
    border: 1px solid rgb(240,229,199);
    border-radius: 8px;
    position: absolute;
}
.taraa{
    width: 100%;
    height: 720px;
    background-image: url(tara.webp);
    background-position: top;
    background-size: cover;
}
.tara{
    padding-top: 35px;
    background-color: rgb(255,249,242);
}
.dey{
    background-color: rgb(255,249,242);
}
.dey h1{
    font-size: 36px;
    font-weight: 300;
    text-align: center;
    color: rgb(45,71,78);
    /* padding: 10px 0px; */
    padding-top: 50px;
}
.bosss{
    display: flex;
    justify-content: center;
    background-color: rgb(255,249,242);
    gap: 20px;
    padding-top: 50px;
}
.bossst{
    display: flex;
    justify-content: center;
    background-color: rgb(255,249,242);
    gap: 20px;
    padding-top: 50px;
}
.bossstt{
    display: flex;
    justify-content: center;
    background-color: rgb(255,249,242);
    gap: 20px;
    padding-top: 50px;
}
.dott{
    display: flex;
    justify-content: center;
    padding: 60px 0px;
    background-color: rgb(255,249,242);
    position: relative;
}
.dott button{
    background-color: rgb(45,71,78);
    color: white;
}
.dos{
    background-color: rgb(255,249,242);
}
.dos h1{
    color: rgb(45,71,78);
    font-size: 36px;
    text-align: center;
    font-weight: 300;
    /* padding: 30px 0px; */
    padding-top: 30px;
}
.dop1{
    width: 278px;
    height: 417px;
    background-image: url(dop1.jpg);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.dop1:hover{
     width: 278px;
    height: 417px;
    background-image: url(dop2.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.dop2{
    width: 278px;
    height: 417px;
    background-image: url(dop3.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.dop2:hover{
     width: 278px;
    height: 417px;
    background-image: url(dop4.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.dop3{
    width: 278px;
    height: 417px;
    background-image: url(dop5.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.dop3:hover{
     width: 278px;
    height: 417px;
    background-image: url(dop6.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.dop4{
    width: 278px;
    height: 417px;
    background-image: url(dop7.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.dop4:hover{
     width: 278px;
    height: 417px;
    background-image: url(dop8.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.sop1{
    width: 278px;
    height: 417px;
    background-image: url(sop1.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.sop1:hover{
     width: 278px;
    height: 417px;
    background-image: url(sop2.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.sop2{
    width: 278px;
    height: 417px;
    background-image: url(sop3.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.sop2:hover{
     width: 278px;
    height: 417px;
    background-image: url(sop4.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.sop3{
    width: 278px;
    height: 417px;
    background-image: url(sop5.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.sop3:hover{
     width: 278px;
    height: 417px;
    background-image: url(sop6.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.sop4{
    width: 278px;
    height: 417px;
    background-image: url(sop7.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.sop4:hover{
     width: 278px;
    height: 417px;
    background-image: url(sop8.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.sut1{
    width: 278px;
    height: 417px;
    background-image: url(sut1.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.sut1:hover{
     width: 278px;
    height: 417px;
    background-image: url(sut2.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.sut2{
    width: 278px;
    height: 417px;
    background-image: url(sut3.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.sut2:hover{
     width: 278px;
    height: 417px;
    background-image: url(sut4.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.sut3{
    width: 278px;
    height: 417px;
    background-image: url(sut5.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.sut3:hover{
     width: 278px;
    height: 417px;
    background-image: url(sut6.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.sut4{
    width: 278px;
    height: 417px;
    background-image: url(sut7.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.sut4:hover{
     width: 278px;
    height: 417px;
    background-image: url(sut8.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.rit1{
    width: 278px;
    height: 417px;
    background-image: url(rit1.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.rit1:hover{
     width: 278px;
    height: 417px;
    background-image: url(rit2.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.rit2{
    width: 278px;
    height: 417px;
    background-image: url(rit3.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.rit2:hover{
     width: 278px;
    height: 417px;
    background-image: url(rit4.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.rit3{
    width: 278px;
    height: 417px;
    background-image: url(rit5.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.rit3:hover{
     width: 278px;
    height: 417px;
    background-image: url(rit6.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.rit4{
    width: 278px;
    height: 417px;
    background-image: url(rit7.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.rit4:hover{
     width: 278px;
    height: 417px;
    background-image: url(rit8.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.nij1{
    width: 278px;
    height: 417px;
    background-image: url(nij1.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.nij1:hover{
     width: 278px;
    height: 417px;
    background-image: url(nij2.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.nij2{
    width: 278px;
    height: 417px;
    background-image: url(nij3.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.nij2:hover{
     width: 278px;
    height: 417px;
    background-image: url(nij4.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.nij3{
    width: 278px;
    height: 417px;
    background-image: url(nij5.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.nij3:hover{
     width: 278px;
    height: 417px;
    background-image: url(nij6.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.nij4{
    width: 278px;
    height: 417px;
    background-image: url(nij7.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.nij4:hover{
     width: 278px;
    height: 417px;
    background-image: url(nij8.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.tokyo{
    display: flex;
    gap: 20px;
    justify-content: center;
    background-color: rgb(255,249,242);
}
.tokyo1{
    width: 278px;
    height: 278px;
    background-color: rgb(245,245,245);
    margin-top: 30px;
}
.tokyo2{
    width: 278px;
    height: 278px;
    background-color: rgb(245,245,245);
      margin-top: 30px;
}
.tokyo3{
    width: 278px;
    height: 278px;
    background-color: rgb(245,245,245);
      margin-top: 30px;
}
.tokyo4{
    width: 278px;
    height: 278px;
    background-color: rgb(245,245,245);
      margin-top: 30px;
}
.tok1 h1{
    text-align: center;
    color: rgb(112,95,92);
    font-size: 15px;
    font-weight: 400;
    padding-top: 30px;
    line-height: 25px;
}
.tokyoo{
    display: flex;
    gap: 20px;
    justify-content: center;
    background-color: rgb(255,249,242);
    padding-top: 20px;
}
.boot{
     background-color: rgb(255,249,242);
}
.boot h1{
    color: rgb(45,71,78);
    font-size: 36px;
    font-weight: 400;
    text-align: center;
    padding: 40px 0px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.pig1 button{
    font-size: 13px;
    padding: 3px;
    background-color: rgb(45,71,78);
    color: white;
    border-radius: 0px ;
    border: 1px solid rgb(45,71,78);
    position: absolute;
    font-weight: 600;
    top: 380px;
    left: 10px;
}
.pig1{
    width: 278px;
    height: 417px;
    background-image: url(pigg1.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
    position: relative;
   
}
.pig1:hover{
     width: 278px;
    height: 417px;
    background-image: url(pigg2.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.gta{
    display: flex;
    justify-content: center;
    gap: 20px;
}
.gta h2{
    font-size: 14px;
    font-weight: 400;
    padding-top: 8px;
    text-decoration: line-through rgb(98, 93, 93);
    color: rgb(163, 152, 152);
}
.pig2{
    width: 278px;
    height: 417px;
    background-image: url(alp1.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
    position: relative;
   
}
.pig2:hover{
     width: 278px;
    height: 417px;
    background-image: url(alp2.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.pig2 button{
    font-size: 13px;
    padding: 3px;
    background-color: rgb(45,71,78);
    color: white;
    border-radius: 0px ;
    border: 1px solid rgb(45,71,78);
    position: absolute;
    font-weight: 600;
    top: 380px;
    left: 10px;
}
.pig3{
    width: 278px;
    height: 417px;
    background-image: url(ear1.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
    position: relative;
   
}
.pig3:hover{
     width: 278px;
    height: 417px;
    background-image: url(ear2.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.pig3 button{
    font-size: 13px;
    padding: 3px;
    background-color: rgb(45,71,78);
    color: white;
    border-radius: 0px ;
    border: 1px solid rgb(45,71,78);
    position: absolute;
    font-weight: 600;
    top: 380px;
    left: 10px;
}
.bosssttt{
    display: flex;
    justify-content: center;
    background-color: rgb(255,249,242);
    gap: 20px;
    padding-top: 10px;
}
.pig11{
    width: 278px;
    height: 417px;
    background-image: url(cup1.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
    position: relative;
   
}
.pig11:hover{
     width: 278px;
    height: 417px;
    background-image: url(cup2.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.pig11 button{
    font-size: 13px;
    padding: 3px;
    background-color: rgb(45,71,78);
    color: white;
    border-radius: 0px ;
    border: 1px solid rgb(45,71,78);
    position: absolute;
    font-weight: 600;
    top: 380px;
    left: 10px;
}
.pig22{
    width: 278px;
    height: 417px;
    background-image: url(cup3.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
    position: relative;
   
}
.pig22:hover{
     width: 278px;
    height: 417px;
    background-image: url(cup4.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.pig22 button{
    font-size: 13px;
    padding: 3px;
    background-color: rgb(45,71,78);
    color: white;
    border-radius: 0px ;
    border: 1px solid rgb(45,71,78);
    position: absolute;
    font-weight: 600;
    top: 380px;
    left: 10px;
}
.pig33{
    width: 278px;
    height: 417px;
    background-image: url(cup5.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
    position: relative;
   
}
.pig33:hover{
     width: 278px;
    height: 417px;
    background-image: url(cup6.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.pig33 button{
    font-size: 13px;
    padding: 3px;
    background-color: rgb(45,71,78);
    color: white;
    border-radius: 0px ;
    border: 1px solid rgb(45,71,78);
    position: absolute;
    font-weight: 600;
    top: 380px;
    left: 10px;
}
.pig33{
    width: 278px;
    height: 417px;
    background-image: url(cup5.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
    position: relative;
   
}
.pig33:hover{
     width: 278px;
    height: 417px;
    background-image: url(cup6.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.pig33 button{
    font-size: 13px;
    padding: 3px;
    background-color: rgb(45,71,78);
    color: white;
    border-radius: 0px ;
    border: 1px solid rgb(45,71,78);
    position: absolute;
    font-weight: 600;
    top: 380px;
    left: 10px;
}
.pig44{
    width: 278px;
    height: 417px;
    background-image: url(cup7.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
    position: relative;
   
}
.pig44:hover{
     width: 278px;
    height: 417px;
    background-image: url(cup8.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.pig44 button{
    font-size: 13px;
    padding: 3px;
    background-color: rgb(45,71,78);
    color: white;
    border-radius: 0px ;
    border: 1px solid rgb(45,71,78);
    position: absolute;
    font-weight: 600;
    top: 380px;
    left: 10px;
}
.pig111{
    width: 278px;
    height: 417px;
    background-image: url(adi1.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
    position: relative;
   
}
.pig111:hover{
     width: 278px;
    height: 417px;
    background-image: url(adi2.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.pig111 button{
    font-size: 13px;
    padding: 3px;
    background-color: rgb(45,71,78);
    color: white;
    border-radius: 0px ;
    border: 1px solid rgb(45,71,78);
    position: absolute;
    font-weight: 600;
    top: 380px;
    left: 10px;
}
.pig222{
    width: 278px;
    height: 417px;
    background-image: url(adi3.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
    position: relative;
   
}
.pig222:hover{
     width: 278px;
    height: 417px;
    background-image: url(adi4.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.pig222 button{
    font-size: 13px;
    padding: 3px;
    background-color: rgb(45,71,78);
    color: white;
    border-radius: 0px ;
    border: 1px solid rgb(45,71,78);
    position: absolute;
    font-weight: 600;
    top: 380px;
    left: 10px;
}

.pig333{
    width: 278px;
    height: 417px;
    background-image: url(adi5.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
    position: relative;
   
}
.pig333:hover{
     width: 278px;
    height: 417px;
    background-image: url(adi6.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.pig333 button{
    font-size: 13px;
    padding: 3px;
    background-color: rgb(45,71,78);
    color: white;
    border-radius: 0px ;
    border: 1px solid rgb(45,71,78);
    position: absolute;
    font-weight: 600;
    top: 380px;
    left: 10px;
}
.pig444{
    width: 278px;
    height: 417px;
    background-image: url(adi7.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
    position: relative;
   
}
.pig444:hover{
     width: 278px;
    height: 417px;
    background-image: url(adi8.webp);
    background-position: top;
    background-size: cover;
    border-radius: 5px;
}
.pig444 button{
    font-size: 13px;
    padding: 3px;
    background-color: rgb(45,71,78);
    color: white;
    border-radius: 0px ;
    border: 1px solid rgb(45,71,78);
    position: absolute;
    font-weight: 600;
    top: 380px;
    left: 10px;
}
.bossstttt{
    display: flex;
    justify-content: center;
    background-color: rgb(255,249,242);
    gap: 20px;
    padding-top: 60px;
}
.nop{
    display: flex;
    justify-content: center;
    gap: 30px;
    background-color: rgb(255,249,242);
}
.nop1{
     width: 260px;
    height: 460px;
    border-radius: 10px;
    margin: 10px;
    /* border: 2px solid black; */
}
.nop1 video{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.strr{
    display: flex;
    gap: 15px;
}
.str1 img{
    width: 100%;
    height: 100%;
    border-radius: 20px;

}
.str1{
    width: 61px;
    height: 61px;
    border-radius: 20px;
    background-image: url(str1.avif);
    background-position: top;
    background-size: cover;
}
.str2 h1{
    font-size: 14px;
    font-weight: 400;
    color: rgb(45,71,78);
}
.str{
    background-color: rgb(255,249,242);
}
.gyt
{
    width: 100%;
    background-color: black;
    padding: 8px 0px;
    text-align: center;
    border-radius: 10px;
    color: white;
    margin-top: 10px;

}
.gyt p a{
    color: white;
    text-decoration: none;
    font-weight: 600;
}
.adi{
    background-color: rgb(255,249,242);
}
.adi h1{
    font-size: 22px;
    text-align: center;
    font-weight: 500;
    color: rgb(45,71,78);
    padding-top: 60px;
}
.adi h2{
    font-size: 15px;
    text-align: center;
    font-weight: 400;
    color: rgb(45,71,78);
    padding-bottom: 14px;
}
.aditya{
    display: flex;
    justify-content: center;
    gap: 25px;
    background-color: rgb(255,249,242);
}
.aditya1{
    width: 248px;
    height: 400px;
}
.aditya1 img{
    width: 100%;
    height: 100%;
}
.aditya2{
    width: 248px;
    height: 400px;
}
.aditya2 img{
    width: 100%;
    height: 100%;
}
.aditya3{
    width: 248px;
    height: 400px;
}
.aditya3 img{
    width: 100%;
    height: 100%;
}
.aditya4{
    width: 248px;
    height: 400px;
}
.aditya4 img{
    width: 100%;
    height: 100%;
}
.rir{
    text-align: center;
    padding: 20px;
    background-color: rgb(255,255,255);
}
.rir i{
    color: rgb(45,71,78);
    font-size: 18px;   
}
.rio{
    display: flex;
    justify-content: center;
    gap: 15px;
    background-color: rgb(255,255,255);
}
.rio h1{
    font-size: 15px;
}
.rio p a{
    text-decoration: none;
    color: rgb(255,255,255);
    background-color: rgb(45,71,78);
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 6px;
}
.adp{
    background-color: rgb(255,255,255);
}
.adp h1{
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    /* padding: 10px; */
    padding-top: 10px;
    color: rgb(45,71,78);
}
.adp h2{
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding-top: 8px;
    padding-bottom: 30px;
    color: rgb(78,100,105);
}
.eop{
    background-color: rgb(255,249,242);
}
.eop h1{
    text-align: center;
    padding-top: 60px;
    font-size: 36px;
    font-weight: 400;
    color: rgb(45,71,78);
    text-transform: uppercase;
}
.eop h2{
    color: rgb(45,71,78);
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    padding-top: 15px;
}
.nip{
    display: flex;
    justify-content: center;
    gap: 40px;
    padding-top: 40px;
    background-color: rgb(255,249,242);
}
.nip1{
    height: 448px;
    width: 358px;
    /* border-radius: 10px; */
}
.nip1 img{
    width: 100%;
    height: 100%;
    border-radius: 8px;

}
.nip2{
    height: 448px;
    width: 358px;
}
.nip2 img{
    width: 100%;
    height: 100%;
    border-radius: 8px;

}
.nip3{
    height: 448px;
    width: 358px;
}
.nip3 img{
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.nipp h1{
    font-size: 15px;
    color: rgb(45,71,78);
    font-weight: 400;
    padding-top: 18px;
}
.try{
    background-color: rgb(255,249,242);
}
.try h1{
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    color: rgb(45,71,78);
    padding-top: 60px;
}
.try1{
    background-color: rgb(255,249,242);
    padding: 32px;
}
.try1 h1{
    font-size: 25px;
    font-weight: 400;
    color: rgb(45,71,78);
    padding-top: 20px;
}
.try1 h2{
    font-size: 13.5px;
    font-weight: 500;
    color: rgb(45,71,78);
    font-weight: 300;
    padding-top: 15px;
}
.try2{
    background-color: rgb(255,249,242);
    padding: 32px;
}
.try2 h1{
    font-size: 25px;
    font-weight: 400;
    color: rgb(45,71,78);
    padding-top: 10px;
}
.try2 h2{
    font-size: 13.5px;
    font-weight: 500;
    color: rgb(45,71,78);
    font-weight: 300;
    padding-top: 15px;
}
.try3{
    background-color: rgb(255,249,242);
    padding: 32px;
}
.try3 h1{
    font-size: 25px;
    font-weight: 400;
    color: rgb(45,71,78);
    padding-top: 10px;
}
.try3 h2{
    font-size: 13.5px;
    font-weight: 500;
    color: rgb(45,71,78);
    font-weight: 300;
    padding-top: 15px;
}
.try4{
    background-color: rgb(255,249,242);
    padding: 32px;
}
.try4 h1{
    font-size: 25px;
    font-weight: 400;
    color: rgb(45,71,78);
    padding-top: 10px;
}
.try4 h2{
    font-size: 13.5px;
    font-weight: 500;
    color: rgb(45,71,78);
    font-weight: 300;
    padding-top: 15px;
}
.menu ul a li{
    color: rgb(57,81,88);
}
.menu ul a{
    text-decoration: none;
}



.footer
{
    background-color: rgb(45,71,78);
    display: flex;
}
.foot{
    padding:  60px 40px 0px;
}
.foot h1{
    color: rgb(255,249,242);
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 15px;
}
.foot1 ul li{
    color: rgb(255,249,242);
    font-size: 15px;
    font-weight: 300;
    list-style-type: none;
    line-height: 30px;
}
.fer{
    display: flex;
    justify-content: center;
    /* gap: 15px; */
}
.fer1{
    border: 1px solid rgb(255,249,242);
    /* border-radius: 10px; */
}
.fer1:hover{
    background-color: rgb(255,249,242);
}
.fer2{
    border: 1px solid rgb(255,249,242);
}
.fer2:hover{
    background-color: rgb(255,249,242);
}
.fer1 i{
    color: rgb(255,249,242);
    font-size: 18px;
    padding: 15px;
}
.fer1 i:hover{
    color: rgb(45,71,78);
}
.fer2 i{
    color: rgb(255,249,242);
    font-size: 18px;
    padding: 15px;
}
.fer2 i:hover{
    color: rgb(45,71,78);
}
input{
    padding: 10px;
}
.footer1{
    background-color: rgb(45,71,78);
}
.footer1 h1{
    font-size: 13px;
    color: rgb(255,249,242);
    font-weight: 300;
    padding: 40px 40px;
}
.moon{
    display: flex;
}
.moon1 h1{
    font-size: 13px;
    font-weight: 400;
    color: rgb(118,133,135);
    padding: 30px;
}
.moon2 h2{
    font-size: 42px;
    color: rgb(45,71,78);
    font-weight: 300;
    text-transform: uppercase;
    /* padding: 60px; */
    padding-top: 50px;
    padding-left: 60px;
}
.moon1{
    width: 28%;
    height: 210px;
    background-color: rgb(255,249,242);
}
.moon2{
    width: 72%;
    height: 210px;
    background-color: rgb(255,249,242);
}
.sun{
    display: flex;
}

.sun1{
    width: 28%;
    height: 400px;
    background-color: rgb(255,249,242);
}
.sun2{
    width: 72%;
    height: 400px;
    background-color: gray;
    overflow: auto;
}
.boya{
    display: flex;
    justify-content: center;
    background-color: rgb(255,249,242);
    gap: 20px;
    padding-top: 30px;
}
.boya{
    display: flex;
    justify-content: center;
    background-color: rgb(255,249,242);
    gap: 20px;
    padding-top: 30px;
}
.mit{
    display: flex;
    /* justify-content: space-between; */
    background-color: rgb(255,249,242);
    
}
.mit1{
    width: 50%;
}
.mit2{
    width: 50%;
}
.mit1 h1{
    font-size: 15px;
    font-weight: 300;
    padding-left: 20px;
}
.mit2 h1{
    font-size: 15px;
    font-weight: 300;
    text-align: right;
    padding-right: 30px;
}
.mitt h1{
    font-size: 18px;
    font-weight: 300;
    padding-left: 20px;
    /* padding-bottom: 30px; */
    text-transform: uppercase;
    /* padding-right: 30px; */
}
hr{
    font-size: 10px;
}
.hub{
    display: flex;
}
.hub1 h1{
     font-size: 16px;
    font-weight: 500;
    padding-left: 40px;
    padding-top: 20px;
    color: rgb(58,83,88);
}
.hub1{
    width: 50%;
}
.hub2{
    width: 50%;
    text-align: end;
    padding-top: 20px;

}
.hub2 span{
    text-align: left;
    color: red;
    padding-right: 40px;
    color: rgb(58,83,88);

}
.size11{
    /* width: 68px;
    height: 30px; */
    background-color: rgb(255,249,242);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid rgb(202, 200, 200);
    padding: 4px 10px;
}
.size11 h1{
    font-size: 15px;
    color: rgb(58,83,88);
    font-weight: 400;
}
.size1{
    display: flex;
    justify-content: center;
    gap: 12px;
    padding-top: 20px;
}
.size2{
    display: flex;
    justify-content: center;
    gap: 12px;
    padding-top: 10px;
}
.size3{
    display: flex;
    justify-content: center;
    gap: 12px;
    padding-top: 10px;
}
.size4{
    display: flex;
    justify-content: center;
    gap: 12px;
    padding-top: 10px;
}
.roj{
    display: flex;
}
.roj1{
     width: 28%;
     background-color: rgb(255,249,242);
     padding: 60px 0px 0px 40px;
}
.roj2{
    width: 72%;
    background-color: rgb(255,249,242);
    /* height: 200px; */
}
.roj1 a{
    color: rgb(45,71,78);
    font-size: 16px;
    font-weight: 300;
}
.roj2{
    display: flex;
    justify-content: center;
    gap: 40px;
}