/******************************

    INDEX:

    00 - Section Title
    01 - Icon Box
    02 - Team Member
    03 - Counter
    04 - Service
    05 - Blog
    06 - Testimonial
    07 - Header
    08 - Footer
    09 - Title Bar
    10 - Overlap Colomn
    11 - Accordion
    12 - Circle Progress
    13 - List Group
    14 - Portfolio
    15 - Client
    16 - Pricing
	17 - Sortable
    18 - Img Animation
	19 - Marquee
    20 - Tab
    21 - Banner Slider
	22 - Progress Bar
	23 - Static Box
	24 - Cursor

******************************/

body {
    counter-reset: juanitbox1 juanitbox2 juanitbox3 juanitbox4;
}

/*----------------------------------------*/
/*  00 - Section Title
/*----------------------------------------*/
.juanit-heading,
.juanit-heading-subheading,
.juanit-heading-subheading-style-1 {
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}

    .juanit-heading-subheading .juanit-subtitle {
        font-size: 20px;
        line-height: 24px;
        font-weight: normal;
        letter-spacing: 0px;
        text-transform: uppercase;
        font-style: normal;
        position: relative;
        display: inline-block;
        padding: 0 0 0 15px;
        margin-bottom: 5px;
        color: var(--juanit-global-color);
    }

        .juanit-heading-subheading .juanit-subtitle:before {
            content: "";
            position: absolute;
            left: 0;
            top: 5px;
            border-left: 7px solid var(--juanit-global-color);
            height: 14px;
            width: 14px;
            border-radius: 50%;
        }

    .juanit-heading-subheading .juanit-title,
    .juanit-heading .juanit-title {
        font-size: 48px;
        line-height: 48px;
        letter-spacing: -2px;
        text-transform: none;
        font-style: normal;
    }

    .juanit-heading-subheading .juanit-heading-desc {
        margin: 25px 0 15px 0;
    }

.juanit-bg-color-secondary .juanit-heading-subheading .juanit-title,
.juanit-bg-color-blackish .juanit-heading-subheading .juanit-title,
.juanit-bg-color-global .juanit-heading-subheading .juanit-title {
    color: var(--juanit-white-color);
}

.juanit-heading-subheading-style-1 .juanit-subtitle {
    position: relative;
    margin-bottom: 25px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .5px;
    padding: 5px 30px;
    border-radius: 20px;
    display: inline-block;
    text-transform: uppercase;
    color: var(--juanit-global-color);
    background-color: var(--juanit-secondary-color);
}

.juanit-heading-subheading-style-1 .juanit-title {
    font-size: 60px;
    line-height: 60px;
    letter-spacing: -2px;
    text-transform: none;
    font-style: normal;
    margin-bottom: 0;
    color: var(--juanit-white-color);
}

.juanit-heading-desc {
    margin-bottom: 15px;
}

.juanit-bg-color-secondary .juanit-heading-desc,
.juanit-bg-color-blackish .juanit-heading-desc,
.juanit-bg-color-global .juanit-heading-desc {
    color: rgba(var(--juanit-white-color-rgb),.8);
}

/*----------------------------------------*/
/*  For The Same Css
/*----------------------------------------*/
.juanit-ele-blog .juanit-meta-line,
.juanit-ihbox-style-4 .juanit-ihbox-icon:before,
.juanit-service-style-3 .juaniinfotech-box-number,
.juanit-ihbox-style-10 .juanit-element-title,
.blog-classic .juanit-blog-meta span.juanit-meta,
.juanit-rpw-content .juanit-rpw-date a,
.juanit-comment-content .juanit-comment-author,
.juanit-comment-author-inner,
.juanit-testimonial-style-4 .juaniinfotech-testimonial-text {
    font-family: var(--juanit-heading-typography-font-family);
    font-weight: normal;
    font-style: normal;
}

.juanit-ihbox-btn a,
.juanit-header-button,
.juanit-static-btn a,
.juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-btn .juanit-button-text {
    font-family: var(--juanit-heading-typography-font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.25px;
    text-transform: capitalize;
    font-style: normal;
}

.juanit-ihbox-btn .juanit-button-inner .juanit-button-wrapper span {
    position: relative;
    overflow: hidden;
}

.juanit-ihbox-btn .juanit-button-inner .juanit-button-wrapper::after,
.juanit-static-btn .juanit-button-inner .juanit-button-wrapper::after {
    content: '\e8eb';
    font-family: "juaninfotechicon";
}

.juanit-ihbox-btn .juanit-button-inner .juanit-button-wrapper::after,
.juanit-static-btn .juanit-button-inner .juanit-button-wrapper::after {
    position: absolute;
    right: -35px;
    left: auto;
    width: 50px;
    height: 50px;
    background-color: var(--juanit-global-color);
    color: var(--juanit-white-color);
    top: 0;
    border-radius: 50%;
    line-height: 50px;
    font-size: 12px;
    text-align: center;
    transform: translate3d(0, 0, 0) rotateZ(0);
    transform-style: preserve-3d;
    transition: all .5s ease-in-out;
}

.juanit-ihbox-style-11 .juanit-ihbox-icon-type-text,
.juaniinfotech-ele-fid-style-1 .juanit-fid-inner,
.juaniinfotech-ele-fid-style-1 .juanit-fid-sub .juanit-fid-title,
.juanit-ihbox-style-1 .juanit-ihbox-icon-type-text,
.juaniinfotech-ele-ptable-style-1 .juanit-ptable-price-w,
.juaniinfotech-ele-ptable-style-1 .juaniinfotech-ptable-frequency,
.juanit-heading-subheading-style-1 .juanit-subtitle,
.juanit-text-design,
.sidebar .widget-categories .juanit-cat-li a,
.sidebar .widget-categories .juanit-brackets,
.widget-recent-post .juanit-rpw-title a,
.post-navigation .nav-links .nav-title,
.blog-details .juanit-author-content .juanit-author-name,
.blog-details .juanit-comment-content .reply a,
.juanit-portfolio-lines-wrapper .juanit-portfolio-line-value,
.service-sidebar .all-post-list ul li a,
.widget .download .item-download a,
.juaniinfotech-ele-fid-style-3 .juanit-fid-inner,
.progressbar .progress-label,
.juanit-element-timeline-style-1 .juanit-timeline-year,
.team-single .juanit-entry-content .list-group .juanit-icon-list-text,
.juanit-element-static-box-style-2 .juanit-box-number,
.juanit-static-box-style-1 .juanit-box-number,
.list-group.list-group-style-1 .juanit-icon-list-text,
.pricing-six-rightbox .list-group .juanit-icon-list-text,
.list-group .juanit-icon-list-text,
.juanit-static-box-style-3 .juanit-box-number,
.juanit-fid-style-6-new .juaniinfotech-ele-fid-style-6 .juanit-fid-title {
    font-family: var(--juanit-heading-typography-font-family);
    font-weight: 600;
    font-style: normal;
}
/*----------------------------------------*/
/*  01 - Icon Box
/*----------------------------------------*/
/** Style 1 **/
.juanit-ihbox-style-1 {
    border-bottom: 1px solid rgba(var(--juanit-blackish-color-rgb),.1);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.juanit-miconheading-style-1:last-child .juanit-ihbox-style-1 {
    border-bottom: unset;
}

.juanit-ihbox-style-1 .juanit-ihbox-icon,
.juanit-ihbox-style-1 .juanit-ihbox-svg {
    margin-right: 5px;
}

.juanit-ihbox-style-1 .juanit-ihbox-icon-wrapper {
    font-size: 24px;
    line-height: 30px;
    color: var(--juanit-blackish-color);
}

.juanit-ihbox-style-1 .juanit-ihbox-icon-type-image img {
    width: 60px;
    height: auto;
}

.juanit-ihbox-style-1 .juanit-ihbox-icon .juanit-icon-type-icon svg {
    width: 25px;
    height: 25px;
}

.juanit-ihbox-style-1 .juanit-element-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0;
}

.juanit-ihbox-style-1 .juanit-ihbox-contents {
    transition: all 0.3s ease-in;
}

.juanit-ihbox-style-1:hover .juanit-ihbox-contents {
    transform: translate(1.5%, 0);
}

.juanit-ihbox-style-1 .juanit-element-subtitle {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 5px;
}
/*=== juanit-ihbox-style-1-new ===*/
.juanit-ihbox-style-1-new .juanit-ihbox-style-1 {
    padding-bottom: 17px;
}

    .juanit-ihbox-style-1-new .juanit-ihbox-style-1 .juanit-element-title,
    .juanit-ihbox-style-1-new .juanit-ihbox-style-1 .juanit-ihbox-svg-wrapper,
    .juanit-ihbox-style-1-new .juanit-ihbox-style-1 .juanit-ihbox-icon-wrapper {
        font-size: 20px;
        line-height: 28px;
    }
/** Style 2 **/
.juanit-ihbox-style-2 .juanit-element-heading {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
    color: var(--juanit-global-color);
}

.juanit-ihbox-style-2 .juanit-element-title {
    font-size: 60px;
    line-height: 64px;
    margin-bottom: 0;
}

.juanit-ihbox-style-2 .juanit-element-subtitle {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0;
}

.juanit-ihbox-style-2 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-2 .juanit-ihbox-icon-type-image,
.juanit-ihbox-style-2 .juanit-ihbox-icon-type-text,
.juanit-ihbox-style-2 .juanit-ihbox-svg-wrapper {
    font-size: 25px;
    line-height: 25px;
    display: inline-block;
    padding: 0 15px;
}

.juanit-ihbox-style-2 .juanit-title-wrap {
    margin-right: 20px;
}

.juanit-ihbox-style-2 .juanit-ihbox-icon-type-image img {
    width: auto;
    height: 30px;
}

.juanit-ihbox-style-2 .juanit-ihbox-svg-wrapper {
    background-color: var(--juanit-global-color);
    border-radius: 30px;
}

    .juanit-ihbox-style-2 .juanit-ihbox-svg-wrapper svg {
        fill: var(--juanit-white-color);
        height: 10px;
        top: -2px;
        position: relative;
        width: 60px;
    }

.juanit-bg-color-secondary .juanit-ihbox-style-2 .juanit-element-title {
    color: var(--juanit-global-color);
}

.juanit-bg-color-secondary .juanit-ihbox-style-2 .juanit-ihbox-svg-wrapper {
    background-color: var(--juanit-white-color);
}

    .juanit-bg-color-secondary .juanit-ihbox-style-2 .juanit-ihbox-svg-wrapper svg {
        fill: var(--juanit-blackish-color);
    }

.juanit-bg-color-secondary .juanit-ihbox-style-2 .juanit-element-heading,
.juanit-bg-color-blackish .juanit-ihbox-style-2 .juanit-element-title {
    color: var(--juanit-white-color);
}
/** Style 3 **/

/** Style 4 **/
.juanit-ihbox-style-4 {
    margin-bottom: 30px;
}

    .juanit-ihbox-style-4 .juanit-ihbox-headingicon {
        text-align: center;
        display: inline-block;
    }

    .juanit-ihbox-style-4 .juanit-element-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .juanit-ihbox-style-4 .juanit-element-subtitle,
    .juanit-ihbox-style-4 .juanit-element-heading {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 0px;
    }

    .juanit-ihbox-style-4 .juanit-ihbox-svg-wrapper,
    .juanit-ihbox-style-4 .juanit-ihbox-icon-type-image,
    .juanit-ihbox-style-4 .juanit-icon-type-icon,
    .juanit-ihbox-style-4 .juanit-ihbox-icon-type-text {
        font-size: 40px;
        line-height: 85px;
        color: var(--juanit-global-color);
        margin-bottom: 12px;
        transition: all 0.5s ease-in-out;
        background: var(--juanit-light-color);
        height: 85px;
        width: 85px;
        border-radius: 50%;
        margin: 10px auto 35px;
        overflow: hidden;
    }

    .juanit-ihbox-style-4:hover .juanit-ihbox-svg-wrapper,
    .juanit-ihbox-style-4:hover .juanit-ihbox-icon-type-image,
    .juanit-ihbox-style-4:hover .juanit-icon-type-icon,
    .juanit-ihbox-style-4:hover .juanit-ihbox-icon-type-text {
        transform: translate(0, -5px);
        background: var(--juanit-global-color);
        color: var(--juanit-white-color);
    }

    .juanit-ihbox-style-4 .juanit-heading-desc {
        padding: 0 30px;
    }

    .juanit-ihbox-style-4 .juanit-ihbox-icon {
        position: relative;
    }

        .juanit-ihbox-style-4 .juanit-ihbox-icon:before {
            position: absolute;
            counter-increment: juanitbox2;
            content: counter(juanitbox2, decimal-leading-zero) !important;
            right: -100px;
            top: 0;
            left: 0;
            color: var(--juanit-global-color);
            font-size: 16px;
            line-height: 26px;
        }

        .juanit-ihbox-style-4 .juanit-ihbox-icon::after {
            position: absolute;
            content: '';
            border: 3px dotted var(--juanit-global-color);
            width: 105px;
            border-right-style: none;
            border-left-style: none;
            border-bottom-style: none;
            top: 50%;
            right: -120px;
            transform: translate(-50%, -50%);
        }

.juanit-miconheading-style-4:last-child .juanit-ihbox-style-4 .juanit-ihbox-icon::after {
    position: unset;
    content: unset;
}

.juanit-ihbox-style-4 .juanit-ihbox-svg {
    font-size: 15px;
    margin-bottom: 20px;
}

.juanit-ihbox-style-4 .juanit-ihbox-icon-type-image img {
    width: 90px;
    height: 90px;
    object-fit: cover;
}

.juanit-ihbox-style-4 .juanit-ihbox-icon .juanit-icon-type-icon svg {
    height: 40px;
    width: 40px;
    fill: var(--juanit-secondary-color);
}

.juanit-element-column-four .juanit-ihbox-style-4 .juanit-element-title {
    font-size: 20px;
    line-height: 30px;
}
/** Style 5 **/
.juanit-ihbox-style-5 .juanit-element-title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
    color: var(--juanit-global-color)
}

.juanit-ihbox-style-5 .juanit-content-wrapper {
    margin-right: 30px
}

.juanit-ihbox-style-5 .juanit-heading-desc {
    font-size: 14px;
    line-height: 24px;
}

.juanit-ihbox-style-5 .juanit-ihbox-icon-type-text, .juanit-ihbox-style-5 .juanit-icon-type-icon {
    font-size: 50px;
    line-height: 50px;
    color: var(--juanit-global-color)
}

.juanit-ihbox-style-5 .juanit-ihbox-svg-wrapper svg {
    fill: var(--juanit-global-color);
    height: 50px;
    width: 50px
}

.juanit-ihbox-style-5 .juanit-element-subtitle {
    font-size: 15px;
    line-height: 20px;
}
/** Style 7 **/
.juanit-ihbox-style-7 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-7 .juanit-ihbox-svg,
.juanit-ihbox-style-7,
.juanit-ihbox-style-7 .juanit-ihbox-box,
.juanit-ihbox-style-7 .juanit-ihbox-box-number,
.juanit-ihbox-style-7 .juanit-ihbox-box::before,
.juanit-ihbox-style-7 .juanit-content-wrapper::before {
    transition: all 0.4s ease-in;
}

.juanit-ihbox-style-7 {
    position: relative;
    overflow: hidden;
    padding-top: 10px;
}

    .juanit-ihbox-style-7 .juanit-ihbox-box {
        padding: 45px 35px;
        border-radius: 30px;
        position: relative;
        background: transparent;
    }

        .juanit-ihbox-style-7 .juanit-ihbox-box::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: var(--juanit-global-color);
            z-index: -1;
            clip-path: polygon( 6.726% 0%,93.274% 0%,93.274% 0%,94.364% 0.14%,95.399% 0.545%,96.364% 1.192%,97.245% 2.061%,98.029% 3.129%,98.701% 4.373%,99.249% 5.772%,99.657% 7.303%,99.912% 8.945%,100% 10.676%,100% 61.278%,100% 61.278%,99.732% 65.983%,98.988% 69.483%,97.863% 71.995%,96.447% 73.739%,94.835% 74.934%,93.119% 75.798%,91.39% 76.552%,89.742% 77.413%,88.268% 78.601%,87.061% 80.335%,87.061% 80.335%,86.147% 82.63%,85.483% 85.137%,84.946% 87.749%,84.409% 90.359%,83.749% 92.86%,82.839% 95.146%,81.556% 97.11%,79.775% 98.644%,77.369% 99.643%,74.215% 100%,6.726% 100%,6.726% 100%,5.637% 99.861%,4.603% 99.457%,3.638% 98.811%,2.758% 97.944%,1.974% 96.879%,1.302% 95.638%,0.754% 94.241%,0.346% 92.712%,0.09% 91.071%,0% 89.342%,0% 10.676%,0% 10.676%,0.088% 8.945%,0.343% 7.303%,0.751% 5.772%,1.299% 4.373%,1.971% 3.129%,2.755% 2.061%,3.636% 1.192%,4.601% 0.545%,5.636% 0.14%,6.726% 0% );
        }

    /* On hover – make text black */
    .juanit-ihbox-box:hover .juanit-heading-desc,
    .juanit-ihbox-box:hover .juanit-element-title,
    .juanit-ihbox-box:hover .juanit-heading-desc p {
        color: #000 !important;
    }

    /* Optional: icon color to black */
    .juanit-ihbox-box:hover .juanit-icon-type-icon,
    .juanit-ihbox-box:hover i {
        color: #000 !important;
    }

.juanit-ihbox-style-7:hover {
    transform: translate(0, -10px);
}

.juanit-ihbox-style-7 .juanit-ihbox-icon,
.juanit-ihbox-style-7 .juanit-ihbox-svg {
    margin-right: 15px;
}

.juanit-ihbox-style-7 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-7 .juanit-ihbox-svg {
    background-color: var(--juanit-white-color);
    border-radius: 50%;
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.juanit-ihbox-style-7:hover .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-7:hover .juanit-ihbox-svg {
    background-color: var(--juanit-global-color);
}

.juanit-ihbox-style-7 .juanit-icon-type-icon {
    font-size: 36px;
    line-height: 36px;
    color: var(--juanit-blackish-color);
}

.juanit-ihbox-style-7:hover .juanit-icon-type-icon {
    color: var(--juanit-white-color);
}

.juanit-ihbox-style-7 .juanit-ihbox-svg-wrapper {
    font-size: 12px;
    line-height: 12px;
    color: var(--juanit-blackish-color);
    margin-top: 5px;
}

.juanit-ihbox-style-7 .juanit-element-title {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 0;
}

.juanit-ihbox-style-7 .juanit-ihbox-box-number {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
}

.juanit-ihbox-style-7 .juanit-content-wrapper {
    padding-top: 25px;
    margin-top: 25px;
    padding-right: 70px;
    border-top: 1px solid rgba(var(--juanit-blackish-color-rgb), .1);
    position: relative;
}

    .juanit-ihbox-style-7 .juanit-content-wrapper::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 1px;
        background-color: rgba(var(--juanit-blackish-color-rgb), .6);
    }

.juanit-ihbox-style-7:hover .juanit-content-wrapper::before {
    width: 100%;
}

.juanit-ihbox-style-7 .juanit-content-wrapper .juanit-heading-desc {
    color: rgba(var(--juanit-white-color-rgb), .8);
}

.juanit-ihbox-style-7 .juanit-ihbox-btn .juanit-button-inner {
    position: relative;
    display: inline-block;
    padding: 0;
    border: unset;
    border-radius: 0px;
}

.juanit-ihbox-style-7 .juanit-ihbox-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    z-index: 1;
}

    .juanit-ihbox-style-7 .juanit-ihbox-btn .juanit-button-inner .juanit-button-wrapper:after {
        right: -50px;
        top: -5px;
        background-color: var(--juanit-light-color);
        color: var(--juanit-blackish-color);
    }

.juanit-ihbox-style-7:hover .juanit-ihbox-btn .juanit-button-inner .juanit-button-wrapper:after {
    background-color: var(--juanit-global-color);
    color: var(--juanit-white-color);
    transform: unset;
}

.juanit-ihbox-style-7 .juanit-ihbox-btn a span.juanit-button-text {
    font-size: 0;
    line-height: 0;
}

.juanit-ihbox-style-7 .juanit-ihbox-icon-type-text {
    font-size: 40px;
}

.juanit-ihbox-style-7 .juanit-element-subtitle {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
}

.juanit-ihbox-style-7 .juanit-ihbox-btn .juanit-button-inner .juanit-button-wrapper {
    display: inline-block;
}

/** Style 8 **/
.juanit-miconheading-style-8 {
    margin-bottom: 30px;
}

.juanit-ihbox-style-8,
.juanit-ihbox-style-8 .juanit-ihbox-contents,
.juanit-ihbox-style-8 .juanit-ihbox-icon-wrapper i,
.juanit-ihbox-style-8 .juanit-icon-type-icon,
.juanit-ihbox-style-8 .juanit-ihbox-icon::before,
.juanit-ihbox-style-8 .juanit-ihbox-svg::before,
.juanit-ihbox-style-8 .juanit-ihbox-icon-type-text,
.juanit-ihbox-style-8 .juanit-ihbox-icon .juanit-ihbox-icon-wrapper svg {
    transition: all 0.3s ease-in;
}

    .juanit-ihbox-style-8 .juanit-ihbox-box {
        align-items: flex-start;
    }

.juanit-miconheading-style-8 .juanit-ihbox-style-8 .juanit-ihbox-box {
    margin-bottom: 45px;
}

.juanit-miconheading-style-8:last-child .juanit-ihbox-style-8 .juanit-ihbox-box {
    margin-bottom: 0;
}

.juanit-ihbox-style-8 .juanit-ihbox-icon,
.juanit-ihbox-style-8 .juanit-ihbox-svg {
    margin-right: 25px;
    position: relative;
    display: inline-block;
    background-color: var(--juanit-global-color);
    color: var(--juanit-blackish-color);
    border-radius: 50%;
}

.juanit-ihbox-style-8 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-8 .juanit-ihbox-svg-wrapper {
    border-radius: 50%;
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

    .juanit-ihbox-style-8 .juanit-ihbox-icon-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.juanit-ihbox-style-8 .juanit-ihbox-box .juanit-ihbox-icon::before,
.juanit-ihbox-style-8 .juanit-ihbox-box .juanit-ihbox-svg::before {
    content: "";
    position: absolute;
    background-color: var(--juanit-secondary-color);
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-20px, -20px);
    width: 40px;
    height: 40px;
    opacity: 0;
}

.juanit-ihbox-style-8:hover .juanit-ihbox-box .juanit-ihbox-icon::before,
.juanit-ihbox-style-8:hover .juanit-ihbox-box .juanit-ihbox-svg::before {
    width: 100%;
    height: 100%;
    transform: translate(0, 0);
    left: 0;
    top: 0;
    opacity: 1;
}

.juanit-ihbox-style-8 .juanit-ihbox-icon-wrapper i,
.juanit-ihbox-style-8 .juanit-icon-type-icon {
    font-size: 35px;
    line-height: 35px;
    color: var(--juanit-white-color);
}

.juanit-ihbox-style-8:hover .juanit-ihbox-icon-wrapper i,
.juanit-ihbox-style-8:hover .juanit-icon-type-icon {
    color: var(--juanit-white-color) !important;
}

.juanit-ihbox-style-8 .juanit-ihbox-icon .juanit-ihbox-icon-wrapper svg {
    width: 50px;
    height: 50px;
}

.juanit-ihbox-style-8:hover .juanit-ihbox-svg .juanit-ihbox-svg-wrapper svg,
.juanit-ihbox-style-8:hover .juanit-ihbox-icon .juanit-ihbox-icon-wrapper svg {
    fill: var(--juanit-white-color);
}

.juanit-ihbox-style-8 .juanit-element-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
}

.juanit-ihbox-style-8 .juanit-heading-desc {
    margin-bottom: 0;
}

.juanit-ihbox-style-8 .juanit-ihbox-icon-type-image {
    background-color: transparent;
}

.juanit-ihbox-style-8 .juanit-ihbox-icon-type-text {
    font-size: 40px;
}

.juanit-ihbox-style-8:hover .juanit-ihbox-icon-type-text {
    color: var(--juanit-white-color);
}

.juanit-bg-color-blackish .juanit-ihbox-style-8:hover .juanit-icon-type-icon,
.juanit-bg-color-blackish .juanit-ihbox-style-8:hover .juanit-ihbox-icon-wrapper i {
    color: var(--juanit-blackish-color);
}

.juanit-bg-color-blackish .juanit-ihbox-style-8 .juanit-ihbox-box .juanit-ihbox-icon::before {
    background-color: var(--juanit-white-color);
}
/*=== juanit-ihbox-style-8-new ===*/
.juanit-ihbox-style-8-new .juanit-ihbox-style-8 .juanit-element-title {
    font-size: 18px;
    line-height: 24px;
}

.juanit-ihbox-style-8-new.juanit-bg-color-blackish .juanit-ihbox-style-8 .juanit-element-title {
    color: var(--juanit-white-color);
}

.juanit-ihbox-style-8-new.juanit-bg-color-blackish .juanit-ihbox-style-8 .juanit-heading-desc {
    color: rgba(var(--juanit-white-color-rgb),0.6);
}

.juanit-ihbox-style-8-new .juanit-ihbox-style-8 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-8-new .juanit-ihbox-style-8 .juanit-ihbox-svg-wrapper {
    width: 70px;
    height: 70px;
}

.juanit-ihbox-style-8-new .juanit-ihbox-style-8 .juanit-ihbox-box {
    display: flex !important;
}

.juanit-ihbox-style-8-new .juanit-ihbox-style-8 .juanit-ihbox-icon,
.juanit-ihbox-style-8-new .juanit-ihbox-style-8 .juanit-ihbox-svg {
    margin: 0 30px 0 0 !important;
}
/** Style 9 **/
.juanit-ihbox-style-9 .juanit-ihbox-box,
.juanit-ihbox-style-9 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-9 .juanit-ihbox-svg-wrapper,
.juanit-ihbox-style-9 .juanit-ihbox-icon-type-text,
.juanit-ihbox-style-9 .juanit-element-title,
.juanit-ihbox-style-9 .juanit-heading-desc,
.juanit-ihbox-style-9::before,
.juanit-ihbox-style-9 {
    transition: all 0.5s ease-in;
}

    .juanit-ihbox-style-9 .juanit-element-title {
        font-size: 18px;
        line-height: 24px;
        margin: 0;
    }

    .juanit-ihbox-style-9:hover .juanit-element-title {
        color: var(--juanit-global-color);
    }

    .juanit-ihbox-style-9 .juanit-ihbox-box {
        border: 1px solid rgba(var(--juanit-blackish-color-rgb),.15);
        position: relative;
        overflow: hidden;
        border-radius: 50px;
        padding: 5px;
    }

    .juanit-ihbox-style-9:hover .juanit-ihbox-box {
        border-color: var(--juanit-global-color);
    }

    .juanit-ihbox-style-9 .juanit-ihbox-icon,
    .juanit-ihbox-style-9 .juanit-ihbox-svg {
        margin-right: 25px;
    }

    .juanit-ihbox-style-9 .juanit-ihbox-icon-wrapper,
    .juanit-ihbox-style-9 .juanit-ihbox-svg-wrapper {
        width: 60px;
        height: 60px;
        font-size: 30px;
        line-height: 30px;
        background-color: var(--juanit-light-color);
        color: var(--juanit-global-color);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }

.juanit-elementor-bg-color-light .juanit-ihbox-style-9 .juanit-icon-wrapper,
.juanit-elementor-bg-color-light .juanit-ihbox-style-9 .juanit-ihbox-icon-wrapper,
.juanit-elementor-bg-color-light .juanit-ihbox-style-9 .juanit-ihbox-svg-wrapper {
    background-color: var(--juanit-white-color);
}

.juanit-ihbox-style-9:hover .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-9:hover .juanit-ihbox-svg-wrapper {
    background-color: var(--juanit-global-color);
    color: var(--juanit-white-color);
}
/** Style 10 **/
.juanit-ihbox-style-10 .juanit-ihbox-headingicon {
    text-align: center;
}

.juanit-ihbox-style-10 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-10 .juanit-ihbox-svg-wrapper,
.juanit-ihbox-style-10 .juanit-ihbox-icon-type-text {
    font-size: 80px;
    line-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 30px;
    transition: all 0.5s ease-in;
}

.juanit-ihbox-style-10 .juanit-ihbox-icon-type-image,
.juanit-ihbox-style-10 .juanit-ihbox-icon .juanit-icon-type-icon svg,
.juanit-ihbox-style-10 .juanit-ihbox-svg svg {
    width: 100px;
    height: 100px;
}

.juanit-ihbox-style-10 .juanit-element-title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
    padding: 0 30px;
}

.juanit-ihbox-style-10 .juanit-element-subtitle {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    color: var(--juanit-global-color);
    text-transform: capitalize;
}

.juanit-ihbox-style-10 .juanit-heading-desc {
    text-transform: capitalize;
    padding: 0 30px;
}

.juanit-ihbox-style-10:hover .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-10:hover .juanit-ihbox-svg-wrapper,
.juanit-ihbox-style-10:hover .juanit-ihbox-icon-type-text {
    transform: translate(0, -5px);
}
/** Style 11 **/
.juanit-ihbox-style-11 {
    padding: 10px 10px 0 0;
    position: relative;
    background-color: var(--juanit-white-color);
    border-radius: 0 40px 0 0;
}

    .juanit-ihbox-style-11 .juanit-ihbox-headingicon {
        text-align: center;
        display: inline-block;
        background-color: var(--juanit-global-color);
        padding: 40px 45px;
        border-radius: 30px;
    }

    .juanit-ihbox-style-11 .juanit-element-title {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 0;
        color: var(--juanit-white-color);
        font-weight: 400;
    }

    .juanit-ihbox-style-11 .juanit-ihbox-icon-wrapper,
    .juanit-ihbox-style-11 .juanit-ihbox-svg-wrapper,
    .juanit-ihbox-style-11 .juanit-ihbox-icon-type-text {
        font-size: 80px;
        line-height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.5s ease-in;
        color: var(--juanit-white-color);
    }

    .juanit-ihbox-style-11 .juanit-ihbox-icon-type-text {
        font-size: 50px;
        line-height: 60px;
    }

        .juanit-ihbox-style-11 .juanit-ihbox-icon-type-text span {
            font-size: 30px;
            line-height: 30px;
            margin-top: -20px;
        }

    .juanit-ihbox-style-11 .juanit-ihbox-icon .juanit-ihbox-icon-wrapper svg,
    .juanit-ihbox-style-11 .juanit-ihbox-icon .juanit-ihbox-svg-wrapper svg {
        height: 80px;
        width: 80px;
        fill: var(--juanit-white-color);
        margin: 0 auto 10px;
    }

    .juanit-ihbox-style-11 .juanit-element-subtitle {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 12px;
        color: var(--juanit-white-color);
        text-transform: capitalize;
    }

    .juanit-ihbox-style-11 .juanit-heading-desc {
        text-transform: capitalize;
        padding: 0 30px;
        color: var(--juanit-white-color);
    }

    .juanit-ihbox-style-11 .juanit-button-inner:hover {
        color: var(--juanit-white-color);
    }

    .juanit-ihbox-style-11:hover .juanit-ihbox-icon-wrapper,
    .juanit-ihbox-style-11:hover .juanit-ihbox-svg-wrapper,
    .juanit-ihbox-style-11:hover .juanit-ihbox-icon-type-text {
        transform: translate(0, -5px);
    }

    .juanit-ihbox-style-11 .juanit-sticky-corner {
        transform: rotate(90deg);
    }

    .juanit-ihbox-style-11 .juanit-top-right-corner {
        top: auto;
        right: -30px;
        bottom: 0;
    }

    .juanit-ihbox-style-11 .juanit-bottom-left-corner {
        top: -30px;
        left: 0px;
    }

    .juanit-ihbox-style-11 .juanit-ihbox-btn .juanit-button-inner .juanit-button-wrapper:after {
        background-color: var(--juanit-white-color);
        color: var(--juanit-blackish-color);
    }
/** Style 12 **/
.juanit-ihbox-style-12 {
    padding: 10px 0 0 10px;
    position: relative;
    background-color: var(--juanit-white-color);
    border-radius: 40px 0 0;
}

    .juanit-ihbox-style-12 .juanit-ihbox-headingicon {
        text-align: center;
        display: inline-block;
        background-color: var(--juanit-global-color);
        padding: 20px 50px;
        border-radius: 30px;
    }

    .juanit-ihbox-style-12 .juanit-element-title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 0;
        color: var(--juanit-white-color);
        font-weight: 400;
    }

    .juanit-ihbox-style-12 .juanit-ihbox-icon-wrapper,
    .juanit-ihbox-style-12 .juanit-ihbox-svg-wrapper,
    .juanit-ihbox-style-12 .juanit-ihbox-icon-type-text {
        font-size: 80px;
        line-height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.5s ease-in;
        color: var(--juanit-white-color);
    }

    .juanit-ihbox-style-12 .juanit-ihbox-icon-type-text {
        font-size: 50px;
        line-height: 60px;
    }

        .juanit-ihbox-style-12 .juanit-ihbox-icon-type-text span {
            font-size: 30px;
            line-height: 30px;
            margin-top: -20px;
        }

    .juanit-ihbox-style-12 .juanit-ihbox-icon .juanit-ihbox-icon-wrapper svg,
    .juanit-ihbox-style-12 .juanit-ihbox-icon .juanit-ihbox-svg-wrapper svg {
        height: 80px;
        width: 80px;
        fill: var(--juanit-white-color);
        margin: 0 auto 10px;
    }

    .juanit-ihbox-style-12 .juanit-element-subtitle {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 12px;
        color: var(--juanit-white-color);
        text-transform: capitalize;
    }

    .juanit-ihbox-style-12 .juanit-heading-desc {
        text-transform: capitalize;
        padding: 0 30px;
        color: var(--juanit-white-color);
    }

    .juanit-ihbox-style-12 .juanit-button-inner:hover {
        color: var(--juanit-white-color);
    }

    .juanit-ihbox-style-12:hover .juanit-ihbox-icon-wrapper,
    .juanit-ihbox-style-12:hover .juanit-ihbox-svg-wrapper,
    .juanit-ihbox-style-12:hover .juanit-ihbox-icon-type-text {
        transform: translate(0, -5px);
    }

    .juanit-ihbox-style-12 .juanit-ihbox-btn .juanit-button-inner .juanit-button-wrapper:after {
        background-color: var(--juanit-white-color);
        color: var(--juanit-blackish-color);
    }
/** Style 13 **/
.juanit-ihbox-style-13 .juanit-ihbox-icon,
.juanit-ihbox-style-13 .juanit-ihbox-svg {
    margin-right: 25px;
}

.juanit-ihbox-style-13 .juanit-title-wrap {
    display: flex;
    align-items: center;
}

.juanit-ihbox-style-13 .juanit-element-heading,
.juanit-ihbox-style-13 .juanit-element-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    transition: all 0.6s ease-in-out;
    color: var(--juanit-global-color);
}

.juanit-ihbox-style-13 .juanit-element-heading {
    margin-left: 5px;
}

.juanit-ihbox-style-13 .juanit-element-subtitle {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0;
}

.juanit-ihbox-style-13 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-13 .juanit-ihbox-svg-wrapper {
    font-size: 40px;
}

    .juanit-ihbox-style-13 .juanit-ihbox-icon-wrapper svg,
    .juanit-ihbox-style-13 .juanit-ihbox-svg-wrapper svg {
        margin-bottom: 5px;
        fill: #666;
    }

.juanit-ihbox-style-13 .juanit-ihbox-icon-type-image {
    width: 100px;
    height: 50px;
    margin-bottom: 30px;
}

