/*--------------------------------------------------------------
Ready Components Stylesheet
-----------------------------------------------------------------*/
/* Section Heading */
.wptb-heading {
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    transform: translateY(15px); /* فقط محتوا پایین میاد، نه بک‌گراند */
    padding: 30px 40px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: right;

}

.wptb-heading .wptb-item--subtitle {
    color: var(--color-white);
    font-size: var(--fs-18);
    font-weight: var(--fw-medium);
    line-height: var(--fs-32);
    text-transform: uppercase;
    transition: var(--transition-base);
    font-family: 'estedad-semibold';

}
.wptb-heading .wptb-item--subtitle span {
    color: var(--color-one);
}
.wptb-heading .wptb-item--subtitle svg {
    margin-right: 7px;
}
.wptb-heading .wptb-item--subtitle svg path {
    fill: var(--color-one);
}

.wptb-heading .wptb-item--title {
    position: relative;
    z-index: 1;
    color: var(--color-white);
    font-size: 25px !important;
    font-weight: var(--fw-medium);
    line-height: var(--fs-40);
    letter-spacing: -1.06px;
    margin-top: 10px;
    margin-bottom: 15px;
    transition: var(--transition-base);
    font-family: 'estedad-verybold';

}

.wptb-heading .wptb-item--title span {
    font-family: 'estedad-verybold';
    font-style: italic;
    font-weight: var(--fw-light);
    transition: var(--transition-base);
}

.wptb-heading .wptb-item--description {
    font-size: var(--fs-18);
    font-weight: var(--fw-light);
    line-height: var(--fs-28);
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
    transition: var(--transition-base);
    font-family: 'esredad-medium';

}
.wptb-heading .wptb-item--description span {
    color: var(--color-white);
    font-weight: var(--fw-medium);
}
.wptb-heading .wptb-item--description + .wptb-item--description {
    margin-top: 20px;
}

.wptb-heading .wptb-item--divider {
    position: relative;
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--color-one);
    margin-top: 20px;
    margin-bottom: 35px;
}
.wptb-heading .wptb-item--inner.text-center .wptb-item--divider {
    margin: 20px auto 35px;
}
.wptb-heading .wptb-item--divider::before {
    content: '';
    position: absolute;
    left: calc(100% + 6px);
    top: 0;
    width: 24px;
    height: 2px;
    background-color: var(--color-one);
}
.wptb-heading .wptb-item--inner.text-center .wptb-item--divider::before {
    left: auto;
    right: calc(100% + 6px);
}
.wptb-heading .wptb-item--divider::after {
    content: '';
    position: absolute;
    left: calc(100% + 36px);
    top: 0;
    width: 24px;
    height: 2px;
    background-color: var(--color-one);
}
.wptb-heading .wptb-item--inner.text-center .wptb-item--divider::after {
    left: calc(100% + 6px);
}

/* Section Heading - Two*/
.wptb-heading-two {
    position: relative;
    margin-bottom: 50px;
    z-index: 2;
}
.wptb-heading-two .wptb-item--subtitle {
    color: var(--color-one);
    background-color: rgba(var(--color-white-rgb), 0.2);
    display: inline-block;
    border-radius: 100px;
    padding: 6px 30px;
    font-family: var(--font-family-three);
    font-size: var(--fs-16);
    font-weight: var(--fw-normal);
    line-height: var(--fs-30);
    transition: var(--transition-base);
    font-family: 'esredad-medium';

}
.wptb-heading-two .wptb-item--subtitle span {
    color: var(--color-one);
}
.wptb-heading-two .wptb-item--subtitle svg {
    margin-right: 7px;
}
.wptb-heading-two .wptb-item--subtitle svg path {
    fill: var(--color-one);
}

.wptb-heading-two .wptb-item--title {
    position: relative;
    z-index: 1;
    color: var(--color-white);
    font-family: var(--font-family-three);
    font-size: var(--fs-60);
    font-weight: var(--fw-semibold);
    line-height: var(--fs-74);
    letter-spacing: 0px;
    margin-top: 10px;
    margin-bottom: 15px;
    transition: var(--transition-base);
    font-family: 'estedad-lightbold';

}
.wptb-heading-two .wptb-item--title span {
    background: var(--gradient-three);
    /* background: linear-gradient(90deg, (var(--gradient-color-from), var(--gradient-color-center), var(--gradient-color-to))); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: var(--transition-base);
}

.wptb-heading-two .wptb-item--description {
    font-size: var(--fs-18);
    font-weight: var(--fw-light);
    line-height: var(--fs-28);
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
    transition: var(--transition-base);
    font-family: 'estedad-light';

}
.wptb-heading-two .wptb-item--description span {
    color: var(--color-white);
    font-weight: var(--fw-medium);
}
.wptb-heading-two .wptb-item--description + .wptb-item--description {
    margin-top: 20px;
}

.wptb-heading-two .wptb-item--divider {
    position: relative;
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--color-one);
    margin-top: 20px;
    margin-bottom: 35px;
}
.wptb-heading-two .wptb-item--inner.text-center .wptb-item--divider {
    margin: 20px auto 35px;
}
.wptb-heading-two .wptb-item--divider::before {
    content: '';
    position: absolute;
    left: calc(100% + 6px);
    top: 0;
    width: 24px;
    height: 2px;
    background-color: var(--color-one);
}
.wptb-heading-two .wptb-item--inner.text-center .wptb-item--divider::before {
    left: auto;
    right: calc(100% + 6px);
}
.wptb-heading-two .wptb-item--divider::after {
    content: '';
    position: absolute;
    left: calc(100% + 36px);
    top: 0;
    width: 24px;
    height: 2px;
    background-color: var(--color-one);
}
.wptb-heading-two .wptb-item--inner.text-center .wptb-item--divider::after {
    left: calc(100% + 6px);
}

/* Large Heading */
.wptb-heading .wptb-item--title.lg {
    font-size: var(--fs-60);
    font-weight: var(--fw-medium);
    line-height: var(--fs-74);
}
/* Shadow Heading */
.shadow-heading {
    position: relative;
    text-align: center;
    margin-top: -320px;
    margin-left: -50px;
    z-index: -1;
}
.shadow-heading .wptb-item--title {
    font-family: 'estedad-verybold';
    font-size: 20vw;
    font-weight: var(--fw-normal);
    line-height: 20vw;
    color: rgba(var(--color-dark-four-rgb), 0.7);
    text-transform: uppercase;
}



/* Divider Light */
.wptb-heading .wptb-item--divider.white {
    background-color: var(--color-white);
}
.wptb-heading .wptb-item--divider.white::before {
    background-color: var(--color-white);
}
.wptb-heading .wptb-item--divider.white::after {
    background-color: var(--color-white);
}

@media screen and (max-width: 1199.9px) {
    .wptb-heading .wptb-item--title {
        font-size: var(--fs-40);
        line-height: 1.2em;
    }
    .wptb-heading-two .wptb-item--title,
    .wptb-heading .wptb-item--title.lg {
        font-size: var(--fs-50);
        line-height: 1.3em;
    }
}

@media screen and (max-width: 767.9px) {
    .wptb-heading .wptb-item--title {
        font-size: var(--fs-36);
    }
    .wptb-heading-two .wptb-item--title,
    .wptb-heading .wptb-item--title.lg {
        font-size: var(--fs-42);
    }
}

@media screen and (max-width: 575.9px) {
    .wptb-heading .wptb-item--title {
        font-size: var(--fs-30);
    }
    .wptb-heading-two .wptb-item--title,
    .wptb-heading .wptb-item--title.lg {
        font-size: var(--fs-36);
    }
    .wptb-heading-two .wptb-item--description {
        font-size: 16px;
        line-height: 24px;
    }
}


.wptb-page-heading {
    max-width: 1200px;     /* همانند گالری */
    margin: 0 auto;        /* وسط‌چین شدن */
    width: 100%;
    padding: 20px 15px;    /* فاصله داخلی اختیاری */
    box-sizing: border-box;
}

.wptb-page-heading .wptb-item--inner {
    position: relative;
    padding: 140px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    overflow: hidden;
}
.wptb-page-heading .title-bg-bar {
    position: absolute;
    top: 55%;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.4);
    transform: translateY(-50%);
    z-index: 1;
    backdrop-filter: blur(4px);
}
.wptb-page-heading .wptb-item--inner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0; right: 0;
    height: 100px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #0c0c0c 100%);
    z-index: 1;
    pointer-events: none;
}

.wptb-page-heading .wptb-item--title {
    position: relative;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    z-index: 2;
    font-family: 'estedad-verybold', sans-serif;
}


.wptb-page-heading .wptb-item--title::before,
.wptb-page-heading .wptb-item--title::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 300px;
    height: 1px;
    background-color: rgba(var(--color-white-fixed-rgb), 0.3);
}

.wptb-page-heading .wptb-item--title::before {
    left: 0;
}
.wptb-page-heading .wptb-item--title::after {
    right: 0;
}

/* رسپانسیو */
@media screen and (max-width: 1199px) {
    .wptb-page-heading .wptb-item--inner {
        padding: 100px 0 80px;
    }
    .wptb-page-heading .wptb-item--title {
        font-size: 20px;
    }
    .wptb-page-heading .wptb-item--title::before,
    .wptb-page-heading .wptb-item--title::after {
        width: 180px;
    }
}

@media screen and (max-width: 768px) {
    .wptb-page-heading .wptb-item--inner {
        padding: 80px 0 60px;
    }
    .wptb-page-heading .wptb-item--title {
        font-size: 20px;
        line-height: 38px;
    }
    .wptb-page-heading .wptb-item--title::before,
    .wptb-page-heading .wptb-item--title::after {
        display: none;
    }
}


/* Swiper Customize */
.swiper-container {
	position: relative;
    overflow: hidden;
}
.swiper-vertical {
    max-height: 1400px;
}
.swiper-vertical .wptb-slider--item,
.swiper-vertical .wptb-slider--image,
.swiper-vertical .wptb-slider--image img {
    height: 100%;
}
.swiper-vertical .wptb-slider--item img {
    border-radius: 30px;
    object-fit: cover;
}

.swiper-gallery-left.swiper-vertical .swiper-slide,
.swiper-gallery-right.swiper-vertical .swiper-slide {
    height: auto !important;
}
.wptb-swiper-navigation.style1 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 12px;
    left: 65px;
    bottom: 50px;
}
.wptb-swiper-navigation.style1 .wptb-swiper-arrow {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 54px;
    height: 54px;
    color: var(--color-white);
    background-color: transparent;
    /* border: 1px dashed var(--color-dark-seven); */
    border-radius: 100%;
    margin-top: 0px;
    transition: var(--transition-base);
}
.wptb-swiper-navigation.style1 .wptb-swiper-arrow::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px dashed var(--color-two);
    border-radius: 100%;
    transition: var(--transition-base);
    z-index: -1;
}
.wptb-swiper-navigation.style1 .wptb-swiper-arrow:hover::before {
    border-color: var(--color-white);
    background-color: rgba(var(--color-dark-seven-rgb), 0.5);
    -webkit-animation: wptb_spin 12s ease-out infinite;
    animation: wptb_spin 12s ease-out infinite;
}

.wptb-swiper-navigation.style1 .wptb-swiper-arrow:after {
    font-family: 'bootstrap-icons';
    font-size: 17px;
}
.wptb-swiper-navigation.style1 .swiper-button-prev:after {
    content: "\f138";
}
.wptb-swiper-navigation.style1 .swiper-button-next:after {
    content: "\f12f";
}

/* Style Two */
.wptb-swiper-navigation.style2 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    left: 50px;
    right: 50px; 
    bottom: calc(50% - 25px);
}
.wptb-swiper-navigation.style2 .wptb-swiper-arrow {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 60px;
    height: 60px;
    color: var(--color-white);
    background-color: transparent;
    font-size: 60px;
    border: 0px dashed var(--color-dark-seven);
    border-radius: 100%;
    margin-top: 0px;
}

.wptb-swiper-navigation.style2 .wptb-swiper-arrow:after {
    font-family: 'bootstrap-icons';
    font-size: inherit;
}
.wptb-swiper-navigation.style2 .swiper-button-prev:after {
    content: "\f138";
}
.wptb-swiper-navigation.style2 .swiper-button-next:after {
    content: "\f12f";
}

/* Style Three */
.wptb-swiper-navigation.style3 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    left: 50%;
    right: 50px;
    bottom: auto;
    width: 43%;
    transform: translateX(-50%);
}
.wptb-swiper-navigation.style3 .wptb-swiper-arrow {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 60px;
    height: 60px;
    color: var(--color-white);
    background-color: transparent;
    border: 0px dashed var(--color-dark-seven);
    border-radius: 100%;
    margin-top: 0px;
}

.wptb-swiper-navigation.style3 .wptb-swiper-arrow:after {
    font-family: var(--font-family-three);
    font-size: 13px;
    font-weight: var(--fw-semibold);
    text-transform: uppercase !important;
}
.wptb-swiper-navigation.style3 .swiper-button-prev:after {
    content: "Prev";
}
.wptb-swiper-navigation.style3 .swiper-button-next:after {
    content: "Next";
}

.swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, .swiper-pagination-fraction {
    position: relative;
	top: 0;
	bottom: auto;
	margin-top: 0px;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10px;
	height: 10px;
	background-color: var(--color-white);
	border: 1px solid transparent;
	border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 14px;
    cursor: pointer;
	transition: var(--transition-base);
    position: relative;
	opacity: 1;
    
    font-size: 14px;
    font-weight: var(--fw-semibold);
}

/* .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	background-color: var(--color-white);
	border-radius: 100%;
	transition: var(--transition-base);
} */

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--color-one);
}

/* Swiper Pagination Two */
.wptb-swiper-dots.style2 {
    position: relative;
}
.wptb-swiper-dots.style2::before,
.wptb-swiper-dots.style2::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 125px;
    height: 1px;
    background-color: rgba(var(--color-white-rgb), 0.3);
}
.wptb-swiper-dots.style2::before {
    right: calc(100% + 24px);
}
.wptb-swiper-dots.style2::after {
    left: calc(100% + 24px);
}

.wptb-swiper-dots.style2 .swiper-pagination {
    display: flex;
    gap: 6px;
    position: relative;
    transform: none;
}
.wptb-swiper-dots.style2 .swiper-pagination-bullet {
    width: 24px;
	height: 24px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0px 0px;
    cursor: pointer;
	transition: var(--transition-base);
    position: relative;
	opacity: 1;
    font-size: 14px;
    font-weight: var(--fw-semibold);
}
.wptb-swiper-dots.style2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	transform: scale(1.1);
	border-color: var(--color-white);
    background-color: transparent;
}
.wptb-swiper-dots.style2 .swiper-pagination-bullet:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 6px;
	height: 6px;
	background-color: var(--color-white);
	border-radius: 100%;
	transition: var(--transition-base);
}


/* Layer Style */

.wptb-item-layer {
    position: absolute;
    z-index: -1;
}

/* Main Slider */
.wptb-slider {
	position:relative;
}
.wptb-slider .wptb-slider--item {
	position:relative;
    overflow: hidden;
}

.wptb-slider .wptb-slider--image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.wptb-slider .wptb-heading {
    margin-bottom: 0px;
}

