.page-wti {align-items: center;position: relative;background: var(--uicolor2);min-height: 485px;background-image: var(--banner-image);background-position: center;background-repeat: no-repeat;background-size: cover;}

.-sile-t-cont.sengle-blog {
    background:0;
    padding:0;
    margin:124px 0 0;
    box-shadow:none;
    border-radius:0;
}
.-sile-t-cont {
    z-index:1;
    padding:60px 50px 110px 50px;
    margin: 155px auto 100px;
    position:relative;
    display:block;
    --itroradius:50px;
}
 
.singel-new-shape {
    gap:35px;
}
.iframe_video, .singel-new-shape {
    align-items:center;
    display:flex;
    flex-direction: column;
}.YC-BreadCrumb.single.-BreadCrumb-PT-post {
    position:relative;
    background:0;
    padding:20px 14px;
}
.YC-BreadCrumb {
      position: relative;
      z-index: 11;
      transition: all 0.6s ease-in-out;
}

.YC-BreadCrumb:before {
    border-width:0 0 14px 14px;
    left:calc(100% - 14px);
    border-radius:0 0 0 45px;
}

.YC-BreadCrumb:after {
    right:calc(100% - 14px);
    border-width:0 14px 14px 0;
    border-radius:0 0 45px;
}

.-BreadCrumb-PT-post ol.BreadcrumbsFilters li:first-child {
    background: none;
}

ol.BreadcrumbsFilters>li {
    list-style:none;
}

ol.BreadcrumbsFilters, ol.BreadcrumbsFilters>li {
    display:flex;
    align-items: center;
    flex-wrap: wrap;
}

.singel-new-shape .sie-pt-tit>h1 {
    text-align:start;
    color:var(--PopoverShadow);
}

.sie-pt-tit>h1 {
    font-size: 40px;
    font-weight:500;
    color: white;
    text-align: center;
    text-transform: capitalize;
}

.title {
    text-align:center;
}

.YC-sin-call {
    display:flex;
    align-items:center;
    position:relative;
    flex-wrap: wrap;
    gap: 15px;
}

.-sin-bom-hidden .YC-sin-call {
    justify-content: center;
}

.no-thumbnail-class .YC-sin-call {justify-content: center;}

.--archive--be-content {
    font-size: 14px;
    font-weight: 500;
    overflow: auto;
    max-height: 175px;
    padding-inline-end: 10px;
    padding-bottom: 2px;
    line-height: 1.6;
    color: var(--secondarytext);
}

.--archive--be-content::-webkit-scrollbar-thumb {
    background: rgb(158 153 173);
}

ol.BreadcrumbsFilters>li i {
    font-weight:700;
}

ol.BreadcrumbsFilters>li>a {
    font-size: 13px;
    display:flex;
    color: white;
    justify-content: center;
    transition: 0.2s all ease;
}

ol.BreadcrumbsFilters>li>a>span {
    display: flex;
    gap: 9px;
    line-height: 1.2;
}

ol.BreadcrumbsFilters>li+li:before {
    content: "//";
    font-family: 'Font Awesome 7 Pro';
    font-weight:700;
    position:relative;
    margin-inline-end: 19px;
    left: -9px;
    line-height:0;
    color: white;
    font-size: 12px;
}

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

.-Objects-center-obType-brand .brand-item {
    border: 1px solid #02010114;
}

.-defualt-object--center .category-card {
    max-width: 305px;
}

.-defualt-object--center .-review-bo {
    max-width: 100%;
}

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

postsscrollloader {
    padding: 15px 15px;
    border-radius: var(--miniradius);
    font-size:16px;
    font-weight:500;
    align-content:center;
    background: var(--uicolor2);
    color:#fff;
    flex-wrap:wrap;
    overflow:hidden;
}

postsscrollloader {
    align-items:center;
    display:flex;
    cursor:pointer;
    position:relative;
}

postsscrollloader i {
    margin-inline-end:10px;
        position:relative;
    z-index:9;
}

postsscrollloader span {
    position:relative;
    z-index:9;
}