.juanit-ihbox-style-13 .juanit-ihbox-btn a {
    position: relative;
    display: inline-block;
    padding: 13px 30px !important;
    border: 1px solid rgba(var(--juanit-blackish-color-rgb),.2);
    border-radius: 30px;
}

    .juanit-ihbox-style-13 .juanit-ihbox-btn a:hover {
        background-color: var(--juanit-blackish-color);
        color: var(--juanit-white-color);
    }

    .juanit-ihbox-style-13 .juanit-ihbox-btn a:hover {
        border-color: var(--juanit-blackish-color);
        background-color: var(--juanit-blackish-color);
        color: var(--juanit-white-color);
    }
/** Style 14 **/
.juanit-ihbox-style-14,
.juanit-ihbox-style-14 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-14 .juanit-ihbox-svg-wrapper {
    transition: all 0.5s ease-in;
}

.juanit-element-posts-wrapper.row .juanit-ele.juanit-miconheading-style-14 {
    margin-bottom: 0;
}

.juanit-miconheading-style-14 {
    border-right: 1px solid rgba(var(--juanit-blackish-color-rgb), .1);
}

    .juanit-miconheading-style-14:last-child {
        border-right: none;
    }

    .juanit-miconheading-style-14 .juanit-ihbox-style-14 {
        padding: 40px 90px;
    }

.juanit-ihbox-style-14 .juanit-ihbox-box {
    display: inline-block;
}

.juanit-ihbox-style-14:hover {
    transform: translate(0, -5px);
}

.juanit-ihbox-style-14 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-14 .juanit-ihbox-svg-wrapper {
    font-size: 30px;
    line-height: 30px;
    color: var(--juanit-global-color);
    background-color: transparent;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.juanit-ihbox-style-14:hover .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-14:hover .juanit-ihbox-svg-wrapper {
    color: var(--juanit-white-color);
    background-color: var(--juanit-global-color);
}

.juanit-ihbox-style-14 .juanit-ihbox-icon-type-image img {
    border-radius: 50%;
}

.juanit-ihbox-style-14 .juanit-ihbox-icon-wrapper svg,
.juanit-ihbox-style-14 .juanit-ihbox-svg-wrapper svg {
    fill: var(--juanit-global-color);
}

.juanit-ihbox-style-14:hover .juanit-ihbox-icon-wrapper svg,
.juanit-ihbox-style-14:hover .juanit-ihbox-svg-wrapper svg {
    fill: var(--juanit-white-color);
}

.juanit-ihbox-style-14 .juanit-element-subtitle {
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0 0;
}

.juanit-ihbox-style-14 .juanit-element-title {
    font-size: 36px;
    line-height: 40px;
    margin: 10px 0;
    color: var(--juanit-global-color);
}

.juanit-ihbox-style-14 .juanit-heading-desc {
    color: var(--juanit-blackish-color);
}

/** Style 15 **/
.juanit-ihbox-style-15 .juanit-ihbox-box {
    align-items: flex-start;
}

.juanit-ihbox-style-15 .juanit-ihbox-icon,
.juanit-ihbox-style-15 .juanit-ihbox-svg {
    position: relative;
    display: inline-block;
}

.juanit-ihbox-style-15 .juanit-ihbox-contents {
    position: relative;
    padding: 80px 0 0 70px;
}

.juanit-ihbox-style-15 .juanit-element-title {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    color: var(--juanit-global-color);
}

.juanit-ihbox-style-15 .juanit-element-subtitle {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.juanit-ihbox-style-15 .juanit-heading-desc {
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 32px;
    color: var(--juanit-blackish-color);
}

.juanit-ihbox-style-15 .juanit-ihbox-svg-wrapper,
.juanit-ihbox-style-15 .juanit-ihbox-icon-wrapper:not(.juanit-ihbox-icon-type-image) {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 150px;
    line-height: 150px;
    display: inline-block;
    color: rgba(var(--juanit-blackish-color-rgb), 0.2);
    background: -webkit-linear-gradient(rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 0.53) 67%, rgba(246, 246, 246, 0.3) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: -1;
}

    .juanit-ihbox-style-15 .juanit-ihbox-svg-wrapper svg,
    .juanit-ihbox-style-15 .juanit-ihbox-icon-wrapper svg {
        fill: rgba(var(--juanit-blackish-color-rgb), 0.2);
    }

/** Style 16 **/
.juanit-miconheading-style-16 {
    margin-bottom: 20px;
}

.juanit-ihbox-style-16 .juanit-ihbox-box,
.juanit-ihbox-style-16 .juanit-ihbox-icon-wrapper svg,
.juanit-ihbox-style-16 .juanit-ihbox-svg-wrapper svg,
.juanit-ihbox-style-16 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-16 .juanit-ihbox-svg-wrapper,
.juanit-ihbox-style-16 .juanit-element-title,
.juanit-ihbox-style-16 .juanit-heading-desc,
.juanit-ihbox-style-16::before,
.juanit-ihbox-style-16 {
    transition: all 0.5s ease-in;
}

    .juanit-ihbox-style-16 .juanit-element-title {
        font-size: 18px;
        line-height: 24px;
        margin: 0;
    }

    .juanit-ihbox-style-16:hover .juanit-element-title {
        color: var(--juanit-global-color);
    }

    .juanit-ihbox-style-16 .juanit-ihbox-box {
        position: relative;
        overflow: hidden;
        border-radius: 50px;
        padding: 5px;
        background-color: var(--juanit-light-color);
    }

.juanit-bg-color-light .juanit-ihbox-style-16 .juanit-ihbox-box {
    background-color: var(--juanit-white-color);
}

.juanit-ihbox-style-16 .juanit-ihbox-icon,
.juanit-ihbox-style-16 .juanit-ihbox-svg {
    margin-right: 25px;
}

.juanit-ihbox-style-16 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-16 .juanit-ihbox-svg-wrapper {
    width: 62px;
    height: 62px;
    font-size: 32px;
    line-height: 32px;
    background-color: var(--juanit-white-color);
    color: var(--juanit-global-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.juanit-bg-color-light .juanit-ihbox-style-16 .juanit-ihbox-icon-wrapper,
.juanit-bg-color-light .juanit-ihbox-style-16 .juanit-ihbox-svg-wrapper {
    background-color: var(--juanit-light-color);
}

.juanit-ihbox-style-16:hover .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-16:hover .juanit-ihbox-svg-wrapper {
    background-color: var(--juanit-global-color);
    color: var(--juanit-white-color);
}
/* Bg Color */
.juanit-bg-color-global .juanit-ihbox-style-16:hover .juanit-element-subtitle,
.juanit-bg-color-global .juanit-ihbox-style-16:hover .juanit-element-title,
.juanit-bg-color-gradient .juanit-ihbox-style-16:hover .juanit-element-subtitle,
.juanit-bg-color-gradient .juanit-ihbox-style-16:hover .juanit-element-title {
    color: var(--juanit-secondary-color);
}

.juanit-bg-color-global.juanit-ihbox-style-16:hover .juanit-ihbox-icon-wrapper,
.juanit-bg-color-global .juanit-ihbox-style-16:hover .juanit-ihbox-svg-wrapper,
.juanit-bg-color-gradient .juanit-ihbox-style-16:hover .juanit-ihbox-icon-wrapper,
.juanit-bg-color-gradient .juanit-ihbox-style-16:hover .juanit-ihbox-svg-wrapper {
    background-color: var(--juanit-secondary-color);
}

/** Style 17 **/
.juanit-ihbox-style-17,
.juanit-ihbox-style-17 .juanit-ihbox-box,
.juanit-ihbox-style-17 .juanit-ihbox-box-number {
    transition: all 0.4s ease-in;
}

.juanit-ihbox-style-17 {
    position: relative;
    overflow: hidden;
    padding-top: 10px;
}

    .juanit-ihbox-style-17 .juanit-ihbox-box {
        padding: 45px 36px 100px;
        position: relative;
        overflow: hidden;
        border-radius: 20px;
        background-color: var(--juanit-light-color);
    }

.juanit-bg-color-light-2 .juanit-ihbox-style-17 .juanit-ihbox-box {
    background-color: var(--juanit-white-color);
}

.juanit-ihbox-style-17:hover {
    transform: translate(0, -10px);
}

.juanit-ihbox-style-17 .juanit-ihbox-icon,
.juanit-ihbox-style-17 .juanit-ihbox-svg {
    position: absolute;
    bottom: 35px;
}

.juanit-ihbox-style-17 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-17 .juanit-ihbox-svg-wrapper {
    font-size: 55px;
    line-height: 55px;
    color: var(--juanit-global-color);
}

    .juanit-ihbox-style-17 .juanit-ihbox-icon-wrapper svg,
    .juanit-ihbox-style-17 .juanit-ihbox-svg-wrapper svg {
        fill: var(--juanit-global-color);
    }

.juanit-ihbox-style-17 .juanit-element-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px;
}

.juanit-ihbox-style-17 .juanit-box-number-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 70px;
    height: 60px;
    padding: 10px;
    border-radius: 20px 0 0;
    background-color: var(--juanit-white-color);
}

.juanit-bg-color-light-2 .juanit-ihbox-style-17 .juanit-box-number-wrap {
    background-color: var(--juanit-light-color);
}

.juanit-bg-color-blackish .juanit-ihbox-style-17 .juanit-box-number-wrap {
    background-color: var(--juanit-blackish-color);
}

.juanit-bg-color-secondary .juanit-ihbox-style-17 .juanit-box-number-wrap {
    background-color: var(--juanit-secondary-color);
}

.juanit-bg-color-globalcolor .juanit-ihbox-style-17 .juanit-box-number-wrap {
    background-color: var(--juanit-global-color);
}

.juanit-ihbox-style-17 .juanit-box-number-wrap::after,
.juanit-ihbox-style-17 .juanit-box-number-wrap::before {
    content: "";
    position: absolute;
    background-color: transparent;
    height: 40px;
    width: 20px;
    box-shadow: 0 20px 0 0 var(--juanit-white-color);
    z-index: 1;
}

.juanit-bg-color-light-2 .juanit-ihbox-style-17 .juanit-box-number-wrap::after,
.juanit-bg-color-light-2 .juanit-ihbox-style-17 .juanit-box-number-wrap::before {
    box-shadow: 0 20px 0 0 var(--juanit-light-color);
}

.juanit-bg-color-blackish .juanit-ihbox-style-17 .juanit-box-number-wrap::after,
.juanit-bg-color-blackish .juanit-ihbox-style-17 .juanit-box-number-wrap::before {
    box-shadow: 0 20px 0 0 var(--juanit-blackish-color);
}

.juanit-bg-color-secondary .juanit-ihbox-style-17 .juanit-box-number-wrap::after,
.juanit-bg-color-secondary .juanit-ihbox-style-17 .juanit-box-number-wrap::before {
    box-shadow: 0 20px 0 0 var(--juanit-secondary-color);
}

.juanit-bg-color-global .juanit-ihbox-style-17 .juanit-box-number-wrap::after,
.juanit-bg-color-global .juanit-ihbox-style-17 .juanit-box-number-wrap::before {
    box-shadow: 0 20px 0 0 var(--juanit-global-color);
}

.juanit-ihbox-style-17 .juanit-box-number-wrap::after {
    bottom: 60px;
    left: 72%;
    border-bottom-right-radius: 20px;
}

.juanit-ihbox-style-17 .juanit-box-number-wrap::before {
    bottom: 0;
    right: 100%;
    border-bottom-right-radius: 20px;
}

.juanit-ihbox-style-17 .juanit-ihbox-box-number {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    font-weight: 500 !important;
    border-radius: 50%;
    text-align: center;
    z-index: 3;
    color: var(--juanit-global-color);
    background-color: var(--juanit-light-color);
}

.juanit-bg-color-light-2 .juanit-ihbox-style-17 .juanit-ihbox-box-number {
    background-color: var(--juanit-white-color);
}

.juanit-ihbox-style-17:hover .juanit-ihbox-box-number {
    background-color: var(--juanit-global-color);
    color: var(--juanit-white-color);
}

.juanit-bg-color-global .juanit-ihbox-style-17:hover .juanit-ihbox-box-number {
    background-color: var(--juanit-blackish-color);
}

.juanit-ihbox-style-17 .juanit-heading-desc {
    margin-bottom: 85px;
}

.juanit-ihbox-style-17 .juanit-element-subtitle {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
}

/** Style 18 **/
.juanit-ihbox-style-18 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 0 20px;
}

    .juanit-ihbox-style-18 .juanit-ihbox-headingicon {
        position: relative;
        padding: 25px 35px;
        background-color: var(--juanit-light-color);
        border-radius: 30px 30px 0 0;
    }

.juanit-bg-color-light .juanit-ihbox-style-18 .juanit-ihbox-headingicon {
    background-color: var(--juanit-white-color);
}

.juanit-ihbox-style-18 .juanit-ihbox-icon,
.juanit-ihbox-style-18 .juanit-ihbox-svg {
    margin-right: 10px;
}

.juanit-ihbox-style-18 .juanit-ihbox-svg-wrapper,
.juanit-ihbox-style-18 .juanit-ihbox-icon-wrapper {
    font-size: 20px;
    line-height: 20px;
    color: #fba311;
}

    .juanit-ihbox-style-18 .juanit-ihbox-svg-wrapper svg,
    .juanit-ihbox-style-18 .juanit-ihbox-icon-wrapper svg {
        fill: #fba311;
    }

.juanit-ihbox-style-18 .juanit-ihbox-icon-type-image img {
    width: 60px;
    height: auto;
}

.juanit-ihbox-style-18 .juanit-element-title {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
    color: var(--juanit-blackish-color);
}

.juanit-ihbox-style-18 .juanit-element-subtitle {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 5px;
}

.juanit-ihbox-style-18 .juanit-ihbox-headingicon::after,
.juanit-ihbox-style-18 .juanit-ihbox-headingicon::before {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: 0;
    height: 40px;
    width: 20px;
    box-shadow: 0 20px 0 0 var(--juanit-light-color);
}

.juanit-bg-color-light .juanit-ihbox-style-18 .juanit-ihbox-headingicon::after,
.juanit-bg-color-light .juanit-ihbox-style-18 .juanit-ihbox-headingicon::before {
    box-shadow: 0 20px 0 0 var(--juanit-white-color);
}

.juanit-ihbox-style-18 .juanit-ihbox-headingicon::before {
    right: 100%;
    border-bottom-right-radius: 20px;
}

.juanit-ihbox-style-18 .juanit-ihbox-headingicon::after {
    left: 100%;
    border-bottom-left-radius: 20px;
}
/* icon-heading-style-18-new */
.icon-heading-style-18-new .juanit-ihbox-style-18 .juanit-ihbox-headingicon {
    border-radius: 20px 0 20px 0;
    background-color: var(--juanit-light-color);
}

    .icon-heading-style-18-new .juanit-ihbox-style-18 .juanit-ihbox-headingicon::after,
    .icon-heading-style-18-new .juanit-ihbox-style-18 .juanit-ihbox-headingicon::before {
        box-shadow: 0 20px 0 0 var(--juanit-light-color);
    }

    .icon-heading-style-18-new .juanit-ihbox-style-18 .juanit-ihbox-headingicon::after {
        left: calc(100% - 8%);
        bottom: 80px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 20px;
    }

.icon-heading-style-18-new .juanit-ihbox-style-18 {
    padding: 20px 0 0 20px;
}

    .icon-heading-style-18-new .juanit-ihbox-style-18 .juanit-ihbox-icon-wrapper {
        color: var(--juanit-global-color);
    }
/** Style 19 **/
.juanit-miconheading-style-19 {
    margin-bottom: 20px;
}

.juanit-ihbox-style-19 .juanit-ihbox-box {
    padding: 70px 45px 40px;
    position: relative;
    overflow: hidden;
    text-align: center;
    border-radius: 20px;
    background-color: var(--juanit-light-color);
}

.juanit-ihbox-style-19 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-19 .juanit-ihbox-svg-wrapper {
    font-size: 55px;
    line-height: 55px;
    color: var(--juanit-global-color);
    margin-bottom: 30px;
}

    .juanit-ihbox-style-19 .juanit-ihbox-icon-wrapper svg,
    .juanit-ihbox-style-19 .juanit-ihbox-svg-wrapper svg {
        fill: var(--juanit-global-color);
    }

.juanit-ihbox-style-19 .juanit-element-title {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 15px;
}

.juanit-ihbox-style-19 .juanit-ihbox-box-number {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
}

.juanit-ihbox-style-19 .juanit-content-wrapper .juanit-heading-desc {
    color: rgba(var(--juanit-blackish-color-rgb), .8);
}

.juanit-ihbox-style-19 .juanit-element-subtitle {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
}

.ihbox-six-right-area .juanit-miconheading-style-19:nth-child(2) .juanit-ihbox-style-19 .juanit-ihbox-box,
.ihbox-six-right-area .juanit-miconheading-style-19:nth-child(3) .juanit-ihbox-style-19 .juanit-ihbox-box,
.ihbox-six-right-area .juanit-miconheading-style-19:nth-child(6) .juanit-ihbox-style-19 .juanit-ihbox-box {
    background-color: transparent;
}

/** Style 20 **/
.juanit-ihbox-style-20 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 0 20px;
}

    .juanit-ihbox-style-20 .juanit-ihbox-headingicon {
        position: relative;
        padding: 18px 35px;
        background-color: var(--juanit-light-color);
        border-radius: 20px 20px 0 0;
    }

.juanit-bgimage-yes .juanit-ihbox-style-20 .juanit-ihbox-headingicon,
.juanit-bg-color-light .juanit-ihbox-style-20 .juanit-ihbox-headingicon {
    background-color: var(--juanit-white-color);
}

.juanit-ihbox-style-20 .juanit-ihbox-icon,
.juanit-ihbox-style-20 .juanit-ihbox-svg {
    margin-left: 15px;
}

.juanit-ihbox-style-20 .juanit-ihbox-svg-wrapper,
.juanit-ihbox-style-20 .juanit-ihbox-icon-wrapper {
    font-size: 38px;
    line-height: 0;
    color: var(--juanit-global-color);
}

    .juanit-ihbox-style-20 .juanit-ihbox-svg-wrapper svg,
    .juanit-ihbox-style-20 .juanit-ihbox-icon-wrapper svg {
        fill: var(--juanit-global-color);
    }

    .juanit-ihbox-style-20 .juanit-ihbox-icon-wrapper i:before {
        font-weight: 600;
    }

.juanit-ihbox-style-20 .juanit-ihbox-icon-type-image img {
    width: 60px;
    height: auto;
}

.juanit-ihbox-style-20 .pbmin-lightbox-video {
    flex-direction: row-reverse;
}

.juanit-ihbox-style-20 .juanit-element-title {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: var(--juanit-blackish-color);
}

.juanit-ihbox-style-20 .juanit-element-subtitle {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 5px;
}

.juanit-ihbox-style-20 .juanit-ihbox-headingicon::after,
.juanit-ihbox-style-20 .juanit-ihbox-headingicon::before {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: 0;
    height: 40px;
    width: 20px;
    box-shadow: 0 20px 0 0 var(--juanit-light-color);
}

.juanit-bg-color-light .juanit-ihbox-style-20 .juanit-ihbox-headingicon::after,
.juanit-bg-color-light .juanit-ihbox-style-20 .juanit-ihbox-headingicon::before {
    box-shadow: 0 20px 0 0 var(--juanit-white-color);
}

.juanit-ihbox-style-20 .juanit-ihbox-headingicon::before {
    right: 100%;
    border-bottom-right-radius: 20px;
}

.juanit-ihbox-style-20 .juanit-ihbox-headingicon::after {
    left: 100%;
    border-bottom-left-radius: 20px;
}
/* juanit-iconbox-20-new */
.juanit-iconbox-20-new .juanit-ihbox-style-20 {
    padding: 0 20px 40px 0;
}

    .juanit-iconbox-20-new .juanit-ihbox-style-20 .juanit-ihbox-headingicon {
        border-radius: 0 0 20px 0;
    }

        .juanit-iconbox-20-new .juanit-ihbox-style-20 .juanit-ihbox-headingicon::after,
        .juanit-iconbox-20-new .juanit-ihbox-style-20 .juanit-ihbox-headingicon::before {
            box-shadow: 0 -20px 0 0 var(--juanit-light-color);
        }

.juanit-bg-color-light .juanit-iconbox-20-new .juanit-ihbox-style-20 .juanit-ihbox-headingicon::after,
.juanit-bg-color-light .juanit-iconbox-20-new .juanit-ihbox-style-20 .juanit-ihbox-headingicon::before {
    box-shadow: 0 -20px 0 0 var(--juanit-white-color);
}

.juanit-iconbox-20-new .juanit-ihbox-style-20 .juanit-ihbox-headingicon::before {
    bottom: -40px;
    right: 93%;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 0;
}

.juanit-iconbox-20-new .juanit-ihbox-style-20 .juanit-ihbox-headingicon::after {
    top: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 0;
}

/** Style 21 **/
.juanit-ihbox-style-21 {
    transition: all .4s ease-out;
}

    .juanit-ihbox-style-21 .juanit-ihbox-contents {
        position: relative;
        text-align: center;
        z-index: 1;
        display: inline-block;
        height: 180px;
        width: 180px;
        padding: 55px 10px 10px;
    }

    .juanit-ihbox-style-21 .juanit-element-title a,
    .juanit-ihbox-style-21 .juanit-element-title {
        position: relative;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        z-index: 2;
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 0;
        font-weight: 600;
        text-transform: uppercase;
        color: var(--juanit-white-color);
    }

    .juanit-ihbox-style-21 .juanit-element-subtitle {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 5px;
    }

    .juanit-ihbox-style-21 .juanit-ihbox-svg-wrapper,
    .juanit-ihbox-style-21 .juanit-ihbox-icon-type-icon,
    .juanit-ihbox-style-21 .juanit-ihbox-icon-type-text {
        font-size: 25px;
        line-height: 25px;
        margin-top: 10px;
        color: var(--juanit-white-color);
    }

        .juanit-ihbox-style-21 .juanit-ihbox-icon-wrapper svg,
        .juanit-ihbox-style-21 .juanit-ihbox-svg-wrapper svg {
            fill: var(--juanit-white-color);
        }

    .juanit-ihbox-style-21 .juanit-heading-desc {
        margin: 20px 0 10px 0;
    }

    .juanit-ihbox-style-21 .juanit-ihbox-icon-type-image {
        height: 50px;
        width: 50px;
        margin: 0 auto;
    }

    .juanit-ihbox-style-21 .juanit-ihbox-contents::before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        height: 180px;
        width: 180px;
        background-image: url(../images/homepage-5/bg/offer-img.svg);
        transform-origin: 50% 50% 0;
        transform: rotate(0);
        z-index: 0;
        background-size: cover;
        filter: invert(33%) sepia(74%) saturate(7081%) hue-rotate(345deg) brightness(86%) contrast(105%);
        animation-name: juanit_rotate_1;
        animation-duration: 15s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

@keyframes juanit_rotate_1 {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}
/** Style 22 **/
.juanit-ihbox-style-22 {
    margin-bottom: 50px;
}

    .juanit-ihbox-style-22,
    .juanit-ihbox-style-22 .juanit-ihbox-contents,
    .juanit-ihbox-style-22 .juanit-ihbox-icon-wrapper svg,
    .juanit-ihbox-style-22 .juanit-ihbox-svg-wrapper svg,
    .juanit-ihbox-style-22 .juanit-ihbox-icon-wrapper,
    .juanit-ihbox-style-22 .juanit-ihbox-svg-wrapper,
    .juanit-ihbox-style-22 .juanit-ihbox-icon-wrapper::before,
    .juanit-ihbox-style-22 .juanit-ihbox-svg-wrapper::before {
        transition: all 0.3s ease-in;
    }

        .juanit-ihbox-style-22 .juanit-ihbox-box {
            align-items: flex-start;
        }

        .juanit-ihbox-style-22 .juanit-ihbox-icon,
        .juanit-ihbox-style-22 .juanit-ihbox-svg {
            margin-right: 35px;
            position: relative;
            display: inline-block;
        }

.juanit-elementor-bg-color-light .juanit-ihbox-style-22 .juanit-ihbox-icon,
.juanit-elementor-bg-color-light .juanit-ihbox-style-22 .juanit-ihbox-svg {
    background-color: var(--juanit-white-color);
}

.juanit-ihbox-style-22 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-22 .juanit-ihbox-svg-wrapper {
    font-size: 35px;
    line-height: 35px;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    overflow: hidden;
    background-color: var(--juanit-light-color);
    color: var(--juanit-global-color);
}

    .juanit-ihbox-style-22 .juanit-ihbox-icon-wrapper svg,
    .juanit-ihbox-style-22 .juanit-ihbox-svg-wrapper svg {
        fill: var(--juanit-global-color);
    }

.juanit-ihbox-style-22:hover .juanit-ihbox-icon-wrapper {
    color: var(--juanit-white-color);
}

    .juanit-ihbox-style-22:hover .juanit-ihbox-icon-wrapper svg,
    .juanit-ihbox-style-22:hover .juanit-ihbox-svg-wrapper svg {
        fill: var(--juanit-white-color);
    }

.juanit-ihbox-style-22 .juanit-ihbox-icon-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.juanit-ihbox-style-22 .juanit-ihbox-icon-wrapper::before,
.juanit-ihbox-style-22 .juanit-ihbox-svg-wrapper::before {
    content: "";
    position: absolute;
    background-color: var(--juanit-global-color);
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-20px, -20px);
    width: 40px;
    height: 40px;
    opacity: 0;
    z-index: -1;
}

.juanit-ihbox-style-22:hover .juanit-ihbox-icon-wrapper::before,
.juanit-ihbox-style-22:hover .juanit-ihbox-svg-wrapper::before {
    width: 100%;
    height: 100%;
    transform: translate(0, 0);
    left: 0;
    top: 0;
    opacity: 1;
}

.juanit-ihbox-style-22 .juanit-element-title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 5px;
}

.juanit-ihbox-style-22 .juanit-heading-desc {
    margin-bottom: 0;
}

.juanit-ihbox-style-22 .juanit-ihbox-icon-type-image {
    background-color: transparent !important;
}

.juanit-ihbox-style-22 .juanit-OMR-Homes-icon {
    margin-top: 5px;
    display: inline-block;
}

/** Style 23 **/
.juanit-ihbox-style-23 .juanit-element-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    color: #666666;
    font-family: var(--juanit-body-typography-font-family);
    font-weight: normal;
}

.juanit-ihbox-style-23 .juanit-heading-desc {
    font-size: 14px;
    line-height: 24px;
}

.juanit-ihbox-style-23 .juanit-ihbox-icon,
.juanit-ihbox-style-23 .juanit-ihbox-svg {
    margin-bottom: 18px;
}

.juanit-ihbox-style-23 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-23 .juanit-ihbox-svg-wrapper {
    font-size: 50px;
    line-height: 50px;
    color: var(--juanit-global-color)
}

    .juanit-ihbox-style-23 .juanit-ihbox-icon-wrapper svg,
    .juanit-ihbox-style-23 .juanit-ihbox-svg-wrapper svg {
        fill: var(--juanit-global-color);
        margin-bottom: 5px;
    }

.juanit-ihbox-style-23 .juanit-element-subtitle {
    font-size: 15px;
    line-height: 20px;
}

.juanit-ihbox-style-23-new .juanit-ihbox-style-23 .juanit-ihbox-icon {
    margin-bottom: 5px;
}
/** Style 24 **/
.juanit-ihbox-style-24 .juanit-ihbox-headingicon {
    display: flex;
    align-items: center;
}

.juanit-ihbox-style-24 .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-24 .juanit-ihbox-svg-wrapper {
    font-size: 80px;
    line-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease-in;
}

    .juanit-ihbox-style-24 .juanit-ihbox-icon-wrapper svg,
    .juanit-ihbox-style-24 .juanit-ihbox-svg-wrapper svg {
        fill: #666;
    }

.juanit-ihbox-style-24 .juanit-ihbox-icon,
.juanit-ihbox-style-24 .juanit-ihbox-svg {
    margin-right: 20px;
}

.juanit-ihbox-style-24 .juanit-ihbox-icon-type-image {
    width: 100px;
    height: 100px;
}

.juanit-ihbox-style-24 .juanit-element-title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
    font-family: var(--juanit-body-typography-font-family);
    font-weight: 300 !important;
}

.juanit-ihbox-style-24 .juanit-element-subtitle {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    color: var(--juanit-global-color);
    text-transform: capitalize;
}

.juanit-ihbox-style-24:hover .juanit-ihbox-icon-wrapper,
.juanit-ihbox-style-24:hover .juanit-ihbox-svg-wrapper {
    transform: translate(0, -5px);
}

/** Style 25 **/
.juanit-ihbox-style-25 {
    transition: all 0.5s ease-in;
}

    .juanit-ihbox-style-25 .juanit-ihbox-box {
        display: inline-block;
    }

    .juanit-ihbox-style-25:hover {
        transform: translate(0, -5px);
    }

    .juanit-ihbox-style-25 .juanit-ihbox-icon-wrapper,
    .juanit-ihbox-style-25 .juanit-ihbox-svg-wrapper {
        font-size: 50px;
        line-height: 50px;
        color: var(--juanit-global-color);
        margin-bottom: 10px;
    }

        .juanit-ihbox-style-25 .juanit-ihbox-icon-wrapper svg,
        .juanit-ihbox-style-25 .juanit-ihbox-svg-wrapper svg {
            fill: var(--juanit-global-color);
        }

    .juanit-ihbox-style-25 .juanit-element-subtitle {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: -0.5px;
        margin: 0 0 70px;
    }

    .juanit-ihbox-style-25 .juanit-element-title {
        font-size: 170px;
        line-height: 1;
        margin-bottom: 0;
        color: var(--juanit-global-color);
    }

    .juanit-ihbox-style-25 .juanit-heading-desc {
        font-size: 18px;
        line-height: 28px;
    }
/*----------------------------------------*/
/*  02 - Team Member
/*----------------------------------------*/
/** Style 1 **/
.juanit-team-style-1 {
    margin-bottom: 30px;
    padding: 0 15px;
}

    .juanit-team-style-1 .juanit-featured-wrapper img,
    .juanit-team-style-1 .juanit-featured-wrapper::after,
    .juanit-team-style-1 .juanit-team-social-links li a,
    .juanit-team-style-1 .juanit-team-social-links li,
    .juanit-team-style-1 .juanit-team-btn .juanit-team-text,
    .juanit-team-style-1 .juaniinfotech-box-social-links {
        transition: all .6s ease-in-out;
    }

    .juanit-team-style-1 .juanit-featured-wrap {
        position: relative;
        overflow: hidden;
        border-radius: 30px;
    }

    .juanit-team-style-1 .juaniinfotech-post-item {
        position: relative;
        overflow: hidden;
    }

    .juanit-team-style-1 .juaniinfotech-box-content {
        padding: 22px 0 0;
    }

    .juanit-team-style-1 .juanit-featured-wrapper {
        clip-path: polygon( 6.232% 0.432%,6.232% 0.432%,5.354% 0.704%,4.526% 1.042%,3.753% 1.442%,3.04% 1.9%,2.393% 2.412%,1.816% 2.972%,1.313% 3.577%,0.891% 4.222%,0.554% 4.903%,0.307% 5.616%,0.307% 5.616%,0.239% 6.246%,0.181% 7.641%,0.134% 9.838%,0.097% 12.874%,0.069% 16.786%,0.051% 21.61%,0.041% 27.382%,0.04% 34.141%,0.047% 41.922%,0.061% 50.762%,0.153% 94.684%,0.798% 95.788%,0.798% 95.788%,1.084% 96.238%,1.407% 96.669%,1.767% 97.08%,2.16% 97.47%,2.587% 97.837%,3.045% 98.181%,3.533% 98.499%,4.048% 98.792%,4.59% 99.056%,5.157% 99.292%,6.907% 99.964%,36.839% 100.036%,36.839% 100.036%,42.57% 100.047%,47.735% 100.051%,52.337% 100.047%,56.376% 100.038%,59.856% 100.021%,62.778% 99.998%,65.143% 99.969%,66.954% 99.933%,68.212% 99.891%,68.92% 99.844%,68.92% 99.844%,69.701% 99.73%,70.49% 99.578%,71.275% 99.393%,72.046% 99.177%,72.792% 98.935%,73.502% 98.671%,74.165% 98.388%,74.771% 98.091%,75.308% 97.783%,75.766% 97.468%,75.766% 97.468%,76.191% 97.116%,76.585% 96.745%,76.954% 96.346%,77.304% 95.911%,77.642% 95.431%,77.974% 94.897%,78.305% 94.299%,78.642% 93.631%,78.991% 92.882%,79.358% 92.044%,79.358% 92.044%,80.059% 90.471%,80.718% 89.157%,81.376% 88.068%,82.075% 87.173%,82.857% 86.436%,83.765% 85.826%,84.84% 85.308%,86.124% 84.85%,87.66% 84.418%,89.489% 83.979%,89.489% 83.979%,91.465% 83.502%,93.172% 83.009%,94.632% 82.485%,95.867% 81.916%,96.899% 81.285%,97.749% 80.579%,98.439% 79.78%,98.992% 78.875%,99.429% 77.848%,99.773% 76.683%,99.773% 76.683%,99.841% 76.095%,99.899% 74.924%,99.946% 73.137%,99.983% 70.696%,100.011% 67.566%,100.029% 63.71%,100.039% 59.094%,100.04% 53.681%,100.033% 47.436%,100.018% 40.322%,99.926% 5.4%,99.282% 4.296%,99.282% 4.296%,98.996% 3.846%,98.673% 3.415%,98.313% 3.004%,97.919% 2.614%,97.493% 2.247%,97.035% 1.903%,96.547% 1.585%,96.032% 1.292%,95.489% 1.028%,94.922% 0.792%,93.172% 0.12%,50.5% 0.072%,50.5% 0.072%,39.499% 0.059%,30.551% 0.052%,23.433% 0.051%,17.925% 0.06%,13.803% 0.081%,10.847% 0.115%,8.833% 0.165%,7.541% 0.233%,6.748% 0.321%,6.232% 0.432% );
    }

    .juanit-team-style-1 .juanit-featured-inner {
        position: relative;
    }

    .juanit-team-style-1 .juanit-featured-wrapper img {
        width: 100%;
        border-radius: 30px;
        transition: all .3s ease-out;
    }

    .juanit-team-style-1:hover .juanit-featured-wrapper img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    .juanit-team-style-1 .juanit-team-title {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 0px;
    }

    .juanit-team-style-1 .juanit-team-btn {
        position: absolute;
        bottom: 2px;
        right: 2px;
        z-index: 9;
    }

        .juanit-team-style-1 .juanit-team-btn .juanit-team-text {
            width: 50px;
            height: 50px;
            font-size: 18px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1;
            color: var(--juanit-white-color);
            background-color: var(--juanit-global-color);
        }

        .juanit-team-style-1 .juanit-team-btn:hover .juanit-team-text {
            color: var(--juanit-white-color);
            background-color: var(--juanit-blackish-color);
        }

    .juanit-team-style-1 .juaniinfotech-box-social-links {
        text-align: center;
        position: absolute;
        bottom: 50px;
        right: 0;
        transform: translateY(10px);
        opacity: 0;
        padding: 3px;
    }

        .juanit-team-style-1 .juaniinfotech-box-social-links ul {
            display: flex;
            flex-direction: column-reverse;
        }

    .juanit-team-style-1 .juanit-team-btn:hover .juaniinfotech-box-social-links {
        transform: translateY(-25px);
        opacity: 1;
    }

    .juanit-team-style-1 .juanit-team-btn .juanit-team-social-links li {
        display: block;
        margin: 0;
        padding: 0 !important;
        margin-bottom: 5px;
        transform: translate(0);
        transition: all 600ms ease-in-out;
    }

    .juanit-team-style-1 .juanit-team-btn:hover .juanit-team-social-links li {
        transform: translate(0);
    }

    .juanit-team-style-1 .juanit-team-social-links li:nth-child(1) {
        transition-delay: 750px;
    }

    .juanit-team-style-1 .juanit-team-social-links li:nth-child(1) {
        transform: translate(0, 0);
    }

    .juanit-team-style-1 .juanit-team-social-links li:nth-child(2) {
        transition-delay: 700px;
    }

    .juanit-team-style-1 .juanit-team-social-links li:nth-child(2) {
        transform: translate(0, 43px);
    }

    .juanit-team-style-1 .juanit-team-social-links li:nth-child(3) {
        transition-delay: 650px;
    }

    .juanit-team-style-1 .juanit-team-social-links li:nth-child(3) {
        transform: translate(0, 86px);
    }

    .juanit-team-style-1 .juanit-team-social-links li:nth-child(4) {
        transition-delay: 800px;
    }

    .juanit-team-style-1 .juanit-team-social-links li:nth-child(4) {
        transform: translate(0, 129px);
    }

    .juanit-team-style-1 .juanit-team-social-links li:nth-child(5) {
        transition-delay: 850px;
    }

    .juanit-team-style-1 .juanit-team-social-links li:nth-child(5) {
        transform: translate(0, 172px);
    }

    .juanit-team-style-1 .juanit-team-social-links li:first-child {
        margin-top: 0;
    }

    .juanit-team-style-1 .juanit-team-social-links li a {
        display: inline-block;
        opacity: 1;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 100%;
        text-align: center;
        font-size: 16px;
        background: transparent;
        color: var(--juanit-blackish-color);
        background-color: var(--juanit-white-color);
    }

        .juanit-team-style-1 .juanit-team-social-links li a:hover {
            color: var(--juanit-white-color);
            background-color: var(--juanit-global-color);
        }

