.iq-accordion {
z-index: 9;
position: relative;
}
.iq-accordion .iq-accordion-title {
position: relative;
font-family: 'Poppins', sans-serif;
padding: 15px 60px 15px 30px;
background: var(--global-body-lightbg);
line-height: normal;
cursor: pointer;
display: flex;
text-align: left;
color: var(--color-theme-white);
font-weight: 600;
text-decoration: none;
}
.iq-accordion .iq-accordion-title .accordion-title {
display: inline-block;
vertical-align: middle;
}
.iq-accordion .iq-accordion-details {
display: none;
text-align: left;
padding: 0 30px 15px 60px;
background: var(--global-body-lightbg);
}
.iq-accordion .iq-accordion-details p {
margin-bottom: 0;
}
.iq-accordion .iq-accordion-block {
margin-bottom: 30px;
border: 1px solid var(--global-body-lightbg);
padding: 0;
overflow: hidden;
}
.iq-accordion .iq-accordion-block:last-child {
margin-bottom: 0;
}
.iq-accordion .iq-accordion-block .iq-accordion-title i {
color: var(--color-theme-primary);
line-height: normal;
vertical-align: middle;
}
.iq-accordion .iq-accordion-block .iq-accordion-title .iq-icon-right {
position: absolute;
right: 0;
}
.iq-accordion .iq-accordion-block .iq-accordion-title i::before {
vertical-align: middle;
}
.iq-accordion .iq-accordion-block .iq-accordion-title i.active {
display: none;
}
.iq-accordion .iq-accordion-block.iq-active .iq-accordion-title i.active {
display: inline-block;
vertical-align: middle;
}
.iq-accordion .iq-accordion-block.iq-active .iq-accordion-title i.inactive {
display: none;
}
.iq-accordion-square .iq-accordion-block {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.iq-accordion-semi-round .iq-accordion-block {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.iq-accordion-round .iq-accordion-block {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.iq-accordion-round .iq-accordion-title, .iq-accordion-round .iq-accordion-details {
background: var(--color-theme-white);
}
.iq-accordion .iq-accordion-block .iq-accordion-title .iq-icon-left {
margin-left: 30px;
display: inline-block;
vertical-align: middle;
position: absolute;
left: 0;
}
.iq-accordion-shadow .iq-accordion-block.iq-active {
-webkit-box-shadow: -1px 4px 30px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: -1px 4px 30px 0px rgba(0, 0, 0, 0.06);
box-shadow: -1px 4px 30px 0px rgba(0, 0, 0, 0.06);
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.iq-accordion-classic .iq-accordion-details {
padding: 15px 30px;
}
.iq-faq .iq-accordion-block {
padding: 10px 0;
border: 1px solid rgba(30, 30, 30, 0.07);
background: var(--color-theme-white);
}
.iq-faq .iq-accordion-block .iq-accordion-title {
background: var(--color-theme-white);
}
.iq-faq .iq-accordion-block .iq-accordion-title .accordion-title {
line-height: 40px;
}
.iq-faq .iq-accordion-block .iq-accordion-title i {
border-radius: 5px;
box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4);
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
color: var(--color-theme-white);
background: var(--color-theme-primary);
}
.iq-faq .iq-accordion-details {
padding: 10px 25px 25px;
background: var(--color-theme-white);
}
.iq-accordion.iq-accordion-style-3 .iq-accordion-title {
background: var(--global-body-lightbg);
}
.iq-accordion.iq-accordion-style-3 .iq-accordion-details {
padding: 15px 30px 15px 60px;
background: var(--color-theme-white);
} .iq-accordion.iq-accordion-style-4 .iq-accordion-block .iq-accordion-title .iq-icon-right {
right:15px
} .iq-accordion-style-5 {
background: transparent;
}
.iq-accordion.iq-accordion-style-5 .iq-accordion-block .iq-accordion-title i::before {
vertical-align: unset;
} .iq-faq.iq-accordion-style-5 .iq-accordion-block {
padding: 34px;
background-color: var(--background-color);
border: 1px solid var(--border-color-light);
margin-bottom: 30px;
position: relative;
} .iq-faq.iq-accordion-style-5 .iq-accordion-block .iq-accordion-title .iq-icon-left {
margin-left: 0;
} .iq-faq.iq-accordion-style-5 .iq-accordion-block .iq-accordion-title {
background: var(--background-color);
margin: 0;
padding: 0;
} .iq-accordion.text-left.iq-accordion-style-5 .accordion-title {
margin-left: 70px
}
.iq-accordion.text-left.iq-accordion-style-5 .iq-accordion-details {
margin-left: 50px;
}
.iq-accordion-style-5 .iq-accordion-block .iq-accordion-title i {
box-shadow: none;
} .iq-accordion.text-right.iq-accordion-style-5 .accordion-title {
margin-right: 80px;
}
.iq-accordion.text-right.iq-accordion-style-5 .iq-accordion-block .iq-accordion-title .iq-icon-right {
margin-right: 0;
}
.iq-accordion.text-right.iq-accordion-style-5 .iq-accordion-details {
margin-right: 50px;
}
@media(max-width:1024px) {
.iq-accordion-round .iq-accordion-block {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
}