@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;1,300;1,400;1,500&display=swap');

:root{
--white: #fff;
  --black: #222;
  --grey: #444;
  --grey2: #959595;
  --grey-alt: #d1e2e9;
  --yellow: #ffd800;
  --green: #59b210;
  --pink:#FF046F;
  --violet:#C63BFA;
  --lkgreen:#4edbb0; 
  --lkblue:#3453a6; 
 
}
*{
   box-sizing: border-box; 
}
body{
    background-color: #f0f0F0;
       
}
/*h1{
    margin:50px 0 30px;
    text-align: center;
}*/
.fa-container{
    max-width:600px;
    margin:0 auto;
}
.faq{
    background-color:transparent;
    border: 1px solid #9fa4a8;
    border-radius:10px;
    margin:20px 0;
    padding:30px;
    position:relative;
    overflow:hidden;
    transition: 0.3s ease;
}

.faq.active{
    background-color:white;
    box-shadow:O 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
}

.faq.active::before, 
.faq.active::after{
    content:"\f075";
    font-family: 'Roboto', sans-serif;
    color:var(--lkgreen);
    font-size:7rem;
    position:absolute;
    opacity:0.2;
    top:20px;
    left:20px;
    z-index:0;

}
.faq.active::before{
    color:#3498db;
    top:-10px;
    left:-30px;
    transform: rotateY(180deg);
}

.faq-title{
    margin:0 35px 0 0;
	font-size: 20px;
	font-color: var(--lkgreen);
}

.faq-title h3{
    	font-color: var(--lkgreen);
}
.faq-text{
    display:none;
    margin:30px 0 0;
	font-size: 20px;
	font-color: var(lk--blue);
}
.faq-text p{
    	font-color: var(lk--blue);
}
.faq.active .faq-text{
    display:block;
}
.faq-toggle{
    background-color: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:16px;
    position: absolute;
    top: 30px;
    right:30px;
    height:30px;
    width:30px;
}
.faq-toggle:focus{
outline:0;
}
.faq-toggle .fa-times{
    display: none;
}

.faq.active .faq-toggle .fa-times{
    display: block;
    color:white;
}

.faq.active .faq-toggle .fa-chevron-down{
    display: none;
}
.faq.active .faq-toggle{
    background-color: #9FA4A8;
}