/** Style 2 **/
.juanit-team-style-2 .juanit-featured-wrapper img,
.juanit-team-style-2 .juanit-featured-wrapper::after,
.juanit-team-style-2 .juanit-team-social-links li a,
.juanit-team-style-2 .juanit-team-social-links li,
.juanit-team-style-2 .juanit-team-btn .juanit-team-text,
.juanit-team-style-2 .juaniinfotech-box-social-links {
    transition: all .6s ease-in-out;
}

.juanit-team-style-2 .juanit-featured-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}

.juanit-team-style-2 .juaniinfotech-post-item {
    position: relative;
    overflow: hidden;
    background-color: var(--juanit-light-color);
    border-radius: 30px 30px 0;
}

.juanit-elementor-bg-color-light .juanit-team-style-2 .juaniinfotech-post-item {
    background-color: var(--juanit-white-color);
}

.juanit-team-style-2 .juaniinfotech-box-content {
    padding: 35px 30px;
}

.juanit-team-style-2 .juaniinfotech-post-item::after {
    content: '';
    position: absolute;
    width: 119px;
    height: 112px;
    top: auto;
    left: auto;
    bottom: -1px;
    right: -1px;
    z-index: 1;
    background-color: var(--juanit-white-color);
    mask: url(../images/bg/shape-bottom.png) bottom right no-repeat;
    -webkit-mask: url(../images/bg/shape-bottom.png) bottom right no-repeat;
}

.juanit-elementor-bg-color-light .juanit-team-style-2 .juaniinfotech-post-item::after {
    background-color: var(--juanit-light-color);
}

.juanit-elementor-bg-color-blackish .juanit-team-style-2 .juaniinfotech-post-item::after {
    background-color: var(--juanit-blackish-color);
}

.juanit-elementor-bg-color-secondary .juanit-team-style-2 .juaniinfotech-post-item::after {
    background-color: var(--juanit-secondary-color);
}

.juanit-elementor-bg-color-globalcolor .juanit-team-style-2 .juaniinfotech-post-item::after {
    background-color: var(--juanit-global-color);
}

.juanit-team-style-2 .juanit-featured-inner {
    position: relative;
}

.juanit-team-style-2 .juanit-featured-wrapper img {
    width: 100%;
    border-radius: 30px;
    transition: all .3s ease-out;
}

.juanit-team-style-2:hover .juanit-featured-wrapper img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.juanit-team-style-2 .juanit-team-title {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 3px;
}

.juanit-team-style-2 .juaniinfotech-box-team-position {
    color: var(--juanit-global-color);
}

    .juanit-team-style-2 .juaniinfotech-box-team-position::before {
        content: "/";
        display: inline-block;
        margin-right: 4px;
    }

.juanit-team-style-2 .juanit-team-btn {
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 9;
}

    .juanit-team-style-2 .juanit-team-btn .juanit-team-text {
        width: 50px;
        height: 50px;
        font-size: 18px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        color: var(--juanit-global-color);
        background-color: var(--juanit-light-color);
    }

.juanit-elementor-bg-color-light .juanit-team-style-2 .juanit-team-btn .juanit-team-text {
    background-color: var(--juanit-white-color);
}

.juanit-team-style-2 .juanit-team-btn:hover .juanit-team-text {
    color: var(--juanit-white-color);
    background-color: var(--juanit-blackish-color);
}

.juanit-elementor-bg-color-secondary .juanit-team-style-2 .juanit-team-btn:hover .juanit-team-text,
.juanit-elementor-bg-color-blackish .juanit-team-style-2 .juanit-team-btn:hover .juanit-team-text {
    background-color: var(--juanit-global-color);
}

.juanit-team-style-2 .juaniinfotech-box-social-links {
    text-align: center;
    position: absolute;
    bottom: 50px;
    right: 0;
    transform: translateY(10px);
    opacity: 0;
    padding: 3px;
}

    .juanit-team-style-2 .juaniinfotech-box-social-links ul {
        display: flex;
        flex-direction: column-reverse;
    }

.juanit-team-style-2 .juanit-team-btn:hover .juaniinfotech-box-social-links {
    transform: translateY(-25px);
    opacity: 1;
}

.juanit-team-style-2 .juanit-team-btn .juanit-team-social-links li {
    display: block;
    margin: 0;
    padding: 0 !important;
    margin-bottom: 5px;
    transform: translate(0);
    transition: all 600ms ease-in-out;
}

.juanit-team-style-2 .juanit-team-btn:hover .juanit-team-social-links li {
    transform: translate(0);
}

.juanit-team-style-2 .juanit-team-social-links li:nth-child(1) {
    transition-delay: 750px;
}

.juanit-team-style-2 .juanit-team-social-links li:nth-child(1) {
    transform: translate(0, 0);
}

.juanit-team-style-2 .juanit-team-social-links li:nth-child(2) {
    transition-delay: 700px;
}

.juanit-team-style-2 .juanit-team-social-links li:nth-child(2) {
    transform: translate(0, 43px);
}

.juanit-team-style-2 .juanit-team-social-links li:nth-child(3) {
    transition-delay: 650px;
}

.juanit-team-style-2 .juanit-team-social-links li:nth-child(3) {
    transform: translate(0, 86px);
}

.juanit-team-style-2 .juanit-team-social-links li:nth-child(4) {
    transition-delay: 800px;
}

.juanit-team-style-2 .juanit-team-social-links li:nth-child(4) {
    transform: translate(0, 129px);
}

.juanit-team-style-2 .juanit-team-social-links li:nth-child(5) {
    transition-delay: 850px;
}

.juanit-team-style-2 .juanit-team-social-links li:nth-child(5) {
    transform: translate(0, 172px);
}

.juanit-team-style-2 .juanit-team-social-links li:first-child {
    margin-top: 0;
}

.juanit-team-style-2 .juanit-team-social-links li a {
    display: inline-block;
    opacity: 1;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    text-align: center;
    font-size: 16px;
    background: transparent;
    color: var(--juanit-blackish-color);
    background-color: var(--juanit-white-color);
}

.juanit-bg-color-light .juanit-team-style-2 .juanit-team-social-links li a {
    background-color: var(--juanit-light-color);
}

.juanit-team-style-2 .juanit-team-social-links li a:hover {
    color: var(--juanit-white-color);
    background-color: var(--juanit-global-color);
}

/** Style 3 **/
.juanit-element-team-style-3 .juanit-element-posts-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 10px;
}

.juanit-element-team-style-3 .juanit-team-style-3 {
    margin-bottom: 20px;
}

.juanit-team-style-3 .juaniinfotech-post-item {
    position: relative;
    text-align: center;
}

.juanit-team-style-3 .juanit-team-title {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 0px;
}

    .juanit-team-style-3 .juanit-team-title a {
        color: var(--juanit-white-color);
    }

        .juanit-team-style-3 .juanit-team-title a:hover {
            color: var(--juanit-global-color);
        }

.juanit-team-style-3 .juaniinfotech-team-position {
    color: var(--juanit-global-color);
    margin-bottom: 5px;
}

.juanit-team-style-3 .juaniinfotech-team-image-box {
    transition: 0.4s;
}

.juanit-team-style-3 .juanit-featured-wrapper {
    width: auto;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

    .juanit-team-style-3 .juanit-featured-wrapper img {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

.juanit-team-style-3 .juanit-team-social-links li {
    padding: 0 !important;
}

    .juanit-team-style-3 .juanit-team-social-links li a {
        display: inline-block;
        width: auto;
        height: auto;
        font-size: 12px;
        line-height: 20px;
        color: rgba(var(--juanit-white-color-rgb), 0.5);
        background: transparent;
        transition: 1s cubic-bezier(0.5, 0.5, 0, 1);
    }

        .juanit-team-style-3 .juanit-team-social-links li a:hover {
            background: transparent;
            color: #fff;
        }

.juanit-team-style-3 .juaniinfotech-team-image-box {
    position: relative;
    width: 220px;
    margin: 0 auto;
}

.juanit-team-style-3 .juaniinfotech-box-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 2;
    text-align: center;
    visibility: hidden;
    -khtml-transform: translateX(0%) translateY(-35%);
    -moz-transform: translateX(0%) translateY(-35%);
    -ms-transform: translateX(0%) translateY(-35%);
    -o-transform: translateX(0%) translateY(-35%);
    transform: translateX(0%) translateY(-35%);
    transition: all 0.3s ease-in;
}

.juanit-team-style-3:hover .juaniinfotech-box-content {
    opacity: 1;
    visibility: visible;
}

.juanit-team-style-3 .juaniinfotech-team-image-box::before {
    content: "";
    position: absolute;
    background-color: var(--juanit-secondary-color);
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-20px, -20px);
    width: 40px;
    height: 40px;
    opacity: 0;
    transition: all 0.3s ease-in;
}

.juanit-team-style-3:hover .juaniinfotech-team-image-box::before {
    width: 100%;
    height: 100%;
    transform: translate(0, 0);
    left: 0;
    top: 0;
    opacity: 1;
}

/*----------------------------------------*/
/*  03 - Counter
/*----------------------------------------*/
/** Style 1 **/
.juaniinfotech-ele-fid-style-1 .juanit-circle {
    position: relative;
    display: inline-block;
}

    .juaniinfotech-ele-fid-style-1 .juanit-circle canvas {
        transform: rotate(0deg) translate(0px, 4px);
    }

.juaniinfotech-ele-fid-style-1 .juanit-fid-inner {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 105px;
    width: 105px;
    top: 50%;
    left: 50%;
    font-size: 20px;
    line-height: 29px;
    color: var(--juanit-white-color);
    background-color: var(--juanit-global-color);
    transform: translate(-50%, -50%);
}

.juaniinfotech-ele-fid-style-1 .juanit-fid-sub .juanit-fid-title {
    font-size: 24px;
    line-height: 30px;
    margin: 0;
}

.juaniinfotech-ele-fid-style-1 .juanit-fid-sub {
    margin-left: 15px;
}

.juaniinfotech-ele-fid-style-1 .juanit-fid-inner sub,
.juaniinfotech-ele-fid-style-1 .juanit-fid-inner sup
.juaniinfotech-ele-fid-style-1 .juanit-fid-inner span {
    margin: 0 2px;
}

.juaniinfotech-ele-fid-style-1 .juanit-fid-inner sub,
.juaniinfotech-ele-fid-style-1 .juanit-fid-inner sup {
    top: -7px;
    font-size: 15px;
    line-height: 15px;
    margin: 0 2px;
}

.juaniinfotech-ele-fid-style-1 .juanit-fid-inner sub {
    top: inherit;
    bottom: -2px;
}

.juanit-bg-color-blackish .juanit-fid-style-one .juaniinfotech-ele-fid-style-1 .juanit-fid-sub .juanit-fid-title {
    color: var(--juanit-white-color);
}
/* With Class */
.juanit-fid-style-one .juaniinfotech-ele-fid-style-1 .juanit-fid-sub .juanit-fid-title {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    font-weight: 600 !important;
}

.juanit-fid-style-one .juaniinfotech-ele-fid-style-1 .juanit-fid-inner {
    font-size: 20px;
    line-height: 20px;
}

.juanit-fid-style-one .juaniinfotech-ele-fid-style-1 .juanit-fid-sub {
    margin: 0 0 0 20px;
}

.juanit-fid-style-one .juaniinfotech-ele-fid-style-1 .juanit-circle canvas {
    transform: rotate(0deg) translate(0px, 3px);
}

.juanit-fid-style-one .juaniinfotech-ele-fid-style-1 .juanit-circle canvas {
    height: 117px;
    width: 117px;
}

.juanit-fid-style-one .juaniinfotech-ele-fid-style-1 .juanit-fid-inner {
    height: 90px;
    width: 90px;
}

.juanit-fid-style-one .juaniinfotech-ele-fid-style-1 .juanit-fid-sub .juanit-fid-title {
    color: var(--juanit-global-color);
}


/** Style 2 **/
.juaniinfotech-ele-fid-style-2 .juanit-fid-inner {
    font-size: 90px;
    line-height: 90px;
}

.juaniinfotech-ele-fid-style-2 .juanit-fid-title {
    color: var(--juanit-global-color);
    margin: 0 0 0 10px;
    font-size: 25px;
}

.juaniinfotech-ele-fid-style-2 .juanit-fid-icon-title {
    display: flex;
    align-items: center;
}

.juaniinfotech-ele-fid-style-2 .juanit-icon-type-icon i {
    color: var(--juanit-global-color);
    font-size: 22px;
    line-height: 22px;
}

.juaniinfotech-ele-fid-style-2 .juanit-fid-svg-wrapper svg,
.juaniinfotech-ele-fid-style-2 .juanit-sbox-icon-wrapper svg {
    fill: var(--juanit-global-color);
    stroke: var(--juanit-global-color);
    width: 20px;
    height: 20px;
}

.juaniinfotech-ele-fid-style-2 .juanit-fid-inner sub,
.juaniinfotech-ele-fid-style-2 .juanit-fid-inner sup {
    font-size: 50px;
    line-height: 50px;
}

.juaniinfotech-ele-fid-style-2 .juanit-fid-before sup,
.juaniinfotech-ele-fid-style-2 .juanit-fid sup {
    margin-left: -20px;
    top: -30px;
}

.juaniinfotech-ele-fid-style-2 .juanit-fid-before sup {
    margin-right: -20px;
}

.juaniinfotech-ele-fid-style-2 .juanit-fid-before sub,
.juaniinfotech-ele-fid-style-2 .juanit-fid-inner sub {
    margin-left: -14px;
    bottom: -2px;
}

.juaniinfotech-ele-fid-style-2 .juanit-fid-before sub {
    margin-right: -14px;
}

.juaniinfotech-ele-fid-style-2 .juanit-fid-inner .juanit-fid span {
    margin-left: -22px;
}

.juaniinfotech-ele-fid-style-2 .juanit-fid-inner .juanit-fid-before span {
    margin-right: -22px;
}
/** Style 3 **/
.juaniinfotech-ele-fid-style-3 .juanit-circle {
    position: relative;
    display: inline-block;
}

    .juaniinfotech-ele-fid-style-3 .juanit-circle canvas {
        transform: rotate(0deg) translate(0px, 4px);
    }

.juaniinfotech-ele-fid-style-3 .juanit-fid-inner {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 127px;
    width: 127px;
    top: 50%;
    left: 50%;
    font-size: 26px;
    line-height: 30px;
    color: var(--juanit-white-color);
    background-color: var(--juanit-global-color);
    transform: translate(-50%, -50%);
}

.juaniinfotech-ele-fid-style-3 .juanit-fid-title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
    color: var(--juanit-global-color);
    font-weight: 600;
}

.juaniinfotech-ele-fid-style-3 .juanit-fid-sub {
    margin: 20px 0 0 0;
}

.juaniinfotech-ele-fid-style-3 .juanit-fid-inner sub,
.juaniinfotech-ele-fid-style-3 .juanit-fid-inner sup,
.juaniinfotech-ele-fid-style-3 .juanit-fid-inner span {
    margin: 0 2px;
}

.juaniinfotech-ele-fid-style-3 .juanit-fid-inner sub,
.juaniinfotech-ele-fid-style-3 .juanit-fid-inner sup {
    top: -7px;
    font-size: 15px;
    line-height: 15px;
    margin: 0 2px;
}

.juaniinfotech-ele-fid-style-3 .juanit-fid-inner sub {
    top: inherit;
    bottom: -2px;
}
/** Style 4 **/
.juaniinfotech-ele-fid-style-4 .juanit-fid-inner {
    font-size: 80px;
    line-height: 80px;
    color: var(--juanit-global-color);
}

.juaniinfotech-ele-fid-style-4 .juanit-fid-title {
    color: var(--juanit-global-color);
    margin: 0 0 5px 10px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
}

.juaniinfotech-ele-fid-style-4 .juanit-fid-inner sub,
.juaniinfotech-ele-fid-style-4 .juanit-fid-inner sup {
    font-size: 50px;
    line-height: 50px;
}

.juaniinfotech-ele-fid-style-4 .juanit-fid-before sup,
.juaniinfotech-ele-fid-style-4 .juanit-fid sup {
    margin-left: -20px;
    top: -30px;
}

.juaniinfotech-ele-fid-style-4 .juanit-fid-before sup {
    margin-right: -20px;
}

.juaniinfotech-ele-fid-style-4 .juanit-fid-before sub,
.juaniinfotech-ele-fid-style-4 .juanit-fid-inner sub {
    margin-left: -14px;
    bottom: -2px;
}

.juaniinfotech-ele-fid-style-4 .juanit-fid-before sub {
    margin-right: -14px;
}

.juaniinfotech-ele-fid-style-4 .juanit-fid-inner .juanit-fid span {
    margin-left: -22px;
}

.juaniinfotech-ele-fid-style-4 .juanit-fid-inner .juanit-fid-before span {
    margin-right: -22px;
}
/** Style 5 **/
.juaniinfotech-ele-fid-style-5 .juanit-fld-wrap {
    display: flex;
    align-items: center;
}

.juaniinfotech-ele-fid-style-5 .juanit-fid-inner {
    min-width: 250px;
    font-size: 100px;
    line-height: 100px;
    margin-bottom: 0;
    font-weight: 500;
    color: var(--juanit-global-color);
}

.juanit-bg-color-gradient .juaniinfotech-ele-fid-style-5 .juanit-fid-inner,
.juanit-bg-color-globalcolor .juaniinfotech-ele-fid-style-5 .juanit-fid-inner {
    color: var(--juanit-blackish-color);
}

.juaniinfotech-ele-fid-style-5 .juanit-number-rotate {
    font-weight: 700;
    letter-spacing: -2px;
    color: transparent;
    -webkit-text-stroke: 1px var(--juanit-global-color);
}

.juanit-bg-color-gradient .juaniinfotech-ele-fid-style-5 .juanit-number-rotate,
.juanit-bg-color-globalcolor .juaniinfotech-ele-fid-style-5 .juanit-number-rotate {
    -webkit-text-stroke-color: var(--juanit-blackish-color);
}

.juaniinfotech-ele-fid-style-5 .juanit-fid-inner sub,
.juaniinfotech-ele-fid-style-5 .juanit-fid-inner sup {
    font-size: 50px;
    line-height: 50px;
}

.juaniinfotech-ele-fid-style-5 .juanit-fid-title {
    display: inline-block;
    margin-left: 10px;
    color: var(--juanit-blackish-color);
}

.juanit-bg-color-blackish .juaniinfotech-ele-fid-style-5 .juanit-fid-title,
.juanit-text-color-white .juaniinfotech-ele-fid-style-5 .juanit-fid-title {
    color: var(--juanit-white-color);
}

.juaniinfotech-ele-fid-style-5 .juanit-fid-before sup,
.juaniinfotech-ele-fid-style-5 .juanit-fid sup {
    top: -30px;
}

.juaniinfotech-ele-fid-style-5 .juanit-fid sup {
    margin-left: -20px;
}

.juaniinfotech-ele-fid-style-5 .juanit-fid-before sup {
    margin-right: -20px;
}

.juaniinfotech-ele-fid-style-5 .juanit-fid-before sub,
.juaniinfotech-ele-fid-style-5 .juanit-fid sub {
    bottom: -2px;
}

.juaniinfotech-ele-fid-style-5 .juanit-fid sub {
    margin-left: -14px;
}

.juaniinfotech-ele-fid-style-5 .juanit-fid-before sub {
    margin-right: -14px;
}

.juaniinfotech-ele-fid-style-5 .juanit-fid span {
    margin-left: -25px;
}

.juaniinfotech-ele-fid-style-5 .juanit-fid-before span {
    margin-right: -25px;
}
/** Style 6 **/
.juaniinfotech-ele-fid-style-6 .juanit-fid-inner {
    font-size: 100px;
    line-height: 100px;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--juanit-global-color);
}

.juanit-elementor-bg-color-gradient .juaniinfotech-ele-fid-style-6 .juanit-fid-inner,
.juanit-elementor-bg-color-globalcolor .juaniinfotech-ele-fid-style-6 .juanit-fid-inner {
    color: var(--juanit-blackish-color);
}

.juaniinfotech-ele-fid-style-6 .juanit-number-rotate {
    font-weight: 700;
    letter-spacing: -2px;
    color: transparent;
    -webkit-text-stroke: 1px var(--juanit-global-color);
}

.juanit-elementor-bg-color-gradient .juaniinfotech-ele-fid-style-6 .juanit-number-rotate,
.juanit-elementor-bg-color-globalcolor .juaniinfotech-ele-fid-style-6 .juanit-number-rotate {
    -webkit-text-stroke-color: var(--juanit-blackish-color);
}

.juaniinfotech-ele-fid-style-6 .juanit-fid-inner sub,
.juaniinfotech-ele-fid-style-6 .juanit-fid-inner sup {
    font-size: 50px;
    line-height: 50px;
}

.juaniinfotech-ele-fid-style-6 .juanit-fid-title {
    display: inline-block;
    margin-top: 5px;
    color: var(--juanit-blackish-color);
}

.juanit-elementor-bg-color-blackish .juaniinfotech-ele-fid-style-6 .juanit-fid-title,
.juanit-text-color-white .juaniinfotech-ele-fid-style-6 .juanit-fid-title {
    color: var(--juanit-white-color);
}

.juaniinfotech-ele-fid-style-6 .juanit-fid-before sup,
.juaniinfotech-ele-fid-style-6 .juanit-fid sup {
    top: -30px;
}

.juaniinfotech-ele-fid-style-6 .juanit-fid sup {
    margin-left: -20px;
}

.juaniinfotech-ele-fid-style-6 .juanit-fid-before sup {
    margin-right: -20px;
}

.juaniinfotech-ele-fid-style-6 .juanit-fid-before sub,
.juaniinfotech-ele-fid-style-6 .juanit-fid sub {
    bottom: -2px;
}

.juaniinfotech-ele-fid-style-6 .juanit-fid sub {
    margin-left: -14px;
}

.juaniinfotech-ele-fid-style-6 .juanit-fid-before sub {
    margin-right: -14px;
}

.juaniinfotech-ele-fid-style-6 .juanit-fid span {
    margin-left: -25px;
}

.juaniinfotech-ele-fid-style-6 .juanit-fid-before span {
    margin-right: -25px;
}
/* juanit-fid-style-6-new */
.juanit-fid-style-6-new .juaniinfotech-ele-fid-style-6 {
    text-align: center;
}

    .juanit-fid-style-6-new .juaniinfotech-ele-fid-style-6 .juanit-fid-inner {
        font-weight: 700;
    }

    .juanit-fid-style-6-new .juaniinfotech-ele-fid-style-6 .juanit-fid-title {
        letter-spacing: -0.5px;
    }
/** Style 7 **/
.juaniinfotech-ele-fid-style-7 {
    display: inline-block;
    padding: 30px;
    background-color: var(--juanit-secondary-color);
    border-radius: 12px;
    text-align: center;
}

    .juaniinfotech-ele-fid-style-7 .juanit-fid-inner {
        font-size: 48px;
        line-height: 48px;
        margin-bottom: 0;
        color: var(--juanit-global-color);
    }

        .juaniinfotech-ele-fid-style-7 .juanit-fid-inner sub,
        .juaniinfotech-ele-fid-style-7 .juanit-fid-inner sup {
            font-size: 30px;
            line-height: 30px;
        }

    .juaniinfotech-ele-fid-style-7 .juanit-fid-title {
        display: inline-block;
        font-size: 18px;
        line-height: 18px;
        font-weight: 600;
        margin-top: 5px;
        margin-bottom: 0;
        text-transform: capitalize;
        color: var(--juanit-white-color);
    }

    .juaniinfotech-ele-fid-style-7 .juanit-fid-before sup,
    .juaniinfotech-ele-fid-style-7 .juanit-fid sup {
        top: -15px;
    }

    .juaniinfotech-ele-fid-style-7 .juanit-fid sup {
        margin-left: -10px;
    }

    .juaniinfotech-ele-fid-style-7 .juanit-fid-before sup {
        margin-right: -10px;
    }

    .juaniinfotech-ele-fid-style-7 .juanit-fid-before sub,
    .juaniinfotech-ele-fid-style-7 .juanit-fid sub {
        bottom: -2px;
    }

    .juaniinfotech-ele-fid-style-7 .juanit-fid sub {
        margin-left: -10px;
    }

    .juaniinfotech-ele-fid-style-7 .juanit-fid-before sub {
        margin-right: -10px;
    }

    .juaniinfotech-ele-fid-style-7 .juanit-fid span {
        margin-left: -14px;
    }

    .juaniinfotech-ele-fid-style-7 .juanit-fid-before span {
        margin-right: -14px;
    }
/** Style 8 **/
.juaniinfotech-ele-fid-style-8 .juanit-fid-inner {
    font-size: 100px;
    line-height: 100px;
    margin-bottom: 0;
    color: var(--juanit-global-color);
}

.juaniinfotech-ele-fid-style-8 .juanit-number-rotate {
    font-weight: 700;
    letter-spacing: -2px;
    color: transparent;
    -webkit-text-stroke: 1px var(--juanit-blackish-color);
}

.juanit-elementor-bg-color-secondary .juaniinfotech-ele-fid-style-8 .juanit-number-rotate,
.juanit-elementor-bg-color-blackish .juaniinfotech-ele-fid-style-8 .juanit-number-rotate {
    -webkit-text-stroke-color: var(--juanit-global-color);
}

.juaniinfotech-ele-fid-style-8 .juanit-fid-inner sub,
.juaniinfotech-ele-fid-style-8 .juanit-fid-inner sup {
    font-size: 50px;
    line-height: 50px;
}

.juaniinfotech-ele-fid-style-8 .juanit-fid-title {
    display: inline-block;
    margin-top: 10px;
    padding-right: 30px;
    color: var(--juanit-blackish-color);
}

.juaniinfotech-ele-fid-style-8 .juanit-fid-before sup,
.juaniinfotech-ele-fid-style-8 .juanit-fid sup {
    top: -30px;
}

.juaniinfotech-ele-fid-style-8 .juanit-fid sup {
    margin-left: -20px;
}

.juaniinfotech-ele-fid-style-8 .juanit-fid-before sup {
    margin-right: -20px;
}

.juaniinfotech-ele-fid-style-8 .juanit-fid-before sub,
.juaniinfotech-ele-fid-style-8 .juanit-fid sub {
    bottom: -2px;
}

.juaniinfotech-ele-fid-style-8 .juanit-fid sub {
    margin-left: -14px;
}

.juaniinfotech-ele-fid-style-8 .juanit-fid-before sub {
    margin-right: -14px;
}

.juaniinfotech-ele-fid-style-8 .juanit-fid span {
    margin-left: -25px;
}

.juaniinfotech-ele-fid-style-8 .juanit-fid-before span {
    margin-right: -25px;
}
/* juanit-fid-text-style-normal */
.juanit-fid-text-style-normal .juaniinfotech-ele-fid-style-8 .juanit-fid-before span,
.juanit-fid-text-style-normal .juaniinfotech-ele-fid-style-8 .juanit-fid span {
    font-size: 80px;
    position: relative;
    bottom: 10px;
}

.juanit-fid-text-style-normal .juaniinfotech-ele-fid-style-8 .juanit-fid-before span {
    margin-right: -20px;
}

.juanit-fid-text-style-normal .juaniinfotech-ele-fid-style-8 .juanit-fid span {
    margin-left: -20px;
}

/*----------------------------------------*/
/*  04 - Service
/*----------------------------------------*/
/** Style 1 **/
.juanit-service-style-1 .juaniinfotech-post-item .juanit-box-content-wrap,
.juanit-service-style-1 .juanit-featured-wrapper img {
    transition: all 0.5s ease-in-out;
}

.juanit-service-style-1,
.juanit-service-style-1 .juaniinfotech-post-item {
    position: relative;
}

    .juanit-service-style-1 .juaniinfotech-post-item .juanit-box-content-wrap {
        padding: 20px 20px 40px;
        border-radius: 30px;
        background-color: var(--juanit-light-color);
        z-index: 1;
    }

        .juanit-service-style-1 .juaniinfotech-post-item .juanit-box-content-wrap::before {
            content: '';
            position: absolute;
            width: 119px;
            height: 112px;
            top: auto;
            left: auto;
            bottom: -1px;
            right: -1px;
            z-index: 1;
            background-color: var(--juanit-white-color);
            mask: url(../images/bg/shape-bottom.png) bottom right no-repeat;
            -webkit-mask: url(../images/bg/shape-bottom.png) bottom right no-repeat;
        }

.juanit-bg-color-secondary .juanit-service-style-1 .juaniinfotech-post-item .juanit-box-content-wrap::before,
.juanit-text-color-white .juanit-service-style-1 .juaniinfotech-post-item .juanit-box-content-wrap::before {
    background-color: var(--juanit-secondary-color);
}

.juanit-service-style-1 .juanit-featured-wrapper {
    overflow: hidden;
    border-radius: 30px;
    margin-bottom: 25px;
}

    .juanit-service-style-1 .juanit-featured-wrapper img {
        width: 100%;
    }

.juanit-service-style-1:hover .juanit-featured-wrapper img {
    transform: scale(1.1);
}

.juanit-service-style-1 .juanit-box-content-inner {
    padding: 0 10px;
}

.juanit-service-style-1 .juanit-service-title {
    position: relative;
    font-size: 28px;
    line-height: 36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.juanit-service-style-1 .juaniinfotech-box-number {
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    color: var(--juanit-global-color);
}

.juanit-service-style-1 .juanit-service-description {
    position: relative;
    color: #666;
    border-top: 1px solid rgba(var(--juanit-blackish-color-rgb), .1);
    padding: 20px 20px 0 0;
    margin: 55px 25px 0 0;
}

    .juanit-service-style-1 .juanit-service-description::before {
        content: "";
        position: absolute;
        top: -1px;
        left: 0;
        width: 0%;
        height: 1px;
        background-color: rgba(var(--juanit-blackish-color-rgb), .3);
        transition: all .6s ease-in-out;
    }

.juanit-service-style-1:hover .juanit-service-description::before {
    width: 100%;
}

.juanit-service-style-1 .juanit-service-description p {
    margin: 0;
}

.juanit-service-style-1 .juanit-service-icon,
.juanit-service-style-1 .juanit-serv-cat {
    display: none;
}

.juanit-service-style-1.juanit-ele-service .juanit-service-btn {
    color: var(--juanit-blackish-color);
    background-color: var(--juanit-light-color);
    z-index: 1;
}
/** Style 2 **/
.juanit-service-style-2 .juanit-service-image-wrapper {
    transition: all .5s ease-in-out
}

.juanit-service-style-2 {
    position: relative
}

    .juanit-service-style-2 .juanit-featured-wrapper {
        position: relative;
        overflow: hidden;
        transition: all .8s ease-in-out;
        clip-path: polygon( 0% 94.542%,0% 5.401%,0% 5.401%,0.025% 4.805%,0.111% 4.222%,0.256% 3.657%,0.456% 3.113%,0.711% 2.594%,1.017% 2.106%,1.372% 1.652%,1.773% 1.236%,2.219% 0.863%,2.707% 0.538%,2.753% 0.514%,2.753% 0.514%,2.942% 0.416%,3.135% 0.328%,3.332% 0.25%,3.532% 0.183%,3.735% 0.126%,3.941% 0.079%,4.149% 0.043%,4.358% 0.018%,4.569% 0.004%,4.781% -0%,94.38% 0%,94.38% 0%,94.793% 0.01%,95.202% 0.051%,95.605% 0.123%,96.001% 0.223%,96.389% 0.353%,96.766% 0.511%,97.132% 0.697%,97.484% 0.91%,97.822% 1.149%,98.143% 1.415%,98.143% 1.415%,98.284% 1.549%,98.42% 1.687%,98.551% 1.83%,98.678% 1.977%,98.799% 2.129%,98.915% 2.285%,99.026% 2.445%,99.131% 2.609%,99.231% 2.777%,99.325% 2.948%,99.325% 2.948%,99.455% 3.217%,99.571% 3.492%,99.674% 3.772%,99.763% 4.056%,99.838% 4.345%,99.899% 4.637%,99.946% 4.932%,99.978% 5.229%,99.996% 5.528%,100% 5.828%,100% 77.83%,100% 77.83%,99.552% 78.96%,99.028% 79.989%,98.426% 80.919%,97.745% 81.748%,96.982% 82.476%,96.137% 83.102%,95.207% 83.627%,94.19% 84.05%,93.085% 84.371%,91.889% 84.59%,91.889% 84.59%,91.176% 84.715%,90.486% 84.895%,89.822% 85.13%,89.186% 85.421%,88.581% 85.769%,88.007% 86.173%,87.468% 86.634%,86.964% 87.152%,86.499% 87.729%,86.074% 88.363%,86.074% 88.363%,85.849% 88.732%,85.637% 89.108%,85.438% 89.491%,85.251% 89.88%,85.078% 90.276%,84.917% 90.677%,84.77% 91.084%,84.637% 91.495%,84.517% 91.912%,84.41% 92.333%,84.41% 92.333%,84.119% 93.466%,83.748% 94.521%,83.294% 95.496%,82.756% 96.39%,82.132% 97.203%,81.419% 97.932%,80.617% 98.578%,79.723% 99.139%,78.734% 99.613%,77.65% 100%,4.643% 100%,4.643% 100%,4.476% 99.998%,4.309% 99.988%,4.144% 99.971%,3.979% 99.946%,3.816% 99.913%,3.655% 99.873%,3.495% 99.825%,3.337% 99.769%,3.182% 99.707%,3.03% 99.637%,2.984% 99.613%,2.984% 99.613%,2.45% 99.291%,1.96% 98.915%,1.519% 98.49%,1.127% 98.02%,0.789% 97.511%,0.507% 96.967%,0.285% 96.393%,0.124% 95.795%,0.028% 95.176%,-0% 94.542% );
    }

    .juanit-service-style-2 .juanit-service-image-wrapper img {
        border-radius: 30px;
        transition: all .4s ease-in-out;
        width: 100%
    }

    .juanit-service-style-2:hover .juanit-service-image-wrapper img {
        transform: scale(1.05)
    }

    .juanit-service-style-2 .juanit-featured-wrapper::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 1;
        background: linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0) 73%);
    }

    .juanit-service-style-2 .juaniinfotech-box-content {
        position: relative;
    }

    .juanit-service-style-2 .juanit-content-box {
        position: absolute;
        bottom: 30px;
        left: 40px;
        z-index: 1;
        width: calc(100% - 30%);
    }

    .juanit-service-style-2 .juanit-service-title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 15px;
    }

        .juanit-service-style-2 .juanit-service-title a {
            color: var(--juanit-white-color);
        }

            .juanit-service-style-2 .juanit-service-title a:hover {
                color: var(--juanit-global-color);
            }

    .juanit-service-style-2 .juanit-serv-cat {
        display: none;
    }

    .juanit-service-style-2 .juanit-service-icon {
        position: absolute;
        top: 40px;
        left: 40px;
        z-index: 2;
    }

        .juanit-service-style-2 .juanit-service-icon img {
            width: 40px;
            height: 40px
        }

        .juanit-service-style-2 .juanit-service-icon i {
            font-size: 40px;
            line-height: 40px;
            color: var(--juanit-white-color)
        }

        .juanit-service-style-2 .juanit-service-icon svg {
            fill: var(--juanit-white-color)
        }

    .juanit-service-style-2 .juanit-service-description {
        height: 0;
        opacity: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        color: var(--juanit-white-color);
    }

    .juanit-service-style-2:hover .juanit-service-description {
        opacity: 1;
        height: 60px;
    }

    .juanit-service-style-2.juanit-ele-service .juanit-service-btn {
        color: var(--juanit-blackish-color);
        background-color: var(--juanit-light-color);
    }

