#faqs {margin: 0;padding: 100px 0;background: url(../images/faq-background.png) no-repeat top center #fff;}#faqs h2 {margin: 0;padding: 0 0 50px 0;font-weight: 800;font-size: 54px;line-height: 70px;text-align: center;animation: faqHeadingText 6s ease-in-out infinite;}#faqs .set {position: relative;width: 100%;height: auto;background: #fff;box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.05);border-radius: 11px;margin-bottom: 30px;}#faqs .set > a {text-decoration: none;font-weight: 400;font-size: 22px;color: #393939;display: flex;align-items: center;flex-wrap: wrap;padding: 15px 50px 15px 30px;transition: all 0.2s linear;position: relative;}#faqs .set > a i {position: absolute;top: 15px;font-size: 30px;color: #393939;right: 15px;transition: all ease-in-out 0.3s;}#faqs .set > a i.opened {transform: rotate(45deg);}#faqs .set .content {display: none;}#faqs .set .content p {padding: 0 50px 15px 30px;margin: 0;font-weight: 400;font-size: 18px;line-height: 30px;color: #494949;}#faqs .set .content ul {margin: -10px 0 0 30px;padding: 0 50px 15px 0;}#faqs .set .content ul li {padding: 2px 0 0 20px;margin: 0;font-weight: 400;font-size: 18px;line-height: 30px;color: #494949;position: relative;}#faqs .set .content ul li a {color: #494949;text-decoration: underline;}#faqs .set .content ul li a:hover {text-decoration: none;}#faqs .set .content ul li:before {content: "";left: 2px;top: 14px;position: absolute;width: 6px;height: 6px;border-radius: 100%;background: #393939;}#faqs .set .content ul li label {font-weight: 600;font-size: 18px;line-height: 30px;color: #494949;width: 90px;margin-right: 6px;position: relative;}#faqs .set .content ul li label:after {font-weight: 600;color: #494949;content: ":";position: absolute;right: 0;top: 0;}#faqs .set .content ul li span {width: calc(100% - 96px);font-size: 18px;line-height: 30px;color: #494949;}

@keyframes faqGradientText {
    0% {background-position: 0% 50%;}
    25% {background-position: 100% 50%;}
    75% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}

@keyframes faqHeadingText {
	0% {color: blue;}
	25% {color: purple;}
	50% {color: #0bc3c3;}
	75% {color: purple;}
	100% {color: blue;}
}

/**** media queries ****/
@media only screen and (min-width: 0px) and (max-width: 767px) {
    #faqs {padding: 80px 0;}
    #faqs h2 {padding: 0 0 30px 0; font-size: 42px; line-height: 52px;}
    #faqs .set > a {font-size: 16px; font-weight: 600; padding: 12px 50px 12px 20px;}
    #faqs .set .content p {padding: 0 20px 15px 20px; font-size: 16px;}
    #faqs .set {margin-bottom: 20px;}
	#faqs .set .content ul {margin: -10px 0 0 20px;}
	#faqs .set .content ul li {font-size: 16px; line-height: 27px;}
	#faqs .set .content ul li:before {top: 10px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #faqs h2 {padding: 0 0 30px 0; font-size: 42px; line-height: 52px;}
    #faqs .set > a {font-weight: 500; font-size: 20px;}
    #faqs .set .content p {padding: 0 30px 15px 30px; font-size: 16px;}
	#faqs .set .content ul li {font-size: 16px; line-height: 27px;}
	#faqs .set .content ul li:before {top: 10px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #faqs h2 {padding: 0 0 30px 0; font-size: 42px; line-height: 52px;}
    #faqs .set > a {font-weight: 500; font-size: 20px;}
    #faqs .set .content p {padding: 0 30px 15px 30px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    #faqs {padding: 60px 0;}
    #faqs h2 {padding: 0 0 30px 0; font-size: 32px; line-height: 42px;}
    #faqs .set > a {font-size: 16px;}
    #faqs .set .content p {padding: 0 50px 10px 20px; font-size: 14px; line-height: 22px;}
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    #faqs h2 {padding: 0 0 30px 0; font-size: 40px; line-height: 50px;}
    #faqs .set > a {font-size: 18px; padding: 12px 50px 12px 26px;}
    #faqs .set .content p {padding: 0 50px 12px 26px; font-size: 15px; line-height: 25px;}
}