@font-face {
        font-family: 'Baloo Bhaijaan 2';
        font-style: normal;
        font-weight: 400 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/baloobhaijaan2/v19/zYX9KUwuEqdVGqM8tPDdAA_Y-_bMAIRsdO_q.woff2) format('woff2');
        unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1
      }

      @font-face {
        font-family: 'Baloo Bhaijaan 2';
        font-style: normal;
        font-weight: 400 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/baloobhaijaan2/v19/zYX9KUwuEqdVGqM8tPDdAA_Y-_bMAI5sdO_q.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
      }

      @font-face {
        font-family: 'Baloo Bhaijaan 2';
        font-style: normal;
        font-weight: 400 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/baloobhaijaan2/v19/zYX9KUwuEqdVGqM8tPDdAA_Y-_bMAI9sdO_q.woff2) format('woff2');
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
        font-family: 'Baloo Bhaijaan 2';
        font-style: normal;
        font-weight: 400 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/baloobhaijaan2/v19/zYX9KUwuEqdVGqM8tPDdAA_Y-_bMAIFsdA.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      .YC-related_articles-single-item,
      .yc-shortcode--single-worksteps-item {
        cursor: pointer;
        box-shadow: var(--box-shadow-defult);
        background: #fff;
        transition: 250ms
      }

      .yc-shortcode--box {
        padding: 20px 0 !important;
        margin: 20px 0 !important
      }

      .yc-shortcode--box.yc-shortcode--post-faq .-YC-FaqsSimple-ItemsCenter-v1 {
        margin-top: 32px;
        max-width: 940px;
        margin-inline: auto
      }

      .-single-features-step-item .yc-shortcode--review {
        box-shadow: 0
      }

      .yc-shortcode--box.yc-shortcode--review {
        background: 0 0;
        box-shadow: none;
        padding: 0 !important
      }

      .yc-shortcode--box.yc-shortcode--review .-single-features-step-item {
        border: 2px solid var(--border-defult-hover)
      }

      .yc-shortcode--box.yc-shortcode--review .-single-features-step-item:hover {
        border-color: transparent
      }

      .yc-shortcode--box.yc-shortcode--shortcode_video .--short--code--title {
        color: #fff;
        font-size: 32px
      }

      .yc-shortcode--box .--Parent-URL-BTN a {
        padding: 8px 24px
      }

      .yc-shortcode--box.yc-shortcode--features>* {
        margin: initial !important
      }

      .ShortCode-title.-title_post-features {
        margin-inline: auto !important
      }

      .ShortCode-title.-title_post-features p.--short--code--content {
        margin-bottom: 0 !important
      }

      .yc-shortcode--box.yc-shortcode--features>h2 {
        position: relative;
        margin-bottom: 8px !important;
        text-align: center;
        font-size: 37px;
        font-weight: 700
      }

      .yc-shortcode--box>.--short--code--content {
        max-width: 1000px;
        text-align: center;
        margin-inline: auto !important;
        display: flex;
        line-height: 1.4;
        color: var(--secondarytext)
      }

      .yc-shortcode--features--items {
        display: flex;
        flex-wrap: wrap;
        max-width: unset !important;
        align-content: center;
        gap: 20px
      }

      .yc-shortcode--single-features-item {
        display: flex;
        padding: 35px !important;
        border-radius: var(--largeradius);
        background: #fff;
        flex-wrap: wrap;
        flex-direction: column;
        position: relative;
        align-items: self-start;
        transition: 250ms;
        overflow: hidden;
        min-width: 326px;
        max-width: 328px;
        flex: 1;
        align-items: center;
        text-align: center;
        border: 2px solid var(--border-defult-hover)
      }

      .yc-shortcode--single-features-item:hover {
        border-color: var(--uicolor);
        transition: 80ms;
        transform: translateY(-1px)
      }

      .yc-shortcode-features--icon {
        text-align: center;
        display: flex;
        justify-content: center;
        color: var(--uicolor);
        transition: .2s;
        margin-bottom: 14px !important;
        position: relative;
        min-width: 65px;
        max-width: 65px;
        height: 65px;
        background: #f9f9ff;
        border-radius: 50%
      }

      .yc-shortcode-features--icon:before {
        content: '';
        position: absolute
      }

      .yc-shortcode--single-features-item:hover .yc-shortcode-features--icon {
        color: #fff;
        transform: translateY(-3px) translate3d(0, -3px, 0) scale(1.06);
        background: var(--uicolor)
      }

      .yc-shortcode-features--icon>i {
        font-weight: 400;
        position: relative;
        font-size: 28px;
        display: flex;
        line-height: 1;
        align-items: center
      }

      .yc-shortcode--step--info {
        transition: 180ms;
        flex: 1
      }

      .yc-shortcode--single-features-item:hover .yc-shortcode--step--info {
        opacity: 1
      }

      .yc-shortcode--step--info>h3 {
        font-weight: 600;
        margin: 0 0 10px !important;
        font-size: 24px;
        color: var(--primary-text)
      }

      .yc-shortcode--single-features-item:hover .yc-shortcode--step--info>h3 {
        color: var(--uicolor)
      }

      .yc-shortcode--step--info>p {
        color: var(--secondarytext);
        margin: 0 !important;
        font-size: 18px;
        line-height: 1.4
      }

      .yc-shortcode--section--contactus {
        display: flex;
        padding: 67px !important;
        border-radius: var(--largeradius);
        transition: 250ms;
        align-items: center;
        background: var(--primary-text);
        justify-content: space-between;
        flex-direction: column;
        position: relative;
        overflow: hidden
      }

      .yc-shortcode--box.yc-shortcode--section--contactus .item-6 {
        bottom: -10px;
        left: -174px;
        width: 330px;
        height: 330px;
        border-radius: 20px;
        background: #e1d9fe12;
        z-index: 0;
        position: absolute;
        transform: rotate(46deg)
      }

      .--contact--post-info {
        display: block;
        flex: 1;
        text-align: center
      }

      .--contact--post-info>.--shortcode--section--contactus--title {
        margin: 0;
        text-align: center;
        font-size: 36px;
        color: #fff;
        font-weight: 700
      }

      .--contact--post-info>p {
        margin: 10px 0 0;
        color: #f5f5f5;
        max-width: 750px !important;
        font-size: 18px
      }

      .--contact--post-call--buttons {
        display: flex;
        justify-content: center;
        margin-top: 20px
      }

      .--contact--post-call--buttons>a {
        font-size: 16px;
        display: flex;
        align-items: center;
        color: #fff;
        padding: 8px 18px;
        border: 2px solid var(--uicolor);
        border-radius: var(--largeradius);
        background: var(--uicolor)
      }

      a.--contact--button-call-link {
        margin-inline-end: 11px;
        direction: ltr
      }

      .--contact--post-call--buttons>a: hover {
        background: #1cb2a0;
        color: #fff;
        border: 2px solid #1cb2a0
      }

      .--contact--post-call--buttons>a.--button-call-link-whatsapp: hover {
        background: 0 0;
        color: var(--whatsapp)
      }

      .--contact--post-call--buttons>a.--button-call-link-whatsapp {
        color: #fff;
        background: var(--whatsapp);
        border-color: var(--whatsapp)
      }

      .YC-related_articles-single-item:hover .YC-related_articles-item-Info a,
      .yc-shortcode--single-services-item:hover h3 {
        color: var(--uicolor)
      }

      .--contact--post-call--buttons>a: last-child {
        margin-bottom: 0
      }

      .--contact--post-call--buttons>a>i {
        margin: 0 !important;
        margin-inline-end: 10px !important;
        font-weight: 500;
        font-size: 18px
      }

      .--contact--post-call--buttons>a>strong {
        font-weight: 500
      }

      .yc-shortcode--services--items {
        display: flex;
        flex-direction: column;
        flex: 1;
        position: sticky;
        top: 60px
      }

      .yc-shortcode--single-services-item {
        padding: 30px 0 !important;
        display: flex;
        align-items: center;
        gap: 30px;
        border-bottom: 1px solid var(--border-defult-hover);
        cursor: pointer;
        justify-content: right;
        position: relative
      }

      .yc-shortcode--single-services-item:last-child {
        padding-bottom: 0 !important;
        border-bottom: 0
      }

      .yc-shortcode--single-worksteps-item:hover,
      .yc-shortcode-gallry--image:hover {
        box-shadow: var(--box-shadow-hover);
        border-color: var(--border-defult-hover)
      }

      .yc-shortcode--single-services-item:first-child {
        padding-top: 0 !important
      }

      .yc-shortcode-step--image {
        min-width: 112px;
        max-width: 112px;
        height: 82px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative
      }

      .yc-shortcode-step--image>img {
        max-width: unset;
        max-height: 100%;
        margin: 0 !important;
        padding: 0 !important;
        width: auto;
        height: auto
      }

      .yc-shortcode--services--info {
        display: block
      }

      .yc-shortcode--services--info p {
        font-size: 19px;
        font-weight: 400;
        position: relative;
        z-index: 1;
        color: var(--secondarytext)
      }

      .yc-shortcode--services--info>h3 {
        margin: 0 0 10px;
        display: block;
        font-size: 26px;
        font-weight: 600;
        color: var(--Text-color);
        line-height: 1.5;
        text-align: right;
        transition: 150ms
      }

      .yc-shortcode--single-image {
        column-count: 4;
        column-gap: 25px
      }

      .yc-shortcode--box.yc-shortcode--post--gallery {
        display: flex;
        flex-direction: column;
        background: #fff;
        padding: 25px;
        border-radius: 20px
      }

      .yc-shortcode-gallry--image {
        margin: 0 0 25px !important;
        break-inside: avoid;
        display: flex;
        overflow: hidden;
        width: 300px;
        height: 300px;
        align-items: flex-start;
        justify-content: center;
        border-radius: var(--largeradius);
        background: #fafafa;
        box-shadow: var(--box-shadow-defult);
        transition: .2s
      }

      .yc-shortcode-gallry--image>a {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        justify-content: center;
        position: relative;
        overflow: hidden
      }

      .yc-shortcode-gallry--image:hover a:before {
        top: 0;
        opacity: 1;
        visibility: visible;
        -webkit-transition: .4s;
        transition: .4s;
        z-index: 1
      }

      .yc-shortcode-gallry--image>a:before {
        position: absolute;
        content: "";
        top: 100%;
        left: 0;
        height: 100%;
        width: 100%;
        -webkit-transition: .4s .2s;
        transition: .4s .2s;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: 0;
        visibility: hidden
      }

      .YC-related_articles-single-item:hover .YC-related_articles-item-Thumb:after,
      .yc-shortcode-gallry--image:hover a:after {
        height: 250%;
        transition: .5s linear !important;
        background-color: transparent
      }

      .YC-related_articles-item-Thumb:after,
      .yc-shortcode-gallry--image>a:after {
        content: "";
        position: absolute;
        width: 300%;
        height: 0%;
        left: 50%;
        top: 50%;
        background-color: rgba(255, 255, 255, .2);
        transform: translate(-50%, -50%) rotate(-45deg);
        z-index: 1
      }

      .yc-shortcode--steps--items {
        display: flex;
        flex-wrap: wrap;
        gap: 20px
      }

      .yc-shortcode--single-worksteps-item {
        padding: 30px !important;
        border: var(--border-defult);
        min-width: 290px;
        max-width: 328px !important;
        flex-direction: column-reverse;
        justify-content: start;
        align-items: end;
        display: flex;
        border-radius: var(--largeradius);
        position: relative;
        flex: 1
      }

      .YC-related_articles-item-Thumb,
      .YC-related_articles-single-item {
        border-radius: var(--largeradius);
        position: relative;
        overflow: hidden
      }

      .yc-shortcode--single-worksteps-item:hover {
        transform: translateY(-1px)
      }

      .-single-features-step-item:hover,
      .custreviewsgoole-block:hover,
      .goole-block:hover {
        box-shadow: 0 2px 3px #1f1e8708, 0 25px 35px #163e850a
      }

      .yc-shortcode-worksteps--image {
        font-size: 50px;
        font-weight: 500;
        margin: 0 !important;
        font-family: var(--f-number)
      }

      .yc-shortcode--worksteps--info {
        display: block;
        flex: 1
      }

      .yc-shortcode--worksteps--info>h3 {
        margin: 0 0 8px !important;
        font-weight: 600;
        font-size: 22px;
        color: var(--primary-text);
        line-height: 1.5
      }

      .yc-shortcode--worksteps--info>p {
        font-size: 18px;
        color: var(--secondarytext);
        line-height: 1.6
      }

      .YC-related-posts-items {
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        padding: 20px 14px !important;
        margin-inline: -10px;
        opacity: 0
      }

      .YC-related_articles-single-item {
        min-width: 256px;
        max-width: 220px !important;
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: 14px !important
      }

      .YC-related_articles-item-Thumb {
        width: 100%;
        height: 210px;
        margin-bottom: 15px;
        background: #212529;
        align-items: center;
        justify-content: center;
        display: flex
      }

      .YC-related_articles-item-Thumb:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        pointer-events: none
      }

      .YC-related_articles-item-Thumb img {
        width: 100%;
        height: 100%
      }

      .ShortCode-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
        max-width: 750px;
        margin-inline: auto;
        text-align: center
      }

      .ShortCode-title.-title_related_articles {
        margin-bottom: 19px
      }

      .ShortCode-title.-title_related_articles .-YC-owl-navs-items {
        margin-top: 20px
      }

      .ShortCode-title.-title_post_gallery,
      .ShortCode-title.-title_price_list,
      .ShortCode-title.-title_related_articles {
        max-width: 100%
      }

      .ShortCode-title.-title_shortcode_video {
        max-width: 1060px
      }

      .ShortCode-title.-title_shortcode_video c--color {
        color: var(--uicolor3)
      }

      .yc-shortcode--box.yc-shortcode--shortcode_video .circle-animation.testimonial {
        top: 90px;
        width: 550px;
        height: 550px;
        border-color: #414154
      }

      .yc-shortcode--post-services .ShortCode-title {
        position: sticky;
        max-width: 569px;
        justify-content: right;
        display: flex;
        text-align: right;
        margin-inline: initial;
        margin-inline-end: 60px;
        align-items: self-start;
        top: 170px
      }

      .YC__video-elements-items:after,
      .YC__video-elements-items:before {
        width: 100%;
        position: absolute;
        right: 0;
        content: "";
        bottom: 0;
        border-radius: var(--largeradius);
        height: 100%;
        left: 0
      }

      .ShortCode-title.-title_post-services h2.--short--code--title {
        text-align: right
      }

      .--short--code--title {
        margin-bottom: 8px !important;
        width: 100%;
        font-weight: 700;
        color: var(--primary-text);
        font-size: 42px;
        position: relative;
        z-index: 1;
        display: inline-block;
        line-height: 1.3 !important
      }

      p.--short--code--content {
        max-width: 1000px;
        text-align: center;
        margin-inline: auto !important;
        display: flex;
        line-height: 1.4;
        color: var(--secondarytext)
      }

      .yc-shortcode--post-services .ShortCode-title p.--short--code--content {
        text-align: right;
        margin-bottom: 0 !important
      }

      .yc-shortcode--box-title {
        display: flex;
        flex-direction: column
      }

      .YC__video-elements-items {
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        direction: ltr;
        height: 450px;
        max-width: 800px;
        margin-inline: auto;
        box-shadow: -3px 5px 0 7px rgb(255 255 255 / 8%), 0 -2px 0 7px #ffffff14;
        padding: 9px !important;
        overflow: hidden;
        border-radius: var(--largeradius)
      }

      .-owl-navs-steps-items>div,
      .icon-video-play {
        text-align: center;
        border-radius: 50%;
        cursor: pointer
      }

      .YC__video-elements-items:before {
        background-image: var(--image-video);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        overflow: hidden
      }

      .YC__video-elements-items:after {
        padding: 0;
        z-index: 0
      }

      .icon-video-play {
        position: relative;
        color: #000;
        z-index: 2;
        height: 80px;
        width: 80px;
        border: 2px solid #ffdc60;
        line-height: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .2s;
        background: #ffdc60
      }

      .YC__video-elements-items iframe {
        width: 100%;
        height: 100%;
        position: relative
      }

      .glider-track {
        display: flex;
        gap: 20px
      }

      .YC-related_articles-item-Info a {
        transition: 250ms;
        display: block;
        font-size: 19px;
        line-height: 1.2;
        font-weight: 700;
        color: var(--primary-text);
        max-height: 68px;
        overflow: hidden;
        padding-bottom: 5px
      }

      .yc-shortcode--box.yc-shortcode--features .yc-shortcode--features--items {
        margin-top: 30px !important
      }

      .YC-shortcode-custreviews-context {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-top: 11px
      }

      .-slider-container-steps {
        display: flex;
        flex-wrap: wrap;
        gap: 20px
      }

      .-P-Content,
      .-single-features-step-item>.-P-Content {
        color: var(--secondarytext);
        font-weight: 500;
        font-size: 17px;
        line-height: 1.8;
        text-align: start;
        flex: 1
      }

      .-YC-WidgetType-reviews_widget {
        position: relative;
        background: #fafaff
      }

      .-slider-Steps-main-center {
        display: block;
        position: relative;
        transition: 280ms
      }

      .-slider-Steps-main-center.active {
        height: var(--pin-height);
        overflow: visible
      }

      .-YC-WidgetType-reviews_widget:before {
        content: ''
      }

      .-slider-Steps-main-center.active:before {
        opacity: 0;
        visibility: hidden
      }

      .-slider-steps-items {
        overflow: hidden;
        display: block;
        flex: 1;
        padding: 20px
      }

      .-Steps-slider-title {
        display: block;
        max-width: 550px;
        margin-inline-end: 60px;
        --content-max-width: 460px
      }

      .-Steps-slider-title>.-stickyReview-h4 {
        display: block;
        font-size: 21px;
        font-weight: 400;
        color: var(--uicolor);
        line-height: 1.5;
        max-width: var(--content-max-width)
      }

      .-Steps-slider-title>.-P-content {
        display: block;
        font-size: 17px;
        line-height: 1.7;
        color: var(--section-content);
        font-weight: 300;
        max-width: calc(100% - 120px)
      }

      .-Steps-slider-title>.-stickyReview-h1 {
        position: relative;
        font-size: 45px;
        line-height: 1.4;
        font-weight: 500;
        margin-bottom: 25px;
        color: var(--section-title);
        max-width: var(--content-max-width)
      }

      .-Steps-slider-title>.-stickyReview-h1>c--color,
      .-single-features-step-item:hover .-Lists-Steps-URL>a {
        color: var(--uicolor2)
      }

      .-single-features-step-item {
        display: flex;
        padding: 50px 40px !important;
        border-radius: var(--largeradius);
        background: #fff;
        flex-wrap: wrap;
        flex-direction: column;
        position: relative;
        align-items: self-start;
        transition: 250ms;
        overflow: hidden;
        min-width: 326px;
        max-width: 328px;
        flex: 1
      }

      .-single-features-step-item:hover {
        background: #fff
      }

      .-slider-container-steps {
        display: flex;
        flex-wrap: wrap;
        gap: 21px
      }

      .-Lists-Steps-URL {
        display: flex;
        align-content: center;
        align-items: center
      }

      .-Lists-Steps-URL>a,
      .-owl-navs-steps-items>div {
        align-items: center;
        display: flex;
        align-content: center
      }

      .-Lists-Steps-URL>a>i {
        margin-right: 5px;
        font-weight: 400
      }

      .-Lists-Steps-URL>a {
        font-size: 18px
      }

      .-slider-steps-items .owl-nav {
        display: none
      }

      .-Navs-Actions-Steps {
        margin-top: 40px
      }

      .-owl-navs-steps-items {
        display: flex
      }

      .-owl-navs-steps-items>div {
        height: 48px;
        width: 48px;
        justify-content: center;
        background: #fff;
        margin-inline-end: 10px;
        font-size: 28px;
        color: var(--navs-color);
        transition: 80ms;
        border: 1px solid var(--diver);
        position: relative;
        flex-wrap: wrap
      }

      .-custreviews-logos-Poster-UI img,
      .war-img img {
        width: auto;
        height: auto
      }

      .-owl-navs-steps-items>div:last-child {
        margin-inline-end: 0
      }

      .-owl-navs-steps-items>div.disabled-btn {
        cursor: not-allowed;
        user-select: none
      }

      .-owl-navs-steps-items>div:not(.disabled-btn):hover {
        color: var(--primary-text);
        transition: 250ms;
        transform: scale(1.14);
        border-color: var(--primary-text)
      }

      .-owl-navs-steps-items>div>i {
        font-weight: 400
      }

      .-icon--numbers {
        position: absolute;
        left: 40px;
        font-size: 65px;
        font-weight: 400;
        top: 40px;
        color: #93939312
      }

      .-custreviews-logos-Poster-Image {
        display: block;
        position: relative;
        --poster-width: 50px;
        max-width: var(--poster-width);
        min-width: var(--poster-width);
        height: var(--poster-width);
        margin-inline-end: 0;
        border-radius: 50%
      }

      .-custreviews-logos-Poster-Image.-is-twitter-item {
        border-color: #00aced
      }

      .-custreviews-logos-Poster-Image>.twitter__link {
        position: absolute;
        bottom: 3px;
        left: 0;
        z-index: 1
      }

      .-custreviews-logos-Poster-Image>.twitter__link>a {
        background: #00aced;
        color: #fff;
        display: flex;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        font-size: 6px
      }

      .-custreviews-logos-Poster-UI {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        overflow: hidden;
        position: relative
      }

      .-custreviews-logos-Poster-UI>img {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%
      }

      .custreviews-logos-context {
        display: flex;
        align-items: flex-start;
        flex-direction: column
      }

      .custreviews-logos-context span {
        font-size: 14px;
        color: var(--secondarytext);
        font-weight: 500
      }

      .custreviews-logos-context>h2 {
        font-size: 18px;
        font-weight: 600;
        text-align: start;
        color: var(--primary-text)
      }

      .-YC-FaqsSimple-Center-v1 .-widgets-h1-title,
      .-YC-FaqsSimple-Center-v1 .P-content,
      p.goolge-content {
        text-align: right
      }

      .custreviews-logos-context>.stars-avg {
        display: block;
        font-size: 13px;
        position: relative;
        color: #e1e1e138;
        direction: ltr
      }

      .custreviews-logos-context>.stars-avg>.stars-avg-back>i {
        font-weight: 300
      }

      .custreviews-logos-context>.stars-avg>.stars-avg-back,
      .custreviews-logos-context>.stars-avg>.stars-avg-front {
        display: flex;
        justify-content: center
      }

      .custreviews-logos-context .stars-avg i {
        padding: 0 1px
      }

      .custreviews-logos-context .stars-avg>.stars-avg-front {
        position: absolute;
        top: 0;
        left: 0;
        color: #ffa700;
        width: var(--percent);
        flex-wrap: inherit;
        overflow: hidden;
        justify-content: start
      }

      .--container--review-title {
        display: flex;
        width: 100%;
        margin-bottom: 15px;
        align-items: center
      }

      .custreviews--google-flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 31px;
        margin-bottom: 30px;
        margin-top: 40px
      }

      .custreviewsgoole-block,
      .goole-block {
        position: relative;
        z-index: 0;
        padding: 50px !important;
        max-width: 100%;
        gap: 20px;
        transition: .2s;
        border-radius: var(--largeradius)
      }

      .yc-shortcode--box .-defult-widgets-title-style-1 {
        max-width: 100%
      }

      .BTN-google {
        margin-top: 20px;
        display: block
      }

      .BTN-google a {
        color: var(--uicolor);
        font-size: 19px;
        font-weight: 500;
        gap: 10px;
        display: flex;
        align-items: center
      }

      .--title-goolge--,
      .-YC-FaqsSimple-Item-v1:not(.active):hover .-YC-FaqsSimple-Title>h2,
      .-YC-FaqsSimple-Item-v1:not(.active):hover .-YC-FaqsSimple-Title>i,
      .custreviewsgoole-info h3.--title-goolge--,
      p.goolge-content {
        color: var(--primary-text)
      }

      .BTN-google a i {
        font-size: 18px
      }

      .goole-block {
        background-color: #ffdc9f;
        flex: 1;
        display: flex;
        min-width: 673px
      }

      .goole-block:hover {
        transform: translate(0, -4px)
      }

      .custreviewsgoole-block {
        background-color: #fff;
        min-width: 622px;
        height: 100%;
        display: flex;
        border: 2px solid var(--border-defult-hover)
      }

      .custreviewsgoole-block:hover {
        transform: translate(0, -5px)
      }

      .war-img {
        max-width: 110px;
        display: flex;
        align-items: end
      }

      .--title-goolge-- {
        font-size: 33px;
        font-weight: 600;
        margin-bottom: 9px
      }

      .goole-block h3.--title-goolge-- {
        font-size: 25px;
        font-weight: 700
      }

      p.goolge-content {
        font-size: 20px;
        line-height: 1.6;
        font-weight: 400
      }

      .-YC-FaqsSimple-ItemsCenter-v1,
      .war-widget {
        flex: 1
      }

      .custreviewsgoole-info p {
        color: var(--secondarytext)
      }

      .custreviews-context {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-top: 11px
      }

      .yc-shortcode--post-services .ShortCode-title .sup-title-widget-defualt {
        margin-inline-start: 0
      }

      .-YC-WidgetType-Faqs__simple2 {
        --bgcolor: white;
        --first-button-color: var(--primary-text);
        --first-button-text: #ffffff;
        --first-button-border: 2px solid var(--primary-text);
        --first-button-hovercolor: #041c3600;
        --first-button-hovertext: var(--primary-text);
        --first-button-hoverborder: 2px solid var(--primary-text);
        --second-button-color: #1269eb00;
        --second-button-text: var(--uicolor2);
        --second-button-border: 2px solid var(--uicolor2);
        --second-button-hovercolor: var(--uicolor2);
        --second-button-hovertext: white;
        --second-button-hoverborder: 2px solid var(--uicolor2);
        --section-title: var(--primary-text);
        --section-content: var(--secondarytext)
      }

      .-YC-WidgetType-Faqs__simple2 .-YC-Widgets-Inner-Row {
        overflow: visible
      }

      .-YC-FaqsSimple-Center-v1 {
        display: flex;
        align-content: center;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: column;
        flex: 1;
        max-width: 770px
      }

      .-YC-FaqsSimple-Center-v1 .-defult-widgets-title-style-1 {
        margin-bottom: 40px;
        align-items: self-start
      }

      .-YC-FaqsSimple-Center-v1 .-YC-FaqsSimple-Center-v1 {
        margin-bottom: 30px
      }

      .-YC-FaqsSimple-SVG-s1 {
        min-width: 550px;
        margin-inline-end: 100px
      }

      .container.largerContainer .-YC-FaqsSimple-SVG-s1 {
        min-width: 700px
      }

      .-YC-FaqsSimple-title-s1 {
        margin-inline-start: 60px;
        position: sticky;
        top: 90px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        transition: 180ms;
        --max-context-width: 100%;
        flex: 1;
        max-width: 650px;
        overflow: hidden;
        min-width: 550px
      }

      .-YC-FaqsSimple-title-s1>.sup-title-widget-defualt {
        margin-bottom: 15px;
        color: var(--uicolor);
        max-width: var(--max-context-width);
        font-weight: 400;
        font-size: 26px
      }

      body.hidemenu .-YC-FaqsSimple-title-s1 {
        top: 30px
      }

      .-YC-FaqsSimple-title-s1>.P-content {
        display: block;
        font-size: 19px;
        line-height: 1.7;
        color: var(--section-content);
        font-weight: 300;
        max-width: calc(100% - 100px)
      }

      .-YC-FaqsSimple-title-s1>.-widgets-h1-title {
        display: block;
        line-height: 1.6;
        margin-bottom: 20px;
        color: var(--section-title);
        font-size: 43px;
        font-weight: 700;
        max-width: var(--max-context-width)
      }

      .-YC-FaqsSimple-title-s1>.-widgets-h1-title>c--color {
        color: var(--cword-color)
      }

      .-YC-FaqsSimple-BoxLinks-vs1 {
        display: flex;
        margin-top: 40px;
        align-content: center;
        align-items: center;
        justify-content: center;
        margin-bottom: 50px
      }

      .-YC-FaqsSimple-BoxLinks-vs1>.--Parent-URL-BTN>a {
        display: flex;
        padding: 15px 25px;
        border-radius: var(--largeradius);
        font-size: 16px;
        font-weight: 500;
        align-items: center;
        margin-left: 10px;
        background: #fff;
        color: var(--primary-text);
        border: 2px solid var(--primary-text)
      }

      .-YC-FaqsSimple-BoxLinks-vs1>.--Parent-URL-BTN>a: hover {
        background: var(--primary-text);
        color: #fff;
        border-color: var(--primary-text)
      }

      .-YC-FaqsSimple-BoxLinks-vs1>.--Parent-URL-BTN>a>i {
        margin-right: 10px;
        font-weight: 400
      }

      .-YC-FaqsSimple-BoxLinks-vs1>.--Parent-URL-BTN>a.button_url_2 {
        background: var(--uicolor);
        color: #fff;
        border-color: var(--uicolor)
      }

      .-YC-FaqsSimple-BoxLinks-vs1>.--Parent-URL-BTN>a.button_url_2: hover {
        background: #fff;
        color: var(--uicolor);
        border-color: var(--uicolor)
      }

      .-YC-FaqsSimple-ItemsCenter-v2 {
        display: block
      }

      .-YC-FaqsSimple-Item-v1 {
        margin-bottom: 20px;
        border-radius: var(--largeradius);
        background: #fff;
        transition: 180ms;
        box-shadow: var(--box-shadow-defult)
      }

      .-YC-FaqsSimple-Title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        padding: 14px 22px !important;
        color: var(--primary-text)
      }

      .-YC-FaqsSimple-Title>i {
        font-size: 22px;
        color: var(--secondarytext);
        transition: 180ms
      }

      .-YC-FaqsSimple-Item-v1.active .-YC-FaqsSimple-Title>i {
        color: var(--uicolor);
        transform: rotate(45deg)
      }

      .-YC-FaqsSimple-Title>.title_faq {
        display: block;
        font-size: 22px;
        font-weight: 600;
        color: var(--primary-text)
      }

      .-YC-FaqsSimple-Item-v1.active .-YC-FaqsSimple-Title>.title_faq {
        color: var(--uicolor)
      }

      .-FaqsSimple-Content-Row-v1 {
        display: block;
        height: 0;
        --pin-height: auto;
        overflow: hidden;
        transition: 180ms
      }

      .-YC-FaqsSimple-Item-v1.active .-FaqsSimple-Content-Row-v1 {
        display: block;
        height: var(--pin-height)
      }

      .-p-FaqsSimple-ContentValue-v1 {
        display: block;
        font-size: 19px;
        color: var(--secondarytext);
        font-weight: 400;
        margin: 0 20px;
        padding: 25px 0 25px 28px !important;
        border-style: solid;
        border-width: 1px 0 0;
        border-color: var(--border-color)
      }

      .YC--seviesRequest--form-boxarea {
        max-width: 630px;
        min-width: 610px;
        flex: 1;
        display: flex;
        margin-inline-start: 60px;
        position: relative;
        align-items: end;
        position: sticky;
        top: 50px;
        justify-content: end;
        transition: .2s
      }

      .-widgets-Faqs-Tabs-svg:before {
        content: "";
        position: absolute;
        width: 550px;
        height: 550px;
        background: linear-gradient(360deg, #ecf2ff 0, #bebaff 100%);
        border-radius: 50%;
        z-index: -1;
        top: -130px
      }

      .-YC-FaqsSimple-Center-continert {
        display: flex;
        align-items: center
      }

      .-widgets-Faqs-Tabs-svg {
        display: flex;
        align-items: center;
        justify-content: center
      }

      .--contact--post-info>.--shortcode--section--contactus--title c--color {
        color: var(--uicolor3)
      }

      .YC-post-cover-post {
        padding-bottom: 26px;
        padding-top: 90px;
        background: linear-gradient(180deg, #fff 0, #fff 100%);
        position: relative
      }

      .top-singular-post-cover {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: space-between;
        z-index: 1;
        position: relative;
        border-radius: 50px;
        min-height: 50px
      }

      .bg-item .item-3,
      .bg-item .item-4,
      .bg-item .item-5,
      .bg-item .item-6 {
        border-radius: 20px;
        position: absolute
      }

      .YC-post-context-boxed {
        display: flex;
        flex-direction: column;
        flex: 1;
        position: sticky;
        margin-inline-end: 50px;
        max-width: 666px;
        top: 23px;
        border-radius: 20px
      }

      .-single-parent-flexes--content-inner-thumb--inner,
      .-single-post-content iframe,
      .-single-post-thumb,
      .YC-single-call--box>a.YC-BTN-phone,
      .sub-title {
        border-radius: var(--largeradius);
        position: relative
      }

      .sub-title {
        line-height: 1.4;
        font-weight: 500;
        font-size: 24px;
        display: flex;
        width: max-content;
        padding-bottom: 6px;
        color: var(--uicolor2)
      }

      .YC-BreadCrumb>ol {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        align-content: center;
        align-items: center;
        justify-content: right
      }

      ol.BreadcrumbsFilters>li {
        list-style: none;
        margin-inline-end: 10px;
        align-items: center;
        display: flex
      }

      .YC-BreadCrumb>ol>li>a {
        display: flex;
        padding: 0;
        color: var(--secondarytext);
        font-weight: 400;
        text-transform: uppercase;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        font-size: 21px
      }

      ol.BreadcrumbsFilters>li+li:before {
        content: var(--chevron);
        font-family: 'Font Awesome 5 Pro';
        font-weight: 700;
        position: relative;
        margin-inline-end: 10px;
        line-height: 0;
        color: var(--secondarytext)
      }

      .YC-BreadCrumb>ol>li>a>span {
        display: flex;
        flex-wrap: wrap;
        gap: 6px
      }

      .mini-content-single-posts {
        font-size: 21px;
        color: var(--secondarytext);
        font-weight: 500;
        display: block;
        transition: .2s;
        max-width: 630px
      }

      .single-post-title.single-post-post-title h1 {
        font-size: 46px;
        line-height: 1.3;
        color: var(--primary-text);
        font-weight: 700;
        margin-bottom: 12px
      }

      .YC-single-call--box {
        display: flex;
        gap: 20px;
        margin-top: 20px
      }

      .YC-single-call--box>a.YC-BTN-phone {
        background: var(--uicolor);
        padding: 11px 35px;
        color: #fff;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        overflow: hidden;
        gap: 8px;
        font-size: 21px;
        transition: .2s ease-in-out
      }

      .YC-single-call--box>a:hover {
        box-shadow: 0 20px 40px 0 rgba(83, 85, 223, .4)
      }

      .YC-single-call--box>a:before {
        content: attr(title);
        display: inline-block;
        position: absolute;
        width: max-content;
        top: 50%;
        transform: translate(25%, 80%);
        opacity: 0;
        transition: opacity .6s, transform .8s;
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        min-width: max-content;
        max-width: max-content
      }

      .YC-single-call--box>a:hover:before {
        color: #fff;
        transform: translate(25%, -50%);
        opacity: 1
      }

      .YC-single-call--box>a>i {
        font-weight: 500
      }

      .YC-single-headerFixed--boxs a.YC-BTN-whatsapp {
        background: var(--whatsapp);
        margin-inline-start: 15px
      }

      .YC-BreadCrumb {
        margin-bottom: 9px
      }

      .YC-single-call--box>a>span {
        transition: opacity .6s, transform .8s;
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        position: relative
      }

      .YC-single-call--box>a:hover span {
        transform: translateY(-150%);
        opacity: 0
      }

      .-single-parent-flexes--content-inner-thumb--inner {
        height: 440px;
        width: 100%;
        display: block;
        overflow: hidden;
        box-shadow: 25px 20px 41px rgba(69, 38, 177, .1), 26px 51px 41px rgba(69, 38, 177, .1);
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--primary-text)
      }

      .-single-parent-flexes--content-inner-thumb--inner img {
        width: auto;
        height: 100%
      }

      .bg-item .item-3 {
        z-index: 0;
        bottom: -10px;
        right: -100px;
        width: 250px;
        height: 250px;
        transform: rotate(47deg);
        background: #f6f8ff
      }

      .container-pages-head h1 {
        line-height: 1.5;
        position: relative;
        color: var(--primary-text);
        margin-bottom: 10px;
        font-size: 40px;
        font-weight: 700;
        transition: .3s
      }

      .bg-item>* {
        pointer-events: none
      }

      .bg-item .item-4 {
        right: 0;
        z-index: 0;
        top: -190px;
        left: 40px;
        width: 550px;
        height: 550px;
        transform: rotate(33deg);
        background: #e1d9fe33
      }

      .bg-item .item-5 {
        bottom: -117px;
        left: 190px;
        width: 300px;
        height: 320px;
        background: #dddbf640;
        transform: rotate(38deg);
        z-index: 0
      }

      .bg-item .item-6 {
        bottom: 80px;
        left: 80px;
        width: 330px;
        height: 330px;
        background: #e1d9fe;
        z-index: 0;
        transform: rotate(46deg);
        pointer-events: none
      }

      .-secodary-single-post-bar.for-content-single {
        position: relative;
        margin-bottom: 30px
      }

      .-single-parent-flexes--content-inner-thumb {
        z-index: 2;
        --element--width: 561px;
        max-width: var(--element--width);
        min-width: var(--element--width);
        transition: 180ms;
        position: relative
      }

      .-single-parent-flexes--content-inner-thumb:before {
        bottom: 490px;
        left: 156px;
        width: 330px;
        height: 330px;
        border-radius: 10px;
        background: #e1d9fe24;
        z-index: 0;
        transform: rotate(47deg);
        content: "";
        position: absolute
      }

      .-single-post-content {
        max-width: 100%;
        font-size: 20px;
        position: relative
      }

      .YC-single-scroll-post {
        position: absolute;
        z-index: 1;
        width: 1px;
        height: 100%;
        right: -42px;
        border: 1px dashed #797ea647;
        top: 0;
        transition: height .3s ease-out
      }

      .YC-single-scroll-post:after {
        z-index: 0;
        content: "";
        position: absolute;
        width: 24px;
        height: 25px;
        right: -12px;
        border-radius: 22%;
        bottom: -4px;
        pointer-events: none;
        background: var(--uicolor);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 17px
      }

      .YC-single-scroll-post.progress-100:after {
        background: #31a24c;
        content: var(--check-icon);
        font-family: 'Font Awesome 6 Pro';
        display: flex
      }

      .-single-post-content>h2 {
        font-weight: 700
      }

      a.--contact--button-call-link i {
        transform: rotate(0) !important
      }

      .-single-post-content *{
        padding: revert;
        list-style: inherit;
        line-height: 1.8;
      }

      .yc-shortcode--box.yc-shortcode--section--contactus .inner-circle:before {
        background: #36363a
      }

      .ShortCode-title.-title_related_articles .-YC-owl-navs-items>div {
        transition: .2s;
        display: flex;
        overflow: hidden;
        position: relative;
        font-size: 24px;
        --el-w: 51px;
        width: var(--el-w);
        height: var(--el-w);
        background: #fff;
        justify-content: center;
        align-items: center;
        color: var(--uicolor);
        border-radius: 50%;
        border: 2px solid var(--uicolor);
        cursor: pointer
      }

      .ShortCode-title.-title_related_articles .-YC-owl-navs-items>div:hover {
        background: var(--uicolor);
        color: #fff
      }

      .yc-shortcode--single-services-item .yc-shortcode-step--image:before {
        content: "";
        position: absolute;
        width: 50px;
        height: 50px;
        background: var(--uicolor);
        opacity: .5;
        top: -10px;
        left: 0;
        border-radius: 50%;
        z-index: -1
      }

      .YC-related_articles-item-Info .-P-content {
        font-size: 14px;
        font-weight: 600
      }

   table {
        max-width: 100%;
        margin-bottom: 1rem;
        border-collapse: collapse;
        width: 100% !important;
        border-right: 1px solid var(--diver);
        background: #fff
      }

   table>tbody>tr>td:first-child {
        max-width: 250px
      }

      .t--contact--post-call--buttons {
        gap: 13px;
        display: flex;
        margin-top: 20px;
        margin-inline: 0;
        margin-inline-end: 0 !important
      }

      .t--contact--post-call--buttons a {
        padding: 6px 21px !important;
        margin-inline-end: 0
      }

      .wp-caption {
        display: flex;
        flex-direction: column;
        background: #edf0ff;
        margin: 31px auto;
        border-radius: 20px;
        overflow: hidden
      }

      .wp-caption p {
        padding: 13px 18px !important;
        font-size: 20px;
        color: var(--primary-text)
      }

      .wp-caption img {
        width: auto;
        height: auto
      }

table td,
      table th {
        vertical-align: top;
        font-size: 20px;
        padding: 13px!important;
        border-left: 1px solid var(--diver);
        font-weight: 500;
        overflow: hidden
      }

  table tr {
        border-top: 1px solid var(--diver)
      }

table th {
        font-size: 24px;
        background: #f3f5ff;
        font-weight: 600
      }

      .-chevron-scroller-single>i,
    table tr:first-child {
        font-weight: 400
      }

      table tr:last-child {
        border-bottom: 1px solid var(--diver)
      }

      .-single-post-content>h1,
      .-single-post-content>h2,
      .-single-post-content>h3,
      .-single-post-content>h4,
      .-single-post-content>h5,
      .-single-post-content>h6 {
        padding: 16px 0 !important;
        line-height: 1.4;
        margin-inline: 0
      }

      .-single-post-content h1,
      .-single-post-content h2,
      .-single-post-content h3,
      .-single-post-content h4,
      .-single-post-content h5,
      .-single-post-content h6 {
        transition: color .3s, transform .3s;
        position: relative;
        line-height: 1.4
      }

      .-single-post-content h2:before {
        z-index: 0;
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        background: var(--secondarytext);
        right: -49px;
        border-radius: 50%;
        top: 30px;
        pointer-events: none
      }

      .-single-post-content h1.visible-header:before,
      .-single-post-content h2.visible-header:before,
      .-single-post-content h3.visible-header:before,
      .-single-post-content h4.visible-header:before,
      .-single-post-content h5.visible-header:before,
      .-single-post-content h6.visible-header:before {
        background: var(--uicolor);
        animation: 2s linear infinite ripple-animations
      }

      .highlight-h2 {
        color: tomato;
        transform: scale(1.1);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
        border-radius: 8px;
        background: linear-gradient(90deg, tomato 0, gold 100%);
        padding: 5px 10px;
        opacity: 1
      }

      .highlight-h2:after {
        width: 80%
      }

      .-single-post-content>h2 {
        color: var(--uicolor);
        font-size: 26px
      }

      .-single-post-content>h2 * {
        color: inherit !important
      }

      .-single-post-content>h3 {
        font-size: 21px
      }

      .-single-post-content iframe {
        margin-inline: auto;
        display: flex;
        z-index: 1
      }

      .-single-post-content .aligncenter {
        float: left;
        margin: 20px auto;
        display: flex;
        justify-content: center;
        border-radius: 20px;
        width: auto;
        height: auto;
        margin-inline: auto
      }

      .yc-shortcode-gallry--image img {
        border-radius: 0;
        width: auto;
        height: auto;
        transition: .3s linear !important
      }

      .yc-shortcode-gallry--image:hover a img {
        transform: scale(1.09)
      }

      .-YourColor-sticky-TocList>h2,
      h2.-span-h2-title {
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: 500
      }

      .-YourColor-sticky-TocList>h2 {
        position: sticky;
        top: 0;
        background: var(--bgcolor);
        padding: 10px 0
      }

      .-YourColor-sticky-TocList>ul {
        display: flex;
        list-style: none;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-content: center;
        align-items: center
      }

      .-YourColor-sticky-TocList>ul>li {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        margin-bottom: 5px
      }

      .-YourColor-sticky-TocList>ul>li.active-now>a {
        background: var(--uicolor2);
        color: #fff
      }

      .-YourColor-sticky-TocList>ul>li.selected>a,
      .-YourColor-sticky-TocList>ul>li>ul>li.selected>a,
      .-references-post ul>li a:hover>em,
      .-single-more-read-btn>a:hover,
      .Bottom-comment-bar>ul>li.active {
        color: var(--uicolor2)
      }

      .-YourColor-sticky-TocList>ul>li>ul {
        display: block;
        list-style: none;
        width: 100%;
        padding: 5px 15px
      }

      .-YourColor-sticky-TocList>ul>li>ul>li {
        display: flex;
        flex-direction: column;
        align-content: stretch;
        align-items: stretch;
        flex-wrap: wrap;
        margin-bottom: 5px
      }

      .-YourColor-sticky-TocList>ul>li>ul>li>a {
        display: inline-block;
        padding: 8px 0;
        color: var(--secondarytext);
        max-width: 100%;
        font-size: 15px
      }

      .-YourColor-sticky-TocList>ul>li>a {
        display: inline-block;
        font-size: 15px;
        padding: 10px 0;
        font-weight: 400;
        width: 100%;
        color: var(--secondarytext)
      }

      .-YourColor-sticky-TocList>ul>li>a>.-em-toc__number {
        margin-inline-end: 8px;
        font-size: 16px;
        display: inline-block;
        font-weight: 700
      }

      .-YourColor-sticky-TocList>ul>li>ul>li>a>.-em-toc__number {
        margin-inline-end: 6px;
        font-size: 18px;
        display: inline-block
      }

      .-single-title-top-bar {
        display: block;
        margin-bottom: 30px;
        max-width: 100%;
        overflow: hidden
      }

      .-single-title-top-bar>ul>li>a {
        display: block;
        padding: 10px;
        min-width: max-content;
        color: var(--secondarytext);
        font-size: 16px
      }

      .-single-post-thumb {
        display: block;
        width: 100%;
        background: #031a32;
        box-shadow: 0 6px 3px -4px #09234036, 0 13px 32px -14px #09234024, 0 14px 70px -50px #09234029;
        overflow: hidden;
        margin-bottom: 30px;
        margin-top: -90px;
        border: 1px solid #bbc2cb;
        padding-bottom: 70%
      }

      .-Chevrons--NextPrev>a,
      .-post-tag-items>a,
      .-references-post {
        box-shadow: var(--box-shadow-defult)
      }

      .-Chevrons--NextPrev>a,
      .-single-more-read-btn>a {
        border-radius: var(--largeradius);
        align-content: center
      }

      .-single-thumb-image {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%
      }

      .-single-thumb-image>a {
        display: block;
        position: relative;
        height: 100%
      }

      .-singular-pages-container .item-shape {
        bottom: 50%;
        top: inherit;
        right: 170px
      }

      .-singular-pages-container .item-shape.block-4 {
        bottom: 55%;
        left: 170px;
        right: initial
      }

      .-singular-pages-container .item-shape.block-3 {
        top: 20%;
        bottom: inherit;
        left: 0;
        right: 70px
      }

      .-singular-pages-container .item-shape.block-2 {
        left: 60px;
        right: initial;
        background: #edf0ff;
        top: 350px;
        bottom: initial;
        width: 250px;
        height: 240px
      }

      .-singular-pages-container {
        position: relative;
        background: #fff;
        padding-top: 50px
      }

      .-singular-pages-container.single_page_404 {
        padding-top: 0
      }

      .-singular-pages-container:after {
        z-index: -1;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        right: 0;
        left: 0
      }

      .yc-shortcode--box.yc-shortcode--shortcode_video {
        background: var(--primary-text);
        padding: 50px 30px !important;
        color: #fff;
        border-radius: var(--largeradius);
        position: relative;
        overflow: hidden
      }

      .yc-shortcode--box.yc-shortcode--shortcode_video .creative-shape-img {
        width: 149px
      }

      .yc-shortcode--box.yc-shortcode--shortcode_video p.--short--code--content {
        color: #e7e9f2
      }

      .yc-shortcode--shortcode_video h2.--short--code--title {
        color: #fff
      }

      .yc-shortcode--box.yc-shortcode--post-services {
        display: flex;
        align-items: self-start;
        border-radius: var(--largeradius);
        justify-content: space-between;
        flex-direction: inherit
      }

      .-next-prev-singular-posts {
        display: flex;
        padding: 25px;
        margin: 0 0 30px;
        border: var(--border-defult);
        border-radius: var(--largeradius);
        background: #fff;
        gap: 30px
      }

      .-Chevrons--NextPrev {
        display: block;
        flex: 1
      }

      .-Chevrons--NextPrev>a {
        display: flex;
        padding: 25px;
        position: relative;
        align-items: center;
        flex-wrap: wrap;
        border: var(--border-defult);
        transition: .3s
      }

      .-Chevrons--NextPrev:hover>a {
        border-color: var(--border-defult-hover);
        box-shadow: var(--box-shadow-hover);
        transform: translateY(-1px);
        transition: ll 180ms
      }

      .-Chevrons--NextPrev>a>i {
        --sh-color: #0000000d;
        font-size: 45px;
        font-weight: 300;
        color: var(--secondarytext);
        background: #fdfdfd;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        display: flex;
        text-align: center;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        transition: 180ms;
        margin-inline-start: 30px
      }

      .-Chevrons--NextPrev:hover>a>i {
        color: var(--uicolor);
        transform: scale(1.1)
      }

      .-Chevrons--NextPrev.-chevron--prevPost>a>i {
        margin-inline-end: 30px;
        margin-inline-start: 0
      }

      .-Chevrons--NextPrev>a>.inbox-pos {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        flex: 1
      }

      .-Chevrons--NextPrev>a>.inbox-pos>span {
        font-size: 20px;
        color: var(--secondarytext);
        display: block;
        margin-bottom: 10px;
        transition: 180ms;
        font-weight: 400
      }

      .-Chevrons--NextPrev>a>.inbox-pos>h3 {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.5;
        transition: 180ms;
        color: var(--primary-text)
      }

      .-Chevrons--NextPrev:hover>a>.inbox-pos>h3 {
        color: var(--uicolor)
      }

      .-Chevrons--NextPrev:hover>a>.inbox-pos>span,
      .Bottom-comment-bar>.replay-comment-button:hover,
      .Bottom-comment-bar>ul>li:not(.active):hover {
        color: var(--primary-text)
      }

      grap-dots {
        --dot-width: 4px;
        width: var(--dot-width);
        height: var(--dot-width);
        background: var(--secondarytext);
        border-radius: 50%;
        margin: 0 10px
      }

      .-Related-Single {
        display: block;
        padding: 30px 0 45px;
        position: relative
      }

      .-Related-Single.--related--singular-insert {
        padding-top: 63px
      }

      .-Related-Single.--related--singular-insert .shape-divider .shape-fill {
        fill: white
      }

      .-Related-Single .shape-divider .shape-fill {
        fill: #f3f4fb
      }

      .-YC-related-posts {
        --bgcolor: #fff;
        background: linear-gradient(180deg, #fafaff, transparent)
      }

      .--widget--sidebar--title.-TitleContent-section {
        margin-bottom: 40px;
        font-size: 23px
      }

      .-TitleContent-section>p {
        margin-inline-start: 9px;
        color: var(--uicolor);
        font-size: 30px;
        font-weight: 700;
        text-decoration: underline
      }

      .-TitleContent-section .--Parent-URL-BTN,
      .-TitleContent-section>a {
        margin-inline-start: auto
      }

      .-TitleContent-section>i {
        margin-inline-end: 15px
      }

      .-TitleContent-section>a {
        display: flex;
        font-size: 17px;
        font-weight: 400;
        align-content: center;
        align-items: center;
        background: #fff;
        color: var(--uicolor);
        flex-wrap: wrap;
        padding: 11px 15px;
        overflow: hidden;
        border: 2px solid var(--uicolor);
        transition: .2s;
        border-radius: var(--largeradius);
        position: relative
      }

      .-TitleContent-section>a>i {
        font-weight: 600;
        position: absolute;
        left: -30px
      }

      .-TitleContent-section>a:hover>i {
        left: 20px
      }

      .-TitleContent-section>a:hover {
        color: #fff;
        padding-inline-end: 50px;
        background: var(--uicolor);
        border-color: var(--uicolor)
      }

      .-TitleContent-section>a>.-YC-Icon-Buttons {
        --inset-uicolor: var(--primary-text)
      }

      h2.-TitleContent-section>.seccontent {
        display: flex;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        color: var(--uicolor);
        font-size: 21px;
        flex: 1
      }

      h2.-TitleContent-section>.seccontent>span {
        font-weight: 300;
        margin-inline-end: 10px;
        color: var(--primary-text);
        font-size: 20px
      }

      h2.-TitleContent-section>.seccontent>i {
        font-size: 30px;
        margin-inline-end: 15px;
        font-weight: 300;
        color: var(--secondarytext)
      }

      .-Posts-RelatedBoxes {
        display: flex;
        flex-wrap: wrap;
        gap: 20px
      }

      .-Posts-RelatedBoxes>.-YC-Post-box {
        min-width: 420px;
        max-width: 440px
      }

      .-Title-references {
        display: flex;
        font-size: 20px;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin: 0;
        position: relative;
        font-weight: 500
      }

      .-Title-references>i {
        display: block;
        margin-inline-end: 15px;
        color: #041c367a;
        font-size: 33px;
        font-weight: 300
      }

      .-references-title-context {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        flex: 1
      }

      .-BackToClean>i,
      .-references-title-context>span {
        margin-inline-end: 10px
      }

      .-references-title-context>p {
        margin: 0;
        font-size: 13px;
        color: var(--secondarytext);
        font-weight: 300;
        border-inline-start: 1px solid var(--diver);
        padding-inline-start: 10px;
        line-height: normal
      }

      .-YC-FaqsSimple-vsingle-Item-v2.active .-YC-FaqsSimple-vsingle-Title>.--fq-count,
      .-YC-FaqsSimple-vsingle-Item-v2.active .-YC-FaqsSimple-vsingle-Title>h2,
      .-post-tag-items>a: hover,
      .-post-tag-items>a:hover:before,
      .-references-post>ul,
      ul.ez-toc-list li:hover>a:before {
        color: var(--uicolor)
      }

      .-post-tag-items>a,
      .-references-post ul>li a {
        align-items: center;
        font-size: 15px;
        align-content: center
      }

      .-references-post {
        padding: 25px;
        display: block;
        margin: 0 0 30px;
        border: var(--border-defult);
        border-radius: var(--largeradius);
        background: #fff
      }

      .-references-post.showin btn-icon.-YC-Icon-Buttons>span {
        width: 50px
      }

      .-references-post.showin btn-icon.-YC-Icon-Buttons>em {
        opacity: 0
      }

      #ez-toc-container.showin,
      .-references-post.showin {
        height: var(--tableofcontentH)
      }

      .ThankYou-svg-wrap #button,
      .ThankYou-svg-wrap #check,
      .ThankYou-svg-wrap #circle {
        fill: none;
        height: inherit;
        stroke-linecap: round
      }

      .-references-post>ul {
        padding: 30px !important;
        list-style: none;
        position: absolute;
        visibility: hidden;
        opacity: 0;
        width: 100%;
        z-index: 1;
        transition: 50ms;
        right: 0;
        margin: 0 !important
      }

      #ez-toc-container.showin nav,
      .-references-post.showin>ul {
        visibility: visible;
        opacity: 1;
        transition: 180ms
      }

      #ez-toc-container ul.ez-toc-list>li,
      .-references-post ul>li {
        transition: 50ms
      }

      #ez-toc-container.showin ul.ez-toc-list>li,
      .-references-post.showin ul>li {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
        transition-duration: 180ms;
        transition-timing-function: ease;
        transition-property: all;
        transition-delay: var(--trans-delay)
      }

      .-references-post ul>li a {
        display: flex;
        font-weight: 400;
        padding: 15px !important;
        border-radius: var(--largeradius);
        color: var(--primary-text);
        flex-wrap: wrap;
        justify-content: flex-end
      }

      #ez-toc-container a:hover,
      .-references-post ul>li a:hover {
        text-decoration: unset
      }

      .-references-post ul>li a>em {
        font-size: 24px;
        min-width: 35px;
        font-weight: 600;
        text-align: center;
        color: var(--secondarytext);
        transition: 180ms;
        font-style: normal;
        margin-left: 10px !important;
        display: block
      }

      .-post-tag-items {
        display: flex;
        margin-bottom: 30px;
        flex-wrap: wrap;
        margin-inline: -6px
      }

      .-post-tag-items>a {
        display: flex;
        padding: 10px 15px;
        position: relative;
        flex-wrap: wrap;
        color: var(--secondarytext);
        font-weight: 400;
        border-radius: var(--miniradius);
        margin: 6px;
        border: var(--border-defult);
        background: #fff
      }

      toggle-toc {
        color: var(--secondarytext);
        padding: 8px 15px !important;
        vertical-align: bottom;
        background: #2144f000;
        transition: .3s;
        font-weight: 500;
        display: flex !important;
        flex-wrap: wrap;
        height: 43px;
        border-radius: var(--largeradius);
        align-items: center
      }

      toggle-toc:hover {
        color: var(--uicolor)
      }

      .showin toggle-toc>i {
        transform: rotate(180deg)
      }

      toggle-toc>i {
        margin-inline-start: 10px !important;
        font-size: 18px;
        display: block;
        transition: 180ms
      }

      .-post-tag-items>a:before {
        content: '\23';
        position: relative;
        display: block;
        margin-inline-end: 7px;
        font-weight: 400;
        font-size: 17px;
        color: var(--secondarytext);
        transition: 180ms
      }

      .-YC-FaqsSimple-vsingle-Item-v2 {
        border: var(--border-defult);
        background: #fff;
        transition: 180ms;
        border-bottom: 1px solid var(--diver)
      }

      .-YC-FaqsSimple-vsingle-Item-v2:last-child {
        border-bottom: 0
      }

      .-YC-FaqsSimple-vsingle-Title {
        display: flex;
        padding: 20px 0;
        align-content: center;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        flex-wrap: wrap
      }

      .-YC-FaqsSimple-vsingle-Title>.--fq-count {
        font-family: var(--f-number);
        font-size: 23px;
        margin-inline-end: 15px;
        font-weight: 800;
        color: var(--primary-text)
      }

      .-YC-FaqsSimple-vsingle-Title>i {
        font-size: 22px;
        color: var(--secondarytext);
        transition: 180ms
      }

      .-YC-FaqsSimple-vsingle-Item-v2.active .-YC-FaqsSimple-vsingle-Title>i {
        color: var(--uicolor);
        transform: rotate(45deg)
      }

      .-YC-FaqsSimple-vsingle-Title>h2 {
        display: block;
        font-size: 20px;
        font-weight: 500;
        color: var(--primary-text);
        flex: 1
      }

      .-YC-FaqsSimple-vsingle-Title>h2>em {
        margin-inline-end: 10px;
        font-style: normal;
        font-family: var(--f-number);
        font-weight: 400;
        font-size: 30px
      }

      .-YC-FaqsSimple-vsingle-Item-v2.active .-FaqsSimple-vsingle-Content-Row-v1 {
        display: block;
        height: var(--pin-height)
      }

      .-FaqsSimple-vsingle-Content-Row-v1 {
        display: block;
        height: 0;
        --pin-height: auto;
        overflow: hidden;
        transition: 180ms
      }

      .-p-FaqsSimple-vsingle-ContentValue-v1 {
        padding: 0 0 30px;
        display: block;
        line-height: 1.6;
        font-size: 24px;
        color: var(--secondarytext);
        font-weight: 400
      }

      .-YC-FaqsSimple-vsingle {
        display: block;
        max-width: 100%;
        border-radius: var(--largeradius);
        margin-bottom: 40px;
        border: 2px solid var(--border-defult-hover);
        padding: 33px;
        background: #fff;
        margin-top: 40px
      }

      .-YC-FaqsSimple-vsingle .--widget--sidebar--title {
        margin-bottom: 10px
      }

      .-post-reviews-area {
        display: flex;
        align-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        position: relative;
        justify-content: space-between;
        flex-direction: column;
        flex: 1;
        padding-inline-end: 40px
      }

      .-post-reviews-area>h2 {
        font-size: 26px;
        color: var(--primary-text);
        font-weight: 400
      }

      .-itemslist-share-icons-list .owl-stage,
      .-post-reviews-buttons {
        display: flex
      }

      .-single-share-header .-YC-owl-navs-items {
        display: flex;
        gap: 20px
      }

      .-single-share-header .-YC-owl-navs-items>div {
        transition: .2s;
        display: flex;
        overflow: hidden;
        position: relative;
        font-size: 24px;
        --el-w: 51px;
        width: var(--el-w);
        height: var(--el-w);
        background: #fff;
        justify-content: center;
        align-items: center;
        color: var(--uicolor);
        border-radius: 50%;
        border: 2px solid var(--uicolor);
        cursor: pointer
      }

      .-post-button-rev-item {
        display: block;
        padding: 13px 23px;
        border-radius: var(--largeradius);
        min-width: 60px;
        text-align: center;
        margin: 0 5px;
        font-size: 15px;
        font-weight: 400;
        transition: 180ms;
        cursor: pointer
      }

      .-post-button-rev-item.-button-negative {
        border: 2px solid var(--negative);
        color: var(--negative)
      }

      .-post-button-rev-item.-button-positive {
        border: 2px solid var(--positive);
        color: #fff;
        background: var(--positive)
      }

      .-post-button-rev-item.-button-positive:hover {
        background: #fff;
        color: var(--positive)
      }

      .-post-button-rev-item.-button-negative:hover {
        background: var(--negative)
      }

      .-post-button-rev-item:hover {
        color: #fff
      }

      .-FeedBack-Rating>.RatingReview {
        direction: ltr;
        font-size: 50px;
        color: #e1e1e1;
        cursor: pointer;
        display: flex;
        letter-spacing: 5px
      }

      .-FeedBack-Rating>.RatingReview>i {
        font-weight: 300;
        transition: 180ms
      }

      .-FeedBack-Rating>.RatingReview>i.active,
      .-FeedBack-Rating>.RatingReview>i.fixedactive,
      .-PostFeedBack-Rateing-Box .RatingReview>i.fixedactive {
        color: #ffa700;
        font-weight: 600
      }

      .-PostFeedBack-Rateing-Box {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        padding-inline-start: 40px;
        border-inline-start: 1px solid var(--diver);
        margin-inline-start: 40px;
        min-width: 400px
      }

      .-YC-post-reviews-info {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        flex-direction: column;
        justify-content: center;
        margin-top: 30px;
        width: 100%
      }

      .-YC-post-reviews-info .product-item-info-stats-ratings {
        flex: 1;
        position: relative;
        justify-content: flex-start;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        align-items: flex-start
      }

      .product-item-info-stats-ratings>.-icon-info-stats-ratings>i {
        display: block;
        font-size: 145px;
        font-weight: 100;
        color: #ffa700;
        text-shadow: -4px 2px 0 #00000005, -6px 3px 0 #00000005
      }

      .-icon-info-stats-ratings>span.-rating-value {
        font-size: 30px;
        font-weight: 700;
        font-family: var(--f-number);
        position: relative;
        line-height: 1
      }

      .-PostFeedBack-Rateing-Box .RatingReview {
        direction: ltr;
        font-size: 48px;
        color: #e1e1e1;
        cursor: pointer
      }

      .-PostFeedBack-Rateing-Box .RatingReview>i {
        font-weight: 200
      }

      .-Rate-Average-Items {
        display: block;
        flex: 1;
        position: relative
      }

      .-Rate-Average-Items:before {
        content: '';
        height: 100%;
        right: 0;
        width: 1px;
        position: absolute
      }

      .-Rate-Average-element {
        display: flex;
        align-content: center;
        align-items: center;
        margin-bottom: 15px;
        flex-wrap: wrap;
        color: var(--secondarytext);
        position: relative;
        justify-content: space-between;
        padding-bottom: 10px;
        font-family: var(--f-number);
        font-size: 14px
      }

      .-Rate-Average-element>span {
        display: block;
        text-align: center;
        min-width: 40px
      }

      .-BackToClean,
      .-post-reviews-area>form .-fix-inputs-area[data-field-id=feedback__content] {
        min-width: 100%
      }

      .-Rate-Average-element>em {
        font-style: normal;
        font-weight: 600;
        font-family: var(--f-number);
        font-size: 15px;
        width: 10px;
        text-align: center
      }

      .-Rate-Average-Label {
        flex: 1;
        background: #eee;
        border-radius: var(--largeradius);
        height: 10px;
        margin: 0 30px;
        position: relative;
        max-width: calc(100% - 110px);
        bottom: 0
      }

      .-Average--progress {
        background: #ffcf00;
        height: 100%;
        width: 0;
        border-radius: var(--largeradius);
        transition: .7s
      }

      .ThankYou-svg-wrap {
        width: 100px;
        height: 100px;
        background-color: #fff;
        border-radius: 200px;
        margin: 0 auto
      }

      .ThankYou-svg-wrap #circle {
        position: absolute;
        opacity: 1;
        transform: rotate(-33deg);
        -webkit-animation: 1.8s ease-in 2s infinite alternate circle;
        animation: 1.8s ease-in 2s infinite alternate circle;
        stroke-dasharray: 291, 943;
        stroke-dashoffset: -943
      }

      .ThankYou-svg-wrap #circle .st0 {
        stroke: var(--success-color);
        -webkit-animation: 1.8s ease-in-out 2s infinite fill;
        animation: 1.8s ease-in-out 2s infinite fill;
        stroke-width: 8px
      }

      .ThankYou-svg-wrap #check {
        position: absolute;
        opacity: 0;
        stroke-dasharray: 290, 9000;
        stroke-dashoffset: -290;
        -webkit-animation: 1.8s ease-out 2s infinite alternate check;
        animation: 1.8s ease-out 2s infinite alternate check
      }

      .ThankYou-svg-wrap #button circle,
      .ThankYou-svg-wrap #check path {
        stroke: var(--success-color);
        stroke-width: 8px
      }

      .ThankYou-svg-wrap #button {
        position: absolute;
        opacity: 1;
        stroke-dasharray: 943, 9000;
        stroke-dashoffset: 0;
        -webkit-animation: 1.8s ease-in-out 2s infinite alternate button;
        animation: 1.8s ease-in-out 2s infinite alternate button;
        stroke: green;
        transform: scale(1)
      }

      @-webkit-keyframes circle {
        0% {
          opacity: 0;
          stroke-dasharray: 40, 943;
          stroke-dashoffset: 0;
          transform: rotate(-73deg)
        }

        40% {
          opacity: .5
        }

        50% {
          stroke-dasharray: 200, 943;
          transform: rotate(-33deg)
        }

        51% {
          opacity: 1
        }

        58% {
          stroke-dasharray: 0, 943;
          stroke-dashoffset: -943;
          opacity: 1
        }

        100%,
        59% {
          opacity: 0
        }
      }

      @keyframes circle {
        0% {
          opacity: 0;
          stroke-dasharray: 40, 943;
          stroke-dashoffset: 0;
          transform: rotate(-73deg)
        }

        40% {
          opacity: .5
        }

        50% {
          stroke-dasharray: 200, 943;
          transform: rotate(-33deg)
        }

        51% {
          opacity: 1
        }

        58% {
          stroke-dasharray: 0, 943;
          stroke-dashoffset: -943;
          opacity: 1
        }

        100%,
        59% {
          opacity: 0
        }
      }

      @-webkit-keyframes check {

        0%,
        50% {
          stroke-dasharray: 290, 9000;
          stroke-dashoffset: -294;
          opacity: 0
        }

        50%,
        63% {
          opacity: 1
        }

        63% {
          stroke-dasharray: 291, 9000;
          stroke-dashoffset: 55;
          opacity: 1
        }

        100% {
          stroke-dasharray: 291, 9000;
          stroke-dashoffset: 43;
          opacity: 1
        }
      }

      @keyframes check {

        0%,
        50% {
          stroke-dasharray: 290, 9000;
          stroke-dashoffset: -294;
          opacity: 0
        }

        50%,
        63% {
          opacity: 1
        }

        63% {
          stroke-dasharray: 291, 9000;
          stroke-dashoffset: 55;
          opacity: 1
        }

        100% {
          stroke-dasharray: 291, 9000;
          stroke-dashoffset: 43;
          opacity: 1
        }
      }

      @-webkit-keyframes button {
        0% {
          opacity: 0;
          transform: scale(1)
        }

        60% {
          opacity: 0
        }

        80% {
          opacity: 1
        }

        100% {
          opacity: 1;
          transform: scale(1)
        }
      }

      @keyframes button {
        0% {
          opacity: 0;
          transform: scale(1)
        }

        60% {
          opacity: 0
        }

        80% {
          opacity: 1
        }

        100% {
          opacity: 1;
          transform: scale(1)
        }
      }

      .-ThankYou-SendFeedBack>h2 {
        font-weight: 400;
        color: var(--primary-text);
        font-size: 24px
      }

      .ThankYou-for-rating {
        display: block;
        margin-bottom: 30px
      }

      .-post-reviews-area>form {
        flex: 1;
        min-width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding-top: 10px
      }

      .-YC-Forms-FeedBack {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        align-content: center;
        flex-wrap: wrap;
        flex: 1
      }

      .-YC-Forms-FeedBack>button {
        display: flex;
        justify-content: space-between;
        padding: 13px;
        border-radius: var(--miniradius);
        background: var(--uicolor2);
        border: 2px solid var(--uicolor2);
        color: #fff;
        font-size: 15px
      }

      .-YC-Forms-FeedBack>button:hover {
        background: #fff;
        color: var(--uicolor2)
      }

      .-YC-Forms-FeedBack>button>.-YC-Icon-Buttons {
        --inset-uicolor: white
      }

      .-post-reviews-area>form textarea {
        min-height: 140px
      }

      .-post-reviews-area>form .-fix-inputs-area {
        margin-bottom: 30px;
        max-width: 320px;
        flex: 1
      }

      .-post-reviews-area>form .-fix-inputs-area:first-of-type {
        margin-inline-end: 30px
      }

      .-post-reviews-area>form .-fix-forms-field-title {
        margin-bottom: 30px;
        position: relative;
        padding-inline: 20px
      }

      .-post-reviews-area>form .-fix-forms-field-title:before {
        content: '';
        position: absolute;
        width: 9px;
        background: var(--secondarytext);
        top: 50%;
        transform: translateY(-50%);
        height: 16px;
        right: 0;
        border-radius: 50px;
        opacity: .4
      }

      .-BackToClean {
        display: flex;
        margin-bottom: 30px;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        color: var(--secondarytext);
        font-size: 18px;
        transition: 180ms
      }

      .-FeedBack-Rating.-Rating-Master-Area {
        display: flex;
        align-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap
      }

      .-form-title-PostFeedBack {
        display: flex;
        padding: 20px;
        flex: 1;
        margin-bottom: 40px;
        border-right: 4px solid #ffa700;
        font-size: 18px;
        line-height: 1.6;
        background: linear-gradient(270deg, #ffa70005, transparent)
      }

      .-ThankYou-SendFeedBack {
        margin: 0 auto;
        display: block
      }

      .-icon-info-stats-ratings {
        position: relative;
        margin-inline-end: 15px;
        text-align: center;
        border-radius: 30px;
        background: #fff;
        color: var(--uicolor);
        border: 3px solid var(--uicolor);
        --el-w: 57px;
        min-width: var(--el-w);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px
      }

      .-share-icons-list {
        margin-bottom: 30px;
        flex-direction: column;
        overflow: hidden;
        flex-wrap: wrap;
        display: flex;
        position: relative
      }

      .-itemslist-share-icons-list {
        list-style: none;
        position: relative;
        max-width: 100%;
        direction: rtl;
        overflow: hidden;
        padding: 10px 8px
      }

      .-itemslist-share-icons-list .owl-item {
        display: inline-block;
        vertical-align: top
      }

      .-itemslist-share-icons-list .owl-item>.--sp-social-item {
        min-width: 70px;
        max-width: max-content
      }

      .-itemslist-share-icons-list .owl-item>.--sp-social-item: hover>a {
        color: var(--sociaColor)
      }

      .-itemslist-share-icons-list .owl-item>.--sp-social-item>a {
        display: flex;
        height: 41px;
        border-radius: var(--largeradius);
        color: var(--sociaTextColor);
        align-items: center;
        justify-content: center;
        font-size: 21px;
        width: 115px;
        border: 2px solid var(--sociaColor);
        transition: 180ms;
        background: var(--sociaColor)
      }

      .-itemslist-share-icons-list .owl-item>.--sp-social-item: hover>a>i {
        background: #fff;
        color: var(--sociaColor)
      }

      .-itemslist-share-icons-list .owl-item>.--sp-social-item>a>span {
        white-space: nowrap;
        text-align: center;
        font-weight: 400;
        font-size: 12px;
        text-transform: capitalize;
        transition: 180ms;
        margin-inline-start: 9px
      }

      .-itemslist-share-icons-list .owl-next,
      .-itemslist-share-icons-list .owl-next.disabled,
      .-itemslist-share-icons-list .owl-prev,
      .-itemslist-share-icons-list .owl-prev.disabled {
        display: none
      }

      .-single-share-posts-area {
        display: block;
        max-width: 100%;
        border-radius: var(--largeradius);
        margin-bottom: 40px;
        border: 2px solid var(--border-defult-hover);
        padding: 33px;
        background: #fff
      }

      .-share-popover-boxed-copy {
        display: flex;
        border-radius: var(--miniradius);
        padding: 15px;
        overflow: hidden;
        border: 1px solid var(--border-defult-hover)
      }

      .-share-popover-boxed-copy>input[type=text] {
        flex: 1;
        min-height: auto;
        direction: ltr;
        text-overflow: ellipsis;
        background: #fff;
        border-color: #f2f2f2;
        overflow: hidden;
        padding: 0 15px;
        white-space: nowrap;
        text-transform: lowercase;
        border-radius: 10px
      }

      .-share-popover-boxed-copy>button {
        background: var(--primary-text);
        cursor: pointer;
        font-size: 14px;
        border-radius: 10px;
        padding: 10px 15px;
        margin-inline-start: 15px;
        color: #fff;
        font-weight: 400;
        text-align: center;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        border: 2px solid var(--primary-text);
        transition: 180ms;
        overflow: hidden;
        position: relative
      }

      .-post-reviews-feedback--area,
      .-single-share-header {
        justify-content: space-between;
        display: flex;
        margin-bottom: 40px
      }

      .-share-popover-boxed-copy>button>em {
        position: relative;
        display: block;
        visibility: visible;
        transition: 180ms;
        opacity: 1;
        font-style: normal;
        transform: translateX(0)
      }

      .-share-popover-boxed-copy.active>button>em {
        visibility: hidden;
        opacity: 0;
        transform: translateX(100px)
      }

      .-share-popover-boxed-copy.active>button {
        background: var(--success-color);
        border-color: var(--success-color)
      }

      .-share-popover-boxed-copy>button>span {
        position: absolute;
        padding: 5px 10px;
        visibility: hidden;
        opacity: 0;
        transition: 180ms;
        color: #fff;
        transform: translateX(-100px)
      }

      .-share-popover-boxed-copy.active>button>span {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
      }

      .-share-popover-boxed-copy:not(.active)>button:hover {
        color: var(--primary-text);
        background: #fff;
        border-color: var(--primary-text)
      }

      title--tooltip.socialTips {
        padding: 10px 15px
      }

      .-single-share-header {
        align-content: center;
        align-items: center;
        flex-wrap: wrap
      }

      .-single-share-posts-area .-YC-owl-navs-items>div {
        --chev-w: 40px
      }

      .-single-share-posts-area .-YC-owl-navs-items>div:hover {
        background: var(--uicolor);
        color: #fff
      }

      .-single-share-header .-YC-owl-navs-items>div>i,
      .-single-share-posts-area .-YC-owl-navs-items>div>i,
      toggle-toc>span {
        font-weight: 400
      }

      .-post-reviews-feedback--area {
        padding: 40px;
        border: 1px solid var(--border-defult-hover);
        border-radius: var(--largeradius);
        background: #fff
      }

      .-FeedBack-Rating-MasterArea {
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        flex-wrap: wrap;
        align-items: flex-start;
        flex-direction: column
      }

      .-FeedBack-Rating-MasterArea>h2 {
        margin-bottom: 20px
      }

      .--widget--sidebar--title {
        font-size: 34px;
        font-weight: 600;
        color: var(--primary-text)
      }

      .-Rate-Average-element:last-child,
      .-YC-FaqsSimple-vsingle-Item-v2:last-child,
      .-secodary-single-post-bar:last-child,
      .-sidebar-related-Single:last-child,
      .single-post-parent-container-comments>form>.alerts>.alert.alert-danger:empty,
      ul.CommentsListInner .ChildComments:last-child,
      ul.CommentsListInner>li:last-child {
        margin-bottom: 0
      }

      .-YC-singleType-post .-secodary-single-post-bar {
        border: var(--border-defult)
      }

      .button-icon,
      .button-icon i {
        border-radius: 50%;
        display: flex
      }

      .RateComment>.RatingReview>i.fixedactive {
        color: #ffa700;
        font-weight: 700
      }

      .-TitleContent-section {
        display: flex;
        margin-bottom: 40px;
        font-size: 29px;
        font-weight: 600;
        align-items: center
      }

      .button-icon {
        margin-inline-end: 20px;
        font-size: 40px;
        font-weight: 300;
        width: 73px;
        height: 73px;
        background: linear-gradient(270deg, #cbc7f1 0, rgba(226, 234, 243, 0) 100%);
        position: relative;
        z-index: 1;
        animation: 1s linear infinite ripple-animation;
        align-items: center;
        padding: 10px
      }

      .button-icon i {
        background: var(--uicolor);
        font-size: 20px;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-weight: 600
      }

      a.YC-BTNs-whatsapp.activable {
        display: flex;
        align-items: center;
        margin-inline-start: 30px;
        text-align: right
      }

      .button-phonenumber p {
        font-size: 19px;
        font-weight: 500;
        color: var(--secondarytext)
      }

      @keyframes ripple-animation {
        0% {
          -webkit-box-shadow: 0 0 0 0 var(--primary-light);
          box-shadow: 0 0 0 0 #f6f8ff
        }

        50% {
          -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
          box-shadow: 0 0 0 20px rgba(1, 93, 199, 0)
        }

        100% {
          -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
          box-shadow: 0 0 0 0 rgba(1, 93, 199, 0)
        }
      }

      @keyframes ripple-animations {
        0% {
          -webkit-box-shadow: 0 0 0 0 var(--primary-light);
          box-shadow: 0 0 0 0 #b7c7ff
        }

        50% {
          -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
          box-shadow: 0 0 0 20px rgba(1, 93, 199, 0)
        }

        100% {
          -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
          box-shadow: 0 0 0 0 rgba(1, 93, 199, 0)
        }
      }

      .button-phonenumber span {
        font-size: 23px;
        display: flex;
        font-weight: 700;
        color: var(--primary-text);
        font-family: var(--f-number)
      }

      .YC-single-call--boxs>a.YC-BTN-phone,
      .YC-single-headerFixed--boxs a {
        display: inline-flex;
        transition: .2s ease-in-out;
        min-width: max-content;
        gap: 14px;
        z-index: 0
      }

      .YC-single-call--boxs>a.YC-BTN-phone {
        border: 1px solid transparent;
        font-size: 21px;
        overflow: hidden;
        position: relative;
        padding: 12px 28px;
        color: #fff;
        border-radius: 35px;
        font-weight: 500;
        background: var(--uicolor);
        align-items: center;
        width: max-content
      }

      .-Chevrons--NextPrev-poster,
      .YC-single-headerFixed-small-thumb {
        border-radius: 50%;
        background: #fff;
        display: flex;
        overflow: hidden
      }

      .YC-single-call--boxs>a.YC-BTN-phone i {
        font-weight: 400
      }

      .YC-single-call--boxs>a.YC-BTN-phone>span,
      postsscrollloader span {
        transition: opacity .6s, transform .8s;
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        position: relative
      }

      .YC-single-call--boxs>a.YC-BTN-phone:hover span {
        transform: translateY(-150%);
        opacity: 0
      }

      .YC-single-call--boxs>a:hover:before,
      .bottun:hover:before {
        color: #fff;
        transform: translate(0, -50%);
        opacity: 1
      }

      .YC-single-call--boxs>a:before,
      .bottun:before {
        content: attr(title);
        display: inline-block;
        position: absolute;
        width: max-content;
        top: 50%;
        transform: translate(0, 80%);
        opacity: 0;
        transition: opacity .6s, transform .8s;
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        min-width: max-content;
        max-width: max-content
      }

      .YC-single-headerFixed-container.visible-header .container,
      header.single-post-header .container {
        max-width: 1500px
      }

      .YC-single-call--boxs {
        display: flex;
        align-items: center;
        margin-top: 30px;
        position: relative
      }

      .-Chevrons--NextPrev-poster {
        transition: .2s;
        position: relative;
        margin-inline-end: 25px;
        font-size: 30px;
        --el-w: 55px;
        width: var(--el-w);
        height: var(--el-w);
        justify-content: center;
        align-items: center;
        color: var(--uicolor);
        border: 2px solid var(--uicolor)
      }

      .-Chevrons--NextPrev:hover>a .-Chevrons--NextPrev-poster {
        background: var(--uicolor);
        color: #fff
      }

      .-Chevrons--NextPrev-poster>i {
        font-weight: 300;
        font-size: 24px
      }

      .-Chevrons--NextPrev.-chevron--nextPost .-Chevrons--NextPrev-poster {
        margin-inline-start: 25px;
        margin-inline-end: 0
      }

      .YC-intro-container-pages-head.--is--video-category .bottun,
      .YC-intro-page-primary-body.Yc-pages-steup.error_page span.single-404 {
        margin-inline-start: 0
      }

      .-Chevrons--NextPrev-poster>img {
        position: absolute;
        max-width: 100%;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        min-height: 100%
      }

      .YC-single-headerFixed-small-thumb {
        min-width: 50px;
        max-width: 50px;
        height: 50px;
        align-items: center;
        border: 2px solid #8686ef;
        padding: 2px
      }

      .YC-single-headerFixed-small-thumb img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        overflow: hidden
      }

      .YC-single-headerFixed-container {
        position: fixed;
        top: 0;
        z-index: 2;
        width: 100%;
        right: 0;
        left: 0;
        background: var(--primary-text);
        color: #fff;
        padding: 10px 0 19px;
        opacity: 0;
        visibility: hidden;
        transition: .2s;
        transform: translate(0, -100px)
      }

      .YC-single-headerFixed-container.visible-header {
        opacity: 1;
        visibility: visible;
        transform: translate(0, 0);
        z-index: 9999;
      }

      body.before-start.fixedintro.hidemenu .YC-single-headerFixed-container.visible-header {
        transform: translate(0)
      }

      .YC-single-headerFixed-boxed {
        display: flex;
        width: 100%;
        justify-content: space-between
      }

      .YC-single-headerFixed--boxs,
      .YC-single-headerFixed-left {
        display: flex;
        align-items: center
      }

      .YC-single-headerFixed-left {
        gap: 14px
      }

      .YC-single-headerFixed-left span {
        font-size: 24px;
        font-weight: 500;
        flex: 1;
        color: #f3f4f6
      }

      .YC-single-scroll-bar {
        background: #5b5b5b;
        position: absolute;
        width: 100%;
        bottom: 0;
        height: 10px;
        z-index: 2
      }

      .scroll-bar-width {
        position: absolute;
        width: 50%;
        background: var(--uicolor);
        height: 10px
      }

      .YC-single-headerFixed--boxs a {
        border: 1px solid transparent;
        font-size: 20px;
        overflow: hidden;
        position: relative;
        padding: 6px 18px;
        color: #fff;
        border-radius: var(--largeradius);
        font-weight: 500;
        background-position: left;
        background: var(--uicolor);
        align-items: center;
        width: max-content;
        border-radius: 20px
      }

      .-YC-post-reviews-info .product-item-info-stats-ratings p {
        flex-direction: column;
        display: flex
      }

      .-YC-post-reviews-info .product-item-info-stats-ratings p span.-rating-label {
        font-weight: 500;
        font-size: 21px;
        color: var(--secondarytext)
      }

      .-YC-post-reviews-info .product-item-info-stats-ratings p span.-rating-suptitle {
        font-size: 19px;
        font-weight: 500;
        color: var(--primary-text);
        display: flex;
        align-items: center
      }

      .-YC-post-reviews-info .product-item-info-stats-ratings p span.-rating-suptitle>em {
        font-size: 21px;
        font-weight: 600;
        margin-inline-end: 6px;
        font-style: normal;
        font-family: var(--f-number)
      }

      .headerFixed-info-stats-ratings {
        display: flex;
        align-items: center;
        gap: 10px
      }

      .headerFixed-icon-ratings {
        color: #fff;
        display: flex;
        align-items: center;
        height: auto;
        justify-content: center;
        gap: 4px
      }

      .headerFixed-icon-ratings p {
        font-size: 16px;
        color: #f6f7ff;
        font-weight: 400
      }

      .headerFixed-icon-ratings p em {
        font-size: 16px;
        font-family: var(--f-number);
        font-style: normal;
        font-weight: 700;
        color: #fff
      }

      .headerFixed-icon-ratings span {
        display: flex;
        align-items: center;
        font-size: 16px;
        font-family: var(--f-number);
        font-weight: 600
      }

      .headerFixed-icon-ratings i {
        color: #ffa700;
        font-size: 15px
      }

      p.headerFixed.-space-between.-flex-center {
        display: flex;
        gap: 10px
      }

      p.headerFixed.-space-between.-flex-center span.-rating-label {
        font-size: 17px;
        display: flex;
        align-items: center
      }

      p.headerFixed.-space-between.-flex-center span.-rating-label:after {
        content: "";
        position: relative;
        width: 5px;
        background: #fff;
        height: 5px;
        margin-inline-start: 8px;
        border-radius: 50%
      }

      .YC-single-headerFixed-title {
        display: flex;
        flex-direction: column
      }

      span.-rating-suptitle {
        font-size: 17px;
        font-weight: 500;
        color: #fff;
        display: flex;
        align-items: center
      }

      span.-rating-suptitle em {
        font-size: 17px;
        font-weight: 600;
        margin-inline-end: 6px;
        font-style: normal;
        font-family: var(--f-number)
      }

      .-single-post-content-boxed {
        position: relative
      }

      .scroll-post-width {
        position: absolute;
        width: 2px;
        height: 5px;
        right: 0;
        top: 0
      }

      .your-image-wrapper {
        margin: 20px auto
      }

      .your-image-wrapper.float-left {
        float: left;
        padding-inline-start: 30px
      }

      .your-image-wrapper.float-right {
        float: left;
        padding-inline-end: 30px
      }

      .tablecontainer {
        margin: 20px 0;
        background: #fff
      }

      .headerFixed-star-ratings {
        gap: 2px;
        display: flex
      }

      .YC-intro-page-primary-body {
        margin: 0;
        position: relative;
        background: #fff;
        padding-top: 140px;
        padding-bottom: 70px
      }

      .YC-intro-page-primary-body.Yc-pages-steup {
        padding-top: 110px
      }

      .YC-intro-page-primary-body.Yc-pages-steup.catagories_page .--archive--be-content {
        height: 228px
      }

      .YC-intro-page-primary-body.Yc-pages-steup.error_page .YC-intro-container-pages-head {
        justify-content: space-between
      }

      .YC-intro-page-primary-body.Yc-pages-steup.error_page .YC-intro-container-pages-left {
        text-align: right;
        justify-content: right;
        max-width: 630px !important
      }

      .YC-intro-page-primary-body.Yc-pages-steup .bottun {
        justify-content: center
      }

      .YC-intro-container-pages-head {
        display: flex;
        align-items: self-start;
        min-width: 100%;
        justify-content: space-between;
        gap: 25px
      }

      .YC-intro-container-pages-head.--empty--video-category {
        justify-content: center;
        align-items: center;
        text-align: center
      }

      .YC-intro-container-pages-head.--empty--video-category .YC-BreadCrumb>ol {
        justify-content: center
      }

      .YC-intro-page-primary-body.Yc-pages-steup .YC-intro-container-pages-head {
        justify-content: center;
        text-align: center
      }

      .-intro--page--category-video {
        max-width: 540px;
        position: sticky;
        flex: 1;
        display: flex;
        align-items: end;
        min-width: 537px;
        justify-content: flex-end;
        top: 100px
      }

      .--inner--intro--video {
        width: 100%;
        height: 100%;
        display: flex
      }

      .Yc-category--video-Youtube {
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 420px;
        padding: 9px;
        overflow: hidden;
        border-radius: var(--largeradius);
        width: 100%;
        max-width: 540px;
        min-width: 549px;
        background: var(--image-video);
        background-position: center center;
        background-size: cover
      }

      .bottun,
      postsscrollloader:before {
        min-width: max-content;
        width: max-content
      }

      .Yc-category--video-Youtube iframe {
        width: 100%;
        height: 100%;
        border-radius: 20px
      }

      .Yc-category--video-Youtube:before {
        width: 100%;
        height: 100%;
        position: absolute;
        content: "";
        right: 0;
        content: "";
        background: #08081a21;
        bottom: 0;
        left: 0;
        border-radius: var(--largeradius);
        padding: 0;
        z-index: 0
      }

      .YC-intro-container-pages-left {
        max-width: 680px;
        position: sticky;
        top: 60px
      }

      .YC-intro-page-primary-body.Yc-pages-steup .YC-intro-container-pages-head .YC-intro-container-pages-left {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 81%
      }

      .bottun,
      .icon-video-play {
        align-items: center;
        cursor: pointer;
        background: var(--uicolor)
      }

      .content-short-page {
        font-size: 21px;
        color: var(--secondarytext);
        font-weight: 500;
        display: block;
        transition: .2s;
        max-width: 630px;
        margin-top: 20px
      }

      .icon-video-play {
        position: relative;
        color: #fff;
        z-index: 2;
        height: 80px;
        width: 80px;
        border-radius: 50%;
        border: 2px solid var(--uicolor);
        text-align: center;
        line-height: 90px;
        display: flex;
        justify-content: center;
        transition: .2s;
        animation: 2s linear infinite ripple-animation
      }

      .--archive--be-content,
      .--container--category--info,
      .bottun {
        transition: .2s ease-in-out;
        position: relative
      }

      .icon-video-play i {
        font-weight: 600;
        font-size: 30px
      }

      .--archive--be-content>* {
        padding: revert;
        list-style: inherit;
        line-height: 1.8;
        font-size: 20px
      }

      .--archive--be-content {
        line-height: 1.6;
        height: 220px;
        overflow: hidden;
        font-size: 20px
      }

      .YC-intro-page-primary-body.Yc-pages-steup.contact-us .--archive--be-content {
        height: 220px
      }

      .--archive--be-content h2 {
        margin: 5px 0;
        font-size: 25px;
        font-weight: 700
      }

      .--archive--be-content.ArticleDetails.details.height {
        height: 100%
      }

      .-defualt-object--center {
        display: flex;
        flex-wrap: wrap;
        gap: 20px
      }

      .bottun {
        border: 1px solid transparent;
        font-size: 20px;
        overflow: hidden;
        z-index: 0;
        padding: 12px 38px;
        color: #fff;
        border-radius: 34px;
        font-weight: 500;
        margin-inline: auto;
        background-position: left;
        display: flex;
        margin-top: 17px
      }

      .--container--category--info,
      .bottun span,
      .links--sitemap-items--box,
      postsscrollloader.isloader svg {
        display: block
      }

      .bottun span {
        transition: opacity .6s, transform .8s;
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        position: relative;
        text-align: center
      }

      .bottun:hover span {
        transform: translateY(-180%);
        opacity: 0
      }

      .--container--category--info p {
        font-size: 24px
      }

      .--container--category--info:before {
        content: ''
      }

      postsscrollloader {
        position: relative;
        display: flex;
        padding: 15px 25px;
        border-radius: 45px;
        font-size: 16px;
        font-weight: 500;
        align-content: center;
        align-items: center;
        background: var(--uicolor);
        color: #fff;
        border: 1px solid var(--uicolor);
        flex-wrap: wrap;
        cursor: pointer;
        gap: 9px;
        justify-content: space-between;
        overflow: hidden
      }

      postsscrollloader:hover span {
        opacity: 0;
        transform: translate(0, -41px)
      }

      postsscrollloader:before {
        content: attr(title);
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translate(-30%, 80%);
        opacity: 0;
        transition: opacity .6s, transform .8s;
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        max-width: max-content
      }

      postsscrollloader:hover:before {
        transform: translate(-30%, -50%);
        opacity: 1
      }

      postsscrollloader:hover {
        animation: .7s ease-in-out both rotate624;
        transition: .3s cubic-bezier(.02, .01, .47, 1);
        border-color: var(--uicolor);
        box-shadow: 0 20px 40px 0 rgba(83, 85, 223, .4)
      }

      loadmore--inpuarea {
        display: flex;
        justify-content: center;
        width: max-content;
        margin-inline: auto;
        margin-top: 20px
      }

      .-archivePage-Posts-Grid {
        margin-bottom: 20px;
        margin-top: 20px
      }

      @keyframes spin {
        to {
          transform: rotate(1turn)
        }
      }

      svg.animate-spin circle {
        width: 25px;
        margin-inline-end: 11px;
        opacity: .3
      }

      svg.animate-spin {
        width: 25px;
        margin-inline-end: 14px;
        animation: 1s linear infinite spin;
        color: #fff;
        display: none
      }

      svg.animate-spin path {
        opacity: .75
      }

      postsscrollloader.isloader i {
        display: none
      }

      .-single-post-content+.--map--items--list {
        margin-top: 20px
      }

      .links--sitemap-items--box {
        margin-bottom: 10px
      }

      .links--sitemap-items-lists>a {
        display: flex;
        margin-bottom: 15px;
        font-size: 19px;
        position: relative;
        align-items: center;
        color: var(--primary-text);
        font-weight: 600;
        transition: .2s
      }

      .single-post_title-sitemaps h1 {
        font-size: 40px;
        font-weight: 600
      }

      .links--sitemap-items-lists>a:hover {
        color: var(--uicolor);
        padding-inline-start: 5px
      }

      .links--sitemap-items-lists>a:before {
        margin-inline-end: 5px;
        content: var(--chevron);
        font-family: 'Font Awesome 6 Pro';
        font-weight: 600;
        color: var(--secondarytext);
        font-size: 13px;
        margin-top: 2px
      }

      .links--sitemap-items-lists>a:hover:before {
        color: var(--uicolor)
      }

      .links--sitemap-items-title {
        margin-bottom: 20px
      }

      .links--sitemap-items-title h2 {
        font-size: 39px;
        font-weight: 700
      }

      .-secodary-single-sitemaps-bar {
        flex-wrap: wrap;
        flex-direction: column;
        flex: 1;
        position: relative;
        display: block;
        max-width: 100%;
        border-radius: var(--largeradius);
        margin-bottom: 40px;
        border: 2px solid var(--border-defult-hover);
        padding: 33px;
        background: #fff
      }

      a.link_home,
      span.single-404 {
        border-radius: var(--largeradius);
        width: max-content;
        font-size: 20px;
        font-weight: 500;
        display: flex
      }

      .single-content-context-sitemaps {
        max-width: 1000px;
        margin-inline: auto
      }

      .-YC-FaqsSimple-in--page {
        position: relative
      }

      .-primary-body.city_page {
        padding-bottom: 70px
      }

      .-YC-Category-Grid-Area-page.--full-archived-cats .--single--category--boxitem {
        min-width: 540px;
        flex: 1
      }

      .-primary-body.category-page {
        margin-bottom: 60px
      }

      .-Yc-single_page_404 {
        padding: 60px 0;
        display: flex;
        flex-direction: column;
        align-items: center
      }

      a.link_home {
        padding: 14px 21px;
        background: var(--uicolor);
        color: #fff;
        margin: 25px auto auto
      }

      span.single-404 {
        margin-bottom: 13px;
        position: relative;
        color: var(--primary-text);
        padding: 8px 16px;
        background-color: var(--uicolor3);
        margin-inline: auto
      }

      .btn-search.search_single {
        right: 0 !important;
        left: 0 !important;
        opacity: 1;
        visibility: visible;
        display: flex;
        margin: 40px 0;
        position: relative;
        padding: 16px;
        border: 1px solid var(--uicolor);
        border-radius: var(--largeradius);
        max-width: 808px;
        width: -webkit-fill-available
      }

      .btn-search.search_single form {
        width: 100%
      }

      .btn-search.search_single button {
        position: absolute;
        left: 16px;
        border: none;
        background: 0 0;
        font-size: 21px;
        color: var(--uicolor)
      }

      .btn-search.search_single input[type=seach] {
        width: 100%;
        border: 0;
        border-radius: 6px;
        font-size: 20px;
        opacity: .7
      }

      span.single-search {
        font-size: 29px;
        font-weight: 500
      }

      .--full-archived-cats {
        display: flex;
        flex-wrap: wrap;
        gap: 26px;
        position: relative
      }

      .-box-personItems {
        display: flex;
        flex-wrap: wrap;
        gap: 20px
      }

      .--empty-attchment-area {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 50px;
        margin-bottom: 50px
      }

      .--empty-attchment-area>h1 {
        text-align: center;
        font-weight: 700;
        font-size: 32px;
        line-height: 1.7;
        max-width: 500px;
        margin: 0 auto 5px;
        text-transform: capitalize
      }

      .--empty-attchment-area>p {
        text-align: center;
        font-size: 17px;
        max-width: 400px;
        margin: 0 auto;
        color: var(--secondarytext);
        font-weight: 300;
        text-transform: capitalize;
        line-height: 1.6;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
      }

      .--empty-attchment-area>p>a {
        color: #fff;
        background: var(--uicolor);
        padding: 6px 11px;
        border-radius: 20px;
        font-size: 24px;
        padding-inline: 25px;
        text-decoration: none;
        font-weight: 400;
        margin-top: 20px
      }

      .--empty-attchment-area>p>* {
        margin-inline: 4px
      }

      .--empty-attchment-svg-v1 {
        font-size: 120px;
        margin-bottom: 0;
        color: var(--negative)
      }

      .YC-intro-container-pages-image_404 {
        position: relative;
        max-width: 580px
      }

      .YC-intro-container-pages-image_404 img {
        width: auto;
        height: auto
      }

      .YC-intro-page-primary-body.Yc-pages-steup.error_page .--Parent-URL-BTN {
        margin-top: 32px
      }

      .-single-post-content p a {
        color: var(--uicolor) !important
      }

      body,
      textarea {
        line-height: 1.5
      }

      .--Site--Menu>ul>li>a,
      .--Site--Menu>ul>li>ul.sub-menu>li>a,
      .-footer-widgets-title>h3,
      a,
      body {
        color: var(--primary-text)
      }

      .GotoTop,
      .btn-fixed-bh {
        bottom: 40px;
        position: fixed
      }

      .--Site--Menu>ul>li>a:hover,
      .--Site--Menu>ul>li>ul.sub-menu>li:hover .-Show-SubMenu-Icon>i,
      .--Site--Menu>ul>li>ul.sub-menu>li>a:hover,
      .--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu>li>a:hover,
      .-company-contact-minibox>div>a:hover,
      .-footer-widgets-links>li>a:hover,
      .search_body>form>button:hover,
      c--color {
        color: var(--uicolor)
      }

      .YC-Post-BTN,
      a {
        text-decoration: none
      }

      :root {
        --uicolor: #6868d8;
        --primary-text: #292930;
        --secondarytext: #535772;
        --Text-color: #0d1728;
        --second-text-color: #5c5e66;
        --hover-overlay: #00000008;
        --uitrans: #0099ff0f;
        --diver: #e5eaef;
        --container: 1200px;
        --font-family: "Baloo Bhaijaan 2";
        --footer-border: #FFFFFF2B;
        --success-color: rgb(79 148 207);
        --info-color: #17a2b8;
        --light-color: #f8f9fa;
        --border: 1px solid #ebecf1;
        --container-width: 1450px;
        --container-padding--value: 40px;
        --container-padding: 0 var(--container-padding--value);
        --container-padding--value: 40px;
        --container-padding: 0 var(--container-padding--value);
        --box-shadow-defult: var(--diver) 0px 0px 0px 1px, 0px 4px 2px -3px #09234012;
        --box-shadow-hover: 0 5px 20px -6px rgb(94 134 255 / 20%);
        --border-defult-hover: #e5eaef52;
        --border-defult: 1px solid #fff;
        --PopoverShadow: 0 12px 20px 0 rgb(0 0 0 / 4%), 0 2px 4px 0 rgb(0 0 0 / 2%), inset 0 0 0 1px rgb(255 255 255 / 60%);
        --whatsapp: #31a24c;
        --chevron: '\f053';
        --plus-icon: '\e59e';
        --check-icon: "\f00c";
        --largeradius: 24px;
        --miniradius: 8px;
        --fsize: 14px;
        --searchbot: 3px;
        --font-familyen: Rubik;
        --f-number: Plus Jakarta Sans;
        --positive: #31a24c;
        --negative: #db1133;
        --searchi-icon: "\f002";
        --border-color: #d5e0f1;
        --uicolor2: #4340ce;
        --uicolor3: #ffdc9f
      }

      * {
        margin: 0;
        padding: 0;
        outline: 0;
        box-sizing: border-box;
        font-family: inherit;
        word-break: break-word;
        vertical-align: middle
      }

      body {
        font-family: var(--font-family);
        font-size: var(--fsize);
        height: 100%;
        background: #fff;
        overflow-x: hidden
      }

      body::-webkit-scrollbar {
        width: 6px
      }

      body::-webkit-scrollbar-thumb {
        background: #0a172a;
        border-radius: 50px
      }

      body::-webkit-scrollbar-track {
        background: #f9f9f9
      }

      img {
        max-width: 100%
      }

      ::placeholder {
        color: var(--secondarytext);
        font-weight: 300
      }

      :focus::placeholder {
        opacity: .4
      }

      .container {
        padding: var(--container-padding);
        max-width: var(--container-width);
        margin: 0 auto
      }

      .--footer--intro .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        border-bottom: 1px solid #c7c7c733;
        padding-bottom: 40px
      }

      root {
        flex-direction: column;
        min-height: 100vh;
        display: flex;
        padding: 75px 0 0
      }

      input[type=date],
      input[type=email],
      input[type=number],
      input[type=password],
      input[type=search],
      input[type=tel],
      input[type=text] {
        display: block;
        min-height: 60px;
        border-radius: var(--largeradius);
        background: #fff;
        border: 1px solid var(--diver);
        outline: 0;
        padding: 10px 15px;
        width: 100%;
        flex: 1 1 0%;
        font-size: 22px;
        text-transform: capitalize;
        box-shadow: 0 0 0 !important;
        font-weight: 400
      }

      input[type=password] {
        --item-uicolor: var(--uicolor)
      }

      textarea {
        display: block;
        width: 100%;
        border-radius: var(--largeradius);
        outline: 0;
        padding: 15px !important;
        border: 1px solid var(--diver);
        flex: 1 1 0%;
        min-height: 100px;
        font-size: 20px;
        font-weight: 400;
        background: var(--input-color);
        resize: unset
      }

      input[type=checkbox]:focus,
      input[type=color]:focus,
      input[type=date]:focus,
      input[type=datetime-local]:focus,
      input[type=datetime]:focus,
      input[type=email]:focus,
      input[type=month]:focus,
      input[type=number]:focus,
      input[type=password]:focus,
      input[type=radio]:focus,
      input[type=search]:focus,
      input[type=tel]:focus,
      input[type=text]:focus,
      input[type=time]:focus,
      input[type=url]:focus,
      input[type=week]:focus,
      select:focus,
      textarea:focus {
        outline: 0 !important;
        box-shadow: 0 0 0 !important;
        border-color: var(--primary-text)
      }

      .mail {
        --sociaColor: rgb(136, 136, 136)
      }

      .messenger {
        --sociaColor: rgb(0, 153, 255)
      }

      .link_twitter,
      .trello,
      .twitter {
        --sociaColor: #00aced
      }

      .link_instagram {
        --sociaColor: #e000c5
      }

      .link_linkedin,
      .linkedin {
        --sociaColor: #007AB5
      }

      .baidu,
      .blogger,
      .buffer,
      .digg,
      .email,
      .evernote,
      .facebook,
      .flipboard,
      .googleplus,
      .hackernews,
      .line,
      .linkedin,
      .messenger,
      .myspace,
      .okru,
      .pinterest,
      .pocket,
      .renren,
      .skype,
      .stumbleupon,
      .telegram,
      .trello,
      .tumblr,
      .twitter,
      .viber,
      .vk,
      .weibo,
      .whatsapp,
      .xing,
      .youtube {
        --sociaTextColor: white
      }

      .googleplus {
        --sociaColor: #DD4C39
      }

      .Email {
        --sociaColor: #086eb4
      }

      .Whatsapp {
        --sociaColor: #4DC247
      }

      .link_telegram,
      .telegram {
        --sociaColor: #34ADE1
      }

      .whatsapp {
        --sociaColor: #4dc247
      }

      .viber {
        --sociaColor: #7C529E
      }

      .pinterest {
        --sociaColor: #CB2029
      }

      .tumblr {
        --sociaColor: #32506d
      }

      .hackernews {
        --sociaColor: #FF6700
      }

      .reddit {
        --sociaColor: #CEE3F8;
        --sociaTextColor: #445e7e
      }

      .vk {
        --sociaColor: #45668E
      }

      .Adress {
        --sociaColor: #278fdd
      }

      .buffer {
        --sociaColor: #46ABED
      }

      .xing {
        --sociaColor: #006464
      }

      .line {
        --sociaColor: #1DCD00
      }

      .digg {
        --sociaColor: #1B568E
      }

      .pocket {
        --sociaColor: #EE4056
      }

      .stumbleupon {
        --sociaColor: #EB4924
      }

      .flipboard {
        --sociaColor: #E02828
      }

      .weibo {
        --sociaColor: #E6162D
      }

      .renren {
        --sociaColor: #005EAC
      }

      .myspace {
        --sociaColor: #111
      }

      .blogger {
        --sociaColor: #EB8104
      }

      .baidu {
        --sociaColor: #2319DC
      }

      .okru {
        --sociaColor: #EE8208
      }

      .link_youtube {
        --sociaColor: #FF0000
      }

      .evernote {
        --sociaColor: #5ba525
      }

      .skype {
        --sociaColor: #00aff0
      }

      header.fixedintro {
        --header-padding: 15px 0;
        --top-header-border: #ffffff08;
        max-width: 1360px;
        --header-padding: 15px 0;
        left: 0;
        margin-top: 20px;
        border-radius: 70px;
        right: 0;
        margin-inline: auto;
        z-index: 22;
        background: #fff;
        transform: translate(0, 0)
      }

      header.fixedintro .-site-logo {
        max-width: 190px
      }

      header.fixedintro .-site-logo img {
        width: auto;
        height: 50px;
      }

      .YC-widgets-BTN--URLArea .-YC-owl-navs-items>.-YC-owl-Slides-next {
        left: 0
      }

      header.fixedintro::before {
        visibility: hidden;
        opacity: 0;
        transform: translateY(-100%)
      }

      header {
        --header-padding: 10px 0;
        --top-header-border: #0000000a;
        place-content: center space-between;
        position: fixed;
        top: 0;
        z-index: 301;
        right: 0;
        flex-wrap: wrap;
        width: 100%;
        display: flex;
        transition: 180ms;
        box-shadow: 0 5px 20px -6px rgb(94 134 255 / 20%)
      }

      body.before-start header:not(.fixedintro):before {
        --bx: rgb(14 67 181 / 3%) 0 2px 4px, rgb(149 168 207 / 4%) 0 8px 15px;
        box-shadow: var(--bx)
      }

      header::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        right: 0;
        --bx-shw: rgb(0 0 0 / 3%) 0 2px 4px, rgb(5 10 18 / 1%) 0 20px 15px;
        box-shadow: var(--bx-shw);
        opacity: 1;
        background: #fff
      }

      .-Header-Fix .container {
        align-content: center;
        position: relative;
        flex-wrap: wrap;
        display: flex;
        align-items: center;
        padding-inline: 20px
      }

      .-Header-Fix {
        width: 100%;
        padding: var(--header-padding);
        display: block;
        position: relative
      }

      .--Site--Menu {
        flex: 1
      }

      .-site-logo>a {
        display: flex;
        font-size: 40px;
        letter-spacing: 2px;
        justify-content: flex-end
      }

      .--Site--Menu>ul>li>a>i,
      .-Show-SubMenu-Icon>i {
        top: 50%;
        transform: translate(0, -50%);
        font-size: 13px;
        position: absolute
      }

      .--Site--Menu {
        display: flex;
        padding: 0 30px;
        justify-content: flex-end;
        flex: 1;
        position: relative
      }

      .--Site--Menu>ul {
        display: flex;
        list-style: none;
        flex: 1 1 0%;
        justify-content: flex-start;
        gap: 4px
      }

      .--Site--Menu>ul>li {
        display: flex;
        flex-wrap: wrap
      }

      .--Site--Menu>ul>li.current-menu-item>a,
      .--Site--Menu>ul>li.current_page_item>a {
        color: var(--uicolor);
        font-weight: 600
      }

      .--Site--Menu>ul>li>a {
        padding: 3px 14px;
        font-weight: 500;
        position: relative;
        font-size: 20px;
        height: 45px;
        border-radius: var(--largeradius);
        display: flex;
        align-content: center;
        flex-wrap: wrap;
        min-width: max-content;
        align-items: center;
        justify-content: center
      }

      .--Site--Menu>ul>li>a>i {
        left: 19px;
        color: var(--intro-secondarytext)
      }

      .--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu>li>a {
        position: relative;
        display: flex;
        align-items: center;
        flex: 1;
        font-size: 18px;
        font-weight: 500;
        transition: .2s;
        color: var(--primary-text);
        z-index: 1;
        padding: 8px
      }

      .--Site--Menu>ul>li:hover ul.sub-menu,
      .--Site--Menu>ul>li>ul.sub-menu>li:hover ul.sub-menu,
      .mobile-page .animation-hidden {
        opacity: 1;
        visibility: visible;
        transform: translate(0)
      }

      .GotoTop.visible,
      hoverable--box,
      hoverable--box .--single--work-post-box:hover .--single--word-thumnail img {
        transform: scale(1)
      }

      .--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu {
        right: calc(100% + 11px);
        list-style: none;
        transform: translateX(10px);
        visibility: hidden;
        opacity: 0;
        padding: 18px 11px;
        transition: .3s;
        box-shadow: 0 2px 3px #0c3b7414, 0 17px 30px 10px #0f61c70d;
        border-radius: var(--largeradius);
        position: absolute;
        background: #fff;
        top: 100%;
        top: calc(100% + -40px);
        display: block;
        transform: translateY(10px);
        min-width: 260px
      }

      .--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu:after {
        content: "";
        position: absolute;
        left: 60px;
        z-index: 0;
        width: 100%;
        height: 100%;
        top: 0;
        background: 0 0
      }

      .--Site--Menu>ul>li.-YourColor-Is-SubMenu>a {
        padding: 20px 16px 20px 29px
      }

      .-Show-SubMenu-Icon {
        position: relative
      }

      .-Show-SubMenu-Icon>i {
        left: 10px
      }

      .--Site--Menu>ul>li>ul.sub-menu {
        position: absolute;
        top: calc(100% + 16px);
        background: #fff;
        transition: .2s;
        padding: 16px 14px;
        display: block;
        border-radius: var(--largeradius);
        box-shadow: var(--box-shadow-hover);
        transform: translateY(19px);
        min-width: 299px;
        opacity: 0;
        visibility: hidden
      }

      .--Site--Menu>ul>li>ul.sub-menu:before {
        content: "";
        position: absolute;
        width: 100%;
        z-index: 1;
        top: -20px;
        height: 100%;
        right: 0
      }

      .--Site--Menu>ul>li>ul.sub-menu>li {
        display: flex;
        position: relative;
        align-content: center;
        align-items: center;
        flex-wrap: wrap
      }

      .--Site--Menu>ul>li>ul.sub-menu>li>a,
      .-footer-widgets-links>li>a {
        align-items: center;
        font-weight: 500;
        position: relative;
        font-size: 18px;
        padding: 10px;
        border-radius: var(--largeradius)
      }

      .--Site--Menu>ul>li>ul.sub-menu>li:last-child {
        padding-bottom: 0
      }

      .--Site--Menu>ul>li>ul.sub-menu>li .-Show-SubMenu-Icon>i {
        transform: rotate(94deg);
        top: -10px;
        left: 0
      }

      .--Site--Menu>ul>li>ul.sub-menu>li>a {
        display: flex;
        flex: 1;
        transition: .2s;
        z-index: 1
      }

      .--open--searching {
        justify-content: center;
        align-items: center;
        background: var(--uicolor);
        color: #fff;
        margin-inline-start: 10px;
        cursor: pointer;
        border: 2px solid var(--uicolor);
        transition: 180ms;
        border-radius: 40px;
        --el-w: 43px;
        width: var(--el-w);
        height: var(--el-w);
        font-size: 18px;
        display: flex
      }

      footer {
        display: block;
        padding: 50px 0 0;
        position: relative;
        background: #292930;
        --primary-text: white;
        --secondarytext: #edf0fcf5
      }

      footer-body {
        display: flex;
        align-items: flex-start;
        place-content: flex-start space-between;
        flex-wrap: wrap;
        gap: 25px
      }

      .-footer-widgets-single.-current-widgets-logo {
        display: flex;
        flex-direction: column;
        flex: 1;
        max-width: 320px;
      }

      .-footer-widgets-single {
        min-width: max-content;
        display: block;
        overflow: hidden;
        position: relative
      }

      .-footer-site-logo.--logo-Image {
        margin-bottom: 15px;
        max-width: max-content
      }

      .-footer-p-content {
        color: var(--secondarytext);
        font-size: 17px;
        line-height: 1.7;
        margin-bottom: 15px;
        max-width: 380px;
        font-weight: 500
      }

      .-footer-widgets-title {
        display: block;
        margin-bottom: 15px
      }

      .-footer-widgets-title>h3 {
        font-weight: 600;
        font-size: 23px;
        margin-bottom: 10px;
        line-height: 1.4
      }

      .-footer-widgets-links {
        list-style: none;
        display: block
      }

      .-footer-widgets-links>li>a {
        display: flex;
        align-content: center;
        color: var(--secondarytext);
        padding: 7px 0;
        transition: 180ms;
        flex-wrap: wrap
      }

      .-footer-widgets-single.-current-widgets-maps {
        max-width: 220px;
        min-width: 280px
      }

      .--Inner--footer--sit-map {
        position: relative;
        padding-bottom: 70%;
        border-radius: var(--miniradius);
        overflow: hidden
      }

      .--Inner--footer--sit-map>iframe {
        position: absolute;
        width: 100%;
        height: 100%
      }

      .--yourcolor--button--phones>a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        color: inherit;
        font-size: 27px;
        position: relative
      }

      .btn-fixed-bh {
        display: flex;
        flex-direction: column;
        right: 40px;
        z-index: 1200
      }

      .--yourcolor--button--phones {
        display: flex;
        align-items: center;
        --el--w: 50px;
        width: var(--el--w);
        height: var(--el--w);
        border-radius: var(--largeradius);
        z-index: 55;
        margin-bottom: 15px;
        justify-content: center;
        color: #fff;
        background: var(--uicolor)
      }

      .--YourColor--whatsapp-button {
        background: var(--whatsapp)
      }

      hoverable--box.--box--shows-now {
        transform: scale(1.1);
        transform-origin: 50% 50%;
        visibility: visible;
        opacity: 1
      }

      hoverable--box.--box--shows-now .--single--thumb-image {
        background: #000;
        border-radius: 20px;
        height: 100%;
        width: 100%;
        overflow: hidden
      }

      hoverable--box.--box--shows-now .--single--work-post-box:before {
        display: none
      }

      hoverable--box.--box--shows-now .--single--work-post-box {
        display: flex;
        flex-direction: column;
        position: relative;
        margin: 10px;
        --width-w: 388px;
        min-width: var(--maxwidth);
        max-width: var(--maxwidth);
        border-radius: 20px;
        padding: 5px
      }

      hoverable--box {
        position: absolute;
        background: #fff;
        transition: 380ms;
        z-index: 100;
        visibility: hidden;
        opacity: 0;
        border-radius: 20px;
        box-shadow: 0 12px 42px rgba(69, 38, 177, .1), 11px 6px 25px rgba(69, 38, 177, .1)
      }

      .GotoTop.visible {
        visibility: visible;
        opacity: 1
      }

      .GotoTop {
        z-index: 3;
        background: var(--uicolor);
        --elwh: 45px;
        width: var(--elwh);
        height: var(--elwh);
        left: 40px;
        color: #fff;
        justify-content: center;
        font-size: 24px;
        font-weight: 400;
        cursor: pointer;
        transition: 180ms;
        border: 2px solid var(--uicolor);
        transform: scale(0);
        display: flex;
        align-items: center;
        border-radius: 50%
      }

      .GotoTop:before {
        content: "";
        position: absolute;
        left: var(--extra-shape, -6px);
        top: var(--extra-shape, -6px);
        right: var(--extra-shape, -6px);
        bottom: var(--extra-shape, -6px);
        background-color: rgba(0, 0, 0, 0);
        border-radius: inherit;
        z-index: 1;
        border: 2px dashed var(--uicolor);
        transition: 180ms
      }

      .-company-contact-minibox>div i {
        margin-inline-end: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        z-index: 1;
        font-size: 23px;
        min-width: 26px
      }

      .-company-contact-minibox>div>a {
        display: flex;
        flex-wrap: wrap;
        justify-content: inherit;
        color: var(--primary-text)
      }

      .-company-contact-minibox>div {
        padding: 10px 0;
        position: relative;
        color: var(--secondarytext);
        display: flex;
        align-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        font-weight: 500;
        font-size: 17px;
        justify-content: flex-start
      }

      .-row-shares-items {
        display: flex;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 4px
      }

      .-row-shares-items>a {
        align-content: center;
        font-size: 17px;
        transition: 180ms;
        flex-wrap: wrap;
        position: relative;
        width: 36px;
        height: 36px;
        background: #ffffff1f;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-inline-end: 6px;
        color: #fff;
        background: var(--sociaColor)
      }

      .top-area-list>div,
      .top-area-list>div>a {
        color: var(--secondarytext)
      }

      .-row-shares-items>a:hover i {
        color: #fff
      }

      .-row-shares-items>a i {
        position: relative
      }

      .facebook,
      .link_facebook {
        --sociaColor: #3b5998
      }

      .footer-bottom-current {
        margin-top: 34px;
        background: #292930;
        padding: 16px 0;
        border-top: 1px solid #c7c7c733
      }

      footer-bottom {
        display: flex;
        margin: 0;
        font-weight: 600;
        justify-content: center;
        font-size: 17px;
        color: var(--primary-text)
      }

      .footer-bottom-current .container {
        display: flex;
        align-items: center;
        justify-content: space-between
      }

      .-row-shares-items>a:hover:before {
        transform: scale(1);
        opacity: 1;
        visibility: visible
      }

      .-row-shares-items>a:before {
        visibility: hidden;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: var(--sociaColor);
        transform: scale(.6);
        transition: 180ms;
        opacity: 0
      }

      .--header-contact-flex {
        width: 100%;
        padding: 13px 0;
        position: relative;
        background: #fff;
        display: none
      }

      .--header-contact-flex>.container {
        display: flex;
        justify-content: space-between
      }

      .--contact-header-content {
        flex: 1
      }

      ul.top-area-list {
        display: flex;
        align-items: center
      }

      .top-area-list {
        display: flex;
        align-items: center;
        gap: 18px;
        margin-inline: auto
      }

      .top-area-list>div {
        display: flex;
        align-items: center;
        gap: 11px;
        list-style: none;
        position: relative;
        font-size: 14px
      }

      .top-area-list>div a:hover,
      .top-area-list>div:hover {
        color: var(--sociaColor)
      }

      .Phone {
        --sociaColor: #d91672
      }

      .top-area-list>div i {
        font-weight: 500
      }

      .top-area-list>div:after {
        content: "";
        position: relative;
        top: 0;
        width: 8px;
        height: 8px;
        background-color: #f4f8ff;
        margin-inline-start: 8px;
        border-radius: 50%
      }

      .owl-nav,
      .top-area-list>div:last-child:after {
        display: none
      }

      .top-area-list>div a {
        gap: 7px;
        display: flex;
        align-items: center
      }

      ul.list-unstyled {
        display: flex;
        align-items: center;
        list-style: none;
        gap: 17px
      }

      .--social-header-content>ul.list-unstyled>li>a {
        display: flex;
        align-items: center;
        justify-content: center;
        --fk: 32px;
        width: var(--fk);
        height: var(--fk);
        border-radius: var(--miniradius);
        color: var(--sociaColor);
        font-size: 18px
      }

      c--color {
        position: relative;
        text-decoration: underline
      }

      c--color:before {
        width: 100%;
        height: 8px;
        background-color: #ffdc60;
        content: "";
        clip-path: polygon(0% 100%, 100% 0, 100% 100%);
        position: absolute;
        bottom: 8px;
        animation: 1s ease-in-out .3s forwards section-highlight;
        opacity: 0
      }

      @keyframes section-highlight {
        0% {
          right: 0
        }

        100% {
          left: 0
        }
      }

      .fixedintro root {
        padding-top: 0
      }

      .circle-pattern {
        position: absolute;
        top: 137px;
        right: 210px;
        height: 250px;
        background: #e1d9fe;
        width: 390px;
        transform: rotate(18deg);
        border-radius: 20px
      }

      .-YC-Intro-image_intro-box {
        max-width: 650px;
        position: relative;
        flex: 1;
        display: flex;
        align-items: end;
        justify-content: end
      }

      .YC-widgets-BTN--URLArea {
        display: flex;
        align-items: center;
        margin-top: 20px;
        gap: 15px
      }

      .-YC-mastercity-area-ciytes {
        position: relative;
        padding: 30px 20px;
        overflow: hidden;
        margin-inline: -21px
      }

      .owl-stage {
        display: flex
      }

      .YC-widgets-BTN--URLArea .-YC-owl-navs-items>div {
        border: 2px solid var(--primary-text);
        --chev-w: 45px;
        width: var(--chev-w);
        height: var(--chev-w);
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        font-size: 21px;
        color: var(--primary-text);
        transition: .5s;
        cursor: pointer;
        background: #fff
      }

      .YC-widgets-BTN--URLArea .-YC-owl-navs-items>div:hover {
        background: var(--primary-text);
        color: #fff
      }

      .YC-widgets-BTN--URLArea .-YC-owl-navs-items>div:last-child {
        margin-inline-start: 12px
      }

      .-YC-Widgets-Inner-Row {
        padding: 40px 0;
        position: relative
      }

      .sup-title-widget-defualt {
        font-size: 20px;
        margin-bottom: 13px;
        position: relative;
        font-weight: 500;
        color: var(--primary-text);
        padding: 8px 16px;
        background-color: var(--uicolor3);
        border-radius: var(--largeradius);
        display: flex;
        width: max-content;
        margin-inline: auto
      }

      .-widgets-h1-title,
      .title-anim {
        display: inline-block;
        position: relative
      }

      .-YC-FaqsSimple-Center-v1 .sup-title-widget-defualt {
        margin-inline-start: 0
      }

      .-widgets-h1-title {
        width: 100%;
        font-weight: 700;
        color: var(--primary-text);
        text-align: center;
        font-size: 40px;
        z-index: 1
      }

      .-DropChevrons-UL ul li i,
      .P-content {
        font-weight: 500
      }

      .P-content {
        color: var(--secondarytext);
        display: block;
        text-align: center;
        margin-top: 15px;
        font-size: 20px
      }

      .YC-widgets-container-secondary-element-item .P-content {
        text-align: right;
        color: var(--secondarytext);
        font-weight: 400;
        font-size: 16px;
        line-height: 1.8
      }

      .YC-widgets-BTN--URLArea .-YC-owl-navs-items {
        display: flex;
        margin-inline-start: 20px
      }

      .YC-container-widgets-Taps .container {
        display: flex;
        align-items: center;
        justify-content: space-between
      }

      .-defult-widgets-title-style-1 {
        max-width: 900px;
        margin-inline: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        --primary-text: #3e3f5e
      }

      .scroller-x[data-direction=right] {
        --_animation-direction: reverse;
        --e-con-transform-rotateZ: 4.2deg;
        transform: rotate(var(--e-con-transform-rotateZ));
        position: relative;
        z-index: 1
      }

      .scroller-x__list {
        --direction: row;
        width: max-content;
        flex-wrap: nowrap;
        animation: scroll var(--_animation-duration, 60s) var(--_animation-direction, forwards) linear infinite;
        display: flex;
        flex-direction: var(--direction);
        margin: 0;
        padding: 16px 0;
        list-style: none;
        align-items: center;
        align-items: center
      }

      .scroller-x[data-direction=right] .scroller-x__list {
        background: #f2f2f2
      }

      @keyframes scroll {
        to {
          transform: translate(calc(-50% - .5rem))
        }
      }

      .scroller-x[data-direction=left] {
        --e-con-transform-rotateZ: -4.5deg
      }

      .scroller-x[data-speed=slow] {
        --_animation-duration: 120s;
        direction: ltr
      }

      .scroller-x:hover>div {
        animation-play-state: paused
      }

      .--is-feature-item {
        font-size: 19px;
        display: block;
        line-height: 1.9;
        font-weight: 500;
        color: #fff;
        transition: .2s
      }

      a.--is-feature-item:hover {
        color: #ffd69b
      }

      .--is-feature-item i {
        margin-inline: 10px;
        font-size: 14px;
        font-weight: 900
      }

      .YC-Post-pin-Thumb {
        width: 200px;
        height: 110px;
        position: absolute;
        top: -70px;
        left: 50%;
        opacity: 0;
        transition: .3s linear;
        transform: translateX(-50%) rotate(25deg);
        -webkit-transform: translateX(-50%) rotate(25deg);
        -moz-transform: translateX(-50%) rotate(25deg);
        -ms-transform: translateX(-50%) rotate(25deg);
        -o-transform: translateX(-50%) rotate(25deg);
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        -ms-transition: .3s linear;
        -o-transition: .3s linear
      }

      .YC-Post-pin-Thumb img {
        width: 100%;
        height: 100%;
        border-radius: var(--miniradius)
      }

      .YC-Post-pin-Thumb span {
        background: var(--uicolor);
        display: block;
        color: #fff;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        width: 70px;
        height: 70px;
        line-height: 70px;
        text-align: center;
        border-radius: 50%;
        transform: rotate(-30deg);
        position: absolute;
        top: -15px;
        right: -15px;
        -webkit-transform: rotate(-30deg);
        -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        -o-transform: rotate(-30deg)
      }

      .YC-Post-pin-list:hover .YC-Post-pin-Thumb {
        opacity: 1
      }

      .YC-Post-pin-list {
        position: relative;
        display: block
      }

      .-YourColor-SingleWidget-Section.-YC-WidgetType-wighet_pin {
        overflow: hidden;
        z-index: 2;
        margin-top: -96px
      }

      .-YourColor-SingleWidget-Section.-YC-WidgetType-wighet_pin .-YC-Widgets-Inner-Row {
        padding-bottom: 30px
      }

      .custreviewsgoole-block .war-img {
        max-width: 170px;
        min-width: 131px;
        align-items: center;
      }

      .--minithumb-image .--single--thumb-image {
        margin: 10px 10px 0
      }

      .--Parent-URL-BTN:last-child,
      .--minithumb-image .--single--thumb-image:last-child,
      .widght_video-services-lists:last-child {
        margin-bottom: 0
      }

      .-DropChevrons-UL ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px
      }

      ul {
        list-style: none
      }

      .-DropChevrons-UL ul li {
        display: flex;
        align-items: center;
        background: #fff;
        padding: 7px 19px;
        border-radius: var(--largeradius);
        border: 1px solid var(--secondarytext);
        gap: 9px;
        color: var(--secondarytext);
        cursor: pointer;
        transition: .2s
      }

      .about_lists-style1>span,
      .about_lists-style1>span:before {
        transition: .2s linear;
        font-size: 21px;
        font-weight: 600;
        max-width: 50px;
        border-radius: 30%
      }

      .-Post-box-item-Info,
      .-Post-box-item-Thumb,
      .-Post-box-single-item {
        border-radius: var(--largeradius)
      }

      .-DropChevrons-UL ul li:hover,
      li.-Products-Filter-LI.active {
        background: var(--uicolor);
        color: #fff;
        border-color: var(--uicolor)
      }

      .-YourColor-SingleWidget-Section.-YC-WidgetType-widght_video {
        background: #fff;
        overflow: hidden
      }

      .-YourColor-SingleWidget-Section.-YC-WidgetType-after__intro {
        background: #f8f8fe;
        margin-top: 30px;
        border-top: 0 solid var(--uicolor)
      }

      .-YourColor-SingleWidget-Section.-YC-WidgetType-after__intro .inner-circle {
        left: 40px;
        right: inherit;
        top: 160px
      }

      header.hidemenu {
      transform: translate(0,-129px);
      }

      .-YC-widght_svg {
        position: absolute;
        left: 0;
        width: 100%;
        line-height: 0;
        direction: ltr;
        top: 0
      }

      .--footer--intro .-YC-widght_svg {
        top: 0
      }

      .-YC-widght_svg.bottom {
        bottom: 0;
        top: inherit;
        transform: rotate(180deg);
        z-index: 1
      }

      .-YC-widght_svg svg path {
        fill: #fff;
        transform-origin: center;
        transform: rotate(180deg)
      }

      .--after-intro-features-list:hover .--paner-content span {
        color: var(--uicolor)
      }

      .--ev-title-h1 {
        width: 100%;
        font-weight: 700;
        line-height: 1.6;
        color: #fff;
        font-size: 44px;
        position: relative;
        z-index: 1;
        display: inline-block
      }

      .--ev-title-h4 {
        font-weight: 400;
        font-size: 22px;
        color: #fff;
        line-height: 1.4;
        position: relative;
        max-width: fit-content;
        margin-bottom: 10px
      }

      .about_lists-style1 {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 67px
      }

      .about_lists-style1>span {
        position: relative;
        min-width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9;
        top: 0;
        color: var(--primary-text)
      }

      .about_lists-style1>span:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        transform: rotate(45deg);
        top: 0;
        background: #fff;
        color: var(--primary-text);
        z-index: -1
      }

      .circle-animation span.tp-circle-1,
      .circle-animation span.tp-circle-2 {
        width: 50%;
        transform-origin: left;
        top: calc(50% - 1px);
        height: 1px;
        left: 50%
      }

      .about_lists-style1.active-item>span:before {
        background-color: var(--uicolor)
      }

      .about_lists-style1.active-item>span {
        color: #fff
      }

      .--info-title- {
        font-size: 25px;
        color: var(--primary-text);
        margin-bottom: 4px;
        font-weight: 500
      }

      .--info-content-- {
        font-size: 19px;
        color: var(--secondarytext);
        font-weight: 400
      }

      .--after-intro-features-list.panner_4 paner__icon {
        background: #faacda
      }

      html {
        transition: .2s
      }

      .-widgets-Faqs-Tabs-svg img {
        width: auto;
        height: auto
      }

      .-YourColor-SingleWidget-Section.-YC-WidgetType-category {
        background: #fff
      }

      .wighet_pin-container-steps {
        display: block;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: var(--uicolor)
      }

      .stars-avg i {
        padding: 0 1px
      }

      .stars-avg .stars-avg-back {
        position: absolute;
        top: 0;
        left: 0;
        color: #f7ac2d;
        width: var(--percent);
        flex-wrap: inherit;
        overflow: hidden;
        justify-content: start
      }

      .stars-avg {
        display: block;
        font-size: 15px;
        position: relative;
        color: #e1e1e138;
        direction: ltr
      }

      .-YC-widght_svg.bottom path {
        fill: white
      }

      .-inner-widgets-blog-posts-center {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 30px
      }

      .-Post-box-single-item {
        min-width: 300px;
        max-width: 330px;
        display: flex;
        position: relative;
        flex-direction: column;
        transition: 250ms;
        flex: 1;
        background: #fff;
        cursor: pointer;
        overflow: hidden;
        padding: 20px 20px 30px;
        box-shadow: var(--box-shadow-defult)
      }

      .-Post-box-single-item:hover {
        box-shadow: 0 8px 53px rgba(13, 9, 54, .05)
      }

      .-Post-box-item-Info a:hover,
      .-Post-box-single-item:hover .YC-Post-BTN {
        color: var(--uicolor)
      }

      .-Post-box-item-Thumb:before {
        position: absolute;
        content: "";
        top: 100%;
        left: 0;
        height: 100%;
        width: 100%;
        -webkit-transition: .4s .2s;
        transition: .4s .2s;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: 0;
        visibility: hidden
      }

      .-Post-box-single-item:hover .-Post-box-item-Thumb img {
        transform: scale(1.1)
      }

      .-Post-box-single-item:hover .-Post-box-item-Thumb:before {
        top: 0;
        opacity: 1;
        visibility: visible;
        -webkit-transition: .4s;
        transition: .4s;
        z-index: 1
      }

      .-Post-box-single-item:hover .-Post-box-item-Thumb:after {
        height: 250%;
        transition: .5s linear !important;
        background-color: transparent
      }

      .-Post-box-item-Thumb:after {
        content: "";
        position: absolute;
        width: 300%;
        height: 0%;
        left: 50%;
        top: 50%;
        background-color: rgba(255, 255, 255, .2);
        transform: translate(-50%, -50%) rotate(-45deg);
        z-index: 1
      }

      .-Post-box-item-Thumb {
        margin-bottom: 15px;
        background: #212529;
        height: 200px;
        align-items: center;
        justify-content: center;
        display: flex;
        overflow: hidden
      }

      .-Post-box-item-Thumb img {
        width: auto;
        height: auto;
        transition: .4s
      }

      .-Post-box-item-Info a {
        display: block;
        font-size: 20px;
        line-height: 1.3;
        font-weight: 600;
        color: var(--primary-text);
        max-height: 68px;
        overflow: hidden;
        padding-bottom: 5px
      }

      .-P-content {
        color: var(--secondarytext);
        display: block;
        font-size: 17px;
        overflow: hidden;
        text-align: right;
        margin-top: 5px;
        line-height: 1.4;
        flex: 1
      }

      .-Post-box-item-Info {
        padding-top: 0;
        display: flex;
        flex-direction: column;
        flex: 1;
        box-sizing: border-box;
        transition: .3s cubic-bezier(.37, .75, .61, 1.05);
        z-index: 1;
        position: relative;
        padding-bottom: 0
      }

      .-YourColor-SingleWidget-Section.-YC-WidgetType-blog_v1 {
        padding-top: 30px;
        position: relative;
        padding-bottom: 30px
      }

      .-single-bottom-list-category-terms {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px
      }

      .-single-bottom-list-category-terms p {
        transition: .2s;
        color: var(--primary-text);
        font-size: 15px;
        font-weight: 500;
        FONT-WEIGHT: 500;
        border-radius: var(--miniradius);
        display: flex;
        align-items: center;
        height: 33px;
        padding-inline: 11px;
        background: #f6f6ff
      }

      .-single-bottom-list-category-terms p:hover {
        background: var(--uicolor);
        color: #fff
      }

      .YC-YourColor-contain--lists {
        display: flex;
        flex-wrap: wrap;
        margin-top: 30px;
        gap: 20px;
        justify-content: center;
        align-items: center
      }

      .YC-YourColor-content p {
        font-size: 14px;
        line-height: 1.5;
        font-weight: 400;
        color: var(--second-text-color)
      }

      .--Parent-URL-BTN:last-child {
        margin-inline-end: 0
      }

      .YC-city-widget-container .--Parent-URL-BTN,
      .widght_video-services- {
        margin-top: 20px
      }

      .YC-YourColor-intro-BTN .--Parent-URL-BTN a {
        background: var(--uicolor)
      }

      .YC-YourColor-intro-BTN a.button_url_2 {
        background: #fff;
        color: var(--whatsapp);
        border-color: var(--whatsapp)
      }

      .YC-YourColor-intro-BTN a.button_url_2:hover {
        background: var(--whatsapp);
        color: #fff;
        border-color: var(--whatsapp)
      }

      .-defult-widgets-title--URLArea-v1 {
        display: flex;
        align-items: center;
        margin-top: 29px;
        gap: 15px
      }

      .widght_video-services-lists {
        display: flex;
        align-items: center;
        color: #fff;
        gap: 16px;
        margin-bottom: 12px
      }

      .widght_video-services-lists i {
        color: #cfcbea;
        font-size: 22px
      }

      .--widght_video-content-- {
        font-size: 15px;
        color: #fff
      }

      .--footer--intro {
        display: block;
        padding: 58px 0 60px
      }

      .--footer--title-H2 {
        font-size: 34px;
        font-weight: 600;
        margin-bottom: 15px;
        width: 100%;
        color: var(--primary-text)
      }

      .--Parent-URL-BTN a,
      .YC-Post-BTN {
        align-items: center;
        width: max-content
      }

      .-defult-widgets-title.--SB-button--id {
        --primary-text: #00
      }

      .--footer--content-P {
        color: var(--secondarytext);
        font-size: 18px;
        max-width: calc(100% - 180px)
      }

      .-button-widgets-footer .--Parent-URL-BTN a:hover i,
      .-button-widgets-footer .--Parent-URL-BTN a:hover:before,
      .YC-Post-BTN:hover {
        color: var(--uicolor)
      }

      .--footer-intro-title {
        max-width: 770px;
        position: sticky;
        top: 30px
      }

      .-button-widgets-footer {
        --primary-text: #000;
        position: sticky;
        top: 20px;
        transition: .2s;
        display: flex;
        gap: 18px
      }

      .-button-widgets-footer .--Parent-URL-BTN a:hover {
        color: var(--uicolor);
        border-color: #fff;
        background: #fff
      }

      title--tooltip {
        position: fixed;
        background: rgba(0, 5, 14, .77);
        padding: 5px 10px;
        border-radius: var(--miniradius);
        color: #fff;
        font-size: 13px;
        max-width: 250px;
        font-weight: 400;
        line-height: 1.6;
        z-index: 20000
      }

      .--Parent-URL-BTN a {
        border: 1px solid transparent;
        display: inline-flex;
        font-size: 20px;
        overflow: hidden;
        position: relative;
        z-index: 0;
        padding: 10px 28px;
        color: #fff;
        border-radius: 40px;
        font-weight: 500;
        background-size: 150%;
        transition: .2s ease-in-out;
        background-position: left;
        background: var(--uicolor);
        min-width: max-content
      }

      .--Parent-URL-BTN a span {
        transition: opacity .6s, transform .8s;
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        position: relative
      }

      .--Parent-URL-BTN a:hover span {
        transform: translateY(-150%);
        opacity: 0
      }

      .--Parent-URL-BTN a i {
        font-size: 17px;
        color: #fff;
        position: relative;
        top: 2px;
        transition: opacity .6s, transform .8s;
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        margin-inline-start: 13px
      }

      .--Parent-URL-BTN a:hover i {
        transform: rotate(0)
      }

      .--Parent-URL-BTN a.button_url_2 {
        background: #fff;
        border: 1px solid var(--primary-text);
        color: var(--primary-text)
      }

      .--Parent-URL-BTN a.button_url_2 i {
        color: #000
      }

      .--Parent-URL-BTN a.button_url_2:hover i {
        color: #fff
      }

      .--Parent-URL-BTN a.button_url_2:hover {
        color: #fff;
        background: var(--primary-text);
        border-color: var(--primary-text)
      }

      .-button-widgets-footer .--Parent-URL-BTN a.button_url_2:hover {
        background: var(--uicolor);
        color: #fff
      }

      .-button-widgets-footer .--Parent-URL-BTN a.button_url_2:hover:before {
        color: #fff
      }

      .--Parent-URL-BTN a:hover {
        color: #fff;
        border-color: var(--uicolor);
        box-shadow: 0 20px 40px 0 rgba(83, 85, 223, .4)
      }

      .-YC-Intro-image_intro-v1 {
        position: relative;
        left: 0;
        top: -110px;
        margin-right: -15px;
        z-index: 2;
        min-width: 375px;
        box-shadow: 25px 20px 41px rgba(69, 38, 177, .1), 26px 51px 41px rgba(69, 38, 177, .1);
        border-radius: 26px;
        overflow: hidden;
        height: 370px;
        max-width: 345px
      }

      .works-taxonomy-name {
        font-size: 16px;
        font-weight: 600
      }

      .YC-Post-BTN {
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        color: var(--primary-text);
        display: flex;
        gap: 6px;
        position: relative;
        margin-top: 10px
      }

      .YC-Post-BTN:hover:before {
        width: 100%
      }

      .YC-Post-BTN:before {
        inset-inline-start: 0;
        width: 0;
        bottom: 0;
        height: 1px;
        content: "";
        position: absolute;
        background-color: #525fe1;
        transition: .3s cubic-bezier(.5, 1, .89, 1)
      }

      .YC--panner-left--after-intro:after,
      .YC--panner-left--after-intro:before {
        position: absolute;
        background-color: transparent;
        height: 45px;
        width: 30px;
        bottom: -12px;
        border-style: solid;
        content: "";
        display: block
      }

      .YC-Post-BTN i {
        font-size: 14px
      }

      .YC--panner-left--after-intro {
        display: flex;
        align-items: center;
        gap: 30px;
        margin-top: 60px;
        margin-bottom: -110px;
        background: #f8f8fe;
        padding: 25px 25px 0;
        position: relative;
        border-radius: var(--largeradius) var(--largeradius) 0 0
      }

      .YC--panner-left--after-intro:after {
        right: -30px;
        border-radius: 0;
        border-bottom-left-radius: calc(var(--largeradius) + 15px);
        border-width: 0 0 12px 12px;
        border-color: #fafaff
      }

      .YC--panner-left--after-intro:before {
        left: -30px;
        border-radius: 0;
        border-bottom-right-radius: calc(var(--largeradius) + 15px);
        border-width: 0 12px 12px 0;
        border-color: #ff000000 #fafaff #fafaff
      }

      .--after-intro-all-in {
        background-color: #ffdc60;
        padding: 40px 50px;
        border-radius: 20px;
        position: relative;
        z-index: 2;
        min-width: 373px;
        flex: 1;
        display: flex;
        align-items: center;
        gap: 20px
      }

      .--after-intro-all-in:hover .paner_video_icon i {
        color: rgba(41, 41, 48, .8);
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
      }

      .--after-intro-all-in.panner_three {
        background: #ffadad
      }

      .--after-intro-all-in.panner_two {
        background: #57c9da
      }

      .YC-widgets-item {
        margin-bottom: 9px;
        font-size: 45px;
        font-weight: 800;
        color: var(--primary-text);
        display: flex;
        align-items: flex-end;
        line-height: .8;
        margin-inline-end: 10px;
        font-family: var(--f-number)
      }

      .paner_video_icon {
        transition: .4s;
        font-size: 77px;
        color: rgba(41, 41, 48, .3);
        display: flex;
        align-items: center
      }

      .paner_video_icon i {
        backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: transform .3s cubic-bezier(.21, .6, .44, 2.18);
        -moz-transition: transform .3s cubic-bezier(.21, .6, .44, 2.18);
        transition: transform .3s cubic-bezier(.21, .6, .44, 2.18)
      }

      .-video-paner-content p {
        font-size: 16px;
        color: var(--primary-text);
        font-weight: 600;
        max-height: 50px;
        overflow: hidden
      }

      .circle-animation.testimonial {
        top: 297px;
        left: 50%;
        border: 1px solid #0303251c;
        width: 550px;
        height: 550px;
        position: absolute;
        transform: translate(-50%, -4%);
        border-radius: 50%;
        z-index: 1;
        pointer-events: none
      }

      .circle-animation span.tp-circle-1 {
        display: block;
        position: absolute;
        content: "";
        background: 0 0;
        -webkit-animation: 13s linear infinite circle-animation;
        -moz-animation: 13s linear infinite circle-animation;
        -o-animation: 13s linear infinite circle-animation;
        animation: 13s linear infinite circle-animation
      }

      .circle-animation span.tp-circle-1::before {
        position: absolute;
        content: "";
        width: 22px;
        height: 22px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        top: -25px;
        right: -12px;
        background-color: #ffadad
      }

      .circle-animation span.tp-circle-2::after {
        position: absolute;
        content: "";
        width: 14px;
        height: 14px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        bottom: -25px;
        right: -7px;
        background-color: var(--uicolor2)
      }

      .circle-animation span.tp-circle-2 {
        display: block;
        position: absolute;
        content: "";
        background: 0 0;
        transform: scale(-1, 1);
        animation: 13s linear infinite circle-animation2
      }

      @keyframes circle-animation {
        0% {
          transform: rotate(0)
        }

        100% {
          transform: rotate(360deg)
        }
      }

      @keyframes circle-animation2 {
        0% {
          transform: scale(-1, 1) rotate(360deg)
        }

        100% {
          transform: scale(-1, 1) rotate(0)
        }
      }

      .inner-circle {
        width: 340px;
        height: 340px;
        border: 1px solid #584335;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        right: -170px;
        animation: 5s infinite zoom
      }

      .yc-shortcode--section--contactus .inner-circle {
        top: 70px;
        right: -10px;
        width: 190px;
        height: 190px
      }

      .container--intro--items .inner-circle {
        left: -150px;
        right: inherit;
        top: 40%
      }

      @keyframes zoom {

        0%,
        100% {
          transform: scale(.5)
        }

        50% {
          transform: scale(1)
        }
      }

      .inner-circle:before {
        width: 60%;
        height: 60%;
        background-color: #7b7be7;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        content: ""
      }

      .yc-shortcode--box.yc-shortcode--shortcode_video .inner-circle:before {
        background: #f6c6a814
      }

      .-YourColor-SingleWidget-Section.-YC-WidgetType-after__intro .inner-circle:before {
        background: #8686ef21
      }

      .creative-shape-img {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: 1
      }

      .item-shape {
        right: -170px;
        z-index: 0;
        position: absolute;
        bottom: -130px;
        width: 300px;
        height: 300px;
        transform: rotate(48deg);
        background: #e1d9fe0a;
        border-radius: 20px
      }

      .-YourColor-SingleWidget-Section.-YC-WidgetType-after__intro .item-shape {
        right: 20px;
        top: -50px;
        height: 250px;
        width: 250px
      }

      .-YC-Category-Grid-container {
        position: relative
      }

      .-YC-Category-Grid-container .item-shape {
        background: #9090f00f;
        top: 401px;
        right: -221px
      }

      .-Taps-AppendCenter.Loader .--single--work-post-box {
        height: 310px
      }

      

      


      .--Parent-URL-BTN a:before {
        content: attr(title);
        display: inline-block;
        position: absolute;
        width: max-content;
        top: 50%;
        transform: translate(0, 80%);
        opacity: 0;
        transition: opacity .6s, transform .8s;
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
        min-width: max-content;
        max-width: max-content
      }

      .--Parent-URL-BTN a:hover:before {
        color: #fff;
        transform: translate(0, -50%);
        opacity: 1
      }

      .--user--comment-name {
        font-size: 28px;
        font-weight: 600
      }

      .search_body>form>button>i,
      .search_closse {
        font-weight: 400
      }

      .-YC-widght_svg svg {
        top: 0;
        z-index: 1;
        width: 100%;
        height: 50px;
        display: block;
        position: relative;
        left: 50%;
        transform: translateX(-50%)
      }

      .search_body,
      .search_body>form,
      .search_header {
        display: flex;
        width: 100%
      }

      .contact-area-counter {
        margin-top: 40px
      }

      .search_header {
        position: fixed;
        height: 100%;
        top: 0;
        right: 0;
        left: 0;
        align-items: flex-start;
      }

      .search_header.shows--in-searching .search_overlay {
        transform: translateY(0);
        visibility: visible;
        opacity: 1
      }

      .search_header .search_overlay {
        position: fixed;
        height: 100%;
        width: 100%;
        background: #000000d4;
        top: 0;
        transform: translateY(-100%);
        transition: 180ms .1s;
        visibility: hidden;
        opacity: 0;
        backdrop-filter: blur(7px)
      }

      .search_header.shows--in-searching .search_body {
        transform: translate(0, 100%);
        visibility: visible;
        opacity: 1
      }

      .search_body {
        overflow: hidden;
        transition: 180ms;
        opacity: 0;
        transform: translate(0, -100%);
        visibility: visible;
        opacity: 1;
        max-width: 1101px;
        margin-inline: auto
      }

      .search_body>form {
        position: relative;
        align-items: center;
        height: 190px;
        z-index: 1
      }

      .search_body>form>label {
        display: none
      }

      .search_body-input {
        position: relative;
        display: flex;
        flex: 1;
        flex-direction: column
      }

      .shows--input-searching .search_body-input:before {
        transform: scale3d(1, 1, 1);
        transition-duration: 1s;
        width: 100%;
        left: 0
      }

      .search_body-input:before {
        content: "";
        position: absolute;
        width: 0;
        height: 100%;
        right: 0;
        border-bottom: 2px solid #fff;
        transform: scale3d(1, 1, 0);
        transform-origin: 50% 0%;
        transition: .3s
      }

      .search_body>form .search_body-input input {
        padding: 20px 0;
        font-size: 25px;
        box-shadow: 0 0 0;
        border: 0;
        font-weight: 400;
        line-height: 1.9;
        flex: 1;
        background: 0 0;
        color: #fff;
        position: relative;
        margin-bottom: 0;
        width: 100%;
        border-radius: 0
      }

      .search_body>form>button {
        border: 0;
        background: 0 0;
        width: 60px;
        height: 60px;
        font-size: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        border-radius: 50%;
        color: #fff;
        position: absolute;
        left: 60px;
        bottom: 29px
      }

      .search_closse {
        --el-width: 60px;
        width: var(--el-width);
        height: var(--el-width);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        font-size: 28px;
        color: var(--uicolor);
        cursor: pointer;
        transition: 180ms;
        z-index: 1;
        position: absolute;
        left: -10px;
        bottom: 30px
      }

      .-YourColor-SingleWidget-Section.-YC-WidgetType-works_weights {
        background: #f8f8fe;
        padding-top: 36px;
        padding-bottom: 60px
      }

      .-YC-AppendCenter-Works-box-items {
        display: flex;
        flex-direction: column;
        align-items: center
      }

      .-YC-owl-navs-items {
        display: flex;
        gap: 11px;
        justify-content: center
      }

      .video--popover {
        position: fixed;
        width: 100%;
        height: 100%;
        background: #000000f0;
        z-index: 1200;
        right: 0;
        top: 0
      }

      .video--popover .video--popover--overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0
      }

      .video--popover--body {
        position: absolute;
        width: 900px;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        right: 0
      }

      .video--popover-iframe {
        width: 100%;
        position: relative;
        padding-bottom: 59%;
        overflow: hidden;
        border-radius: 20px;
        box-shadow: -4px 4px 2px 4px #ffffff4a, -4px 4px 2px 16px #ffffff4a
      }

      .video--popover-iframe>iframe {
        position: absolute;
        width: 100%;
        height: 100%
      }

      .-Top-separator-shows__in .shape-divider svg,
      .custom-shape-divider-bottom-1705025629 svg {
        width: calc(100%);
        transform: rotate(182deg)
      }

      .video--popover--closse {
        position: absolute;
        --el-w: 36px;
        width: var(--el-w);
        height: var(--el-w);
        border-radius: 50%;
        background: var(--uicolor);
        color: #fff;
        left: -18px;
        top: -18px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        cursor: pointer;
        transition: 180ms
      }

      .contact-area {
        flex: 1;
        max-width: 660px;
        border-radius: 20px;
        overflow: hidden;
        position: sticky;
        top: 50px
      }

      .contact-area img {
        width: auto;
        height: auto
      }

      .gallry--image-herf {
        position: relative
      }

      .search_body-input label {
        position: relative;
        color: #fff;
        font-size: 37px
      }

      [data-loader-src],
      [data-loader-srcset] {
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
      }

      [data-loader-src].loaded,
      [data-loader-srcset].loaded {
        opacity: 1;
      }

      .unline:hover {
        text-decoration: underline
      }

      .activable:active {
        transform: scale(.96);
        opacity: .85
      }

      .hoverable.hoverableselect:hover::after {
        background: var(--media-hover)
      }

      .hoverable.hoverableselect::after {
        transition: none
      }

      .hoverable {
        position: relative
      }

      .hoverable::after {
        position: absolute;
        border-radius: inherit;
        background: currentcolor;
        block-size: 100%;
        content: "";
        inline-size: 100%;
        inset: 0;
        opacity: 0;
        pointer-events: none;
        transition: 250ms
      }

      .hoverable:hover::after {
        opacity: .04;
        transition: 50ms
      }

      .activable {
        user-select: none;
        cursor: pointer
      }

      .disabled {
        cursor: not-allowed;
        user-select: none
      }

      .activableopac:active {
        opacity: .7
      }

      @media only screen and (max-width:1375px) {
        .yc-shortcode--post-services .ShortCode-title {
          max-width: 479px;
          margin-inline: 0 !important
        }

        .yc-shortcode--box.yc-shortcode--review .-single-features-step-item {
          min-width: 279px
        }

        .custreviewsgoole-block,
        .goole-block {
          min-width: 48%
        }

        .YC-intro-page-primary-body.Yc-pages-steup .bottun {
          margin-inline: auto
        }

        .-Post-box-single-item {
          min-width: 280px;
          max-width: 390px
        }

        .-defult-widgets-title-style-1.-YC-Category-Grid-title {
          min-width: 450px;
          margin-inline: auto;
          align-items: center;
          text-align: center
        }

        .YC--YourColor-Intro-container-auto {
          min-width: 100%;
          padding-inline: 24px
        }
      }

      @media only screen and (max-width:1200px) {
        .custreviews--google-flex {
          flex-direction: column
        }

        .custreviews--google-flex>* {
          min-width: 100%;
          justify-content: space-between
        }

        .-single-features-step-item {
          max-width: 100%;
          padding: 30px
        }

        .-Post-box-single-item {
          max-width: 100%
        }

        .-Post-box-single-item:last-child {
          max-width: 430px
        }

        .--Site--Menu>ul>li>a {
          padding-inline: 9px
        }

        .-YC-Intro-image_intro-v2 {
          display: none
        }
      }

      @media only screen and (max-width:1175px) {

        .--image-after-intro-list img,
        .-after__intro-image img {
          width: auto;
          height: auto
        }

        .-single-post-content .aligncenter {
          float: inherit
        }

        .video--popover--body {
          width: 79%;
          transform: translate(-10%, -50%);
          right: 0;
          left: 0
        }

        .-YC-FaqsSimple-Center-v1,
        .-YourColor-Intro-title,
        .YC-intro-container-pages-head.--is--video-category .bottun,
        .yc-shortcode--post-services .ShortCode-title .sup-title-widget-defualt {
          margin-inline: auto
        }

        .-YC-FaqsSimple-Center-continert {
          display: block
        }

        body.is_open_menu,
        html.is_open_menu,
        root {
          overflow: hidden
        }

        .YC-post-context-boxed {
          margin-inline-end: 0;
          margin-top: 30px;
          position: relative;
          top: 0;
          align-items: center;
          text-align: center;
          z-index: 1
        }

        .top-singular-post-cover {
          flex-direction: column-reverse;
          align-items: center
        }

        .your-image-wrapper.float-left,
        .your-image-wrapper.float-right {
          float: inherit;
          padding-inline: 0
        }

        .YC-single-scroll-post {
          right: -17px
        }

        .-single-post-content h2:before {
          right: -21px;
          width: 10px;
          height: 10px;
          top: 34px
        }

        @keyframes ripple-animations {
          0% {
            -webkit-box-shadow: 0 0 0 0 var(--primary-light);
            box-shadow: 0 0 0 0 #b7c7ff
          }

          50% {
            -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 11px rgba(1, 93, 199, 0)
          }

          100% {
            -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
            box-shadow: 0 0 0 0 rgba(1, 93, 199, 0)
          }
        }

        .YC-single-scroll-bar {
          top: 0
        }

        .YC-single-headerFixed-container {
          bottom: 74px;
          top: inherit;
          padding-bottom: 11px;
          padding-top: 30px;
          transform: translate(0, 180px) !important
        }

        .--footer-intro-title,
        .-YC-Category-Grid-Area-v2,
        .-after__intro-image,
        .-defult-widgets-title-style-1.-YC-Category-Grid-title,
        .YC-after-intro-info,
        .YC-intro-container-pages-left,
        .yc-shortcode--services--items {
          top: 0;
          position: relative
        }

        .YC-single-headerFixed-container.visible-header {
          transform: translate(0, 75px) !important
        }

        .YC-related-posts-items .YC-related_articles-single-item {
          max-width: 100%;
        }

        .yc-shortcode--single-services-item {
          min-width: 350px;
          max-width: 100%;
          flex: 1;
          flex-direction: column
        }

        .yc-shortcode--services--items {
          flex-direction: initial;
          flex-wrap: wrap;
          margin-top: 40px;
          gap: 25px;
          align-items: center;
          justify-content: center;
          text-align: center
        }

        .yc-shortcode--services--info>h3 {
          text-align: center
        }

        .--footer--intro .container,
        .YC-after-intro-info,
        .yc-shortcode--box.yc-shortcode--post-services {
          flex-direction: column
        }

        .yc-shortcode--post-services .ShortCode-title {
          max-width: 100%;
          align-items: center;
          text-align: center;
          justify-content: center
        }

        .yc-shortcode--post-services .ShortCode-title p.--short--code--content {
          text-align: center
        }

        .YC-intro-page-primary-body {
          padding-bottom: 49px;
          padding-top: 90px
        }

        .-intro--page--category-video {
          justify-content: center;
          margin-top: 15px
        }

        .Yc-category--video-Youtube {
          max-width: 409px;
          min-width: 218px;
          height: 288px
        }

        .--container--category--info .bottun {
          margin-inline: auto;
          font-size: 18px
        }

        .-YC-FaqsSimple-Center-v1 .sup-title-widget-defualt,
        .-defult-widgets-title-style-1.-YC-Category-Grid-title .sup-title-widget-defualt {
          margin-inline: 0
        }

        .YC-intro-container-pages-head {
          flex-direction: column;
          align-items: center;
          text-align: center
        }

        .--footer--title-H2 {
          text-align: center
        }

        .--footer-intro-title {
          margin-bottom: 22px;
          max-width: 100%
        }

        .--footer--content-P.animate-text-from-right {
          max-width: 100%;
          text-align: center
        }

        .-YC-widght_svg,
        .YC--seviesRequest--form-boxarea {
          display: none
        }

        .--footer--intro {
          padding-top: 0
        }

        .-owl-PriceLists-Center-v1 .-PriceBox-v1-box {
          min-width: 100%;
          max-width: 100%
        }

        .-YC-FaqsSimple-Center-v1 .-defult-widgets-title-style-1 {
          align-items: center;
          text-align: center;
          max-width: 100%;
          min-width: 100%
        }

        .-YC-FaqsSimple-Center-v1 .-widgets-h1-title,
        .-YC-FaqsSimple-Center-v1 .P-content {
          text-align: center
        }

        .Yc-app--video-Youtube-inner {
          height: 360px;
          width: 100%
        }

        .--image-after-intro--- {
          max-width: 390px;
          min-width: 320px;
          margin-inline-end: 42px
        }

        .YC-after-intro-info {
          display: flex;
          align-items: center;
          text-align: center
        }

        .-after__intro-image {
          margin-top: 40px;
          max-width: 300px;
          min-width: 300px;
          height: 350px;
          display: none
        }

        .container--intro--items {
          flex-direction: column;
          align-items: center;
          text-align: center;
          justify-content: center;
          padding-top: 0
        }

        .--category--logoIcon {
          min-width: 100px;
          max-width: 100px;
          height: 99px
        }

        .--single--category--boxitem {
          min-width: 460px;
          max-width: 100%;
          flex: 31
        }

        .-YC-Category-Grid-title .P-content,
        .-defult-widgets-title-style-1.-YC-Category-Grid-title .-widgets-h1-title {
          text-align: center
        }

        .-YC-Category-Grid-Area-v2 {
          margin-top: 32px;
          min-width: 100%;
          display: flex;
          flex-wrap: wrap;
          gap: 20px
        }

        .-YC-Category-Grid-container .container {
          flex-direction: column
        }

        .bg-item .item-6 {
          opacity: .05;
          top: 370px
        }

        .-YC-Intro-image_intro-box,
        .-YC-Intro-image_intro-v2 {
          display: none
        }

        .-YourColor-Intro-title {
          max-width: 643px;
          display: flex;
          flex-direction: column
        }

        .-YC-Intro-image_intro-v1 {
          max-width: 340px;
          min-width: 320px;
          height: 320px
        }

        .YC-YourColor-Intro_title {
          font-size: 34px;
          font-weight: 700
        }

        header.fixedintro {
          max-width: 100%;
          min-width: 100%;
          border-radius: 0;
          margin-top: 0;
          box-shadow: none
        }

        body {
          overflow-x: hidden
        }

        .--Site--Menu>ul>li>ul.sub-menu,
        .--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu {
          position: relative;
          top: 0;
          transform: translateY(0);
          opacity: 1;
          visibility: visible;
          padding: 13px 21px;
          width: 100%;
          border-radius: 0;
          box-shadow: none;
          margin-top: 12px;
          border-right: 2px solid #f6f6f6;
          padding-inline-start: 31px;
          display: none;
          right: 0;
          background: var(--primary-text)
        }

        .--Site--Menu>ul>li.current-menu-item>a,
        .--Site--Menu>ul>li.current_page_item>a,
        .--Site--Menu>ul>li>ul.sub-menu>li>a {
          color: #fff
        }

        .--Site--Menu>ul>li>ul.sub-menu.active,
        .--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu.active,
        .-mobile-menu-button {
          display: block
        }

        .--Site--Menu>ul>li>a {
          width: 100%;
          align-items: center;
          gap: 10px;
          padding: 0 !important;
          font-weight: 500;
          color: #ffffffe6;
          text-decoration: none;
          border-radius: 8px;
          transition: .3s;
          text-align: right;
          justify-content: right;
          font-size: 18px;
          flex-direction: unset;
        }

        .--Site--Menu>ul>li {
          border-radius: 0;
          padding: 4px 13px;
          position: relative;
          border-radius: var(--largeradius);
          align-items: center;
          background: #ffffff03;
          margin-bottom: 9px;
        }

        .--Site--Menu ul.sub-menu {
          padding-right: 20px;
          display: none
        }

        .--Site--Menu ul.sub-menu.active {
          display: block;
          animation: .3s ease-out slideDown
        }

        @keyframes slideDown {
          from {
            opacity: 0;
            transform: translateY(-10px)
          }

          to {
            opacity: 1;
            transform: translateY(0)
          }
        }

        .--Site--Menu>ul>li.-YourColor-Is-SubMenu>a {
          padding-inline: 0;
          color: #fff
        }

        .-Show-SubMenu-Icon>i {
          z-index: 22;
          background: #efe1ff45;
          width: 35px;
          height: 35px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: var(--largeradius);
          transform: rotate(90deg);
          top: -19px;
          color: #fff
        }

        .-Show-SubMenu-Icon>i.trans {
          transform: rotate(0)
        }

        .background {
          border-radius: 16px;
          background: #f3f3fe;
          width: 46px;
          height: 45px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-inline-end: 18px
        }

        .menu__icon {
          padding: 4px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
          border: 0 !important;
          background: 0 0;
          width: 28px;
          height: 28px
        }

        .menu__icon span {
          width: 100%;
          height: 2px;
          border-radius: .125rem;
          background-color: var(--primary-text);
          transition: transform .4s, background-color .4s, opacity .4s
        }

        .menu__icon.trans_menu span:nth-child(2) {
          transform: translate(-50%);
          opacity: 0
        }

        .menu__icon.trans_menu span:first-child {
          background-color: #ff3b30;
          transform: translateY(7px) rotate(-45deg)
        }

        .menu__icon.trans_menu span:nth-child(3) {
          background-color: #ff3b30;
          transform: translateY(-11px) rotate(45deg)
        }

        header .container {
          justify-content: space-between
        }

        header.single-post-header .container {
          max-width: var(--container-width) !important;
          padding: var(--container-padding)
        }

        @keyframes slideIn {
          from {
            transform: translateX(100%);
            opacity: 0
          }

          to {
            transform: translateX(0);
            opacity: 1
          }
        }

        @keyframes slideOut {
          from {
            transform: translateX(0);
            opacity: 1
          }

          to {
            transform: translateX(100%);
            opacity: 0
          }
        }

        .--Site--Menu.open_menu {
          animation: .5s forwards slideIn;
          opacity: 1;
          visibility: visible;
          overflow: scroll;
          transform: translate(0, 0)
        }

        .--Site--Menu.close_menu {
          animation: .5s forwards slideOut
        }

        .--Site--Menu {
          opacity: 0;
          visibility: hidden;
          min-width: 330px;
          border-radius: 0;
          color: var(--uicolor);
          z-index: 19;
          position: fixed;
          background: var(--primary-text);
          max-width: 360px;
          flex-direction: column;
          transition: right .3s;
          top: 62px;
          padding: 14px;
          transform: translate(109%, 0);
          display: block;
          height: 100vh;
          right: 0
        }

        .-Header-Fix .--Site--Menu>span {
          font-size: 22px;
          margin: 20px 0
        }

        header.fixedintro .--Site--Menu {
          top: 76px
        }

        .--socialheader-mobile {
          display: block;
          margin-top: 20px
        }

        .--Site--Menu>ul {
          position: relative;
          display: block;
          margin-inline: 0;
          height: auto;
          flex: initial
        }
      }

      @media only screen and (max-width:845px) {

        .--counter-number--,
        .-p-FaqsSimple-vsingle-ContentValue-v1 {
          font-size: 20px
        }

        .yc-shortcode--single-image {
          display: flex;
          flex-wrap: wrap;
          column-gap: 19px
        }

        .-count-slice- {
          min-width: 150px;
          padding: 22px
        }

        .--counter-flex-- {
          gap: 15px
        }

        p.--counter-des-- {
          font-size: 12px
        }

        .--counter-number-- em i,
        .-single-post-content table td,
        .-single-post-content table th {
          font-size: 15px
        }

        .-count-slice- i {
          font-size: 34px;
          height: auto;
          margin-bottom: 0
        }

        .yc-shortcode-gallry--image {
          min-width: 150px;
          max-width: 100%;
          flex: 1;
          height: 160px
        }

        .-side--bar-widgets--videos-Ids {
          display: flex;
          justify-content: center;
          min-width: 100%;
          max-width: 100% !important;
          margin-bottom: 21px
        }

        .-side--bar-widgets--videos-Ids .YC__video-elements-items {
          min-width: 100%;
          max-width: 100%;
          height: 100%
        }

        .yc-shortcode--single-worksteps-item {
          max-width: 100% !important;
          min-width: 250px;
          flex: 1
        }

        .yc-shortcode--single-features-item {
          min-width: 250px;
          max-width: 100%;
          flex: 1;
          padding: 16px !important
        }

        .yc-shortcode--step--info>p {
          font-size: 15px
        }

        .yc-shortcode--step--info>h3 {
          font-size: 18px;
          font-weight: 700
        }

        .YC-single-call--boxs>a.YC-BTN-phone {
          font-size: 23px
        }

        .mini-content-single-posts {
          font-size: 18px
        }

        .single-post-title.single-post-post-title h1 {
          font-size: 35px
        }

        .YC-post-context-boxed {
          display: flex;
          flex-direction: column;
          margin-inline-end: 0;
          align-items: self-start;
          text-align: right
        }

        .YC-post-context-boxed .sub-title {
          font-size: 22px
        }

        .YC-single-headerFixed-boxed,
        .top-singular-post-cover {
          justify-content: center
        }

        .-single-parent-flexes--content-inner-thumb {
          --element--width: 350px;
          overflow: hidden;
          min-width: 250px;
          max-width: 100%;
          height: auto
        }

        .-single-parent-flexes--content-inner-thumb--inner {
          height: auto;
          box-shadow: none
        }

        .-TitleContent-section {
          flex-direction: column;
          font-size: 25px
        }

        .-TitleContent-section>p {
          text-align: center;
          font-size: 21px
        }

        .-TitleContent-section>a {
          margin-inline: auto;
          margin-top: 19px
        }

        .-single-post-content>* {
          font-size: 16px
        }

        .wp-caption {
          width: 100% !important;
          height: auto !important
        }

        .war-img {
          position: absolute;
          left: 30px;
          bottom: 1px;
          z-index: -1
        }

        .war-img {
          display: none;
        }

        .-YourColor-SingleWidget-Section.-YC-WidgetType-after__intro .inner-circle,
        .YC-single-headerFixed-left {
          display: none
        }

        .-single-share-posts-area {
          padding: 27px
        }

        .-Post-box-single-item {
          min-width: 230px
        }

        .--container--category--info p {
          font-size: 19px;
          font-weight: 500
        }

        .YC-city--list {
          max-width: 100%;
          min-width: 80px;
          flex: 1
        }

        .--single--work-post-box {
          height: 390px !important;
          min-width: max-content
        }

        .-YC-FaqsSimple-Title>.title_faq {
          font-size: 18px
        }

        .GotoTop {
          bottom: 70px;
          left: 20px
        }

        .-row-shares-items {
          margin-bottom: 19px
        }

        .footer-bottom-current .container {
          flex-direction: column-reverse;
          align-items: center;
          text-align: center
        }

        .yourcolor--copyright {
          margin-bottom: 10px
        }

        .icon-video-play {
          width: 60px;
          height: 60px
        }

        .icon-video-play i {
          font-size: 21px
        }

        .YC--panner-features--after-intro {
          gap: 20px;
          padding: 0 0 40px;
          align-items: center;
          justify-content: center
        }

        .-after__intro-widgets-container {
          margin-top: 50px
        }

        .--after-intro-features-list {
          min-width: 100px;
          text-align: center
        }

        .-defult-widgets-title-style-1.-YC-Category-Grid-title {
          max-width: 100%;
          min-width: 100%
        }

        .-footer-widgets-single {
          min-width: 260px;
          max-width: 100%;
          margin-inline: 0;
          display: flex;
          flex-direction: column
        }

        footer-body {
          justify-content: center;
          align-items: center;
          text-align: right
        }

        .custreviews--google-flex>* {
          flex-direction: column;
          padding: 21px !important;
          height: auto
        }

        .--image-after-intro---,
        .creative-shape-img {
          display: none
        }

        .--single--work--info {
          right: 0;
          min-width: 100%;
          bottom: 0;
          max-width: 100%;
          opacity: 1;
          visibility: visible
        }

        .--single--table-item,
        .--work--title--h3 {
          opacity: 1;
          transform: translate(0)
        }

        .--single--work--info: before {
          top: 0;
          opacity: 1;
          transition-delay: 0.1s;
          transform: perspective(1000px) rotateX(0)
        }

        .-more--work--gallery--button- {
          opacity: 1;
          visibility: visible;
          transform: scale(1)
        }
      }

      @media only screen and (max-width:580px) {
        .icon-video-play {
          width: 50px;
          height: 50px
        }

        .-YC-widght_video-container .inner-circle,
        .circle-animation.testimonial,
        .inner-circle,
        .yc-shortcode--section--contactus .inner-circle {
          display: none
        }

        .-site-logo,
        header.fixedintro .-site-logo {
          max-width: 130px
        }

        .--container--category--info p,
        .--paner-content span,
        .-YC-FaqsSimple-Title>.title_faq,
        .-YC-FaqsSimple-Title>i {
          font-size: 15px
        }

        .container-pages-head h1 {
          font-size: 30px
        }

        .search_body {
          width: 98% !important;
          max-width: 93%
        }

        .search_body>form>button {
          position: absolute;
          left: 50px
        }

        .search_closse {
          position: absolute;
          left: 0
        }

        .-p-FaqsSimple-vsingle-ContentValue-v1.-ToggleContentValue {
          font-size: 16px
        }

        .--is-feature-item {
          font-size: 14px;
          font-weight: 700
        }

        .YourColor-IntroBoxes {
          min-height: auto;
          padding-top: 150px
        }

        .--Site--Menu {
          max-width: 100%;
          min-width: 100%;
          padding-top: 30px
        }

        .YC-post-cover-post {
        padding-top: 0;
        }

        .yc-shortcode--single-services-item {
          min-width: 240px;
          flex-direction: column;
          align-items: self-start;
          gap: 10px
        }

        .yc-shortcode-step--image {
          min-width: 92px;
          max-width: 92px;
          height: 62px
        }

        .--widget--sidebar--title {
          font-size: 30px
        }

        .-YC-FaqsSimple-vsingle {
          padding: 21px
        }

        .yc-shortcode--section--contactus {
          padding: 24px !important
        }

        .-single-post-content iframe {
          width: 100%;
          height: 280px;
          margin-top: 30px;
          margin-bottom: 30px
        }

        .button-phonenumber span {
          font-size: 19px
        }

        .YC-BreadCrumb>ol>li>a,
        .button-icon i {
          font-size: 15px
        }

        .single-post-title.single-post-post-title h1 {
          font-size: 25px
        }

        .YC-post-context-boxed .sub-title {
          font-size: 18px
        }

        .--Parent-URL-BTN a,
        .--contact--post-info>p,
        .mini-content-single-posts {
          font-size: 13px;
          align-items: center
        }

        .YC-single-headerFixed--boxs {
          min-width: 100%;
          padding: 0 19px;
          justify-content: center
        }

        .yc-shortcode--box.yc-shortcode--shortcode_video {
          padding: 20px !important
        }

        .yc-shortcode--services--info p {
          font-size: 15px
        }

        .yc-shortcode--services--info>h3 {
          font-size: 19px
        }

        .--contact--post-info>.--shortcode--section--contactus--title {
          font-size: 20px;
          line-height: 1.4
        }

        .bg-item .item-3 {
          top: 450px
        }

        .YC-single-call--boxs>a.YC-BTN-phone {
          font-size: 15px;
          padding-inline: 19px
        }

        .YC-single-call--boxs>a.YC-BTN-phone i,
        .button-phonenumber p {
          font-size: 14px
        }

        .btn-fixed-bh {
          right: 10px;
          bottom: 10px;
          z-index: 2
        }

        a.YC-BTNs-whatsapp {
          margin-inline-start: 0 !important;
          gap: 8px
        }

        .button-icon {
          width: 40px;
          height: 40px;
          margin-inline-end: 2px;
          padding: 6px
        }

        .YC-single-call--boxs {
          gap: 17px
        }

        .--short--code--title {
          font-size: 24px !important
        }

        .-single-post-content>h2 {
          font-size: 22px
        }

        .-single-post-content h2:before {
          top: 26px
        }

        .-single-post-content>h1,
        .-single-post-content>h2,
        .-single-post-content>h3,
        .-single-post-content>h4,
        .-single-post-content>h5,
        .-single-post-content>h6 {
          padding: 10px 0 !important
        }

        .-single-post-content,
        .links--sitemap-items-lists>a {
          font-size: 17px
        }

        .container {
          padding-inline: 20px
        }

        .-P-content {
          font-size: 16px
        }

        .-Post-box-item-Info a {
          font-size: 18px
        }

        .-single-share-posts-area .-YC-owl-navs-items>div {
          --el-w: 49px;
          font-size: 20px
        }

        .links--sitemap-items-title h2 {
          font-size: 29px;
          font-weight: 700
        }

        .single-post_title-sitemaps h1 {
          font-size: 33px
        }

        .--info-content-- {
          font-size: 15px;
          font-weight: 500
        }

        .--category--info-boxitem>i,
        .--info-title- {
          font-size: 20px
        }

        .about_lists-style1>span {
          min-width: 45px;
          max-width: 45px;
          height: 45px
        }

        .-after__intro-contain--lists:after,
        .-after__intro-contain--lists:before {
          right: 22px
        }

        .-site-logo img {
          width: auto;
          height: auto
        }

        .-p-FaqsSimple-ContentValue-v1,
        .-p-category-desc,
        .-widget-after-intro-h4 {
          font-size: 15px
        }

        .-YC-category--info>a {
          font-size: 19px
        }

        .-YourColor-SingleWidget-Section.-YC-WidgetType-blog_v1 {
          padding: 0
        }

        .paner__icon {
          min-width: 35px;
          max-width: 35px;
          height: 35px;
          padding: 33px
        }

        .paner__icon i {
          font-size: 25px
        }

        p.YC-YourColor-content {
          font-size: 14px;
          text-align: right
        }

        .YC-YourColor-features-list {
          min-width: 140px
        }

        .-p-content {
          font-size: 16px;
          line-height: 1.6;
          font-weight: 500;
          margin-top: 0
        }

        .YC-YourColor-contain--lists {
          margin-top: 22px
        }

        .--single--work--info: before {
          border-radius: 0
        }

        .war-img {
          max-width: 60px;
          min-width: 80px;
          opacity: .5
        }

        p.goolge-content {
          font-size: 16px;
          font-weight: 600
        }

        .--title-goolge-- {
          font-size: 20px !important
        }

        .P-content {
          font-size: 15px;
          text-align: center;
          line-height: 1.6
        }

        p.-pp-content {
          font-size: 17px;
          line-height: 1.6;
          font-weight: 400
        }

        .-widget-after-intro-h1 {
          font-size: 29px;
          line-height: 1.4
        }

        .sup-title-widget-defualt {
          font-size: 13px
        }

        .-widgets-h1-title {
          font-size: 29px !important
        }

        .-YC-Price-Us-features-Area-v1 {
          padding-top: 30px
        }

        .-owl-PriceLists-Center-v1 {
          overflow: hidden;
          padding: 10px 2px
        }

        .custreviewsgoole-block .war-img {
          max-width: 89px;
          min-width: 120px;
          margin-top: 22px
        }

        .--single--category--boxitem {
          flex-direction: column;
          align-items: self-start;
          gap: 10px;
          min-width: 210px !important;
          padding: 12px 0
        }

        .Yc-app--video-Youtube-inner {
          height: 130px;
          max-width: 100%;
          min-width: 100%
        }

        .YC_Intro_before_title {
          font-size: 24px;
          margin-bottom: 8px
        }

        .YC-YourColor-Intro_title {
          font-size: 27px
        }

        .bg-item .item-6 {
          opacity: .02
        }

        .bg-item .item-4 {
          opacity: .6
        }
      }

      @media only screen and (max-width:480px) {
        .--Parent-URL-BTN a {
          font-size: 14px;
          padding-inline: 8px
        }

        .--Parent-URL-BTN a i {
          font-size: 14px;
          margin-inline-start: 6px
        }

        .button-phonenumber p {
          font-size: 12px
        }

        .--category--logoIcon {
          min-width: 60px;
          max-width: 60px;
          height: 61px
        }

        .--category--logoIcon i {
          font-size: 39px
        }

        .--category--logoIcon: before {
          top: -10px;
          right: 20px
        }

        .-single-post-content table td,
        .-single-post-content table th,
        .button-phonenumber span {
          font-size: 13px
        }

        .mini-content-single-posts {
          font-size: 16px
        }

        .--short--code--title {
          font-size: 18px !important
        }

        .YC-single-scroll-post.progress-100:after {
          width: 15px;
          height: 15px;
          right: -8px
        }

        .-single-features-step-item {
          padding: 22px !important
        }

        .-widgets-h1-title {
          font-size: 22px !important
        }

        .YC_Intro_before_title {
          font-size: 20px
        }

        .YC-YourColor-Intro_title {
          font-size: 24px
        }

        .-defult-widgets-title-style-1.-YC-Category-Grid-title .-widgets-h1-title {
          font-size: 21px !important
        }

        .-YC-Category-Grid-title .P-content {
          font-size: 15px
        }

        .-defult-widgets-title--URLArea-v1 {
          display: flex;
          gap: 12px
        }

        .YC-YourColor-intro-BTN .--Parent-URL-BTN a {
          width: 100%;
          justify-content: space-between;
          padding-inline: 22px
        }

        .YC-YourColor-intro-BTN .--Parent-URL-BTN {
          margin-inline-end: 0
        }

        .-Intro-button-phone {
          margin-inline-start: 0
        }
      }
    
html #wpadminbar {
    display:none;
}
.video-holder {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000c7;
}

ul.breadcrumb {
    font-size: 20px;
}
ul.breadcrumb li i {
  font-size: 13px;
  margin-right: 10px;
}
@media(min-width:767px){
  .-single-post-content img {
      border-radius: 23px;
      max-width: 500px;
  }
}
.-single-post-content img {
    border-radius: 23px;

}

.search_header.shows--input-searching.shows--in-searching {
    z-index: 9999999;
}

.load-more {
    text-align: center;
    width: 450px;
    padding: 20px;
    margin: 15px auto;
    background: #6868d8;
    font-size: 25px;
    border-radius: 45px;
    color: #fff;
  cursor:pointer
}
.load-more i {
  margin-inline-end:20px
}


/* WP EDITOR TEST */
body::after {
  content: "EDITED FROM WP THEME EDITOR";
  position: fixed;
  bottom: 0;
  right: 0;
  background: black;
  color: white;
  z-index: 999999;
}