.juanit-service-btn {
    font-family: var(--juanit-heading-typography-font-family);
    font-weight: 600;
    letter-spacing: -.25px;
    text-transform: capitalize;
    font-style: normal;
}

.juanit-service-style-2 .juaniinfotech-post-item {
    position: relative;
}

.juanit-ele-blog .juanit-blog-btn,
.juanit-ele-service .juanit-service-btn {
    position: absolute;
    bottom: 0;
    right: 3px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--juanit-blackish-color);
    background-color: var(--juanit-light-color);
    line-height: 50px;
    font-size: 12px;
    text-align: center;
    transform: translate3d(0, 0, 0) rotateZ(0);
    transform-style: preserve-3d;
    border-radius: 50%;
    transition: all .5s ease-in-out 0s;
    z-index: 2;
}

.juanit-ele-service:hover .juanit-service-btn {
    background-color: var(--juanit-global-color);
    color: var(--juanit-white-color) !important;
}
/** Style 3 **/
.juanit-service-style-3 .juanit-service-image-wrapper {
    transition: all .5s ease-in-out
}

.juanit-service-style-3 .juaniinfotech-post-item,
.juanit-service-style-3 {
    position: relative
}

    .juanit-service-style-3 .juaniinfotech-box-number {
        position: absolute;
        right: 60px;
        top: 50px;
        font-size: 48px;
        line-height: 48px;
        z-index: 2;
        color: rgba(var(--juanit-white-color-rgb), .52);
    }

    .juanit-service-style-3 .juanit-featured-wrapper {
        position: relative;
        overflow: hidden;
        transition: all .8s ease-in-out;
        clip-path: polygon(4.724% .355%,4.724% .355%,4.058% .579%,3.43% .857%,2.845% 1.186%,2.305% 1.563%,1.814% 1.983%,1.376% 2.444%,.995% 2.942%,.675% 3.472%,.42% 4.032%,.233% 4.619%,.233% 4.619%,.181% 5.212%,.137% 6.592%,.102% 8.797%,.073% 11.866%,.052% 15.839%,.038% 20.755%,.031% 26.653%,.03% 33.571%,.035% 41.549%,.047% 50.627%,.116% 95.628%,.605% 96.536%,.605% 96.536%,.822% 96.906%,1.067% 97.26%,1.339% 97.599%,1.638% 97.919%,1.961% 98.221%,2.308% 98.504%,2.678% 98.766%,3.069% 99.006%,3.479% 99.224%,3.909% 99.418%,5.236% 99.97%,40.024% 100.03%,40.024% 100.03%,46.77% 100.039%,52.801% 100.042%,58.126% 100.039%,62.755% 100.031%,66.697% 100.017%,69.962% 99.998%,72.56% 99.974%,74.499% 99.945%,75.79% 99.911%,76.442% 99.872%,76.442% 99.872%,77.034% 99.778%,77.631% 99.653%,78.227% 99.501%,78.811% 99.323%,79.376% 99.124%,79.915% 98.907%,80.418% 98.674%,80.877% 98.43%,81.284% 98.177%,81.631% 97.918%,81.631% 97.918%,81.953% 97.628%,82.251% 97.323%,82.531% 96.995%,82.797% 96.637%,83.053% 96.242%,83.305% 95.803%,83.556% 95.312%,83.811% 94.762%,84.075% 94.146%,84.353% 93.457%,84.353% 93.457%,84.885% 92.163%,85.384% 91.083%,85.883% 90.188%,86.413% 89.451%,87.006% 88.846%,87.694% 88.344%,88.509% 87.918%,89.482% 87.541%,90.646% 87.186%,92.032% 86.825%,92.032% 86.825%,93.53% 86.432%,94.825% 86.027%,95.931% 85.596%,96.867% 85.128%,97.649% 84.61%,98.293% 84.029%,98.817% 83.372%,99.236% 82.628%,99.567% 81.783%,99.828% 80.825%,99.828% 80.825%,99.88% 80.265%,99.923% 79.078%,99.959% 77.224%,99.987% 74.659%,100.008% 71.344%,100.022% 67.235%,100.029% 62.292%,100.03% 56.473%,100.025% 49.737%,100.014% 42.041%,99.944% 4.441%,99.293% 3.316%,99.293% 3.316%,99.064% 2.951%,98.808% 2.603%,98.524% 2.271%,98.215% 1.958%,97.882% 1.663%,97.526% 1.389%,97.148% 1.136%,96.749% .905%,96.331% .697%,95.895% .513%,94.825% .099%,50.379% .059%,50.379% .059%,38.88% .049%,29.54% .043%,22.128% .042%,16.412% .05%,12.159% .067%,9.137% .095%,7.115% .136%,5.86% .192%,5.14% .264%,4.724% .355%)
    }

    .juanit-service-style-3 .juanit-service-image-wrapper img {
        border-radius: 30px;
        transition: all .4s ease-in-out;
        width: 100%
    }

    .juanit-service-style-3:hover .juanit-service-image-wrapper img {
        transform: scale(1.05)
    }

    .juanit-service-style-3 .juanit-featured-wrapper::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0) 73%);
    }

    .juanit-service-style-3 .juaniinfotech-box-content {
        position: relative;
    }

    .juanit-service-style-3 .juanit-content-box {
        position: absolute;
        bottom: 50px;
        left: 50px;
        z-index: 1;
        width: calc(100% - 50%);
    }

    .juanit-service-style-3 .juanit-service-title {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 0;
    }

        .juanit-service-style-3 .juanit-service-title a {
            color: var(--juanit-white-color)
        }

    .juanit-service-style-3 .juanit-serv-cat {
        display: none;
    }

    .juanit-service-style-3 .juanit-service-icon {
        position: absolute;
        top: 50px;
        left: 50px;
        z-index: 2;
    }

        .juanit-service-style-3 .juanit-service-icon img {
            width: 50px;
            height: 50px
        }

        .juanit-service-style-3 .juanit-service-icon i {
            font-size: 50px;
            line-height: 50px;
            color: var(--juanit-white-color)
        }

        .juanit-service-style-3 .juanit-service-icon svg {
            fill: var(--juanit-white-color)
        }
/** Style 4 **/
.juanit-service-style-4 .juanit-service-image-wrapper {
    transition: all .5s ease-in-out
}

.juanit-service-style-4 {
    position: relative
}

    .juanit-service-style-4 .juanit-featured-img-wrapper {
        position: relative;
    }

        .juanit-service-style-4 .juanit-featured-img-wrapper::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0) 73%);
            z-index: 1;
            border-radius: 30px;
        }

    .juanit-service-style-4 .juanit-service-image-wrapper img {
        border-radius: 30px;
        transition: all .4s ease-in-out;
        width: 100%
    }

    .juanit-service-style-4:hover .juanit-service-image-wrapper img {
        transform: scale(1.05)
    }

    .juanit-service-style-4 .juanit-featured-wrapper {
        position: relative;
        overflow: hidden;
        border-radius: 30px;
    }

    .juanit-service-style-4 .juanit-featured-img-wrapper::after {
        content: '';
        position: absolute;
        width: 119px;
        height: 112px;
        top: auto;
        left: auto;
        bottom: -1px;
        right: -1px;
        z-index: 1;
        background-color: var(--juanit-white-color);
        mask: url(../images/homepage-4/bg/shape-bottom.png) bottom right no-repeat;
        -webkit-mask: url(../images/homepage-4/bg/shape-bottom.png) bottom right no-repeat;
    }

    .juanit-service-style-4 .juaniinfotech-box-content {
        position: relative;
    }

    .juanit-service-style-4 .juanit-content-box {
        position: absolute;
        bottom: 30px;
        left: 40px;
        z-index: 1;
        width: calc(100% - 30%);
    }

    .juanit-service-style-4 .juanit-service-title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 15px;
    }

        .juanit-service-style-4 .juanit-service-title a {
            color: var(--juanit-white-color);
        }

            .juanit-service-style-4 .juanit-service-title a:hover {
                color: var(--juanit-global-color);
            }

    .juanit-service-style-4 .juanit-serv-cat {
        display: none;
    }

    .juanit-service-style-4 .juanit-service-icon {
        position: absolute;
        top: 40px;
        left: 40px;
        z-index: 2;
    }

        .juanit-service-style-4 .juanit-service-icon img {
            max-width: 40px;
            height: 40px
        }

    .juanit-service-style-4 .juanit-service-icon {
        font-size: 40px;
        line-height: 40px;
        color: var(--juanit-white-color)
    }

        .juanit-service-style-4 .juanit-service-icon svg {
            fill: var(--juanit-white-color)
        }

    .juanit-service-style-4 .juanit-service-description {
        height: 0;
        opacity: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        color: var(--juanit-white-color);
    }

    .juanit-service-style-4:hover .juanit-service-description {
        opacity: 1;
        height: 60px;
    }

.juanit-element-service-style-4 .juanit-service-description {
    color: var(--juanit-white-color);
}

.juanit-service-style-4 .juanit-service-btn {
    color: var(--juanit-blackish-color);
    background-color: var(--juanit-light-color);
}

.juanit-bg-color-global .juanit-service-style-4:hover .juanit-service-btn {
    background-color: var(--juanit-blackish-color);
}

.juanit-service-style-4.juanit-ele-service .juaniinfotech-post-item {
    position: relative;
}
/* For bg color */
.juanit-bg-color-light .juanit-service-style-4 .juanit-featured-img-wrapper::after {
    background-color: var(--juanit-light-color);
}

.juanit-bg-color-blackish .juanit-service-style-4 .juanit-featured-img-wrapper::after {
    background-color: var(--juanit-blackish-color);
}

.juanit-bg-color-global .juanit-service-style-4 .juanit-featured-img-wrapper::after {
    background-color: var(--juanit-global-color);
}

.juanit-bg-color-secondary .juanit-service-style-4 .juanit-featured-img-wrapper::after {
    background-color: var(--juanit-secondary-color);
}

.juanit-bg-color-light .juanit-service-style-4 .juanit-service-btn {
    background-color: var(--juanit-white-color);
}

/** Style 5 **/
.juanit-service-style-5 .juanit-service-image-wrapper .juanit-service-btn,
.juanit-service-style-5 .juanit-featured-wrapper img {
    position: relative;
    -webkit-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.juanit-service-style-5 .juaniinfotech-post-item {
    border-radius: 30px;
    border: 1px solid rgba(var(--juanit-blackish-color-rgb), 0.15);
}

.juanit-element-viewtype-carousel .juanit-service-style-5 .juaniinfotech-post-item {
    margin: 0 0 5px 5px;
}

.juanit-service-style-5 .juanit-featured-wrapper {
    overflow: hidden;
    border-radius: 30px;
}

.juanit-element-viewtype-carousel.juanit-element-service-style-5 .juanit-element-posts-wrapper {
    border-radius: 30px;
}

.juanit-service-style-5 .juanit-featured-wrapper img {
    width: 100%;
}

.juanit-service-style-5:hover .juanit-featured-wrapper img {
    transform: scale(1.02);
}

.juanit-service-style-5 .juanit-service-image-wrapper {
    position: relative;
}

    .juanit-service-style-5 .juanit-service-image-wrapper a.juanit-link {
        z-index: 0;
    }

.juanit-service-style-5 .juanit-service-btn-wrapper {
    position: absolute;
    right: 50px;
    bottom: -10px;
    display: table;
    text-align: center;
    z-index: 1;
    padding: 8px 8px 0 8px;
    border-radius: 50px 50px 0 0;
    background-color: var(--juanit-white-color);
}

    .juanit-service-style-5 .juanit-service-btn-wrapper::after,
    .juanit-service-style-5 .juanit-service-btn-wrapper::before {
        content: "";
        position: absolute;
        background-color: transparent;
        bottom: 10px;
        height: 40px;
        width: 20px;
        box-shadow: 0 20px 0 0 var(--juanit-white-color);
    }

    .juanit-service-style-5 .juanit-service-btn-wrapper::before {
        right: 100%;
        border-bottom-right-radius: 20px;
    }

    .juanit-service-style-5 .juanit-service-btn-wrapper::after {
        left: 100%;
        border-bottom-left-radius: 20px;
    }

.juanit-service-style-5 .juanit-service-image-wrapper .juanit-service-btn {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 100%;
    text-align: center;
    font-size: 24px;
    z-index: 2;
    position: relative;
    color: var(--juanit-white-color);
    background-color: var(--juanit-global-color);
}

.juanit-service-style-5:hover .juanit-service-image-wrapper .juanit-service-btn {
    background-color: var(--juanit-blackish-color);
}

.juanit-service-style-5 .juanit-content-box {
    padding: 40px 35px 30px 35px;
}

.juanit-service-style-5 .juaniinfotech-box-number {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--juanit-global-color);
}

.juanit-service-style-5 .juanit-service-title {
    position: relative;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-transform: capitalize;
    word-break: break-all;
}

.juanit-service-style-5 .juanit-service-description p {
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.juanit-service-style-5 .juanit-service-icon {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 20px;
    text-align: center;
    font-size: 45px;
    line-height: 30px;
    color: var(--juanit-global-color);
    background-color: var(--juanit-light-color-3);
}

.juanit-service-style-5 .juanit-serv-cat,
.juanit-service-style-5 .juaniinfotech-box-number {
    display: none;
}

/** Style 6 **/
.juanit-service-style-6 .juanit-featured-wrapper img {
    position: relative;
    -webkit-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.juanit-service-style-6 .juaniinfotech-post-item {
    border-radius: 30px;
    border: 1px solid rgba(var(--juanit-blackish-color-rgb), 0.15);
}

.juanit-element-viewtype-carousel .juanit-service-style-6 .juaniinfotech-post-item {
    margin: 0 0 5px 5px;
}

.juanit-element-viewtype-carousel.juanit-element-service-style-6 .juanit-element-posts-wrapper {
    border-radius: 30px;
}

.juanit-service-style-6 .juanit-featured-wrapper {
    overflow: hidden;
    border-radius: 30px 30px 0 0;
}

    .juanit-service-style-6 .juanit-featured-wrapper img {
        width: 100%;
    }

.juanit-service-style-6:hover .juanit-featured-wrapper img {
    transform: scale(1.02);
}

.juanit-service-style-6 .juanit-service-image-wrapper {
    position: relative;
}

.juanit-service-style-6 .juanit-service-icon-wrapper {
    position: absolute;
    left: 50%;
    bottom: -34px;
    display: table;
    text-align: center;
    z-index: 1;
    padding: 6px 6px 0 6px;
    border-radius: 50px 50px 0 0;
    background-color: var(--juanit-white-color);
    -khtml-transform: translateX(-50%) translateY(0%);
    -moz-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    -o-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
}

    .juanit-service-style-6 .juanit-service-icon-wrapper::after,
    .juanit-service-style-6 .juanit-service-icon-wrapper::before {
        content: "";
        position: absolute;
        background-color: transparent;
        bottom: 34px;
        height: 40px;
        width: 20px;
        box-shadow: 0 20px 0 0 var(--juanit-white-color);
    }

    .juanit-service-style-6 .juanit-service-icon-wrapper::before {
        right: calc(100% - 4%);
        border-bottom-right-radius: 20px;
    }

    .juanit-service-style-6 .juanit-service-icon-wrapper::after {
        left: calc(100% - 4%);
        border-bottom-left-radius: 20px;
    }

.juanit-service-style-6 .juanit-content-box {
    text-align: center;
    padding: 75px 60px 50px 60px;
}

.juanit-service-style-6 .juaniinfotech-box-number {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--juanit-global-color);
}

.juanit-service-style-6 .juanit-service-title {
    position: relative;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-transform: capitalize;
    word-break: break-all;
}

.juanit-service-style-6 .juanit-service-description p {
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.juanit-service-style-6 .juanit-service-icon {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    text-align: center;
    font-size: 35px;
    line-height: 35px;
    color: var(--juanit-white-color);
    background-color: var(--juanit-blackish-color);
}

.juanit-service-style-6 .juanit-service-btn-text {
    padding-left: 30px;
    margin-bottom: 20px;
    display: inline-block;
}

.juanit-service-style-6 .juanit-service-btn-text,
.juanit-service-style-6 .juanit-serv-cat,
.juanit-service-style-6 .juaniinfotech-box-number {
    display: none;
}

/** Style 7 **/
.juanit-service-style-7 {
    margin-bottom: 30px;
}

    .juanit-service-style-7 .juanit-service-image-wrapper {
        transition: all .5s ease-in-out
    }

    .juanit-service-style-7,
    .juanit-service-style-7 .juanit-featured-img-wrapper {
        position: relative;
    }

        .juanit-service-style-7 .juanit-featured-img-wrapper::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0) 73%);
            z-index: 1;
            border-radius: 30px;
        }

        .juanit-service-style-7 .juanit-service-image-wrapper img {
            border-radius: 30px;
            transition: all .4s ease-in-out;
            width: 100%
        }

        .juanit-service-style-7:hover .juanit-service-image-wrapper img {
            transform: scale(1.05)
        }

        .juanit-service-style-7 .juanit-featured-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 30px;
        }

        .juanit-service-style-7 .juanit-featured-img-wrapper::after {
            content: '';
            position: absolute;
            width: 119px;
            height: 112px;
            top: auto;
            left: auto;
            bottom: -1px;
            right: -1px;
            z-index: 1;
            background-color: var(--juanit-white-color);
            mask: url(../images/bg/shape-bottom.png) bottom right no-repeat;
            -webkit-mask: url(../images/bg/shape-bottom.png) bottom right no-repeat;
        }

        .juanit-service-style-7 .juaniinfotech-box-content {
            position: relative;
        }

        .juanit-service-style-7 .juanit-content-box {
            position: absolute;
            bottom: 30px;
            left: 30px;
            z-index: 1;
            width: calc(100% - 35%);
        }

        .juanit-service-style-7 .juanit-service-title {
            font-size: 24px;
            line-height: 26px;
            margin-bottom: 15px;
            padding-right: 20%;
        }

            .juanit-service-style-7 .juanit-service-title a {
                color: var(--juanit-white-color);
            }

                .juanit-service-style-7 .juanit-service-title a:hover {
                    color: var(--juanit-global-color);
                }

        .juanit-service-style-7 .juanit-service-icon,
        .juanit-service-style-7 .juanit-serv-cat {
            display: none;
        }

        .juanit-service-style-7 .juanit-service-icon {
            position: absolute;
            top: 40px;
            left: 40px;
            z-index: 2;
        }

            .juanit-service-style-7 .juanit-service-icon img {
                max-width: 40px;
                height: 40px
            }

        .juanit-service-style-7 .juanit-service-icon {
            font-size: 40px;
            line-height: 40px;
            color: var(--juanit-white-color)
        }

            .juanit-service-style-7 .juanit-service-icon svg {
                fill: var(--juanit-white-color)
            }

        .juanit-service-style-7 .juanit-service-description {
            height: 0;
            opacity: 0;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            -webkit-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
            color: var(--juanit-white-color);
        }

        .juanit-service-style-7:hover .juanit-service-description {
            opacity: 1;
            height: 56px;
        }

        .juanit-service-style-7.juanit-ele-service .juanit-service-btn {
            color: var(--juanit-blackish-color);
            background-color: transparent;
            border: 1px solid rgba(var(--juanit-blackish-color-rgb), 0.1);
        }

        .juanit-service-style-7.juanit-ele-service:hover .juanit-service-btn {
            border-color: transparent;
            color: var(--juanit-white-color);
            background-color: var(--juanit-global-color);
        }

        .juanit-service-style-7.juanit-ele-service .juaniinfotech-post-item {
            position: relative;
        }
/*----------------------------------------*/
/*  05 - Blog
/*----------------------------------------*/
/** Style 1 **/
.juanit-blog-style-1 .juanit-featured-wrapper img,
.juanit-blog-style-1 .juanit-featured-container .juanit-blog-btn {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.juanit-blog-style-1 .juanit-featured-container {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    margin: 0 0 25px;
}

.juanit-blog-style-1 .juanit-post-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.juanit-blog-style-1:hover .juanit-featured-wrapper img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.juanit-blog-style-1 .juanit-featured-wrapper,
.juanit-blog-style-1 .juanit-featured-wrapper img {
    position: relative;
    width: 100%;
    border-radius: 30px;
}

.juanit-blog-style-1 .juaniinfotech-box-content .juanit-blog-btn {
    top: 30px;
    right: 30px;
    bottom: inherit;
}

.juanit-ele-blog.juanit-blog-style-1:hover .juanit-blog-btn {
    background-color: var(--juanit-global-color);
    color: var(--juanit-white-color);
}

.juanit-blog-style-1 .juanit-post-author span {
    margin-right: 3px;
    display: inline-block;
}

.juanit-blog-style-1 .juanit-meta-line i {
    font-size: 18px;
    margin-right: 3px;
    color: var(--juanit-global-color);
}
/** Style 2 **/
.juanit-blog-style-2 .juanit-featured-wrapper img,
.juanit-blog-style-2 .juanit-featured-container .juanit-blog-btn,
.juanit-blog-style-2 .juanit-featured-wrapper::before {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.juanit-blog-style-2 .post-item {
    position: relative;
}

.juanit-blog-style-2 .juaniinfotech-content-inner {
    display: flex;
    align-items: center;
}

.juanit-blog-style-2 .juanit-featured-img-wrapper {
    margin-right: 35px;
}

.juanit-blog-style-2 .juanit-featured-wrapper img {
    max-width: 110px;
    height: 110px;
    border-radius: 20px;
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
}

.juanit-blog-style-2:hover .juanit-featured-wrapper img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.juanit-blog-style-2 .juanit-post-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 0;
}

    .juanit-blog-style-2 .juanit-post-title,
    .juanit-blog-style-2 .juanit-post-title a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-transform: capitalize;
    }

.juanit-meta-line {
    margin-bottom: 5px;
    display: inline-block;
    margin-right: 9px;
    position: relative;
}

    .juanit-meta-line,
    .juanit-meta-line a {
        font-size: 14px;
        line-height: 26px;
        letter-spacing: .5px;
        text-transform: uppercase;
        color: #666;
    }

.juanit-blog-style-2 .juanit-meta-line i {
    font-size: 20px;
    line-height: 20px;
    color: var(--juanit-global-color);
}

.blog-one-left-col .juanit-blog-style-2:not(:last-child) .post-item,
.blog-three-right-col .juanit-blog-style-2:not(:last-child) .post-item {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(var(--juanit-blackish-color-rgb),.15);
}

.juanit-blog-style-2 .juanit-post-author span {
    margin-right: 3px;
    display: inline-block;
}
/** Style 3 **/
.juanit-blog-style-3 .juanit-featured-wrapper img,
.juanit-blog-style-3 .juanit-featured-wrapper::before,
.juanit-blog-style-3 .juanit-featured-wrapper::after,
.juanit-blog-style-3 .juanit-post-title::before {
    transition: all 0.6s ease-in-out;
}

.juanit-blog-style-3 .post-item {
    border-radius: 30px;
    position: relative;
}

.juanit-blog-style-3 .juanit-featured-wrapper {
    position: relative;
    display: none;
    overflow: hidden;
    border-radius: 30px;
}

    .juanit-blog-style-3 .juanit-featured-wrapper::before {
        bottom: 0;
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        right: 50%;
        z-index: 1;
    }

.juanit-blog-style-3 .juanit-featured-container {
    background: var(--juanit-white-color);
    border-radius: 30px 0 0 30px;
    flex: 1 1 0%;
    max-width: 385px;
}

.juanit-blog-style-3 .juanit-bg-image {
    border-radius: 30px 0 0 30px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.juanit-blog-style-3 .juaniinfotech-box-wrap {
    flex: 1 1 0%;
    position: relative;
}

.juanit-blog-style-3 .juanit-featured-wrapper img {
    position: relative;
    width: 100%;
    border-radius: 30px;
}

.juanit-blog-style-3:hover .juanit-featured-wrapper img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.juanit-blog-style-3 .juanit-date-admin-wraper {
    margin-bottom: 15px;
}

.juanit-blog-style-3 .juanit-meta-line i {
    font-size: 20px;
    line-height: 20px;
    color: var(--juanit-global-color);
}

.juanit-blog-style-3 .juanit-meta-line {
    margin-right: 12px;
}

    .juanit-blog-style-3 .juanit-meta-line:last-child {
        margin-right: 0;
    }

.juanit-blog-style-3 .juaniinfotech-box-content {
    padding: 130px 70px;
    padding-bottom: 0;
    min-height: 500px;
    position: relative;
    background-color: var(--juanit-light-color);
    border-radius: 0 30px 30px 0;
    z-index: 1;
}

    .juanit-blog-style-3 .juaniinfotech-box-content::before {
        content: '';
        position: absolute;
        width: 112px;
        height: 112px;
        top: auto;
        left: auto;
        bottom: -1px;
        right: -1px;
        background-color: var(--juanit-white-color);
        -webkit-mask: url(../images/bg/shape-bottom.png) bottom right no-repeat;
        mask: url(../images/bg/shape-bottom.png) bottom right no-repeat;
    }

.juanit-blog-style-3 .juanit-post-title {
    font-size: 30px;
    line-height: 36px;
}

    .juanit-blog-style-3 .juanit-post-title,
    .juanit-blog-style-3 .juanit-post-title a {
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        text-transform: capitalize;
    }

.juanit-blog-style-3 .juaniinfotech-box-wrap .juanit-blog-btn {
    color: var(--juanit-blackish-color);
    background-color: var(--juanit-light-color);
    z-index: 1;
}

.juanit-elementor-bg-color-light .juanit-blog-style-3 .juanit-blog-btn {
    background-color: var(--juanit-white-color);
}

.juanit-blog-style-3:hover .juaniinfotech-box-wrap .juanit-blog-btn {
    background-color: var(--juanit-global-color);
    color: var(--juanit-white-color);
}

.juanit-blog-style-3 .juanit-post-author span {
    margin-right: 3px;
    display: inline-block;
}

.juanit-button-icon i:before {
    font-weight: 600 !important;
}
/** Style 4 **/
.juanit-blog-style-4 .juanit-featured-wrapper img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.juanit-blog-style-4 .juanit-post-item {
    border-radius: 30px;
    border: 1px solid rgba(var(--juanit-blackish-color-rgb), 0.15);
}

.juanit-element-viewtype-carousel .juanit-blog-style-4 .juanit-post-item {
    margin: 0 0 5px 5px;
}

.juanit-blog-style-4 .juanit-featured-container {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}

.juanit-element-viewtype-carousel.juanit-element-blog-style-4 .juanit-element-posts-wrapper {
    border-radius: 30px;
}

.juanit-blog-style-4 .juanit-featured-container a.juanit-link {
    z-index: 0;
}

.juanit-blog-style-4 .juanit-content-wrapper {
    padding: 45px 35px 35px 35px;
}

.juanit-blog-style-4 .juanit-post-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
}

    .juanit-blog-style-4 .juanit-post-title a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }

.juanit-blog-style-4 .juanit-meta-category-wrapper {
    margin: 0;
}

    .juanit-blog-style-4 .juanit-meta-category-wrapper a:hover {
        color: #666;
    }

.juanit-blog-style-4 .juanit-meta-date {
    position: absolute;
    bottom: 0;
    right: 50px;
    margin: 0;
    padding: 12px 30px 12px 30px;
    border-radius: 30px 30px 0 0;
    color: var(--juanit-global-color);
    background-color: var(--juanit-white-color);
}

    .juanit-blog-style-4 .juanit-meta-date::after,
    .juanit-blog-style-4 .juanit-meta-date::before {
        content: "";
        position: absolute;
        background-color: transparent;
        bottom: 0;
        height: 40px;
        width: 20px;
        box-shadow: 0 20px 0 0 var(--juanit-white-color);
    }

    .juanit-blog-style-4 .juanit-meta-date::before {
        right: 100%;
        border-bottom-right-radius: 20px;
    }

    .juanit-blog-style-4 .juanit-meta-date::after {
        left: 100%;
        border-bottom-left-radius: 20px;
    }

.juanit-blog-style-4:hover .juanit-featured-wrapper img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.juanit-blog-style-4 .juanit-featured-wrapper,
.juanit-blog-style-4 .juanit-featured-wrapper img {
    position: relative;
    width: 100%;
    border-radius: 30px;
}

/** Style 5 **/
.juanit-blog-style-5 {
    margin-bottom: 30px;
}

    .juanit-blog-style-5 .juaniinfotech-box-content::after,
    .juanit-blog-style-5 .juanit-featured-wrapper,
    .juanit-blog-style-5 .juanit-post-title a,
    .juanit-blog-style-5 .juanit-post-title {
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .juanit-blog-style-5 .juaniinfotech-box-content {
        position: relative;
        padding: 40px 35px 20px;
        border: 1px solid #e5e5e5;
        border-radius: 20px;
    }

    .juanit-blog-style-5 .juanit-featured-container {
        position: relative;
        overflow: hidden;
        border-radius: 30px;
        margin: 0 0 25px;
    }

    .juanit-blog-style-5 .juanit-post-title {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 140px;
        min-height: 55px;
    }

    .juanit-blog-style-5:hover .juanit-post-title a,
    .juanit-blog-style-5:hover .juanit-post-title {
        color: var(--juanit-white-color);
    }

    .juanit-blog-style-5 .juanit-post-title a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .juanit-blog-style-5 .juanit-featured-wrapper::after,
    .juanit-blog-style-5 .juanit-featured-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        border-radius: 20px;
        z-index: -1;
    }

        .juanit-blog-style-5 .juanit-featured-wrapper::after {
            content: '';
            z-index: 0;
            background-color: rgba(var(--juanit-secondary-color-rgb), 0.6);
        }

    .juanit-blog-style-5:hover .juanit-featured-wrapper::after,
    .juanit-blog-style-5:hover .juanit-featured-wrapper {
        opacity: 1;
        visibility: visible;
    }

    .juanit-blog-style-5 .juanit-featured-wrapper img {
        border-radius: 20px;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

.juanit-ele-blog.juanit-blog-style-5 .juanit-blog-btn {
    position: unset;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: var(--juanit-blackish-color);
    background-color: transparent;
    border: 1px solid #e5e5e5;
}

.juanit-ele-blog.juanit-blog-style-5:hover .juanit-blog-btn {
    background-color: var(--juanit-global-color);
    color: var(--juanit-white-color);
}

.juanit-blog-style-5 .juanit-meta-line a,
.juanit-blog-style-5 .juanit-meta-line {
    color: var(--juanit-global-color);
}

.juanit-blog-style-5 .juanit-blog-button-box {
    position: absolute;
    right: -1px;
    bottom: -1px;
}

.juanit-blog-style-5 .juanit-blog-button-wrapper {
    border-radius: 40px 0 0 0;
    padding: 10px 2px 2px 10px;
    background-color: var(--juanit-white-color);
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

.juanit-blog-style-5 .juanit-blog-button-box::after,
.juanit-blog-style-5 .juanit-blog-button-box::before {
    content: "";
    position: absolute;
    top: -29px;
    right: 0;
    height: 30px;
    width: 30px;
    border-radius: 0 0 20px 0;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    border-top: 0;
    border-left: 0;
    box-shadow: 0 15px 0 0 var(--juanit-white-color);
}

.juanit-blog-style-5 .juanit-blog-button-box::after {
    top: inherit;
    bottom: 0;
    left: -29px;
    right: inherit;
}

.juanit-element-blog-style-5 .juanit-blog-group-right .row {
    margin: 0;
}

.juanit-element-blog-style-5 .juanit-date-wraper {
    padding-right: 45px;
}

.juanit-element-blog-style-5 .juanit-meta-line a,
.juanit-element-blog-style-5 .juanit-meta-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    word-break: break-all;
    overflow: hidden;
}
/* First Blog Design */
.juanit-element-blog-style-5 .juanit-blog-group-left .juanit-featured-wrapper {
    position: unset;
    content: unset;
    opacity: 1;
    visibility: visible;
}

.juanit-element-blog-style-5 .juanit-blog-group-left .juanit-content-wrapper {
    height: auto;
    position: absolute;
    bottom: 50px;
    left: 50px;
    right: 50px;
}

.juanit-element-blog-style-5 .juanit-blog-group-left .juaniinfotech-box-content {
    padding: 0;
}

.juanit-element-blog-style-5 .juanit-blog-group-left .juanit-post-title a {
    color: var(--juanit-white-color);
}

.juanit-element-blog-style-5 .juanit-blog-group-left .juanit-featured-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    z-index: 0;
    background: linear-gradient(to top, rgba(var(--juanit-secondary-color-rgb), 1) 0%, rgba(var(--juanit-secondary-color-rgb), 0) 51%, rgba(var(--juanit-secondary-color-rgb), 0) 63%);
    opacity: 1;
    visibility: visible;
}

.juanit-element-blog-style-5 .juanit-blog-group-left .juanit-post-title {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 15px;
    min-height: 0;
    text-transform: capitalize;
}

/*----------------------------------------*/
/*  06 - Testimonial
/*----------------------------------------*/
/** Style 1 **/
.juanit-testimonial-style-1 .juaniinfotech-post-item {
    position: relative;
}

