/* @import url('https://fonts.googleapis.com/css2?family=Besley&display=swap'); */

@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');

/* body{
  background: #f6f6f6;
} */

.box{
  width: 60%;
  margin: 100px auto;
  background: #fff;
  border-radius: 7px;
  box-shadow: 1px 2px 4px rgba(0,0,0,.3);
}

.box .heading{
  background: black;
  border-radius: 7px 7px 0px 0px;
  padding: 10px;
  color: #fff;
  text-align: center;
  font-family: "Rubik";
}

.faqs{
  padding: 0px 20px 20px;
}

::-webkit-details-marker{
  float: right;
  margin-top: 3px;
}

details{
  background: #f6f6f6;
  padding: 10px 20px;
  border-radius: 7px;
  margin-top: 20px;
  font-family: "Rubik";
  font-size: 14px;
  letter-spacing: 1px;
  cursor: pointer;
}

details summary{
  outline: none;
}

/*



.circle
{
   height:30px;
   width:30px;
   border:none;
   border-radius:50%;
   outline:none;
   padding:6px;
   background-color:red;
   box-shadow:0px 1px 3px rgba(0,0,0,0.12), 0px 1px 2px rgba(0,0,0,0.24)

}
.horizontal, .vertical
{
   width:100%;
   height:2px;

   background-color:white;
    pointer-events:none;
}
.line-wrapper {
  transition:0.3s ease;
}
.vertical
{
  position:relative;
  bottom:2px;
  transform:rotate(90deg);
  transition:0.3s ease;
}
.circle:hover
{
box-shadow:0px 14px 28px rgba(0,0,0,0.25px), 0px,10px,10px rgba(0,0,0,0.22px);
}
.vertical.open
{
   transform:rotate(180deg);
}
.line-wrapper.open{
   transform:rotate(180deg);
}
.content {
transition:0.3s ease;
height:0;
overflow:hidden;
background-color:white;
}
.content.open {
height:135px;
}

.prod-ques
{
   margin:auto;
   display:flex;
   flex-direction:column;
  padding-left:20rem;

  /* max-width: 700px; */
  /* height:100px;  */

/* }
.prod-ans {
  padding-top:5px;
  padding-bottom:5px;
max-width:980px;
width:100%;
display:block;
padding-left:22rem;
font-size:large;
color:grey;
font-weight:bold;
} */ */