.iq-icon-box-style-1{
transition: all 0.3s ease-in-out;
height: 410px;
}
.hide-bottom-border::before{
display: none !important;
}
.iq-icon-box-style-1 .icon-box-content {
position: relative;
padding: 50px 30px;
border-radius: var(--box-border-radius);
cursor: pointer;
background: var(--color-theme-white);
box-shadow: 0px 3px 45px rgba(0, 0, 0, 0.05);
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.iq-icon-box-style-1.icon-box-hover:hover .icon-box-content {
background: var(--color-theme-secondary);
}
.iq-icon-box-style-1.icon-box-hover:hover .icon-box-content .icon-box-title,
.iq-icon-box-style-1.icon-box-hover:hover .icon-box-content .icon-box-desc {
color: var(--color-theme-white);
}
.iq-icon-box-style-1.icon-box-hover::before {
width: 0;
opacity: 0;
transition: opacity 0 ease-in-out;
transition-delay: 0.5s;
max-height: 100%;
}
.iq-icon-box-style-1.icon-box-hover .icon-box-content .logik-btn-container {
overflow: hidden;
display: none;
}
.iq-icon-box-style-1 .icon-box-content .icon-box-img {
margin: 30px 0;
background: transparent;
text-align: center;
padding: 40px;
line-height: 100px;
box-shadow: 0px 17px 63px rgb(0 0 0 / 5%);
border-radius: var(--box-border-radius);
position: relative;
}
.iq-icon-box-style-1 .icon-box-content .icon-box-wrapper {
margin: 30px 0;
}
.iq-icon-box-style-1.icon-box-style .icon-box-content .icon-box-img {
width: 115px;
height: 115px;
background: var(--global-body-lightbg);
text-align: center;
line-height: 115px;
margin: 30px auto;
padding: 35px;
cursor: pointer;
border-radius: var(--border-radius);
position: relative;
}
.iq-icon-box-style-1 .icon-box-img::before {
width: 100%;
height: 3px;
content: "";
background: var(--color-theme-primary);
position: absolute;
bottom: 0;
margin: 0 auto;
left: 0;
right: 0;
opacity: 1;
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
}
.iq-icon-box-style-1:hover .icon-box-img::before {
opacity: 1;
width: 50%;
}
.iq-icon-box-style-2 {
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
}
.iq-icon-box-style-2 .icon-box-content {
position: relative;
overflow: hidden;
border-radius: var(--box-border-radius);
background-color: var(--color-theme-secondary-hover);
padding: 50px 30px;
text-align: center;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
}
.iq-icon-box-style-2 .icon-box-content:hover::before {
-webkit-transform: scaleY(1.05);
transform: scaleY(1.05);
}
.iq-icon-box-style-2 .icon-box-content p,
.iq-icon-box-style-2 .icon-box-content .iq-heading-title {
color: var(--color-theme-white);
}
.iq-icon-box-style-2 .icon-box-content .logik-btn-container {
overflow: hidden;
display: none;
}
.iq-icon-box-style-2 .icon-box-img {
padding: 30px 0;
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
}
.iq-icon-box-style-2 .iq-heading-title {
position: relative;
height: 99%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 1;
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
}
.iq-icon-box-style-2:hover .icon-box-img {
margin-top: -45px;
}
.iq-icon-box-style-2:hover .iq-heading-title {
opacity: 0;
}
.iq-icon-box-style-1.icon-box-style .icon-box-content {
background: var(--color-theme-white);
text-align: center;
box-shadow: 0px 17px 63px rgba(0, 0, 0, 0.05);
border-radius: var(--box-border-radius);
padding: 50px 30px;
}
.iq-icon-box-style-3{
position: relative;
}
.iq-icon-box-style-3::before{
width: 30%;
height: 2px;
content: "";
background: var(--color-theme-primary);
position: absolute;
bottom: 0;
margin: 0 auto;
left: 0;
right: 0;
opacity: 1;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.iq-icon-box-style-3:hover::before{
opacity: 1; 
width: 100%;
}
.iq-icon-box-style-3 .icon-box-content {
display: flex;
align-items: center;
border-radius: var(--box-border-radius);
padding: 30px 0;
padding-right: 30px;
}
.iq-icon-box-style-3 .icon-box-content.box-shadow {
box-shadow: 0px 4px 69px rgba(0, 0, 0, 0.05);
}
.iq-icon-box-style-3 .logik-theme-link {
color: var(--color-theme-primary);
}
.iq-icon-box-style-3 .logik-theme-link:hover {
color: var(--color-theme-secondary);
}
.iq-icon-box-style-3 .icon-box-content .icon-box-img {
width: 125px;
height: 125px;
line-height: 125px;
margin: 0 30px 0 0;
background: var(--border-color-light);
border-radius: 0px 5px 5px 0px;
padding: 0 15px;
}
.logik-slider-box .icon-box-content {
padding: 40px;
box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.05);
border-radius: var(--box-border-radius);
background: var(--color-theme-white);
}
.logik-slider-box .icon-box-content .icon-box-img {
margin: 30px 0;
}
.logik-slider-box .owl-nav {
margin-top: 30px;
text-align: left;
}
.logik-slider-box .owl-prev .logik-leftarrow,
.logik-slider-box .owl-next .logik-rightarrow {
background: var(--color-theme-primary);
height: 35px;
width: 35px;
line-height: 35px;
color: var(--color-theme-white);
margin-right: 15px;
border-radius: var(--border-radius);
transition: all 0.5s ease-in-out;
}
.logik-slider-box .owl-prev .logik-leftarrow:hover,
.logik-slider-box .owl-next .logik-rightarrow:hover {
background: var(--color-theme-secondary);
}
.iq-icon-box-style-4 {
padding: 30px;
}
.iq-icon-box-style-4 .icon-box-img svg {
font-size: 50px;
color: var(--color-theme-secondary);
margin-bottom: 15px;
}
.iq-icon-box-style-4::before {
width: 0%;
height: 2px;
content: "";
background: var(--color-theme-primary);
position: absolute;
bottom: 0;
margin: 0 auto;
left: 0;
right: 0;
opacity: 1;
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
}
.iq-icon-box-style-4:hover::before {
opacity: 1;
width: 100%;
}
.iq-icon-box-style-1.iq-icon-box .logik-theme-link,
.iq-icon-box-style-2.iq-icon-box .logik-theme-link {
color: var(--color-theme-primary);
}
.iq-icon-box-style-1.iq-icon-box .logik-theme-link:hover,
.iq-icon-box-style-2.iq-icon-box .logik-theme-link:hover {
color: var(--color-theme-white);
}
.iq-icon-box-style-1.icon-box-style .logik-theme-link:hover {
color: var(--color-theme-secondary);
}
.iq-icon-box-style-4 {
padding: 30px;
box-shadow: 0px 17px 63px rgb(0 0 0 / 5%);
border-radius: var(--box-border-radius);
}
.icon-position-left .iq-icon-box-style-4 .icon-box-content,
.icon-position-left .iq-icon-box-style-4 .icon-box-content {
display: flex;
align-items: center;
}
.icon-position-left .iq-icon-box-style-4 .icon-box-content .icon-box-info {
padding: 0 30px;
}
.icon-position-left .iq-icon-box-style-4 .icon-box-content svg {
margin: 0;
}
.icon-position-top .iq-icon-box-style-4 .icon-box-content .icon-box-img svg {
margin-bottom: 30px;
}
.iq-icon-box-style-1 .logik-btn-container,
.iq-icon-box-style-2 .logik-btn-container {
margin-top: 15px;
}
.iq-icon-box-style-1.icon-box-style .icon-box-content .logik-theme-link {
padding: 0 15px;
}
.iq-icon-box-style-1.center .logik-theme-link {
padding: 0 15px;
}
.customer-care .iq-icon-box-style-4::before {
display: none;
}
.logik-slider-box .owl-carousel .owl-stage-outer {
overflow: visible;
}
.logik-slider-box .owl-carousel .owl-item {
opacity: 0;
transition: opacity 500ms;
}
.logik-slider-box .owl-carousel .owl-item.active {
opacity: 1;
}
.logik-slider-box .icon-box-content p,
.iq-icon-box.iq-icon-box-style-1 .icon-box-desc {
margin-bottom: 0;
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
}
@media (max-width: 1024px) {
.iq-icon-box-style-1.icon-box-hover .icon-box-content .logik-btn-container,
.iq-icon-box-style-2 .icon-box-content .logik-btn-container {
overflow: visible;
display: block !important;
}
.iq-icon-box-style-2:hover .iq-heading-title {
opacity: 1;
}
.iq-icon-box-style-2:hover .icon-box-img {
margin: 30px 0;
}
.iq-icon-box-style-1 .icon-box-content{
padding: 30px;
}
.iq-icon-box-style-1{
height: auto;
}
}
@media (min-width: 1025px) {
.iq-icon-box-style-2 {
min-height: 430px; 
}
}
@media (max-width: 767px) {
.iq-icon-box-style-1 .icon-box-content {
padding: 30px;
}
}
@media (max-width: 480px) {
.iq-icon-box-style-3 .icon-box-content {
flex-direction: column;
text-align: center;
}
.iq-icon-box-style-3 .icon-box-content .icon-box-img {
margin: 0 0 30px 0;
}
.iq-icon-box-style-3 .icon-box-content {
padding: 30px;
}
}