.juanit-testimonial-style-1 .juanit-box-content-wrap {
    padding: 45px 55px 50px;
    position: relative;
    background-color: transparent;
    z-index: 1;
}

    .juanit-testimonial-style-1 .juanit-box-content-wrap::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--juanit-light-color);
        clip-path: polygon( 0% 91.654%,0% 9.05%,0% 9.05%,0.008% 8.5%,0.034% 7.954%,0.079% 7.411%,0.142% 6.872%,0.224% 6.34%,0.324% 5.815%,0.442% 5.298%,0.578% 4.789%,0.731% 4.291%,0.902% 3.804%,0.902% 3.781%,0.902% 3.781%,1.015% 3.51%,1.136% 3.249%,1.266% 2.997%,1.403% 2.755%,1.549% 2.524%,1.701% 2.303%,1.86% 2.093%,2.027% 1.895%,2.199% 1.709%,2.379% 1.535%,2.379% 1.535%,2.705% 1.243%,3.041% 0.98%,3.385% 0.748%,3.738% 0.546%,4.097% 0.376%,4.463% 0.236%,4.833% 0.129%,5.208% 0.053%,5.586% 0.01%,5.967% -0%,94.523% 0%,94.523% 0%,94.81% 0.008%,95.096% 0.038%,95.379% 0.09%,95.66% 0.164%,95.938% 0.259%,96.212% 0.376%,96.482% 0.514%,96.747% 0.673%,97.007% 0.853%,97.261% 1.053%,97.314% 1.1%,97.314% 1.1%,97.799% 1.589%,98.242% 2.146%,98.64% 2.763%,98.992% 3.435%,99.296% 4.156%,99.548% 4.919%,99.746% 5.719%,99.89% 6.549%,99.975% 7.403%,100% 8.276%,100% 60.435%,100% 60.435%,99.997% 60.702%,99.988% 60.968%,99.974% 61.234%,99.954% 61.499%,99.929% 61.762%,99.898% 62.025%,99.862% 62.285%,99.82% 62.544%,99.772% 62.802%,99.719% 63.056%,99.719% 63.056%,99.658% 63.338%,99.596% 63.62%,99.534% 63.902%,99.47% 64.182%,99.405% 64.462%,99.339% 64.74%,99.271% 65.017%,99.2% 65.293%,99.127% 65.566%,99.051% 65.837%,99.051% 65.837%,98.74% 66.825%,98.395% 67.763%,98.013% 68.647%,97.593% 69.472%,97.131% 70.234%,96.625% 70.93%,96.073% 71.554%,95.472% 72.103%,94.821% 72.572%,94.116% 72.957%,94.116% 72.957%,93.814% 73.084%,93.51% 73.186%,93.205% 73.267%,92.898% 73.328%,92.591% 73.375%,92.282% 73.408%,91.973% 73.432%,91.663% 73.45%,91.353% 73.464%,91.042% 73.478%,91.042% 73.478%,89.62% 73.645%,88.303% 74.003%,87.095% 74.551%,85.996% 75.285%,85.011% 76.202%,84.14% 77.3%,83.386% 78.576%,82.752% 80.027%,82.24% 81.651%,81.851% 83.445%,81.851% 83.445%,81.766% 83.98%,81.697% 84.516%,81.642% 85.055%,81.599% 85.595%,81.565% 86.137%,81.54% 86.68%,81.52% 87.225%,81.505% 87.77%,81.492% 88.317%,81.479% 88.864%,81.479% 88.864%,81.382% 90.497%,81.175% 92.007%,80.861% 93.393%,80.439% 94.654%,79.91% 95.789%,79.276% 96.799%,78.537% 97.681%,77.695% 98.436%,76.75% 99.062%,75.704% 99.558%,75.704% 99.558%,75.628% 99.581%,75.55% 99.593%,75.471% 99.597%,75.39% 99.596%,75.308% 99.593%,75.227% 99.591%,75.146% 99.592%,75.067% 99.601%,74.989% 99.618%,74.913% 99.648%,74.913% 99.648%,74.73% 99.725%,74.546% 99.793%,74.36% 99.853%,74.173% 99.903%,73.985% 99.945%,73.797% 99.977%,73.608% 100.001%,73.418% 100.015%,73.228% 100.02%,73.038% 100.017%,5.568% 100.017%,5.568% 100.017%,5.038% 99.983%,4.516% 99.875%,4.008% 99.696%,3.515% 99.448%,3.04% 99.133%,2.587% 98.753%,2.159% 98.311%,1.759% 97.809%,1.39% 97.249%,1.056% 96.635%,1.056% 96.635%,1.055% 96.628%,1.053% 96.621%,1.05% 96.614%,1.046% 96.606%,1.042% 96.599%,1.037% 96.592%,1.033% 96.585%,1.028% 96.577%,1.024% 96.569%,1.02% 96.561%,1.02% 96.561%,0.827% 96.122%,0.654% 95.668%,0.5% 95.199%,0.366% 94.719%,0.253% 94.227%,0.16% 93.726%,0.088% 93.216%,0.037% 92.7%,0.008% 92.179%,-0% 91.654% );
        z-index: -1;
    }

.juanit-element-testimonial-style-1 .juanit-ele-header-area {
    position: relative;
    padding: 80px 70px 0 50px;
}

    .juanit-element-testimonial-style-1 .juanit-ele-header-area::before {
        font-family: "juaninfotechicon";
        content: '\e826';
        position: absolute;
        left: -130px;
        top: -10px;
        font-size: 300px;
        line-height: 300px;
        display: inline-block;
        background: rgba(var(--juanit-blackish-color-rgb), 0.03);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        z-index: -1;
    }

.juanit-testimonial-style-1 .juaniinfotech-box-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 400;
    color: var(--juanit-global-color);
}

.juanit-testimonial-style-1 .juanit-featured-wrapper img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
}

.juanit-testimonial-style-1 .juaniinfotech-box-img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.juanit-testimonial-style-1 .juaniinfotech-testimonial-text {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 20px 0 30px;
    border: 0;
}

    .juanit-testimonial-style-1 .juaniinfotech-testimonial-text p {
        margin-bottom: 0;
    }

.juanit-testimonial-style-1 .juaniinfotech-testimonial-detail,
.juanit-testimonial-style-1 .juaniinfotech-box-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.juanit-testimonial-style-1 .juaniinfotech-box-star-ratings {
    font-size: 12px;
    line-height: 12px;
    color: rgba(var(--juanit-global-color-rgb), 0.5);
}

    .juanit-testimonial-style-1 .juaniinfotech-box-star-ratings .juanit-active {
        color: #ffa72a;
    }

.juanit-testimonial-style-1 .juaniinfotech-testimonial-detail {
    font-size: 12px;
}

.juanit-bg-color-light .juanit-testimonial-style-1 .juanit-box-content-wrap::before {
    background-color: var(--juanit-white-color);
}
/** Style 2 **/
.juanit-testimonial-style-2 .juaniinfotech-box-star-ratings {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 22px;
}

    .juanit-testimonial-style-2 .juaniinfotech-box-star-ratings i {
        color: rgba(var(--juanit-global-color-rgb),0.6);
    }

    .juanit-testimonial-style-2 .juaniinfotech-box-star-ratings .juanit-active {
        color: #ffa72a;
    }

.juanit-testimonial-style-2 blockquote {
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    border: 0;
    margin-bottom: 30px;
    color: var(--juanit-blackish-color);
}

.juanit-testimonial-style-2 .juaniinfotech-box-content {
    position: relative;
    display: flex;
    background-color: var(--juanit-light-color);
    border-radius: 30px;
    padding: 5px;
}

.juanit-testimonial-style-2 .juaniinfotech-box-content-inner {
    padding: 60px 55px;
}

.juanit-testimonial-style-2 .juanit-featured-wrapper {
    position: relative;
}

.juanit-element-testimonial-style-2 .juanit-ele-header-area {
    position: relative;
    padding: 80px 70px 0 90px;
}

    .juanit-element-testimonial-style-2 .juanit-ele-header-area::before {
        font-family: "juaninfotechicon";
        content: '\e826';
        position: absolute;
        left: 0;
        top: -45px;
        font-size: 300px;
        line-height: 300px;
        display: inline-block;
        color: rgba(var(--juanit-white-color-rgb), 0.2);
        background: -webkit-linear-gradient(rgba(108,79,54,1) 0%,rgba(81,64,49,0.3) 99%,rgba(81,64,49,0.3) 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        opacity: 30%;
        z-index: -1;
    }

.juanit-testimonial-style-2 .juanit-featured-wrapper {
    width: 370px;
}

    .juanit-testimonial-style-2 .juanit-featured-wrapper img {
        border-radius: 30px;
    }

.juanit-testimonial-style-2 .juaniinfotech-box-title {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0;
    color: var(--juanit-global-color);
}

.juanit-testimonial-style-2 .juaniinfotech-testimonial-detail {
    font-size: 12px;
    color: var(--juanit-blackish-color);
}
/** Style 3 **/
.juanit-testimonial-style-3 .juaniinfotech-post-item,
.juanit-element-testimonial-style-3 .juanit-ele-header-area {
    position: relative;
}

    .juanit-element-testimonial-style-3 .juanit-ele-header-area::before {
        font-family: "juaninfotechicon";
        content: '\e886';
        position: absolute;
        right: -63%;
        top: -23px;
        font-size: 290px;
        line-height: 290px;
        display: inline-block;
        color: rgba(var(--juanit-blackish-color-rgb), 0.2);
        background: -webkit-linear-gradient(rgba(196,196,196,1) 0%,rgba(254,254,254,0.3) 99%,rgba(255,255,255,0.3) 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        opacity: 0.2;
        z-index: -1;
    }

.juanit-testimonial-style-3 .juaniinfotech-box-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    color: var(--juanit-global-color);
}

.juanit-testimonial-style-3 .juanit-featured-wrapper {
    width: 80px;
    margin-right: 20px;
}

    .juanit-testimonial-style-3 .juanit-featured-wrapper img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }

.juanit-testimonial-style-3 .juaniinfotech-testimonial-text {
    font-size: 16px;
    line-height: 28px;
    margin: 0;
    padding: 10px 0 30px;
    border: 0;
}

    .juanit-testimonial-style-3 .juaniinfotech-testimonial-text p {
        margin-bottom: 0;
    }

.juanit-testimonial-style-3 .juaniinfotech-testimonial-detail,
.juanit-testimonial-style-3 .juaniinfotech-box-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.juanit-testimonial-style-3 .juaniinfotech-box-star-ratings {
    font-size: 12px;
    line-height: 12px;
    color: rgba(var(--juanit-global-color-rgb), 0.5);
}

    .juanit-testimonial-style-3 .juaniinfotech-box-star-ratings .juanit-active {
        color: #ffa72a;
    }

/** Style 4 **/
.juanit-testimonial-style-4 .juaniinfotech-post-item {
    position: relative;
    padding: 130px 100px 160px;
    z-index: 1;
    border-radius: 20px;
    color: var(--juanit-white-color);
    background-color: var(--juanit-secondary-color);
}

.juanit-element-testimonial-style-4 .juanit-element-inner {
    position: relative;
    overflow: hidden;
}

.juanit-bg-color-blackish .juanit-testimonial-style-4 .juaniinfotech-post-item,
.juanit-bg-color-secondary .juanit-testimonial-style-4 .juaniinfotech-post-item {
    background-color: rgba(var(--juanit-global-color-rgb), 0.4);
}

.juanit-testimonial-style-4 .juaniinfotech-post-item::before {
    font-family: "juaninfotechicon";
    content: '\e826';
    position: absolute;
    right: 40px;
    top: 40px;
    font-size: 290px;
    line-height: 290px;
    display: inline-block;
    color: rgba(var(--juanit-white-color-rgb), 0.04);
    z-index: -1;
}

.juanit-testimonial-style-4 .juaniinfotech-box-title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
    color: var(--juanit-global-color);
}

    .juanit-testimonial-style-4 .juaniinfotech-box-title::before {
        content: '/';
        margin-right: 3px;
        display: inline-block;
    }

.juanit-testimonial-style-4 .juanit-featured-wrapper {
    display: none;
    width: 80px;
    margin-right: 20px;
}

    .juanit-testimonial-style-4 .juanit-featured-wrapper img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }

.juanit-testimonial-style-4 .juaniinfotech-testimonial-text {
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    padding: 10px 0 30px;
    border: 0;
}

    .juanit-testimonial-style-4 .juaniinfotech-testimonial-text p {
        margin-bottom: 0;
    }

.juanit-testimonial-style-4 .juaniinfotech-testimonial-detail,
.juanit-testimonial-style-4 .juaniinfotech-box-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.juanit-testimonial-style-4 .juaniinfotech-box-star-ratings {
    font-size: 20px;
    line-height: 20px;
    color: rgba(var(--juanit-global-color-rgb), 0.5);
    margin-bottom: 20px;
}

    .juanit-testimonial-style-4 .juaniinfotech-box-star-ratings i:before {
        margin: 0;
    }

    .juanit-testimonial-style-4 .juaniinfotech-box-star-ratings .juanit-active {
        color: #ffa72a;
    }

.juanit-testimonial-style-4 .juanit-auther-content {
    display: flex;
}

.juanit-testimonial-style-4 .juaniinfotech-testimonial-detail {
    line-height: 28px;
    margin: 2px 0 0 8px;
}

/** Style 5 **/
.juanit-testimonial-style-5 .juaniinfotech-post-item,
.juanit-element-testimonial-style-5 .juanit-ele-header-area {
    position: relative;
}

.juanit-testimonial-style-5 .juaniinfotech-post-item {
    color: var(--juanit-global-color);
    font-weight: 400;
    padding: 45px 0 10px;
}

.juanit-bg-color-gradient .juanit-testimonial-style-5 .juaniinfotech-post-item,
.juanit-bg-color-global .juanit-testimonial-style-5 .juaniinfotech-post-item {
    color: var(--juanit-blackish-color);
}

.juanit-element-testimonial-style-5 .juanit-ele-header-area::before {
    font-family: "juaninfotechicon";
    content: '\e826';
    position: absolute;
    right: -140px;
    top: -45px;
    font-size: 290px;
    line-height: 290px;
    display: inline-block;
    color: rgba(var(--juanit-blackish-color-rgb), 0.2);
    background: -webkit-linear-gradient(rgba(113,89,68,1) 0%,rgba(255,255,255,0.3) 99%,rgba(255,255,255,0.3) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.2;
    z-index: -1;
}

.juanit-elementor-bg-color-blackish .juanit-element-testimonial-style-5 .juanit-ele-header-area::before {
    background: -webkit-linear-gradient(rgba(113,89,68,1) 0%,rgba(64,50,38,0.3) 99%,rgba(64,50,38,0.3) 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.juanit-testimonial-style-5 .juaniinfotech-box-title {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0;
    color: var(--juanit-blackish-color);
}

.juanit-bg-color-blackish .juanit-testimonial-style-5 .juaniinfotech-box-title,
.juanit-text-color-white .juanit-testimonial-style-5 .juaniinfotech-box-title {
    color: var(--juanit-white-color);
}

.juanit-testimonial-style-5 .juanit-featured-wrapper {
    width: 70px;
    margin-right: 20px;
}

    .juanit-testimonial-style-5 .juanit-featured-wrapper img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
    }

.juanit-testimonial-style-5 .juaniinfotech-testimonial-text {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    margin: 0;
    padding: 10px 0 50px;
    border: 0;
}

    .juanit-testimonial-style-5 .juaniinfotech-testimonial-text p {
        margin-bottom: 0;
    }

.juanit-testimonial-style-5 .juaniinfotech-testimonial-detail,
.juanit-testimonial-style-5 .juaniinfotech-box-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.juanit-testimonial-style-5 .juaniinfotech-box-star-ratings {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    color: rgba(var(--juanit-global-color-rgb), 0.5);
}

    .juanit-testimonial-style-5 .juaniinfotech-box-star-ratings i:before {
        margin: 0;
    }

    .juanit-testimonial-style-5 .juaniinfotech-box-star-ratings .juanit-active {
        color: #ffa72a;
    }

/** Style 6 **/
.juanit-testimonial-style-6 .juaniinfotech-post-item {
    position: relative;
    z-index: 1;
}

    .juanit-testimonial-style-6 .juaniinfotech-post-item::before {
        font-family: "juaninfotechicon";
        content: '\e874';
        position: absolute;
        right: 1px;
        top: 0;
        width: 50px;
        height: 50px;
        font-size: 25px;
        line-height: 50px;
        text-align: center;
        z-index: 1;
        border-radius: 50%;
        color: var(--juanit-white-color);
        background-color: var(--juanit-global-color);
    }

.juanit-testimonial-style-6 .juanit-box-content-wrap {
    position: relative;
    padding: 60px 50px;
    border-radius: 30px;
    z-index: 1;
    background-color: transparent;
}

    .juanit-testimonial-style-6 .juanit-box-content-wrap::before {
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: -1;
        border-radius: 30px;
        background-color: var(--juanit-light-color);
        mask: url(../images/bg/shape-new-02.png) top right no-repeat;
        -webkit-mask: url(../images/bg/shape-new-02.png) top right no-repeat;
    }

.juanit-bg-color-light .juanit-testimonial-style-6 .juanit-box-content-wrap::before,
.juanit-bgimage-yes .juanit-testimonial-style-6 .juanit-box-content-wrap::before {
    background-color: var(--juanit-white-color);
}

.juanit-testimonial-style-6 .juaniinfotech-box-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
}

.juanit-testimonial-style-6 .juanit-featured-wrapper {
    width: 80px;
    margin-right: 20px;
}

    .juanit-testimonial-style-6 .juanit-featured-wrapper img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }

.juanit-testimonial-style-6 .juaniinfotech-testimonial-text {
    font-size: 22px;
    line-height: 34px;
    margin: 0;
    padding: 13px 0 30px;
    border: 0;
}

    .juanit-testimonial-style-6 .juaniinfotech-testimonial-text p {
        margin-bottom: 0;
    }

.juanit-testimonial-style-6 .juaniinfotech-testimonial-detail,
.juanit-testimonial-style-6 .juaniinfotech-box-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.juanit-testimonial-style-6 .juaniinfotech-box-author {
    position: relative;
}

.juanit-testimonial-style-6 .juaniinfotech-box-star-ratings {
    position: relative;
    font-size: 18px;
    line-height: 18px;
    color: rgba(var(--juanit-global-color-rgb), 0.5);
}

    .juanit-testimonial-style-6 .juaniinfotech-box-star-ratings i:before {
        margin: 0 2px;
    }

.juanit-testimonial-style-6 .juaniinfotech-testimonial-detail {
    color: var(--juanit-global-color);
}

.juanit-testimonial-style-6 .juaniinfotech-box-star-ratings .juanit-active {
    color: #ffa72a;
}

/** Style 7 **/
.juanit-testimonial-style-7 .juaniinfotech-post-item {
    position: relative;
    padding: 70px 70px 50px 70px;
    border-radius: 30px;
    border: 1px solid #e5e5e5;
}

.juanit-testimonial-style-7 .juaniinfotech-box-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    color: var(--juanit-global-color);
}

.juanit-testimonial-style-7 .juanit-featured-wrapper img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
}

.juanit-testimonial-style-7 .juanit-featured-wrapper {
    border-radius: 50px 50px 0 0;
    padding: 8px 8px 0 8px;
    background-color: var(--juanit-white-color);
    border: 1px solid #e5e5e5;
    border-bottom: none;
    position: relative;
}

    .juanit-testimonial-style-7 .juanit-featured-wrapper::before,
    .juanit-testimonial-style-7 .juanit-featured-wrapper::after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 40px;
        width: 20px;
        border: 1px solid #e5e5e5;
        border-top: none;
        background-color: transparent;
        box-shadow: 0 20px 0 0 var(--juanit-white-color);
    }

    .juanit-testimonial-style-7 .juanit-featured-wrapper::before {
        border-radius: 0 0 30px 0;
        border-left: 0;
        right: 100%;
    }

    .juanit-testimonial-style-7 .juanit-featured-wrapper::after {
        border-radius: 0px 0px 0px 30px;
        border-right: 0;
        left: 100%;
    }

.juanit-testimonial-style-7 .juanit-featured-img-wrapper {
    display: inline;
    position: absolute;
    bottom: -1px;
    right: 55px;
}

.juanit-testimonial-style-7 .juaniinfotech-box-desc {
    position: relative;
}

.juanit-testimonial-style-7 .juaniinfotech-testimonial-text {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    padding: 15px 0 40px 0;
    border: 0;
    font-weight: 700;
}

    .juanit-testimonial-style-7 .juaniinfotech-testimonial-text p {
        margin-bottom: 0;
    }

.juanit-testimonial-style-7 .juaniinfotech-box-star-ratings {
    font-size: 12px;
    line-height: 12px;
    color: rgba(var(--juanit-global-color-rgb), 0.5);
}

    .juanit-testimonial-style-7 .juaniinfotech-box-star-ratings .juanit-active {
        color: #ffa72a;
    }

/** Style 8 **/
.juanit-testimonial-style-8 .juaniinfotech-post-item {
    position: relative;
    z-index: 1;
}

    .juanit-testimonial-style-8 .juaniinfotech-post-item::after {
        font-family: "juaninfotechicon";
        content: '\e826';
        position: absolute;
        right: 50px;
        bottom: 65px;
        font-size: 48px;
        line-height: 48px;
        z-index: 1;
        color: var(--juanit-global-color);
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
    }

.juanit-testimonial-style-8 .juanit-box-content-wrap {
    position: relative;
    padding: 55px 40px 40px 50px;
    border-radius: 30px;
    z-index: 1;
    background-color: var(--juanit-light-color);
}

.juanit-element-viewtype-carousel.juanit-element-testimonial-style-8 .juanit-element-posts-wrapper {
    border-radius: 30px;
}

.juanit-testimonial-style-8 .juaniinfotech-box-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
}

.juanit-testimonial-style-8 .juanit-featured-wrapper {
    width: 80px;
    margin-right: 20px;
}

    .juanit-testimonial-style-8 .juanit-featured-wrapper img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }

.juanit-testimonial-style-8 .juaniinfotech-testimonial-text {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    margin: 0;
    padding: 40px 10px 30px 0;
    border: 0;
}

    .juanit-testimonial-style-8 .juaniinfotech-testimonial-text p {
        margin-bottom: 0;
    }

.juanit-testimonial-style-8 .juaniinfotech-testimonial-detail,
.juanit-testimonial-style-8 .juaniinfotech-box-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.juanit-testimonial-style-8 .juaniinfotech-box-author {
    position: relative;
    padding: 30px 0 0;
    margin: 20px 0 0;
    border-top: 1px solid rgba(var(--juanit-blackish-color-rgb), 0.1);
}

.juanit-testimonial-style-8 .juaniinfotech-box-star-ratings {
    position: relative;
    font-size: 18px;
    line-height: 18px;
    color: rgba(var(--juanit-global-color-rgb), 0.5);
}

    .juanit-testimonial-style-8 .juaniinfotech-box-star-ratings .juanit-active {
        color: #ffa72a;
    }

/** Style 9 **/
.juanit-testimonial-style-9 .juaniinfotech-post-item {
    position: relative;
}

.juanit-testimonial-style-9 .juanit-box-content-wrap {
    padding: 45px 40px 50px;
    position: relative;
    background-color: var(--juanit-light-color);
    z-index: 1;
    border-radius: 30px;
}

    .juanit-testimonial-style-9 .juanit-box-content-wrap::before {
        content: '';
        position: absolute;
        width: 119px;
        height: 112px;
        top: auto;
        left: auto;
        bottom: -1px;
        right: -1px;
        z-index: 1;
        background-color: var(--juanit-white-color);
        mask: url(../images/homepage-8/bg/shape-img.png) bottom right no-repeat;
        -webkit-mask: url(../images/homepage-8/bg/shape-img.png) bottom right no-repeat;
    }

.juanit-testimonial-style-9 .juaniinfotech-box-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 400;
    color: var(--juanit-global-color);
}

.juanit-testimonial-style-9 .juanit-featured-wrapper img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
}

.juanit-testimonial-style-9 .juaniinfotech-box-img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.juanit-testimonial-style-9 .juaniinfotech-testimonial-text {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 20px 0 30px;
    border: 0;
}

    .juanit-testimonial-style-9 .juaniinfotech-testimonial-text p {
        margin-bottom: 0;
    }

.juanit-testimonial-style-9 .juaniinfotech-testimonial-detail,
.juanit-testimonial-style-9 .juaniinfotech-box-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.juanit-testimonial-style-9 .juaniinfotech-box-star-ratings {
    font-size: 12px;
    line-height: 12px;
    color: rgba(var(--juanit-global-color-rgb), 0.5);
}

    .juanit-testimonial-style-9 .juaniinfotech-box-star-ratings .juanit-active {
        color: #ffa72a;
    }

.juanit-testimonial-style-9 .juaniinfotech-testimonial-detail {
    font-size: 12px;
}
/* BG Color Set */
.juanit-bg-color-light .juanit-testimonial-style-9 .juanit-box-content-wrap {
    background-color: var(--juanit-white-color);
}

    .juanit-bg-color-light .juanit-testimonial-style-9 .juanit-box-content-wrap::before {
        background-color: var(--juanit-light-color);
    }

.juanit-element-testimonial-style-9 .juanit-element-posts-wrapper.row {
    margin: 0;
}

.juanit-element-testimonial-style-9 .juanit-vertical-scroller-wrapper {
    position: relative;
    overflow: hidden;
    padding: 0;
}

    .juanit-element-testimonial-style-9 .juanit-vertical-scroller-wrapper::after,
    .juanit-element-testimonial-style-9 .juanit-vertical-scroller-wrapper::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 12%;
        z-index: 2;
        background: linear-gradient(to bottom, rgba(var(--juanit-light-color-rgb), 1) 41%, rgba(var(--juanit-light-color-rgb), 0.36) 79%, rgba(var(--juanit-light-color-rgb), 0) 100%);
    }

    .juanit-element-testimonial-style-9 .juanit-vertical-scroller-wrapper::after {
        top: inherit;
        bottom: 0;
        height: 20%;
        background: linear-gradient(to top, rgba(var(--juanit-light-color-rgb), 1) 41%, rgba(var(--juanit-light-color-rgb), 0.36) 79%, rgba(var(--juanit-light-color-rgb), 0) 100%);
    }
/*----------------------------------------*/
/*  07 - Header
/*----------------------------------------*/
.juanit-header-overlay {
    position: absolute;
    z-index: 2;
    width: 100%;
}

.site-title {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100px;
    transition: none;
    line-height: inherit;
}

    .site-title a {
        display: flex;
        align-items: center;
    }

.site-header .juanit-header-search-btn {
    padding-right: 15px;
}

    .site-header .juanit-header-search-btn a {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        display: block;
        border-radius: 50%;
        color: var(--juanit-blackish-color);
        background-color: transparent;
        border: 1px solid rgba(var(--juanit-blackish-color-rgb), .2);
    }

        .site-header .juanit-header-search-btn a:hover {
            color: var(--juanit-white-color);
            background-color: var(--juanit-global-color);
        }

.juanit-right-box .juanit-button-box-second {
    padding-right: 35px;
}
/** Header Style 1 **/
.header-style-1 .site-branding {
    border-radius: 0 0 20px;
    position: relative;
    padding: 0 20px;
    margin-right: 20px;
    background-color: var(--juanit-white-color);
}

    .header-style-1 .site-branding .juanit-top-right-corner {
        top: 4px;
        right: -20px;
        transform: rotate(-180deg);
    }

    .header-style-1 .site-branding .juanit-bottom-left-corner {
        bottom: -24px;
        left: 0;
        transform: rotate(-180deg);
    }

.juanit-button-box {
    display: flex;
    align-items: center;
    padding: 0;
}

.header-style-1 .juanit-header-button-text-2 {
    display: none;
}

.header-style-1 .site-navigation ul.navigation > li > a {
    color: var(--juanit-white-color);
}

.header-style-1 .juanit-header-search-btn a {
    color: var(--juanit-blackish-color);
    background-color: var(--juanit-white-color);
    border-width: 0 !important;
}
/** Header Style 2 **/
.header-style-2 .juanit-pre-header-wrapper {
    color: var(--juanit-white-color);
}

.header-style-2.site-header .juanit-social-links li:not(:last-child),
.header-style-3.site-header .juanit-social-links li:not(:last-child) {
    padding-right: 15px;
}

.site-header .juanit-pre-header-wrapper .juanit-social-links li i {
    margin: 0;
    font-size: 15px;
}

.header-style-2 .juanit-pre-header-wrapper .juanit-social-links li a:hover {
    color: var(--juanit-blackish-color);
}

.site-header .juanit-pre-header-wrapper .juanit-pre-header-right {
    display: flex;
    align-items: center;
}

.site-header .juanit-contact-info li i {
    font-size: 15px;
    margin-right: 8px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: var(--juanit-global-color);
}

.header-style-2 .site-branding .site-title {
    height: 85px;
}

.header-style-2 .juanit-button-box-second .juanit-btn-outline {
    color: var(--juanit-blackish-color);
}

    .header-style-2 .juanit-button-box-second .juanit-btn-outline:hover {
        color: var(--juanit-global-color);
    }
/** Header Style 3 **/
.header-style-3.site-header .juanit-social-links li a {
    color: var(--juanit-blackish-color);
}

    .header-style-3.site-header .juanit-social-links li a:hover {
        color: var(--juanit-global-color);
    }

.header-style-3 .site-branding .site-title {
    height: 85px;
}

.header-style-3 .juanit-button-box-second .juanit-button-text {
    color: var(--juanit-blackish-color);
}

.header-style-3 .juanit-button-box-second .juanit-btn:hover .juanit-button-text {
    color: var(--juanit-global-color);
}
/** Header Style 4 **/
.header-style-4 {
    background-color: var(--juanit-light-color);
}

    .header-style-4 .juanit-contact-info {
        font-size: 14px;
        font-weight: 400;
    }

        .header-style-4 .juanit-contact-info li {
            display: inline-block;
            vertical-align: top;
        }

            .header-style-4 .juanit-contact-info li:not(:last-child) {
                padding-right: 12px;
            }

        .header-style-4 .juanit-contact-info .juanit-social-links li i {
            color: var(--juanit-blackish-color);
        }

            .header-style-4 .juanit-contact-info .juanit-social-links li i:hover {
                color: var(--juanit-global-color);
            }

    .header-style-4 .site-branding .site-title {
        height: 90px;
    }

    .header-style-4 .juanit-header-search-btn a {
        border: none;
        background-color: var(--juanit-white-color);
    }
/** Header Style 5 **/
.header-style-5 .site-branding .site-title {
    height: 80px;
}
/** Header Style 7 **/
.header-style-7 .juanit-right-box .juanit-button-box-second {
    padding-left: 30px;
}

    .header-style-7 .juanit-right-box .juanit-button-box-second a {
        color: var(--juanit-blackish-color);
    }

        .header-style-7 .juanit-right-box .juanit-button-box-second a:hover {
            color: var(--juanit-global-color);
        }

.header-style-7 .juanit-header-button .juanit-header-button-text-2,
.header-style-8 .juanit-header-button .juanit-header-button-text-2 {
    display: none;
}
/** Header Style 8 **/
.header-style-8 .site-branding .site-title {
    height: 75px;
}

.header-style-8 .juanit-header-button a:hover {
    color: var(--juanit-global-color);
}

.header-style-8 .juanit-right-box .juanit-button-box-second {
    padding-left: 20px;
}

/** Header Style 10 **/
.header-style-9.site-header .juanit-social-links li a {
    color: var(--juanit-blackish-color);
}

    .header-style-9.site-header .juanit-social-links li a:hover {
        color: var(--juanit-global-color);
    }

.header-style-9 .juanit-pre-header-right .juanit-contact-info {
    font-size: 14px;
}

.header-style-9 .juanit-contact-info li {
    display: inline-block;
}

    .header-style-9 .juanit-contact-info li:not(:last-child) {
        padding: 0 12px 0 0;
    }

.header-style-9 .site-branding .site-title {
    height: 85px;
}

.header-style-9 .juanit-right-box .juanit-button-box-second a {
    color: var(--juanit-blackish-color);
}

    .header-style-9 .juanit-right-box .juanit-button-box-second a:hover {
        color: var(--juanit-global-color);
    }

/*----------------------------------------*/
/*  08 - Footer
/*----------------------------------------*/
/** Footer Style 1 **/
.site-footer {
    font-size: 16px;
    position: relative;
}

.footer-style-1,
.footer-style-1 a {
    color: rgba(var(--juanit-white-color-rgb),1);
}

    .footer-style-1,
    .footer-style-1::before {
        border-radius: 30px 30px 0 0;
    }

        .footer-style-1::before {
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            content: "";
            display: block;
            z-index: -1;
        }

.footer-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
}

.footer-style-1 .juanit-footer-widget-area {
    padding-top: 40px;
}

.site-footer .widget {
    padding-top: 60px;
    position: relative;
}

.site-footer .juanit-two-column-menu.widget ul {
    display: flex;
    flex-wrap: wrap;
}

    .site-footer .juanit-two-column-menu.widget ul > li {
        width: 50%;
    }

.site-footer .widget ul > li {
    padding: 0 0 15px 0;
    line-height: 20px;
}

    .site-footer .widget ul > li:last-child {
        padding-bottom: 0;
    }

.footer-style-1 .juanit-two-column-menu.widget ul li a {
    color: rgba(var(--juanit-white-color-rgb),1);
}

    .footer-style-1 .juanit-two-column-menu.widget ul li a:hover {
        color: var(--juanit-global-color);
    }

.site-footer .widget ul a {
    display: inline-block;
}

.footer-style-1 .widget .juanit-footer-logo {
    text-align: center;
}

    .footer-style-1 .widget .juanit-footer-logo img {
        height: 65px;
        padding: 10px 0 0 0;
    }

.footer-style-1 .juanit-footer-left span {
    display: block;
}

.footer-style-1 .juanit-footer-left .juanit-phone-number {
    margin-top: 3px;
}

.footer-style-1 .juanit-footer-right {
    text-align: center;
}

.footer-style-1 .juanit-footer-right-social {
    text-align: right;
}

.footer-style-1 .juanit-social-li a {
    color: rgba(var(--juanit-white-color-rgb),1);
}

    .footer-style-1 .juanit-social-li a:hover {
        color: var(--juanit-global-color);
    }

.site-footer .juanit-footer-text-area {
    background-color: transparent;
    padding-top: 15px;
    padding-bottom: 15px;
}

.footer-style-1 .juanit-footer-text-area {
    background: #30251b;
}

.footer-style-1 .juanit-footer-text-inner {
    font-size: 16px;
}

.footer-style-1 .juanit-footer-text-area .col-md-12 {
    text-align: center;
}