/* Slider Left Pane */
.wptb-slider .wptb-left-pane {
    width: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 11;
    padding: 70px 0px 100px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.wptb-slider .logo {
    transform: rotate(-270deg);
    transform-origin: center;
    font-family: var(--font-family-three);
    font-size: 13px;
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
    white-space: nowrap;
    font-family: 'esredad-medium';

}
.wptb-slider .aside_open {
    width: 60px;
    height: 60px;
    background-color: var(--color-dark-six);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    flex-shrink: 0;
}

/* Slider Right Pane */
.wptb-slider .wptb-right-pane {
    width: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.wptb-slider .social-box ul {
    flex-direction: column;
}
.wptb-slider .social-box.style-oval ul {
    gap: 55px;
}
.wptb-slider .social-box ul li {
    transform: rotate(270deg);
}

/* Slider Bottom Pane */
.wptb-slider .wptb-bottom-pane {
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wptb-slider .wptb-swiper-dots.style2 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

/* ── WebGL particle transition: suppress both slides while canvas animates ── */
/* CSS !important beats Swiper's inline opacity. Class added/removed by JS.   */
.wptb-swiper-slider-one.wptb-dis-active .swiper-slide {
    opacity: 0 !important;
    transition: none !important;
}
/* Freeze Ken Burns so it cannot advance during the 1500ms WebGL animation.
   When the class is removed the animation is cancelled and restarts from
   scale(1.06) — identical to the last WebGL frame — eliminating the scale snap. */
.wptb-swiper-slider-one.wptb-dis-active .wptb-slider--image {
    animation: none !important;
    transition: none !important;
}

/* ── Hero Slider: Ken Burns on active slide ─────────────────────────────── */
.wptb-slider .swiper-slide .wptb-slider--image {
    transform: scale(1.06);
}
.wptb-slider .swiper-slide-active .wptb-slider--image {
    animation: wptb-hero-kenburns 9s ease-out forwards;
}
@keyframes wptb-hero-kenburns {
    from { transform: scale(1.06); }
    to   { transform: scale(1.16); }
}

/* ── Mobile: show the whole photo, no cropping ────────────────────────────── */
@media (max-width: 767px) {
    /* Keep the blurred backdrop visible for the WHOLE particle transition,
       not just after it finishes. The rule above this media query
       (".wptb-swiper-slider-one.wptb-dis-active .swiper-slide { opacity: 0
       !important; }") hides the entire slide — including .wptb-slider--item,
       which the blur pseudo-element lives on — for the full 1.5s the
       transition mask is active. CSS opacity always multiplies down through
       every descendant, so no child-level override can make a descendant
       visible again while an ancestor is opacity:0; the blur can only ever
       "pop in" the instant the mask lifts, exactly the behavior being fixed
       here.
       The fix: un-hide .swiper-slide itself on mobile (overriding the rule
       above back to visible), and instead mask each of the OTHER children
       individually — the sharp photo, heading text, and decorative light
       layers, i.e. everything the particle canvas is actually
       dissolving/reassembling — while leaving .wptb-slider--item (and so
       its ::before blur backdrop) untouched. Scoped to mobile only via this
       media query; desktop keeps the original whole-slide masking. */
    .wptb-swiper-slider-one.wptb-dis-active .swiper-slide {
        opacity: 1 !important;
    }
    .wptb-swiper-slider-one.wptb-dis-active .wptb-slider--image,
    .wptb-swiper-slider-one.wptb-dis-active .wptb-slider--inner,
    .wptb-swiper-slider-one.wptb-dis-active .wptb-item-layer {
        opacity: 0 !important;
        transition: none !important;
    }
    .wptb-slider.style3 .swiper-container,
    .wptb-slider.style3 .swiper-slide {
        height: 62vh !important;
        min-height: 280px !important;
    }
    /* Root cause of the mobile-only vertical mismatch: ".wptb-slider--item"
       (the direct positioning parent of ".wptb-slider--image") is only ever
       set to "height: 100vh" (unscoped rule, Slider Style Three section,
       further down this file) — this mobile block resizes .swiper-container
       and .swiper-slide down to 62vh, but never resized .wptb-slider--item to
       match. Since .wptb-slider--image is position:absolute with top:0 and
       bottom:0, ITS OWN box height is taken from .wptb-slider--item's height,
       not from the visible 62vh area — so it was being centered
       (background-position: center center) inside a box roughly 60% taller
       than what's actually visible, pushing the visible portion of the photo
       down from where it belongs. The WebGL canvas was never affected by
       this: it sizes itself from the swiper container's own real
       offsetHeight (62vh), which was already correct — so the canvas's last
       frame and the real image disagreed specifically because they were
       being fit into two different box heights. Matching .wptb-slider--item
       to the same 62vh used everywhere else in this block removes that
       discrepancy at its source. */
    .wptb-slider.style3 .wptb-slider--item {
        height: 62vh !important;
        min-height: 280px !important;
    }
    /* contain (not cover): these hero photos are ~4:3 landscape but the mobile
       box is a tall 62vh, so `cover` was scaling the image up until it filled
       the box on both axes — cropping a large chunk off the left/right edges.
       `contain` fits the full image with nothing cut off; the WebGL particle
       shader was updated (see u_sizeModeA/B in the fragment shader above) to
       read this same background-size and match it exactly, so the transition
       and the resting image agree on the same crop.
       No background-color here (was `var(--color-dark-three)` originally,
       before the blurred backdrop below existed): this element is a real,
       later DOM child of .wptb-slider--item, so its own background — even
       just a flat color filling the letterbox area, not only the photo
       itself — always paints ON TOP of .wptb-slider--item::before below,
       completely hiding the blur exactly where it was supposed to show
       through. Leaving it transparent here is what lets the blur read as a
       backdrop instead of being blocked by a flat panel. */
    .wptb-slider.style3 .wptb-slider--image {
        background-size: contain;
        background-position: center center;
        background-color: transparent;
        /* Root cause of the "final image lands a few px lower than the last
           animation frame" bug: the unscoped ".wptb-slider.style3
           .wptb-slider--image { position: relative }" rule further down this
           file (Slider Style Three block) takes this element OUT of the
           absolute-positioning pattern every other layer in this slide uses
           (.wptb-slider--inner, .wptb-item-layer-one/two, and the WebGL
           <canvas> itself are all position:absolute, pinned to 0/0/0/0).
           As the only in-flow sibling, its rendered top can shift by a couple
           px whenever the surrounding layout reflows — which is exactly what
           happens the instant the transition reveals the slide (heading text
           becoming visible, etc.). The canvas never moves, because absolute
           positioning isn't affected by sibling reflow, so the two drift
           apart. Re-pinning it to absolute/0 here (mobile only, so desktop's
           existing "position: relative" is untouched) makes it immune to
           reflow the same way the canvas already is, so they can no longer
           disagree.
           !important on position only: the conflicting ".wptb-slider.style3
           .wptb-slider--image { position: relative }" rule (Slider Style
           Three section, further down this file) has identical selector
           specificity to this one, and later source order wins ties in CSS —
           so without !important here, that later, unscoped rule would keep
           overriding this mobile-only one and put the image right back
           in-flow. */
        position: absolute !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    /* Full-bleed blurred backdrop, filling the entire hero behind the sharp
       "contain"-fitted foreground photo above. Since contain never crops, an
       image whose aspect ratio doesn't match the 62vh box leaves visible
       letterboxed gaps — this fills them with a blurred, darkened duplicate
       of the SAME slide image instead of empty space.
       This has to live on .wptb-slider--item (the parent), not on
       .wptb-slider--image itself: an element's OWN background always paints
       beneath its own ::before/::after (CSS stacking order — nothing can
       render behind an element's own background from inside that same
       element, z-index or not), so putting it on .wptb-slider--image would
       cover the sharp photo, not sit behind it. As a pseudo-element of the
       parent it's generated as the first child and so naturally paints
       before (i.e. behind) the real .wptb-slider--image element that comes
       after it in the DOM — no z-index needed at all.
       The image URL is repeated here via the --slide-bg custom property set
       inline on .wptb-slider--item in index.blade.php (background-image
       itself isn't an inherited property, and this pseudo's real parent for
       inheritance purposes is .wptb-slider--item, not .wptb-slider--image,
       so it can't reach that element's inline background-image directly).
       The dark tint is folded into this same layer as a flat gradient
       (rather than a second pseudo-element) purely to avoid having to
       hand-manage a 3-way z-index stack against .wptb-item-layer-one/two
       and .wptb-slider--inner, which already share this box. */
    .wptb-slider.style3 .wptb-slider--item::before {
        content: '';
        position: absolute;
        /* Extended past the box + scaled up: keeps the blur's own soft edge
           falloff outside the visible (overflow:hidden) area, so there's no
           lighter/sharper ring at the boundary of the blurred region. */
        top: -30px;
        left: -30px;
        right: -30px;
        bottom: -30px;
        background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--slide-bg);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        filter: blur(32px);
        transform: scale(1.15);
    }
    /* No Ken Burns zoom on mobile: the animated scale had to stay in exact sync
       with the WebGL particle overlay's own scale uniform, and on mobile hardware
       (slower CPU/GPU, higher chance of dropped/delayed style-recalc frames) that
       sync was visibly breaking — the real image would pop in at a different
       scale than what the particles had just rendered. Keeping the mobile image
       at a constant, un-animated scale removes the possibility of that mismatch
       entirely, and reads as a cleaner, less distracting hero on small screens. */
    .wptb-slider.style3 .swiper-slide .wptb-slider--image {
        transform: none;
    }
    .wptb-slider.style3 .swiper-slide-active .wptb-slider--image {
        animation: none;
    }
    /* Same root cause as the Ken Burns fix above, for the heading text instead of
       the image: subtitle/title/description/button each slide in from
       translateX(200px) over 1s–2.5s (see the unscoped .wptb-slider rules below).
       The particle transition only masks the slide for 1.5s, so anything with a
       longer duration (title 2.5s, title.text-outline/description 2s, button
       2.5s) is still visibly sliding/fading in for up to another second AFTER
       the image has already been revealed — reads as the slide still "moving"
       right after it pops in. Capping every text transition well under 1.5s
       guarantees they finish behind the mask, so revealed text is already in
       its final position, matching the "no lingering motion" fix used for the
       image itself. */
    .wptb-slider.style3 .wptb-heading .wptb-item--subtitle,
    .wptb-slider.style3 .wptb-heading .wptb-item--title,
    .wptb-slider.style3 .wptb-heading .wptb-item--title span,
    .wptb-slider.style3 .wptb-heading .wptb-item--title.text-outline,
    .wptb-slider.style3 .wptb-heading .wptb-item--description,
    .wptb-slider.style3 .wptb-heading .wptb-item--button {
        transition-duration: 0.4s;
    }
    /* Pull pagination OUT of the slider area so text can never overlap it.
       Default: position:absolute; bottom:0 overlaps the bottom 100px of the slider. */
    .wptb-slider.style3 .wptb-bottom-pane {
        position: relative;
        bottom: auto;
        height: 56px;
    }
    /* Re-center the dots vertically within the new in-flow pane */
    .wptb-slider.style3 .wptb-swiper-dots.style2 {
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* Text block sits low, tucked right above the pagination pane, instead
       of vertically centered — the base (desktop-inherited) rule anchors it
       with "top:50%; transform:translateY(-50%)"; here it's bottom-anchored
       against the 62vh hero box instead, with just enough clearance before
       .wptb-bottom-pane (56px, directly below this box in normal flow) to
       read as intentional, not crowded.
       !important on all three: that base rule ("Slider Style Three" section,
       further down this file) uses the exact same selector text, so it has
       identical specificity — and appears LATER in the file, so it was
       silently winning the tie and keeping its own transform:translateY(-50%)
       applied on top of this rule's positioning. Measured effect: the block
       still had a leftover -50%-of-its-own-height upward shift, landing the
       text ~98px above where bottom:10px alone should have put it. */
    .wptb-slider.style3 .wptb-slider--inner {
        top: auto !important;
        bottom: 10px !important;
        transform: none !important;
    }
    /* Inset the heading block so it reads as a compact, centered "card"
       instead of text spanning the full device width edge-to-edge — part of
       the smaller/more deliberate text box requested alongside the reduced
       type scale below. */
    .wptb-slider.style3 .wptb-heading {
        padding: 0 22px;
    }
    /* "ثبت سفارش" (order) button removed from every hero slide on mobile —
       hidden via CSS (not deleted from the HTML) so desktop keeps it and the
       modal-trigger on slide 1 / #contactUs links on slides 2-4 still work
       everywhere else; mobile just no longer renders the wrapper. */
    .wptb-slider.style3 .wptb-item--button {
        display: none !important;
    }
    /* Smaller, more tightly-tracked type with generous line-height and
       deliberate spacing between subtitle/title/description — a quieter,
       premium feel rather than a loud ecommerce banner. Sizes reduced again
       from the previous mobile pass (title 24px→19px, description
       12.5px→11px) now that the button is gone and the block sits closer
       to the dots, so there's less vertical room to fill anyway. */
    .wptb-slider.style3 .wptb-heading .wptb-item--subtitle {
        font-size: 10px;
        line-height: 14px;
        letter-spacing: 0.5px;
        margin-bottom: 5px;
    }
    /* font-size needs !important here: a pre-existing, unscoped, global rule
       (".wptb-heading .wptb-item--title { font-size: 25px !important; }" near
       the top of this file) already forces every heading title on the whole
       site to 25px regardless of viewport, and !important always wins over
       specificity — without matching it, this rule (and the desktop-only
       70px rule elsewhere in this file, which for the same reason has never
       actually been in effect either) is silently ignored, and the title
       stays at that global 25px on mobile too. */
    .wptb-slider.style3 .wptb-heading .wptb-item--title {
        font-size: 19px !important;
        line-height: 25px;
        letter-spacing: 0.1px;
    }
    .wptb-slider.style3 .wptb-heading .wptb-item--description {
        font-size: 11px;
        line-height: 17px;
        margin: 8px 0 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wptb-slider .swiper-slide .wptb-slider--image,
    .wptb-slider.style3 .swiper-slide .wptb-slider--image {
        transform: none;
    }
    .wptb-slider .swiper-slide-active .wptb-slider--image,
    .wptb-slider.style3 .swiper-slide-active .wptb-slider--image {
        animation: none;
    }
}

.wptb-slider .wptb-heading .wptb-item--subtitle {
    opacity: 0;
	transform-origin: top;
	transform: translateX(200px);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.wptb-slider .swiper-slide-active .wptb-heading .wptb-item--subtitle{
	opacity: 1;
	transform: translateX(0px);
}

.wptb-slider .wptb-heading .wptb-item--title {
    opacity: 0;
	transform-origin: top;
	transform: translateX(200px);
	-webkit-transition: all 2.5s ease;
	-moz-transition: all 2.5s ease;
	transition: all 2.5s ease;
}
.wptb-slider .swiper-slide-active .wptb-heading .wptb-item--title{
	opacity: 1;
	transform: translateX(0px);
}

.wptb-slider .wptb-heading .wptb-item--title span {
    opacity: 0;
	transform-origin: top;
	transform: translateX(200px);
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	transition: all 1.5s ease;
}
.wptb-slider .swiper-slide-active .wptb-heading .wptb-item--title span {
	opacity: 1;
	transform: translateX(0px);
}

.wptb-slider .wptb-heading .wptb-item--title.text-outline {
    opacity: 0;
	transform-origin: top;
	transform: translateX(200px);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease;
}
.wptb-slider .swiper-slide-active .wptb-heading .wptb-item--title.text-outline {
	opacity: 1;
	transform: translateX(0px);
}

.wptb-slider .wptb-heading .wptb-item--description {
    opacity: 0;
	transform: translateX(200px);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease;
}
.wptb-slider .swiper-slide-active .wptb-heading .wptb-item--description {
	opacity: 1;
	transform: translateX(0px);
}

.wptb-slider .wptb-heading .wptb-item--button {
    opacity: 0;
	transform: translateX(200px);
	-webkit-transition: all 2.5s ease;
	-moz-transition: all 2.5s ease;
	transition: all 2.5s ease;
}
.wptb-slider .swiper-slide-active .wptb-heading .wptb-item--button {
	opacity: 1;
	transform: translateX(0px);
}

/* Slider Style One */




















/* Slider Style Two */
















/* Effect on Slider Active */





















/* Slider Style Three */
.wptb-slider.style3 {
    padding: 0px 0px;
    overflow: hidden;
}
.wptb-slider.style3 .wptb-slider--item {
    height: 100vh;
}
.wptb-slider.style3 .wptb-slider--inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
}
.wptb-slider.style3 .wptb-slider--image {
    position: relative;
}
.wptb-slider.style3 .wptb-heading .wptb-item--title {
    font-size: 70px;
    line-height: 76px;
    color: var(--color-white-fixed);
}

.wptb-slider.style3 .wptb-heading .wptb-item--subtitle {
    font-size: 16px;
    font-weight: var(--fw-medium);
    line-height: 30px;
    display: inline-block;
    text-transform: capitalize;
    color: var(--color-white-fixed);
}
.wptb-slider.style3 .wptb-heading .wptb-item--description {
    font-size: 22px;
    font-weight: var(--fw-light);
    line-height: 34px;
    margin: 20px 0px 20px 0px;
    color: var(--color-two-fixed);
}

.wptb-slider.style3 .wptb-item--button .btn {
    margin: 10px 15px;
}

.wptb-slider.style3 .wptb-item-layer-one,
.wptb-slider.style3 .wptb-item-layer-two {
    top: 0;
    z-index: 0;
    height: calc(100vh - 100px);
}
.wptb-slider.style3 .wptb-item-layer-one {
    left: 0;
}
.wptb-slider.style3 .wptb-item-layer-two {
    right: 0;
}
.wptb-slider.style3 .wptb-item-layer-one img,
.wptb-slider.style3 .wptb-item-layer-two img {
    width: 100%;
    height: 100%;
}

/* Slider Style Four */


/* .wptb-slider.style4::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 200px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%);
    z-index: 2;
} */















/* Slider Style Five */























/* Slider Style Six */







/* Slider Style Seven */

















/* Slider Style Eight */















/* Slider Style Nine */












/* Slider Style Ten */




















/* Slider Style Eleven */

.wptb-gallery-holder {
    padding: 30px 100px;
}

/* Slider Style Twelve */










/* Slider Style Thirteen */








/* Slider Style Fourteen */








/* Slider Style Fifteen */
















/* Slider Style Sixteen */






@media (min-width: 1400px) {
    
}



@media (min-width: 1400px) {
    
}







@media (min-width: 1400px) {
    
}

@media (min-width: 1400px) {
    
}



@media (min-width: 1400px) {
    
}

















/* Slider Style Seventeen */



















/* Slider 19 (HTML 5 & Youtube Video) */


/* Slider 20 (HTML 5 & Youtube Video) */


.wptb-slider .localvideo-bg {
    position: relative;
    height: 100vh;
}

.wptb-slider .localvideo-bg video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: auto;
    min-width: 100%; 
    min-height: 100%;
}







.wptb-slider .ytvideo-bg {
    position: relative;
    padding-bottom: 62.25%;
    padding-top: 25px;
    height: 0;
}
  
.wptb-slider .ytvideo-bg iframe {
    position: absolute;
    top: -15%;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: auto;
}  

.wptb-slider .vimeovideo-bg {
    position: relative;
    padding-top: 56.25%;
    padding-bottom: 0%;
    height: 0;
}
.wptb-slider .vimeovideo-bg iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: auto;
}  

/* Slider 21 (Youtube Video) */









/* Slider Responsive Media Query */
@media screen and (min-width: 1600px) {

}
@media screen and (max-width: 1399px) {

    
    
    
    
    
    
}

@media screen and (max-width: 1199px) {
    .wptb-slider.style3 .wptb-heading .wptb-item--title {
        font-size: 54px;
        line-height: 1.2em;
    }
    
    

    
    
    
    

    
    

    
    

    .wptb-swiper-dots.style2::before, .wptb-swiper-dots.style2::after {
        width: 50px;
    }

    
}

@media screen and (min-width: 992px) {
    

    

    
}

@media screen and (max-width: 991px) {
    
    
    
    
    

    .wptb-slider.style3 .wptb-item-layer-two {
        display: none;
    }
    
    
    
    
    
    

    .wptb-slider.style3 .wptb-heading .wptb-item--title {
        font-size: 40px;
    }
    

    

    .wptb-slider.style3 .wptb-heading .wptb-item--description {
        font-size: 18px;
        line-height: 24px;
    }

    .wptb-swiper-navigation.style3 {
        display: none;
    }

    .wptb-slider .wptb-left-pane,
    .wptb-slider .wptb-right-pane {
        width: 50px;
    }
}

@media screen and (max-width: 767px) {
    
}

@media screen and (max-width: 600px) {
    
}

.wptb-item--icon img {
    transition: var(--transition-base);
}

.wptb-item--icon .dark-icon {
    display: none;
}


/* Iconbox 1 */
.wptb-icon-box1 {
    margin-bottom: 30px;
}
.wptb-icon-box1 .wptb-item--inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    transition: var(--transition-base);
}

.wptb-icon-box1 .wptb-item--icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    font-size: 24px;
    color: var(--color-white-fixed);
    background-color: var(--color-one);
    margin-left: 22px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(var(--color-one-rgb),.25);
    -khtml-box-shadow: 0 10px 20px 0 rgba(var(--color-one-rgb),.25);
    -moz-box-shadow: 0 10px 20px 0 rgba(var(--color-one-rgb),.25);
    -ms-box-shadow: 0 10px 20px 0 rgba(var(--color-one-rgb),.25);
    -o-box-shadow: 0 10px 20px 0 rgba(var(--color-one-rgb),.25);
    box-shadow: 0 10px 20px rgba(var(--color-one-rgb),.25);
    border-radius: 100%;
    transition: var(--transition-base);
}
.wptb-icon-box1:hover .wptb-item--icon span,
.wptb-icon-box1:hover .wptb-item--icon i,
.wptb-icon-box1:hover .wptb-item--icon svg {
    position: relative;
    transition: var(--transition-base);
    display: block;

}
.wptb-icon-box1:hover .wptb-item--icon svg {
    transform: rotateY(360deg);
    transform-origin: center;
}
.wptb-icon-box1 .wptb-item--title {
    margin: 0px 0px;
    font-family: 'estedad-verybold';

}

.wptb-icon-box1 .wptb-item--description {
    font-size: 22px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 34px;
    letter-spacing: -1px;
    margin-bottom: 0px;
    word-break: break-word;
    font-family: 'esredad-medium';

}

.wptb-icon-box1 .wptb-item--link {
    font-size: 15px;
    font-weight: var(--fw-semibold);
    line-height: 21px;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 7px;
    margin-top: 15px;
    font-family: 'estedad-light';

}

/* Iconbox 1 - Style Two */
.wptb-icon-box1.style2 {
    margin-bottom: 15px;
}
.wptb-icon-box1.style2 .wptb-item--inner {
    display: flex;
    align-items: center;
    flex-direction: row;
   
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    transition: var(--transition-base);
}

.wptb-icon-box1.style2 .wptb-item--icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    color: var(--color-one);
    background-color: transparent;
    border: 1px solid var(--color-one);
    margin-right: 8px;
    box-shadow: none;
    border-radius: 100%;
    transition: var(--transition-base);
}
.wptb-icon-box1.style2:hover .wptb-item--icon span,
.wptb-icon-box1.style2:hover .wptb-item--icon i,
.wptb-icon-box1.style2:hover .wptb-item--icon svg {
    position: relative;
    transition: var(--transition-base);
    display: block;

}
.wptb-icon-box1.style2:hover .wptb-item--icon svg {
    transform: rotateY(360deg);
    transform-origin: center;
}
.wptb-icon-box1.style2 .wptb-item--title {
    margin: 0px 0px;
}

