.nav{
    /* border: 1px solid red; */
    width: 100%;
    height: 70px;
    background-color: white;
    display: flex;
    align-items: center;
    position: sticky;
    z-index: 1;
    top: 0;
    box-shadow: 0px 0px 7px -3px black;
}
.nav-logo{
    /* border: 1px solid red; */
    width: 13%;
    height: 100%;
    margin-left: 50px;
    justify-items: center;
    align-content: center;
}
.nav-search{
    /* border: 1px solid red; */
    width: 46%;
    height: 40px;
     font-family: "Roboto", sans-serif;
}
.nav-cart{
     /* border: 1px solid red;   */
    width: 6%;
    height: 40px;
    align-content: center;
     font-family: "Roboto", sans-serif;
     margin-left: 2%;
     cursor: pointer;
}

.nav-login{
     /* border: 1px solid red;   */
    width: 5%;
    height: 40px;
    align-content: center;
     font-family: "Roboto", sans-serif;
      cursor: pointer;
        margin-left: 1.8%;
}
.nav-icon{
    /* border: 1px solid red;   */
    width: 11%;
    height: 40px;
    align-content: center;
     font-family: "Roboto", sans-serif;
      cursor: pointer;
        margin-left: 1.9%;
}
.nav-dot{
    /* border: 1px solid red; */
    width: 2%;
    height: 40px;
    align-content: center;
     font-family: "Roboto", sans-serif;
     margin-left: 5.5%;
      cursor: pointer;
}
.picture{
     /* border: 1px solid red;     */
    width: 100%;
    height: 130px;
    justify-items: center;
    padding-top: 8px;
    background-color: #e7ebf3;
}
.picture-box{
    /* border: 1px solid red;   */
    width: 99%;
    height: 115px;
    background-color: white;
    display: flex;
    justify-content: center;
}
.picture-img{
    /* border: 1px solid red;   */
    width: 9%;
    height: 100%;
}
.picture-img1{
    /* border: 1px solid red;   */
    width: 12%;
    height: 100%;
}
.picture-image{
    /* border: 1px solid rgb(45, 10, 247);   */
    width: 100%;
    height: 70%;
    text-align: center;
    align-content: center;
}
.picture-text{
    /* border: 1px solid rgb(9, 255, 0);   */
    width: 100%;
    height: 20%;
    text-align: center;
    align-content: center;
     font-family: "Roboto", sans-serif;
     font-size: 15px;
    
}






@media (max-width:1439px){
      .nav{
    /* border: 1px solid red; */
    width: 100%;
    height: 70px;
    background-color: white;
    display: none;
    align-items: center;
    position: sticky;
    z-index: 1;
    top: 0;
    box-shadow: 0px 0px 7px -3px black;
}

.picture{
     /* border: 1px solid red;     */
    width: 100%;
    height: 130px;
    justify-items: center;
    padding-top: 8px;
    background-color: #e7ebf3;
    display:none;
}

}














.banare{
    /* border: 1px solid rgb(9, 255, 0);   */
    width: 100%;
    height: 573px;
    background-size: 100% 100%;
    background-image: url(happy-diwali-biggest-sale-banner-with-diya-rangoli-design_1017-40289.jpg);
}



@media(max-width:767px){
     .banare{
          height: 320px;
     }
}




.com-box{
    /* border: 1px solid rgb(255, 0, 170);    */
    width: 100%;
    height: auto;
    background-color: rgb(227 230 230);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 14.2px;
    flex-wrap: wrap;
    gap: 10px;
}
.com-name{
    border: 1px solid rgba(124, 120, 120, 0.603);  
    width: 175px;
    height: 115px;
    display: flex;
    /* margin: 0px 7px; */
     background-color: white;
border-radius: 5PX;
box-shadow: 1px 1px 14px -4px gray;
     
      cursor: pointer;
      transition: 0.3s all ease-in-out;
}



.com-name:hover{
     transform: scale(1.01);
     box-shadow: 0px 0px 10px -5px grey;
}

    
.com-name1{
    border: 1px solid rgba(124, 120, 120, 0.603);  
    width: 200px;
    height: 127px;
    display: flex;
    /* margin: 0px 7px; */
     background-color: white;
border-radius: 5PX;
box-shadow: 1px 1px 14px -4px gray;

      cursor: pointer;
transition: 0.3s all ease-in-out;
}



