.box{
    width: 80vw;
    margin: 1vh auto;
    

   
    



 }
 
 .box .heading{
    background: transparent;
    border-radius: 7px 7px 0px 0px;
    padding-top: 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 3em;
 }
 
 .faqs{
    padding: 0px 20px 20px;
 }
 
 ::-webkit-details-marker{
    float: right;
    margin-top: 3px;
 }
 
 details{
    background: transparent;
    padding: 10px 20px;
    margin-top: 20px;
    letter-spacing: 1px;
    cursor: pointer;
    font-size: 1.1rem;
    border-radius: 10px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.637);
 }
 
 details summary{
    outline: none;
    font-size: 1.4rem;
 }
.text{
     font-size: 1.1rem;
 }
 .boxBg {
    /* background-image: linear-gradient(90deg, rgba(149, 0, 255, 0.542) 0%, rgba(0, 8, 255, 0.261) 100%),  url(); */
        
    
    width: 79vw;
    margin: 100px auto;
    border-radius: 15px;
    /* box-shadow: 2px 3px 5px rgb(146, 145, 145); */
    margin-top: -10vh;
 }

 @media (orientation:portrait){
     
    .boxBg {
        background-image: none;
        width: 100vw;
        box-shadow: none;
        padding: none;
    }
    .box {
        width: 95vw;
    }
 }