.sdp-faq-sec { padding: 70px 0; } .sdp-faq-sec .sdp-container { position: relative; max-width: 950px; margin: 0px auto; width: 90%; } .sdp-faq-sec h2.sdp-tac { text-align: center; font: 40px / 1.2 'Zoho_Puvi_Bold'; margin: 0 0 50px 0; } .faq-main-content .faq-item { position: relative; padding: 25px 30px; background: #ecf4ff; margin: 0 0 10px 0; border-radius: 3px; display: block; cursor: pointer; } .faq-main-content .faq-item .faq-item-click { cursor: pointer; } .faq-main-content .faq-item .faq-item-click h3 { margin: 0; font-size: 21px; padding-right: 40px; cursor: pointer; } .faq-main-content .faq-item .faq-item-click h3::after { content: ''; width: 18px; height: 3px; background: #0067ff; position: absolute; right: 37px; top: 38px; } .faq-main-content .faq-item .faq-item-click h3::before { content: ''; width: 3px; height: 18px; background: #0067ff; position: absolute; right: 44px; top: 31px; transition: 0.5s ease-in; } .faq-main-content .faq-item.faq-active h3::before { transform: rotate(90deg); } .faq-main-content .faq-item .faq-item-content { margin: 30px 0 10px; max-width: 95%; } .faq-main-content .faq-item .faq-item-content .sdp-list-style, .faq-main-content .faq-item .faq-item-content p { padding-bottom: 0; } #faq .faq-main-content .guide-faq-list li { font: 18px / 1.4 'Zoho_Puvi_Regular'; margin-bottom: 5px; list-style-type: none; padding: 0px 0 0 30px; position: relative; line-height: 1.7; } .faq-main-content .guide-faq-list li::before { content: " "; display: block; border: solid 8px #0067ff; border-radius: 10px; height: 0; width: 0; position: absolute; left: 0; top: 7px; } .faq-main-content .guide-faq-list li::after { content: " "; display: block; width: 4px; height: 10px; border: solid #fff; border-width: 0px 2px 2px 0; position: absolute; left: 7px; top: 7px; margin-top: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } @media screen and (max-width: 414px) { .sdp-faq-sec h2 { font-size: 32px; } .faq-main-content { max-width: 100%; } .faq-main-content .faq-item .faq-item-click h3 { max-width: 80%; font-size: 18px; } .faq-main-content .faq-item { padding: 25px 20px; } }