/*---------------------------------------------------------------------
Feature Circle
-----------------------------------------------------------------------*/
.iq-feature-circle { margin: 0 auto; position: relative; display: inline-block; width: 550px; height: 550px; }
.iq-feature-circle .iq-img::before { content: ""; border-width: 2px; border-style: dotted;border-color: #f2f4ff; -webkit-animation: anti-clockwise 25s linear 100000; animation: anti-clockwise 25s linear 100000; width: 500px; height: 500px; border-radius: 900px; display: inline-block; }
.iq-feature-circle .iq-img { margin: 0 auto; width: 500px; height: 500px; position: relative; transition: all .4s ease; transform-origin: center center }
.iq-feature-circle .circle-bg { box-shadow: 0px 20px 40px 0px rgba(232, 232, 245, 0.9); width: 140px; text-align: center; position: relative; height: 140px; line-height: 140px; border-radius: 900px; background: #f2f4ff; }
.iq-feature-circle .dot-circle { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }
.iq-feature-circle .effect-circle { position: relative; width: 270px; height: 270px; border-radius: 900px; border-width: 1px;border-style: solid; border-color: #f2f4ff; -webkit-animation: rotate-center 25s linear 100000; animation: rotate-center 25s linear 100000; }
.iq-feature-circle .main-circle { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; margin-right: -50%; }
.iq-feature-circle .iq-img ul li .feature-info { position: absolute; margin: 0 auto; text-align: center; }
.iq-feature-circle .iq-img ul li .feature-info .inner{position: relative;}
.iq-feature-circle .iq-img ul li .feature-info .inner .iq-feature-title{position: absolute; left: 50%; white-space: nowrap; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.iq-feature-circle .iq-img ul li .feature-info .feature-img { font-size: var(--font-size-30); color: var(--white-color); height: 65px; width: 65px; line-height: 65px; border-radius: 90px; background: var(--secondary-color); text-align: center; margin: 0 auto 5px; box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.1); }
.iq-feature-circle .effect-circle:before{
    content: "";
    display: inline-block;
    position: absolute;
    top: -9px;
    left: 50%;
    height: 16px;
    width: 16px;
    background: var(--white-color);
    border: 4px solid var(--color-theme-purple);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.iq-feature-circle .effect-circle::after{
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -9px;
    left: 50%;
    height: 16px;
    width: 16px;
    background: var(--white-color);
    border: 4px solid var(--color-theme-purple);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);transform: translateX(-50%);
}

.iq-feature-circle .iq-img ul li:nth-child(1) .feature-info{
    top: -38px;
}
.iq-feature-circle .iq-img ul li:nth-child(8) .feature-info {
    top: 92%;
}
.iq-feature-circle .iq-img ul li:nth-child(1) .feature-info,
.iq-feature-circle .iq-img ul li:nth-child(8) .feature-info {
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.iq-feature-circle .iq-img ul li:nth-child(2) .feature-info {
    top: 10%;
    left: 5%;
}

.iq-feature-circle .iq-img ul li:nth-child(3) .feature-info {
    top: 10%;
    right: 5%;
}

.iq-feature-circle .iq-img ul li:nth-child(4) .feature-info {
    left: -7%;
}

.iq-feature-circle .iq-img ul li:nth-child(5) .feature-info {
    right: -7%;
}

.iq-feature-circle .iq-img ul li:nth-child(4) .feature-info,
.iq-feature-circle .iq-img ul li:nth-child(5) .feature-info{
    top: 50%;
    -moz-transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
}

.iq-feature-circle .iq-img ul li:nth-child(6) .feature-info {
    top: 75%;
    left: 5%;
}

.iq-feature-circle .iq-img ul li:nth-child(7) .feature-info {
    top: 75%;
    right: 5%;
}

@keyframes circle {
    0% { transform: rotate(0deg) }
    15% { transform: rotate(2deg) }
    33% { transform: rotate(4deg) }
    66% { transform: rotate(2deg) }
    100% { transform: rotate(0deg) }
}

/*----------------------------------------
    animation rotate-center
  ----------------------------------------*/
@-webkit-keyframes rotate-center {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotate-center {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes anti-clockwise {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
@keyframes anti-clockwise {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}

/*----------------------------------------
  Responsive
----------------------------------------*/
@media(max-width: 767px) {
    .iq-feature-circle {
        height: 450px;
        width: 450px;
        display: block;
    }
    .iq-feature-circle .iq-img::before,
    .iq-feature-circle .iq-img {
        height: 400px;
        width: 400px;
    }

    .iq-feature-circle .iq-img ul li:nth-child(2) .feature-info{
        left: 2%;
    }

    .iq-feature-circle .iq-img ul li:nth-child(3) .feature-info{
        right: 2%;
    }

    .iq-feature-circle .iq-img ul li:nth-child(4) .feature-info{
        left: -9%;
    }

    .iq-feature-circle .iq-img ul li:nth-child(5) .feature-info{
        right: -9%;   
    }

    .iq-feature-circle .iq-img ul li:nth-child(8) .feature-info{
        top: 89%;
    }

    .iq-feature-circle .effect-circle::before,
    .iq-feature-circle .effect-circle::after{
        content: none;
    }
}

@media(max-width: 500px) {
    .iq-feature-circle {
        height: 300px;
        width: 300px;
    }
    .iq-feature-circle .iq-img::before,
    .iq-feature-circle .iq-img {
        height: 250px;
        width: 250px;
    }
    .iq-feature-circle .dot-circle {
        display: none;
    }
    .iq-feature-circle .iq-img ul li .feature-info .feature-img {
        height: 45px;
        width: 45px;
        line-height: 45px;
        font-size: var(--font-size-24);
    }
    .iq-feature-circle .circle-bg {
        height: 100px;
        line-height: 100px;
        width: 100px;
    }
    .iq-feature-circle .circle-bg img {
        width: 60px;
    }
    .iq-feature-circle .iq-img ul li:nth-child(1) .feature-info {
        top: -24px;
    }
    .iq-feature-circle .iq-img ul li:nth-child(2) .feature-info {
        top: 7%;
        left: -4px;
    }
    .iq-feature-circle .iq-img ul li:nth-child(3) .feature-info {
        top: 7%;
        right: 3px;
    }
    .iq-feature-circle .iq-img ul li:nth-child(6) .feature-info{
        top: 76%;
        left: 5%;
    }
    .iq-feature-circle .iq-img ul li:nth-child(7) .feature-info{
        top: 76%;
        right: 5%;
    }
    .iq-feature-title{
        font-size: var(--font-size-normal);
    }
}

@media (max-width: 379px){
    .iq-feature-circle{
        height: 180px;
        width: 180px;
    }

    .iq-feature-circle .iq-img::before, .iq-feature-circle .iq-img{
        height: 180px;
        width: 180px;
    }

    .iq-feature-circle .circle-bg{
        height: 70px;
        width: 70px;
        line-height: 70px;
    }

    .iq-feature-circle .iq-img ul li:nth-child(1) .feature-info{
        top: -17px;
    }

    .iq-feature-circle .iq-img ul li:nth-child(2) .feature-info{
        left: 5%;
    }

    .iq-feature-circle .iq-img ul li:nth-child(3) .feature-info{
        right: 5%;
    }

    .iq-feature-circle .iq-img ul li .feature-info .feature-img{
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: var(--font-size-body);
    }

    .iq-feature-title{
        font-size: var(--font-size-xs);
    }

}

/*=======================================
style-2
==============================================*/
.iq-feature-circle.style-2{
    text-align: center;
}

.iq-feature-circle.style-2 .iq-img{
    animation: none;
    -webkit-animation: none;
    border: none;
}

.iq-feature-circle.style-2 .iq-img:before{
    content: none;
}

.iq-feature-circle.style-2 .iq-img ul li .feature-info .feature-img{
    background: var(--white-color);
    color: var(--title-color);
    height: 80px;
    width: 80px;
    line-height: 80px;
}

.iq-feature-circle.style-2 .effect-circle:before{
    content: none;
}

.iq-feature-circle.style-2 .circle-bg-main{
    position: relative;
}

.iq-feature-circle.style-2 .circle-bg-main .circle-bg{
    z-index: 1;
}

.iq-feature-circle.style-2 .iq-img ul li .feature-info{
    z-index: 1;
}

.iq-feature-circle.style-2 .iq-img ul li:nth-child(1) .feature-info{
    top: -10px;
}

.iq-feature-circle.style-2 .iq-img ul li:nth-child(4) .feature-info, .iq-feature-circle.iq-feature-circle.style-2 .iq-img ul li:nth-child(5) .feature-info{
    top: 55%;
}


.iq-feature-circle.style-2 .iq-img ul li:nth-child(2) .feature-info{
    top: 20%;
    left: 15%;
}

.iq-feature-circle.style-2 .iq-img ul li:nth-child(3) .feature-info{
    top: 20%;
    right: 15%;
}

.iq-feature-circle.style-2 .iq-img ul li:nth-child(6) .feature-info{
    top: 73%;
    left: 15%;
}

.iq-feature-circle.style-2 .iq-img ul li:nth-child(7) .feature-info{
    top: 73%;
    right: 15%;
}

.iq-feature-circle.style-2 .iq-img ul li:nth-child(8) .feature-info{
    top: 96%;
}

.iq-feature-circle.style-2 .circle-bg-main .line{
    display: inline-block;
    height: 100%;
    width: 1px;
    border: 1px dashed var(--color-theme-separator);
    position: absolute;
}

.iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(1){
    top: -100%;
}

.iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(2){
    -moz-transform: rotatez(45deg) translate(0px ,-139px);
    -webkit-transform: rotatez(45deg) translate(0px ,-139px);
    -o-transform: rotatez(45deg) translate(0px ,-139px);
    -ms-transform: rotatez(45deg) translate(0px ,-139px);
    transform: rotatez(45deg) translate(0px ,-139px);
    top: 0;
}

.iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(8){
    -moz-transform: rotatez(-45deg) translate(0px ,-139px);
    -webkit-transform: rotatez(-45deg) translate(0px ,-139px);
    -o-transform: rotatez(-45deg) translate(0px ,-139px);
    -ms-transform: rotatez(-45deg) translate(0px ,-139px);
    transform: rotatez(-45deg) translate(0px ,-139px);
    top: 0;
}

.iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(4){
    -moz-transform: rotatez(-45deg) translate(0px ,139px);
    -webkit-transform: rotatez(-45deg) translate(0px ,139px);
    -o-transform: rotatez(-45deg) translate(0px ,139px);
    -ms-transform: rotatez(-45deg) translate(0px ,139px);
    transform: rotatez(-45deg) translate(0px ,139px);
    top: 0;
}

.iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(6){
    -moz-transform: rotatez(45deg) translate(0px ,139px);
    -webkit-transform: rotatez(45deg) translate(0px ,139px);
    -o-transform: rotatez(45deg) translate(0px ,139px);
    -ms-transform: rotatez(45deg) translate(0px ,139px);
    transform: rotatez(45deg) translate(0px ,139px);
    top: 0;
}

.iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(3){
    -moz-transform: rotatez(270deg) translate(0px ,139px);
    -webkit-transform: rotatez(270deg) translate(0px ,139px);
    -o-transform: rotatez(270deg) translate(0px ,139px);
    -ms-transform: rotatez(270deg) translate(0px ,139px);
    transform: rotatez(270deg) translate(0px ,139px);
    top: 0;
}

.iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(7){
    -moz-transform: rotatez(-270deg) translate(0px ,139px);
    -webkit-transform: rotatez(-270deg) translate(0px ,139px);
    -o-transform: rotatez(-270deg) translate(0px ,139px);
    -ms-transform: rotatez(-270deg) translate(0px ,139px);
    transform: rotatez(-270deg) translate(0px ,139px);
    top: 0;
}

.main-circle .iq-waves {
    width: 25rem;
    height: 25rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: -1;
}

.main-circle .iq-waves .waves {
    position: absolute;
    width: 25rem;
    height: 25rem;
    background: var(--global-body-lightcolor);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 320px;
    background-clip:padding-box;
    -webkit-animation: waves-2 3s ease-in-out infinite;
    animation: waves-2 3s ease-in-out infinite;
}

.main-circle .iq-waves .wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.main-circle .iq-waves .wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.main-circle .iq-waves .wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

@-webkit-keyframes waves-2 {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }

    100% {
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@keyframes waves-2 {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }

    100% {
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@media (max-width: 1300px){
    .iq-feature-circle.style-2 .iq-img ul li .feature-info .feature-img{
        height: 65px;
        width: 65px;
        line-height: 65px;
    }

    .iq-feature-circle.style-2 .iq-img ul li:nth-child(1) .feature-info{
        top: 0;
    }

    .iq-feature-circle.style-2 .iq-img ul li:nth-child(4) .feature-info{
        left: 0;
    }

    .iq-feature-circle.style-2 .iq-img ul li:nth-child(5) .feature-info{
        right: 0;
    }

    .iq-feature-circle.style-2 .iq-img ul li:nth-child(6) .feature-info,
    .iq-feature-circle.style-2 .iq-img ul li:nth-child(7) .feature-info{
        top: 75%;
    }

    .iq-feature-circle.style-2 .iq-img ul li:nth-child(8) .feature-info{
        top: 90%;
    }
}

@media (max-width: 767px){
    .iq-feature-circle.style-2 .iq-img ul li:nth-child(1) .feature-info{
        top: 25px;
    }

    .iq-feature-circle.style-2 .iq-img ul li:nth-child(8) .feature-info{
        top: 90%;
    }

    .iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(1){
        transform: translatey(70px);
    }

    .iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(2){
        -moz-transform: rotatez(45deg) translate(0px ,-50px);
        -webkit-transform: rotatez(45deg) translate(0px ,-50px);
        -o-transform: rotatez(45deg) translate(0px ,-50px);
        -ms-transform: rotatez(45deg) translate(0px ,-50px);
        transform: rotatez(45deg) translate(0px ,-50px);
    }

    .iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(3){
        -moz-transform: rotatez(270deg) translate(0px ,70px);
        -webkit-transform: rotatez(270deg) translate(0px ,70px);
        -o-transform: rotatez(270deg) translate(0px ,70px);
        -ms-transform: rotatez(270deg) translate(0px ,70px);
        transform: rotatez(270deg) translate(0px ,70px);
    }

    .iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(4){
        -moz-transform: rotatez(-45deg) translate(0px ,50px);
        -webkit-transform: rotatez(-45deg) translate(0px ,50px);
        -o-transform: rotatez(-45deg) translate(0px ,50px);
        -ms-transform: rotatez(-45deg) translate(0px ,50px);
        transform: rotatez(-45deg) translate(0px ,50px);  
    }

    .iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(5){
        -moz-transform: translatey(-70px);
        -webkit-transform: translatey(-70px);
        -o-transform: translatey(-70px);
        -ms-transform: translatey(-70px);
        transform: translateY(-70px);
    }

    .iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(6){
        -moz-transform: rotatez(45deg) translate(0px , 50px);
        -webkit-transform: rotatez(45deg) translate(0px , 50px);
        -o-transform: rotatez(45deg) translate(0px , 50px);
        -ms-transform: rotatez(45deg) translate(0px , 50px);
        transform: rotatez(45deg) translate(0px , 50px);
    }

    .iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(7){
        -moz-transform: rotatez(-270deg) translate(0px , 70px);
        -webkit-transform: rotatez(-270deg) translate(0px , 70px);
        -o-transform: rotatez(-270deg) translate(0px , 70px);
        -ms-transform: rotatez(-270deg) translate(0px , 70px);
        transform: rotatez(-270deg) translate(0px ,70px);
    }

    .iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(8){
        -moz-transform: rotatez(-45deg) translate(0px ,-50px);
        -webkit-transform: rotatez(-45deg) translate(0px ,-50px);
        -o-transform: rotatez(-45deg) translate(0px ,-50px);
        -ms-transform: rotatez(-45deg) translate(0px ,-50px);
        transform: rotatez(-45deg) translate(0px ,-50px);
    }
}

@media(max-width: 500px){
    .iq-feature-circle.iq-feature-circle.style-2 .iq-img{
        height: 300px;
        width: 300px;
    }

    .iq-feature-circle.style-2 .iq-img ul li:nth-child(1) .feature-info{
        top: 0;
    }

    .iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(1){
        -moz-transform: translatey(0);
        -webkit-transform: translatey(0);
        -o-transform: translatey(0);
        -ms-transform: translatey(0);
        transform: translateY(0);
    }

    .iq-feature-circle.style-2 .iq-img ul li:nth-child(2) .feature-info{
        top: 19%;
        left: 19%;
    }

    .iq-feature-circle.style-2 .iq-img ul li:nth-child(3) .feature-info{
        top: 19%;
        right: 19%;
    }

    .iq-feature-circle.style-2 .iq-img ul li:nth-child(6) .feature-info, 
    .iq-feature-circle.style-2 .iq-img ul li:nth-child(7) .feature-info{
        top: 67%;
    }

    .iq-feature-circle.style-2 .iq-img ul li:nth-child(6) .feature-info{
        left: 19%;
    }

    .iq-feature-circle.style-2 .iq-img ul li:nth-child(7) .feature-info{
        right: 19%;
    }

    .iq-feature-circle.style-2 .circle-bg-main .line-main .line:nth-child(5){
        -moz-transform: translatey(0);
        -webkit-transform: translatey(0);
        -o-transform: translatey(0);
        -ms-transform: translatey(0);
        transform: translateY(0);
    }

    .iq-feature-circle.style-2 .iq-img ul li:nth-child(4) .feature-info, .iq-feature-circle.iq-feature-circle.style-2 .iq-img ul li:nth-child(5) .feature-info{
        top: 50%;
    }

    .iq-feature-circle.style-2 .iq-img ul li .feature-info .feature-img{
        height: 45px;
        width: 45px;
        line-height: 45px;
    }

}

@media (max-width: 379px){
    .iq-feature-circle.style-2{
        height: 250px;
        width: 250px;
    }

    .iq-feature-circle.style-2 .circle-bg img{
        width: 50px;
    }

    .iq-feature-circle.iq-feature-circle.style-2 .iq-img{
        height: 250px;
        width: 250px;
    }

    .main-circle .iq-waves{
        height: 15rem;
        width: 15rem;
    }
    .main-circle .iq-waves .waves{
        height: 15rem;
        width: 15rem;
    }

    .iq-feature-circle.style-2 .iq-img ul li:nth-child(2) .feature-info,
    .iq-feature-circle.style-2 .iq-img ul li:nth-child(3) .feature-info{
        top: 16%;
    }

    .iq-feature-circle.style-2 .iq-img ul li:nth-child(6) .feature-info, 
    .iq-feature-circle.style-2 .iq-img ul li:nth-child(7) .feature-info{
        top: 66%;
    }

    .iq-feature-circle.style-2 .iq-img ul li:nth-child(8) .feature-info{
        top: auto;
        bottom: 0;
    }
}

/*=======================================
style-3
==============================================*/

.iq-feature-circle.style-3{
    height: 650px;
    width: 650px;
}

.iq-feature-circle.style-3 .iq-img{
    height: 650px;
    width: 650px;
}

.iq-feature-circle.style-3 .iq-img::before{
    height: 650px;
    width: 650px;
}

.iq-feature-circle.style-3 .effect-circle{
    border: 2px dashed var(--color-theme-separator-dark);
    position: relative;
}

.iq-feature-circle.style-3 .effect-circle:before,
.iq-feature-circle.style-3 .effect-circle:after{
    border: 4px solid var(--color-theme-cyan);
}

.iq-feature-circle.style-3 .iq-img ul li .feature-info .inner{
    padding: 16px 24px;
    background-color: var(--white-color);
    border-radius: var(--border-radius-box);
    -webkit-border-radius: var(--border-radius-box);
    box-shadow: var(--box-shadow);
    -webkit-box-shadow: var(--box-shadow);
}

.iq-feature-circle.style-3 .iq-img ul li .feature-info .inner .iq-feature-title{
    position: static;
    -moz-transform: translatex(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.iq-feature-circle.style-3 .iq-img ul li .feature-info .feature-img{
    background: transparent;
    font-size: 48px;
    height: 48px;
    width: 48px;
    line-height: 48px;
    box-shadow: none;
    -webkit-box-shdaow: none;
}

.iq-feature-circle.style-3 .iq-img ul li:nth-child(1) .feature-info{
    top: -60px;
}

.iq-feature-circle.style-3 .iq-img ul li:nth-child(6) .feature-info{
    top: auto;
    bottom: -60px;
    left: 50%;
    -moz-transform: translatex(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.iq-feature-circle.style-3 .iq-img ul li:nth-child(2) .feature-info,
.iq-feature-circle.style-3 .iq-img ul li:nth-child(3) .feature-info{
    top: 15%;
}

.iq-feature-circle.style-3 .iq-img ul li:nth-child(2) .feature-info,
.iq-feature-circle.style-3 .iq-img ul li:nth-child(4) .feature-info{
    left: -6%;
}

.iq-feature-circle.style-3 .iq-img ul li:nth-child(3) .feature-info,
.iq-feature-circle.style-3 .iq-img ul li:nth-child(5) .feature-info{
    right: -6%;
}

.iq-feature-circle.style-3 .iq-img ul li:nth-child(4) .feature-info,
.iq-feature-circle.style-3 .iq-img ul li:nth-child(5) .feature-info{
    top: auto;
    bottom: 15%;
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    -o-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
}

/*===================
responsive
========================*/

@media (max-width: 1600px){
    .iq-feature-circle.style-3{
        height: 500px;
        width: 500px;
    }
    
    .iq-feature-circle.style-3 .iq-img{
        height: 500px;
        width: 500px;
    }
    
    .iq-feature-circle.style-3 .iq-img::before{
        height: 500px;
        width: 500px;
    }

    .iq-feature-circle.style-3 .iq-img ul li:nth-child(2) .feature-info,
    .iq-feature-circle.style-3 .iq-img ul li:nth-child(3) .feature-info{
        top: 18%;
    }

    .iq-feature-circle.style-3 .iq-img ul li:nth-child(4) .feature-info,
    .iq-feature-circle.style-3 .iq-img ul li:nth-child(5) .feature-info{
        bottom: 18%;
    }

    .iq-feature-circle.style-3 .iq-img ul li:nth-child(2) .feature-info,
    .iq-feature-circle.style-3 .iq-img ul li:nth-child(4) .feature-info{
        left: -10%;
    }
    
    .iq-feature-circle.style-3 .iq-img ul li:nth-child(3) .feature-info,
    .iq-feature-circle.style-3 .iq-img ul li:nth-child(5) .feature-info{
        right: -10%;
    }

    .iq-feature-circle.style-3 .effect-circle{
        width: 180px;
        height: 180px;
    }
}

@media (max-width: 767px){
    .iq-feature-circle.style-3{
        height: 350px;
        width: 350px;
    }
    
    .iq-feature-circle.style-3 .iq-img{
        height: 350px;
        width: 350px;
    }
    
    .iq-feature-circle.style-3 .iq-img::before{
        height: 350px;
        width: 350px;
    }

    .iq-feature-circle.style-3 .dot-circle{
        display: none;
    }

    .iq-feature-circle.style-3 .iq-img ul li .feature-info .feature-img{
        font-size: 35px;
        height: 35px;
        width: 35px;
        line-height: 35px;
    }

    .iq-feature-circle.style-3 .iq-img ul li .feature-info .inner .iq-feature-title{
        font-size: var(--font-size-xs);
    }

    .iq-feature-circle.style-3 .iq-img ul li:nth-child(1) .feature-info{
        top: -35px;
    }

    .iq-feature-circle.style-3 .iq-img ul li:nth-child(6) .feature-info{
        bottom: -35px;
    }

    .iq-feature-circle.style-3 .circle-bg{
        height: 90px;
        line-height: 80px;
        width: 80px;
    }

    .iq-feature-circle.style-3 .circle-bg img{
        width: 50px;
    }
}

@media (max-width: 500px){
    .iq-feature-circle.style-3 .iq-img ul li .feature-info .inner{
        padding: 16px;
    }

    .iq-feature-circle.style-3 .main-circle{
        display: none;
    }
}

@media (max-width: 480px){
    .iq-feature-circle.style-3{
        height: 260px;
        width: 260px;
    }
    
    .iq-feature-circle.style-3 .iq-img{
        height: 260px;
        width: 260px;
    }
    
    .iq-feature-circle.style-3 .iq-img::before{
        height: 260px;
        width: 260px;
    }

    .iq-feature-circle.style-3 .iq-img ul li .feature-info .inner{
        padding: 8px 12px;
    }

    .iq-feature-circle.style-3 .circle-bg{
        height: 45px;
        line-height: 45px;
        width: 45px;
    }

    .iq-feature-circle.style-3 .circle-bg img{
        width: 30px;
    }
}


@media (max-width: 379px){
    .iq-feature-circle.style-3{
        height: 230px;
        width: 230px;
    }
    
    .iq-feature-circle.style-3 .iq-img{
        height: 230px;
        width: 230px;
    }
    
    .iq-feature-circle.style-3 .iq-img::before{
        height: 230px;
        width: 230px;
    }

    .iq-feature-circle.style-3 .iq-img ul li .feature-info .inner{
        padding: 5px 12px;
    }

    .iq-feature-circle.style-3 .iq-img ul li .feature-info .feature-img{
        font-size: 30px;
        height: 30px;
        width: 30px;
        line-height: 30px;
    }
}