/* Redox Default Header CSS  */
body.admin-bar .ax-default-header {
    margin-top: 32px;
}

@media (max-width: 768px) {
    body.admin-bar .ax-default-header {
        margin-top: 46px;
    }
}

.header-area-2 .header__nav {
    margin-right: 0 !important;
}

.rt-postbox-item.postbox__item.sticky {
    position: inherit !important;
}


/* Header menu last CSS  */
header.ax-default-header .header-area-2__inner .header__nav ul li.menu-last ul {
    right: 0;
    left: auto;
}

header.ax-default-header .header-area-2__inner .header__nav ul li.menu-last ul.submenu li .submenu {
    left: auto;
    right: 100%;
}


/* Default Footer CSS  */

.footer-widget ul:hover li a {
    opacity: 0.3;
}

.footer-widget ul:hover li a:hover {
    opacity: 1;
}


/* Breadcrumb CSS  */

.redox-breadcrumb-area {
    background-color: rgba(255, 129, 58, 0.15);
    padding: 150px 0px;
}

.redox-breadcrumb-area .breadcrumb-section__title {
    font-size: 52px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.2;
    font-family: var(--font_dmsans);
    color: var(--primary);
}

.redox-breadcrumb-area .breadcrumb__item a {
    font-size: 16px;
    line-height: 1.2;
    font-family: var(--font_dmsans);
    font-weight: 500;
    color: var(--primary);
}


/* 404 Page CSS  */

.ax-error-desc.section-title {
    font-size: 100px;
    letter-spacing: -0.07em;
    line-height: 0.9;
    font-weight: 310;
    font-family: var(--font_sequelsansromanbody);
}


/* Default CSS  */

.pt-120 {
    padding-top: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-150 {
    margin-bottom: 150px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-40 {
    margin-top: 40px;
}

.mr-20 {
    margin-right: 20px;
}


/* Default Blog Post CSS  */

.rt-postbox-item.postbox__item {
    border: 1px solid rgba(17, 17, 17, 0.1);
    padding: 30px;
    border-radius: 10px;
}

.rt-postbox-item.postbox__item ul.post-meta {
    padding-left: 0;
    display: flex;
    gap: 20px;
}

.rt-postbox-item.postbox__item ul.post-meta {
    list-style: none;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font_dmsans);
}

.rt-postbox-item.postbox__item ul.post-meta li i {
    margin-right: 10px;
}

.rt-postbox-item.postbox__item .rt-postbox-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px;
}

.rt-postbox-item.postbox__item .rt-postbox-text.postbox__text {
    margin-bottom: 30px;
}

.rt-postbox-item .rt-postbox-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    font-family: var(--font_dmsans);
}


/* Blog Video Post  */

.rt-postbox-item .post-thumb .video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.rt-postbox-item .post-thumb .video-btn .ripple {
    height: 100px;
    width: 100px;
}

.rt-postbox-item .post-thumb .video-btn a {
    background-color: var(--theme);
    color: var(--white);
    font-size: 30px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rt-postbox-item .rt-postbox-thumb.postbox__thumb {
    margin-bottom: 30px;
}

.rt-postbox-item .rt-postbox-thumb.postbox__thumb img {
    border-radius: 10px;
    height: inherit;
}

.rt-blog-details-thumb .rt-postbox-thumb.postbox__thumb img {
    height: inherit;
}

.rt-postbox-item .post-thumb .video-btn .ripple:before,
.rt-postbox-item .post-thumb .video-btn .ripple:after {
    height: 100px;
    width: 100px;
}

.ripple,
.ripple:before,
.ripple:after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translateX(-50%) translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    -webkit-animation: rippleOne 3s infinite;
    -moz-animation: rippleOne 3s infinite;
    -ms-animation: rippleOne 3s infinite;
    -o-animation: rippleOne 3s infinite;
    animation: rippleOne 3s infinite;
}

.ripple {
    z-index: -1;
}

.ripple:before {
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
}

.ripple:after {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
}

@-webkit-keyframes rippleOne {
    70% {
        box-shadow: 0 0 0 20px rgba(244, 68, 56, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    }
}

@keyframes rippleOne {
    70% {
        box-shadow: 0 0 0 20px rgba(244, 68, 56, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    }
}


/* Blog Post Gallery CSS  */

.post-thumb-carousel .swiper-arrow .swiper-nav {
    background-color: var(--theme);
    color: var(--white);
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    z-index: 2;
    border-radius: 50px;
}

.post-thumb-carousel .swiper-arrow .swiper-nav.swiper-next {
    left: auto;
    right: 10px;
}

.post-thumb-carousel .swiper-arrow .swiper-nav:hover {
    background-color: var(--black);
    color: var(--white);
}


/* Blog Details CSS  */

.rt-postbox-details-area ul.post-meta {
    padding-left: 0;
    display: flex;
    gap: 20px;
}

.rt-postbox-details-area ul li {
    list-style: none;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font_dmsans);
    line-height: 1.4;
}

.rt-postbox-details-area ul li a {
    text-decoration: none;
}

.rt-postbox-details-area ul.post-meta li i {
    margin-right: 10px;
}

.rt-postbox-details-area .rt-postbox-details-article p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    font-family: var(--font_dmsans);
}

.mean-container .mean-nav ul li a:hover {
    background: inherit;
}

/* Basic Theme Check CSS End  */

/* Footer Anchor Widget CSS  */
.rt-footer-anchor-wrap .rt-footer-link a {
    font-size: 30px;
    line-height: 1.5;
    color: var(--black-2);
    position: relative;
}

.rt-footer-anchor-wrap .rt-footer-link a:hover {
    color: var(--primary);
}

.rt-footer-anchor-wrap .rt-footer-link a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    transition: all 0.3s;
    background-color: currentColor;
}

.rt-footer-anchor-wrap .rt-footer-link a:hover::before {
    width: 0;
}



/* Digital Agency (Home-01) Fact Section Custom CSS Start  */
.ax-fact-right-wrap {
    position: relative;
}

.ax-fact-opacity {
    opacity: 0.2;
}

.ax-fac-line {
    position: relative;
}

.ax-fact-line::before {
    position: absolute;
    content: "" !important;
    width: 1px !important;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.08);
    top: 0;
    left: 0;
}

.ax-fact-line::after {
    position: absolute;
    content: "";
    background-color: rgba(255, 255, 255, 0.08);
    width: 1px;
    height: 100%;
    top: 0;
    left: 7%;
}

@media (max-width: 767px) {

    .ax-fact-line::before,
    .ax-fact-line::after {
        background-color: none !important;
        width: 0px !important;
    }
}

/* Digital Agency (Home-01) Fact Section Custom CSS End  */


/* Creative Agency (Home -02) CSS Start  */
.cta-area-2 .ax-el-sec-title.section-title {
    display: inline-flex;
    align-items: center;
}


@media (max-width: 768px) {
    .mb-mob-bottom {
        margin-bottom: 30px;
    }
}

@media (min-width: 1850px) {
    .rr-container-1850 {
        max-width: 1850px;
    }
}


/* Ruhe Digital Agency Classic Blog Section CSS  */
.rd-dac-blog-item .h1-blog__item-thumb img {
    width: 450px;
    height: 600px;
    object-fit: cover;
}


/* Container Default CSS  */
/* elementor container width and padding  */
.e-con {
    --container-max-width: 1650px !important;
    --container-default-padding-top: 0px;
    --container-default-padding-right: 0px;
    --container-default-padding-bottom: 0px;
    --container-default-padding-left: 0px;
}

.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container,
.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)) {
    transition: none !important;
}