.com-name1:hover{
     transform: scale(1.01);
     box-shadow: 0px 0px 10px -5px grey;
}
















.due{
height:auto;
width:100%;
display:flex;
justify-content: space-evenly;
align-items: center;
background-color: #e3e6e6;
flex-wrap: wrap;

margin-top: 15px;

}



.subdue{
height:350px;
width:330px;
background-color: white;
border-radius: 5px;
box-shadow: 2px 2px 8px -6px rgb(0, 119, 255);
transition: 0.3s all ease-in-out;
}


@media (max-width:1440px){
     .subdue{
          margin-top: 20px;
     }
}


.subdue:hover{
     transform: scale(1.03);
     box-shadow: 0px 0px 12px -5px rgb(2, 116, 223);
}

.produe{
height:16%;
width:95%;
font-size:21px;
font-family: "Roboto", sans-serif;
font-weight: bold;
padding-left: 15px;
padding-top: 10px;
}


.ultdue{
height:80%;
width:100%;
}



.girl-dress{
height:50%;
width:100%;
display:flex;
justify-content: center;
align-items: center;
}


.secgirl-dress{
height:50%;
width:100%;
display:flex;
justify-content: center;
align-items: center;
}


.secgirl-dress1{
height:100%;
width:50%;
display:flex;
justify-content: center;
align-items: center;
}



.secgirl-dress2{
height:100%;
width:50%;
display:flex;
justify-content: center;
align-items: center;
}



.eletric{

height:19%;
width:95%;
font-size:21px;
font-family: "Roboto", sans-serif;
font-weight: bold;
padding-left: 15px;
padding-top: 10px;
}



.subeletric{

height:52%;
width:100%;
display:flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
}



.proeletric{

height:22%;
width:100%;
}



.hijab{

height:60%;
width:95%;
font-size:16px;
font-family: "Roboto", sans-serif;
line-height: 23px;
padding-left: 13px;
}



.subhijab{

height:32%;
width:95%;
font-size:18px;
font-family: "Roboto", sans-serif;
line-height: 23px;
padding-left: 13px;
font-weight: bold;
margin-top: 4px;

}



.shirt1{
     /* border:1px solid red;  */
height:auto;
width:100%;
display:flex;
justify-content: space-evenly;
align-items: center;
background-color:rgb(227 230 230);
margin-top:0px;
flex-wrap: wrap;}




.subshirt{
height:344px;
width:270px;
background-color: white;
border-radius: 5px;
justify-items: center;
box-shadow: 1px 1px 7px -5px rgb(0, 119, 255);
transition: 0.3s all ease-in-out;
}



@media (max-width:1440px){

     .subshirt{
          margin-top: 20px;
     }



}



.subshirt:hover{
     transform: scale(1.02);
     box-shadow: 0px 0px 12px -5px rgb(2, 116, 223);
}




 .proshirt{
     /* border:1px solid black;  */
height:65%;
width:87%;
display: flex;
justify-content: center;
align-items: center;
margin: 11px 0px;}



.ultshirt{
    /* border:1px solid black;  */
height:27%;
width:100%;

}



.ultshirt1{
    /* border:1px solid black; */
height:33%;
width:94%;
display: flex;
align-items: center;
font-size: 13px;
font-family: "Roboto", sans-serif;
margin-top:3px;
margin-left:10px;
}


.ultshirt2{
    /* border:1px solid black; */
height:25%;
width:100%;
display: flex;
align-items: center;
margin-top:4px;
margin-left:10px;
}



.ultshirt3{
    /* border:1px solid black; */
height:30%;
width:100%;
display: flex;
align-items: center;
margin-top:4px;
margin-left:10px;
}





.ult-shirt{
    /* border:1px solid black; */
height:90%;
width:20%;
display: flex;
align-items: center;
font-size: 15px;
font-family: "Roboto", sans-serif;
color:rgba(4, 0, 228, 0.795);

}



.ult-shirt1{
     /* border:1px solid black;  */
height:90%;
width:25%;
display: flex;
align-items: center;
font-size: 13px;
font-family: "Roboto", sans-serif;
margin-left:5px;
}




.ult-shirt2{
     /* border:1px solid black;  */
height:90%;
width:18%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-family: "Roboto", sans-serif;
font-weight: bold;
border-radius: 5px;
background-color:rgb(240, 94, 41);
color:white;
}