.site-footer .sb-instagram {
    padding-bottom: 10px;
}

    .site-footer .sb-instagram .sbi-images {
        display: grid;
        gap: 10px;
        width: 100%;
        padding: 12px 0;
        grid-template-columns: repeat(6, 1fr);
    }

        .site-footer .sb-instagram .sbi-images .sbi-item {
            display: inline-block;
            width: 100%;
            vertical-align: top;
            zoom: 1;
            margin: 0 !important;
            text-decoration: none;
            opacity: 1;
            overflow: hidden;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .site-footer .sb-instagram .sbi-images .sbi-photo-wrap {
            position: relative;
        }

    .site-footer .sb-instagram .sbi-item img {
        width: 100%;
        height: inherit;
        object-fit: cover;
        scale: 1;
        transition: -webkit-transform .5s ease-in-out;
        transition: transform .5s ease-in-out;
        transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
        vertical-align: middle;
        border-radius: 20px;
    }

    .site-footer .sb-instagram .sbi-item .sbi-photo-wrap a:hover {
        opacity: .85;
    }
/** Footer Style 2 **/
.footer-style-2 {
    color: var(--juanit-blackish-color);
    padding: 40px 0 80px;
}

    .footer-style-2 .juanit-footer-widget-area {
        padding-top: 0;
    }

        .footer-style-2 .juanit-footer-widget-area .widget_text {
            font-size: 16px;
            line-height: 26px;
        }

    .footer-style-2 .juanit-footer-logo img {
        height: 40px;
    }

    .footer-style-2 .juanit-footer-big-area {
        padding: 10px 15px 40px;
    }

        .footer-style-2 .juanit-footer-big-area .container {
            border: 1px solid var(--juanit-global-color);
            background: var(--juanit-white-color);
            border-radius: 20px;
        }

        .footer-style-2 .juanit-footer-big-area .juanit-footer-left {
            padding: 40px 20px 40px 65px;
        }

    .footer-style-2 .juanit-newsletter h3 {
        font-size: 24px;
        margin-bottom: 20px;
        line-height: 30px;
    }

    .footer-style-2 .juanit-footer-email-button {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

        .footer-style-2 .juanit-footer-email-button input {
            height: 50px;
            font-size: 15px;
            width: 80%;
            font-weight: normal;
            padding: 15px 80px 15px 20px;
            border-radius: 36px;
            background: var(--juanit-white-color);
            border: 1px solid rgba(var(--juanit-blackish-color-rgb),.2);
        }

    .footer-style-2 .juanit-newsletter .juanit-btn:after {
        display: none;
    }

    .footer-style-2 .juanit-newsletter .juanit-btn {
        width: 30%;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        height: 50px;
        border: none;
        line-height: normal;
        border-radius: 36px;
        color: var(--juanit-white-color);
        background-color: var(--juanit-global-color);
    }

        .footer-style-2 .juanit-newsletter .juanit-btn:hover {
            background-color: var(--juanit-blackish-color);
        }

    .footer-style-2 .juanit-footer-social-area ul {
        text-align: right;
    }

/** Footer Style 3 **/
.footer-style-3 {
    margin: 0 40px;
    padding-top: 100px;
    border-radius: 30px;
    background-image: url(../images/bg/footer-bg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto;
    background-attachment: scroll;
    color: rgba(var(--juanit-white-color-rgb),1);
    overflow: hidden;
}

    .footer-style-3 .juanit-footer-big-area {
        padding: 0;
    }

        .footer-style-3 .juanit-footer-big-area .juanit-footer-logo img {
            max-height: 90px;
        }

    .footer-style-3 .juanit-newsletter {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 40px;
        border-bottom: 1px solid rgba(var(--juanit-white-color-rgb), .2);
    }

        .footer-style-3 .juanit-newsletter h3 {
            font-size: 40px;
            line-height: 50px;
            margin: 0;
            padding-right: 42px;
            font-weight: 600;
            text-transform: capitalize;
            color: var(--juanit-white-color);
        }

        .footer-style-3 .juanit-newsletter .juanit-footer-email-button {
            position: relative;
            overflow: hidden;
            width: 100%;
        }

        .footer-style-3 .juanit-newsletter input[type="email"] {
            font-size: 15px;
            width: 68%;
            font-weight: 400;
            padding: 0 50px 0 30px;
            background-color: transparent;
            border-radius: 36px;
            border: 1px solid rgba(var(--juanit-white-color-rgb),1);
            margin-bottom: 0;
        }

            .footer-style-3 .juanit-newsletter input[type="email"]:focus {
                color: var(--juanit-white-color);
            }

        .footer-style-3 .juanit-newsletter input::placeholder {
            color: rgba(var(--juanit-white-color-rgb),.8);
        }

        .footer-style-3 .juanit-newsletter button {
            position: absolute;
            top: 0;
            right: 0;
            height: 60px;
            width: 33%;
            border-radius: 36px;
            margin-right: 46px;
            transition: all .6s;
            display: inherit;
            padding: 0 30px 0 20px;
        }

            .footer-style-3 .juanit-newsletter button:after {
                width: 60px;
                height: 60px;
                line-height: 60px;
            }

            .footer-style-3 .juanit-newsletter button:hover {
                color: var(--juanit-global-color);
            }

    .footer-style-3 .juanit-footer-widget-area {
        padding-bottom: 100px;
    }

    .footer-style-3 .widget {
        position: relative;
        padding-top: 65px;
    }

    .footer-style-3 .widget_text {
        font-size: 16px;
        line-height: 26px;
    }

    .footer-style-3 .juanit-footer-widget-area .juanit-social-links li.juanit-social-li {
        margin: 0 6px 5px 0;
    }

        .footer-style-3 .juanit-footer-widget-area .juanit-social-links li.juanit-social-li a {
            font-size: 15px;
            display: inline-block;
            color: rgba(var(--juanit-white-color-rgb),1);
        }

            .footer-style-3 .juanit-footer-widget-area .juanit-social-links li.juanit-social-li a:hover {
                color: var(--juanit-global-color);
            }

    .footer-style-3 .juanit-footer-widget-area .widget .widget-title {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 15px;
        letter-spacing: 0px;
        color: var(--juanit-global-color);
        text-transform: capitalize;
        font-style: normal;
    }

    .footer-style-3 .juanit-two-column-menu.widget ul {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-style-3 .widget ul > li {
        padding: 0 0 10px 0;
    }

    .footer-style-3 .juanit-two-column-menu.widget ul > li {
        width: 50%;
        line-height: 20px;
    }

        .footer-style-3 .juanit-two-column-menu.widget ul > li:last-child {
            padding-bottom: 0;
        }

    .footer-style-3 .juanit-two-column-menu.widget ul li a,
    .footer-style-3 .juanit-timelist-list .juanit-timelist-time {
        color: rgba(var(--juanit-white-color-rgb),1);
    }

        .footer-style-3 .juanit-two-column-menu.widget ul li a:hover {
            color: var(--juanit-global-color);
        }

    .footer-style-3 .juanit-timelist-list li:last-child {
        padding-bottom: 0;
    }

    .footer-style-3 .juanit-timelist-list .juanit-timelist-time {
        font-weight: 300;
        font-size: 15px;
    }

    .footer-style-3 .juanit-footer-text-area > .container {
        position: relative;
    }

    .footer-style-3 .juanit-footer-text-area {
        padding: 0;
    }

    .footer-style-3 .juanit-footer-text-inner {
        font-size: 16px;
        padding: 20px 35px;
        border-radius: 30px 30px 0 0;
        background-color: var(--juanit-white-color);
    }

        .footer-style-3 .juanit-footer-text-inner:before,
        .footer-style-3 .juanit-footer-text-inner:after {
            content: "";
            position: absolute;
            background-color: transparent;
            bottom: 0;
            height: 40px;
            width: 20px;
            box-shadow: 0 20px 0 0 var(--juanit-white-color);
        }

        .footer-style-3 .juanit-footer-text-inner::before {
            left: -8px;
            border-bottom-right-radius: 20px;
        }

        .footer-style-3 .juanit-footer-text-inner:after {
            right: -8px;
            border-bottom-left-radius: 20px;
        }

    .footer-style-3 .juanit-footer-copyright-text-area,
    .footer-style-3 .juanit-footer-menu-area .juanit-footer-menu li a {
        color: var(--juanit-secondary-color);
    }

        .footer-style-3 .juanit-footer-copyright-text-area a {
            color: #666;
        }

            .footer-style-3 .juanit-footer-copyright-text-area a:hover {
                color: var(--juanit-global-color);
            }

    .footer-style-3 .juanit-footer-menu-area {
        float: right;
    }

        .footer-style-3 .juanit-footer-menu-area .juanit-footer-menu {
            display: flex;
        }

            .footer-style-3 .juanit-footer-menu-area .juanit-footer-menu li {
                position: relative;
                padding: 0 10px;
            }

                .footer-style-3 .juanit-footer-menu-area .juanit-footer-menu li:last-child {
                    padding-right: 0;
                }

                .footer-style-3 .juanit-footer-menu-area .juanit-footer-menu li:not(:first-child):before {
                    content: "";
                    position: absolute;
                    height: 15px;
                    width: 1px;
                    background-color: rgba(var(--juanit-blackish-color-rgb), 0.20);
                    left: 0;
                    top: 50%;
                    transform: translate(0, -50%);
                }

                .footer-style-3 .juanit-footer-menu-area .juanit-footer-menu li a:hover {
                    color: var(--juanit-global-color);
                }

/*----------------------------------------*/
/*  09 - Title Bar
/*----------------------------------------*/
.juanit-title-bar-wrapper {
    position: relative;
    z-index: 1;
    background-image: url(../images/bg/titlebar-img.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
}

.juanit-title-bar-wrapper,
.juanit-title-bar-content {
    min-height: 570px;
}

    .juanit-title-bar-wrapper:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: none !important;
        background: rgba(0,0,0,0.5);
    }

.juanit-title-bar-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 100px 0px 0;
}

.juanit-title-bar-content-inner {
    width: 100%;
    text-align: center;
}

.juanit-title-bar-wrapper .juanit-tbar,
.juanit-title-bar-wrapper .juanit-breadcrumb {
    display: block;
}

.juanit-title-bar-content .juanit-tbar-inner {
    max-width: none;
    padding: 0 !important;
    margin-bottom: 15px;
}

.juanit-tbar-subtitle {
    padding-top: 5px;
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: var(--juanit-white-color);
    text-transform: capitalize;
    font-style: normal;
}

.juanit-tbar-title {
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 0;
    text-transform: none;
    font-style: normal;
    margin-bottom: 0px;
    color: var(--juanit-white-color);
    font-family: var(--juanit-heading-typography-font-family);
}

.juanit-title-bar-wrapper .juanit-breadcrumb,
.juanit-title-bar-wrapper .juanit-breadcrumb a {
    font-weight: 300;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: .5px;
    color: var(--juanit-white-color);
    text-transform: capitalize;
    font-style: normal;
}

.juanit-breadcrumb .juanit-breadcrumb-inner {
    padding-left: 5px;
}

    .juanit-breadcrumb .juanit-breadcrumb-inner span {
        display: inline-block;
        font-size: 15px;
    }

        .juanit-breadcrumb .juanit-breadcrumb-inner span i:before {
            margin: 0;
        }

.juanit-breadcrumb-inner .sep {
    line-height: 15px;
    top: 0px;
    position: relative;
    padding: 0 4px;
}

.juanit-breadcrumb-inner i {
    font-size: 15px;
    color: var(--juanit-white-color);
    display: inline-block;
}

/*----------------------------------------*/
/*  10 - Overlap Colomn
/*----------------------------------------*/
.overlap-colomn {
    position: relative;
}

.overlap-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.overlap-img,
.overlap-bg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.overlap-left {
    margin-left: -500px;
}

.overlap-right {
    margin-right: -500px;
    width: auto;
    left: 0;
    right: 0;
}

.overflow-hidden {
    overflow: hidden;
}

.content-element-text {
    position: relative;
    z-index: 99;
    padding-top: 60px;
    padding-bottom: 40px;
    padding-right: 30px;
}

/*----------------------------------------*/
/*  11 - Accordion
/*----------------------------------------*/
.accordion-item {
    border: none;
    position: relative;
    background-color: transparent;
    color: inherit;
    border-bottom: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(var(--juanit-blackish-color-rgb),.2);
}

    .accordion-item:last-child {
        border-bottom: none;
    }

.accordion-button:not(.collapsed) {
    box-shadow: none;
    color: var(--juanit-blackish-color);
    background-color: transparent;
}

.accordion-button {
    display: inherit;
    margin: 0;
    border-radius: 0 !important;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    cursor: pointer;
    outline: none;
    position: relative;
    padding: 25px 15px 25px 0;
    -webkit-transition: all 9s ease-in-out;
    transition: all 9s ease-in-out;
    color: var(--juanit-blackish-color);
    background-color: var(--juanit-white-color);
    font-family: var(--juanit-heading-typography-font-family);
}

.accordion-item .juanit-accordion-icon {
    font-size: 14px;
    position: relative;
    display: inline-block;
    width: auto;
    color: var(--juanit-global-color);
}

.accordion-item:last-of-type {
    border-radius: 0;
}

.juanit-accordion-icon.juanit-accordion-icon-right {
    float: right;
    text-align: right;
}

.accordion-item.active .juanit-accordion-icon-closed {
    display: none;
}

.accordion-item .juanit-accordion-icon-closed {
    display: block;
}

.accordion-item .juanit-accordion-icon-opened {
    display: none;
}

.accordion-item.active .juanit-accordion-icon-opened {
    display: block;
}

.accordion-button::after {
    display: none;
}

.accordion .juanit-accordion-icon svg {
    width: 1em;
    height: 1em;
    fill: var(--juanit-global-color);
}

.juanit-accordion-title:hover {
    color: var(--juanit-global-color);
}

.accordion-body {
    padding: 0 30px 15px 0;
}

    .accordion-body p {
        margin: 0;
        font-size: 15px;
    }

.accordion-button:focus {
    box-shadow: none;
}

.juanit-accordion-style-1 .accordion-item {
    border-bottom: none;
    border-radius: 30px;
    transition: all .25s ease-in-out;
}

    .juanit-accordion-style-1 .accordion-item.active {
        background-color: var(--juanit-blackish-color);
    }

.juanit-accordion-style-1 .accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    font-size: 24px;
    line-height: 24px;
    color: var(--juanit-global-color);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    padding: 40px 35px 10px;
    border-radius: 30px 30px 0 0 !important;
}

.juanit-accordion-style-1 .accordion-item.active .accordion-button {
    background-color: var(--juanit-light-color);
}

.juanit-accordion-style-1 .accordion-item .juanit-accordion-icon {
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    border: 1px solid var(--juanit-global-color);
    border-radius: 50%;
}

.juanit-accordion-style-1 .accordion-item .juanit-accordion-title {
    display: flex;
    color: inherit;
}

    .juanit-accordion-style-1 .accordion-item .juanit-accordion-title span {
        font-size: 14px;
        line-height: 14px;
        align-self: flex-start;
        margin-right: 2px;
    }

.juanit-accordion-style-1 .accordion-body {
    padding: 10px 35px 40px;
    border-radius: 0 0 30px 30px;
}

.juanit-accordion-style-1 .accordion-item.active .accordion-body {
    background-color: var(--juanit-light-color);
}

.juanit-accordion-blackish-bg.juanit-accordion-style-1 .accordion-item.active .accordion-button,
.juanit-accordion-blackish-bg.juanit-accordion-style-1 .accordion-item.active .accordion-body {
    background-color: var(--juanit-blackish-color);
}

.juanit-accordion-blackish-bg.juanit-accordion-style-1 .accordion-button {
    padding-right: 40px;
    padding-left: 70px;
}

.juanit-accordion-blackish-bg.juanit-accordion-style-1 .accordion-item:not(.active) .accordion-button:focus {
    background-color: var(--juanit-blackish-color);
    padding: 40px 40px 30px 70px;
    border-radius: 30px !important;
}

.juanit-accordion-blackish-bg.juanit-accordion-style-1 .accordion-body {
    padding-left: 70px;
    padding-right: 70px;
    color: var(--juanit-white-color);
}

    .juanit-accordion-blackish-bg.juanit-accordion-style-1 .accordion-body p {
        font-size: 16px;
    }
/*----------------------------------------*/
/*  12 - Circle Progress
/*----------------------------------------*/
.db-circle-overlay {
    position: absolute;
    top: 50%;
    -khtml-transform: translateX(0%) translateY(-50%);
    -moz-transform: translateX(0%) translateY(-50%);
    -ms-transform: translateX(0%) translateY(-50%);
    -o-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
    left: 0;
    width: 100%;
    text-align: center
}

.db-fidbox-style-2 .db-circle-w {
    position: relative;
    text-align: center
}

.db-fidbox-style-2 .db-fid-title {
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0
}

.db-fidbox-style-2 .db-circle-number sub,
.db-fidbox-style-2 .db-circle-number {
    font-size: 20px;
    color: #fff;
    font-weight: bold
}

    .db-fidbox-style-2 .db-circle-number sub {
        bottom: 0
    }

.db-fidbox-style-1 .db-fid-title {
    font-size: 18px;
    line-height: 20px;
    margin-top: 0
}

.db-fidbox-style-1 .db-fid-title-w,
.db-fidbox-style-1 .db-circle-w {
    display: inline-block
}

.db-fidbox-style-1 .db-fid-title-w {
    width: 43%;
    margin-left: 12px
}

.db-fidbox-style-1 .db-circle-w {
    width: 122px;
    position: relative;
    vertical-align: top
}

.db-fidbox-style-1 .db-circle-number sub,
.db-fidbox-style-1 .db-circle-number {
    font-size: 20px;
    font-weight: bold
}

    .db-fidbox-style-1 .db-circle-number sub {
        bottom: 0
    }

.db-fidbox-style-1 .db-fid-title-w {
    position: absolute;
    top: 50%;
    -khtml-transform: translateX(0%) translateY(-50%);
    -moz-transform: translateX(0%) translateY(-50%);
    -ms-transform: translateX(0%) translateY(-50%);
    -o-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%)
}

    .db-fidbox-style-1 .db-fid-title-w h3 {
        margin-bottom: 0
    }

.db-circle canvas {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}

.db-circle canvas {
    max-width: 100%;
    height: auto !important
}

.db-overlap-row {
    position: relative;
    z-index: 1
}

.db-overlap-row-section {
    position: relative;
    z-index: 2
}

/*----------------------------------------*/
/*  13 - List Group
/*----------------------------------------*/
.list-group-borderless .list-group-item {
    display: flex;
    font-size: inherit;
    align-items: center;
    padding-bottom: calc(5px/2);
    padding: 0;
    margin-bottom: 5px;
    color: var(--juanit-blackish-color);
    position: relative;
    border: none;
    background: transparent;
}

    .list-group-borderless .list-group-item:not(:first-child) {
        margin-top: calc(10px/2);
    }

.list-group .juanit-icon-list-icon {
    color: var(--juanit-blackish-color);
    display: flex;
    position: relative;
    top: 2px;
}

    .list-group .juanit-icon-list-icon i {
        width: 1.25em;
        line-height: inherit;
        font-size: 20px;
        color: var(--juanit-global-color);
    }

.list-group .juanit-icon-list-text {
    font-size: 16px;
    line-height: 26px;
    padding-left: 10px;
    margin-bottom: 0;
    color: var(--juanit-blackish-color);
    font-family: var(--juanit-heading-typography-font-family);
}

.list-group.list-group-style-1 .list-group-item svg {
    width: 20px;
    height: 20px;
    fill: var(--juanit-global-color);
}

/*----------------------------------------*/
/*  14 -  Portfolio
/*----------------------------------------*/
/** Style 1 **/
.juanit-portfolio-style-1 {
    overflow: hidden;
}

    .juanit-portfolio-style-1 .juaniinfotech-box-content {
        position: absolute;
        top: inherit;
        bottom: 32px;
        left: 40px;
        right: 40px;
        z-index: 2;
    }

    .juanit-portfolio-style-1 .juanit-port-cat a {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        color: var(--juanit-global-color);
    }

        .juanit-portfolio-style-1 .juanit-port-cat a:hover {
            color: var(--juanit-white-color);
        }

    .juanit-portfolio-style-1 .juanit-portfolio-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 0;
    }

        .juanit-portfolio-style-1 .juanit-portfolio-title,
        .juanit-portfolio-style-1 .juanit-portfolio-title a {
            color: var(--juanit-white-color);
        }

            .juanit-portfolio-style-1 .juanit-portfolio-title a:hover {
                color: var(--juanit-global-color);
            }

    .juanit-portfolio-style-1 .juanit-featured-wrapper {
        position: relative;
        overflow: hidden;
    }

        .juanit-portfolio-style-1 .juanit-featured-wrapper img {
            width: 100%;
            transform: scale(1.05) rotate(.5deg);
            transform-origin: 90% 50%;
            border-radius: 30px;
            transition: transform 1.2s cubic-bezier(.4, .01, .14, .99);
        }

    .juanit-portfolio-style-1:hover .juanit-featured-wrapper img {
        transform: scale(1.001) rotate(0);
    }

.juanit-element-portfolio-style-1 .juanit-element-inner .swiper-wrapper {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.juanit-portfolio-style-1 .juaniinfotech-post-content {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}

    .juanit-portfolio-style-1 .juaniinfotech-post-content::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        background: linear-gradient(to top, rgba(var(--juanit-secondary-color-rgb), 1) 0%,rgba(var(--juanit-secondary-color-rgb), 0) 52%,rgba(var(--juanit-secondary-color-rgb), 0) 73%);
    }
/** Style 2 **/
.juanit-portfolio-style-2 {
    overflow: hidden;
}

    .juanit-portfolio-style-2 .juaniinfotech-box-content {
        position: absolute;
        top: inherit;
        bottom: 40px;
        left: 40px;
        right: 40px;
        padding: 25px 30px;
        opacity: 0;
        border-radius: 20px;
        word-break: break-word;
        transform: translateY(100%) scale(0.7);
        background: var(--juanit-white-color);
        transition: all .5s;
    }

    .juanit-portfolio-style-2:hover .juaniinfotech-box-content {
        transition: all .5s;
        opacity: 1;
        transform: translateY(0);
    }

    .juanit-portfolio-style-2 .juanit-port-cat a {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        color: var(--juanit-global-color);
    }

        .juanit-portfolio-style-2 .juanit-port-cat a:hover {
            color: var(--juanit-secondary-color);
        }

    .juanit-portfolio-style-2 .juanit-portfolio-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 0;
    }

        .juanit-portfolio-style-2 .juanit-portfolio-title:hover {
            color: var(--juanit-global-color);
        }

    .juanit-portfolio-style-2 .juanit-portfolio-title {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 0;
    }

    .juanit-portfolio-style-2 .juanit-featured-wrapper {
        position: relative;
        overflow: hidden;
    }

        .juanit-portfolio-style-2 .juanit-featured-wrapper img {
            width: 100%;
            transform: scale(1.05) rotate(.5deg);
            transform-origin: 90% 50%;
            border-radius: 30px;
            transition: transform 1.2s cubic-bezier(.4, .01, .14, .99);
        }

    .juanit-portfolio-style-2:hover .juanit-featured-wrapper img {
        transform: scale(1.001) rotate(0);
    }

    .juanit-portfolio-style-2 .juaniinfotech-post-content {
        position: relative;
        overflow: hidden;
        border-radius: 30px;
    }
/** Style 3 **/
.juanit-portfolio-style-3 {
    margin-bottom: 30px;
}

    .juanit-portfolio-style-3 .juaniinfotech-post-content {
        position: relative;
    }

    .juanit-portfolio-style-3 .juaniinfotech-box-content {
        opacity: 0;
        transition: all .2s;
        transform: scale(0.9);
        max-width: unset;
        position: absolute;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        bottom: 0px;
        left: 0px;
        right: 0px;
        top: 0px;
        padding: 30px;
        background: rgba(var(--juanit-global-color-rgb),.9);
        will-change: opacity;
        border-radius: 30px;
    }

    .juanit-portfolio-style-3:hover .juaniinfotech-box-content {
        opacity: 1;
        transition: all .2s;
        transform: scale(1);
    }

    .juanit-portfolio-style-3 .juanit-port-cat,
    .juanit-portfolio-style-3 .juanit-port-cat a {
        color: var(--juanit-white-color);
        font-size: 14px;
    }

        .juanit-portfolio-style-3 .juanit-title:hover,
        .juanit-portfolio-style-3 .juanit-port-cat a:hover {
            color: var(--juanit-white-color);
        }

    .juanit-portfolio-style-3 .juanit-portfolio-title a,
    .juanit-portfolio-style-3 .juanit-portfolio-title {
        font-size: 24px;
        line-height: 30px;
        color: var(--juanit-white-color);
        margin-bottom: 0;
    }

    .juanit-portfolio-style-3 .juanit-featured-wrapper {
        position: relative;
        overflow: hidden;
        border-radius: 30px;
    }

        .juanit-portfolio-style-3 .juanit-featured-wrapper img {
            width: 100%;
            -webkit-transition: all 0.5s ease 0s;
            -moz-transition: all 0.5s ease 0s;
            -ms-transition: all 0.5s ease 0s;
            -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
            border-radius: 30px;
        }

    .juanit-portfolio-style-3:hover .juanit-featured-wrapper img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .juanit-portfolio-style-3 .juanit-portfolio-btn {
        position: absolute;
        top: 30px;
        right: 30px;
        z-index: 1;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .juanit-portfolio-style-3 .juanit-portfolio-btn {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    .juanit-portfolio-style-3:hover .juanit-portfolio-btn {
        -webkit-transform: scale(1) rotate(0);
        -moz-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        -o-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }

    .juanit-portfolio-style-3 .juanit-portfolio-btn i {
        font-size: 22px;
        line-height: 26px;
        color: var(--juanit-white-color);
        z-index: 1;
        position: relative;
    }

    .juanit-portfolio-style-3 .juanit-portfolio-btn a:hover i {
        color: var(--juanit-white-color);
    }

.juanit-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.juanit-portfolio-style-3-new .juanit-portfolio-style-3 {
    margin-bottom: 5px;
}

    .juanit-portfolio-style-3-new .juanit-portfolio-style-3 .juaniinfotech-box-content,
    .juanit-portfolio-style-3-new .juanit-portfolio-style-3 .juanit-featured-wrapper img,
    .juanit-portfolio-style-3-new .juanit-portfolio-style-3 .juanit-featured-wrapper {
        border-radius: 8px;
    }

/** Style 4 **/
.juanit-element-portfolio-style-4 .juanit-titlebox-wrap,
.juanit-element-portfolio-style-4 .juanit-portfolio-title a,
.juanit-element-portfolio-style-4 .juanit-portfolio-title {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.juanit-element-portfolio-style-4 .juanit-main-hover-faded {
    position: relative;
    overflow: hidden;
}

.juanit-element-portfolio-style-4 .juanit-featured-img-wrapper::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background: -moz-linear-gradient(to top, rgba(var(--juanit-blackish-color-rgb), 1) 0, rgba(var(--juanit-blackish-color-rgb), .11) 68%, rgba(var(--juanit-blackish-color-rgb), 0) 76%);
    background: -webkit-linear-gradient(to top, rgba(var(--juanit-blackish-color-rgb), 1) 0, rgba(var(--juanit-blackish-color-rgb), .11) 68%, rgba(var(--juanit-blackish-color-rgb), 0) 76%);
    background: linear-gradient(to top, rgba(var(--juanit-blackish-color-rgb), 1) 0, rgba(var(--juanit-blackish-color-rgb), .11) 68%, rgba(var(--juanit-blackish-color-rgb), 0) 76%);
}

.juanit-element-portfolio-style-4 .swiper-hover-slide-nav .juanit-content-box-inner {
    border-right: 1px solid rgba(var(--juanit-white-color-rgb),.5);
}

.juanit-element-portfolio-style-4 .swiper-hover-slide-images {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    height: 100%;
}

.juanit-element-portfolio-style-4 .swiper-hover-slide-nav .juanit-content-box-inner {
    height: 76vh;
}

.juanit-element-portfolio-style-4 .juanit-content-box-inner {
    display: grid;
}

.juanit-element-portfolio-style-4 .juanit-titlebox-wrap {
    align-self: self-end;
    padding: 45px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.juanit-element-portfolio-style-4 .juanit-hover-image-faded .swiper-slide img {
    transition: all 0.5s;
    width: 100%;
    height: 800px;
    object-fit: cover;
}

.juanit-element-portfolio-style-4 .juanit-portfolio-title {
    font-size: 24px;
    line-height: 34px;
    margin: 0;
}

    .juanit-element-portfolio-style-4 .juanit-portfolio-title a {
        color: var(--juanit-white-color);
    }

.juanit-element-portfolio-style-4 .swiper-slide.juanit-active .juanit-portfolio-title a {
    color: var(--juanit-secondary-color);
}

.juanit-element-portfolio-style-4 .juanit-portfolio-title a:hover {
    color: var(--juanit-global-color);
}

.juanit-element-portfolio-style-4 .swiper-hover-slide-nav .juanit-port-cat a {
    color: var(--juanit-global-color);
    position: relative;
    font-size: 16px;
}

    .juanit-element-portfolio-style-4 .swiper-hover-slide-nav .juanit-port-cat a:hover {
        color: var(--juanit-blackish-color);
    }

.juanit-element-portfolio-style-4 .juanit-ele-header-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.juanit-element-portfolio-style-4 .juanit-portfolio-btn {
    transition: all .4s ease-in;
}

    .juanit-element-portfolio-style-4 .juanit-portfolio-btn a {
        display: inline-block;
        width: 50px;
        height: 50px;
        font-size: 14px;
        line-height: 50px;
        border-radius: 50%;
        text-align: center;
        color: var(--juanit-white-color);
        border: 1px solid var(--juanit-white-color);
    }

        .juanit-element-portfolio-style-4 .juanit-portfolio-btn a > i {
            display: inline-block;
        }

.juanit-element-portfolio-style-4 .juanit-active .juanit-portfolio-btn a {
    color: var(--juanit-global-color);
    border-color: var(--juanit-global-color);
}

.juaniinfotech-element.juanit-element-portfolio-style-4 .swiper-button-next,
.juaniinfotech-element.juanit-element-portfolio-style-4 .swiper-button-prev {
    background-color: rgba(var(--juanit-white-color-rgb),.4);
    margin: 0 30px;
    display: none;
}

.juanit-element-portfolio-style-4 .swiper-hover-slide-nav .swiper-slide {
    overflow: hidden;
}

.juanit-element-portfolio-style-4 .swiper-slide .juanit-titlebox-wrap {
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
    position: relative;
    overflow: hidden;
}

    .juanit-element-portfolio-style-4 .swiper-slide .juanit-titlebox-wrap::after {
        position: absolute;
        content: '';
        left: 0;
        height: 100%;
        width: 100%;
        bottom: 100%;
        top: 100%;
        z-index: -1;
        -webkit-transition: .9s cubic-bezier(.68,1.55,.265,.55);
        -moz-transition: .9s cubic-bezier(.68, 1.55, .265, .55);
        -ms-transition: .9s cubic-bezier(.68, 1.55, .265, .55);
        -o-transition: .9s cubic-bezier(.68, 1.55, .265, .55);
        transition: .9s cubic-bezier(.68,1.55,.265,.55);
    }

.juanit-element-portfolio-style-4 .swiper-slide.juanit-active .juanit-titlebox-wrap::after {
    top: 0;
    background-color: var(--juanit-white-color);
}

/** Style 5 **/
.juanit-portfolio-style-5 {
    overflow: hidden;
    margin-bottom: 5px;
}

    .juanit-portfolio-style-5 .juaniinfotech-post-content,
    .juanit-portfolio-style-5 .juaniinfotech-box-content,
    .juanit-portfolio-style-5 .juanit-featured-wrapper img,
    .juanit-portfolio-style-5 .juanit-featured-wrapper {
        border-radius: 8px;
    }

    .juanit-portfolio-style-5 .juaniinfotech-box-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        top: inherit;
        bottom: 40px;
        left: 40px;
        right: 40px;
        padding: 25px 30px;
        opacity: 0;
        word-break: break-word;
        transform: translateY(100%) scale(0.7);
        background: var(--juanit-white-color);
        transition: all .5s;
    }

    .juanit-portfolio-style-5:hover .juaniinfotech-box-content {
        transition: all .5s;
        opacity: 1;
        transform: translateY(0);
    }

    .juanit-portfolio-style-5 .juanit-port-cat a {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        color: var(--juanit-global-color);
    }

        .juanit-portfolio-style-5 .juanit-port-cat a:hover {
            color: var(--juanit-secondary-color);
        }

    .juanit-portfolio-style-5 .juanit-portfolio-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 0;
    }

        .juanit-portfolio-style-5 .juanit-portfolio-title:hover {
            color: var(--juanit-global-color);
        }

    .juanit-portfolio-style-5 .juanit-portfolio-title {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 0;
    }

    .juanit-portfolio-style-5 .juanit-featured-wrapper {
        position: relative;
        overflow: hidden;
    }

        .juanit-portfolio-style-5 .juanit-featured-wrapper img {
            width: 100%;
            transform: scale(1.05) rotate(.5deg);
            transform-origin: 90% 50%;
            transition: transform 1.2s cubic-bezier(.4, .01, .14, .99);
        }

    .juanit-portfolio-style-5:hover .juanit-featured-wrapper img {
        transform: scale(1.001) rotate(0);
    }

    .juanit-portfolio-style-5 .juaniinfotech-post-content {
        position: relative;
        overflow: hidden;
    }

    .juanit-portfolio-style-5 .juanit-portfolio-btn a {
        display: inline-block;
        width: 50px;
        height: 50px;
        font-size: 12px;
        line-height: 50px;
        text-align: center;
        border-radius: 50%;
        color: var(--juanit-white-color);
        background-color: var(--juanit-global-color);
    }

        .juanit-portfolio-style-5 .juanit-portfolio-btn a > i::before {
            font-weight: 600;
        }

.juanit-element-portfolio-style-5 .juanit-portfolio-btn a > i {
    display: inline-block;
}

.juanit-portfolio-style-5:hover .juanit-portfolio-btn a {
    background-color: var(--juanit-blackish-color);
}

/** Style 6 **/
.juanit-portfolio-style-6 .juanit-featured-img-wrapper img {
    width: 100%;
    border-radius: 30px;
}

.juanit-portfolio-style-6 .juaniinfotech-box-content {
    position: absolute;
    z-index: 3;
    bottom: 30px;
    left: 30px;
    word-break: break-word;
    -webkit-transition: clip-path 0.4s ease-out;
    transition: clip-path 0.4s ease-out;
    overflow: hidden;
    opacity: 0;
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
}

    .juanit-portfolio-style-6 .juaniinfotech-box-content .juanit-port-cat {
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 1px;
        position: relative;
        display: inline-block;
        text-transform: uppercase;
        padding: 8px 20px 5px 20px;
        border-radius: 10px 10px 0 0;
        color: var(--juanit-blackish-color);
        background-color: var(--juanit-white-color);
    }

        .juanit-portfolio-style-6 .juaniinfotech-box-content .juanit-port-cat::after {
            content: '';
            position: absolute;
            background-color: transparent;
            bottom: 0px;
            right: -10px;
            height: 30px;
            width: 10px;
            z-index: -1;
            border-bottom-left-radius: 10px;
            box-shadow: 0 20px 0 0 var(--juanit-white-color);
        }

    .juanit-portfolio-style-6 .juaniinfotech-box-content .juanit-portfolio-title {
        font-size: 22px;
        line-height: 28px;
        width: 240px;
        word-wrap: break-word;
        margin-bottom: 0;
        padding: 5px 20px 10px 20px;
        border-radius: 0 10px 10px 10px;
        color: var(--juanit-blackish-color);
        background-color: var(--juanit-white-color);
    }

.juanit-portfolio-style-6 .juanit-featured-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 30px;
}

    .juanit-portfolio-style-6 .juanit-featured-wrapper img {
        position: relative;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

.juanit-portfolio-style-6:hover .juanit-featured-wrapper img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}

.juanit-element-portfolio-style-6 .juanit-element-viewtype-carousel-4 .juanit-portfolio-style-6.juanit-even {
    margin-top: 30px;
}
/** Style 7 **/
.juanit-portfolio-style-7 {
    overflow: hidden;
}

    .juanit-portfolio-style-7 .juaniinfotech-box-content {
        position: absolute;
        top: inherit;
        bottom: -10px;
        left: 40px;
        right: 40px;
        z-index: 2;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease 0s;
    }

    .juanit-portfolio-style-7:hover .juaniinfotech-box-content {
        bottom: 32px;
        opacity: 1;
        visibility: visible;
    }

    .juanit-portfolio-style-7 .juanit-port-cat a {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        color: var(--juanit-global-color);
    }

        .juanit-portfolio-style-7 .juanit-port-cat a:hover {
            color: var(--juanit-white-color);
        }

    .juanit-portfolio-style-7 .juanit-portfolio-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 0;
    }

        .juanit-portfolio-style-7 .juanit-portfolio-title,
        .juanit-portfolio-style-7 .juanit-portfolio-title a {
            color: var(--juanit-white-color);
        }

            .juanit-portfolio-style-7 .juanit-portfolio-title a:hover {
                color: var(--juanit-global-color);
            }

    .juanit-portfolio-style-7 .juanit-featured-wrapper {
        position: relative;
        overflow: hidden;
    }

        .juanit-portfolio-style-7 .juanit-featured-wrapper img {
            width: 100%;
            transform: scale(1.05) rotate(.5deg);
            transform-origin: 90% 50%;
            border-radius: 20px;
            transition: transform 1.2s cubic-bezier(.4, .01, .14, .99);
        }

