| Server IP : 104.26.4.103 / Your IP : 216.73.216.4 Web Server : nginx/1.27.1 System : Linux in-5 5.15.0-143-generic #153-Ubuntu SMP Fri Jun 13 19:10:45 UTC 2025 x86_64 User : arabianexpress ( 1872) PHP Version : 8.0.30 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,parse_ini_file,show_source MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /storage/v9321/leapdubai/public_html/wp-content/themes/printx/assets/scss/layout/ |
Upload File : |
@use '../utils' as *;
/*----------------------------------------*/
/* 16. faq css start
/*----------------------------------------*/
.tp-faq-inner {
&__customize{
& .tp-custom-accordion .accordion-buttons{
padding: 38px 28px;
&:hover{
color: var(--tp-theme-1);
}
}
& .tp-custom-accordion .accordion-buttons::after{
top: 38px;
}
& .tp-custom-accordion .accordion-buttons:not(.collapsed){
background-color: transparent;
color: var(--tp-common-black);
&:hover{
color: var(--tp-theme-1);
}
}
& .tp-custom-accordion .accordion-body{
border-top: 1px solid rgba($color: #0052CC, $alpha: 0.1);
margin: 0px 20px;
padding-left: 0;
padding-right: 0;
}
& .tp-custom-accordion .accordion-buttons:not(.collapsed)::after {
color: var(--tp-common-black);
}
}
&__tab-btn{
@media #{$md}{
margin-bottom: 70px;
}
@media #{$xs}{
margin-bottom: 40px;
}
& .nav-tab{
margin-right: 15px;
@media #{$md,$xs}{
margin-right: 0px;
}
& button{
width: 100%;
background-color: #F7F7F7;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
height: 60px;
line-height: 60px;
padding: 0px 20px;
border-radius: 5px;
font-weight: 600;
font-size: 18px;
color: #4D505C;
transition: .3s;
@media #{$md,$xs} {
font-size: 16px;
}
&:hover{
background-color: var(--tp-common-purple-2);
color: var(--tp-common-white);
& i{
color: var(--tp-common-white);
transform: rotate(180deg);
}
}
& i{
font-weight: 400;
font-size: 18px;
color: #4D505C;
transition: .3s;
}
&.active{
background-color: var(--tp-common-purple-2);
color: var(--tp-common-white);
& i{
color: var(--tp-common-white);
transform: rotate(180deg);
}
}
}
}
}
}