.wptb-icon-box1.style2 .wptb-item--description {
    font-family: var(--font-family-three);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-normal);
    line-height: 24px;
    letter-spacing: 0px;
    margin-bottom: 0px;
    word-break: break-word;
    font-family: 'estedad-extralight';

}

.wptb-icon-box1.style2 .wptb-item--link {
    font-size: 15px;
    font-weight: var(--fw-medium);
    line-height: 21px;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 7px;
    margin-top: 15px;
}

/* Iconbox 2 */
.wptb-icon-box2 {
    display: inline-block;
    background: #110E10;
    padding: 60px;
    margin-bottom: 30px;
    transition: var(--transition-base);
    height: 100%;
}
.wptb-icon-box2.active,
.wptb-icon-box2:hover {
    background-color: var(--color-one);
}
.wptb-icon-box2 .wptb-item--title {
    margin-top: 15px;
    margin-bottom: 15px;
    transition: var(--transition-base);
}
.wptb-icon-box2 .wptb-item--description {
    font-size: 14px;
    line-height: 26px;
    transition: var(--transition-base);
}
.wptb-icon-box2.active .wptb-item--description,
.wptb-icon-box2:hover .wptb-item--description {
    color: var(--color-white);
}

.wptb-icon-box2 .wptb-item--icon svg path {
    fill: var(--color-one);
    transition: var(--transition-base);
}

.wptb-icon-box2.active .wptb-item--icon svg path,
.wptb-icon-box2:hover .wptb-item--icon svg path {
    fill: var(--color-white);
}


/* Iconbox 2 - Style Two */
.wptb-icon-box2.style2 {
    background-color: transparent;
    padding: 0px;
}
.wptb-icon-box2.style2 + .wptb-icon-box2.style2 {
    margin-top: 60px;
}

@media screen and (max-width: 767px) {
    .wptb-icon-box2.style2 + .wptb-icon-box2.style2 {
        margin-top: 20px;
    }
}
/* Iconbox 2 - Style Three */
.wptb-icon-box2.style3 {
    background-color: transparent;
    border-bottom: 6px solid transparent;
    padding: 40px;
    margin-bottom: 0px;
}
.wptb-icon-box2.style3.active,
.wptb-icon-box2.style3:hover {
    background-color: var(--color-dark-three);
    border-color: var(--color-one);
}

/* Iconbox 3 */
.wptb-icon-box3 {
    margin-left: 36px;
    margin-bottom: 30px;
}
.wptb-icon-box3 .wptb-item--inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    background-color: var(--color-dark-three);
    padding: 45px 30px 45px 0px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0px 20px rgba(var(--color-one-rgb), 0.05);
    box-shadow: 0 0px 20px rgba(var(--color-one-rgb), 0.05);
}

.wptb-icon-box3 .wptb-item--icon {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    line-height: 72px;
    font-size: 20px;
    color: var(--color-white);
    background-color: var(--color-one);
    border-radius: 50%;
    margin-left: -36px;
    margin-right: 30px;
}
.wptb-icon-box3 .wptb-item--icon:before {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border-radius: 50%;
    background-color: rgba(var(--color-one-rgb), 0.3);
    z-index: -1;
}

.wptb-icon-box3 .wptb-item--title {
    margin: 0px 0px 10px 0px;
}

.wptb-icon-box3 .wptb-item--description {
    margin-bottom: 0px;
}

/* Iconbox 4 */
.wptb-icon-box4 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 278px;
}
.wptb-icon-box4::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-one);
    opacity: 0;
    transition: var(--transition-base);
}
.wptb-icon-box4:hover::before {
    opacity: 1;
}

.wptb-icon-box4 .wptb-item--inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 50px 60px;
    height: 100%;
}

.wptb-icon-box4 .wptb-item--icon {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    font-size: 20px;
    /* background-color: var(--color-white); */
    color: var(--color-dark-four);
    border-radius: 100%;
}
.wptb-icon-box4 .wptb-item--icon svg path {
    fill: var(--color-white);
    transition: var(--transition-base);
}
.wptb-icon-box4:hover .wptb-item--icon svg path {
    fill: var(--color-white);
}
.wptb-icon-box4 .wptb-item--title {
    color: var(--color-white);
    font-size: 24px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 36px; /* 150% */
    letter-spacing: -0.24px;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
}

.wptb-icon-box4 .wptb-item--description {
    margin-bottom: 0px;
}

@media screen and (max-width: 991px) {
    .wptb-icon-box4 .wptb-item--inner {
        flex-wrap: wrap;
        justify-content: start;
        padding: 30px;
    }
}

/* Iconbox 5 */
.wptb-icon-box5 {
    background: var(--color-dark-four);
    border: 1px solid var(--color-dark-five);
    padding: 40px 50px;
    margin-bottom: 30px;
    border-radius: 35px;
    transition: var(--transition-base);
    min-height: 360px;
}
.wptb-icon-box5.active,
.wptb-icon-box5:hover {
    background-color: var(--color-one);
    border-color: var(--color-one);
    box-shadow: 0px 35px 40px 10px rgba(var(--color-black-fixed-rgb), 0.25);
}
.wptb-icon-box5 .wptb-item--inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 65px;
}
.wptb-icon-box5 .wptb-item--title {
    word-break: break-word;
    margin-top: 15px;
    margin-bottom: 15px;
    transition: var(--transition-base);
    font-family: 'estedad-semibold';

}
.wptb-icon-box5.active .wptb-item--title,
.wptb-icon-box5:hover .wptb-item--title {
    color: var(--color-white-fixed);
}
.wptb-icon-box5 .wptb-item--description {
    font-size: 20px;
    line-height: 24px;
    transition: var(--transition-base);
    font-family: 'estedad-light';

}
.wptb-icon-box5 .wptb-item--icon {
    position: relative;
    min-height: 110px;
}
.wptb-icon-box5 .wptb-item--icon .hover-icon {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
}
.wptb-icon-box5.active .wptb-item--icon .default-icon,
.wptb-icon-box5:hover .wptb-item--icon .default-icon {
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
}
.wptb-icon-box5.active .wptb-item--icon .hover-icon,
.wptb-icon-box5:hover .wptb-item--icon .hover-icon {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.wptb-icon-box5 .wptb-item--icon svg path {
    fill: var(--color-one);
    transition: var(--transition-base);
}

.wptb-icon-box5.active .wptb-item--icon svg path,
.wptb-icon-box5:hover .wptb-item--icon svg path {
    fill: var(--color-white);
}


/* Iconbox 6 */
.wptb-icon-box6 {
    background: transparent;
    margin-bottom: 30px;
    border-radius: 0px;
    transition: var(--transition-base);
    padding-right: 30px;
    border-right: 1px solid var(--color-dark-seven);
}

.wptb-icon-box6 .wptb-item--inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
}
.wptb-icon-box6 .wptb-item--title {
    font-size: 19px;
    font-weight: var(--fw-medium);
    line-height: 22px;
    letter-spacing: -0.38px;
    margin-top: 0px;
    margin-bottom: 15px;
    transition: var(--transition-base);
    font-family: 'estedad-lightbold';

}
.wptb-icon-box6 .wptb-item--description {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0px;
    transition: var(--transition-base);
    font-family: 'estedad-light';

}
.wptb-icon-box6 .wptb-item--icon {
    max-width: 70px;
    max-height: 50px;
}

.wptb-icon-box6 .wptb-item--icon svg path {
    fill: var(--color-one);
    transition: var(--transition-base);
}

.wptb-icon-box6.active .wptb-item--icon svg path,
.wptb-icon-box6:hover .wptb-item--icon svg path {
    fill: var(--color-white);
}


/* Iconbox 7 */
.wptb-icon-box7 {
    background: transparent;
    margin-bottom: 30px;
    border-radius: 0px;
    transition: var(--transition-base);
    padding: 30px;
}
.wptb-icon-box7.active,
.wptb-icon-box7:hover {
    background-color: rgba(var(--color-two-rgb), 0.06)
}

.wptb-icon-box7 .wptb-item--inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
}
.wptb-icon-box7 .wptb-item--title {
    position: relative;
    font-size: 20px;
    font-weight: var(--fw-medium);
    line-height: 22px;
    letter-spacing: 0px;
    margin-top: 0px;
    margin-bottom: 15px;
    transition: var(--transition-base);
}
.wptb-icon-box7 .wptb-item--title a {
    display: block;
}
.wptb-icon-box7 .wptb-item--title::after {
    content: '';
    width: 67px;
    height: 1px;
    display: inline-block;
    background-color: rgba(var(--color-white-rgb), 0.10);
    transition: var(--transition-base);
}
.wptb-icon-box7.active .wptb-item--title::after,
.wptb-icon-box7:hover .wptb-item--title::after {
    width: 100%;
    background-color: var(--color-one);
}
.wptb-icon-box7 .wptb-item--description {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0px;
    transition: var(--transition-base);
    font-family: 'esredad-medium';

}
.wptb-icon-box7 .wptb-item--count {
    font-family: var(--font-family-three);
    font-size: 48px;
    font-weight: var(--fw-semibold);
    line-height: normal;
    text-align: left;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(var(--color-white-rgb), 0.20);
    font-family: 'vazir-number';

}
.wptb-icon-box7.active .wptb-item--count,
.wptb-icon-box7:hover .wptb-item--count {
    -webkit-text-stroke-color: var(--color-one);
}

.wptb-icon-box7 .wptb-item--icon {
    position: relative;
    max-width: 70px;
    max-height: 50px;
}
.wptb-icon-box7 .wptb-item--icon .hover-icon {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
}
.wptb-icon-box7.active .wptb-item--icon .default-icon,
.wptb-icon-box7:hover .wptb-item--icon .default-icon {
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
}
.wptb-icon-box7.active .wptb-item--icon .hover-icon,
.wptb-icon-box7:hover .wptb-item--icon .hover-icon {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.wptb-icon-box7 .wptb-item--icon svg path {
    fill: var(--color-one);
    transition: var(--transition-base);
}

.wptb-icon-box7.active .wptb-item--icon svg path,
.wptb-icon-box7:hover .wptb-item--icon svg path {
    fill: var(--color-white);
}



/* Image Box 1 */
.wptb-image-box1 {
    margin-bottom: 30px;
}
.wptb-image-box1 .wptb-item--inner {
	position: relative;
    padding: 50px 25px 30px;
    background-color: var(--color-dark-three);
    border: 1px solid var(--color-dark-seven);
    text-align: center;
}

.wptb-image-box1 .wptb-item--image {
    overflow: hidden;
}

.wptb-image-box1 .wptb-item--image img {
    width: 100%;
}

.wptb-image-box1 .wptb-item--image a {
	display: block;
}

.wptb-image-box1 .wptb-item--inner .wptb-item--holder {
    position: relative;
    width: 100%;
	transition: var(--transition-base);
}

.wptb-image-box1 .wptb-item--inner .wptb-item--icon {
    width: 78px;
    height: 78px;
    line-height: 1;
    background-color: var(--color-one);
    border-radius: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition-base);
}

.wptb-image-box1 .wptb-item--inner .wptb-item--icon svg path {
    fill: var(--color-white);
    transition: var(--transition-base);
}

.wptb-image-box1.active .wptb-item--inner .wptb-item--icon,
.wptb-image-box1:hover .wptb-item--inner .wptb-item--icon {
    background-color: var(--color-white);
}
.wptb-image-box1.active .wptb-item--inner .wptb-item--icon svg path,
.wptb-image-box1:hover .wptb-item--inner .wptb-item--icon svg path {
    fill: var(--color-one);
}

.wptb-image-box1 .wptb-item--inner .wptb-item--title {
    font-size: 32px;
	margin-bottom: 15px;
}

.wptb-image-box1 .wptb-item--inner .wptb-item--title a {
	color: var(--color-white);
}

.swiper-slide-active .wptb-image-box1 .wptb-item--inner .wptb-item--title a,
.wptb-image-box1.active .wptb-item--inner .wptb-item--title a,
.wptb-image-box1 .wptb-item--inner .wptb-item--title a:hover {
	color: var(--color-one);
}