.juanit-element-viewtype-carousel.juanit-element-portfolio-style-7 .juanit-element-posts-wrapper {
    border-radius: 20px;
}

.juanit-portfolio-style-7:hover .juanit-featured-wrapper img {
    transform: scale(1.001) rotate(0);
}

.juanit-element-portfolio-style-7 .juanit-element-inner .swiper-wrapper {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.juanit-portfolio-style-7 .juaniinfotech-post-content {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

    .juanit-portfolio-style-7 .juaniinfotech-post-content::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: linear-gradient(to top, rgba(var(--juanit-secondary-color-rgb), 1) 0%,rgba(var(--juanit-secondary-color-rgb), 0) 52%,rgba(var(--juanit-secondary-color-rgb), 0) 73%);
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s ease 0s;
    }

.juanit-portfolio-style-7:hover .juaniinfotech-post-content::before {
    opacity: 1;
    visibility: visible;
}
/*----------------------------------------*/
/*  15 - Client
/*----------------------------------------*/
/** Style 1 **/
.juanit-hide {
    display: none;
}

.juanit-client-style-1 .juanit-border-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px 70px;
}

.juanit-client-style-1 .juanit-client-wrapper {
    overflow: hidden;
    z-index: 1;
    height: -webkit-max-content;
    display: inline-block;
    position: relative;
    text-align: center;
    transition: transform .4s ease, -webkit-transform .4s ease;
}

.juanit-client-style-1 .juanit-border-wrapper {
    transition: all .4s ease-in;
}

.juanit-client-style-1 .juanit-client-with-hover-img .juanit-featured-wrapper,
.juanit-client-style-1 .juanit-client-with-hover-img .juanit-client-hover-img {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}

.juanit-client-style-1 .juanit-client-hover-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    transform: translateY(-100%);
}

.juanit-client-style-1:hover .juanit-client-with-hover-img .juanit-client-hover-img {
    visibility: visible;
    transform: translateY(0%);
}

.juanit-client-style-1:hover .juanit-client-with-hover-img .juanit-featured-wrapper {
    transform: translateY(100%);
}
/* juanit-client-style-1-new */
.juanit-client-style-1-new .juanit-client-style-1 .juanit-border-wrapper {
    padding: 10px 30px;
}

.juanit-client-style-1-new .juanit-client-style-1 .juanit-border-wrapper {
    margin-bottom: 30px;
}
/** Style 2 **/
.juanit-client-style-2 {
    padding: 45px 0;
    border: 1px solid rgba(var(--juanit-blackish-color-rgb),.2);
    display: block;
    margin-bottom: 0px !important;
}

.juanit-element-client-style-2 .col-md-2.juanit-ele-client:nth-of-type(11),
.juanit-element-client-style-2 .col-md-2.juanit-ele-client:nth-of-type(9),
.juanit-element-client-style-2 .col-md-2.juanit-ele-client:nth-of-type(7),
.juanit-element-client-style-2 .col-md-2.juanit-ele-client:nth-of-type(6),
.juanit-element-client-style-2 .col-md-2.juanit-ele-client:nth-of-type(4),
.juanit-element-client-style-2 .col-md-2.juanit-ele-client:nth-of-type(2),
.juanit-element-client-style-2 .col-md-6.col-lg-3.juanit-ele-client:nth-of-type(12),
.juanit-element-client-style-2 .col-md-6.col-lg-3.juanit-ele-client:nth-of-type(10),
.juanit-element-client-style-2 .col-md-6.col-lg-3.juanit-ele-client:nth-of-type(7),
.juanit-element-client-style-2 .col-md-6.col-lg-3.juanit-ele-client:nth-of-type(5),
.juanit-element-client-style-2 .col-md-6.col-lg-3.juanit-ele-client:nth-of-type(4),
.juanit-element-client-style-2 .col-md-6.col-lg-3.juanit-ele-client:nth-of-type(2),
.juanit-element-client-style-2 .col-md-4.juanit-ele-client:nth-child(even),
.juanit-element-client-style-2 .col-md-6:not(.col-lg-3).juanit-ele-client:nth-of-type(11),
.juanit-element-client-style-2 .col-md-6:not(.col-lg-3).juanit-ele-client:nth-of-type(10),
.juanit-element-client-style-2 .col-md-6:not(.col-lg-3).juanit-ele-client:nth-of-type(7),
.juanit-element-client-style-2 .col-md-6:not(.col-lg-3).juanit-ele-client:nth-of-type(6),
.juanit-element-client-style-2 .col-md-6:not(.col-lg-3).juanit-ele-client:nth-of-type(3),
.juanit-element-client-style-2 .col-md-6:not(.col-lg-3).juanit-ele-client:nth-of-type(2),
.juanit-element-client-style-2 .col-md-12.juanit-ele-client:nth-child(even),
.juanit-element-client-style-2 .col-md-20percent.juanit-ele-client:nth-child(even),
.juanit-client-style-2-new .juanit-client-style-2:nth-child(even) {
    border: none;
}

.juanit-client-style-2 .juanit-client-wrapper {
    overflow: hidden;
    display: block;
    position: relative;
    text-align: center;
    z-index: 1;
    height: -webkit-max-content;
    transition: transform .4s ease, -webkit-transform .4s ease;
}

.juanit-client-style-2 .juanit-client-with-hover-img .juanit-featured-wrapper, .juanit-client-style-2 .juanit-client-hover-img {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

.juanit-client-style-2 .juanit-client-hover-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    display: block;
    text-align: center;
    width: 100%
}

.juanit-client-style-2 .juanit-client-with-hover-img .juanit-client-hover-img {
    transform: translateY(-100%)
}

.juanit-client-style-2 .juanit-client-with-hover-img:hover .juanit-client-hover-img {
    visibility: visible;
    transform: translateY(0)
}

.juanit-client-style-2 .juanit-client-with-hover-img:hover .juanit-featured-wrapper {
    transform: translateY(100%)
}

/** Style 3 **/
.juanit-client-style-3 .juanit-border-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px 0;
}

.juanit-client-style-3 .juanit-client-wrapper {
    overflow: hidden;
    z-index: 1;
    height: -webkit-max-content;
    display: inline-block;
    position: relative;
    text-align: center;
    transition: transform .4s ease,-webkit-transform .4s ease;
}

.juanit-client-style-3 .juanit-border-wrapper {
    transition: all .4s ease-in;
}

.juanit-client-style-3 .juanit-client-with-hover-img .juanit-featured-wrapper,
.juanit-client-style-3 .juanit-client-with-hover-img .juanit-client-hover-img {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}

.juanit-client-style-3 .juanit-client-hover-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    transform: translateY(-100%);
}

.juanit-client-style-3:hover .juanit-client-with-hover-img .juanit-client-hover-img {
    visibility: visible;
    transform: translateY(0%);
}

.juanit-client-style-3:hover .juanit-client-with-hover-img .juanit-featured-wrapper {
    transform: translateY(100%);
}

.juanit-client-style-3 .juanit-featured-wrapper img {
    opacity: .7;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.juanit-client-style-3 .juanit-client-hover-img img {
    filter: brightness(150);
}

/*----------------------------------------*/
/* 16 - Pricing
/*----------------------------------------*/
/** Style 1 **/
.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col .juanit-pricing-table-box,
.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:hover .juanit-head-wrap::before {
    transition: all 0.6s ease-in-out;
}

.juaniinfotech-ele-ptable-style-1 .juanit-head-wrap {
    position: relative;
    text-align: center;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(var(--juanit-blackish-color-rgb), 0.2);
}

.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col .juanit-head-wrap::before {
    content: "";
    position: absolute;
    background-color: var(--juanit-secondary-color);
    width: 0%;
    height: 1px;
    bottom: -1px;
    left: 0;
}

.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:nth-child(4) .juanit-head-wrap::before,
.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:nth-child(2) .juanit-head-wrap::before {
    background-color: var(--juanit-blackish-color);
}

.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:nth-child(4) .juanit-head-wrap,
.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:nth-child(2) .juanit-head-wrap {
    border-color: var(--juanit-white-color);
}

.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:hover .juanit-head-wrap::before {
    width: 100%;
}

.juaniinfotech-ele-ptable-style-1 .juaniinfotech-ptable-heading {
    font-size: 18px;
    line-height: 28px;
    text-transform: capitalize;
    color: var(--juanit-global-color);
    margin-bottom: 25px;
    font-weight: 600;
    border: 1px solid var(--juanit-global-color);
    border-radius: 30px;
    display: inline-block;
    padding: 0 20px;
}

.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:nth-child(4) .juaniinfotech-ptable-heading,
.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:nth-child(2) .juaniinfotech-ptable-heading {
    color: var(--juanit-white-color);
    border-color: var(--juanit-white-color);
}

.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:nth-child(4) .juanit-ptable-line,
.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:nth-child(2) .juanit-ptable-line,
.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:nth-child(4) .juaniinfotech-ptable-frequency,
.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:nth-child(2) .juaniinfotech-ptable-frequency,
.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:nth-child(4) .juanit-ptable-price-w,
.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:nth-child(2) .juanit-ptable-price-w {
    color: var(--juanit-white-color);
}

.juaniinfotech-ele-ptable-style-1 .juanit-price-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.juaniinfotech-ele-ptable-style-1 .juanit-pricing-table-box {
    background-color: var(--juanit-white-color);
    position: relative;
    padding: 45px 40px;
    border-radius: 30px;
    border: 1px solid rgba(var(--juanit-blackish-color-rgb),.2);
}

.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:nth-child(4) .juanit-pricing-table-box,
.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:nth-child(2) .juanit-pricing-table-box {
    background-color: var(--juanit-global-color);
}

.juaniinfotech-ele-ptable-style-1 .juaniinfotech-ptable-symbol {
    font-size: 50px;
    line-height: 50px;
}

.juaniinfotech-ele-ptable-style-1 .juaniinfotech-ptable-price {
    font-size: 90px;
    line-height: 90px;
}

.juaniinfotech-ele-ptable-style-1 .juanit-ptable-price-w {
    display: flex;
    align-items: flex-start;
    color: var(--juanit-secondary-color);
}

.juaniinfotech-ele-ptable-style-1 .juaniinfotech-ptable-frequency {
    color: var(--juanit-blackish-color);
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    letter-spacing: -0.25px;
    text-transform: uppercase;
    color: var(--juanit-blackish-color);
    position: relative;
}

.juaniinfotech-ele-ptable-style-1 .juanit-ptable-inner {
    padding: 25px 0 0px;
}

.juaniinfotech-ele-ptable-style-1 .juanit-ptable-line {
    margin-bottom: 10px;
    position: relative;
}

    .juaniinfotech-ele-ptable-style-1 .juanit-ptable-line:last-child {
        margin-bottom: 0;
    }

    .juaniinfotech-ele-ptable-style-1 .juanit-ptable-line svg,
    .juaniinfotech-ele-ptable-style-1 .juanit-ptable-line .juanit-ptable-line-svg,
    .juaniinfotech-ele-ptable-style-1 .juanit-ptable-line i {
        font-size: 18px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0,-50%);
        color: var(--juanit-global-color);
    }

.juaniinfotech-ele-ptable-style-1 .juaniinfotech-ptable-btn .juanit-button a {
    padding: 14px 30px;
    color: var(--juanit-white-color);
    background-color: var(--juanit-global-color);
    border: none;
    width: 100%;
    position: relative;
    display: inline-block;
    border-radius: 30px;
}

    .juaniinfotech-ele-ptable-style-1 .juaniinfotech-ptable-btn .juanit-button a:hover {
        background-color: var(--juanit-secondary-color);
    }

.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col:nth-child(even) .juanit-button a,
.juaniinfotech-ele-ptable-style-1 .juanit-pricing-table-featured-col .juanit-button a {
    color: var(--juanit-blackish-color);
    background-color: var(--juanit-white-color);
}

.juaniinfotech-ele-ptable-style-1 .juanit-pricing-table-featured-col.juanit-ptable-col:nth-child(odd) .juanit-button a {
    color: var(--juanit-white-color);
    background-color: var(--juanit-global-color);
}

    .juaniinfotech-ele-ptable-style-1 .juanit-pricing-table-featured-col.juanit-ptable-col:nth-child(odd) .juanit-button a:hover {
        background-color: var(--juanit-secondary-color);
    }

.juaniinfotech-ele-ptable-style-1 .juanit-ptable-line .juanit-ptable-line-svg {
    display: inline-block;
    margin-right: 5px;
}

.juaniinfotech-ele-ptable-style-1 .juanit-ptable-line svg {
    width: 15px;
    height: 15px;
    margin: 0 15px 0 0;
    fill: var(--juanit-global-color);
}

.juaniinfotech-ele-ptable-style-1 .juaniinfotech-ptable-btn {
    text-align: center;
    margin-top: 40px;
}

.juaniinfotech-ele-ptable-style-1 .juanit-button .juanit-button-text {
    font-family: var(--juanit-btn-typography-font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.25px;
    text-transform: capitalize;
    font-style: normal;
}

.juaniinfotech-ele-ptable-style-1 .juanit-button .juanit-button-wrapper .juanit-button-text {
    position: relative;
    overflow: hidden;
}

.juaniinfotech-ele-ptable-style-1 .juanit-ptable-col .juanit-pricing-table-box:hover {
    transform: translateY(-5px);
}

.juaniinfotech-ele-ptable-style-1 .juanit-button i {
    display: none;
}
/* juanit-pricing-style-1-new */
.juanit-pricing-style-1-new .juaniinfotech-ele-ptable-style-1 .juanit-pricing-table-box {
    background-color: var(--juanit-light-color);
    border: none
}

.juanit-pricing-style-1-new .juaniinfotech-ele-ptable-style-1 .juanit-pricing-table-featured-col .juanit-pricing-table-box {
    background-color: var(--juanit-global-color);
}

.juanit-pricing-style-1-new .juaniinfotech-ele-ptable-style-1 .juaniinfotech-ptable-heading {
    background-color: var(--juanit-white-color);
}

.juanit-pricing-style-1-new .juaniinfotech-ele-ptable-style-1 .juanit-pricing-table-featured-col .juaniinfotech-ptable-heading {
    background-color: transparent;
}
/** Style 2 **/
.juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-box,
.juaniinfotech-ele-ptable-style-2 .juanit-head-wrap::before {
    transition: all 0.6s ease-in-out;
}

.juaniinfotech-ele-ptable-style-2 .juanit-ptable-col {
    margin-bottom: 30px;
}

.juaniinfotech-ele-ptable-style-2 .juanit-head-wrap {
    width: 37%;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid rgba(var(--juanit-blackish-color-rgb), 0.1);
}

.juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-heading {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-weight: 500;
}

.juaniinfotech-ele-ptable-style-2 .juanit-price-wrapper {
    display: flex;
    align-items: flex-end;
}

.juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-box {
    position: relative;
    overflow: hidden;
    display: flex;
    padding: 60px 40px 90px;
    border-radius: 20px;
    background-color: var(--juanit-light-color);
}

.juanit-bg-color-light .juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-box {
    background-color: var(--juanit-white-color);
}

.juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-symbol {
    font-size: 36px;
    line-height: 36px;
}

.juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-symbol,
.juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-price {
    font-weight: 700;
    font-style: normal;
    font-family: var(--juanit-heading-typography-font-family);
}

.juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-price {
    font-size: 60px;
    line-height: 60px;
}

.juaniinfotech-ele-ptable-style-2 .juanit-ptable-price-w {
    display: flex;
    align-items: flex-start;
    color: var(--juanit-secondary-color);
}

.juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-frequency {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    font-weight: 400;
}

.juaniinfotech-ele-ptable-style-2 .juanit-ptable-inner {
    width: 100%;
    padding: 0 10px;
}

.juaniinfotech-ele-ptable-style-2 .juanit-ptable-lines-w {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
}

.juaniinfotech-ele-ptable-style-2 .juanit-ptable-line {
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px;
}

    .juaniinfotech-ele-ptable-style-2 .juanit-ptable-line i {
        position: absolute;
        left: 0;
        top: 4px;
        font-size: 17px;
        font-weight: bold;
        line-height: 20px;
        color: var(--juanit-blackish-color);
    }

    .juaniinfotech-ele-ptable-style-2 .juanit-ptable-line svg {
        font-size: 16px;
        line-height: 16px;
        fill: var(--juanit-blackish-color);
    }

    .juaniinfotech-ele-ptable-style-2 .juanit-ptable-line:last-child {
        margin-bottom: 0;
    }

.juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-btn .juanit-button a {
    padding: 18px 30px;
    color: var(--juanit-blackish-color);
    background-color: var(--juanit-white-color);
    border: none;
    width: 100%;
    border-radius: 30px 30px 0 0;
    position: relative;
    display: inline-block;
}

.juanit-bg-color-secondary .juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-btn .juanit-button a,
.juanit-bg-color-blackish .juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-btn .juanit-button a {
    color: var(--juanit-white-color);
}

.juanit-bg-color-light .juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-btn .juanit-button a {
    background-color: var(--juanit-light-color);
}

.juanit-bg-color-blackish .juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-btn .juanit-button a {
    background-color: var(--juanit-blackish-color);
}

.juanit-bg-color-secondary .juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-btn .juanit-button a {
    background-color: var(--juanit-secondary-color);
}

.juanit-bg-color-global .juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-btn .juanit-button a {
    background-color: var(--juanit-global-color);
}

.juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-btn .juanit-button a:hover {
    color: var(--juanit-global-color);
}

.juanit-bg-color-global .juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-btn .juanit-button a:hover {
    color: var(--juanit-white-color);
}

.juaniinfotech-ele-ptable-style-2 .juaniinfotech-ptable-btn {
    position: absolute;
    bottom: 0;
    right: 45px;
    display: inline-block;
    text-align: center;
    margin-top: 40px;
}

.juaniinfotech-ele-ptable-style-2 .juanit-ptable-col .juanit-pricing-table-box:hover {
    transform: translateY(-5px);
}

.juaniinfotech-ele-ptable-style-2 .juanit-button-wrapper::after {
    content: '\e8eb';
    font-family: "juaninfotechicon";
    display: inline-block;
    margin-left: 10px;
}

.juaniinfotech-ele-ptable-style-2 .juanit-button-inner::after,
.juaniinfotech-ele-ptable-style-2 .juanit-button-inner::before {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: 0;
    height: 40px;
    width: 20px;
    box-shadow: 0 20px 0 0 var(--juanit-white-color);
}

.juanit-bg-color-light .juaniinfotech-ele-ptable-style-2 .juanit-button-inner::after,
.juanit-bg-color-light .juaniinfotech-ele-ptable-style-2 .juanit-button-inner::before {
    box-shadow: 0 20px 0 0 var(--juanit-light-color);
}

.juanit-bg-color-blackish .juaniinfotech-ele-ptable-style-2 .juanit-button-inner::after,
.juanit-bg-color-blackish .juaniinfotech-ele-ptable-style-2 .juanit-button-inner::before {
    box-shadow: 0 20px 0 0 var(--juanit-blackish-color);
}

.juanit-bg-color-secondary .juaniinfotech-ele-ptable-style-2 .juanit-button-inner::after,
.juanit-bg-color-secondary .juaniinfotech-ele-ptable-style-2 .juanit-button-inner::before {
    box-shadow: 0 20px 0 0 var(--juanit-secondary-color);
}

.juanit-bg-color-global .juaniinfotech-ele-ptable-style-2 .juanit-button-inner::after,
.juanit-bg-color-global .juaniinfotech-ele-ptable-style-2 .juanit-button-inner::before {
    box-shadow: 0 20px 0 0 var(--juanit-global-color);
}

.juaniinfotech-ele-ptable-style-2 .juanit-button-inner::before {
    right: 100%;
    border-bottom-right-radius: 20px;
}

.juaniinfotech-ele-ptable-style-2 .juanit-button-inner::after {
    left: 100%;
    border-bottom-left-radius: 20px;
}

.juanit-bg-color-white .juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-box {
    background-color: var(--juanit-light-color);
}
/* Featured Column */
.juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juanit-pricing-table-box {
    background-color: var(--juanit-blackish-color);
}

.juanit-bg-color-secondary .juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juanit-pricing-table-box,
.juanit-bg-color-blackish .juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juanit-pricing-table-box {
    background-color: var(--juanit-global-color);
}

.juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juanit-head-wrap {
    border-color: rgba(var(--juanit-global-color-rgb), 0.5);
}

.juanit-bg-color-secondary .juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juanit-head-wrap,
.juanit-bg-color-blackish .juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juanit-head-wrap {
    border-color: rgba(var(--juanit-blackish-color-rgb), 0.1);
}

.juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juaniinfotech-ptable-heading,
.juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juanit-ptable-line,
.juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juaniinfotech-ptable-frequency,
.juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juanit-ptable-price-w {
    color: var(--juanit-white-color);
}

    .juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juaniinfotech-ptable-price,
    .juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juanit-ptable-line i {
        color: var(--juanit-global-color);
    }

.juanit-bg-color-secondary .juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juaniinfotech-ptable-price,
.juanit-bg-color-blackish .juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juaniinfotech-ptable-price,
.juanit-bg-color-secondary .juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juanit-ptable-line i,
.juanit-bg-color-blackish .juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juanit-ptable-line i {
    color: var(--juanit-blackish-color);
}

.juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juanit-ptable-line svg {
    fill: var(--juanit-global-color);
}

.juanit-bg-color-secondary .juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juanit-ptable-line svg,
.juanit-bg-color-blackish .juaniinfotech-ele-ptable-style-2 .juanit-pricing-table-featured-col .juanit-ptable-line svg {
    fill: var(--juanit-blackish-color);
}

/* --------------------------------------
* 17 - Sortable
* ---------------------------------------*/
.juanit-sortable-list-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 50px;
    display: block;
    text-align: center;
}

    .juanit-sortable-list-ul li {
        display: inline-block;
    }

        .juanit-sortable-list-ul li::before {
            content: ' ';
            margin: 0 10px;
        }

        .juanit-sortable-list-ul li:first-child::before {
            display: none;
        }

.juanit-sortable-list a {
    display: inline-block;
    font-size: 16px;
    padding: 8px 20px;
    font-weight: 400;
    min-width: 100px;
    border-radius: 20px;
}

    .juanit-sortable-list a.juanit-selected {
        background: var(--juanit-blackish-color);
        color: var(--juanit-white-color);
    }

.juanit-sortable-list-style-2 .juanit-sortable-list-ul {
    text-align: left;
}

.juanit-sortable-list-style-2 ul li:before {
    display: none;
}

.juanit-sortable-list-style-2 .juanit-sortable-list-ul a {
    position: relative;
    display: inline;
    font-weight: 500;
    padding: 0;
    margin-right: 40px;
}

    .juanit-sortable-list-style-2 .juanit-sortable-list-ul a.juanit-selected {
        color: var(--juanit-global-color);
        background-color: transparent;
    }

.juanit-bg-color-blackish .juanit-sortable-list a.juanit-selected {
    color: var(--juanit-global-color);
}

.juanit-bg-color-blackish .juanit-sortable-list a {
    color: var(--juanit-white-color);
}

/* --------------------------------------
* 18 - Img Animation
* ---------------------------------------*/
.juanit-animation-style1,
.juanit-animation-style2,
.juanit-animation-style3,
.juanit-animation-style4 {
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
}

    .juanit-animation-style1 img,
    .juanit-animation-style2 img,
    .juanit-animation-style3 img,
    .juanit-animation-style4 img {
        transform-origin: 50% 50%;
        transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
    }

/* --------------------------------------
* 19 - Marquee
* ---------------------------------------*/
/** Style 1 **/
.juanit-marquee-effect-style-1 .juanit-element-title {
    font-size: 90px;
    line-height: 120px !important;
    position: relative !important;
    overflow: visible !important;
    display: flex;
    overflow: visible !important;
    text-shadow: 1px 1px 0 rgba(var(--juanit-blackish-color-rgb),.2), -1px -1px 0 rgba(var(--juanit-blackish-color-rgb),.2), 1px -1px 0 rgba(var(--juanit-blackish-color-rgb),.2), -1px 1px 0 rgba(var(--juanit-blackish-color-rgb),.2), 1px 1px 0 rgba(var(--juanit-blackish-color-rgb),.2);
    -webkit-text-fill-color: var(--juanit-white-color);
    -webkit-text-stroke-width: 0;
    color: transparent;
    letter-spacing: -1px;
}

    .juanit-marquee-effect-style-1 .juanit-element-title:hover {
        text-shadow: 1px 1px 0 rgba(var(--juanit-global-color-rgb),.2), -1px -1px 0 rgba(var(--juanit-global-color-rgb),.2), 1px -1px 0 rgba(var(--juanit-global-color-rgb),.2), -1px 1px 0 rgba(var(--juanit-global-color-rgb),.2), 1px 1px 0 rgba(var(--juanit-global-color-rgb),.2);
    }

    .juanit-marquee-effect-style-1 .juanit-element-title::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        content: attr(data-text);
        transition: max-width .8s cubic-bezier(.22, .61, .36, 1);
        -webkit-text-fill-color: var(--juanit-global-color);
        -webkit-text-stroke: transparent;
        max-width: 0;
    }

    .juanit-marquee-effect-style-1 .juanit-element-title:hover::before {
        max-width: 100%;
    }

.juanit-marquee-effect-style-1 .juanit-tag-wrapper {
    padding-left: 100px;
    margin-left: 50px;
    position: relative;
}

    .juanit-marquee-effect-style-1 .juanit-tag-wrapper::before {
        content: "+";
        position: absolute;
        left: 0;
        top: 50%;
        font-size: 90px;
        line-height: 90px;
        transform: translateY(-50%);
        font-weight: 700;
        color: var(--juanit-global-color);
        font-family: var(--juanit-heading-typography-font-family);
    }

/* --------------------------------------
* 20 - Tab
* ---------------------------------------*/
.juanit-tab {
    display: flex;
    align-items: center;
}

    .juanit-tab .nav-tabs {
        margin: 0;
        display: block;
        border: none;
    }

    .juanit-tab .nav .nav-item a.active {
        color: var(--juanit-white-color);
        background-color: var(--juanit-global-color);
        border-color: var(--juanit-global-color);
    }

    .juanit-tab .nav .nav-item a {
        padding: 5px 5px 5px 40px;
        margin-bottom: 20px;
        border-radius: 50px;
        font-size: 18px;
        line-height: 24px;
        text-transform: capitalize;
        transition: all 0.4s ease-in-out;
        width: 347px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: var(--juanit-global-color);
        font-family: var(--juanit-heading-typography-font-family);
        border: 1px solid rgba(var(--juanit-blackish-color-rgb), .2);
        font-weight: 700;
    }

    .juanit-tab .nav-tabs i {
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 12px;
        border-radius: 50%;
        text-align: center;
        background: var(--juanit-light-color);
        color: var(--juanit-global-color);
        transition: all 0.3s ease-in;
    }

    .juanit-tab .nav-tabs .nav-link.active i {
        color: var(--juanit-blackish-color);
        background-color: var(--juanit-white-color);
    }

    .juanit-tab .tab-content {
        padding-left: 75px;
    }

        .juanit-tab .tab-content .tab-pane.active {
            animation: juanit-faded 3s;
        }

@keyframes juanit-faded {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.juanit-tab .juanit-tab-img img {
    border-radius: 30px;
}

.juanit-tab .juanit-tab-list {
    padding-left: 80px;
}

    .juanit-tab .juanit-tab-list .list-group {
        margin-top: 40px;
    }

        .juanit-tab .juanit-tab-list .list-group .juanit-icon-list-icon i {
            font-size: 16px;
        }

    .juanit-tab .juanit-tab-list h2 {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 15px;
    }

.juanit-tab.style-2 {
    display: block;
}

    .juanit-tab.style-2 .nav-tabs {
        display: flex;
        justify-content: center;
        gap: 5px;
        margin-bottom: 25px;
        flex-wrap: initial;
    }

    .juanit-tab.style-2 .nav .nav-item a {
        width: auto;
        font-size: 16px;
        padding: 12px 30px;
        border: none;
        color: inherit;
        margin-bottom: 0;
        text-align: center;
    }

        .juanit-tab.style-2 .nav .nav-item a.active {
            color: var(--juanit-white-color);
        }

    .juanit-tab.style-2 .tab-content {
        padding: 0;
    }

    .juanit-tab.style-2 .juanit-column-inner {
        padding: 40px;
        border-radius: 20px;
        background: linear-gradient(to bottom, rgba(246, 246, 246, 1) 0%, rgba(255, 255, 255, 1) 100%);
    }

    .juanit-tab.style-2 .list-group .juanit-icon-list-icon i {
        transform: rotate(12deg);
        font-size: 18px;
    }

    .juanit-tab.style-2 .juanit-tab-inner-content {
        position: relative;
        padding: 70px 160px 70px 40px;
    }

    .juanit-tab.style-2 .juanit-tab-heading h3 {
        font-size: 30px;
        line-height: 36px;
        font-weight: 600;
        margin-bottom: 18px;
        text-transform: capitalize;
        color: var(--juanit-blackish-color);
    }

    .juanit-tab.style-2 .juanit-tab-highlight {
        position: absolute;
        right: -100px;
        top: 65px;
    }

        .juanit-tab.style-2 .juanit-tab-highlight h3 {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            text-align: center;
            text-transform: capitalize;
            width: 170px;
            height: 170px;
            font-size: 18px;
            line-height: 18px;
            font-weight: 600;
            border-radius: 50%;
            padding: 0 10px;
            background-color: var(--juanit-blackish-color);
            border: 15px solid var(--juanit-white-color);
            color: var(--juanit-white-color);
        }

            .juanit-tab.style-2 .juanit-tab-highlight h3 span {
                font-size: 30px;
                line-height: 30px;
                font-weight: 700;
                margin-bottom: 2px;
            }

    .juanit-tab.style-2 .list-group {
        margin: 20px 0 40px 0;
    }

    .juanit-tab.style-2 .juanit-tab-image-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px;
    }

    .juanit-tab.style-2 .juanit-tab-inner-content .juanit-btn-outline {
        color: var(--juanit-blackish-color);
    }

        .juanit-tab.style-2 .juanit-tab-inner-content .juanit-btn-outline:hover {
            color: var(--juanit-global-color);
        }

/* --------------------------------------
* 21 - Banner Slider
* ---------------------------------------*/
.juanit-slider-area .transform-top {
    opacity: 0;
    transform: translateY(-120px);
    transition: all 1000ms ease;
}

.swiper-slide-active .transform-top {
    opacity: 1;
    transform: translateY(0);
}

.juanit-slider-area .transform-bottom {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1000ms ease;
}

.swiper-slide-active .transform-bottom {
    opacity: 1;
    transform: translateY(0);
}

.juanit-slider-area .transform-bottom-1 {
    opacity: 0;
    transition: all 1000ms ease;
    transform: perspective(600px) translate3d(0px, 50px, -40px) rotateX(-70deg);
}

.swiper-slide-active .transform-bottom-1 {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: perspective(600px) translate(1px, 0px);
}

.juanit-slider-area .transform-left {
    opacity: 0;
    transition: all 1000ms ease;
    transform: translateX(-200px);
}

.swiper-slide-active .transform-left {
    opacity: 1;
    transform: translateX(0);
}

.juanit-slider-area .transform-right {
    opacity: 0;
    transition: all 1000ms ease;
    transform: translateX(200px);
}

.swiper-slide-active .transform-right {
    opacity: 1;
    transform: translateX(0);
}

.juanit-slider-area .transform-center {
    opacity: 0;
    transition: all 1000ms ease;
    transform: scale(0.9);
}

.swiper-slide-active .transform-center {
    opacity: 1;
    transform: scale(1);
}

.swiper-slide-active .transform-delay-1 {
    transition-delay: 1000ms;
}

.swiper-slide-active .transform-delay-2 {
    transition-delay: 1400ms;
}

.swiper-slide-active .transform-delay-3 {
    transition-delay: 1700ms;
}

.swiper-slide-active .transform-delay-4 {
    transition-delay: 1900ms;
}

.swiper-slide-active .transform-delay-5 {
    transition-delay: 2100ms;
}

.swiper-slide-active .transform-delay-6 {
    transition-delay: 2200ms;
}

.juanit-slider-area .juanit-slider-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/* Overlay layer */
.juanit-slider-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.5); /* <-- change opacity here */
    z-index: 2;
}

.juanit-slider-area .swiper-slider {
    padding-bottom: 0 !important;
}

.juanit-slider-area .juanit-slider-content .juanit-sub-title,
.juanit-slider-area .juanit-slider-content .juanit-title {
    color: var(--juanit-white-color);
}
/** Style 1 **/
.juanit-slider-one .juanit-slider-item {
    display: flex;
    align-items: center;
    height: 900px;
}

.juanit-slider-one .juanit-sub-title {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
    font-weight: 300;
    text-transform: uppercase;
}

.juanit-slider-one .juanit-title {
    font-size: 72px;
    line-height: 76px;
    margin-bottom: 30px;
}

.juanit-slider-one .juanit-btn-outline {
    color: var(--juanit-white-color);
    border-color: var(--juanit-white-color);
}

    .juanit-slider-one .juanit-btn-outline:hover {
        color: var(--juanit-white-color);
    }

.juanit-slider-one .swiper-horizontal > .swiper-pagination-bullets {
    display: block;
    width: 200px;
    height: 100px;
    line-height: 100px;
    right: 0;
    left: auto;
    bottom: 0;
    border-radius: 20px 0 0;
    background-color: var(--juanit-white-color);
}

    .juanit-slider-one .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        background-color: rgba(var(--juanit-global-color-rgb),.5) !important;
    }

        .juanit-slider-one .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active,
        .juanit-slider-one .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover {
            background-color: var(--juanit-global-color) !important;
        }
/** Style 2 **/
.juanit-slider-two .juanit-slider-item {
    padding: 330px 0 230px 0;
    background-color: rgba(0, 0, 0, 0.22);
}

.juanit-slider-two .juanit-sub-title {
    font-size: 60px;
    line-height: 70px;
    font-weight: 600;
    margin: 0;
}

.juanit-slider-two .juanit-title {
    font-size: 184px;
    line-height: 184px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}

.juanit-slider-two .juanit-desc {
    padding-top: 25px;
    font-size: 18px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 35px;
    max-width: fit-content;
    color: var(--juanit-white-color);
    border-top: 1px solid rgb(255, 255, 255);
    font-family: var(--juanit-body-typography-font-family);
}

.juanit-slider-two .juanit-button-wrap,
.juanit-slider-eight .juanit-button-wrap,
.juanit-slider-nine .juanit-button-wrap {
    opacity: 0;
    transition-duration: 2s;
}

.juanit-slider-two .swiper-slide-active .juanit-button-wrap,
.juanit-slider-eight .swiper-slide-active .juanit-button-wrap,
.juanit-slider-nine .swiper-slide-active .juanit-button-wrap {
    opacity: 1;
}

.juanit-slider-two .swiper-horizontal > .swiper-pagination-bullets {
    top: 50%;
    display: table;
    width: auto;
    right: 50px;
    left: auto;
    transform: translateY(-50%) rotate(-90deg);
}

