.faq{padding:60px 0px 40px 0px;position: relative;}
.faq h2 {padding: 0px 30px; color: #1e1e1e; font-family:'Poppins-Regular';font-size: 34px; text-align: center; width: 100%;}
.faq p {color:#565559;font-family:'Poppins-Regular';font-size:18px;text-align: center;margin:0 auto 50px auto;padding: 0% 20% 0% 20%;}
.faq button {font-family:Lato,sans-serif; font-size: 18px;font-weight: 700; width: 100%; text-align: left;  color: #333 !important; padding: 20px 0px; border:0px; border-bottom:1px solid #CCC;border-radius:0px !important;background: #fff;}
.faq .card-header h5 .btn.btn-link::after {  font-size: 19px;content: "\f107";color: #000; right: 0px;position: absolute;font-family: "FontAwesome";}
.card-header h5 .btn.btn-link[aria-expanded="true"]::after {content: "\f106";}
.faq button:hover{border-bottom:1px solid #1766ae;text-decoration: none;background-color: #fff;}
.faq button:focus{color:#1766ae !important;border-bottom:1px solid #1766ae;text-decoration: none;}
.faq button:active{color:#1766ae;border-bottom:1px solid #1766ae;text-decoration: none;}
.faq .card, .card-header{border:0px; border-bottom:0px dashed #CCC;}
.faq .card-body{padding:15px 0px 15px 0px; text-align: justify;color: #444; font-size: 16px;}
.faq .card-body ul{padding:0px 0px 0px 25px}
.faq .card-body ul li{list-style: disc;}


@media only screen and (min-width:320px)and (max-width:479px){  
    .faq{padding: 30px 0px;}
    .faq h2{font-size: 22px;padding: 5px 0px;}
    .faq p{font-size: 14px;margin:0 15px 30px 15px;padding: 0px;}
    .btn {white-space: unset;}
    .faq button{font-size: 16px;padding: 10px 0px;}
    .faq .p-3{padding: 0rem !important;}
    .faq .card-body{font-size: 14px;padding: 10px 0px 10px 0px;}
    .faq .mb-5{margin-bottom: 1rem !important;}
}
  @media only screen and (min-width:480px) and (max-width:767px){  
    .faq{padding: 30px 0px;}
    .faq h2{font-size: 22px;padding: 5px 0px;}
    .faq p{font-size: 14px;margin: 0 auto 30px auto;padding: 0px;}
    .btn {white-space: unset;}
    .faq button{font-size: 16px;padding: 10px 0px;}
    .faq .p-3{padding: 0rem !important;}
    .faq .card-body{font-size: 14px;padding: 10px 0px 10px 0px;}
    .faq .mb-5{margin-bottom: 1rem !important;}
}
@media only screen and (min-width:768px) and (max-width:1024px){
    .faq{padding: 30px 0px;}
    .faq h2{font-size: 22px;padding: 5px 0px;}
    .faq p{font-size: 14px;margin: 0 auto 30px auto;padding: 0px;}
    .btn {white-space: unset;}
    .faq button{font-size: 16px;padding: 10px 0px;}
    .faq .p-3{padding: 0rem !important;}
    .faq .card-body{font-size: 14px;padding: 10px 0px 10px 0px;}
    .faq .mb-5{margin-bottom: 1rem !important;}
}