.wptb-image-box1 .wptb-item--inner .wptb-item--description {
    font-size: 14px;
    font-weight: var(--fw-normal);
    line-height: 26px;
    color: var(--color-two);
    margin-bottom: 55px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    
}

.wptb-image-box1 .wptb-item--button .btn-three {
    font-size: 14px;
    font-style: normal;
    text-transform: uppercase;
    height: 52px;
    width: 100%;
    margin-top: 30px;
}


/* .wptb-image-box1 .wptb-item--button .text-first {
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}

.wptb-image-box1 .wptb-item--button .text-second {
    font-size: 14px;
	margin-left: 10px;
    z-index: 1;
    transform: translateX(-10px);
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
} */


/* .wptb-image-box1 .wptb-item--button .text-second:before {
    content: '';
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
    -webkit-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -khtml-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -moz-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -ms-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -o-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    box-shadow: 0 10px 20px rgba(137,151,186,.25);
    transform: scale(0);
}


.wptb-image-box1 .wptb-item--button .btn i {
    font-size: 14px;
} */

/* Image Box 2 */
.wptb-image-box2 {
	position: relative;
    margin-bottom: 30px;
    
}
.wptb-image-box2 .wptb-item--inner {
	position: relative;
    border: 1px solid var(--color-dark-four);
    
}
.wptb-image-box2 .wptb-item--image {
    position: relative;
    overflow: hidden;
}

.wptb-image-box2 .wptb-item--image::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(var(--color-dark-one-rgb), 0.80) 17%, rgba(var(--color-black-rgb), 0.0) 100%);
    height: 100%;
    transition: var(--transition-base);
}
.swiper-slide-active .wptb-image-box2 .wptb-item--image::before,
.wptb-image-box2.active .wptb-item--image::before,
.wptb-image-box2:hover .wptb-item--image::before {
    height: 0%;
    opacity: 0;
}
.wptb-image-box2 .wptb-item--image::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(var(--color-one-rgb), 0.80) 7%, rgba(var(--color-one-rgb), 0.0) 90%);
    height: 0%;
    opacity: 0;
    transition: var(--transition-base);
}
.swiper-slide-active .wptb-image-box2 .wptb-item--image::after,
.wptb-image-box2.active .wptb-item--image::after,
.wptb-image-box2:hover .wptb-item--image::after {
    height: 100%;
    opacity: 1;
}

.wptb-image-box2 .wptb-item--image {
	width: 100%;
}

.wptb-image-box2 .wptb-item--inner .wptb-item--holder {
    position: relative;
    padding: 30px 33px;
    width: 100%;
    position: absolute;
    bottom: 0;
	transition: var(--transition-base);
}


.wptb-image-box2 .wptb-item--inner .wptb-item--icon {
    text-align: left;
    margin-bottom: 10px;
	transition: var(--transition-base);
}
.wptb-image-box2 .wptb-item--inner .wptb-item--icon svg path {
	transition: var(--transition-base);
}
.wptb-image-box2:hover .wptb-item--inner .wptb-item--icon svg path {
    fill: var(--color-white);
}

.wptb-image-box2 .wptb-item--inner .wptb-item--title {
	margin-bottom: 0px;
    font-size: 20px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 30px;
    letter-spacing: -0.2px;
}

.wptb-image-box2 .wptb-item--inner .wptb-item--title a {
    color: var(--color-white);
}

.wptb-image-box2 .wptb-item--inner .wptb-item--description {
    font-size: 24px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 38.634px;
    margin-bottom: 0px;
    color: var(--color-white);
    text-transform: uppercase;
}
.wptb-image-box2 .wptb-item--inner .wptb-item--button {
    transition: var(--transition-base);
    margin-top: 40px;
}
.wptb-image-box2 .wptb-item--inner .wptb-item--button .btn-three {
    padding: 0;
    width: auto;
    min-width: auto;
    height: auto;
    background: transparent;
    color: var(--color-two);
    display: inline-block;
    font-size: 16px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 20px;
    text-transform: capitalize;
    overflow: visible;
}
.wptb-image-box2:hover .wptb-item--inner .wptb-item--button .btn-three {
    color: var(--color-white);
}
.wptb-image-box2 .wptb-item--inner .wptb-item--button .btn-three:before {
    display: none;
}
.wptb-image-box2 .wptb-item--inner .wptb-item--button .btn-three .btn-wrap {
    gap: 10px;
    overflow: visible;
}
.wptb-image-box2 .wptb-item--inner .wptb-item--button .btn-three .btn-wrap .text-second {
    position: relative;
    top: auto;
}
.wptb-image-box2 .wptb-item--inner .wptb-item--button .btn-three:hover .btn-wrap .text-first {
    -webkit-transform: translateY(0%) translateX(20%);
    -ms-transform: translateY(0%) translateX(20%);
    transform: translateY(0%) translateX(20%);
}
.wptb-image-box2 .wptb-item--inner .wptb-item--button .btn-three:hover .btn-wrap .text-second {
    -webkit-transform: translateY(0%) translateX(150%);
    -ms-transform: translateY(0%) translateX(150%);
    transform: translateY(0%) translateX(150%);
}


/* Image Box 3 */
.wptb-image-box3,
.wptb-image-box3 .wptb-item--inner {
	position: relative;
}
.wptb-image-box3 .wptb-item--image {
    position: relative;
    overflow: hidden;
}

.wptb-image-box3 .wptb-item--image::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(215, 0, 6, 0.80) 7.69%, rgba(0, 0, 0, 0.80) 90.21%);
    opacity: 0;
    height: 0;
    transition: var(--transition-base);
}
.swiper-slide-active .wptb-image-box3 .wptb-item--image::before,
.wptb-image-box3.active .wptb-item--image::before,
.wptb-image-box3:hover .wptb-item--image::before {
    opacity: 1;
    height: 100%;
}

.wptb-image-box3 .wptb-item--image {
	width: 100%;
}

.wptb-image-box3 .wptb-item--inner .wptb-item--holder {
    position: relative;
    padding: 30px 33px;
    width: 100%;
    position: absolute;
    bottom: 0;
	transition: var(--transition-base);
    opacity: 0;
}

.swiper-slide-active .wptb-image-box3 .wptb-item--inner .wptb-item--holder,
.wptb-image-box3.active .wptb-item--inner .wptb-item--holder,
.wptb-image-box3:hover .wptb-item--inner .wptb-item--holder {
    opacity: 1;
}


.wptb-image-box3 .wptb-item--inner .wptb-item--icon {
    text-align: left;
    margin-bottom: 30px;
	transition: var(--transition-base);
}

.wptb-image-box3 .wptb-item--inner .wptb-item--title {
	margin-bottom: 0px;
    letter-spacing: -0.36px;
}

.wptb-image-box3 .wptb-item--inner .wptb-item--title a {
    color: var(--color-white);
}

.wptb-image-box3 .wptb-item--inner .wptb-item--description {
    font-size: 24px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 38.634px;
    margin-bottom: 0px;
    color: var(--color-white);
    text-transform: uppercase;
}
.wptb-image-box3 .wptb-item--inner .wptb-item--button {
    position: absolute;
    top: 60px;
    left: 65px;
    opacity: 0;
    transition: var(--transition-base);
}