.ult-shirt3{
     /* border:1px solid black;  */
height:90%;
width:18%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-family: "Roboto", sans-serif;
color:rgb(140, 141, 141);
}












.sa-shoo{
     /* border:1px solid black;  */
/* height:500px; */
height: auto;
width:100%;
display: flex;
justify-content: center;
/* align-items: center; */
} 



@media(max-width:600px)
{
     .sa-shoo{
          display:block;
          justify-items: center;
     }
     
.sa-proshoo{
     margin-top: 20px;
}
}



.sa-subshoo{
     /* border:1px solid black;  */
height:458px;
width:319px;
background-color: #dfe0e3;
border-radius: 5px;
}



.sa-proshoo{
     /* border:1px solid black;  */
height:auto;
width:auto;
margin-left:20px;
align-content: center;
justify-items: center;
background-color: #dfe0e3;
border-radius: 6px;
padding: 15px 30px;
}



.sa-soo{
     /* border:1px solid black;  */
height:auto;
width:100%;
display:flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap:20px 0px;
}



.sa-sao{
     /* border:1px solid black;  */
height:auto;
width:100%;
margin-top:20px;
display:flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap:20px 0px;
}




.sa-o{
     /* border:1px solid black;  */
height:203px;
width:190px;
margin-left:20px;
background-color: #e6eaf3;
border-radius: 5px;
box-shadow: 0px 0px 8px -5px rgb(0, 119, 255);
transition: 0.3s all ease-in-out;
}



.sa-o:hover{
     transform: scale(1.02);
     box-shadow: 0px 0px 10px -5px rgb(2, 116, 223);
}





.sa-lol{
    /* border:1px solid black;  */
height:40%;
/* width:100%; */
width: 319px;
justify-items: center;
}



.sa-lal{
     /* border:1px solid black;  */
height:60%;
width:100%;
display:flex;
justify-content: center;
}



.sa-laka{
     /* border:1px solid black;  */
height:20%;
width:100%;
margin-top: 35px;
display:flex;
justify-content: center;
align-items: center;
font-size: 22px;
font-weight: bold;
font-family: "Roboto", sans-serif;
color:#053c68;
}




.sa-haka{
     /* border:1px solid black;  */
height:20%;
width:100%;
margin-top: 0px;
display:flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-family: "Roboto", sans-serif;
text-align: center;
color:#053c68;
}




.sa-baka{
     /* border:1px solid black;  */
height:16%;
width:40%;
margin-top: 14.5px;
display:flex;
justify-content: center;
align-items: center;
border-radius: 5px;
font-size: 15px;
font-weight: bold;
font-family: "Roboto", sans-serif;
background-color:rgb(240, 94, 41);
color:white;
}




.sa-oo{
     /* border:1px solid black;  */
height:63%;
width:100%;
display:flex;
justify-content: center;
align-items: center;
}



.sa-ooo{
    /* border:1px solid black;  */
height:35%;
width:100%;
}




.sa-kat{
     /* border:1px solid black;  */
height:20%;
width:98%;
 display: flex;
align-items: center;
padding-left:4px;
}


.sa-pat{
     /* border:1px solid black;  */
height:60%;
width:98%;
font-size:14px;
font-family: "Roboto", sans-serif;
display: flex;
align-items: center;
color:#053c68;
padding-left:4px;}


.sa-bat{
 /* border:1px solid black;  */
height:20%;
width:98%;
font-size:13.5px;
font-family: "Roboto", sans-serif;
display:flex;
align-items: center;
font-weight:bold;
padding-left:4px;}




.sa-ol{
     /* border:1px solid black;  */
height:203px;
width:190px;
margin-left:0px;
background-color: #e6eaf3;
border-radius: 5px;
box-shadow: 0px 0px 8px -5px rgb(0, 119, 255);
transition: 0.3s all ease-in-out;
}



.sa-ol:hover{
     transform: scale(1.02);
     box-shadow: 0px 0px 10px -5px rgb(2, 116, 223);
}









.sa-per{
      /* border:1px solid black;  */
height:auto;
width:100%;
display: flex;
justify-content:center;
align-items: center;
margin-top:60px;
padding-bottom: 30px;
}