.sie-pt-tit.single-category-post-title {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    position: relative;
    z-index: 2;
}


.iframe_video iframe {
    width: 550px;
    height: 300px;
    border-radius: var(--largeradius);
    overflow: hidden;
}

.iframe_video {
    border-radius: var(--largeradius);
    overflow: hidden;
    margin: 13px auto !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iframe_video img {border-radius: var(--largeradius);}

.iframe_video span i {
    font-size: 25px;
    background: #f41818;
    border-radius: 15px;
    font-weight: 600;
    color: #fff;
    --el-w: 68px;
    width: var(--el-w);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 180ms;
    padding: 12px 0;
    position: absolute;
    cursor: pointer;
}

.iframe_video span {
    --el-w: 68px;
    width: var(--el-w);
    height: var(--el-w);
    position: absolute;
}
 

.iframe_video_box {
    width: 550px;
    height: 300px;
    margin: auto !important;
    margin-block: 30px !important;
}

.hero-one-section {
    height: 387px;
}

.-ycwt-form {
    margin: 0 auto;
    border-radius: var(--largeradius);
    overflow: hidden;
    min-width: 100%;
}

.-single-parent-flexes--content-inner-thumb--inner img {
    border-radius: var(--largeradius);
    margin-bottom: 35px;
}

.title-breadcrumb {display: flex;flex-direction: column;align-items: center;gap: 10px;}

.-page--container-sidebars.categories {
    background-color: white;
    padding-top: 20px;
}

.background-breadcrumb {
    background-image: var(--img2);
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 0;
}

.-post-revs-feed {
    margin-bottom: 30px;
}

.intro-content.no-edit {
    flex-direction: column-reverse;
    align-items: flex-start;
}

.--container--info {
    padding: 17px;
    border: 1px solid var(--diver);
    border-radius: var(--miniradius);
    min-height: 0;
    padding-inline-end: 0 !important;
}

.--empty-attchment-description {
    padding: 10px;
    background-color: var(--uicolor);
    border-radius: var(--xlargeradius);
    display: flex;
    gap: 10px;
    color: white;
    font-size: 16px;
    transition: 0.2s all ease;
}

.--empty-attchment-description a {
    color: white;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

.-dURLArea.--empty-attchment-actions a {
    color: white;
    display: flex;
    align-items: center;
    gap: 5px;
}

.--empty-attchment-description:hover {
    box-shadow: 0 12px 35px rgba(44, 134, 253, 0.35);
    transform: translateY(-2px);
}

@media only screen and (max-width: 1100px) {
    *{}

.banner-layer--left {
    display: none;
}
}

@media only screen and (max-width: 950px) {
    *{}

.--archive--be-content {
    max-height: 189px !important;
    font-size: 12px;
}

.--container--info {
    position: relative !important;
    top: 0 !important;
}

.sie-pt-tit>h1 {
    font-size: 24px !important;
}

ol.BreadcrumbsFilters>li>a {
    font-size: 12px;
}
}

.-archive--container {
    padding-top: 30px;
}

.-YC-FaqsSimple-in--page {
    margin-top: 30px;
}

.-YC-Reviews-G.--full-archived-reviews {
    margin-top: 30px;
}

.page-wti .container {
    z-index: 10;
    padding-top: 262px;
    gap: 15px;
    display: flex;
    align-items: center;
}

.container-pages-head {
    justify-content: center;
    display: flex;
    gap: 25px;
    align-items: flex-start;
}

.contactus-data {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 739px;
    justify-content: center;
}

.contactus-item {
    display: flex;
    gap: 10px;
    min-width: 240px;
    flex: 1;
    color: white;
    justify-content: center;
}

.contactus-item i {
    color: var(--uicolor);
    font-weight: 600;
    font-size: 16px;
}

.YC-intro-img1 {
    position: absolute;
    right: 86%;
    bottom: -4%;
}

.page-wti::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: var(--banner-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(14px);
    width: 100%;
    height: 100%;
}

.YC-intro-img2 {
    padding: 15px 13px 15px 13px;
    border: 3px solid white;
    border-radius: 150px;
    overflow: hidden;
}

.YC-intro-img2 img {
    border-radius: 150px;
}

.YC-intro-img3 {
    padding: 15px 13px 15px 13px;
    border: 3px solid white;
    border-radius: 150px;
    overflow: hidden;
}

.YC-intro-img3 img {
    border-radius: 150px;
}

.page-content {
    color: white;
    font-size: 16px;
    max-width: 570px;
    line-height: 1.6;
    text-align: center;
}

.intro-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}

.intro-imgs {
    position: relative;
}

@media only screen and (max-width: 1170px) {
    *{}

.intro-img {
    display: none;
}

.banner-layer--left {
    display: none !important;
}
}

@media only screen and (max-width: 760px) {
    *{}

.intro-imgs {
    display: none;
}

.YC-intro-img3 {
    display: none;
}
}

@media only screen and (max-width: 530px) {
    *{}

.intro-content {
    align-items: center !important;
    padding: 0;
}

.contactus-item {
    justify-content: flex-start;
}

.page-content {
    text-align: right;
}
}

.-primary-body {
    background: #F6F6F6;
    padding-top: 50px;
    padding-bottom: 30px;
}

.-primary-body.works {
    padding-top: 220px;
}

.-primary-body.price {
    padding-top: 220px;
}

.-primary-body.faqs {
    padding-top: 210px;
}

.-primary-body.customerreviews {
    padding-top: 210px;
}

.banner-layer {
    position: absolute;
    z-index: 0;
    background-image: var(--banner-image);
    background-repeat: no-repeat;
    pointer-events: none;
    width: 557px;
    height: 532px;
    right: 0;
    bottom: 0;
}

/* Main background */
.banner-layer--background {
    background-position: center;
    background-size: cover;
}

/* Left decorative image */
.banner-layer--left {
    top: 210px;
    left: 0;
    width: 57px;
    height: 115px;
    background-position: left center;
    background-size: contain;
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

/* Center gears */
.banner-layer--center {
    top: 0;
    left: 28%;
    right: auto;
    width: 45%;
    height: 100%;
    background-position: bottom;
    background-size: contain;
}

/* Engineer image */
.banner-layer--right {
    top: 0;
    left: 0;
    right: auto;
    width: 34%;
    height: 100%;
    background-size: contain;
}

.airevo-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(5, 17, 74, 0.35);
    pointer-events: none;
}

.page-wti > .container {
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {

    .banner-layer--left {
        width: 55%;
        opacity: 0.6;
    }

    .banner-layer--center {
        left: 20%;
        width: 65%;
        opacity: 0.5;
    }

    .banner-layer--right {
        width: 55%;
        opacity: 0.65;
    }
}

.intro-main {
    display: flex;
}

/* Archive intro video trigger. */
.archive-intro-copy {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: center;
}

.-intro--page--category-video {
    width: 108px;
    height: 108px;
    min-width: 68px;
    padding: 0;
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 50%;
    background: var(--uicolor);
    color: #fff;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .24);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
}

.-intro--page--category-video::before {
    content: "";
    position: absolute;
    inset: -8px;
    z-index: -1;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: inherit;
    transition: transform .25s ease, opacity .25s ease;
}

.-intro--page--category-video i {
    margin-inline-start: 3px;
    font-size: 33px;
    line-height: 1;
}

.-intro--page--category-video:hover,
.-intro--page--category-video:focus-visible {
    background: var(--uicolor2);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .3);
    transform: translateY(-3px) scale(1.04);
    outline: none;
}

.-intro--page--category-video:hover::before,
.-intro--page--category-video:focus-visible::before {
    opacity: .65;
    transform: scale(1.08);
}

/* Archive video popup. */
body.archive-video-popup-open {
    overflow: hidden;
}

.archive-video-popup {
    position: fixed;
    inset: 0;
    z-index: 100000;
    padding: 64px 24px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: archiveVideoPopupFade .22s ease both;
}

.archive-video-popup__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(4, 10, 35, .88);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.archive-video-popup__dialog {
    width: min(920px, 100%);
    position: relative;
    z-index: 1;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 18px;
    background: #000;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .5);
    animation: archiveVideoPopupDialog .28s cubic-bezier(.16, 1, .3, 1) both;
}

.archive-video-popup__close {
    width: 42px;
    height: 42px;
    padding: 0;
    position: absolute;
    top: -52px;
    inset-inline-end: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 19px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    transition: background-color .2s ease, transform .2s ease;
}

.archive-video-popup__close:hover,
.archive-video-popup__close:focus-visible {
    background: var(--uicolor);
    outline: none;
    transform: rotate(90deg);
}

.archive-video-popup__media {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: inherit;
}

.archive-video-popup__media iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

@keyframes archiveVideoPopupFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes archiveVideoPopupDialog {
    from {
        opacity: 0;
        transform: translateY(18px) scale(.96);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 580px) {
    .intro-content.archive-intro-content--has-video {
        gap: 36px;
        flex-direction: column;
    }

.archive-intro-copy {
    align-items: center;
}

.page-wti .container {
    padding-top: 155px;
}

    .-intro--page--category-video {
        width: 56px;
        height: 56px;
        min-width: 56px;
    }

    .-intro--page--category-video i {
        font-size: 18px;
    }

    .archive-video-popup {
        padding: 58px 12px 18px;
    }

    .archive-video-popup__dialog {
        border-radius: 12px;
    }

    .archive-video-popup__close {
        width: 38px;
        height: 38px;
        top: -46px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .-intro--page--category-video,
    .-intro--page--category-video::before,
    .archive-video-popup,
    .archive-video-popup__dialog,
    .archive-video-popup__close {
        animation: none;
        transition: none;
    }
}

/* Featured Blog posts carousel - card layout inspired by the supplied reference. */
.archive-featured-hero {
    width: 100%;
    min-height: 710px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    isolation: isolate;
    padding: 190px 0 0;
    background: #20242b;
}

.archive-featured-hero__background {
    position: absolute;
    inset: -24px;
    z-index: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(10px);
    transform: scale(1.08);
    pointer-events: none;
}

.archive-featured-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(180deg, rgba(13, 17, 24, .5), rgba(13, 17, 24, .7)),
        linear-gradient(90deg, rgba(13, 17, 24, .2), transparent 48%, rgba(13, 17, 24, .2));
    pointer-events: none;
}

.archive-featured-hero .archive-featured-hero__container {
    position: relative;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding-top: 0 !important;
    padding-bottom: 0;
    padding-inline: 30px;
}

.archive-featured-slider,
.archive-featured-slider.owl-carousel {
    width: 100%;
    min-height: 0;
    position: relative;
    display: block;
}

.archive-featured-slider .owl-stage-outer {
    position: relative;
    overflow: hidden;
}

.archive-featured-slider .owl-stage {
    position: relative;
    display: flex;
    align-items: stretch;
}

.archive-featured-slider .owl-item {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
}

.archive-featured-slider .owl-item > .archive-featured-card {
    height: 100%;
}

.archive-featured-slider:not(.owl-loaded) {
    display: flex;
    gap: 22px;
    overflow: hidden;
}

.archive-featured-slider:not(.owl-loaded) > .archive-featured-card {
    flex: 0 0 calc((100% - 88px) / 5);
}

.archive-featured-card,
.archive-featured-slide {
    width: 100%;
    min-width: 0;
    min-height: 390px;
    position: relative;
    display: block;
    aspect-ratio: 10 / 11;
    overflow: hidden;
    border-radius: 12px;
    background: #20242b;
    color: #fff;
    box-shadow: 0 12px 34px rgba(19, 25, 35, .12);
    transform: translateZ(0);
}

.archive-featured-card__media {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(255, 101, 28, .14), transparent 48%),
        #303640;
}

.archive-featured-card__image-layer {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform .5s ease, opacity .5s ease, filter .5s ease;
}

.archive-featured-card__image-layer--primary {
    z-index: 2;
}

.archive-featured-card__image-layer--secondary {
    z-index: 1;
    opacity: 0;
    filter: blur(10px);
    transform: translateX(50%) scaleX(2);
}

.archive-featured-card__image-layer picture,
.archive-featured-card__image-layer img,
.archive-featured-card__image {
    width: 100%;
    height: 100%;
    display: block;
}

.archive-featured-card__image-layer img,
.archive-featured-card__image {
    object-fit: cover;
    object-position: center;
}

.archive-featured-card__shade {
    position: absolute;
    inset: 0;
    z-index: 4;
    background:
        linear-gradient(180deg, rgba(7, 10, 15, .04) 12%, rgba(7, 10, 15, .12) 43%, rgba(7, 10, 15, .88) 100%),
        linear-gradient(90deg, rgba(7, 10, 15, .14), transparent 45%);
    pointer-events: none;
}

[dir="rtl"] .archive-featured-card__shade,
.rtl .archive-featured-card__shade {
    background:
        linear-gradient(180deg, rgba(7, 10, 15, .04) 12%, rgba(7, 10, 15, .12) 43%, rgba(7, 10, 15, .88) 100%),
        linear-gradient(270deg, rgba(7, 10, 15, .14), transparent 45%);
}

.archive-featured-card__content {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    padding: 16px 18px 20px;
    pointer-events: none;
}

.archive-featured-card__content a {
    pointer-events: auto;
}

.archive-featured-slide__category,
.archive-featured-card__category {
    max-width: min(75%, 210px);
    align-self: flex-start;
    margin: 0;
    padding: 7px 12px;
    overflow: hidden;
    border-radius: 999px;
    background: #fff;
    color: #15191f;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .08);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.archive-featured-card__category:hover,
.archive-featured-card__category:focus-visible {
    background: var(--uicolor, #f56e21);
    color: #fff;
    outline: none;
    transform: translateY(-1px);
}

.archive-featured-card__bottom {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.archive-featured-slide__title,
.archive-featured-card__title {
    width: 100%;
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    color: #fff;
    font-size: clamp(20px, 1.8vw, 27px);
    font-weight: 800;
    line-height: 1.35;
    text-align: start;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .24);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.archive-featured-slide__title a,
.archive-featured-card__title a {
    color: inherit;
}

.archive-featured-card__title a:hover,
.archive-featured-card__title a:focus-visible {
    color: #fff;
    outline: none;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.archive-featured-card__meta {
    width: 100%;
    margin-top: 13px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    color: rgba(255, 255, 255, .88);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.archive-featured-card__author {
    max-width: 52%;
    overflow: hidden;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.archive-featured-card__date {
    color: inherit;
    font: inherit;
}

.archive-featured-card__meta-separator {
    opacity: .65;
}

.archive-featured-card:hover .archive-featured-card__media:not(.archive-featured-card__media--has-hover-image) .archive-featured-card__image-layer--primary,
.archive-featured-card:focus-within .archive-featured-card__media:not(.archive-featured-card__media--has-hover-image) .archive-featured-card__image-layer--primary {
    transform: scale(1.045);
}

.archive-featured-card:hover .archive-featured-card__media--has-hover-image .archive-featured-card__image-layer--primary,
.archive-featured-card:focus-within .archive-featured-card__media--has-hover-image .archive-featured-card__image-layer--primary {
    opacity: 0;
    filter: blur(10px);
    transform: translateX(-50%) scaleX(2);
}

.archive-featured-card:hover .archive-featured-card__media--has-hover-image .archive-featured-card__image-layer--secondary,
.archive-featured-card:focus-within .archive-featured-card__media--has-hover-image .archive-featured-card__image-layer--secondary {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0) scaleX(1);
}

.archive-featured-card__media:focus-visible,
.archive-featured-card__category:focus-visible,
.archive-featured-card__title a:focus-visible {
    outline: 2px solid var(--uicolor, #f56e21);
    outline-offset: -4px;
}

.archive-featured-slider .owl-dots {
    position: static;
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.archive-featured-slider .owl-dot,
.archive-featured-slider .owl-dot span {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgb(255 255 255);
    cursor: pointer;
    transition: width .25s ease, background-color .25s ease;
}

.archive-featured-slider .owl-dot span {
    display: block;
}

.archive-featured-slider .owl-dot.active,
.archive-featured-slider .owl-dot.active span {
    width: 28px;
    background: var(--uicolor, #f56e21);
}

.archive-featured-slider--static .archive-featured-card {
    max-width: 390px;
    margin-inline: auto;
}

/* Archive heading moved above the posts container. */
.archive-page-heading {
    width: 100%;
    padding: 0 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    border-bottom: 1px solid rgba(29, 57, 93, .12);
}

.archive-page-heading .archive-intro-copy {
    flex: 1;
    align-items: flex-start;
}

.archive-page-heading .sie-pt-tit > h1,
.archive-page-heading .title {
    color: var(--uicolor2, #1d395d);
    text-align: start;
}

.archive-page-heading ol.BreadcrumbsFilters > li > a,
.archive-page-heading ol.BreadcrumbsFilters > li + li::before,
.archive-page-heading ol.BreadcrumbsFilters > li i {
    color: #718096;
}

.archive-page-heading .-intro--page--category-video {
    flex: 0 0 auto;
}

.archive-page-social {
    flex: 0 0 auto;
}

.archive-page-social__list {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 9px;
    list-style: none;
}

.archive-page-social__item {
    margin: 0;
    padding: 0;
}

.archive-page-social__link {
    --archive-social-color: var(--sociaColor, var(--uicolor, #f56e21));
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(29, 57, 93, .14);
    border-radius: 50%;
    background: #fff;
    color: var(--archive-social-color);
    font-size: 16px;
    box-shadow: 0 7px 20px rgba(29, 57, 93, .08);
    transition: color .22s ease, background-color .22s ease, border-color .22s ease, transform .22s ease;
}

.archive-page-social__link:hover,
.archive-page-social__link:focus-visible {
    border-color: var(--archive-social-color);
    background: var(--archive-social-color);
    color: #fff;
    outline: none;
    transform: translateY(-2px);
}

.archive-page-social__link:focus-visible {
    box-shadow: 0 0 0 3px rgba(245, 110, 33, .2);
}

/* Random archive cards. */
.archive-random-posts {
    width: 100%;
    margin: 42px 0 0;
    padding: 30px;
    border: 1px solid rgba(29, 57, 93, .08);
    background: #fff;
    box-shadow: 0 14px 38px rgba(29, 57, 93, .06);
}

.archive-random-posts__grid {
    --archive-random-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--archive-random-gap);
}

.archive-random-card {
    min-width: 0;
    max-width: none;
    display: flex;
    align-items: center;
    gap: 22px;
    flex: 0 0 calc((100% - (var(--archive-random-gap) * 2)) / 3);
    box-sizing: border-box;
    padding: 12px;
    background-color: var(--background3);
    border-radius: var(--largeradius);
}

.archive-random-card__media {
    width: 136px;
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #eef2f7;
    color: #94a3b8;
}

.archive-random-card__media img,
.archive-random-card__image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .35s ease;
}

.archive-random-card__image-layer {
    position: absolute;
    inset: 0;
    display: block;
    transition: transform .45s ease, opacity .45s ease, filter .45s ease;
}

.archive-random-card__image-layer--primary {
    z-index: 2;
}

.archive-random-card__image-layer--secondary {
    z-index: 1;
    opacity: 0;
    filter: blur(10px);
    transform: translateX(45%) scaleX(1.8);
}

.archive-random-card:hover .archive-random-card__media--has-hover-image .archive-random-card__image-layer--primary,
.archive-random-card:focus-within .archive-random-card__media--has-hover-image .archive-random-card__image-layer--primary {
    opacity: 0;
    filter: blur(10px);
    transform: translateX(-45%) scaleX(1.8);
}

.archive-random-card:hover .archive-random-card__media--has-hover-image .archive-random-card__image-layer--secondary,
.archive-random-card:focus-within .archive-random-card__media--has-hover-image .archive-random-card__image-layer--secondary {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0) scaleX(1);
}

.archive-random-card:hover .archive-random-card__media:not(.archive-random-card__media--has-hover-image) .archive-random-card__image {
    transform: scale(1.06);
}

.archive-random-card__media--has-hover-image .archive-random-card__image {
    transform: none;
    transition: none;
}

.archive-random-card__content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.archive-random-card__category {
    max-width: 100%;
    margin-bottom: 9px;
    padding: 6px 11px;
    overflow: hidden;
    border-radius: 999px;
    background: #ef3232;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.archive-random-card:nth-child(5n + 2) .archive-random-card__category {
    background: #6f32c4;
}

.archive-random-card:nth-child(5n + 3) .archive-random-card__category {
    background: #278a16;
}

.archive-random-card:nth-child(5n + 4) .archive-random-card__category {
    background: #d77c1b;
}

.archive-random-card:nth-child(5n + 5) .archive-random-card__category {
    background: #ff4e45;
}

.archive-random-card__title {
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    color: #162033;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.archive-random-card__title a {
    color: inherit;
    transition: color .2s ease;
}

.archive-random-card__title a:hover,
.archive-random-card__title a:focus-visible {
    color: var(--uicolor, #f56e21);
    outline: none;
}

.archive-random-card__date {
    margin-top: 9px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7c879a;
    font-size: 11px;
    line-height: 1.2;
}

.archive-random-card__date i {
    font-size: 14px;
}

@media (max-width: 1200px) {
    .archive-featured-slider:not(.owl-loaded) > .archive-featured-card {
        flex-basis: calc((100% - 44px) / 3);
    }

    .archive-featured-hero {
    min-height: 610px;
    padding-top: 100px;
}
}

@media (max-width: 900px) {
    .archive-featured-slider:not(.owl-loaded) {
        gap: 18px;
    }

    .archive-featured-slider:not(.owl-loaded) > .archive-featured-card {
        flex-basis: calc((100% - 18px) / 2);
    }

    .archive-featured-card,
    .archive-featured-slide {
        min-height: 360px;
    }

    .archive-random-posts__grid {
        --archive-random-gap: 12px;
    }

    .archive-random-card {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding: 9px;
    }

    .archive-random-card__media {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .archive-featured-hero {
        min-height: 490px;
        padding: 125px 0 38px;
    }

    .archive-featured-slider:not(.owl-loaded) {
        gap: 14px;
    }

    .page-wti {
    min-height: 300px;
}

.page-wti .container {
    padding-top: 115px;
}

    .archive-featured-slider:not(.owl-loaded) > .archive-featured-card {
        flex-basis: 100%;
    }

    .archive-featured-card,
    .archive-featured-slide {
        min-height: 350px;
        aspect-ratio: 10 / 11;
        border-radius: 10px;
    }

    .archive-featured-card__content {
        padding: 14px 15px 18px;
    }

    .archive-featured-slide__title,
    .archive-featured-card__title {
        font-size: 21px;
    }

    .archive-featured-card__meta {
        margin-top: 10px;
        font-size: 11px;
    }

    .archive-featured-slider .owl-dots {
        margin-top: 14px;
    }

    .archive-featured-slider--static .archive-featured-card {
        max-width: 100%;
    }

    .archive-page-heading {
        padding: 0 0 18px;
        flex-wrap: wrap;
        gap: 16px;
    }

    .archive-page-social__list {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .archive-page-heading .archive-intro-copy {
        align-items: center;
    }

    .archive-page-social {
        width: 100%;
    }

    .archive-page-heading .sie-pt-tit > h1,
    .archive-page-heading .title {
        font-size: 26px !important;
    }

    .archive-random-posts {
        padding: 12px;
        border-radius: 14px;
    }

    .archive-random-posts__grid {
        --archive-random-gap: 8px;
    }

    .archive-random-card {
        gap: 8px;
        padding: 6px;
        flex: 0 0 calc((100% - (var(--archive-random-gap) * 2)) / 2);
    }

    .archive-random-card__media {
        width: 100%;
    }

    .archive-random-card__category {
        margin-bottom: 6px;
        padding: 5px 6px;
        font-size: 10px;
    }

    .archive-random-card__title {
        font-size: 14px;
        line-height: 1.4;
    }

    .archive-random-card__date {
        margin-top: 6px;
        gap: 4px;
        font-size: 12px;
    }

    .archive-random-card__date i {
        font-size: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .archive-featured-card__image-layer,
    .archive-featured-card__category,
    .archive-featured-slider .owl-dot,
    .archive-featured-slider .owl-dot span,
    .archive-random-card__image,
    .archive-random-card__image-layer {
        transition: none;
    }
}

@media (max-width: 500px) {
    .archive-random-card {
        flex: 1;
        min-width: 300px;
        max-width: 100%;
}

    .iframe_video span {
    --el-w: 60px;
    width: var(--el-w);
    height: var(--el-w);
}

.iframe_video span i {
    font-size: 20px;
}
}

/* FAQ / customer reviews: split page intro with the page featured image. */
.page-wti.yc-page-intro-with-media > .container {
    width: 100%;
    padding-bottom: 28px;
}

.yc-page-intro-split {
    width: 100%;
    min-width: 0;
    gap: clamp(28px, 5vw, 72px);
    direction: rtl;
}

.yc-page-intro-split .archive-intro-copy {
    flex: 1 1 auto;
    min-width: 0;
    align-items: flex-start;
    text-align: right;
}

.yc-page-intro-split .sie-pt-tit {
    margin: 0;
    text-align: right;
}

.yc-page-intro-split .sie-pt-tit > h1,
.yc-page-intro-split .sie-pt-tit > h1.title {
    margin: 0;
    color: #fff;
    text-align: right;
}

.yc-page-intro-split .YC-BreadCrumb {
    width: 100%;
}

.yc-page-intro-split .YC-BreadCrumb ol.BreadcrumbsFilters {
    justify-content: flex-start;
}

.yc-page-intro-media {
    position: relative;
    width: 600px;
    height: auto;
    max-height: 600px;
    margin-bottom: -250px;
    overflow: hidden;
    border-radius: var(--largeradius, 18px);
    background: rgba(255, 255, 255, .08);
    direction: ltr;
}

.yc-page-intro-media picture,
.yc-page-intro-media .yc-page-intro-media__img,
.yc-page-intro-media img {
    display: block;
    width: 100%;
    height: 100%;
}

.yc-page-intro-media img,
.yc-page-intro-media .yc-page-intro-media__img {
    object-fit: cover;
    object-position: center;
}

.page-wti.yc-page-intro-with-media.yc-page-intro-without-media .yc-page-intro-split {
    justify-content: flex-start;
}

.page-wti.yc-page-intro-with-media.yc-page-intro-without-media .archive-intro-copy {
    width: 100%;
    flex-basis: 100%;
}

@media only screen and (max-width: 950px) {
    .yc-page-intro-split {
        gap: 24px;
    }

    .-primary-body.customerreviews, .-primary-body.faqs, .-primary-body.price, .-primary-body.works {
    padding-top: 40px;
}

    .yc-page-intro-media {
        width: min(330px, 40vw);
        height: 210px;
        flex-basis: min(330px, 40vw);
    }
}

@media only screen and (max-width: 700px) {
    .page-wti.yc-page-intro-with-media > .container {
        padding-top: 110px;
        padding-bottom: 28px;
    }

    .yc-page-intro-split {
        flex-direction: column;
        align-items: stretch;
        gap: 22px;
    }

    .yc-page-intro-split .archive-intro-copy {
        align-items: center;
        text-align: center;
        gap: 10px;
    }

    .yc-page-intro-split .YC-BreadCrumb ol.BreadcrumbsFilters {
        justify-content: center;
    }

    .yc-page-intro-media {
        width: 100%;
        height: 330px;
        flex-basis: auto;
        margin-bottom: -80px;
    }
}

@media only screen and (max-width: 580px) {
    .yc-page-intro-split .sie-pt-tit > h1,
    .yc-page-intro-split .sie-pt-tit > h1.title {
        font-size: 28px !important;
        line-height: 1.45;
    }
}