.swiper-slide-active .wptb-image-box3 .wptb-item--inner .wptb-item--button,
.wptb-image-box3.active .wptb-item--inner .wptb-item--button,
.wptb-image-box3:hover .wptb-item--button {
    opacity: 1;
}
.wptb-image-box3 .wptb-item--inner .wptb-item--button .btn-three {
    padding: 0;
    width: auto;
    min-width: auto;
    height: auto;
    background: transparent;
    font-size: 49px;
	/* color: var(--color-white); */
    transform: rotate(-45deg);
    display: inline-block;
}
.wptb-image-box3 .wptb-item--inner .wptb-item--button .btn-three:before {
    display: none;
}
.wptb-image-box3 .wptb-item--inner .wptb-item--button .btn-three .btn-wrap .text-first {
    right: 0px;
}
.wptb-image-box3 .wptb-item--inner .wptb-item--button .btn-three .btn-wrap .text-second {
    top: 0;
    right: 60px;
}
.wptb-image-box3 .wptb-item--inner .wptb-item--button .btn-three:hover .btn-wrap .text-first {
    right: -60px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.wptb-image-box3 .wptb-item--inner .wptb-item--button .btn-three:hover .btn-wrap .text-second {
    right: 0px;
    color: var(--color-one);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

@media screen and (max-width: 991px) {
    .wptb-image-box3 .wptb-item--inner .wptb-item--description {
        font-size: 18px;
        line-height: 1.5em;
    }
}

/* List Item */
.wptb-list1 .wptb--item {
    display: flex;
    flex-wrap: nowrap;
}
.wptb-list1 .wptb--item  + .wptb--item {
    margin-top: 13px;
}
.wptb-list1 .wptb--item .wptb-item--icon {
    font-size: 24px;
    color: var(--color-one);
    margin-left: 10px;
}
.wptb-list1 .wptb--item .wptb-item--text {
    font-size: 17px;
    font-weight: var(--fw-light);
    line-height: 27px;
}

/* Counter/ funfacts Common */
.wptb-counter1 .wptb-item--inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 28px;
    border-bottom: 1px solid var(--color-dark-seven);
    padding-bottom: 25px;
}
.wptb-counter1 .wptb-item--inner::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 24px;
    height: 3px;
    background-color: var(--color-one);
}
.wptb-counter1 .wptb-item--icon {
    flex-shrink: 0;
    background: rgba(var(--color-white-rgb), 0.20);
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wptb-counter1 .wptb-item--holder {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}
.wptb-counter1 .wptb-item--value {
    font-size: 60px;
    line-height: 66px;
    font-weight: var(--fw-medium);
    color: var(--color-white);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.wptb-counter1 .wptb-item--text {
    font-size: 18px;
    line-height: 32px;
    font-weight: var(--fw-medium);
    text-transform: uppercase;
    margin-bottom: 0px;
    flex: 0;
    font-family: 'estedad-semibold';

}

/* Counter style Two */
.wptb-counter2{
    position: relative;
    background-color: var(--color-white);
    padding: 30px 20px 30px 40px;
    color: var(--color-dark-one);
}
.wptb-counter2 .wptb-item--icon {
    flex-shrink: 0;
    background: rgba(var(--color-white-rgb), 0.20);
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wptb-counter2 .wptb-item--value {
    font-size: 50px;
    line-height: 60px;
    font-weight: var(--fw-medium);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    white-space: nowrap;
}
.wptb-counter2 .wptb-item--text {
    font-size: 18px;
    line-height: 32px;
    font-weight: var(--fw-medium);
    margin-bottom: 0px;
    font-family: 'esredad-medium';

}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    left: -5px;
}
@media screen and (max-width: 1199px) {

    
}

/* Avatar */
.avatar:not(img) {
    background-color: var(--color-one);
    color: var(--color-white);
}

.avatar-img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-initials {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
    text-transform: uppercase;
}

.avatar-centered {
    display: flex;
    margin-right: auto;
    margin-left: auto;
}
.avatar-group {
    display: flex;
}

.avatar-group .avatar {
    width: 56px;
    height: 56px;
    border: 3px solid var(--color-white);
    transition: var(--transition-base);
}

.avatar-group .avatar a {
    color: var(--color-white);
    cursor: pointer;
}

.avatar-group .avatar:hover {
    z-index: 2;
}

.avatar-group .avatar .avatar-initials {
    font-size: 17px;
}

.avatar-group .avatar + .avatar {
    margin-left: -15px;
}

.wptb-client-review {
    max-width: 420px;
    border-radius: 20px;
    background-color: var(--color-two);
    padding: 50px 30px;
}

.wptb-client-review .wptb-item--inner .wptb-heading .wptb-item--subtitle {
    font-size: 15px;
    line-height: 22px;
    color: var(--color-one);
}
.wptb-client-review .wptb-item--inner .wptb-heading .wptb-item--title {
    font-size: 40px;
    line-height: 50px;
}
.wptb-client-review .wptb-item--inner .wptb-item--images {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 10px;
    flex-flow: row wrap;
}

.wptb-client-review .wptb-counter1 {
    flex-shrink: 0;
}
.wptb-client-review .wptb-counter1 .wptb-item--value {
    color: var(--color-dark-one-blue);
    
    font-size: 80px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 1.1;
    letter-spacing: -1.6px;
}

.wptb-client-review .wptb-item--inner .wptb--rating-label {
    color: var(--color-white);
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: var(--fw-normal);
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.wptb-client-review .wptb-item--inner .wptb-item--star {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 4px;
}

.wptb-client-review .wptb-item--inner .wptb-item--star .item-star {
    position: relative;
    color: var(--color-one);
    display: inline-block;
    letter-spacing: 3.8px;
    font-size: 20px;
    margin: 0 auto 10px;
}

.wptb-client-review .wptb-item--inner .wptb-item--star .wptb--star-label {
    color: var(--color-dark-one-blue);
    font-size: 18px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .wptb-client-review {
        max-width: 100%;
    }
}

/* Client Review Two */
.wptb-client-review2 .wptb-item--inner {
    padding: 23px 23px 28px;
    background-color: var(--color-white);
    border-radius: 20px;
    -webkit-box-shadow: 0 43px 72px 0 rgba(0,0,0,7%);
    -khtml-box-shadow: 0 43px 72px 0 rgba(0,0,0,7%);
    -moz-box-shadow: 0 43px 72px 0 rgba(0,0,0,7%);
    -ms-box-shadow: 0 43px 72px 0 rgba(0,0,0,7%);
    -o-box-shadow: 0 43px 72px 0 rgba(0,0,0,7%);
    box-shadow: 0 43px 72px rgba(0,0,0,7%);
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 237px;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--icon {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%,-50%);
    width: 55px;
    height: 55px;
    border-radius: 50%;
    z-index: 2;
    background-color: var(--color-white);;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--icon:before {
    background-color: rgba(var(--color-dark-one-rgb),.3);
    content: "";
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border-radius: 50%;
    z-index: -1;
    position: absolute;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--icon i {
    transform: rotate(45deg);
    color: var(--color-white);
    z-index: 1;
    line-height: 1;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--title {
    font-size: 16px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 1.625;
    
    padding-bottom: 13px;
    border-bottom: 1px solid #e7e7e7;
    width: 100%;
}
.wptb-client-review2 .wptb-item--inner .wptb-piechart .wrap-meta {
    position: relative;
    overflow: hidden;
    padding: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 100%;
    background-color: var(--color-white);
}
.wptb-client-review2 .wptb-item--inner .wptb-piechart .wrap-meta::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -10px;
    right: -10px;
    height: 95px;
    width: 125%;
    background-color: inherit ;
    transform: rotate(-20deg);
    transform-origin: center;
}
.wptb-client-review2 .wptb-item--inner .wptb-piechart .wrap-meta--inner {
    position: relative;
    overflow: hidden;
    width: 155px;
    height: 155px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 5px solid var(--color-dark-one-blue);
    border-radius: 100%;
}
.wptb-client-review2 .wptb-item--inner .wptb-piechart .wrap-meta .wptb--rating-label {
    
    text-align: center;
    font-family: PT Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 1.625;
    z-index: 3;
}
.wptb-client-review2 .wptb-item--inner .wptb-piechart .wrap-meta .wptb--counter-number {
    
    text-align: center;
    
    font-size: 22px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 1.45455;
    z-index: 3;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images {
    display: flex;
    position: relative;
    margin-top: -41px;
    z-index: 2;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images .wptb-item--img {
    border: 2px solid var(--color-white);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: var(--color-two);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images .wptb-item--img:nth-child(1) {
    transform: translate(0);
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images .wptb-item--img:nth-child(2) {
    transform: translateX(-50%);
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images .wptb-item--img:nth-child(3) {
    transform: translateX(-100%);
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images .wptb-item--img:nth-child(4) {
    transform: translateX(-150%);
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images .wptb-item--img:nth-child(5) {
    transform: translateX(-200%);
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images .wptb-item--img .wptb-icon--plus {
    font-size: 10px;
    color: var(--color-one);
    line-height: 1;
    height: 9px;
    width: 9px;
    position: relative;
    cursor: pointer;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--images .wptb-item--text {
    position: absolute;
    top: 50%;
    right: -4px;
    transform: translateY(-50%);
    
    
    font-size: 11px;
    font-style: normal;
    font-weight: var(--fw-normal);
    line-height: 2;
}
.wptb-client-review2 .wptb-item--inner .wptb-item--desc {
    z-index: 2;
    text-align: center;
    
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 1.71;
    margin-top: 13px;
}

/* Client Review Three */
.wptb-client-review3 .wptb-item--inner .wptb-piechart .wrap-meta {
    
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 276px;
    margin-left: 33px;
    display: flex;
    flex-direction: row;
    background: linear-gradient(90deg,#00c6ff 0%,#0072ff 100%);
    padding: 33px 23px 33px 35px;
}
.wptb-client-review3 .wptb-item--inner .wptb-piechart .wrap-meta::before {
    background-color: #00c6ff;
    content: "";
    clip-path: polygon(100% 100%,0 0,100% 0);
    width: 33px;
    height: 33px;
    position: absolute;
    top: 0;
    left: -31px;
}
.wptb-client-review3 .wptb-item--inner .wptb-piechart .wrap-meta .wptb--rating-label {
    font-size: 36px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 36px;
    color: #fff;
}
.wptb-client-review3 .wptb-item--inner .wptb-piechart .wrap-meta .wptb--counter-number {
    font-size: 36px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 36px;
    color: #fff;
}
/* Process */
.wptb-process {
    text-align: center;
    margin-bottom: 30px;
}

.wptb-process .wptb-item--image {
    width: 260px;
    height: 260px;
    background: var(--gradient-two);
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.wptb-process .wptb-item--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wptb-process .wptb-item--holder {
    position: relative;
    margin-top: -22px;
}

.wptb-process .wptb-item--icon {
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 39px;
    border-radius: 100%;
    color: var(--color-one);
    background-color: var(--color-one);
    outline: 4px solid rgba(var(--color-one-rgb), .3);
    margin-bottom: 25px;
}
.wptb-process .wptb-item--icon span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: var(--color-white);
    border-radius: 100%;
}
.wptb-process .wptb-item--title {
    margin-bottom: 15px;
}

.wptb-process .wptb-item--inner:hover .wptb-item--icon {
    animation: wptb_bounce 800ms ease-out infinite;
    -webkit-animation: wptb_bounce 800ms ease-out infinite;
}


@media screen and (max-width:991px) {
    .wptb-process .wptb-item--inner {
        max-width: 100%
    }

    .wptb-process .wptb-item--image {
        width: 200px;
        height: 200px;
    }
}

/* FAQ/Accordion - One*/
.wptb-accordion1 .wptb-item-title {
    position: relative;
    font-size: 24px;
    line-height: 30px;
    padding: 16px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: var(--transition-base);
    border-bottom: 1px solid transparent;
}
.wptb-accordion1 .wptb--item.active .wptb-item-title {
    border-bottom-color: var(--color-one);
    color: var(--color-one);
}
.wptb-accordion1 .wptb-item-title span {
    padding-right: 60px;
}
.wptb-accordion1 .wptb--item + .wptb--item .wptb-item-title {
    border-top: 1px solid var(--color-dark-seven);
}
.wptb-accordion1 .wptb-item-title i {
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    color: var(--color-white);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    text-align: center;
}
.wptb-accordion1 .wptb-item-title i.minus {
    opacity: 0;
}

.wptb-accordion1 .wptb--item.active .wptb-item-title i {
    transform: translateY(-50%) rotateZ(180deg);
    color: var(--color-one);
}

.wptb-accordion1 .wptb--item.active .wptb-item-title i.plus {
    opacity: 0;
}
.wptb-accordion1 .wptb--item.active .wptb-item-title i.minus {
    opacity: 1;
}

.wptb-accordion1 .wptb--item .wptb-item--content {
    padding: 30px 0px;
    display: none;
}

.wptb-accordion1 .wptb--item.active .wptb-item--content {
    display: block;
}

@media screen and (max-width: 991px) {
    .wptb-accordion1 .wptb-item-title {
        font-size: 20px;
        line-height: 26px;
    }
}

/* FAQ/Accordion - Two*/
.wptb-accordion2 .wptb-item-title {
    position: relative;
    font-size: 24px;
    line-height: 30px;
    padding: 16px 0px;
    color: var(--color-white-fixed);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: var(--transition-base);
    border-bottom: 1px solid transparent;
    font-family: 'estedad-semibold';

}
.wptb-accordion2 .wptb--item.active .wptb-item-title {
    border-bottom-color: var(--color-one);
    color: var(--color-one);
    font-family: 'estedad-semibold';

}
.wptb-accordion2 .wptb-item-title span {
    padding-left: 60px;
}
.wptb-accordion2 .wptb--item + .wptb--item .wptb-item-title {
    border-top: 1px solid var(--color-dark-seven);
}
.wptb-accordion2 .wptb-item-title i {
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    color: var(--color-white-fixed);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    text-align: center;
}
.wptb-accordion2 .wptb-item-title i.minus {
    opacity: 0;
}

.wptb-accordion2 .wptb--item.active .wptb-item-title i {
    transform: translateY(-50%) rotateZ(180deg);
    color: var(--color-one);
    
}

.wptb-accordion2 .wptb--item.active .wptb-item-title i.plus {
    opacity: 0;
}
.wptb-accordion2 .wptb--item.active .wptb-item-title i.minus {
    opacity: 1;
}

.wptb-accordion2 .wptb--item .wptb-item--content {
    color: var(--color-two-fixed);
    padding: 30px 0px;
    display: none;
}

.wptb-accordion2 .wptb--item.active .wptb-item--content {
    display: block;
    font-family: 'esredad-medium';

}

@media screen and (max-width: 991px) {
    .wptb-accordion2 .wptb-item-title {
        font-size: 20px;
        line-height: 26px;
    }
}

/* Blog Grid 1 */
.wptb-blog-grid1 {
    margin-bottom: 30px;
}
.wptb-blog-grid1 .wptb-item--inner {
	position: relative;
    overflow: hidden;
    border: 1px solid var(--color-dark-seven);
    padding: 20px;
}

.wptb-blog-grid1 .wptb-item--image a {
    display: block;
    height: 100%;
}

.wptb-blog-grid1 .wptb-item--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--holder {
    position: relative;
    width: 100%;
	transition: var(--transition-base);
    padding: 30px 20px;
}
/* .wptb-blog-grid1 .wptb-item--inner .wptb-item--meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--color-dark-four);
    padding: 0px 30px;
}
.wptb-blog-grid1 .wptb-item--inner .wptb-item--meta-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--comments a {
    color: var(--color-two);
    font-size: 12px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 30px;
    margin-right: 30px;
    border-width: 0px 1px 0px 1px;
    border-style: solid;
    border-color: var(--color-dark-four);
}
.wptb-blog-grid1 .wptb-item--inner .wptb-item--comments a i {
    font-size: 30px;
}
.wptb-blog-grid1 .wptb-item--inner .wptb-item--share {
    flex-shrink: 0;
}
.wptb-blog-grid1 .wptb-item--inner .wptb-item--share a {
    font-size: 30px;
    color: var(--color-white);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
} */
.wptb-blog-grid1 .wptb-item--inner .wptb-item--date {
    display: inline-block;
    font-size: 15px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 0.42px;
    color: var(--color-white-fixed);
    background-color: var(--color-one);
    border-radius: 5px;
    padding: 0px 7px;
    font-family: 'estedad-light';

}


/* .wptb-blog-grid1 .wptb-item--inner .wptb-item--icon {
    width: 70px;
    height: 70px;
    background-color: var(--color-white);
    line-height: 1;
    border: 5px solid var(--color-white);
    position: absolute;
    right: 33px;
    top: 0;
    transform: translate(0,calc(-50% - 5px));
    border-radius: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
	transition: var(--transition-base);
}

.swiper-slide-active .wptb-blog-grid1 .wptb-item--inner .wptb-item--icon,
.wptb-blog-grid1.active .wptb-item--inner .wptb-item--icon,
.wptb-blog-grid1:hover .wptb-item--inner .wptb-item--icon {
	background-color: var(--color-one);
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--icon i {
	font-size: 35px;
    color: var(--color-white);
    line-height: 1;
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--icon svg {
    position: absolute;
    fill: var(--color-white);
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--icon svg:first-child {
    left: -13px;
    top: 26px;
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--icon svg:last-child {
    right: -13px;
    top: 26px;
} */

.wptb-blog-grid1 .wptb-item--inner .wptb-item--title {
	padding: 20px 0px;
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--title a:not(:hover) {
	color: var(--color-white);
    font-family: 'estedad-semibold';

}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--description {
    line-height: 24px;
    margin-bottom: 14px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.wptb-blog-grid1 .wptb-item--inner .wptb-item--author {
    font-size: 18px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 28px;
    font-family: 'esredad-medium';

}

.wptb-blog-grid1 .wptb-item--button .btn {
    font-size: 12px;
    font-style: normal;
    font-weight: var(--fw-normal);
    line-height: 22px;
    text-transform: uppercase;
	color: var(--color-dark-one-blue);
}

.swiper-slide-active .wptb-blog-grid1 .wptb-item--button .btn, 
.wptb-blog-grid1.active .wptb-item--button .btn,
.wptb-blog-grid1 .wptb-item--button .btn:hover {
    color: var(--color-one);
}

.wptb-blog-grid1 .wptb-item--button .text-first {
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}

.wptb-blog-grid1 .wptb-item--button .text-second {
    font-size: 15px;
	margin-left: 10px;
    z-index: 1;
    transform: translateX(-10px);
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}


.wptb-blog-grid1 .wptb-item--button .text-second:before {
    content: '';
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
    -webkit-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -khtml-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -moz-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -ms-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -o-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    box-shadow: 0 10px 20px rgba(137,151,186,.25);
    transform: scale(0);
}

/* Blog Grid 2 */
.wptb-blog-grid2 {
    margin-bottom: 30px;
}
.wptb-blog-grid2 .wptb-item--inner {
    position: relative;
    min-height: auto;
	display: flex;
    overflow: hidden;
}
.wptb-blog-grid2 .wptb-item--image {
    position: relative;
    flex-shrink: 0;
}
.wptb-blog-grid2 .wptb-item--image a {
    display: block;
    height: 100%;
}

.wptb-blog-grid2 .wptb-item--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--holder {
    position: relative;
    width: 100%;
	transition: var(--transition-base);
    border: 1px solid var(--color-dark-four);
    border-left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--meta {
    display: flex;
    justify-content: end;
    align-items: center;
    border-top: 1px solid var(--color-dark-four);
    padding: 0px 30px;
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--meta-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--author {
    color: var(--color-one);
    font-size: 16px;
    font-style: normal;
    font-weight: var(--fw-normal);
    line-height: 28px;
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--author a {
    color: var(--color-two);
    text-transform: uppercase;
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--comments a {
    color: var(--color-two);
    font-size: 12px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 30px;
    margin-right: 30px;
    border-width: 0px 1px 0px 0px;
    border-style: solid;
    border-color: var(--color-dark-four);
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--comments a i {
    font-size: 30px;
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--share {
    flex-shrink: 0;
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--share a {
    font-size: 30px;
    color: var(--color-white);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--date {
    display: inline-block;
    font-family: var(--font-family-base);
    font-size: 15px;
    font-style: normal;
    font-weight: var(--fw-semibold);
    line-height: 26px;
    letter-spacing: 0.42px;
    color: var(--color-white);
    background-color: var(--color-one);
    padding: 7px 32px 7px 14px;
    clip-path: polygon(90% 0%, 0% 0%, 0% 100%, 100% 100%);
    position: absolute;
    top: -20px;
    z-index: 1;
    left: 45px;
    transform: rotateZ(90deg);
    transform-origin: left;
}


.wptb-blog-grid2 .wptb-item--inner .wptb-item--icon {
    width: 70px;
    height: 70px;
    background-color: var(--color-white);
    line-height: 1;
    border: 5px solid var(--color-white);
    position: absolute;
    right: 33px;
    top: 0;
    transform: translate(0,calc(-50% - 5px));
    border-radius: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
	transition: var(--transition-base);
}

.swiper-slide-active .wptb-blog-grid2 .wptb-item--inner .wptb-item--icon,
.wptb-blog-grid2.active .wptb-item--inner .wptb-item--icon,
.wptb-blog-grid2:hover .wptb-item--inner .wptb-item--icon {
	background-color: var(--color-one);
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--icon i {
	font-size: 35px;
    color: var(--color-white);
    line-height: 1;
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--icon svg {
    position: absolute;
    fill: var(--color-white);
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--icon svg:first-child {
    left: -13px;
    top: 26px;
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--icon svg:last-child {
    right: -13px;
    top: 26px;
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--box {
	padding: 30px 30px;
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--category {
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-semibold);
    line-height: 15.96px; /* 114% */
    letter-spacing: 0.21px;
    text-transform: uppercase;
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--title {
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 30px;
}
.wptb-blog-grid2 .wptb-item--inner .wptb-item--title a {
	color: var(--color-white);
}

.swiper-slide-active .wptb-blog-grid2 .wptb-item--inner .wptb-item--title a,
.wptb-blog-grid2.active .wptb-item--inner .wptb-item--title a,
.wptb-blog-grid2 .wptb-item--inner .wptb-item--title a:hover {
	color: var(--color-one);
}

.wptb-blog-grid2 .wptb-item--inner .wptb-item--description {
    line-height: 24px;
    margin-bottom: 14px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    
}

.wptb-blog-grid2 .wptb-item--button .btn {
    font-size: 12px;
    font-style: normal;
    font-weight: var(--fw-normal);
    line-height: 22px;
    text-transform: uppercase;
	color: var(--color-dark-one-blue);
}

.swiper-slide-active .wptb-blog-grid2 .wptb-item--button .btn, 
.wptb-blog-grid2.active .wptb-item--button .btn,
.wptb-blog-grid2 .wptb-item--button .btn:hover {
    color: var(--color-one);
}

.wptb-blog-grid2 .wptb-item--button .text-first {
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}

.wptb-blog-grid2 .wptb-item--button .text-second {
    font-size: 15px;
	margin-left: 10px;
    z-index: 1;
    transform: translateX(-10px);
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}


.wptb-blog-grid2 .wptb-item--button .text-second:before {
    content: '';
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
    -webkit-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -khtml-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -moz-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -ms-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -o-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    box-shadow: 0 10px 20px rgba(137,151,186,.25);
    transform: scale(0);
}

@media screen and (max-width: 991px) {
    .wptb-blog-grid1 .wptb-item--inner .wptb-item--author {
        font-size: 14px;
        line-height: 24px;
    }
    .wptb-blog-grid1 .wptb-item--inner .wptb-item--comments a i {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .wptb-blog-grid1 .wptb-item--inner .wptb-item--meta {
        flex-wrap: wrap;
        padding: 10px 30px;
        gap: 10px;
    }
    .wptb-blog-grid1 .wptb-item--inner .wptb-item--comments a {
        padding-left: 0px;
        border-width: 0px;
    }
}

/* Packages 1 */
.wptb-packages1 {
    position: relative;
    margin-bottom: 30px;
}
.wptb-packages1 .wptb-item--inner {
    position: relative;
    height: 630px;
    overflow: hidden;
    padding: 75px 50px;
    border-radius: 10px;
}
.wptb-packages1 .wptb-item--inner::before{
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    z-index: -1;
    background: -webkit-linear-gradient(180deg, #141414 0%, #3E3A3A 100%);
    background: -moz-linear-gradient(180deg, #141414 0%, #3E3A3A 100%);
    background: linear-gradient(180deg, #141414 0%, #3E3A3A 100%);
	transition: var(--transition-base);
}
.wptb-packages1.active .wptb-item--inner::before,
.wptb-packages1:hover .wptb-item--inner::before {
    height: 100%;
}
.wptb-packages1 .wptb-item--inner::after {
    content: '';
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 1px;
    width: calc(100% - 2px);
    height: 0%;
    z-index: 0;
    border-radius: 10px;
    background: -webkit-linear-gradient(180deg, #151515 0%, #212121 100%);
    background: -moz-linear-gradient(180deg, #151515 0%, #212121 100%);
    background: linear-gradient(180deg, #151515 0%, #212121 100%);
	transition: var(--transition-base);
}
.wptb-packages1.active .wptb-item--inner:after,
.wptb-packages1:hover .wptb-item--inner:after {
    height: calc(100% - 2px);
}

.wptb-packages1 .wptb-item--tag {
    display: inline-block;
    font-family: 'estedad-light';
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 26px; /* 185.714% */
    text-transform: uppercase;
    color: var(--color-white-fixed);
    background-color: var(--color-one);
    padding: 7px 14px 7px 32px;
    clip-path: polygon(0% 0%, 10% 100%, 100% 100%, 100% 0%);
    position: absolute;
    top: -20px;
    z-index: 1;
    left: -45px;
    transform: rotateZ(-90deg);
    transform-origin: right;
}

.wptb-packages1 .wptb-item--holder {
    position: relative;
    z-index: 1;
    height: 100%;
}
.wptb-packages1 .wptb-item--inner .wptb-item--subtitle {
    color: var(--color-white);
    font-family: 'estedad-semibold';
    font-size: 20px;
    font-style: normal;
    font-weight: var(--fw-semibold);
    line-height: normal;
    text-transform: uppercase;
}

.wptb-packages1 .wptb-item--inner .wptb-item--title {
    color: var(--color-one);
    font-size: 55px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 50px; /* 125% */

    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 0px;
    font-family: 'estedad-verybold';

}

.wptb-packages1 .wptb-item--inner .wptb-item--title sub {
    color: var(--color-white);
    font-size: 18px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 28px;
    text-transform: lowercase;
    bottom: 0;
    font-family: 'estedad-verybold';

}

.wptb-packages1 .wptb-item--inner .wptb-item--description {
    color: var(--color-two);
    font-size: 14px;
    font-weight: var(--fw-light);
    line-height: 26px;
    margin-top: 15px;
    margin-bottom: 0px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.wptb-packages1 .wptb-item--inner .wptb-list1 {
    margin-top: 50px;
}
.wptb-packages1 .wptb-list1 .wptb--item + .wptb--item {
    margin-top: 10px;
}
.wptb-packages1 .wptb-item--inner .wptb-list1 .wptb--item .wptb-item--icon {
    margin-right: 3px;
}
.wptb-packages1 .wptb-item--inner .wptb-list1 .wptb--item .wptb-item--icon svg path {
    fill: var(--color-white);
    transition: var(--transition-base);
}
.wptb-packages1.active .wptb-item--inner .wptb-list1 .wptb--item .wptb-item--icon svg path,
.wptb-packages1:hover .wptb-item--inner .wptb-list1 .wptb--item .wptb-item--icon svg path {
    fill: var(--color-white);
}
.wptb-packages1 .wptb-list1 .wptb--item .wptb-item--text {
    font-size: 15px;
    font-weight: var(--fw-light);
    line-height: 28px;
    font-family: 'esredad-medium';

}

.wptb-packages1 .wptb-item--inner .wptb-item--button {
    position: absolute;
    bottom: 0;
    right: 0;
}
.wptb-packages1.active .wptb-item--inner .wptb-item--button .btn,
.wptb-packages1:hover .wptb-item--inner .wptb-item--button .btn {
    background-color: var(--color-one);
    color: var(--color-white);
}
.wptb-packages1.active .wptb-item--inner .wptb-item--button .btn::before, 
.wptb-packages1:hover .wptb-item--inner .wptb-item--button .btn::before, 
.wptb-packages1.active .wptb-item--inner .wptb-item--button .btn .btn-wrap::before, 
.wptb-packages1:hover .wptb-item--inner .wptb-item--button .btn .btn-wrap::before, 
.wptb-packages1.active .wptb-item--inner .wptb-item--button .btn::after, 
.wptb-packages1:hover .wptb-item--inner .wptb-item--button .btn::after, 
.wptb-packages1.active .wptb-item--inner .wptb-item--button .btn .btn-wrap::after,
.wptb-packages1:hover .wptb-item--inner .wptb-item--button .btn .btn-wrap::after {
    border-color: var(--color-one);
}


/* Packages 2 */
.wptb-packages2 {
    position: relative;
    margin-bottom: 80px;
}
.wptb-packages2 .wptb-item--inner {
    position: relative;
    overflow: hidden;
    padding: 0px;
    background: var(--gradient-two-180-alt);
    border-radius: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}
.wptb-packages2.active .wptb-item--inner:before,
.wptb-packages2:hover .wptb-item--inner:before {
    height: 100%;
}
.wptb-packages2 .wptb-item--image {
    flex-shrink: 0;
    padding: 0px 0px 0px 30px;
}
.wptb-packages2:nth-child(even) .wptb-item--image {
    padding: 0px 30px 0px 0px;
}
.wptb-packages2 .wptb-item--tag {
    display: inline-block;
    font-family: var(--font-family-base);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 26px; /* 185.714% */
    text-transform: uppercase;
    color: var(--color-white);
    background-color: var(--color-one);
    padding: 7px 14px 7px 32px;
    clip-path: polygon(0% 0%, 10% 100%, 100% 100%, 100% 0%);
    position: absolute;
    top: -20px;
    z-index: 1;
    right: 45px;
    transform: rotateZ(-90deg);
    transform-origin: right;
}

.wptb-packages2 .wptb-item--holder {
    position: relative;
    z-index: 1;
    padding: 90px 100px 100px 85px;
    margin-top: 0px !important;
}
.wptb-packages2:nth-child(even) .wptb-item--holder {
    padding: 90px 85px 100px 100px;
}
.wptb-packages2 .wptb-item--inner .wptb-item--subtitle {
    color: var(--color-white);
    font-size: 40px;
    font-style: normal;
    font-weight: var(--fw-semibold);
    line-height: normal;
    font-family: 'estedad-verybold';

}

.wptb-packages2 .wptb-item--inner .wptb-item--title {
    color: var(--color-white);
    font-size: 40px;
    font-style: normal;
    font-weight: var(--fw-semibold);
    line-height: 50px; /* 125% */
    letter-spacing: 0.3px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 0px;
    font-family: 'estedad-semibold';

}

.wptb-packages2 .wptb-item--inner .wptb-item--title sub {
    font-size: 18px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 28px;
    text-transform: lowercase;
    bottom: 0;
}

.wptb-packages2 .wptb-item--inner .wptb-item--description {
    color: #9d9d9d;
    font-size: 18px;
    font-weight: var(--fw-light);
    line-height: 28px;
    margin-top: 15px;
    margin-bottom: 0px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-family: 'esredad-medium';

}
.wptb-packages2 .wptb-item--inner .note {
    color: var(--color-white);
    margin-top: 20px;
    margin-bottom: 0px;
}
.wptb-packages2 .wptb-item--inner .wptb-list1 {
    margin-top: 50px;
}
.wptb-packages2 .wptb-list1 .wptb--item + .wptb--item {
    margin-top: 10px;
}
.wptb-packages2 .wptb-item--inner .wptb-list1 .wptb--item .wptb-item--icon {
    margin-right: 3px;
}
.wptb-packages2 .wptb-item--inner .wptb-list1 .wptb--item .wptb-item--icon svg path {
    transition: var(--transition-base);
}
.wptb-packages2 .wptb-item--inner .wptb-list1 .wptb--item .wptb-item--icon svg path,
.wptb-packages2 .wptb-item--inner .wptb-list1 .wptb--item .wptb-item--icon svg path {
    fill: var(--color-white);
}
.wptb-packages2 .wptb-list1 .wptb--item .wptb-item--text {
    font-size: 15px;
    font-weight: var(--fw-light);
    line-height: 28px;
    font-family: 'estedad-light';

}

.wptb-packages2 .wptb-item--inner .wptb-item--button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
    margin-top: 45px;
}
.wptb-packages2.active .wptb-item--inner .wptb-item--button .btn,
.wptb-packages2:hover .wptb-item--inner .wptb-item--button .btn {
    background-color: var(--color-one);
    color: var(--color-white-fixed);
}

@media screen and (max-width: 991px) {
    .wptb-packages2 .wptb-item--inner {
        flex-wrap: wrap;
        gap: 50px;
    }
    .wptb-packages2 .wptb-item--image,
    .wptb-packages2 .wptb-item--holder {
        width: 100%;
    }
    .wptb-packages2 .wptb-item--inner .wptb-item--description {
        margin-bottom: 20px;
    }
    .wptb-packages2 .wptb-item--inner .wptb-list1 {
        margin-top: 10px;
    }
}

/* Package Switcher */
.wptb-package-switcher {
    margin-bottom: 20px;
}
.wptb-package-switcher .toggle, .wptb-package-switcher .toggler {
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
}

.wptb-package-switcher .toggler {
    color: var(--color-white);
    transition: .2s;
    font-size: 16px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 20px;
    text-transform: uppercase;
}

.wptb-package-switcher .toggle {
    position: relative;
    width: 98px;
    height: 47px;
    border-radius: 100px;
    background-color: #222022;
    border: 1px solid var(--color-dark-seven);
    overflow: hidden;
}

.wptb-package-switcher .check {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 6;
}

.wptb-package-switcher .switch {
    position: absolute;
    left: 5px;
    top: 5px;
    bottom: 2px;
    right: 57.5%;
    width: 34px;
    height: 34px;
    background-color: var(--color-one);
    border-radius: 100%;
    z-index: 1;
    transition: var(--transition-base);
    display: block;
}

.wptb-package-switcher .check:checked ~ .switch {
    right: 5px;
    left: 57.5%;
    background-color: var(--color-white);
    transition: var(--transition-base);
}

/* .wptb-price-wrpper {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotateY(180deg);
    transform-origin: center;
    opacity: 0;
    visibility: hidden;
}
.wptb-price-wrpper.active {
    transform: rotateY(0deg);
    transform-origin: center;
    opacity: 1;
    visibility: visible;
} */


/* Testimonial */
.wptb-testimonial1 .wptb-item--inner {
	position: relative;
    padding: 50px 65px;
    width: 100%;
	background-color: var(--color-dark-four-fixed);
}
.wptb-testimonial1 .wptb-item--inner .wptb-item--image {
    position: relative;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    border: 4px solid rgba(var(--color-white-fixed-rgb), 0.25);
}
.wptb-testimonial1 .wptb-item--inner .wptb-item--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    transition: var(--transition-base);
}

.wptb-testimonial1 .wptb-item--inner .wptb-item--icon {
    font-size: 24px;
    color: var(--color-dark-seven-fixed);
    margin-top: -30px;
}
.wptb-testimonial1 .wptb-item--inner .wptb-item--icon svg path {
    fill: var(--color-dark-seven-fixed);
}

.wptb-testimonial1 .wptb-item--inner .wptb-item--holder {
    position: relative;
	transition: var(--transition-base);
}
.wptb-testimonial1 .wptb-item--inner .wptb-item--meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    border-top: 1px solid var(--color-dark-seven-fixed);
    margin-top: 30px;
    padding-top: 35px;
}
.wptb-testimonial1 .wptb-item--inner .wptb-item--meta-right {
    color: var(--color-white);
    text-align: center;
    
    font-size: 20px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 28px;
    padding: 5px 15px;
    border-radius: 6px;
    background-color: var(--color-one);
    flex-shrink: 0;
}

.wptb-testimonial1 .wptb-item--inner .wptb-item--title {
    color: var(--color-white-fixed);
	margin-bottom: 5px;
    font-size: 24px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 30px;
    font-family: 'estedad-semibold';

}
.wptb-testimonial1 .wptb-item--inner .wptb-item--designation {
    font-size: 20px;
    font-weight: var(--fw-light);
    line-height: 30px;
    margin-bottom: 0px;
    color: var(--color-two-fixed);
    font-family: 'esredad-medium';

}

.wptb-testimonial1 .wptb-item--inner .wptb-item--description {
    color: var(--color-two-fixed);
    font-size: 20px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 34px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-family: 'estedad-extralight';

}

.wptb-testimonial1 .wptb-item--inner .wptb-item--meta-rating {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-one);
    font-size: 18px;
}

/* highlight */
.testimonial-colored .wptb-testimonial1 .wptb-item--inner {
	background-color: var(--color-one);
}
.testimonial-colored .wptb-testimonial1 .wptb-item--inner .wptb-item--meta,
.testimonial-colored .wptb-testimonial1 .wptb-item--inner .wptb-item--image,
.testimonial-colored .wptb-swiper-navigation.style1 .wptb-swiper-arrow {
    border-color: var(--color-white-fixed);
    color: var(--color-white-fixed);
}
.testimonial-colored .wptb-swiper-navigation.style1 .wptb-swiper-arrow::before {
    border-color: var(--color-white-fixed);
}
.testimonial-colored .wptb-swiper-navigation.style1 .wptb-swiper-arrow:hover::before {
    background-color: rgba(var(--color-white-fixed-rgb), 0.3);
}
.testimonial-colored .wptb-testimonial1 .wptb-item--inner .wptb-item--meta-rating,
.testimonial-colored .wptb-testimonial1 .wptb-item--inner .wptb-item--description,
.testimonial-colored .wptb-testimonial1 .wptb-item--inner .wptb-item--title {
    color: var(--color-white-fixed);
}
.testimonial-colored .wptb-testimonial1 .wptb-item--inner .wptb-item--designation {
    color: var(--color-two-fixed);
}
.testimonial-colored .wptb-testimonial1 .wptb-item--inner .wptb-item--icon svg path {
    fill: var(--color-white-fixed);
}


@media screen and (max-width: 1199px) {
}

@media screen and (max-width: 991px) {
}

@media screen and (max-width: 600px) {
}

/* Testimonial Two */
.wptb-testimonial2 .wptb-item--inner {
	position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 30px;
}

.wptb-testimonial2 .wptb-item--image img {
    max-width: 500px;
}

.wptb-testimonial2 .wptb-item--inner .wptb-item--icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    font-size: 25px;
    font-weight: var(--fw-semibold);
    
}

.wptb-testimonial2 .wptb-item--inner .wptb-item--holder {
    background: var(--color-one);
    width: 490px;
    padding: 70px;
    transition: var(--transition-base);
    z-index: 1;
}

.wptb-testimonial2 .wptb-item--inner .wptb-item--designation {
	font-family: var(--font-family-base);
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 0px;
    color: var(--color-white);
}
.wptb-testimonial2 .wptb-item--inner .wptb-item--title {
    color: var(--color-white);
	margin-bottom: 5px;
}

.wptb-testimonial2 .wptb-item--inner .wptb-item--description {
    font-size: 17px;
    font-weight: var(--fw-light);
    font-style: italic;
    line-height: 27px;
    color: var(--color-white);
    margin-bottom: 14px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    
}
.wptb-testimonial2 .wptb-item--inner .wptb-item--meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}
.wptb-testimonial2 .wptb-item--inner .wptb-item--meta-right {
    color: var(--color-white);
    text-align: center;
    
    font-size: 20px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 28px;
    padding: 5px 15px;
    border-radius: 6px;
    background-color: var(--color-one);
    flex-shrink: 0;
}
.wptb-item--button.wptb-video-btn--two {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: absolute;
    z-index: 99;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.wptb-item--button.wptb-video-btn--two a {
    min-width: 87px;
    width: 87px;
    height: 87px;
    background-color: initial;
    color: var(--color-one);
    border-radius: 100%;
    font-size: 15px;
    border: none;
}
.wptb-item--button.wptb-video-btn--two a .text-second {
    display: inline-flex;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute;
    font-size: 36px;
}
.wptb-item--button.wptb-video-btn--two a:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    border-radius: 100%;
}

.wptb-item--button.wptb-video-btn--two a:after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--color-light-rgb),.3);
    border-radius: 50%;
    animation: wptb_pulse_border 1500ms ease-out infinite;
    -webkit-animation: wptb_pulse_border 1500ms ease-out infinite;
    z-index: -2;
    border-radius: inherit;
}

/* Horizontal Progressbar */
.wptb-progressbar .progress {
    overflow: visible;
    border-radius: 0px;
    background-color: rgba(var(--color-white-rgb), 0.15);
}
.wptb-progressbar .progress-bar {
    position: relative;
    overflow: visible;
    border-radius: 0px;
    background: var(--gradient-three);
}
.wptb-progressbar .wptb-progress--label {
    font-family: 'estedad-semibold';
    font-size: 20px;
    line-height: 38px;
    font-weight: var(--fw-semibold);
    color: var(--color-white);
    margin-bottom: 10px;
}
.wptb-progressbar .wptb-progress--value {
    font-family: 'vazir-number';
    font-size: 16px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 30px; /* 150% */
    letter-spacing: 0px;
    color: var(--color-white);
    position: absolute;
    bottom: 100%;
    left: 0;
}

.wptb-progressbar.style2 .wptb-progress--value {
    
    font-size: 36px;
    font-style: normal;
    font-weight: var(--fw-semibold);
    line-height: 32px;
    letter-spacing: -0.36px;
    color: var(--color-two);
    position: relative;
    left: auto;
    bottom: auto;
}

/* Radial Progress */
.wptb-radial-progress {
    margin-bottom: 30px;
}
.wptb-radial-progress .wptb-item--inner {
	position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
    overflow: hidden;
}

.wptb-radial-progress .wptb-item--image {
    overflow: hidden;
    flex-shrink: 0;
}

svg.radial-progress {
    height:auto;
    max-width: 145px;
    padding:0;
    transform:rotate(-90deg);
    width:100%;
    background: transparent;
    border-radius: 50%;
}
.wptb-radial-progress .wptb-item--inner svg.radial-progress circle {
    fill: transparent;
    stroke: var(--color-muted);
    stroke-width: 4px;
}
.wptb-radial-progress .wptb-item--inner svg.radial-progress circle.bar--animated {
    stroke-dasharray: 219.91148575129;
    stroke: var(--color-one);
    stroke-dashoffset: 219.91148575129;
    stroke-width: 4px;
    stroke-linecap: round;
}
.wptb-radial-progress .wptb-item--inner svg.radial-progress text {
    fill: var(--color-white);
    text-anchor: middle;
    
    font-size: 24px;
    font-weight: var(--fw-medium);
    line-height: 36px;
    letter-spacing: -0.24px;
}

.wptb-radial-progress .wptb-item--inner .wptb-item--holder {
    position: relative;
	transition: var(--transition-base);
}

.wptb-radial-progress .wptb-item--inner .wptb-item--title {
    font-size: 24px;
    font-weight: var(--fw-medium);
    line-height: 36px;
	margin-bottom: 15px;
    color: var(--color-white);
}

.wptb-radial-progress .wptb-item--inner .wptb-item--description {
    line-height: 24px;
    margin-bottom: 14px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    
}


/* Background Video */
.wptb-video-player1 {
    position: relative;
    height: 100%;
    min-height: 670px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.wptb-video-player1 .wptb-item--image img {
    width: 100%;
    min-height: 400px;
    height: 836px;
    object-fit: cover;
}
.wptb-video-player1 .wptb-item--inner .wptb-item--icon {
    width: 70px;
    height: 70px;
    background-color: var(--color-white);
    line-height: 1;
    border: 5px solid var(--color-white);
    position: absolute;
    right: 33px;
    top: 0;
    transform: translate(0,calc(-50% - 5px));
    border-radius: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
	transition: var(--transition-base);
}

.swiper-slide-active .wptb-video-player1 .wptb-item--inner .wptb-item--icon,
.wptb-video-player1.active .wptb-item--inner .wptb-item--icon,
.wptb-video-player1:hover .wptb-item--inner .wptb-item--icon {
	background-color: var(--color-one);
}

.wptb-video-player1 .wptb-item--inner .wptb-item--description {
    line-height: 24px;
    margin-bottom: 14px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    
}

.wptb-item--video-button {
    position: absolute;
    z-index: 1;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.wptb-item--video-button .btn {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    width: 160px;
    min-width: 160px;
    height: 160px;
    color: var(--color-white-fixed);
    background: var(--color-one);
    border-radius: 100%;
    padding: 0px;
    font-size: 20px;
    text-transform: capitalize;
    background-size: 200% auto;
    overflow: visible;
}


.wptb-item--video-button .btn .text-second {
    font-size: 42px;
    display: inline-flex;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute;
}
.wptb-item--video-button .btn .line-video-animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(var(--color-one-rgb), 0.3);
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    animation: wptb_squares 3.9s linear 0s infinite;
    -webkit-animation: wptb_squares 3.9s linear 0s infinite;
    -ms-animation: wptb_squares 3.9s linear 0s infinite;
    -o-animation: wptb_squares 3.9s linear 0s infinite;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

.wptb-item--video-button .btn .line-video-animation.line-video-2 {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.wptb-item--video-button .btn .line-video-animation.line-video-3 {
    -webkit-animation-delay: 2.6s;
    -moz-animation-delay: 2.6s;
    -o-animation-delay: 2.6s;
    animation-delay: 2.6s;
}

/* Light Button */
.wptb-item--video-button .btn.light-btn {
    background-color: rgba(var(--color-white-rgb), 0.4);
}
.wptb-item--video-button .btn.light-btn .line-video-animation {
    border: 1px solid rgba(var(--color-white-rgb), 0.4);
}

/* Type 2 */
.wptb-video-player1.type2 {
    height: 700px;
}


/* Tabs */
.wptb-tab {
    position: relative;
    z-index: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.wptb-tab .wptb-item--inner {
	position: relative;
    display: flex;
    justify-content: flex-end;
    gap: 90px;
}

.wptb-tab .wptb-item--inner .wptb-item--left {
    width: 535px;
}

.wptb-tab .wptb-item--inner .wptb-item--right {
    width: 420px;
}

.wptb-tab .wptb-item--inner .tab-pane {
    background-color: var(--color-white);
    padding: 70px 80px;
    box-shadow: 0px 0px 50px 0px rgba(149, 154, 181, 0.15);
}

.wptb-tab .wptb-item--inner .wptb-item--holder {
    position: relative;
    padding: 0px 0px;
    width: 100%;
    list-style-type: none;
}
.wptb-tab .wptb-item--title .wptb-item--link {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    background-color: transparent;
    
    
    font-size: 30px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 1.2;
    transition: var(--transition-base);
}
.wptb-tab .wptb-item--title .wptb-item--link.active {
    color: var(--color-one);
}

.wptb-tab .wptb-item--title .wptb-item--link i {
    font-size: 17px;
    font-weight: var(--fw-normal);
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-one);
    border: 1px solid var(--color-one);
    border-radius: 4px;
    margin-right: 27px;
    transition: var(--transition-base);
}
.wptb-tab .wptb-item--title .wptb-item--link.active i {
    background: var(--color-one);
    color: var(--color-white);
    border-color: transparent;
}

.wptb-tab .wptb-item--title + .wptb-item--title {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid var(--color-light);
}



/* Team Grid 1*/
.wptb-team-grid1 {
    margin-bottom: 90px;
}
.wptb-team-grid1 .wptb-item--inner {
    position: relative;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}

.wptb-team-grid1 .wptb-item--inner .wptb-item--image {
    position: relative;
}
.wptb-team-grid1 .wptb-item--inner .wptb-item--image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0%;
    background: var(--gradient-one-180);
    opacity: 0.6;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}

.wptb-team-grid1 .wptb-item--inner:hover .wptb-item--image::after {
    height: 100%;
}

.wptb-team-grid1 .wptb-item--inner img {
    width: 100%;
}

.wptb-team-grid1 .wptb-item--inner .wptb-item--holder {
    z-index: 1;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}
.wptb-team-grid1 .wptb-item--inner .wptb-item--social {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}

.wptb-team-grid1 .wptb-item--inner .wptb-item--social a {
    font-size: 13px;
    line-height: 15px;
    width: 70px;
    height: 27px;
    font-family: 'estedad-light';

    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    background-color: transparent;
    border: 1px solid var(--color-white);
    border-radius: 100%;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}

.wptb-team-grid1 .wptb-item--inner:hover .wptb-item--social a {
    transform: translateY(0px);
    opacity: 1;
    color: var(--color-white-fixed);
    background-color: var(--color-one);
    border-color: var(--color-one);
}
.wptb-team-grid1 .wptb-item--inner:hover .wptb-item--social a:nth-child(2) {
    transition-delay: 0.1s;
}
.wptb-team-grid1 .wptb-item--inner:hover .wptb-item--social a:nth-child(3) {
    transition-delay: 0.18s;
}
.wptb-team-grid1 .wptb-item--inner:hover .wptb-item--social a:nth-child(4) {
    transition-delay: 0.26s;
}

.wptb-team-grid1 .wptb-item--inner .wptb-item--meta {
    position: relative;
    background-color: transparent;
    padding: 20px 0px 0px 0px;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}

.wptb-team-grid1 .wptb-item--inner .wptb-item--meta .wptb-item--title {
    font-family: 'estedad-lightbold';
    font-size: 30px;
    font-weight: var(--fw-medium);
    line-height: 40px;
    margin-bottom: 5px;
    color: var(--color-white);
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}

.wptb-team-grid1 .wptb-item--inner .wptb-item--meta .wptb-item--position {
    font-size: 20px;
    line-height: 30px;
    color: var(--color-white);
    margin-bottom: 0px;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
    font-family: 'esredad-medium';

}

@media screen and (max-width: 991px) {
    .wptb-team-grid1 .wptb-item--inner .wptb-item--meta .wptb-item--title {
        font-size: 20px;
        line-height: 1.2em;
    }
    .wptb-team-grid1 .wptb-item--inner .wptb-item--meta .wptb-item--position {
        font-size: 16px;
        line-height: 1.2em;
    }
}

/* Team Grid 2*/
.wptb-team-grid2 {
    margin-bottom: 90px;
}
.wptb-team-grid2 .wptb-item--inner {
    position: relative;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}

.wptb-team-grid2 .wptb-item--image {
    position: relative;
    overflow: hidden;
}

.wptb-team-grid2 .wptb-item--inner img {
    width: 100%;
}

.wptb-team-grid2 .wptb-item--inner .wptb-item--holder {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}

.wptb-team-grid2 .wptb-item--inner .wptb-item--social {
    display: inline-block;
    font-family: var(--font-family-base);
    font-size: 15px;
    font-style: normal;
    font-weight: var(--fw-semibold);
    line-height: 26px;
    letter-spacing: 0.42px;
    color: var(--color-white);
    background-color: var(--color-one);
    padding: 7px 14px 7px 32px;
    clip-path: polygon(0% 0%, 10% 100%, 100% 100%, 100% 0%);
    position: absolute;
    top: -100%;
    z-index: 1;
    right: 45px;
    transform: rotateZ(-90deg);
    transform-origin: top right;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0px;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}

.wptb-team-grid2 .wptb-item--inner:hover .wptb-item--social {
    top: 0%;
}

.wptb-team-grid2 .wptb-item--inner .wptb-item--social a {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: var(--color-white);
    border-radius: 100%;
    transform: rotate(90deg);
}

.wptb-team-grid2 .wptb-item--inner .wptb-item--social a:hover {
    background-color: var(--color-one);
    color: var(--color-white);
}

.wptb-team-grid2 .wptb-item--inner .wptb-item--meta {
    background: rgba(var(--color-black-rgb), 0.40);
    backdrop-filter: blur(10px);
    position: relative;
    padding: 15px 30px;
    width: calc(100% - 34px);
    margin-left: 34px;
    transform: scale(0);
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}
.wptb-team-grid2 .wptb-item--inner:hover .wptb-item--meta {
    transform: scale(1);
}
.wptb-team-grid2 .wptb-item--inner .wptb-item--meta .wptb-item--title {
    color: var(--color-white);
    font-size: 24px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 36px; /* 150% */
    letter-spacing: -0.24px;
    margin-bottom: 0px;
}

.wptb-team-grid2 .wptb-item--inner .wptb-item--meta .wptb-item--title a {
    color: var(--color-white);
}
.wptb-team-grid2 .wptb-item--inner .wptb-item--meta .wptb-item--title a:hover {
    color: var(--color-one);
}

.wptb-team-grid2 .wptb-item--inner .wptb-item--meta .wptb-item--position {
    color: var(--color-white);
    font-size: 12px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 14px; /* 116.667% */
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.wptb-team-grid2 .wptb-item--inner .wptb-item--meta::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    width: 4px;
    height: 0%;
    background-color: var(--color-one);
	transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
}
.wptb-team-grid2 .wptb-item--inner:hover .wptb-item--meta::before {
    height: 100%;
}

/* Team Grid 3*/
.wptb-team-grid3 .wptb-item--inner {
    position: relative;
    margin-bottom: 30px;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}

.wptb-team-grid3 .wptb-item--inner .wptb-item--holder {
    margin-top: 25px;
    z-index: 1;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}

.wptb-team-grid3 .wptb-item--inner .wptb-item--social {
    display: flex;
    align-items: center;
    gap: 12px;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}

.wptb-team-grid3 .wptb-item--inner .wptb-item--social a {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background-color: var(--color-dark-seven-fixed);
    color: var(--color-white-fixed);
    border-radius: 100%;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}
.wptb-team-grid3 .wptb-item--inner .wptb-item--social a:hover {
    background-color: var(--color-one);
    transform: translateY(-3px);
}

.wptb-team-grid3 .wptb-item--inner:hover .wptb-item--social a:nth-child(2) {
    transition-delay: 0.1s;
}
.wptb-team-grid3 .wptb-item--inner:hover .wptb-item--social a:nth-child(3) {
    transition-delay: 0.18s;
}
.wptb-team-grid3 .wptb-item--inner:hover .wptb-item--social a:nth-child(4) {
    transition-delay: 0.26s;
}

.wptb-team-grid3 .wptb-item--inner .wptb-item--meta {
    position: relative;
    background-color: transparent;
    margin-bottom: 35px;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}
.wptb-team-grid3 .wptb-item--inner .wptb-item--meta .wptb-item--title {
    font-size: 40px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 50px;
    margin-bottom: 10px;
    font-family: 'estedad-semibold';

	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
}

.wptb-team-grid3 .wptb-item--inner .wptb-item--meta .wptb-item--position {
    font-size: 18px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 0px;
	transition: var(--transition-base);
	-webkit-transition: var(--transition-base);
	-ms-transition: var(--transition-base);
	-o-transition: var(--transition-base);
    font-family: 'esredad-medium';

}

.wptb-team-grid3 .wptb-item--inner .wptb-item--meta .wptb-item--description {
    color: var(--color-two);
    font-size: 18px;
    font-style: normal;
    font-weight: var(--fw-normal);
    line-height: 28px;
    margin-top: 15px;
}

/* Team Contact Information */
.wptb-team-ci-wrap {
    margin-top: 80px;
}
.wptb-team-ci-wrap .team-ci--title {
    font-size: 48px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 56px; /* 116.667% */
    letter-spacing: -0.48px;
    
    color: var(--color-one);
}
.wptb-team-ci-wrap .team-ci--desc {
    font-size: 20px;
    font-style: normal;
    font-weight: var(--fw-normal);
    line-height: 28px;
    color: var(--color-white);
}
.wptb-team-ci-wrap a {
    
}
.wptb-team-ci-wrap a:hover {
    color: var(--color-one);
}


/* Clients/ Partner Logo */
.wptb-partner--image1 {
    text-align: center;
}
.wptb-partner--image1 img {
    width: auto;
    max-height: 110px;
    filter: brightness(0.6);
    transition: var(--transition-base);
}
.wptb-partner--image1 img:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    filter: brightness(0);
    -webkit-transform: translate(-50%,-150%);
    -khtml-transform: translate(-50%,-150%);
    -moz-transform: translate(-50%,-150%);
    -ms-transform: translate(-50%,-150%);
    -o-transform: translate(-50%,-150%);
    transform: translate(-50%,-150%);
}
.wptb-partner--image1:hover img:nth-child(1) {
    filter: brightness(1);
    /* -webkit-transform: translateY(100%);
    -khtml-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); */
}
/* .wptb-partner--image1:hover img:nth-child(2) {
    opacity: 1;
    filter: brightness(1);
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
} */

/* Clients/ Partner Logo - two */
.wptb-partner--image2 {
    text-align: center;
    border: 1px solid var(--color-dark-seven);
    padding: 45px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -1px;
}

/* Newsletter */
.wptb-newsletter {
    position: relative;
    z-index: 1;
}
.wptb-newsletter .wptb-item--inner {
    position: relative;
    padding: 100px 0px;
    overflow: hidden;
}
.wptb-newsletter .wptb-item--inner .wptb-item--title {
    color: var(--color-white);
}


.newsletter-form {
    position: relative;
}
.newsletter-form .form-control {
    height: 49px;
    font-size: 15px;
}


/* Career Grid */
.wptb-career-grid .wptb-item--inner {
    position: relative;
    border: 1px solid var(--color-light);
    overflow: hidden;
    border-radius: 15px;
    background-color: var(--color-white);
    margin-bottom: 30px;
}
.wptb-career-grid .wptb-item--inner .wptb-item--holder {
    padding: 40px 46px;
    min-height: 285px;
}
.wptb-career-grid .wptb-item--inner .wptb-item--holder .wptb-item--date {
    font-size: 16px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 1.5;
}
.wptb-career-grid .wptb-item--inner .wptb-item--holder .wptb-item--title {
    font-size: 24px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 1.41;
    letter-spacing: -.48px;
    
}
.wptb-career-grid .wptb-item--inner .wptb-item--holder .wptb-button-link {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-normal);
    line-height: 1.57;
    background-color: #ffeeef;
    color: var(--color-one);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 50px;
    transition: var(--transition-base);
}

.wptb-career-grid .wptb-item--inner .wptb-item--holder .wptb-button-link:hover {
    background-color: var(--color-one);
    color: var(--color-white);
}


/* Marquee */
.wptb-marquee {
    position: relative;
    padding-bottom: 130px;
}
.wptb-marquee .dark {
    background-color: var(--color-dark-one);
}
.wptb-text-marquee1.wptb-slide-to-left, 
.wptb-text-marquee1.wptb-slide-to-right {
    overflow: hidden;
    box-sizing: border-box;
}
.wptb-text-marquee1.wptb-slide-to-right {
    transform: rotate(-10deg);
    width: calc(100% + 50px);
    margin-left: -25px;
}

.wptb-text-marquee1 .wptb-item--container {
    position: relative;
    white-space: nowrap;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 300px;
}
.wptb-text-marquee1 .wptb-item--container::before {
    top: 6px;
}
.wptb-text-marquee1 .wptb-item--container::after {
    bottom: 6px;
}
.wptb-text-marquee1.wptb-slide-to-left .wptb-item--inner, 
.wptb-text-marquee1.wptb-slide-to-right .wptb-item--inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 90px;
}
.wptb-text-marquee1 .wptb-item--inner {
    -webkit-animation: wptb_right_left 60s linear infinite;
    animation: wptb_right_left 60s linear infinite;
}

.wptb-text-marquee1.wptb-slide-to-right .wptb-item--inner {
    -webkit-animation: wptb_left_right 60s linear infinite;
    animation: wptb_left_right 60s linear infinite;
}
.wptb-text-marquee1 .wptb-item--text {
    margin-bottom: 0;
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: var(--color-white);
    text-align: center;
    font-size: 122px;
    font-style: normal;
    font-weight: var(--fw-semibold);
    line-height: 150px;
    text-transform: uppercase;
        font-family: 'estedad-verybold';

}

.wptb-text-marquee1.wptb-slide-to-left .wptb-item--text img {
    width: 60px;
    height: 60px;
    margin: 0px 45px;
    animation: wptb_spin_rv 60s linear infinite;
    -webkit-animation: wptb_spin_rv 60s linear infinite;
}

.wptb-text-marquee1.wptb-slide-to-right .wptb-item--text img {
    margin: 4px 29px;
    animation: wptb_spin 60s linear infinite;
    -webkit-animation: wptb_spin 60s linear infinite;
}


.text-outline {    
    font-family: var(--font-family-three);
    -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--color-white);
  -webkit-text-fill-color: transparent;
}

/* Office Address */
.wptb-office + .wptb-office {
    margin-top: 40px;
}
.wptb-office .wptb-item--inner .wptb-item--subtitle {
    color: var(--color-two);
    font-size: 13px;
    font-style: normal;
    font-weight: var(--fw-light);
    line-height: 15px;
    text-transform: uppercase;
    font-family: 'estedad-lightbold';

}

.wptb-office .wptb-item--inner .wptb-item--title {
    color: var(--color-white);
    font-size: 24px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 30px;
    word-break: break-all;
    margin-top: 10px;
}

.wptb-office .wptb-item--inner .wptb-item--title a {
    color: var(--color-white);
}
.wptb-office .wptb-item--inner .wptb-item--title a:hover {
    color: var(--color-one);
}


/* Awwards List */
.wptb-award-list {
    counter-reset: item;
    margin-left: 0;
    margin-bottom: 55px;
    padding-left: 0;
}

.wptb-award-list .wptb-item {
    position: relative;
    display: block;
    font-size: 30px;
    font-weight: var(--fw-medium);
    line-height: 40px;
    padding: 70px 0px;
    transition: var(--transition-base);
}
.wptb-award-list .wptb-item + .wptb-item {
    border-top: 1px solid rgba(var(--color-dark-seven-rgb), 0.5);
}
.wptb-award-list .wptb-item .wptb-item--inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wptb-award-list .wptb-item::before {
    display: inline-block;
    content: "0" counter(item);
    counter-increment: item;
    font-size: 30px;
    font-weight: var(--fw-medium);
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 40px;
    transition: var(--transition-base);
}

.wptb-award-list .wptb-item .wptb-item--holder a {
    position: relative;
    display: block;
    color: var(--color-two);
    padding-right: calc(1.90625rem + 6.75vw);
    transition: var(--transition-base);
}

.wptb-award-list .wptb-item.active .wptb-item--holder a,
.wptb-award-list .wptb-item:hover .wptb-item--holder a {
    color: var(--color-white);
    padding-left: calc(2.0625rem + 8.35714vw);
}

.wptb-award-list .wptb-item .wptb-item--holder a::before {
    display: inline-block;
    content: "";
    position: absolute;
    right: calc(1.4375rem + 1.92857vw);
    top: 50%;
    width: calc(1.6875rem + 4.5vw);
    height: 2px;
    background-color: var(--color-dark-seven);
    transform: rotate(-45deg);
    transform-origin: left center;
    transition: var(--transition-base);
}

.wptb-award-list .wptb-item.active .wptb-item--holder a::before,
.wptb-award-list .wptb-item:hover .wptb-item--holder a::before {
    width: 0px;
}

.wptb-award-list .wptb-item .wptb-item--holder a::after {
    display: inline-block;
    content: "";
    position: absolute;
    right: 50px;
    top: 50%;
    width: 0px;
    height: 2px;
    background-color: var(--color-one);
    transform: rotate(0deg);
    transform-origin: left center;
    transition: var(--transition-base);
}

.wptb-award-list .wptb-item.active .wptb-item--holder a::after,
.wptb-award-list .wptb-item:hover .wptb-item--holder a::after {
    width: calc(1.6875rem + 4.5vw);
}

.wptb-award-list .wptb-item .wptb-item--image {
    position: absolute;
    left: 0;
    bottom: 60px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition-base);
    max-width: 300px;
    transform: translateY(20px);
}


.wptb-award-list .wptb-item.active .wptb-item--image,
.wptb-award-list .wptb-item:hover .wptb-item--image {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.wptb-award-list .wptb-item .wptb-item--button {
    position: absolute;
    bottom: -40px;
    left: -70px;
}
.wptb-award-list .wptb-item .wptb-item--button .btn {
    width: 110px;
    height: 110px;
    min-width: auto;
    padding: 0;
    border-radius: 100%;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    transform: scale(0.5);
    transition: var(--transition-base);
    font-family: 'estedad-extralight';

}
.wptb-award-list .wptb-item.active .wptb-item--button .btn,
.wptb-award-list .wptb-item:hover .wptb-item--button .btn {
    transform: scale(1);
}


/* Features */
.wptb-features {
    position: relative;
    margin-left: 0;
    margin-bottom: 55px;
    padding-right: 0;
}

.wptb-features .wptb-item {
    display: block;
    transition: var(--transition-base);
}

.wptb-features .wptb-item .wptb-item--inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wptb-features .wptb-item .wptb-item--features-holder {
    width: 40%;
    display: flex;
    align-items: center;
    gap: 40px;
    font-size: 24px;
    font-weight: var(--fw-medium);
    line-height: 36px;
    color: var(--color-white);
    padding: 24px 0px;
    transition: var(--transition-base);
}
.wptb-features .wptb-item + .wptb-item .wptb-item--features-holder {
    border-top: 1px solid rgba(var(--color-dark-seven-rgb), 0.5);
}
.wptb-features .wptb-item .wptb-item--features-holder::before {
    display: inline-block;
    font-family: "bootstrap-icons";
    content: ' \f13f';
    transition: var(--transition-base);
}
.wptb-features .wptb-item.active .wptb-item--features-holder::before,
.wptb-features .wptb-item:hover .wptb-item--features-holder::before {
    color: var(--color-one);
    transform: rotate(-45deg);
}

.wptb-features .wptb-item.active .wptb-item--features-holder a,
.wptb-features .wptb-item:hover .wptb-item--features-holder a {
    color: var(--color-one);
    padding-left: 5px;
}

.wptb-features .wptb-item .wptb-item--image {
    max-width: 950px;
    position: absolute;
    left: -25%;
    bottom: -60px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition-base);
}

.wptb-features .wptb-item.active .wptb-item--image,
.wptb-features .wptb-item:hover .wptb-item--image {
    opacity: 1;
    visibility: visible;
}

.wptb-features .wptb-item .wptb-item--features-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 25%;
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.wptb-features .wptb-item .wptb-item--content {
    max-width: 400px;
    background-color: var(--color-dark-one);
    padding: 70px;
    transform: rotateY(90deg);
    transform-origin: bottom;
    transition: var(--transition-base);
}
.wptb-features .wptb-item.active .wptb-item--content,
.wptb-features .wptb-item:hover .wptb-item--content {
    transform: rotateY(0deg);
}
.wptb-features .wptb-item .wptb-item--content .logo {
    margin-bottom: 30px;
}

.wptb-features .wptb-item .wptb-item--content .wptb-item--description {
    font-size: 15px;
    font-weight: var(--fw-light);
    line-height: 28px;
    color: var(--color-two);
    margin-bottom: 30px;
    font-family: 'estedad-light';

}

.wptb-features .wptb-item .wptb-item--button .btn {
    font-size: 14px;
    font-weight: var(--fw-medium);
    background-color: transparent;
    /* color: var(--color-white); */
    width: auto;
    height: auto;
    min-width: auto;
    padding: 0;
    font-family: 'estedad-semibold';

}
.wptb-features .wptb-item .wptb-item--button .btn:not(:hover) {
    color: var(--color-white);
}

.wptb-features .wptb-counter--box {
    position: relative;
    display: flex;
    align-items: end;
    gap: 20px;
}
.wptb-features .wptb-counter--box .wptb-counter2 {
    min-width: 140px;
    text-align: center;
}
.wptb-features .wptb-counter--box .wptb-counter2 .wptb-item--inner {
    justify-content: center;
}
.wptb-features .wptb-counter--box .wptb-counter2 + .wptb-counter2 {
    background-color: var(--color-one);
    color: var(--color-white-fixed);
}

@media screen and (max-width: 1199px) {
    .wptb-features .wptb-item .wptb-item--features-holder {
        width: 100%;
    }
    .wptb-features .wptb-item .wptb-item--image {
        left: 0;
        right: 0;
        z-index: -1;
        top: 0;
    }
    .wptb-features .wptb-item .wptb-item--image img {
        min-height: 400px;
        object-fit: cover;
    }
    .wptb-features .wptb-item .wptb-item--features-bottom {
        left: 0;
        opacity: 1;
    }
    /* Description/button block still causes overlapping text with the
       other items' titles at this width (no room for it) — hide it and
       show only the compact counter badges instead. */
    .wptb-features .wptb-item .wptb-item--content {
        display: none;
    }
    .wptb-features .wptb-item .wptb-counter--box {
        display: none;
    }
    .wptb-features .wptb-item.active .wptb-counter--box {
        display: flex;
        position: absolute;
        left: 12px;
        bottom: 16px;
        z-index: 2;
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
    }
    .wptb-features .wptb-item.active .wptb-item--image::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        top: 40%;
        width: 60%;
        background: linear-gradient(to right, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0));
        z-index: 1;
        pointer-events: none;
    }
    .wptb-features .wptb-counter--box .wptb-counter2 {
        min-width: 0;
        width: 110px;
        padding: 8px 12px;
    }
    .wptb-features .wptb-counter--box .wptb-item--icon {
        width: 34px;
        height: 34px;
    }
    .wptb-features .wptb-counter--box .wptb-item--value {
        font-size: 22px;
        line-height: 1.2;
    }
    .wptb-features .wptb-counter--box .wptb-item--text {
        font-size: 11px;
        line-height: 1.3;
    }
}

/* --------------------------------------------------------------------
   "Why Choose Us" — phone layout (≤767.9px).
   The tablet rules above stack one full-bleed image behind the whole
   list (fine at 768-1199px where there's vertical room); on phones that
   made the active image stretch tall behind all four titles at once,
   reading as a cropped portrait rather than a hero banner. Here each
   item becomes its own self-contained card: the image is confined to
   its own item (position:relative on .wptb-item) and collapses via
   max-height when inactive, so only the active item shows a wide
   landscape banner with its title/stats/nav arrows overlaid on top of
   it — the same "content over image" idea as desktop, just stacked.
   -------------------------------------------------------------------- */
@media screen and (max-width: 767.9px) {
    .wptb-why-choose .wptb-heading .wptb-item--title {
        font-size: 32px !important;
        line-height: 1.25;
    }

    .wptb-features {
        margin-bottom: 20px;
    }

    .wptb-features .wptb-item {
        position: relative;
    }
    /* Base rule makes .wptb-item--inner a row flexbox (title beside
       image); here title and image need to stack, so switch to block. */
    .wptb-features .wptb-item .wptb-item--inner {
        display: block;
    }
    /* The divider line reads as a list separator between collapsed rows,
       but would look wrong once a title becomes a floating overlay. */
    .wptb-features .wptb-item.active + .wptb-item .wptb-item--features-holder,
    .wptb-features .wptb-item.active .wptb-item--features-holder {
        border-top: none;
    }

    /* Compact, clean row for the items that aren't currently open. */
    .wptb-features .wptb-item:not(.active) .wptb-item--features-holder {
        padding: 14px 2px;
        font-size: 16px;
        line-height: 1.4;
        gap: 10px;
    }

    /* Image: confined to its own item, collapses closed/open instead of
       being absolutely stacked behind the entire list. */
    .wptb-features .wptb-item .wptb-item--image {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        max-width: none;
        z-index: auto;
        opacity: 1;
        visibility: visible;
        max-height: 0;
        overflow: hidden;
        border-radius: 20px;
        margin: 0;
        transition: max-height .45s cubic-bezier(.16, 1, .3, 1), margin .45s ease;
    }
    .wptb-features .wptb-item.active .wptb-item--image {
        max-height: 420px;
        margin: 6px 0 16px;
    }
    .wptb-features .wptb-item .wptb-item--image img {
        width: 100%;
        aspect-ratio: 16 / 10;
        min-height: 0;
        object-fit: cover;
        object-position: center;
        border-radius: 20px;
        display: block;
    }

    /* Legibility gradients: soft dark fade at the top for the title,
       and at the bottom for the stat cards. Replaces the tablet-only
       left-side gradient, which no longer matches this layout. */
    .wptb-features .wptb-item.active .wptb-item--image::before {
        content: '';
        position: absolute;
        inset: 0 0 auto 0;
        height: 55%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));
        z-index: 1;
        pointer-events: none;
    }
    .wptb-features .wptb-item.active .wptb-item--image::after {
        content: '';
        position: absolute;
        inset: auto 0 0 0;
        height: 45%;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0));
        z-index: 1;
        pointer-events: none;
    }

    /* Title overlay on top of the image. The first item is the
       "30+ years experience" headline (medium size); the rest are
       shorter feature titles (smaller), matched via :first-child since
       only the first <li> carries the counter markup/semantics. */
    .wptb-features .wptb-item.active .wptb-item--features-holder {
        position: absolute;
        top: 16px;
        right: 18px;
        left: 18px;
        width: auto;
        z-index: 2;
        padding: 0;
        gap: 10px;
        justify-content: flex-start;
        color: var(--color-white-fixed);
        text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
    }
    .wptb-features .wptb-item:first-child.active .wptb-item--features-holder {
        font-size: 21px;
        line-height: 1.35;
    }
    .wptb-features .wptb-item:not(:first-child).active .wptb-item--features-holder {
        font-size: 17px;
        line-height: 1.4;
    }
    .wptb-features .wptb-item .wptb-item--features-holder::before {
        font-size: 15px;
    }

    /* Stat cards: small glass pills, centered as a group at the bottom
       of the image (not stretched edge-to-edge). */
    .wptb-features .wptb-item.active .wptb-counter--box {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 14px;
        z-index: 2;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: center;
        gap: 10px;
    }
    .wptb-features .wptb-counter--box .wptb-counter2 {
        flex: 0 1 140px;
        min-width: 0;
        width: auto;
        padding: 10px 14px;
        border-radius: 18px;
        background: rgba(var(--color-white-rgb), 0.14);
        backdrop-filter: blur(14px) saturate(160%);
        -webkit-backdrop-filter: blur(14px) saturate(160%);
        border: 1px solid rgba(var(--color-white-rgb), 0.2);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
        color: var(--color-white-fixed);
        text-align: center;
    }
    .wptb-features .wptb-counter--box .wptb-counter2 + .wptb-counter2 {
        background: rgba(var(--color-one-rgb), 0.5);
    }
    .wptb-features .wptb-counter--box .wptb-item--inner {
        justify-content: center;
        gap: 6px;
    }
    .wptb-features .wptb-counter--box .wptb-item--value {
        font-size: 19px;
        line-height: 1.2;
        gap: 4px;
    }
    .wptb-features .wptb-counter--box .wptb-item--text {
        font-size: 12px;
        line-height: 1.3;
    }
}

.wptb-page-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    border-top: 1px solid var(--color-dark-seven);
    padding: 20px 0px 0px;
    margin-top: 80px;
}

.wptb-page-links .wptb-pge-link--item {
    color: var(--color-white);
    font-size: 13px;
    font-style: normal;
    font-weight: var(--fw-normal);
    line-height: 15px; /* 125% */
    text-transform: uppercase;
    transition: var(--transition-base);
}
.wptb-page-links .wptb-pge-link--item a {
    color: var(--color-white);
    transition: var(--transition-base);
}
.wptb-page-links .wptb-pge-link--item a:hover {
    color: var(--color-one);
}

/* Social Style */
.social-box ul{
	position:relative;
	margin: 0px;
	padding: 0px;
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 13px;
    flex-wrap: wrap;
    flex-direction: row-reverse;

}

.social-box ul li{
	position:relative;
}

.social-box ul li a{
	position:relative;
	font-size:var(--fs-12);
	color: var(--color-white);
    background-color: rgba(var(--color-white-rgb), 0.05);
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-box ul li:last-child{
	margin-right:0px;
}

.social-box ul li a:hover {
    background-color: rgba(var(--color-white-fixed-rgb), 1);
    border-color: rgba(var(--color-white-rgb), 1);
	color:var(--color-one);
    transform: translateY(-3px);
}

.theme-style--orange .social-box ul li a:hover {
    border-color: var(--color-one);
}

/* Style Square */
.social-box.style-square ul li a {
    border-radius: 0px;
    border-color: rgba(var(--color-dark-seven-rgb), 1);
}


/* Style Oval */
.social-box.style-oval ul li a {
    font-size: 13px;
    line-height: 15px;
    width: 66px;
    height: 27px;
    border-radius: 100%;
    background-color: transparent;
    border: 1px solid var(--color-white);
    font-family: 'esredad-medium';

}
.social-box.style-oval ul li a:hover {
    border-color: var(--color-one);
    background-color: var(--color-one);
    color: var(--color-white);
}