--faq.css 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. /*========================================
  2. FAQS PAGE STYLE
  3. =========================================*/
  4. .faq-child {
  5. border-radius: 8px;
  6. margin-bottom: 30px;
  7. background: var(--white);
  8. border-left: 3px solid var(--primary);
  9. border-right: 3px solid var(--primary);
  10. -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  11. box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  12. }
  13. .faq-child:hover .faq-que button {
  14. color: var(--primary);
  15. }
  16. .faq-child:last-child {
  17. margin-bottom: 0px;
  18. }
  19. .faq-que button {
  20. width: 100%;
  21. border: none;
  22. outline: none;
  23. background: none;
  24. text-align: left;
  25. padding: 22px 25px;
  26. color: var(--text);
  27. font-size: 18px;
  28. font-weight: 500;
  29. transition: all linear .3s;
  30. -webkit-transition: all linear .3s;
  31. -moz-transition: all linear .3s;
  32. -ms-transition: all linear .3s;
  33. -o-transition: all linear .3s;
  34. }
  35. .faq-ans p {
  36. font-size: 16px;
  37. line-height: 26px;
  38. padding: 20px 25px;
  39. border-top: 1px solid var(--border);
  40. }