/* Rectangle 18 */
.rectangle18{
    position: absolute;
    width: 138px;
    height: 138px;
    border-radius: 20px;
    z-index: 1;
    left: 180px;
    top:-20px;
    background: #F96B88;
}
/* Rectangle 17 */
.rectangle17{
    position: absolute;
    width: 231px;
    height: 231px;
    border-radius: 20px;
    z-index: 1;
    right: 50px;
    bottom: -20px;
    background: #FFCC00;
    }
/* Ellipse 13 */
.ellipse13{
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    z-index: 3;
    left: 20px;
    bottom: 370px;
    background: #48D096;
    }
    /* Ellipse 15 */
.ellipse15{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    z-index: 99;
    box-shadow: 0px 2px 10px 0px #292C7C26;
    background: #fff;
    }
.ellipse15:hover{
    background: #1EA4CE;
    .icon{
        background: #FFFFFF;
      }
}

.clientImg img{
    border-radius: 20px;
    width: 90%;
}
/* Rectangle 4 */

.gray-line{
position: absolute;
width: 12px;
left: 0px;
top: 0px;

background: #FFF3E4;
}

/* Ellipse 5 */
.ellipse5{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    z-index: 3;
    background: #FFCC00;
}

/* Ellipse 6 */
.ellipse6{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    z-index: 1;
    background: #F96B88;
}

    /* Ellipse 7 */
.ellipse7{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    z-index: 1;
    background: #2F327D;
}

    /* Ellipse 8 */
.ellipse8{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    z-index: 1;
    background: #48D096;
}

    /* Ellipse 9 */
.ellipse9{
    position: absolute;
    width: 14rem;
    height: 14rem;
    border-radius: 7rem;
    z-index: 1;
    right: 1.25rem;
    bottom:7.75rem;
    background: #FFCC00;
    }
    /* Ellipse 10 */
.ellipse10{
    position: absolute;
    width: 6rem;
    height: 6rem;
    border-radius: 3.5rem;
    z-index: 1;
    left: 8rem;
    top:3.5rem;
    background: #48D096;
    }
.ellipse11{
    position: absolute;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 3.5rem;
    z-index: 1;
    background: #FCCEA4;
    }
    /* Rectangle 1 */
.rectangle1{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    z-index: 1;
    background: #48D096;
    }
       /* Rectangle 2 */
.rectangle2{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    z-index: 1;
    background: #F62B54;
    }
       /* Rectangle 3 */
.rectangle3{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    z-index: 1;
    background: #FFCC00;
    }
.ellipse16{
    position: absolute;
    width: 9rem;
    height: 9rem;
    border-radius: 6rem;
    z-index: 1;
    left: 0;
    top:3.5rem;
    background: #FFCC00;
    }
.ellipse17{
    position: absolute;
    width: 15rem;
    height: 15rem;
    border-radius: 9rem;
    z-index: 1;
    right: -2rem;
    bottom: 15.5rem;
    background: #F96B88;
    }

