body{
    font-family: 'Poppins', sans-serif;
}

p {
    text-align: justify;
}

.header {
    position: relative;
    /*background-image: url(../images/marketing-agency-bg.jpg);*/
    background-image: url(/assetsFront/mlm/images/slider-bg-1.svg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 39px 0 102px 0;
    /*padding:30px 0 70px 0;*/
    z-index: 1;
    overflow: hidden;
    padding-top: 200px !important;
}

.header h1 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 20px;
}


.white {
    color: #fff;
}

.shape-img1 {
    position: absolute;
    left: 10%;
    bottom: 25%;
    z-index: -1;
    animation: animationFramesOne 20s infinite linear;
}

.shape-img2 {
    position: absolute;
    left: 5%;
    top: 10%;
    z-index: -1;
    animation-name: rotateMe;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.shape-img3 {
    position: absolute;
    right: 10%;
    top: 10%;
    z-index: -1;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear;
}

.shape-img4 {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    z-index: -1;
    top: 20%;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite;
}

.shape-img5 {
    position: absolute;
    left: 20%;
    top: 20%;
    z-index: -1;
    animation: animationFramesOne 20s infinite linear;
}

@keyframes MOVE-BG {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(88px);
    }
}

@keyframes rotateMe {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes movebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes movebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

.rotateme {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
        transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}

.price {
    /* background: #ff4a35; */
    padding: 15px 0;
    border-radius: 50px;
    margin-top: 138px;
    position: relative;
    z-index: 9;
}

.price h2 {
    font-size: 46px;
    font-weight: 700;
    margin: 0;
    text-align: left;
    color: #200886;
}

.bodyText p {
    margin-bottom: 0 !important;
}

#af-form-1910374473 .af-body .af-textWrap,
#af-form-1910374473 .af-body .af-selectWrap {
    width: 100%;
    display: block;
    float: none;
}

#af-form-1910374473 .af-body a {
    color: #FFFFFF;
    text-decoration: underline;
    font-style: normal;
    font-weight: normal;
}

#af-form-1910374473 .af-body input.text,
#af-form-1910374473 .af-body textarea {
    background-color: #FFFFFF;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
    color: #59474b;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 10px !important;
}

#af-form-1910374473 .af-body input.text:focus,
#af-form-1910374473 .af-body textarea:focus {
    background-color: #FFFAD6;
    border-color: #030303;
    border-width: 1px;
    border-style: solid;
}

#af-form-1910374473 .af-body label.previewLabel {
    display: block;
    float: none;
    text-align: left;
    width: auto;
    color: #9C9C9C;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
}

#af-form-1910374473 .af-body {
    padding-bottom: 15px;
    padding-top: 15px;
    background-repeat: no-repeat;
    background-position: inherit;
    background-image: none;
    color: #FFFFFF;
    font-size: 11px;
}

#af-form-1910374473 .af-footer {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #333333;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: none;
    border-width: 1px;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    color: #FFFFFF;
    font-size: 12px;
}

#af-form-1910374473 .af-header {
    color: #000;
    font-size: 16px;
}

.af-form-wrapper {
    display: block !important;
    position: relative !important;
}

#af-form-1910374473 .af-quirksMode .bodyText {
    padding-top: 2px;
    padding-bottom: 2px;
}

#af-form-1910374473 .af-quirksMode {
    padding-right: 50px;
    padding-left: 50px;
}

#af-form-1910374473 .af-standards .af-divider {
    margin-right: 50px;
    margin-left: 50px;
}

#af-form-1910374473 .buttonContainer input.submit {
    background: #fd5a0e;
    color: #FFFFFF;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    padding: 10px 25px !important;
    border: none;
    border-radius: 50px;
}

#af-form-1910374473 .buttonContainer input.submit {
    width: auto;
}

#af-form-1910374473 .buttonContainer {
    text-align: center;
}

#af-form-1910374473 body,
#af-form-1910374473 dl,
#af-form-1910374473 dt,
#af-form-1910374473 dd,
#af-form-1910374473 h1,
#af-form-1910374473 h2,
#af-form-1910374473 h3,
#af-form-1910374473 h4,
#af-form-1910374473 h5,
#af-form-1910374473 h6,
#af-form-1910374473 pre,
#af-form-1910374473 code,
#af-form-1910374473 fieldset,
#af-form-1910374473 legend,
#af-form-1910374473 blockquote,
#af-form-1910374473 th,
#af-form-1910374473 td {
    float: none;
    color: inherit;
    position: static;
    margin: 0;
    padding: 0;
}

#af-form-1910374473 button,
#af-form-1910374473 input,
#af-form-1910374473 submit,
#af-form-1910374473 textarea,
#af-form-1910374473 select,
#af-form-1910374473 label,
#af-form-1910374473 optgroup,
#af-form-1910374473 option {
    float: none;
    position: static;
    margin: 0;
}

#af-form-1910374473 div {
    margin: 0;
}