.juanit-slider-two .swiper-pagination-bullet,
.juanit-slider-three .swiper-pagination-bullet,
.juanit-slider-five .swiper-pagination-bullet {
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
    transition: box-shadow 0.3s ease;
    background: transparent;
    width: 15px;
    height: 15px;
    margin: 3px !important;
}

    .juanit-slider-two .swiper-pagination-bullet::after,
    .juanit-slider-three .swiper-pagination-bullet::after,
    .juanit-slider-five .swiper-pagination-bullet::after {
        position: absolute;
        transition: background-color 0.3s ease, transform 0.3s ease;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        outline: none;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0);
        background-color: rgba(255, 255, 255, 0.3);
        text-indent: -999em;
        cursor: pointer;
    }

.juanit-slider-two .swiper-pagination-bullet,
.juanit-slider-three .swiper-pagination-bullet,
.juanit-slider-five .swiper-pagination-bullet {
    position: relative;
}

    .juanit-slider-two .swiper-pagination-bullet-active,
    .juanit-slider-two .swiper-pagination-bullet:hover,
    .juanit-slider-three .swiper-pagination-bullet-active,
    .juanit-slider-three .swiper-pagination-bullet:hover,
    .juanit-slider-five .swiper-pagination-bullet-active,
    .juanit-slider-five .swiper-pagination-bullet:hover {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);
        border: none;
        border-radius: 50%;
        background: transparent;
        width: 15px;
        height: 15px;
        outline: none;
    }

        .juanit-slider-two .swiper-pagination-bullet-active:after,
        .juanit-slider-two .swiper-pagination-bullet:hover:after,
        .juanit-slider-three .swiper-pagination-bullet-active:after,
        .juanit-slider-three .swiper-pagination-bullet:hover:after,
        .juanit-slider-five .swiper-pagination-bullet-active:after,
        .juanit-slider-five .swiper-pagination-bullet:hover:after {
            transform: scale(0.4);
            -webkit-transform: scale(0.4);
            background-color: rgba(255, 255, 255, 1);
        }
/** Style 3 **/
.juanit-slider-three .juanit-slider-item {
    display: flex;
    align-items: center;
    height: 800px;
}

.juanit-slider-three .juanit-slider-content,
.juanit-slider-five .juanit-slider-content {
    position: relative;
    width: 565px;
    overflow: hidden;
    padding: 50px 40px 80px 60px;
}

    .juanit-slider-three .juanit-slider-content:after,
    .juanit-slider-five .juanit-slider-content:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        transform: scaleY(0);
        background-color: rgba(64, 50, 38, 0.96);
        opacity: 0;
        z-index: -1;
        border-radius: 30px;
        transition-duration: .5s;
        transform-origin: top;
        transition-delay: 1s;
    }

.juanit-slider-three .swiper-slide-active .juanit-slider-content:after,
.juanit-slider-five .swiper-slide-active .juanit-slider-content:after {
    transform: scaleY(1.0);
    opacity: 1;
}

.juanit-slider-three .juanit-title,
.juanit-slider-five .juanit-title {
    font-size: 60px;
    line-height: 60px;
}

.juanit-slider-three .juanit-slider-content .juanit-desc,
.juanit-slider-five .juanit-slider-content .juanit-desc {
    font-size: 18px;
    font-weight: 700;
    color: var(--juanit-white-color);
}

.juanit-slider-three .swiper-horizontal > .swiper-pagination-bullets {
    top: 50%;
    display: table;
    width: auto;
    left: 25px;
    right: auto;
    transform: translateY(-50%) rotate(-90deg);
}
/** Style 4 **/
.juanit-slider-four .juanit-slider-item {
    height: 730px;
    display: flex;
    align-items: center;
    background: rgba(64, 50, 38, 0.26);
}

.juanit-slider-four .juanit-sub-title {
    font-size: 18px;
    line-height: 26px;
    padding: 5px 15px;
    letter-spacing: 1px;
    border-radius: 20px;
    width: max-content;
    text-transform: uppercase;
    color: var(--juanit-global-color) !important;
    background-color: var(--juanit-secondary-color);
}

.juanit-slider-four .juanit-title {
    font-size: 120px;
    line-height: 120px;
    text-transform: uppercase;
}

.juanit-slider-four .juanit-slider-content .juanit-desc {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 35px;
    color: var(--juanit-white-color);
}

.juanit-slider-four .swiper-button-prev,
.juanit-slider-four .swiper-button-next,
.juanit-slider-eight .swiper-button-prev,
.juanit-slider-eight .swiper-button-next {
    border: none;
    width: 60px;
}

.juanit-slider-four .swiper-button-next,
.juanit-slider-eight .swiper-button-next {
    right: 0;
}

    .juanit-slider-four .swiper-button-prev:before,
    .juanit-slider-four .swiper-button-next:before,
    .juanit-slider-eight .swiper-button-prev:before,
    .juanit-slider-eight .swiper-button-next:before {
        content: '';
        position: absolute;
        width: 69px;
        height: 155px;
        top: -55px;
        z-index: -1;
        background-color: var(--juanit-light-color);
    }

.juanit-slider-four .swiper-button-prev:before,
.juanit-slider-eight .swiper-button-prev:before {
    left: -9px;
    bottom: -1px;
    right: -1px;
    mask: url(../images/banner-slider-img/slider-arrow-before.png) no-repeat;
}

.juanit-slider-four .swiper-button-next:before,
.juanit-slider-eight .swiper-button-next:before {
    right: 0;
    mask: url(../images/banner-slider-img/slider-arrow-before.png) no-repeat;
}

.juanit-slider-four .swiper-button-prev:after,
.juanit-slider-four .swiper-button-next:after,
.juanit-slider-eight .swiper-button-prev:after,
.juanit-slider-eight .swiper-button-next:after {
    font-size: 28px;
    color: var(--juanit-blackish-color);
}
/** Style 5 **/
.juanit-slider-five .juanit-slider-item {
    display: flex;
    align-items: center;
    height: 930px;
}

.juanit-slider-five .swiper-horizontal > .swiper-pagination-bullets {
    top: 50%;
    display: table;
    width: auto;
    left: 10px;
    right: auto;
    transform: translateY(-50%) rotate(-90deg);
}

/** Style 6 **/
.juanit-slider-six .juanit-slider-item {
    padding: 250px 0 285px 0;
}

.juanit-slider-six .juanit-slider-content .juanit-sub-title {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -.5px;
    padding: 5px 15px;
    border-radius: 20px;
    margin-bottom: 0;
    display: inline-block;
    color: rgb(187, 154, 101);
    background-color: rgb(64, 50, 38);
    font-family: var(--juanit-body-typography-font-family);
}

.juanit-slider-six .juanit-slider-content .juanit-title {
    font-size: 140px;
    line-height: 140px;
    margin: 0;
    text-transform: uppercase;
}

.juanit-slider-six .juanit-slider-content .juanit-title-small {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 30px;
    color: var(--juanit-white-color);
}

.juanit-slider-six .swiper-horizontal > .swiper-pagination-bullets {
    position: absolute;
    right: auto;
    left: 43%;
    bottom: 0;
    width: 210px;
    height: 70px;
    background-color: var(--juanit-white-color);
    border-radius: 20px 20px 0 0;
}

    .juanit-slider-six .swiper-horizontal > .swiper-pagination-bullets:before,
    .juanit-slider-six .swiper-horizontal > .swiper-pagination-bullets:after {
        content: "";
        position: absolute;
        bottom: 0;
        background-color: transparent;
        height: 40px;
        width: 20px;
        box-shadow: 0 20px 0 0 var(--juanit-white-color);
    }

    .juanit-slider-six .swiper-horizontal > .swiper-pagination-bullets:before {
        right: 100%;
        border-bottom-right-radius: 20px;
    }

    .juanit-slider-six .swiper-horizontal > .swiper-pagination-bullets:after {
        left: 100%;
        border-bottom-left-radius: 20px;
    }

.juanit-slider-six .swiper-pagination-bullet {
    background-color: rgba(var(--juanit-global-color-rgb),.5);
}

.juanit-slider-six .swiper-pagination-bullet-active {
    outline-color: var(--juanit-global-color);
    background-color: var(--juanit-global-color);
}

/** Style 7 **/
.juanit-slider-seven .juanit-slider-item {
    display: flex;
    align-items: center;
    height: 830px;
}

.juanit-slider-seven .juanit-slider-content .juanit-sub-title {
    font-size: 13px;
    line-height: 20px;
    padding: 5px 20px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    max-width: max-content;
    background-color: var(--juanit-global-color);
}

.juanit-slider-seven .juanit-slider-content .juanit-title {
    font-size: 80px;
    line-height: 80px;
    font-weight: 600;
    color: var(--juanit-blackish-color);
}

.juanit-slider-seven .juanit-slider-content .juanit-desc {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 25px;
    color: var(--juanit-blackish-color);
}

.juanit-slider-seven .juanit-rotate-box {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0.9, 0.9);
    transition: 1s 1400ms ease;
}

.juanit-slider-seven .swiper-slide-active .juanit-rotate-box {
    opacity: 1;
    transform: translate(0px, 0px);
}

.juanit-slider-seven .juanit-rotate-box-contents {
    position: relative;
    text-align: center;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
    width: 180px;
    padding: 0px 10px;
}

    .juanit-slider-seven .juanit-rotate-box-contents:before {
        animation-name: juanit_rotate_1;
        animation-duration: 15s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        filter: invert(60%) sepia(45%) saturate(3661%) hue-rotate(360deg) brightness(105%) contrast(105%);
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        height: 180px;
        width: 180px;
        background-image: url(../images/banner-slider-img/offer-img.svg);
        transform-origin: 50% 50% 0;
        transform: rotate(0);
        z-index: 0;
        background-size: cover;
    }

.juanit-slider-seven .juanit-rotate-box .juanit-title {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    z-index: 2;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--juanit-white-color);
}

.juanit-slider-seven .juanit-rotate-box {
    position: absolute;
    width: auto;
    height: auto;
    right: auto;
    left: 60px;
}

.juanit-slider-seven .swiper-horizontal > .swiper-pagination-bullets {
    display: block;
    inset: 44% 0px auto auto;
    width: 50px;
    height: 140px;
    border-radius: 20px 0 0 20px;
    background-color: var(--juanit-white-color);
}

    .juanit-slider-seven .swiper-horizontal > .swiper-pagination-bullets:before,
    .juanit-slider-seven .swiper-horizontal > .swiper-pagination-bullets:after {
        content: "";
        position: absolute;
        background-color: transparent;
        right: 0;
        height: 40px;
        width: 20px;
        box-shadow: 0 20px 0 0 var(--juanit-white-color);
    }

    .juanit-slider-seven .swiper-horizontal > .swiper-pagination-bullets:before {
        top: 100%;
        border-top-right-radius: 20px;
        box-shadow: 0 -20px 0 0 var(--juanit-white-color);
        padding: 0;
        margin: 0;
    }

    .juanit-slider-seven .swiper-horizontal > .swiper-pagination-bullets:after {
        bottom: 100%;
        border-bottom-right-radius: 20px;
    }

    .juanit-slider-seven .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        display: block;
        position: absolute;
        top: 35px;
        left: 20px;
        margin: 0 !important;
        background-color: rgba(var(--juanit-global-color-rgb),.5);
    }

        .juanit-slider-seven .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2) {
            top: 65px;
        }

        .juanit-slider-seven .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3) {
            top: 95px;
        }

    .juanit-slider-seven .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
        background-color: var(--juanit-global-color);
    }

/** Style 8 **/
.juanit-slider-eight .juanit-slider-item {
    height: 850px;
    display: flex;
    align-items: center;
}

.juanit-slider-eight .juanit-slider-content {
    max-width: max-content;
    display: inline-block;
}

    .juanit-slider-eight .juanit-slider-content .juanit-sub-title {
        font-size: 18px;
        line-height: 30px;
        font-weight: 400;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .juanit-slider-eight .juanit-slider-content .juanit-title {
        font-size: 140px;
        line-height: 140px;
        letter-spacing: -1px;
        margin-bottom: 0;
        text-transform: uppercase;
    }

    .juanit-slider-eight .juanit-slider-content .juanit-title-small {
        font-size: 70px;
        line-height: 70px;
        letter-spacing: -1px;
        margin-bottom: 35px;
        color: var(--juanit-white-color);
    }

.juanit-slider-eight .swiper-button-prev:before,
.juanit-slider-eight .swiper-button-next:before {
    background-color: var(--juanit-white-color);
}

/** Style 9 **/
.juanit-slider-nine .juanit-slider-item {
    display: flex;
    align-items: center;
    height: 930px;
}

.juanit-slider-nine .juanit-slider-content {
    margin: 0 auto;
    width: max-content;
}

    .juanit-slider-nine .juanit-slider-content .juanit-sub-title {
        font-size: 13px;
        line-height: 20px;
        padding: 5px 15px;
        border-radius: 20px;
        letter-spacing: 2px;
        font-weight: 400;
        display: inline-block;
        text-transform: uppercase;
        border: 1px solid var(--juanit-white-color);
    }

    .juanit-slider-nine .juanit-slider-content .juanit-title {
        font-size: 100px;
        line-height: 100px;
        letter-spacing: -1px;
        margin-bottom: 30px;
    }

    .juanit-slider-nine .juanit-slider-content .juanit-button a:hover {
        color: var(--juanit-blackish-color);
    }

.juanit-slider-nine .swiper-horizontal > .swiper-pagination-bullets {
    display: block;
    width: 110px;
    height: 50px;
    bottom: 0;
    padding: 13px 0;
    transform: translate(275px, 0px);
    border-radius: 20px 20px 0 0;
    background-color: var(--juanit-white-color);
}

    .juanit-slider-nine .swiper-horizontal > .swiper-pagination-bullets:before,
    .juanit-slider-nine .swiper-horizontal > .swiper-pagination-bullets:after {
        content: "";
        position: absolute;
        background-color: transparent;
        bottom: 0;
        height: 40px;
        width: 20px;
        box-shadow: 0 20px 0 0 var(--juanit-white-color);
    }

    .juanit-slider-nine .swiper-horizontal > .swiper-pagination-bullets:before {
        right: 100%;
        border-bottom-right-radius: 20px;
        padding: 0;
        margin: 0;
    }

    .juanit-slider-nine .swiper-horizontal > .swiper-pagination-bullets:after {
        left: 100%;
        border-bottom-left-radius: 20px;
    }

    .juanit-slider-nine .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        background-color: rgba( var(--juanit-global-color-rgb), .5);
    }

    .juanit-slider-nine .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
        background-color: var(--juanit-global-color);
    }

/* --------------------------------------
* 22 - Progress Bar
* ---------------------------------------*/
.progressbar {
    margin-bottom: 20px;
    overflow: hidden;
}

    .progressbar .progress-label {
        color: var(--juanit-blackish-color);
        display: inline-block;
        position: relative;
        top: -5px;
        font-size: 16px;
        line-height: 20px;
    }

.progress {
    position: relative !important;
    line-height: 30px;
    height: 100%;
    border-radius: 16px;
    margin-top: 0;
    padding: 2px;
    border: 1px solid var(--juanit-global-color);
    background-color: transparent;
}

    .progress .progress-bar {
        position: relative;
        height: 17px;
        overflow: visible;
        border-radius: 0px;
        border-radius: 12px;
        background-color: var(--juanit-global-color);
    }

    .progress.progress-percent-bg .progress-percent {
        position: absolute;
        right: 10px;
        left: auto;
        top: 2px;
        font-size: 14px;
        line-height: 14px;
        color: var(--juanit-white-color);
        font-weight: 500;
    }

.progressbar.style-2 {
    margin-bottom: 25px;
}

    .progressbar.style-2 .progress-label {
        font-size: 18px;
        line-height: 24px;
    }

    .progressbar.style-2 .progress {
        border-width: 0 0 1px 0;
        border-color: rgba(var(--juanit-blackish-color-rgb),.1);
        border-radius: 0px;
        margin: 5px 0 10px 0;
        overflow: visible;
    }

    .progressbar.style-2 .progress-bar {
        height: 5px;
    }

    .progressbar.style-2 .progress .progress-percent {
        right: 0;
        top: -25px;
        font-size: 16px;
        line-height: 16px;
        font-weight: 700 !important;
        color: var(--juanit-global-color);
        font-family: var(--juanit-heading-typography-font-family);
    }
/* --------------------------------------
* 23 - Static Box
* ---------------------------------------*/
/** Style 1 **/
.juanit-static-box-style-1 {
    margin: 0 2px 5px 2px;
}

    .juanit-static-box-style-1:first-child {
        margin-left: 0
    }

    .juanit-static-box-style-1:last-child {
        margin-right: 0
    }

    .juanit-static-box-style-1 .juanit-staticbox-wrapper {
        position: relative;
        width: 100%;
        height: 100%
    }

    .juanit-static-box-style-1.juanit-active {
        flex: 6
    }

.juanit-static-box-style-1 {
    flex: 2;
    transition: .7s;
    position: relative;
    overflow: hidden;
    height: 70vh
}

    .juanit-static-box-style-1 .juanit-bg-imgbox {
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        transition: .5s;
        z-index: 0;
        position: absolute;
        background-position: center center;
        background-size: cover;
        border-radius: 20px;
    }

    .juanit-static-box-style-1 .juanit-img {
        display: none
    }

    .juanit-static-box-style-1 .juanit-bg-imgbox::after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border-radius: 20px;
        background: -moz-linear-gradient(to top,rgba(var(--juanit-blackish-color-rgb),1) 0,rgba(var(--juanit-blackish-color-rgb),.11) 68%,rgba(var(--juanit-blackish-color-rgb),0) 76%);
        background: -webkit-linear-gradient(to top,rgba(var(--juanit-blackish-color-rgb),1) 0,rgba(var(--juanit-blackish-color-rgb),.11) 68%,rgba(var(--juanit-blackish-color-rgb),0) 76%);
        background: linear-gradient(to top,rgba(var(--juanit-blackish-color-rgb),1) 0,rgba(var(--juanit-blackish-color-rgb),.11) 68%,rgba(var(--juanit-blackish-color-rgb),0) 76%)
    }

    .juanit-static-box-style-1 .juanit-bg-imgbox .juanit-static-btn {
        position: absolute;
        top: 40px;
        left: 50%;
        z-index: 1;
        display: block;
        -khtml-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .juanit-static-box-style-1.juanit-active .juanit-bg-imgbox .juanit-static-btn {
        display: none;
    }

    .juanit-static-box-style-1 .juanit-bg-imgbox .juanit-static-btn .juanit-button-wrapper::after {
        border: 1px solid var(--juanit-blackish-color);
        background-color: transparent;
        color: var(--juanit-blackish-color);
    }

    .juanit-static-box-style-1 .juanit-content-box {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        padding: 60px;
        text-align: left;
        display: flex;
        align-items: flex-end;
        width: 100%;
        height: 100%;
        justify-content: space-between;
        transition: .5s
    }

    .juanit-static-box-style-1 .juanit-bg-imgbox .juanit-static-box-title {
        position: absolute;
        bottom: 300px;
        left: 50%;
        top: auto;
        font-size: 30px;
        line-height: 36px;
        margin: 0;
        z-index: 1;
        inline-size: 250px;
        color: var(--juanit-blackish-color);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        -khtml-transform: translateX(-50%) translateY(0) rotate(180deg);
        -moz-transform: translateX(-50%) translateY(0) rotate(180deg);
        -ms-transform: translateX(-50%) translateY(0) rotate(180deg);
        -o-transform: translateX(-50%) translateY(0) rotate(180deg);
        transform: translateX(-90%) translateY(-50%) rotate(-90deg);
        transform-origin: bottom right
    }

    .juanit-static-box-style-1 .juanit-content-box,
    .juanit-static-box-style-1.juanit-active .juanit-bg-imgbox .juanit-static-box-title {
        opacity: 0;
        visibility: hidden;
        transition: .2s;
        transition-delay: 0s
    }

    .juanit-static-box-style-1.juanit-active .juanit-content-box {
        opacity: 1;
        visibility: visible;
        transition: .5s;
        transition-delay: .2s
    }

    .juanit-static-box-style-1 .juanit-content-box .juanit-static-box-title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 15px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow-wrap: break-word;
        color: var(--juanit-white-color)
    }

    .juanit-static-box-style-1 .juanit-content-box .juanit-static-box-desc {
        color: var(--juanit-white-color);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .juanit-static-box-style-1 .juanit-content-box .juanit-content-inner {
        width: 350px
    }

    .juanit-static-box-style-1 .juanit-static-btn a .juanit-button-text {
        font-size: 0;
    }

    .juanit-static-box-style-1 .juanit-static-btn .juanit-button-wrapper::after {
        position: unset !important;
        display: inline-block;
    }

    .juanit-static-box-style-1 .juanit-static-btn {
        transition: .9s
    }

    .juanit-static-box-style-1 .juanit-box-number {
        position: absolute;
        width: 100%;
        top: 40px;
        font-size: 18px;
        line-height: 18px;
        text-align: center;
        color: var(--juanit-global-color);
    }

.juanit-active.juanit-static-box-style-1 .juanit-bg-imgbox .juanit-box-number {
    display: none;
}

.juanit-static-box-style-1 .juanit-content-box .juanit-box-number {
    text-align: right;
    right: 40px;
}

.juanit-static-box-style-1 .juanit-static-btn .juanit-button-inner {
    padding: 0;
    border: none;
    border-radius: inherit;
    position: relative;
    display: inline-block;
}
/** Style 2 **/
.juanit-element-static-box-style-2,
.juanit-element-static-box-style-2 .juanit-content-box,
.juanit-element-static-box-style-2 .juanit-box-number {
    transition: all 0.3s ease-in;
}

    .juanit-element-static-box-style-2 ul.juanit-hover-inner {
        padding: 80px 0 0;
        margin: 0;
        height: 100%;
    }

    .juanit-element-static-box-style-2 .juanit-content-box {
        padding: 0 40px;
        width: 100%;
    }

    .juanit-element-static-box-style-2 .juanit-active .juanit-content-box {
        position: relative;
        padding: 40px;
        border-radius: 20px;
        background-color: var(--juanit-white-color);
    }

.juanit-elementor-bg-color-light .juanit-element-static-box-style-2 .juanit-active .juanit-content-box {
    background-color: var(--juanit-light-color);
}

.juanit-element-static-box-style-2 .juanit-active .juanit-content-box::before {
    content: '';
    border: 12px solid;
    position: absolute;
    left: -24px;
    border-color: transparent var(--juanit-white-color) transparent transparent;
}

.juanit-elementor-bg-color-light .juanit-element-static-box-style-2 .juanit-active .juanit-content-box::before {
    border-right-color: var(--juanit-light-color)
}

.juanit-element-static-box-style-2 .juanit-static-box-number {
    margin: 25px 25px 0 0;
    position: relative;
    display: inline-block;
    visibility: hidden;
    opacity: 0;
    height: 0;
}

.juanit-element-static-box-style-2 .juanit-box-number {
    font-size: 24px;
    line-height: 24px;
    color: var(--juanit-white-color);
    height: 65px;
    width: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    z-index: 9;
    background-color: var(--juanit-global-color);
}

.juanit-element-static-box-style-2 .swiper-static-slide-images {
    width: calc(50% - 12px);
    margin-left: 12px;
}

    .juanit-element-static-box-style-2 .swiper-static-slide-images img {
        width: 100%;
        object-fit: cover;
        border-radius: 20px;
        visibility: hidden;
        opacity: 0;
        transition: .5s;
    }

    .juanit-element-static-box-style-2 .swiper-static-slide-images .swiper-slide-active img {
        opacity: 1;
        visibility: visible
    }

.juanit-element-static-box-style-2 .swiper-static-slide-nav {
    width: calc(50% - 12px);
    margin-right: 12px;
    height: 100%;
    padding: 0 75px 0 40px;
    background-color: var(--juanit-light-color);
    border-radius: 20px;
}

.juanit-bg-color-light .juanit-element-static-box-style-2 .swiper-static-slide-nav {
    background-color: var(--juanit-white-color);
}

.juanit-element-static-box-style-2 .juanit-hover-inner li {
    display: flex;
    list-style: none;
    position: relative;
}

    .juanit-element-static-box-style-2 .juanit-hover-inner li:not(:last-child) {
        padding: 0 0 20px;
    }

.juanit-element-static-box-style-2 li.juanit-title-wrapper.juanit-active:not(:last-child) {
    padding: 0 0 40px;
}

.juanit-element-static-box-style-2 li.juanit-title-wrapper.juanit-active:not(:first-child) {
    padding-top: 10px;
}

.juanit-element-static-box-style-2 .juanit-static-box-desc {
    margin-bottom: 0;
    visibility: hidden;
    opacity: 0;
    height: 0;
}

.juanit-element-static-box-style-2 .juanit-active .juanit-static-box-desc,
.juanit-element-static-box-style-2 .juanit-active .juanit-static-box-number {
    height: auto;
    opacity: 1;
    visibility: visible;
}

.juanit-element-static-box-style-2 .juanit-title-wrapper h5 {
    margin-bottom: 5px;
    color: rgba(var(--juanit-blackish-color-rgb), 0.3);
}

.juanit-element-static-box-style-2 .juanit-active.juanit-title-wrapper h5,
.juanit-element-static-box-style-2 .juanit-title-wrapper:hover h5 {
    color: var(--juanit-global-color);
}

.juanit-element-static-box-style-2 .juanit-static-btn {
    margin-top: 15px;
}

.juanit-element-static-box-style-2 .swiper-static-slide-images img {
    visibility: visible;
    opacity: 1;
}
/** Style 3 **/
.juanit-static-box-style-3 {
    position: relative;
    display: inline-block;
    text-align: center;
}

    .juanit-static-box-style-3 .juanit-img {
        position: relative;
    }

        .juanit-static-box-style-3 .juanit-img img {
            display: inline-block;
            width: 190px;
            height: 190px;
            border-radius: 50%;
        }

    .juanit-static-box-style-3 .juanit-img-wrapper {
        display: inline-block;
        position: relative;
        padding: 30px 20px 10px;
    }

    .juanit-static-box-style-3 .juanit-static-box-title {
        font-size: 24px;
        line-height: 28px;
    }

    .juanit-static-box-style-3 .juanit-content-inner {
        padding: 20px 20px 0;
    }

    .juanit-static-box-style-3 .juanit-box-number {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
        text-align: center;
        color: var(--juanit-white-color);
        background-color: var(--juanit-blackish-color);
    }

    .juanit-static-box-style-3 .juanit-static-box-desc {
        padding: 0 15px;
    }

.juanit-text-color-white .juanit-static-box-style-3 .juanit-static-box-desc {
    color: rgba( var(--juanit-white-color-rgb), 0.80);
}

.juanit-static-box-style-3 .juanit-staticbox-wrapper {
    margin-bottom: 40px;
}

.juanit-static-box-style-3 .juanit-img-wrapper {
    position: relative;
}

.juanit-static-box-style-3 .juanit-img::after {
    content: '';
    width: calc(100% - 2px);
    height: 5px;
    position: absolute;
    top: calc(50% + 10px);
    left: 0px;
    z-index: -1;
    background-color: transparent;
    border: 3px dotted rgba(var(--juanit-global-color-rgb), 0.8);
    border-width: 3px 0 0 0;
}

.juanit-static-box-border .juanit-static-box-style-3:last-child .juanit-img::after,
.juanit-static-box-border .juanit-static-box-style-3:first-child .juanit-img::after {
    left: -368px;
    width: calc(100% + 365px)
}

.juanit-static-box-border .juanit-static-box-style-3:last-child .juanit-img::after {
    right: -365px;
    left: inherit
}
/** Style 4 **/
.juanit-element-static-box-style-4,
.juanit-element-static-box-style-4 .juanit-box-number {
    transition: all 0.3s ease-in;
}

    .juanit-element-static-box-style-4 .juanit-main-static-slider {
        position: relative;
        padding: 10px;
        border-radius: 30px;
        overflow: hidden;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: auto;
        background-color: var(--juanit-light-color);
    }

    .juanit-element-static-box-style-4 ul.juanit-hover-inner {
        position: relative;
        padding: 0;
        margin: 0;
        display: flex;
    }

    .juanit-element-static-box-style-4 .juanit-box-number {
        font-size: 24px;
        line-height: 24px;
        height: 55px;
        width: 55px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        overflow: hidden;
        border-radius: 50%;
        z-index: 9;
        color: rgba(var(--juanit-blackish-color-rgb), 0.5);
        background-color: transparent;
        font-family: var(--juanit-btn-typography-font-family);
        font-weight: 700;
    }

    .juanit-element-static-box-style-4 .swiper-static-slide-images img {
        width: 100%;
        object-fit: cover;
        border-radius: 20px;
        visibility: hidden;
        opacity: 0;
        transition: .5s;
    }

    .juanit-element-static-box-style-4 .swiper-static-slide-nav {
        position: relative;
        padding: 100px 0 0 90px;
    }

    .juanit-element-static-box-style-4 .juanit-hover-inner li {
        display: inline-block;
        list-style: none;
    }

        .juanit-element-static-box-style-4 .juanit-hover-inner li:not(:last-child) {
            margin-right: 20px;
        }

    .juanit-element-static-box-style-4 .juanit-static-title-desc-inner {
        position: absolute;
        left: 100px;
        width: 360px;
        top: 220px;
    }

    .juanit-element-static-box-style-4 .juanit-content-box {
        visibility: hidden;
        opacity: 0;
        transition: .5s;
    }

    .juanit-element-static-box-style-4 .swiper-static-slide-images .swiper-slide-active img,
    .elementor-element-edit-mode .juanit-element-static-box-style-4 .swiper-static-slide-images img,
    .juanit-element-static-box-style-4 .swiper-slide-active .juanit-content-box,
    .juanit-element-static-box-style-4 .swiper-static-slide-images .swiper-slide-active img {
        opacity: 1;
        visibility: visible;
    }

    .juanit-element-static-box-style-4 .juanit-active .juanit-box-number {
        color: var(--juanit-white-color);
        background-color: var(--juanit-global-color);
    }

    .juanit-element-static-box-style-4 .juanit-static-box-title h5 {
        margin-bottom: 25px;
        line-clamp: 1;
        -webkit-line-clamp: 1;
    }

    .juanit-element-static-box-style-4 .juanit-static-box-desc,
    .juanit-element-static-box-style-4 .juanit-static-box-title h5 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .juanit-element-static-box-style-4 .juanit-static-box-desc {
        line-clamp: 6;
        -webkit-line-clamp: 6;
    }

    .juanit-element-static-box-style-4 .juanit-static-btn {
        margin-top: 15px;
    }

/* --------------------------------------
* 24 - Cursor
* ---------------------------------------*/
#juanit-portfolio-cursor,
.juanit-cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 150;
    contain: layout style size;
    pointer-events: none;
    will-change: transform;
    -webkit-transition: opacity 0.3s, color 0.4s;
    -o-transition: opacity 0.3s, color 0.4s;
    -moz-transition: opacity 0.3s, color 0.4s;
    transition: opacity 0.3s, color 0.4s;
}

    #juanit-portfolio-cursor::before,
    .juanit-cursor::before {
        content: "";
        position: absolute;
        top: -24px;
        left: -24px;
        display: block;
        width: 50px;
        height: 50px;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        background: var(--juanit-blackish-color);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out;
        transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out;
        -o-transition: opacity 0.1s, -o-transform 0.3s ease-in-out;
        -moz-transition: transform 0.3s ease-in-out, opacity 0.1s, -moz-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, opacity 0.1s;
        transition: transform 0.3s ease-in-out, opacity 0.1s, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
    }

.juanit-tooltip-content,
.juanit-cursor-text {
    position: absolute;
    top: -15px;
    left: -16px;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(0) rotate(10deg);
    -moz-transform: scale(0) rotate(10deg);
    -ms-transform: scale(0) rotate(10deg);
    -o-transform: scale(0) rotate(10deg);
    transform: scale(0) rotate(10deg);
    opacity: 0;
    color: var(--juanit-white-color);
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
    -webkit-transition: clip-path 0.4s ease-out;
    transition: clip-path 0.4s ease-out;
    overflow: hidden;
    opacity: 0;
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
}

#juanit-portfolio-cursor.active .juanit-tooltip-content,
.active .juanit-cursor-text {
    opacity: 1;
    overflow: visible;
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
}

.juanit-cursor-text .juanit-base-icon-right-arrow-1 {
    font-size: 22px;
}

@supports (mix-blend-mode: exclusion) {
    .juanit-cursor.-exclusion,
    .juanit-cursor.-opaque {
        mix-blend-mode: exclusion;
    }
}

@supports (mix-blend-mode: exclusion) {
    .juanit-cursor.-exclusion::before,
    .juanit-cursor.-opaque::before {
        background: white;
    }
}

.juanit-cursor.-normal,
.juanit-cursor.-text {
    mix-blend-mode: normal;
}

    .juanit-cursor.-normal::before,
    .juanit-cursor.-text::before {
        background: #000;
    }

.juanit-cursor.-inverse {
    color: white;
}

.juanit-cursor.-visible::before {
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
}

.juanit-cursor.-visible.-active::before {
    -webkit-transform: scale(0.23);
    -moz-transform: scale(0.23);
    -ms-transform: scale(0.23);
    -o-transform: scale(0.23);
    transform: scale(0.23);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.juanit-cursor.-pointer::before {
    -webkit-transform: scale(0.15);
    -moz-transform: scale(0.15);
    -ms-transform: scale(0.15);
    -o-transform: scale(0.15);
    transform: scale(0.15);
}

.juanit-cursor.-text::before {
    opacity: 1;
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
}

.juanit-cursor.-text .juanit-cursor-text {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.juanit-cursor.-text.-active::before {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.juanit-cursor.-tooltip::before {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

#juanit-portfolio-cursor .juanit-tooltip-content,
.juanit-cursor.-tooltip .juanit-cursor-text {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    text-align: left;
    display: block;
    width: auto;
    height: auto;
    justify-content: unset;
    align-items: unset
}

    #juanit-portfolio-cursor .juanit-port-cat,
    .juanit-cursor.-tooltip .juanit-cursor-text .juanit-port-cat {
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 1px;
        position: relative;
        display: inline-block;
        text-transform: uppercase;
        padding: 8px 20px 5px 20px;
        border-radius: 10px 10px 0 0;
        color: var(--juanit-blackish-color);
        background-color: var(--juanit-white-color);
    }

        #juanit-portfolio-cursor .juanit-port-cat::after,
        .juanit-cursor.-tooltip .juanit-cursor-text .juanit-port-cat::after {
            content: '';
            position: absolute;
            background-color: transparent;
            bottom: 0px;
            right: -10px;
            height: 30px;
            width: 10px;
            z-index: -1;
            border-bottom-left-radius: 10px;
            box-shadow: 0 20px 0 0 var(--juanit-white-color);
        }

        #juanit-portfolio-cursor .juanit-port-cat a,
        .juanit-cursor.-tooltip .juanit-cursor-text .juanit-cat a {
            color: var(--juanit-global-color);
        }

    .juanit-cursor.-tooltip .juanit-cursor-text > * {
        width: -moz-fit-content;
        width: fit-content;
        padding: 5px 15px;
        font-size: 18px;
        line-height: 28px;
        color: var(--juanit-blackish-color);
        background-color: var(--juanit-white-color);
    }

    #juanit-portfolio-cursor .juanit-portfolio-title,
    .juanit-cursor.-tooltip .juanit-cursor-text .juanit-title {
        font-size: 22px;
        line-height: 28px;
        width: 240px;
        word-wrap: break-word;
        margin-bottom: 0;
        text-transform: none;
        padding: 5px 20px 10px 20px;
        border-radius: 0 10px 10px 10px;
        color: var(--juanit-blackish-color);
        background-color: var(--juanit-white-color);
    }