.iq-icon-box-style-1 {
position: relative;
padding: 30px;
transition: all 0.5s ease-in-out;
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;
background: var(--white-color);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.iq-icon-box-style-1 .icon-box-img i {
font-size: var(--font-size-h3);
color: var(--primary-color);
}
.iq-icon-box-style-1 .icon-box-content .icon-box-title a {
margin: 15px 0;
}
.iq-icon-box-style-1 .icon-box-content .icon-box-desc {
margin: 0;
}
.iq-icon-box-style-1::before {
width: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
height: 4px;
background: var(--primary-color);
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.iq-icon-box-style-1:hover::before, .iq-icon-box-style-1.active::before {
width: 100%;
}
.iq-icon-box-style-1:hover, .iq-icon-box-style-1.active {
-webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
} .iq-icon-box-style-2 {
display: flex;
padding: 30px;
border: 1px solid transparent;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
transition: all 0.5s ease-in-out;
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-icon-box-style-2 .icon-box-img {
margin-right: 30px;
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-icon-box-style-2 .icon-box-img img {
min-width: 60px;
}
.iq-icon-box-style-2 .icon-box-img i {
font-size: var(--font-size-h3);
color: var(--primary-color);
}
.iq-icon-box-style-2 .icon-box-content .icon-box-title a {
margin: 0 0 10px;
}
.iq-icon-box-style-2 .icon-box-content .icon-box-desc {
margin: 0;
}
.iq-icon-box-style-2:hover, .iq-icon-box-style-2.active {
border-color: var(--border-color-light);
background: var(--white-color);
-webkit-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
} .iq-icon-box-style-6 {
display: block;
position: relative;
background: var(--white-color);
border-radius: 4px;
min-height: 160px;
padding: 20px;
z-index: 0;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
}
.iq-icon-box-style-6 {
min-height: 160px;
}
.iq-icon-box-style-6:hover:after, .iq-icon-box-style-6.active:after {
z-index: -2;
}
.iq-icon-box-style-6:after {
content: "";
width: 70px;
height: 70px;
background-image: radial-gradient(var(--primary-color) 1px, transparent 1px);
background-size: 10px 10px;
z-index: -2;
content: "";
position: absolute;
right: -20px;
bottom: -20px;
opacity: 0;
transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}
.iq-icon-box-style-6:hover:after, .iq-icon-box-style-6.active:after {
opacity: 1;
}
.iq-icon-box-style-6::before {
background: var(--primary-color);
}
.iq-icon-box-style-6 .icon-box-img i {
color: var(--primary-color);
font-size: var(--font-size-h3);
}
.iq-icon-box-style-6:before {
border-radius: 4px;
content: "";
width: 100%;
height: 100%;
transition: all 0.5s ease-in-out;
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;
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: -1;
}
.iq-icon-box-style-6:hover:before, .iq-icon-box-style-6.active:before {
opacity: 1;
z-index: -1;
}
.iq-icon-box-style-6 .icon-box-img i, .iq-icon-box-style-6 .icon-box-title a, .iq-icon-box-style-6 .icon-box-desc {
transition: all 0.5s ease-in-out;
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-icon-box-style-6 .icon-box-title a {
margin-bottom: 30px;
}
.iq-icon-box-style-6:hover .icon-box-img i, .iq-icon-box-style-6:hover .icon-box-title a, .iq-icon-box-style-6:hover .icon-box-desc, .iq-icon-box-style-6.active .icon-box-img i, .iq-icon-box-style-6.active .icon-box-title a, .iq-icon-box-style-6.active .icon-box-desc {
color: var(--white-color);
} .iq-icon-box-style-8 {
position: relative;
padding: 45px 30px;
border-radius: 5px;
border: 1px solid var(--icon-box-style-8-border);
transition: all 0.5s ease-in-out;
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;
background: var(--white-color);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.iq-icon-box-style-8 .icon-box-img i {
font-size: var(--font-size-h3);
color: var(--primary-color);
}
.iq-icon-box-style-8 .icon-box-img {
display: inline-block;
}
.iq-icon-box-style-8 .icon-box-content .icon-box-title a {
margin: 30px 0 0;
}
.iq-icon-box-style-8 .icon-box-content .icon-box-desc {
margin: 15px 0 0;
}
.iq-icon-box-style-8:hover, .iq-icon-box-style-8.active {
border-color: var(--primary-color);
} .iq-icon-box-style-9 {
position: relative;
display: inline-block;
vertical-align: middle;
width: 100%;
border: 1px solid var(--icon-box-style-8-border);
transition: all 0.5s ease-in-out;
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;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.iq-icon-box-style-9 .icon-box-content {
display: inline-block;
width: 60%;
vertical-align: middle;
padding: 30px;
}
.iq-icon-box-style-9 .icon-box-img {
display: inline-block;
width: 40%;
vertical-align: middle;
text-align: right;
float: right;
}
.iq-icon-box-style-9.text-right .icon-box-img {
text-align: left;
float: left;
}
.iq-icon-box-style-9.text-center .icon-box-img {
text-align: center;
float: none;
width: 100%;
margin: 30px auto;
} .iq-icon-box-style-10 {
display: flex;
padding: 35px;
background-color: var(--white-color);
border-radius: var(--border-radius-box);
transition: all 0.5s ease-in-out;
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-icon-box-style-10 .icon-box-img {
margin-right: 30px;
transition: all 0.5s ease-in-out;
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-icon-box-style-10 .icon-box-img svg, .iq-icon-box-style-10 .icon-box-img img {
transition: all 0.5s ease-in-out;
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-icon-box-style-10 .icon-box-title {
display: inline-block;
transition: all 0.5s ease-in-out;
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-icon-box-style-10 .icon-box-desc {
display: initial;
transition: all 0.5s ease-in-out;
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-icon-box-style-10:hover, .iq-icon-box-style-10.active {
background-color: var(--primary-color);
}
.iq-icon-box-style-10:hover .icon-box-img svg path, .iq-icon-box-style-10.active .icon-box-img svg path {
stroke: var(--white-color);
}
.iq-icon-box-style-10:hover .icon-box-title a, .iq-icon-box-style-10.active .icon-box-title a {
color: var(--white-color);
}
.iq-icon-box-style-10:hover .icon-box-desc, .iq-icon-box-style-10.active .icon-box-desc {
color: var(--white-color);
} @media (max-width: 1024px) {
.iq-icon-box-style-10 {
align-items: center;
}
.iq-icon-box-style-10 .icon-box-title {
display: block;
margin-bottom: 10px;
}
}
@media(max-width:479px) {
.iq-icon-box-style-10 {
display: block;
}
.iq-icon-box-style-10 .icon-box-img {
margin-right: 0;
margin-bottom: 16px;
}
.iq-icon-box-style-2 {
display: block;
}
.iq-icon-box-style-2 .icon-box-img {
margin-bottom: 30px;
display: block;
}
.iq-icon-box-style-9 {
display: flex;
flex-direction: column-reverse;
}
.iq-icon-box-style-9 .icon-box-content, .iq-icon-box-style-9 .icon-box-img {
width: auto;
}
}.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(--white-color);
font-weight: var(--font-weight-semi-bold);
text-decoration: none;
}
.iq-accordion.iq-accordion-classic .iq-accordion-block .iq-accordion-title {
align-items: center;
}
.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;
background: var(--global-body-lightbg);
}
.iq-accordion .iq-accordion-details p {
margin-bottom: 0;
text-transform: capitalize;
}
.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 !important;
}
.iq-accordion .iq-accordion-block .iq-accordion-title i {
color: var(--primary-color);
line-height: normal;
vertical-align: middle;
}
.iq-accordion .iq-accordion-block .iq-accordion-title .iq-icon-right {
position: absolute;
right: 30px;
}
.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-semi-round .iq-accordion-block {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.iq-accordion .iq-accordion-block .iq-accordion-title .iq-icon-left {
margin-right: 15px;
display: inline-block;
vertical-align: middle;
}
.iq-accordion-shadow .iq-accordion-block.iq-active {
-webkit-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
transition: all 0.5s ease-in-out;
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;
} @media(max-width:1024px) {
.iq-accordion-round .iq-accordion-block {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
} .iq-accordion-style-4 .iq-accordion-block {
padding: 30px 35px;
background: var(--white-color);
border: none;
border-radius: var(--border-radius-box);
}
.iq-accordion-style-4 .iq-accordion-title {
border-radius: var(--border-radius-box);
background: var(--white-color);
padding: 0;
}
.iq-accordion-style-4 .iq-accordion-title .accordion-title {
font-size: var(--font-size-h5);
}
.iq-accordion-style-4 .iq-accordion-details {
background: var(--white-color);
padding: 0;
}
.iq-accordion-style-4 .iq-accordion-block .iq-accordion-title .iq-icon-right {
position: absolute;
right: 0;
}
.iq-accordion-style-4 .iq-accordion-block .iq-accordion-title i {
border-radius: 50%;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
background: var(--global-body-bgcolor);
color: var(--primary-color);
}
.iq-accordion-style-4 .iq-accordion-block.iq-active .iq-accordion-title i {
background: var(--primary-color);
color: var(--white-color);
}
@media(max-width:767px) {
.iq-accordion-style-4 .iq-accordion-details {
padding: 0;
}
.iq-accordion-style-4 .iq-accordion-title {
padding-right: 50px;
}
.iq-accordion-style-4 .iq-accordion-title .accordion-title {
font-size: var(--font-size-18);
}
}