#af-form-1910374473 fieldset {
    border: 0;
}

#af-form-1910374473 form,
#af-form-1910374473 textarea,
.af-form-wrapper,
.af-form-close-button,
#af-form-1910374473 img {
    float: none;
    color: inherit;
    position: static;
    background-color: none;
    border: none;
    margin: 0;
    padding: 0;
}

#af-form-1910374473 input,
#af-form-1910374473 button,
#af-form-1910374473 textarea,
#af-form-1910374473 select {
    background-color: #FFFFFF;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
    color: #59474b;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    border-radius: 4px;
    width: 100%;
    padding: 8px 10px !important;
}

#af-form-1910374473 h2 {
    text-align: center;
    font-size: 23px;
    margin: 0 0 15px 0;
}

#af-form-1910374473 select,
#af-form-1910374473 label,
#af-form-1910374473 optgroup,
#af-form-1910374473 option {
    padding: 0;
}

#af-form-1910374473 table {
    border-collapse: collapse;
    border-spacing: 0;
}

#af-form-1910374473 ul,
#af-form-1910374473 ol {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    padding-left: 40px;
}

#af-form-1910374473,
#af-form-1910374473 .quirksMode {
    width: 100%;
    max-width: 393px;
}

#af-form-1910374473.af-quirksMode {
    overflow-x: hidden;
}

#af-form-1910374473 {
    background: linear-gradient(45deg, #0b118d, #9e36a3);
    padding: 30px 30px 10px !important;
    color: #fff;
    border-radius: 20px;
    box-shadow: 1px 16px 15px -13px #9898edcc;
}

/*#af-form-1910374473{background:#fff;padding:30px 30px 10px;color:#000;border-radius:20px;}*/

#af-form-1910374473 {
    display: block;
}

#af-form-1910374473 {
    overflow: hidden;
}

.af-body .af-textWrap textarea {
    width: 100%;
}

.af-body .af-textWrap {
    text-align: left;
}

.af-body input.image {
    border: none !important;
}

.af-body input.submit,
.af-body input.image,
.af-form .af-element input.button {
    float: none !important;
}

.af-body input.text {
    width: 100%;
    float: none;
    padding: 2px !important;
}

.af-body textarea {
    padding: 2px !important;
}

.af-body.af-standards input.submit {
    padding: 4px 12px;
}

.af-clear {
    clear: both;
}

.af-divider-parent {
    padding-bottom: 15px;
    padding-top: 0 !important;
}

.af-divider {
    display: block;
    height: 12px;
    margin-bottom: 6px;
}

.af-element label {
    text-align: left;
    display: block;
    float: left;
}

.af-element {
    padding-bottom: 5px;
    padding-top: 5px;
}

.af-form-wrapper {
    text-indent: 0;
}

.af-form {
    box-sizing: border-box;
    text-align: left;
    margin: auto;
}

.af-header,
.af-footer {
    margin-bottom: 0;
    margin-top: 0;
}

