/* Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
  }

  .no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  .no-scroll {
    overflow: hidden;
  }

hr{
    margin: 1rem 0;
    border: 0;
    opacity: .25;
}
/* Nav --------------------------------------------------------------*/

  a.active::before {
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    background-color: #fdb018;
  }

  nav{
    transition:all .2s;
  }
  nav.expanded .link-label {
    display: none;
  }
  nav.expanded {
    width: 66px;
  }
  nav.expanded ul li{
    align-items: center;
    justify-content: center;
  }
  nav.expanded ul li a{
    align-items: center;
    justify-content: center;
  }
  nav.expanded ul li a svg{
   margin: 0;
  }
  .expanded__hide .expanded__hide__text{
    display: none!important;
  }
  @media (max-width:991px){
    .expanded__hide {background-color: white!important;}
    .expanded__hide ul{display: flex!important;}
    .dashboard__navs .expanded__hide__text {display: none!important;}
  }
/* End Nav -----------------------------------------------------------*/
.gradiant__text{
    background: linear-gradient(90deg, #501E9C 0%, #A44CEE 43.75%, #FF847F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.gradiant__text2 {
    background: linear-gradient(270deg, #4D89F9 1.21%, #704EE7 21.78%, #E8428C 71.65%, #ED6D4B 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* -----------------------------------------------------------*/
.big-price-shape {
    position: absolute;
    content: "";
    top: -100px;
    right: -124px;
    height: 300px;
    width: 300px;
    background: linear-gradient(59.66deg, #FFFFFF 13.18%, rgba(255, 255, 255, 0) 42.12%);
    opacity: 0.2;
    border-radius: 50%;
    z-index: 999;
}
.sm-price-shape {
    position: absolute;
    content: "";
    top: -50px;
    right: -70px;
    height: 180px;
    width: 180px;
    background: linear-gradient(59.66deg, #FFFFFF 13.18%, rgba(255, 255, 255, 0) 42.12%);
    opacity: 0.1;
    z-index: 999;
    border-radius: 50%;
}
/* -----------------------------------------------------------*/

.xs-grid-line-parallax {
    height: 100%;
    display: block;
    width: 1px;
    background-color: rgba(0,0,0,.05);
    left: 0;
    top: 0;
    position: absolute
}

.xs-grid-line-parallax-center-left {
    left: 33.33333%
}

.xs-grid-line-parallax-center-right {
    left: 66.666667%
}

.xs-grid-line-parallax-right {
    left: 100%
}

.xs-grid-parallax-anim-wraper {
    position: absolute;
    max-width: 1170px;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: -1;
    pointer-events: none;
    user-select: none
}

.xs-grid-line-parallax-inner {
    position: absolute;
    top: 40%;
    left: -2px;
    background-color: #6a4af4;
    height: 5px;
    width: 5px;
    border-radius: 100%
}

.xs-grid-line-parallax-center-left .xs-grid-line-parallax-inner {
    background-color: #fe6f0a;
    top: 5%
}

.xs-grid-line-parallax-center-right .xs-grid-line-parallax-inner {
    background-color: #05a6f0;
    top: 5%
}

.xs-grid-line-parallax-right .xs-grid-line-parallax-inner {
    background-color: #07cab2
}

.header .xs-grid-parallax-anim-wraper {
    display: none
}

.xs-grid-line-parallax-line-style .xs-grid-line-parallax {
    background-color: #f5f5f5
}

.xs-grid-line-parallax-line-style .xs-grid-line-parallax-inner {
    height: 15px;
    width: 3px;
    background-color: rgba(122,134,255,.5);
    border-radius: 0;
    left: -1px;
    z-index: 1
}

/* --------------------------------------------------------------- */
.faq__active{
    background-color: #ffffff;
    border-style: solid;
    border-radius: 20px 20px 20px 20px;
    margin: 20px 0px 20px 0px;
    padding: 30px 30px 30px 30px;
    transition: transform 0.7s ease-in-out;
    box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.09);
}
.faq__active .down__icon {
    rotate: 317deg;
    margin-top: -10px;
}
.faq__active .down__icon > path {
    fill: #fd8d48;
}
.question-and-answer {
    transition: transform 0.7s ease-in-out;
}
.faq__contantxxx {
    transition: transform 0.7s ease-in-out;
}

.faq__active .faq__contantxxx {
    transition: transform 0.7s ease-in-out;
}
.faq__active .faq__contant{
    display: block;
}
/* .ll__testimonials{
    padding: 35px 130px 77px 130px;
    background-position: 50% 3%;
    background-repeat: no-repeat;
    background-size: 64% auto;
} */
.swiper-pagination-bullet {
    bottom: 117px!important;
}
.section__heading span.llsec:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 5px;
    width: calc(100% + 4px);
    height: 8px;
    background-color: #8378ee59;
    border-radius: 10px;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.ll__headline__word {
    display: inline-block;
}

.ll__headline__word svg {
    position: absolute;
    top: 57%;
    left: 49%;
    width: calc(100% + -15px);
    height: calc(100% + 10px);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    overflow: visible;
    pointer-events: none;
}

.ll__headline__word svg path {
    fill: none;
    opacity: 0;
    stroke-dasharray: 0 1500;
    transition: opacity .3s,stroke-dasharray .3s;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: currentColor;
    stroke-width: 7px
}

@-webkit-keyframes highlighter_dash {
    0% {
        stroke-dasharray: 0 1500;
        opacity: 1
    }

    to {
        stroke-dasharray: 1500 1500;
        opacity: 1
    }
}

@keyframes highlighter_dash {
    0% {
        stroke-dasharray: 0 1500;
        opacity: 1
    }

    to {
        stroke-dasharray: 1500 1500;
        opacity: 1
    }
}

.ll__headline__word.animation_on svg path {
    -webkit-animation: highlighter_dash forwards;
    animation: highlighter_dash forwards;
    -webkit-animation-duration: var(--gt3-anim-duration);
    animation-duration: var(--gt3-anim-duration);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.ll__headline__word.animation_on svg path:nth-of-type(2) {
    -webkit-animation-delay: calc(var(--gt3-anim-duration)/2);
    animation-delay: calc(var(--gt3-anim-duration)/2);
}
.ll__headline__word{
    --gt3-anim-duration: 1200ms;
}

.ll__headline__word svg path {
    stroke-width: 7px;
    stroke: #fce5ad;
}

.ll__moved__element2 {
    -webkit-animation: movedelement2 8s linear infinite;
    animation: movedelement2 8s linear infinite
}

.ll__moved__element3 {
    -webkit-animation: movedelement3 12s linear infinite;
    animation: movedelement3 12s linear infinite
}
@-webkit-keyframes movedelement {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(10px,10px);
        transform: translate(10px,10px)
    }

    50% {
        -webkit-transform: translate(5px,5px);
        transform: translate(5px,5px)
    }

    75% {
        -webkit-transform: translate(10px,-5px);
        transform: translate(10px,-5px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes movedelement {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(10px,10px);
        transform: translate(10px,10px)
    }

    50% {
        -webkit-transform: translate(5px,5px);
        transform: translate(5px,5px)
    }

    75% {
        -webkit-transform: translate(10px,-5px);
        transform: translate(10px,-5px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes movedelement2 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(-10px,-10px);
        transform: translate(-10px,-10px)
    }

    50% {
        -webkit-transform: translate(-5px,-5px);
        transform: translate(-5px,-5px)
    }

    75% {
        -webkit-transform: translate(-10px,5px);
        transform: translate(-10px,5px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes movedelement2 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(-10px,-10px);
        transform: translate(-10px,-10px)
    }

    50% {
        -webkit-transform: translate(-5px,-5px);
        transform: translate(-5px,-5px)
    }

    75% {
        -webkit-transform: translate(-10px,5px);
        transform: translate(-10px,5px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes movedelement3 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(15px,15px);
        transform: translate(15px,15px)
    }

    50% {
        -webkit-transform: translate(8px,8px);
        transform: translate(8px,8px)
    }

    75% {
        -webkit-transform: translate(15px,-8px);
        transform: translate(15px,-8px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes movedelement3 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(15px,15px);
        transform: translate(15px,15px)
    }

    50% {
        -webkit-transform: translate(8px,8px);
        transform: translate(8px,8px)
    }

    75% {
        -webkit-transform: translate(15px,-8px);
        transform: translate(15px,-8px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

/* --------------------------------------------------------------- */
[data-pie-index='2'] {
    position: relative;
    border-radius: 50%;
    box-shadow: inset 0 0 25px 10px #a2caff;
  }
[data-pie-index='3'] {
    position: relative;
    border-radius: 50%;
    box-shadow: inset 0 0 25px 10px #FFECB3;
  }
/* --------------------------------------------------------------- */
.bubbles_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
    pointer-events: none
}

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

    to {
        margin-top: -30%
    }
}

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

    to {
        margin-top: -30%
    }
}

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

    to {
        margin-top: -30%
    }
}

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

    to {
        margin-left: 25px
    }
}

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

    to {
        margin-left: 25px
    }
}

@keyframes sideWays {
    0% {
        margin-left: 0
    }

    to {
        margin-left: 25px
    }
}

.x1 {
    -webkit-animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left: 6%;
    top: 45%;
    background: #ffb739
}

.x2 {
    -webkit-animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
    left: 5%;
    top: 80%;
    background: #fc4fdd
}

.x3 {
    -webkit-animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left: 10%;
    top: 40%;
    background: #5ed5cb
}

.x4 {
    -webkit-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    left: 20%;
    top: 0;
    background: #3de4a3
}

.x5 {
    -webkit-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    left: 30%;
    top: 50%;
    background: #fc4fb1
}

.x6 {
    -webkit-animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left: 50%;
    top: 0;
    background: #2c4aff
}

.x7 {
    -webkit-animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left: 65%;
    top: 70%;
    background: #ffb739
}

.x8 {
    -webkit-animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    left: 80%;
    top: 10%;
    background: #8f3de4
}

.x9 {
    -webkit-animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    left: 90%;
    top: 50%;
    background: #fff339
}

.x10 {
    -webkit-animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left: 80%;
    top: 80%;
    background: #fc4f4f
}

.bubble {
    border-radius: 50%;
    box-shadow: none;
    height: 5px;
    position: absolute;
    width: 5px
}

/* --------------------------------------------------------------- */
.mobile-menu-button, .mobile-menu-close{
    background-color: transparent;
    background-image: linear-gradient(90deg, #5e045e 0%, #440044 100%);
}
.ll__btns{
    border-radius: 50px 0 50px 50px;
    background-color: transparent;
    background-image: linear-gradient(90deg, #f0ac0e 0%, #f56616 100%);
    color:white;
}
.ll__btns .ll__icon {
    width: 30px;
    height: 30px;
    margin-left: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ff873f;
}
.xl__svg span{
    background-color: #6254e7;
    background-image: linear-gradient(96deg, #6254e7 0%, #9289f1 100%);
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-color: #ffffff;
    position: relative;
    z-index: 1;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 50%;
}
.xl__svg svg {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-40%,-50%);
    -ms-transform: translate(-40%,-50%);
    transform: translate(-40%,-50%);
}
.xl__svg svg polygon {
    fill: #ffffff;
    stroke: #ffffff;
}
.xl__scrollsss{
    background-color: transparent;
    background-image: linear-gradient(90deg, #800080 0%, #f033f0 100%);
}
/* --------------------------------------------------------------- */

  .wrapper__xl .icon {
    margin: 0 20px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 2;
    transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  .wrapper__xl .icon span {
        display: flex;
        height: 60px;
        width: 60px;
        background: #fff;
        border-radius: 50%;
        position: relative;
        z-index: 2;
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
        transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
  .wrapper__xl .icon span svg {
    line-height: 60px;
    font-size: 25px;
    fill: black;
  }
  .wrapper__xl .icon:hover span svg,.wrapper__xl .icon:hover span svg path {
    fill: white;
  }
  .wrapper__xl .icon .tooltip {
    position: absolute;
    top: 0;
    z-index: 1;
    background: #fff;
    color: #fff;
    padding: 10px 18px;
    font-size: 20px;
    font-weight: 500;
    border-radius: 25px;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  .wrapper__xl .icon:hover .tooltip {
    top: -70px;
    opacity: 1;
    pointer-events: auto;
  }
  .icon .tooltip:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    background: #fff;
    left: 50%;
    bottom: -6px;
    transform: translateX(-50%) rotate(45deg);
    transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  .wrapper__xl .icon:hover span {
    color: #fff;
  }
  .wrapper__xl .icon:hover span,
  .wrapper__xl .icon:hover .tooltip {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  }
  .wrapper__xl .facebook:hover span,
  .wrapper__xl .facebook:hover .tooltip,
  .wrapper__xl .facebook:hover .tooltip:before {
    background: #3b5999;
  }
  .wrapper__xl .twitter:hover span,
  .wrapper__xl .twitter:hover .tooltip,
  .wrapper__xl .twitter:hover .tooltip:before {
    background: #333;
  }
  .wrapper__xl .instagram:hover span,
  .wrapper__xl .instagram:hover .tooltip,
  .wrapper__xl .instagram:hover .tooltip:before {
    background: #e1306c;
  }
  .wrapper__xl .github:hover span,
  .wrapper__xl .github:hover .tooltip,
  .wrapper__xl .github:hover .tooltip:before {
    background: #0a66c2;
  }
  .wrapper__xl .youtube:hover span,
  .wrapper__xl .youtube:hover .tooltip,
  .wrapper__xl .youtube:hover .tooltip:before {
    background: #de463b;
  }

/* --------------------------------------------------------------- */

.sticknavdivs{
 background-color: transparent;
}
.sticknavdivs .sticknav__div{
    padding: 14px 0px 14px 0px;
}
.sticknavdivs::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: #170049cf;
    box-shadow: 0 4px 30px rgb(255 255 255 / 10%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
@media (max-width: 767px){
    .faq__active {padding: 17px 17px 17px 17px;}
    .ll__testimonials {padding: 17px 17px 17px 17px;
        background-position: 50% 3%;
        background-repeat: no-repeat;
        background-size: 64% auto;
    }
}
@media (min-width:768px) and (max-width:991px){
    .ll__testimonials {padding: 17px 17px 17px 17px;}
}
@media (min-width:992px) and (max-width:1140px){
    .container{
        padding-left: 47px!important;
        padding-right: 47px!important;
    }
    .ll__testimonials {padding: 17px 17px 17px 17px;}
}
@media (min-width:1141px) and (max-width:1200px){
    .container{
        padding-left: 27px!important;
        padding-right: 27px!important;
    }
    .ll__testimonials {padding: 17px 17px 17px 17px;}
}
@media (min-width:992px) and (max-width:1400px){
    .ll__div{
       padding-top: 60px!important;
    }


}
/* --------------------------------------------------------------- */
.line {
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
}
.heading__gradiants span {
    background: linear-gradient(270.78deg, #c615c6 4.19%, #800080 96.11%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradiants {
    background: linear-gradient(-90deg, #c414c4, #800080);
}
.bann .bann2 svg {
    height: 100px;
    transform: translateX(-50%) rotateY(180deg);
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    z-index: -1;
}
.elementor-shape-fill {
    fill: #fff;
    transform-origin: center;
    transform: rotateY(0deg);
}
.bann2{
    bottom: -1px;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
}
.bann2s{
    top: -1px;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
}
.bann2s svg{
    height: 100px;
    transform: translateX(-50%) rotateY(180deg);
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
}
.flips{
    --e-transform-rotateZ: -63deg;
    --e-transform-flipX: -1;
    transform: perspective(var(--e-transform-perspective,0)) rotate(var(--e-transform-rotateZ,0)) rotateX(var(--e-transform-rotateX,0)) rotateY(var(--e-transform-rotateY,0)) translate(var(--e-transform-translate,0)) translateX(var(--e-transform-translateX,0)) translateY(var(--e-transform-translateY,0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX,0)) skewY(var(--e-transform-skewY,0));
    transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x);
}
/* --------------------------------------------------------------- */
.new__xwro{
    padding: 0px 0px 0px 0px;
    --e-transform-rotateZ: -90deg;
    --e-transform-translateX: -120px;
    --e-transform-translateY: 130px;

    transform: perspective(var(--e-transform-perspective,0)) rotate(var(--e-transform-rotateZ,0)) rotateX(var(--e-transform-rotateX,0)) rotateY(var(--e-transform-rotateY,0)) translate(var(--e-transform-translate,0)) translateX(var(--e-transform-translateX,0)) translateY(var(--e-transform-translateY,0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX,0)) skewY(var(--e-transform-skewY,0));
    transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x);

}
.new__xwro h2{
    color: #1D1D1F17;
    font-size: 50px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 72px;
    letter-spacing: 2px;
}

.new__xwro2{
    padding: 0px 0px 0px 0px;
}
.new__xwro2 h2{
    color: #1D1D1F17;
    font-size: 50px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 72px;
    letter-spacing: 2px;
}

/* --------------------------------------------------------------- */
.gradiant__text2s {
    background: linear-gradient(270deg, #ffeb3b 1.21%, #ffe02d 21.78%, #ffc309 71.65%, #ffda26 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.xero__list h2::after {
    background: linear-gradient(145.27deg, rgba(133, 117, 224, 0.2) 15.55%, rgba(185, 173, 255, 0) 86.81%);
    border-radius: 100px;
    position: absolute;
    top: -23px;
    left: -22px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    content: "";
}
.xero__gridsdiv{
    transition: 0.4s;
}
.xero__gridsdiv:hover{
    transform: scale(1.05);
    box-shadow: 0px 16px 40px rgba(32, 33, 36, 0.1);
    transform: scale(1);

    transition: 0.4s;
}
.xero__gridsdiv:hover .xero__grids{
    transition: 0.4s;

}
/* --------------------------------------------------------------- */
.bann2sqqq {
    top: -1px;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
}
.bann2sqqq svg {
    height: 100px;
    transform: translateX(-50%) rotateY(0deg);
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
}
/* --------------------------------------------------------------- */
.elementor-shape-fill2 {
    fill: #800080;
    transform-origin: center;
    transform: rotateY(0deg);
}
.testimonial__image:after {
    content: '';
    position: absolute;
    width: 384px;
    top: -23px;
    left: 0;
    height: 94%;
    background-color: rgb(217 217 217 / 23%);
    -webkit-mask-repeat: no-repeat;
    z-index: -1;
}

/* --------------------------------------------------------------- */