.shape001 {
    position: relative!important;}

.shape001:before {
    content: " "!important;
    position: absolute;
    background: url(/images/0_sugar/home/img006.png);
    content: '';
    height: 1980px;
    width: 1920px;
    top: -82%;
    left: -20%;
    transform: scale(0.8);
    background-repeat: no-repeat;
}

/*-----------------------------------------------------------------------
                                350 px
-------------------------------------------------------------------------*/
@media screen and (max-width:351px){
  .shape001:before {
    content: " "!important;
    position: absolute;
    background: url(/images/0_sugar/home/img006.png);
    content: '';
    height: 1980px;
    width: 1920px;
    top: -82%;
    left: -124%;
    transform: scale(0.7);
    background-repeat: no-repeat;
}
}

/*-----------------------------------------------------------------------
                                360 px
-------------------------------------------------------------------------*/
@media screen and (min-width:351px) and (max-width:360px){
  .shape001:before {
    content: " "!important;
    position: absolute;
    background: url(/images/0_sugar/home/img006.png);
    content: '';
    height: 1980px;
    width: 1920px;
    top: -86%;
    left: -124%;
    transform: scale(0.7);
    background-repeat: no-repeat;
}
}

/*-----------------------------------------------------------------------
                                412 px
-------------------------------------------------------------------------*/
@media screen and (min-width:361px) and (max-width:450px){
  .shape001:before {
    content: " "!important;
    position: absolute;
    background: url(/images/0_sugar/home/img006.png);
    content: '';
    height: 1980px;
    width: 1920px;
    top: -71%;
    left: -124%;
    transform: scale(0.7);
    background-repeat: no-repeat;
}
}


.shape002:before {position:relative;}

.shape002:before {
    content: " "!important;
    position: absolute;
    background: url(/images/0_sugar/home/img004.png);
    content: '';
    height: 1000px;
    width: 1000px;
    top: -28%;
    transform: scale(0.7);
    right: -22%;
    background-repeat: no-repeat;
      -webkit-animation-name: spin;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@media screen and (max-width:992px){
.shape002:before {
    top: -10%;
    -webkit-animation-name: none;
    transform: scale(0.3);
    right: -36%;
}
.about-page .shape002:before {
    top: -21%;
    -webkit-animation-name: none;
    display:none;
}


}

.shape003:before {position:relative;}

.shape003:before {
    content: " "!important;
    position: absolute;
    background: url(/images/0_sugar/home/img008.png);
    content: '';
    height: 400px;
    width: 400px;
    top: 20%;
    /* transform: scale(0.7); */
    left: -3%;
    background-repeat: no-repeat;
        -webkit-animation-name: float;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

.shape003:after {position:relative;}

.shape003:after {
    content: " "!important;
    position: absolute;
    background: url(/images/0_sugar/home/img009.png);
    content: '';
    height: 200px;
    width: 200px;
    top: 59%;
    /* transform: scale(0.7); */
    right: 0%;
    background-repeat: no-repeat;
    -webkit-animation-name: float;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@media screen and (max-width:992px){
.shape003:before {top: 4%;left: -11%;}
.shape003:after {top: 59%;right: -18%;}
}

.shape004{position:relative;}

.shape004:before {
    content: " "!important;
    position: absolute;
    background: url(/images/0_sugar/home/img010.png);
    content: '';
    height: 300px;
    width: 300px;
    top: 56%;
    transform: scale(0.7);
    right: 5%;
    background-repeat: no-repeat;
    z-index: 999;
}

.contact-page .shape004:before {
    content: " "!important;
    position: absolute;
    background: url(/images/0_sugar/home/img010.png);
    content: '';
    height: 300px;
    width: 300px;
    top: 62%;
    transform: scale(0.7);
    right: 13%;
    background-repeat: no-repeat;
    z-index: 999;
}

@media screen and (max-width:992px){
  .shape004:before {
    top: 62%!important;
    transform: scale(0.5)!important;
    right: -23%!important;
}}





.tick ul li{
    position: relative!important;}

.tick ul li::marker {
    color: transparent;
}

.tick ul li:before {
    content: " "!important;
    position: absolute;
    background: url(/images/0_sugar/home/tick.png);
    content: '';
    height: 60px;
    width: 60px;
    top: -8px;
    left: -63px;
    transform: scale(0.6);
    background-repeat: no-repeat;
}

.frosted-bg {
    box-shadow: 0px 11px 22px #f1f1f1!important;
    border-radius: 150px;
    padding: 80px!important;
    position:relative;
    background: #ffffffe3;
}

.frosted-bg:before {
    content: " "!important;
    position: absolute;
    background: url(/images/0_sugar/home/img007.png);
    content: '';
    height: 1000px;
    width: 1000px;
    top: 28%;
    left: -46%;
    transform: scale(0.64);
    background-repeat: no-repeat;
}

@media screen and (max-width:992px){
.frosted-bg:before {display:none;}
.frosted-bg {margin: 0px 15px!important;}
}

/*spin*/
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

/*float*/
@keyframes float {
	0% {
	
		transform: translatey(0px);
	}
	50% {

		transform: translatey(-20px);
	}
	100% {

		transform: translatey(0px);
	}
}

/*end of shape*/