.sa-perr{
     /* border:1px solid black;   */
height:auto;
width:94%;
display: flex;
flex-wrap: wrap;
justify-content:space-evenly;
align-items: center;
     gap: 20px;
}




.sa-per1{
      /* border:1px solid black;  */
height:215px;
width:200px;
justify-items: center;
background-color: #eff1f1;
align-content: center;
border-radius:6px;
box-shadow: 1px 1px 7px -5px rgb(0, 119, 255);
transition: 0.3s all ease-in-out;
}



.sa-per1:hover{
     transform: scale(1.02);
     box-shadow: 0px 0px 10px -5px rgb(2, 116, 223);
}



.sa-rop{
     /* border:1px solid black;  */
height:73%;
width:78%;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background: radial-gradient(white,#d6d2e4);
}



.sa-ropp{
     /* border:1px solid black;  */
height:20%;
width:100%;
margin-top: 3%;

}




.sa-lop{
     /* border:1px solid black; */
height:50%;
width:100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 15px;
font-family: "Roboto", sans-serif;
color:#053c68;

}





.sa-lopp{
    /* border:1px solid black;  */
height:50%;
width:100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-family: "Roboto", sans-serif;
color:black;}










 .sa-kito{
      /* border:1px solid black;   */
/* height:600px; */
height:auto;
width:100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
background-color: #dcdedf;
flex-wrap: wrap;
gap:20px;}






@media(max-width:600px)
{
     .sa-sun{
         width:100%;
     }
}
.sa-prokito{
     /* border:1px solid black; */
height:600px;
width:635px;
display: flex;
justify-content: center;
align-items: center;
/* margin-left: 1.3%; */
border-radius: 15px;
overflow: hidden;}



.sa-subkito{
     /* border:1px solid black; */
height:600px;
width:625px;
display: flex;
justify-content: center; 
/* align-items: center; */
flex-direction: column;
 padding-left: 10px; 
}






.sa-sun{
     /* border:1px solid black; */
/* height:16%; */
/* width:75%; */
width:76%;
margin-top:2%;
font-size: 34px;
font-family: "Roboto", sans-serif;
font-weight: bold;
}




.sa-sunki{
     /* border:1px solid black; */
height:37%;
width:99%;
margin-top:3%;
border-radius: 13px;
overflow: hidden;}







.sa-sunkii{
     /* border:1px solid black; */
height:37%;
width:99%;
margin-top:3%;
border-radius: 13px;
overflow: hidden;}




































.sp-shoo{
     /* border:1px solid black; */
height:auto;
width:100%;
display:flex;
justify-content: center;
align-items: center;
margin-top:50px;
}





.sp-subshoo{
     /* border:1px solid black; */
height:auto;
width:94%;
justify-content: center;
}




.sp-proshoo{
     /* border:1px solid black; */
height:auto;
width:98%;
display:flex;
justify-content: space-between;
align-items: center;
padding-left: 20px;
flex-wrap: wrap;
gap:0px;
}


.shoo-sp-ultshoo{
     /* border:1px solid black; */
height:auto;
width:100%;
display:flex;
justify-content: space-evenly;
align-items: center;
}
.sp-ultshoo-1{
     /* border:1px solid black; */
height:auto;
width:94%;
display:flex;
justify-content: space-evenly;
align-items: center;
flex-wrap: wrap;

}



.sp-ultshoo{
     /* border:1px solid black; */
height:auto;
width:100%;
display:flex;
justify-content: space-evenly;
align-items: center;
flex-wrap: wrap;

}




.sp-jod{
     /* border:1px solid black; */
height:60px;
width:400px;
margin:5px 0px;

}





.sp-god{
     /* border:1px solid black; */
height:60px;
width:400px;
margin: 5px 0px;
}





.sp-subjod{
     /* border:1px solid black; */
height:65%;
width:100%;
font-size: 32px;
font-weight: bold;
color:#053c68;

}




.sp-projod{
     /* border:1px solid black; */
height:30%;
width:100%;
font-size:13.5px;
font-family: arial;
display: flex;
align-items: center;
word-spacing: 1px;
color:#1619da;
}




.sp-subgod{
     /* border:1px solid black; */
height:30%;
width:100%;
margin-top:38px;
display:flex;
justify-content: space-between;
align-items: center;}




.sp-div{
     /* border:1px solid black; */
height:306px;
width:304px;
background-color: #e7e9ee;
box-shadow: 1px 1px 10px 3px rgb(212, 217, 226);
border-radius: 7px;
overflow: hidden;
transition: 0.3s all ease-in-out;
margin:8px 0px;
}



.sp-div:hover{
     transform: scale(1.02);
     box-shadow: 0px 0px 12px -5px rgb(2, 116, 223);
}




.sp-gigu{
      /* border:1px solid black;  */
     height:100%;
     width:30%;
     display:flex;
justify-content: center;
align-items: center;
font-size:14px;
font-family:  "Roboto", sans-serif ;
color:#206094;
}


.sp-laka{
     /* border:1px solid black; */
     height:70%;
     width:100%;
     text-align: center;
     align-items: center;
     background-color: #f3f5f5;
     
}



.sp-haka{
     /* border:1px solid black; */
     height:30%;
     width:100%;
     align-content: space-around;
}



.sp-yo{
     /* border:1px solid black; */
     height:20px;
     width:50px;
     border-radius:20px;
     position: relative;
     bottom: 195px;
     left: 12px;
     font-size: 15px;
     font-family:  "Roboto", sans-serif;
     display: flex;
     justify-content: center;
     align-items: center;
     font-weight: 400;
     background-color: rgb(240, 94, 41);
     color:white;

}





.sp-ja{
     /* border:1px solid black; */
height:30%;
width:100%;
font-size:17px;
font-weight: 400;
display: flex;
align-items: center;
color: #053c68;
font-family: "Roboto", sans-serif;
padding-left: 1.5%;
}



.sp-jo{
     /* border:1px solid black; */
height:30%;
width:100%;
font-size:14.5px;
font-weight: 550;
display: flex;
align-items: center;
color: #053c68;
font-family: "Roboto", sans-serif;

padding-left: 1.5%;

}


.sp-ju{
     /* border:1px solid black; */
height:30%;
width:100%;
display: flex;
align-items: center;
font-size:17px;
padding-left: 1.5%;
}






















.sa-footer{
     /* border:1px solid black; */
/* height:480px; */
height:auto;
width:100%;
background-color:#172337ee;
margin-top:70px;
}





.sa-sfooter{
     /* border:1px solid black; */
height:55px;
width:100%;
display:flex;
justify-content: center;
align-items: center;
font-size:15px;
font-family: "Roboto", sans-serif;
font-weight: 500;
color:rgb(243, 243, 243);
background-color: #172030ee;

}




.sa-pfooter{
     /* border:1px solid black; */
/* height:320px; */
height:auto;
width:100%;
display:flex;
justify-content: center;
/* align-items: center; */
flex-wrap: wrap;
}



.sa-ppfooter{
     /* border:1px solid black; */
height:300px;
width:288px;
justify-items: center;
color:rgb(243, 243, 243);
padding-top: 10px;
}


.sa-mfooter{
     /* border:1px solid black; */
height:40px;
width:70%;
display:flex;
align-items: center;
font-size: 15.4px;
font-family: "Roboto", sans-serif;
font-weight: 450;
color:rgb(243, 243, 243);
}


.sa-nfooter{
     /* border:1px solid black; */
height: 230px;
width:70%;
line-height: 25px;
font-family: "Roboto", sans-serif;
font-size: 14px;
padding-top: 10px;
}






.sa-lfooter{
     /* border:1px solid black; */
height:30px;
width:70%;
display:flex;
align-items: center;
font-size: 15.4px;
font-family: "Roboto", sans-serif;
font-weight: 450;
}


.sa-kfooter{
     /* border:1px solid black; */
height: 240px;
width:70%;
line-height: 24px;
font-family: "Roboto", sans-serif;
font-size: 14px;
padding-top: 10px;
}




.sa-last{
     border-top:1px solid grey;
height:auto;
width:100%;
display:flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap:10px;}





.sa-lastl{
     /* border:1px solid black; */
height:50px;
width:143px;
display:flex;
justify-content: center;
align-items: center;
margin:27px 0px;}






.sa-lastm{border:1px solid white;
height:30px;
width:129px;
display:flex;
justify-content: center;
align-items: center;
margin-left: 50px;
border-radius: 3px;
margin:27px 0px;}




.sa-lastn{border:1px solid white;
height:30px;
width:100px;
display:flex;
justify-content: center;
align-items: center;
margin-left: 5px;
border-radius: 3px;
margin:27px 0px;}




.sa-lost{
     /* border:1px solid black; */
height:70%;
width:30%;
display:flex;
justify-content: center;
align-items: center;}



.sa-lost1{
     /* border:1px solid black; */
height:70%;
width:50%;
display:flex;
align-items: center;
font-size:15px;
font-family: roboto;
font-weight: 400;
color:white;
}




.sa-lost2{
     /* border:1px solid black; */
height:70%;
width:13%;
display:flex;
justify-content: center;
align-items: center;}



.sa-lost3{
     /* border:1px solid black; */
height:70%;
width:75%;
display:flex;
align-items: center;
font-size:14px;
font-family: roboto;
font-weight: 400;
color:white;
justify-content: center;}





















.ma-dase{
     /* border:1px solid black; */
height:400px;
width:100%;
display:flex;
background-image: url(retail-banner.png);
background-size: cover;
margin-top: 15px;}




@media (max-width:1330px){
     .ma-dase{
          height: auto;
          width:100%;
          background-image: url(retail-banner.png);
          background-size: cover;
          display: block;
          justify-items: center;
          padding-bottom: 25px;
     }

.ma-back{
     /* border:1px solid red;  */
height:100%;
width:30%;
margin-bottom: 20px;
}



.ma-back1{
     /* border:1px solid green;  */
height:100%;
width:70%;
display: flex;justify-content: space-evenly;align-items: center;
}





}



@media (max-width:1024px){
     .ma-dase{
          height: auto;
          width:100%;
          background-image: url(retail-banner.png);
          background-size: cover;
          display: block;
          justify-items: center;
          padding-bottom: 25px;
     }

.ma-back{
     /* border:1px solid red;  */
height:100%;

margin-bottom: 20px;
}



.ma-back1{
     /* border:1px solid green;  */
height:100%;
width:70%;
display: flex;justify-content: space-evenly;align-items: center;
}





}



.ma-back{
     /* border:1px solid red;  */
height:100%;
width:427px;
}



.ma-back1{
     /* border:1px solid green;  */
height:100%;
width:70%;
display: flex;justify-content: center;align-items: center;
flex-wrap: wrap;
gap: 20px;
}




.ma-back-1{
     /* border:1px solid red;  */
height:11%;
width:31%;
margin: 53px 0px 0px 45px;
position: relative;
top: 15px;
}


.ma-back-2{
     /* border:1px solid red;  */
height:30%;
width:90%;
font-weight: bold;
font-family: "Merienda", cursive;
  font-size: 83px;
  color: white;
  margin: 0px 0px 0px 60px;
}

@media (max-width:380px){
       
.ma-back-2{
     font-size: 75px;
}
}



.ma-back-3{
     border:1px solid gray; 
height:60px;
width:185px;
margin: 30px 0px 0px 115px;
border-radius: 6px;
color: #24175c;
font-weight: bold;
 font-family: "Roboto", sans-serif;
 font-size: 30px;
   cursor: pointer;
}





.sagar-1{
     /* border:1px solid rgb(252, 2, 2);   */
height:320px;
width:195px;
margin: 0px 15px;
text-align: center;
align-content: center;
justify-items: center;
align-content: center;

}




.sagar-2{
     /* border-right:5px solid rgb(252, 2, 2);  */
    /* border-bottom:5px solid rgb(252, 2, 2); */
    /* border-radius: 15px; */
    /* border: 1px solid #ff9d05; */
    /* box-shadow: 7px 7px #ff9d05; */
height:80%;
width:100%;
/* position: relative; */
/* bottom: 23px; */

}

.sagar-3{
     /* border:1px solid #ff9d05;  */
     margin-top: 12px;
height:15%;
width:90%;
text-align: center;
align-content: center;
 font-family: "Roboto", sans-serif;
 font-weight: bold;
 font-size: 20px;
 border-radius: 7px;
 color: #3c36a7;
 background-color: #fff5e5;
      cursor: pointer;

}


.all-box{
     /* border:1px solid red;  */
height:90px;
width:100%;
align-content: end;
/* background-color: white; */


}





.all-box1{
     /* text-align: center; */
     /* border:1px solid red;  */
height:52%;
width:285px;
 font-family: "Roboto", sans-serif;
 /* font-weight: bold; */
 font-size: 37px;
 /* margin: 0px 0px 0px 55px; */
 padding-left: 59px;

}




.box-1{
     /* border:1px solid red;  */
height:auto;
width:100%;
display: flex;
/* background-color: white; */

}


@media (max-width:755px){
     .box-1{
          display: block;
     }
}

.box-2{
     /* border:1px solid red;  */
height:711px;
width:360px;

}
.box-3{
     /* border:1px solid black;  */
height:auto;
width:auto;

}
.box-4{
     /* border:1px solid black;  */
height:auto;
width:auto;
margin-top: 20px;
display: flex;
flex-wrap: wrap;
gap:10px 0px;
justify-content: center;
align-items: center;
}
.box-5{
     border:1px solid rgba(128, 128, 128, 0.39); 
height:333px;
width:240px;
margin: 0px 10px;
background-color: white;
border-radius: 10px;
transition: 0.3s all ease-in-out;
}



.box-5:hover{
     transform: scale(1.02);
     box-shadow: 0px 0px 12px -5px rgb(2, 116, 223);
}
.box-6{
     border:1px solid rgba(128, 128, 128, 0.39); 
height:86%;
width:290px;
border-radius: 7px;
margin:30px 0px 0px 60px;
background-color: white;
overflow-y: auto;
scrollbar-color: rgba(128, 128, 128, 0.534) white;
     justify-items: center;
    
}

.box-7{
     border:1px solid rgba(128, 128, 128, 0.39); 
height:6%;
width:73%;
margin: 23px 0px 0px 60px;
border-radius: 5px;
background-color: white;
padding:0px 0px 0px 25px ;
align-content: center;
 font-family: "Roboto", sans-serif;
 font-size: 15px;
 color: rgb(139 139 163);
}



.box-5-1{
      /* border:1px solid black;   */
height:62%;
width:100%;
text-align: center;
align-content: center;
}
.box-5-2{
     /* border:1px solid black;   */
height:10%;
width:91%;
margin: 0px 0px 0px 10px;
 font-family: "Roboto", sans-serif;
 font-size: 15px;
 align-content: center;
 color: gray;
}
.box-5-3{
      /* border:1px solid black;   */
height:10%;
width:90%;
margin: 0px 0px 0px 10px;
align-content: center;
font-weight: bold;
 font-family: "Roboto", sans-serif;
 font-size: 20px;
}

.box-5-4{
      /* border:1px solid black;   */
height:8%;
width:90%;
margin: 0px 0px 0px 10px;
 font-family: "Roboto", sans-serif;
 font-size: 14px;
 align-content: center;
 color: gray;

}

.box-5-5{
      /* border:1px solid black;   */
height:9%;
width:90%;
margin: 0px 0px 0px 10px;
 font-family: "Roboto", sans-serif;
display: flex;
align-items: center;
}

.box-5-5-1{
      border:1px solid orange;  
height:84%;
width:27%;
border-radius: 17px;
background-color: orange;
text-align: center;
align-content: center;
font-weight: bold;
color: white;
}

.box-5-5-2{
      /* border:1px solid black;   */
height:100%;
width:60%;
margin: 0px 0px 0px 10px;
 font-family: "Roboto", sans-serif;
font-size: 15px;
align-content: center;
color: gray;
}

.box-6-1-1{
      /* border:1px solid black;   */
height:12%;
width:90%;
margin-left:1.1%;
align-content: end;
 font-family: "Nata Sans", sans-serif;
 line-height: 25px;
}

.box-6-1{
      /* border:1px solid black;   */
height:10%;
width:90%;
margin-left:1.1%;
align-content: center;
 font-family: "Nata Sans", sans-serif;
 line-height: 25px;
}



.box-6-2{
      /* border:1px solid black;   */
height:7%;
width:99%;
}
.box-6-3{
      /* border:1px solid black;   */
height:6%;
width:85%;
margin-left:1.1%;
align-content: center;
 font-family: "Roboto", sans-serif;
 font-weight: normal;
 font-size: 15px;
 color: rgb(44, 44, 44);
 padding-left: 5%;
}




.last-icon{
      border:1px solid white;  
height:32px;
display: flex;
justify-content: center;
align-items: center;
width:32px;
border-radius: 50%;
color: white;
cursor: pointer;
}




a:link{
     color:white !important;
}