@media (min-width: 1200px) and (max-width: 1399px) {
   
    .ellipse10{
        width: 5.5rem;
        height: 5.5rem;
        left: 7rem;
        top: 2.75rem;
        }
    .ellipse9{            
        width: 12rem;
        height: 12rem;            
        right: 1.25rem;
        bottom:6.5rem;
        }
    .rectangle18{            
        left: 75px;
    }
}
    @media (min-width: 992px) and (max-width: 1199px) {
      
        .ellipse10{
            width: 5rem;
            height: 5rem;
            left: 6rem;
            top: 2rem;
            }
        .ellipse9{            
            width: 10rem;
            height: 10rem;            
            right: 1.5rem;
            bottom:5.5rem;
            }
        .rectangle1{
            width: 42px;
            height: 42px;
            border-radius: 10px;
            }
                /* Rectangle 2 */
        .rectangle2{
            width: 42px;
            height:42px;
            border-radius: 10px;
            }
                /* Rectangle 3 */
        .rectangle3{
            width: 42px;
            height: 42px;
            border-radius: 10px;
            }
        .rectangle18{            
            left: 40px;
        }
        .rectangle17{
           
            right: 40px;
            }
        /* Ellipse 13 */
        .ellipse13{
           
            left: 0;
            bottom: 300px;
            }

    }
    @media (min-width: 768px) and (max-width: 991px) {
      
        .ellipse10{
            width: 5.5rem;
            height: 5.5rem;
            left: 7rem;
            top: 3.25rem;
            }
        .ellipse9{            
            width: 12rem;
            height: 12rem;            
            right: 0.725rem;
            bottom:7.25rem;
            }
        .rectangle18{            
            left: 130px;
        }    

    }
    @media (min-width: 576px) and (max-width: 767px) {       

        .ellipse10{
            width: 4.5rem;
            height: 4.5rem;
            left: 5rem;
            top: 2.25rem;
            }
        .ellipse9{            
            width: 9rem;
            height: 9rem;            
            right: 0.5rem;
            bottom:5.5rem;
            }
        .rectangle1{
            width: 40px;
            height: 40px;
            border-radius: 10px;
            }
                /* Rectangle 2 */
        .rectangle2{
            width: 40px;
            height:40px;
            border-radius: 10px;
            }
                /* Rectangle 3 */
        .rectangle3{
            width: 40px;
            height: 40px;
            border-radius: 10px;
            }
        .rectangle18{            
            left: -5px;
        } 
        .ellipse13{        
            left: -8vw;
            }

    }
    @media (max-width: 575px) {
        .ellipse5{       
            width: 12.2vmin;
            height: 12.2vmin;
            }
    
        /* Ellipse 6 */
        .ellipse6{
            width: 12.2vmin;
            height: 12.2vmin;
            }
    
            /* Ellipse 7 */
        .ellipse7{           
            width: 12.2vmin;
            height: 12.2vmin;
            }
    
            /* Ellipse 8 */
        .ellipse8{
            width: 12.2vmin;
            height: 12.2vmin;
            }
        .ellipse10{
            width: 14vmin;
            height: 14vmin;
            left: 10vmin;
            top:5vmin;
            }
        .ellipse9{            
            width: 24vmin;;
            height: 24vmin;;            
            right: 0;
            bottom:12vmin;
            }
        .rectangle1{
            width: 6.5vmin;
            height: 6.5vmin;
            border-radius: 10px;
            }
                /* Rectangle 2 */
        .rectangle2{
            width: 6.5vmin;
            height: 6.5vmin;
            border-radius: 10px;
            }
                /* Rectangle 3 */
        .rectangle3{
            width: 6.5vmin;
            height: 6.5vmin;
            border-radius: 1vmin;
            }
        .rectangle18{            
            left: 45px;
            top:-15px;
            width: 20vmin;
            height: 20vmin;
        } 
        .rectangle17{           
            right: 8vmin;
            width: 30vmin;
            height: 30vmin;
            }
        .ellipse13{        
            left: 0;
            bottom: 50vmin;
            width: 5.5vmin;
            height: 5.5vmin;
            }
        .ellipse15{
            width: 14vmin;
            height: 14vmin;
            }
        .ellipse11{
            width: 8vmin;
            height: 8vmin;
            }
        .ellipse17{
            right: -1rem;
            }
    }
    .icon-sm {
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
        font-size: .4rem;
      }
      .icon-md {
        width: 3rem;
        height: 3rem;
        line-height: 2.6rem;
        text-align: center;
        font-size: .8rem;
      }
    .icon-lg {
        width: 3.5rem;
        height: 3.5rem;
        line-height: 3.5rem;
        text-align: center;
        font-size: 1.2rem;
      }
      @media (max-width: 575px) {
        .icon-md {
            margin-top: 1.5vmin;
            width: 7.6vmin;
            height: 7.6vmin;
            line-height: 7.6vmin;  }
        .icon-sm{
            width: 1.3rem;
            height: 1.3rem;
        }
        .icon-md img{
            width: 4.5vmin;
            height: 4.5vmin;  }
    }
    .line1{        
        width: 80px;
        height: 1px;        
        background:#525596;
    }
    @media (max-width: 575px) {
        .line1{        
            width: 48px;
        }
    }