.af-quirksMode .af-element {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.lbl-right .af-element label {
    text-align: right;
}

h1 {
    color: #343b4e;
    font-size: 35px;
    margin-bottom: 20px;
}

h1 span {
    color: #ff4a35;
}

.specialty-list {
    margin-bottom: 0;
    padding-left: 0;
    text-align: left;
    list-style-type: none;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: 0px;
    margin-top: 10px;
}

.specialty-list li {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    font-weight: 500;
    color: #ff4a35;
    padding-right: 0;
    padding-left: 0;
    margin-top: 20px;
    position: relative;
}

.specialty-list i {
    display: inline-block;
    height: 25px;
    width: 32px;
    line-height: 25px;
    background-color: #ff4a35;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    margin-right: 8px;
    border-radius: 3px 0 3px 3px;
}

.about-area {
    position: relative;
    padding: 0px 0;
    z-index: 1;
}

.about-area .container-fluid .row .col-lg-6 {
    padding-left: 0;
    padding-right: 0;
}

.about-content .text {
    max-width: 600px;
    padding-left: 20px;
}

.shape15 {
    position: absolute;
    right: 0;
    top: 10%;
    text-align: right;
    z-index: -1;
}

.shape15 img {
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite;
    max-width: 50%;
}

.services {
    background: #ffffff;
    position: relative;
    padding: 150px 0;
    padding-bottom: 0;
}

.services::before {
    content: "";
    position: absolute;
    top: -23px;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #e3e8ff;
    border-radius: 68% 32% 30% 234% / 58% 61% 55% 210%;
    box-shadow: 31px 7px 72px -34px #000;
}

.services::after {
    content: "";
    position: absolute;
    bottom: -47px;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #ffffff;
    border-radius: 48%;
}

.services2 {
    background: #eaeaed;
    position: relative;
    padding: 100px 0;
}

.services2 h1 {
    margin: 0;
    position: relative;
    z-index: 9;
    color: #000;
}

.services2::before {
    content: "";
    position: absolute;
    top: -47px;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(45deg, #602699, #9634a2);
    border-radius: 48%;
}

.services2::after {
    content: "";
    position: absolute;
    bottom: -47px;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #ffffff;
    border-radius: 48%;
}

.solutions-area-content {
    box-shadow: rgb(24 32 79 / 25%) 0px 40px 80px, rgb(255 255 255 / 50%) 0px 0px 0px 0.5px inset;
    border-radius: 0px 30px 40px 40px;
    padding: 15px 45px;
    background: #fff;
    transition: 0.5s;
    cursor: pointer;
    background: rgba(255, 255, 255, .95);
    margin-bottom: 93px;
    font: -webkit-mini-control;
    position: relative;
    z-index: 1;
    min-height: 250px;
}

.before-bg {
    width: 325px;
    height: 216px;
    border-radius: 0px 40px 40px;
    transform: skewY(1deg);
    transform-origin: left top 0px; 
    top: 0px;
    position: absolute;
    z-index: 0;
    top: 80px;
    transition: 1.6s;
}

.grdnt-tranquil:not(.overly) {
    background-image: -webkit-linear-gradient( 135deg, #fed192 0, #9946b2 51%, #fed192 100%);
    background-image: linear-gradient(45deg, #7e2e9ec2, #e3e8ff9c);
    transition: 1.6s;
}

:not(.light) [class*='col-']:hover .before-bg {
    transform: skewY(15deg);
    width: 200px;
    transition: 1.6s;
}

/*{.solutions-area-content {
	background:#fff;
    position: relative;
    padding: 30px;
	min-height:295px;
	border-radius:10px;
	margin-top:20px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}*/
.cl1,
.cl2,
.cl3{
    position: relative;
    /* width: 100%; */
}
.services .col-lg-4.col-md-6.cl1 .solutions-area-content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 23px;
    width: 100%;
    height: 100%;
    background-image: url(/assetsFront/mlm//images/10.png);
    background-repeat: no-repeat;
    background-position: top right;
    z-index: 1;
}

.solutions-area-content .icon {
    position: relative;
    height: 55px;
}

.solutions-area-content h3 {
    font-size: 18px;
    margin: 20px 0 10px 0;
    line-height: 30px;
}

.solutions-area-content p {
    font-weight: 400;
    color: #827f8d;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
}

.services .col-lg-4.col-md-6.cl1 .solutions-area-content .icon::before {
    background-color: #ffebe2;
}

.solutions-area-content .icon::before {
    content: "";
    position: absolute;
    height: 80px;
    width: 50px;
    background-color: #e0e5f1;
    z-index: -1;
    left: -12px;
    top: -8px;
}

.solutions-area-content .icon i::before {
    font-size: 60px;
    line-height: normal;
    position: relative;
    z-index: 3;
}

.services .col-lg-4.col-md-6.cl1 .solutions-area-content .icon i {
    /*color: #fe5a0e;*/
    color: #fff
}

.services .col-lg-4.col-md-6.cl1 .solutions-area-content .icon::before {
    border-radius: 100px;
    width: 30%;
    background: linear-gradient(45deg, #0b118d, #9e36a3);
    box-shadow: 0px 13px 26px -14px #4156b7;
}

.solutions-area-content .icon::before {
    content: "";
    position: absolute;
    height: 80px;
    /*width: 50px;*/
    /*background-color: #e0e5f1;*/
    z-index: 1;
    left: -12px;
    top: -8px;
    border-radius: 100px;
    width: 30%;
    background: linear-gradient(45deg, #0b118d, #9e36a3);
    box-shadow: 0px 13px 26px -14px #4156b7;
}

/*@media screen and (max-width: 768px) and (min-width: 320px) {*/

/*    .solutions-area-content .icon::before{*/

/*        width: 33%;*/

/*        height:33%;*/

/*    }*/

/*}*/

.solutions-area-content .icon {
    position: relative;
}

.services .col-lg-4.col-md-6.cl2 .solutions-area-content .icon i {
    /*color: #00a86f;*/
    color: #fff
}

.services .col-lg-4.col-md-6.cl2 .solutions-area-content .icon::before {
    border-radius: 100px;
    width: 30%;
    background: linear-gradient(45deg, #0b118d, #9e36a3);
    box-shadow: 0px 13px 26px -14px #4156b7;
}

.services .col-lg-4.col-md-6.cl2 .solutions-area-content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assetsFront/mlm//images/11.png);
    background-repeat: no-repeat;
    background-position: top right;
    z-index: 1;
}

.services .col-lg-4.col-md-6.cl3 .solutions-area-content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assetsFront/mlm//images/12.png);
    background-repeat: no-repeat;
    background-position: top right;
    z-index: 1;
}

.services .col-lg-4.col-md-6.cl3 .solutions-area-content .icon i {
    /*color: #002c8c;*/
    color: #fff
}

.solutions-section .col-lg-4.col-md-6.cl3 .solutions-area-content .icon::before {
    background-color: #e0e5f1;
}

.solutions-area-content:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.bubble-dotted {
    position: absolute;
    left: 0;
    top: 50px;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.bubble-dotted .dotted-1 {
    width: 11px;
    height: 11px;
    left: 500px;
    top: 270px;
}

.bubble-dotted .dotted {
    border-radius: 50%;
}

.bubble-dotted .dotted-1 {
    background: linear-gradient(0deg, #abc9f2, #bbc4d4 50%);
}

.bubble-dotted .dotted-1 {
    width: 11px;
    height: 11px;
    left: 100px;
    top: 50%;
    -webkit-animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted {
    position: absolute;
}

.bubble-dotted .dotted-2 {
    width: 7px;
    height: 7px;
    left: 280px;
    top: 380px;
}

.bubble-dotted .dotted-2 {
    background: linear-gradient(0deg, #abc9f2, #bbc4d4 50%);
}

.bubble-dotted .dotted-2 {
    -webkit-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-3 {
    width: 11px;
    height: 11px;
    left: 140px;
    top: 55%;
}

.bubble-dotted .dotted {
    border-radius: 50%;
}

.bubble-dotted .dotted-3 {
    background: linear-gradient(0deg, #bff2b2, #afe5b3 50%);
}

.bubble-dotted .dotted-3 {
    -webkit-animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-4 {
    width: 16px;
    height: 16px;
    left: 440px;
    top: 85%;
}

.bubble-dotted .dotted {
    border-radius: 50%;
}

.bubble-dotted .dotted-4 {
    background: linear-gradient(0deg, #abc9f2, #bbc4d4 50%);
}

.bubble-dotted .dotted-4 {
    width: 16px;
    height: 16px;
    left: 430px;
    top: 90%;
    -webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -moz-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-4 {
    background: linear-gradient(0deg, #abc9f2, #bbc4d4 50%);
}

.bubble-dotted .dotted-5 {
    width: 9px;
    height: 9px;
    left: 75%;
    top: 190px;
}

.bubble-dotted .dotted {
    border-radius: 50%;
}

.bubble-dotted .dotted-5 {
    background: linear-gradient(0deg, #abc9f2, #bbc4d4 50%);
}

.bubble-dotted .dotted-5 {
    width: 6px;
    height: 6px;
    left: 50%;
    top: 50%;
    -webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-6 {
    width: 8px;
    height: 8px;
    left: 80%;
    top: 340px;
}

.bubble-dotted .dotted {
    border-radius: 50%;
}

.bubble-dotted .dotted-6 {
    background: linear-gradient(0deg, #abc9f2, #bbc4d4 50%);
}

.bubble-dotted .dotted-6 {
    width: 9px;
    height: 9px;
    left: 70%;
    top: 230px;
    -webkit-animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-7 {
    width: 13px;
    height: 13px;
    left: 95%;
    top: 50%;
}

.bubble-dotted .dotted {
    border-radius: 50%;
}

.bubble-dotted .dotted-7 {
    background: linear-gradient(0deg, #cab7f8, #a9bbe5 50%);
}

.bubble-dotted .dotted-7 {
    width: 6px;
    height: 6px;
    left: 65%;
    top: 30%;
    -webkit-animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted-8 {
    width: 12px;
    height: 12px;
    left: 75%;
    top: 80%;
}

.bubble-dotted .dotted {
    border-radius: 50%;
}

.bubble-dotted .dotted-8 {
    background: linear-gradient(0deg, #abc9f2, #bbc4d4 50%);
}

.bubble-dotted .dotted-8 {
    width: 6px;
    height: 6px;
    left: 85%;
    top: 35%;
    -webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -moz-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
}

.bubble-dotted .dotted {
    border-radius: 50%;
}

.bubble-dotted .dotted-9 {
    width: 13px;
    height: 13px;
    left: 90%;
    top: 40%;
    -webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
}

.bubble-dotted .dotted {
    position: absolute;
    border-radius: 50%;
}

.bubble-dotted .dotted-9 {
    background: linear-gradient(0deg, #842af1, #0f40aa 50%);
}

.bubble-dotted .dotted {
    border-radius: 50%;
}

.bubble-dotted .dotted-10 {
    width: 12px;
    height: 12px;
    left: 80%;
    top: 70%;
    -webkit-animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.bubble-dotted .dotted {
    position: absolute;
    border-radius: 50%;
}

.bubble-dotted .dotted-10 {
    background: linear-gradient(0deg, #58f106, #23c10f 50%);
}

@-webkit-keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    100% {
        margin-top: -30%
    }
}

@-moz-keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    100% {
        margin-top: -30%
    }
}

@keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    100% {
        margin-top: -30%
    }
}

@-webkit-keyframes sideWays {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: 25px
    }
}

@-moz-keyframes sideWays {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: 25px
    }
}

@keyframes sideWays {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: 25px
    }
}

.we-like {
    padding: 0px 0;
    position: relative;
    z-index: 1;
    color: #000;
    background-image: url(/assetsFront/mlm//images/volo.jpg);
    background-size: contain;
}



.we-like h1 {
    font-weight: 800;
}

.redtext {
    color: #ff4a35 !important;
}

.shape2 {
    position: absolute;
    left: 4%;
    top: 21%;
    z-index: -1;
}

.shape2 img {
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite;
}

.shape3 {
    left: 85%;
    top: 7%;
}

.shape3 {
    position: absolute;
    z-index: -1;
}

.shape3 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape5 {
    position: absolute;
    left: 9%;
    bottom: 10%;
    z-index: -1;
}

.shape5 img {
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear;
}

.shape6 {
    left: 85%;
    bottom: 17%;
}

.shape6 {
    position: absolute;
    z-index: -1;
}

.shape6 img {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.shape7 {
    position: absolute;
    left: 35%;
    bottom: 8%;
    z-index: -1;
}

.shape7 img {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.shape13 {
    position: absolute;
    left: 25%;
    bottom: 30%;
    z-index: -1;
}

.shape13 img {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes rotatemetwo {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}

.how-volochain {
    padding: 70px 0;
    position: relative;
    z-index: 1;
    background: #f9f9f9;
}

.single-services-box {
    margin-bottom: 30px;
    /* background-color: #ffffff; */
    padding: 50px 50px;
    min-height: 347px;
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s;
}

.single-services-box .icon {
    background-color: #ffe9e3;
    position: relative;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    text-align: center;
    line-height: 90px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fe4c1c;
    font-size: 40px;
    margin-bottom: 20px;
}

.single-services-box .icon .circles-box {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.single-services-box .icon .circles-box .circle-one {
    position: absolute;
    left: 8px;
    bottom: 8px;
    width: 12px;
    height: 12px;
    z-index: 1;
    border-radius: 50%;
    background-color: #fe4c1c;
}

.single-services-box .icon .circles-box .circle-two {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 12px;
    height: 12px;
    z-index: 1;
    border-radius: 50%;
    background-color: #1c17a0;
}

.single-services-box h3 {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
    white-space: nowrap
}

.single-services-box p {
    color: #4b5280;
    margin-bottom: 0;
    line-height: 1.8;
    text-align: center;
    font-size: 13px;
}

.col-lg-4:nth-child(2) .single-services-box .icon,
.col-lg-4:nth-child(8) .single-services-box .icon,
.col-lg-4:nth-child(14) .single-services-box .icon {
    background-color: #e5e0f2;
    color: #290390;
}

.col-lg-4:nth-child(2) .single-services-box .icon .circles-box .circle-one,
.col-lg-4:nth-child(8) .single-services-box .icon .circles-box .circle-one,
.col-lg-4:nth-child(14) .single-services-box .icon .circles-box .circle-one {
    background-color: #290390;
}

.col-lg-4:nth-child(2) .single-services-box .icon .circles-box .circle-two,
.col-lg-4:nth-child(8) .single-services-box .icon .circles-box .circle-two,
.col-lg-4:nth-child(14) .single-services-box .icon .circles-box .circle-two {
    background-color: #fe4c1c;
}

.col-lg-4:nth-child(2) .single-services-box .icon .circles-box,
.col-lg-4:nth-child(8) .single-services-box .icon .circles-box,
.col-lg-4:nth-child(14) .single-services-box .icon .circles-box {
    -webkit-animation-name: rotatemetwo;
    animation-name: rotatemetwo;
}

.col-lg-4:nth-child(3) .single-services-box .icon,
.col-lg-4:nth-child(9) .single-services-box .icon,
.col-lg-4:nth-child(15) .single-services-box .icon {
    background-color: #e4f4f3;
    color: #1fa299;
}

.col-lg-4:nth-child(3) .single-services-box .icon,
.col-lg-4:nth-child(9) .single-services-box .icon,
.col-lg-4:nth-child(15) .single-services-box .icon {
    background-color: #e4f4f3;
    color: #1fa299;
}

.col-lg-4:nth-child(3) .single-services-box .icon .circles-box .circle-two,
.col-lg-4:nth-child(9) .single-services-box .icon .circles-box .circle-two,
.col-lg-4:nth-child(15) .single-services-box .icon .circles-box .circle-two {
    background-color: #fe4c1c;
}

.col-lg-4:nth-child(3) .single-services-box .icon .circles-box .circle-one,
.col-lg-4:nth-child(9) .single-services-box .icon .circles-box .circle-one,
.col-lg-4:nth-child(15) .single-services-box .icon .circles-box .circle-one {
    background-color: #1fa299;
}

.col-lg-4:nth-child(4) .single-services-box .icon,
.col-lg-4:nth-child(10) .single-services-box .icon,
.col-lg-4:nth-child(16) .single-services-box .icon {
    background-color: #f3e3f6;
    color: #9916b1;
}

.col-lg-4:nth-child(4) .single-services-box .icon .circles-box .circle-one,
.col-lg-4:nth-child(10) .single-services-box .icon .circles-box .circle-one,
.col-lg-4:nth-child(16) .single-services-box .icon .circles-box .circle-one {
    background-color: #9916b1;
}

.col-lg-4:nth-child(4) .single-services-box .icon .circles-box .circle-two,
.col-lg-4:nth-child(10) .single-services-box .icon .circles-box .circle-two,
.col-lg-4:nth-child(16) .single-services-box .icon .circles-box .circle-two {
    background-color: #fe4c1c;
}

.col-lg-4:nth-child(5) .single-services-box .icon,
.col-lg-4:nth-child(11) .single-services-box .icon,
.col-lg-4:nth-child(17) .single-services-box .icon {
    background-color: #f9e1f0;
    color: #cb0680;
}

.col-lg-4:nth-child(5) .single-services-box .icon .circles-box,
.col-lg-4:nth-child(11) .single-services-box .icon .circles-box,
.col-lg-4:nth-child(17) .single-services-box .icon .circles-box {
    -webkit-animation-name: rotatemetwo;
    animation-name: rotatemetwo;
}

.col-lg-4:nth-child(5) .single-services-box .icon .circles-box .circle-one,
.col-lg-4:nth-child(11) .single-services-box .icon .circles-box .circle-one,
.col-lg-4:nth-child(17) .single-services-box .icon .circles-box .circle-one {
    background-color: #cb0680;
}

.col-lg-4:nth-child(5) .single-services-box .icon .circles-box .circle-two,
.col-lg-4:nth-child(11) .single-services-box .icon .circles-box .circle-two,
.col-lg-4:nth-child(17) .single-services-box .icon .circles-box .circle-two {
    background-color: #fe4c1c;
}

.col-lg-4:nth-child(6) .single-services-box .icon,
.col-lg-4:nth-child(12) .single-services-box .icon,
.col-lg-4:nth-child(18) .single-services-box .icon {
    background-color: #e6f5e3;
    color: #2eb01c;
}

.col-lg-4:nth-child(6) .single-services-box .icon .circles-box .circle-one,
.col-lg-4:nth-child(12) .single-services-box .icon .circles-box .circle-one,
.col-lg-4:nth-child(18) .single-services-box .icon .circles-box .circle-one {
    background-color: #2eb01c;
}

.col-lg-4:nth-child(6) .single-services-box .icon .circles-box .circle-two,
.col-lg-4:nth-child(12) .single-services-box .icon .circles-box .circle-two,
.col-lg-4:nth-child(18) .single-services-box .icon .circles-box .circle-two {
    background-color: #fe4c1c;
}

@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes rotatemetwo {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}

.getintouch {
    padding: 70px 0;
    position: relative;
    z-index: 999;
    background: #fff;
}

.map-form {
    border-radius: 20px;
    box-shadow: 0 0 20px #ccc;
}

.map-form h1 {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.exspac {
    padding-right: 30px;
    padding-left: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.map-form iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.btn-primary {
    background: #fd5a0e;
    font-size: 14px;
    padding: 10px 25px;
    border: none;
    border-radius: 50px;
}

.btn-primary:hover {
    background: #000;
}

.home-shape .shape1 {
    position: absolute;
    top: 77%;
    left: 2%;
    -webkit-animation: rotaed360 6s infinite linear;
    animation: rotaed360 6s infinite linear;
}

.home-shape .shape2 {
    position: absolute;
    top: 25%;
    left: 1%;
    -webkit-animation: animationFramesOne 15s linear infinite;
    animation: animationFramesOne 15s linear infinite;
}

.home-shape .shape3 {
    position: absolute;
    top: 17%;
    left: 10%;
}

.home-shape .shape4 {
    position: absolute;
    top: 45%;
    left: 45%;
    -webkit-animation: animationFramesOne 10s linear infinite;
    animation: animationFramesOne 10s linear infinite;
}

.home-shape .shape5 {
    position: absolute;
    bottom: 10%;
    left: 45%;
    -webkit-animation: animationFramesOne 15s linear infinite;
    animation: animationFramesOne 15s linear infinite;
}

.home-shape .shape6 {
    position: absolute;
    top: 15%;
    right: 50%;
    -webkit-animation: animationFramesOne 15s linear infinite;
    animation: animationFramesOne 15s linear infinite;
}

.home-shape .shape7 {
    position: absolute;
    top: 15%;
    right: 3%;
    -webkit-animation: animationFramesOne 15s linear infinite;
    animation: animationFramesOne 15s linear infinite;
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
        transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}

@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
        transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}

@-webkit-keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(-1px, 173px) rotate(36deg);
        transform: translate(-1px, 173px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(172px, 0px) rotate(72deg);
        transform: translate(72px, 0px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(183px, 0) rotate(108deg);
        transform: translate(183px, 0) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(172px, 0px) rotate(144deg);
        transform: translate(172px, 0px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}

@keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(-1px, 173px) rotate(36deg);
        transform: translate(-1px, 173px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(172px, 0px) rotate(72deg);
        transform: translate(72px, 0px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(183px, 0) rotate(108deg);
        transform: translate(183px, 0) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(172px, 0px) rotate(144deg);
        transform: translate(172px, 0px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}

.footer {
    padding: 50px 0;
    position: relative;
    z-index: 1;
    background-color: #100f1f;
}

.shape26 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.connect {
    clear: both;
    margin-bottom: 15px;
}

.connect h4 {
    font-size: 21px;
    color: #fff;
    float: left;
    min-width: 220px;
}

.connect a {
    color: #fff;
    margin-right: 20px;
    transition: all .3s;
}

.connect a:hover {
    color: #ff4a35;
    text-decoration: none;
}

.connect a i {
    margin-right: 10px;
}

.awards {
    background: #f8f8f8;
    padding: 50px 0;
    text-align: center;
}

.awards h3 {
    margin-bottom: 30px;
}

.awards img {
    margin: 0 20px 20px 0;
}

.back-to-top {
    position: relative;
    z-index: 99;
    display: none;
}

.back-to-top a {
    display: block;
    z-index: 99;
    position: fixed;
    right: 10px;
    bottom: 10px;
}

.back-to-top img {
    width: 210px;
}


.whats-offer {
    padding: 79px 50px;
    background: linear-gradient(45deg, #602699, #9634a2);
}

.whats-offer h1 {
    color: #fff;
}

.whats-offer p {
    color: #fff;
}

.three-block {
    background: #9066ad;
    color: #fff;
    text-align: center;
    padding: 20px;
    border-radius: 5px;
    margin-top: 20px;
    min-height: 170px;
    transition: all .4s;
    position: relative;
    border: solid 1px #f88311;
    cursor: pointer;
}

.three-block:before {
    overflow: hidden;
    position: absolute;
    content: '';
    z-index: 0;
    height: 10px;
    width: 10px;
    top: 3px;
    left: 3px;
    background: #ffffff;
    display: none;
}

.three-block:hover:before {
    overflow: hidden;
    position: absolute;
    content: '';
    z-index: 0;
    height: 98%;
    width: 98%;
    top: 2px;
    left: 2px;
    background: #ffffff;
    border-radius: 67% 41% 30% 70% / 50% 45% 55% 50%;
    transition: 1.6s;
    z-index: -1;
}

/*.three-block:hover p{*/

/*    color: #000;*/

/*    transition: 1.6s;*/

/*}*/

.three-block p {
    margin-bottom: 0;
    text-align: center;
}

.three-block img {
    margin-bottom: 10px;
}

.three-block:hover img {
    filter: brightness(1.5);
}

/*.three-block:hover {*/

/*   transform: scale(1.07);*/

/*    box-shadow: 0px 9px 36px -12px #ffffff;*/

/*    border-bottom: solid 5px #f88311;*/

/*    border-radius: 67% 41% 30% 70% / 50% 45% 55% 50%;*/

/*    background: #fff;*/

/*}*/

.footer {
    text-align: left;
}

.row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

@media(max-width:499px) {
    .connect {
        margin-top: 20px;
    }
    .connect h4 {
        min-width: 100%;
        margin-bottom: 10px;
    }
    .shape-img3 {
        display: none;
    }
    .shape3 {
        display: none;
    }
    .single-services-box {
        padding: 35px;
    }
    .about-content .text {
        padding-left: 0;
    }
    .about-area .container-fluid .row .col-lg-6 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .shape2 {
        display: none;
    }
    .shape3 {
        display: none;
    }
    .shape5 {
        display: none;
    }
    .shape6 {
        display: none;
    }
    .shape7 {
        display: none;
    }
    .shape13 {
        display: none;
    }
    /*.map-form iframe {*/
    /*	position: absolute;*/
    /*	top: 0;*/
    /*	left: 0;*/
    /*	margin-left: 15px;*/
    /*	margin-right: 15px;*/
    /*	height: 100%;*/
    /*	width: 92%;*/
    /*	border-top-left-radius: 20px;*/
    /*	border-top-right-radius: 20px;*/
    /*	border-bottom-left-radius: 0px;*/
    /*	min-height: 300px;*/
    /*}*/
    .map-form .map-padding {
        padding: 0px 0px;
    }
    .about-area {
        background: #e3e8ff;
        /*margin: 121px 0;*/
        padding-bottom: 128px;
        margin-bottom: 0;
    }
    .circle-box-bottom {
        margin: 10px 50px;
        width: auto;
    }
    .dot-circle {
        background: url(/assetsFront/mlm//images/dotted.png) no-repeat scroll 0 0;
        padding: 5px 5px 5px 2px;
        align-items: center;
        display: inline-flex;
    }
    .circle-box-bottom p {
        text-align: center;
    }
    .circle-box-bottom {
        margin: 10px 127px;
        width: 300px !important;
    }
    .services .col-lg-4.col-md-6.cl1 .solutions-area-content .icon::before {
        width: 26%;
    }
    .services .col-lg-4.col-md-6.cl2 .solutions-area-content .icon::before {
        width: 26%;
    }
}

/*==================================*/

.top-right-img {
    width: 500px;
}

.fancy-radius {
    border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%;
    background: linear-gradient(112deg, #2d1a92, #b5145f);
}

.dot-shape-top {
    top: -5px;
    z-index: -1;
    left: -10px;
}

.position-absolute {
    position: absolute !important;
}

.dot-shape {
    bottom: -3px;
    left: auto;
    right: -3px;
    z-index: -1;
}

.about-area {
    background: #e3e8ff;
    /*margin: 300px 0;*/
    padding-bottom: 12px;
    padding-top: 0px;
    margin-bottom: 0;
}

.circle-box {
    position: relative;
}

.dot-circle {
    background: url(/assetsFront/mlm//images/dotted.png) no-repeat scroll 0 0;
    padding: 5px 5px 5px 2px;
}

.gary-circle-1 {
    width: 165px;
    height: 165px;
    line-height: 152px;
    border-radius: 100%;
    background: whitesmoke;
    margin: 10.4px;
    position: relative;
    text-align: center;
    transition: all .3s ease-out;
    box-shadow: 2px 16px 25px -15px #00000059;
    border: solid 4px #9428c9;
}

.circle-box-bottom {
    margin: 10px 50px;
    width: 145px;
}

.circle-box-bottom p {
    font-size: 15px;
    line-height: 1.6;
    color: #161616db;
    /*text-shadow: 0px 3px 1px #9428c933;*/
    font-weight: 500;
}

.circle-bg {
    background: url(/assetsFront/mlm//images/successive.png)no-repeat scroll center right;
    margin-top: 70px;
    background-size: 100%;
}

.w-60 {
    width: 74%;
}

.about-content h1 {
    color: #4c2297;
    /* font-size: 39px; */
    margin-bottom: 63px;
    font-size: 43px;
    font-weight: 700;
    margin-bottom: 20px;
}

.business-plan {
    color: #4c2297;
    margin-bottom: 63px;
    font-size: 43px;
    font-weight: 700;
    margin-bottom: 20px;
}

.bg-rotate {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.bg-rotate,
img {
    position: relative;
    z-index: 2;
}

.bg-rotate+img {
    position: relative;
    z-index: 2;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.align {
    margin: 97px 0;
    background: #ffffff;
    padding: 23px 22px;
    border-radius: 22px;
    box-shadow: 0px 17px 24px -22px #000;
    font-weight: 100;
}

.align h1 {
    color: #000;
}

.single-services-box {
    border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%;
    box-shadow: 0px 4px 7px -6px #000;
    text-align: -webkit-center;
    position: relative;
    transition: 0.6s;
}

.single-services-box:after {
    content: '';
    background: linear-gradient(327deg, #8f60a912, #ffe9e3);
    height: 354px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%;
    z-index: -100026;
    border: solid 9px #9066ad;
}

.single-services-box:hover {
    box-shadow: 0px 14px 48px -32px #000;
    cursor: pointer;
    transition: 0.6s;
}

.bg-lap {
    position: relative;
}

.bg-lap::before {
    content: '';
    position: absolute;
    top: -94px;
    z-index: -1;
    width: 496px;
    bottom: 0;
    height: 466px;
    background: linear-gradient(45deg, #e1d6e91f, #5c207336);
    right: -50px;
    border-radius: 100%;
}

.bg-lap::after {
    content: '';
    position: absolute;
    top: -35px;
    z-index: -1;
    width: 428px;
    bottom: 0;
    height: 428px;
    background: linear-gradient(45deg, #300ba708, #a4126c52);
    /* border-radius: 100%; */
    left: -94px;
    border-radius: 0% 102% 80% 0%;
    z-index: -2;
}

.map-form .map-padding {
    padding-bottom: 34px;
    padding-top: 31px;
}

.map-form .map-padding h1 {
    padding: 0px 0px;
}

@media screen and (max-width: 900px) and (min-width: 768px) {}

@media screen and (max-width: 1400px) and (min-width: 901px) {}

@media screen and (max-width: 500px) and (min-width: 320px) {
    .bg-lap::before {
        content: '';
        position: absolute;
        top: -94px;
        z-index: -1;
        width: 355px;
        height: 340px;
        background: linear-gradient( 45deg, #e1d6e91f, #5c207336);
        right: 0;
        border-radius: 100%;
    }
    .price {
        margin-top: 0px;
    }
    .price h2 {
        font-size: 32px;
    }
    .circle-box-bottom {
        margin: 0;
    }
    .awards img {
        /* margin: 0 20px 20px 0; */
        width: 49%;
    }
    .business-plan {
        font-size: 31px;
        margin-bottom: 24px;
    }
    .before-bg {
        width: 257px;
    }
}