.iq-fancy-box-list-1 {
position: relative;
padding: 40px 45px;
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(--color-theme-white);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.iq-fancy-box-list-1 .iq-img-area i {
font-size: 45px;
color: var(--color-theme-primary);
}
.iq-fancy-box-list-1 .iq-fancy-title {
margin-bottom: 20px;
}
.iq-fancy-box-list-1  .fancy-box-content {
margin-bottom: 25px;
}
.iq-fancy-box-list-1 .iq-img-area {
margin-bottom: 30px
}
.iq-fancy-box-list-1 .iq-list li {
margin-bottom: 10px;
}
.iq-fancy-box-list-1 .iq-list li:last-child {
margin-bottom: 0;
}
.iq-fancy-box-list-1 .iq-fancy-details .iq-fancy-title {
margin: 0 0 .5rem;
}
.iq-fancy-box-list-1 .iq-fancy-details .fancy-box-content {
margin: 0;
}
.iq-fancy-box-list-1 .iq-fancy-details .iq-list {
margin-top: 15px;
}
.iq-fancy-box-list-1::before {
content: "";
width: 0;
height: 4px;
background: var(--color-theme-primary);
position: absolute;
left: 0;
right: 0;
bottom: 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
transition: all 0.3s ease-in-out;
-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;
}
.iq-fancy-box-list-1:hover::before, .iq-fancy-box-list-1.active::before {
width: 100%;
}
.iq-fancy-box-list-1.iq-shadow:hover, .iq-fancy-box-list-1.iq-shadow.active {
-webkit-box-shadow: var(--primary-box-shadow);
-moz-box-shadow: var(--primary-box-shadow);
box-shadow: var(--primary-box-shadow);
border: 1px solid #f2f2f4;
}
.iq-fancy-box-list-1:hover .iq-img-area i, .iq-fancy-box-list-1.active .iq-img-area i {
color: var(--color-theme-secondary);
}
.iq-fancy-box-list-1 .iq-list .iq-list-with-icon li, .iq-fancy-box-list-1 .iq-list li {
color: var(--color-theme-secondary);
font-weight: 500;
} .iq-fancy-box-list-2 {
position: relative;
padding: 30px 15px;
border: 1px solid #eee;
background: var(--color-theme-white);
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(--color-theme-white);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.iq-fancy-box-list-2 .iq-fancy-box-content {
display: flex;
}
.iq-fancy-box-list-2 .iq-img-area i {
font-size: 45px;
color: var(--color-theme-primary);
line-height: 70px;
}
.iq-fancy-box-list-2 .iq-img-area {
width: 70px;
height: 70px;
margin-right: 15px;
}
.iq-fancy-box-list-2 .iq-fancy-details {
flex: 1;
}
.iq-fancy-box-list-2 .iq-fancy-details .iq-fancy-title {
margin: 0 0 .5rem;
}
.iq-fancy-box-list-2 .iq-fancy-details .fancy-box-content {
margin: 0;
}
.iq-fancy-box-list-2 .iq-fancy-details .iq-list {
margin-top: 15px;
}
.iq-fancy-box-list-2.iq-shadow:hover, .iq-fancy-box-list-2.iq-shadow.active {
-webkit-box-shadow: var(--primary-box-shadow);
-moz-box-shadow: var(--primary-box-shadow);
box-shadow: var(--primary-box-shadow);
}
.iq-fancy-box-list-2:hover .iq-img-area i, .iq-fancy-box-list-2.active .iq-img-area i {
color: var(--color-theme-secondary);
}
.iq-fancy-box-list-2 .iq-list .iq-list-with-icon li, .iq-fancy-box-list-2 .iq-list li {
color: var(--color-theme-secondary);
font-weight: 500;
}
.iq-fancy-box-list-2 .iq-list .iq-list-with-icon li i, .iq-fancy-box-list-2 .iq-list li i {
color: var(--color-theme-primary);
} .iq-fancy-box-list-3 {
margin-bottom: 45px;
position: relative;
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;
overflow: hidden;
}
.iq-fancy-box-list-3 .iq-fancy-box-content {
display: flex;
}
@media (max-width:480px){
.iq-fancy-box-list-3 .iq-fancy-box-content {
display: flex;
flex-direction: column;
}
.iq-fancy-box-list-3 .iq-img-area{
margin-bottom: 16px;
}
}
.iq-fancy-box-list-3 .iq-img-area i {
font-size: 30px;
color: var(--color-theme-white);
line-height: 80px;
}
.iq-fancy-box-list-3 .iq-img-area {
background-image: -moz-linear-gradient(90deg, rgb(135, 154, 251) 0%, rgb(23, 51, 195) 100%);
background-image: -webkit-linear-gradient(90deg, rgb(135, 154, 251) 0%, rgb(23, 51, 195) 100%);
background-image: -ms-linear-gradient(90deg, rgb(135, 154, 251) 0%, rgb(23, 51, 195) 100%);
border-radius: 90px;
border-top-left-radius: 0px;
margin-right: 30px;
width: 80px;
height: 80px;
line-height: 80px;
color: var(--color-theme-white);
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 30px;
}
.iq-fancy-box-list-3 .iq-fancy-details {
flex: 1;
}
.iq-fancy-box-list-3 .iq-fancy-details .iq-fancy-title {
margin: 0 0 .5rem;
}
.iq-fancy-box-list-3 .iq-fancy-details .fancy-box-content {
margin: 0;
}
.iq-fancy-box-list-3 .iq-fancy-details .iq-list {
margin-top: 15px;
}
.iq-fancy-box-list-3.iq-shadow:hover, .iq-fancy-box-list-3.iq-shadow.active {
-webkit-box-shadow: var(--primary-box-shadow);
-moz-box-shadow: var(--primary-box-shadow);
box-shadow: var(--primary-box-shadow);
}
.iq-fancy-box-list-3:hover .iq-img-area i, .iq-fancy-box-list-3.active .iq-img-area i {
color: var(--color-theme-secondary);
}
.iq-fancy-box-list-3 .iq-list .iq-list-with-icon li, .iq-fancy-box-list-3 .iq-list li {
color: var(--color-theme-secondary);
font-weight: 500;
}
.iq-fancy-box-list-3 .iq-list .iq-list-with-icon li i, .iq-fancy-box-list-3 .iq-list li i {
color: var(--color-theme-primary);
}
.iq-fancy-box-list-3 .iq-fancy-details .iq-btn-container .iq-button {
margin-top: 30px;
padding: 10px 30px;
}