/*
Theme Name: 	  Zinify
Text Domain: 	   zinify
Template: 			atua
Version:            0.2
Tested up to:       6.8
Requires at least:  4.7
Requires PHP:       5.6
Author:             DesertThemes
Author URI:         https://desertthemes.com/
Theme URI:          https://desertthemes.com/themes/zinify-free/
Description:        Zinify is lightweight, highly extendable and multi-purpose WordPress Theme. It will enable you to create almost any type of website with a beautiful & professional design. Zinify supports popular WordPress plugins such as Elementor, WPML, Polylang, Yoast SEO, WooCommerce, Contact Form 7, Jetpack, and much more. Zinify Pro demo https://preview.desertthemes.com/pro/zinify/
Tags:               one-column, two-columns ,right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

:root {
    --dt-pri-color: #fb7645;
    --dt-priTwo-color: #ff4e2d;
    --dt-priGrd-color: linear-gradient(-137deg, var(--dt-pri-color) 10%, var(--dt-priTwo-color) 100%);
    --dt-priGrdRev-color: linear-gradient(-137deg, var(--dt-priTwo-color) 10%, var(--dt-pri-color) 100%);
    --dt-sec-color: #1C2438; /* #222056; #332d4f; */
}

.header--fourteen .dt_header-topbar {
    color: #fff;
    background-color: var(--dt-sec-color);
}

.header--fourteen .dt_header-topbar .contact__list i {
    color: #fff;
}

.header--fourteen .dt_header-navwrapper {
    color: var(--dt-sec-color);
    z-index: 0;
}

.header--fourteen .site--logo a:focus {
    outline-color: #fff;
}

/* ================== */

.header--fourteen .dt_header-navwrapperinner .site--logo {
    display: flex;
    align-items: center;
    min-width: 11rem;
    height: 100%;
    position: relative;
}

.header--fourteen .dt_header-topbar:has(.dt_header-widget) + .dt_header-navwrapper .dt_header-navwrapperinner .site--logo {
    align-items: unset;
}

.header--fourteen .dt_header-navwrapperinner .site--logo::before {
    content: "";
    position: absolute;
    top: -14px;
    right: -18%;
    bottom: -14px;
    left: -250%;
    background: var(--dt-priGrd-color);
    transform: skewX(33deg);
    z-index: -1;
}

.header--fourteen .dt_header-navwrapperinner .site--logo::after {
    content: "";
    position: absolute;
    top: 0;
    right: -37%;
    bottom: -14px;
    width: 30px;
    background-color: #ffffff;
    transform: skewX(33deg);
    z-index: -1;
}

@media (min-width: 62em) {
    .header--fourteen .dt_header-topbar .dt-row {
        margin-left: 18%;
    }

    .header--fourteen .dt_header-navwrapperinner .site--logo::before {
        top: -62px;
        right: -26%;
        bottom: 0;
    }

    .header--fourteen .dt_header-navwrapperinner .site--logo::after {
        top: 0;
        right: -40%;
        bottom: 0;
    }
}

/* ================== */

.header--fourteen .dt_header-navwrapperinner .is--sticky.on .site--logo {
    align-items: center;
}

.header--fourteen .dt_navbar-menu {
    justify-content: space-between;
    padding-left: 5rem;
}

.header--fourteen .dt_header-navwrapperinner .site--logo .site--logoinner {
    width: 100%;
}

.header--fourteen .dt_header-navwrapperinner .site--logo .site--logoinner a {
    font-size: 4rem;
}

.header--fourteen .dt_header-navwrapperinner .dt_navbar-menu .dt_navbar-list-right > li:not(:last-child) {
    margin-right: 0;
}

.header--fourteen .dt_header-navwrapperinner .dt_navbar-menu .dt_navbar-list-right > li:not(:first-child) {
    margin-left: 1.8rem;
}

.header--fourteen .dt_header-navwrapperinner .dt_navbar-menu .dt_navbar-blank-tag {
    display: none;
}

.header--fourteen .dt_navbar-nav .dt_navbar-mainmenu > li > a {
    font-weight: 700;
    font-size: 105%;
    letter-spacing: 0.5px;
}

/* Slider */

.header--fourteen + #content .dt_slider .dt-text-center .dt_slider-content,
.header--fourteen + #content .dt_slider .dt_slider-content {
    margin-bottom: 10rem;
}

.header--fourteen + #content .dt_slider .dt_slider-content .title > span+span {
    -webkit-text-stroke: 1px;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

/* Service Seventeen */

.dt_slider + .dt_service {
    padding-top: 0;
    padding-bottom: 9rem;
    overflow: visible;
    background-color: #f2f2f2;
}

.dt_slider + .dt_service .dt-col-lg-12 {
    margin-top: -12rem;
    margin-bottom: 0;
}

.dt_service--seventeen .dt_item_inner {
    position: relative;
    margin-top: 9.2rem;
    margin-bottom: 1rem;
}

.dt_service--seventeen .dt_item_inner .dt_item_top {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.dt_service--seventeen .dt_item_inner .dt_item_top .dt_item_image {
    width: 18.3rem;
    height: 18.3rem;
    line-height: 18.3rem;
    position: relative;
}

.dt_service--seventeen .dt_item_inner .dt_item_top .dt_item_image:before,
.dt_service--seventeen .dt_item_inner .dt_item_top .dt_item_image:after {
    position: absolute;
    content: '';
    bottom: 90px;
    width: 34px;
    height: 36px;
    border-radius: 36px;
    background-color: transparent;
    transition: all 0.5s ease;
    z-index: -1;
}

.dt_service--seventeen .dt_item_inner .dt_item_top .dt_item_image:before {
    left: -32px;
    box-shadow: 14px 16px 0px -5px #fff;
}

.dt_service--seventeen .dt_item_inner .dt_item_top .dt_item_image:after {
    right: -32px;
    box-shadow: -14px 16px 0px -5px #fff;
}

.dt_service--seventeen .dt_item_inner .dt_item_top .dt_item_image a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 18.3rem;
    height: 18.3rem;
    border-radius: 50%;
    z-index: 0;
}

.dt_service--seventeen .dt_item_inner .dt_item_top .dt_item_image a::before {
    content: "";
    position: absolute;
    inset: 1rem;
    background-color: var(--dt-pri-color);
    border-radius: 50%;
    z-index: 0;
    opacity: 0;
    transform: scale(0.25);
    transition: all 0.5s ease;
}

.dt_service--seventeen .dt_item_inner:focus-within .dt_item_top .dt_item_image a::before,
.dt_service--seventeen .dt_item_inner:hover .dt_item_top .dt_item_image a::before {
    opacity: 0.6;
    transform: scale(1);
}

.dt_service--seventeen .dt_item_inner .dt_item_top .dt_item_image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    margin: 0 auto;
    border: 1rem solid #fff;
    object-fit: cover;
}

.dt_service--seventeen .dt_item_inner .dt_item_top .dt_item_icon {
    width: 7.5rem;
    height: 7.5rem;
    line-height: 6.6rem;
    border-radius: 50%;
    font-size: 2.4rem;
    text-align: center;
    color: #fff;
    background-color: var(--dt-pri-color);
    border: 0.5rem solid #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 32%);
    transition: all 0.5s ease;
}

.dt_service--seventeen .dt_item_inner .dt_item_holder {
    position: relative;
    text-align: center;
    padding: 12.75rem 2.5rem 4.2rem;
    border-radius: 1rem;
}

.dt_service--seventeen .dt_item_inner .dt_item_holder::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 105%;
    left: 0;
    top: -1rem;
    background-color: var(--dt-pri-color);
    z-index: -1;
    border-radius: 1rem 1rem 1.5rem 1.5rem;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 51% 95%, 0 100%, 0% 25%);
    transition: all 0.5s ease;
}

.dt_service--seventeen .dt_item_inner .dt_shape_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: -1;
    border-radius: 1rem 1rem 1.5rem 1.5rem;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 51% 95%, 0 100%, 0% 25%);
}

.dt_service--seventeen .dt_item_inner .dt_shape_bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0%;
    left: 0;
    top: 0;
    background-color: var(--dt-sec-color);
    z-index: -1;
    border-radius: 1rem 1rem 1.5rem 1.5rem;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 51% 95%, 0 100%, 0% 25%);
    transition: all 0.5s ease;
}

.dt_service--seventeen .dt_item_inner:focus-within .dt_shape_bg::after,
.dt_service--seventeen .dt_item_inner:hover .dt_shape_bg::after {
    height: 100%;
}

.dt_service--seventeen .dt_item_inner .dt_item_holder .dt_item_title {
    font-size: 2.2rem;
    transition: all 0.5s ease;
}

.dt_service--seventeen .dt_item_inner .dt_item_holder .dt_item_title a {
    text-decoration: none;
    transition: all 0.5s ease;
}

.dt_service--seventeen .dt_item_inner .dt_item_holder .dt_item_title a:not(:hover, :focus),
.dt_service--seventeen .dt_item_inner .dt_item_holder .dt_item_content {
    color: var(--dt-sec-color);
}

.dt_service--seventeen .dt_item_inner .dt_item_holder .dt_item_content {
    margin-top: 1rem;
    transition: all 0.5s ease;
}

.dt_service--seventeen .dt_item_inner:focus-within .dt_item_title a:not(:hover, :focus),
.dt_service--seventeen .dt_item_inner:hover .dt_item_title a:not(:hover, :focus),
.dt_service--seventeen .dt_item_inner:focus-within .dt_item_title,
.dt_service--seventeen .dt_item_inner:hover .dt_item_title,
.dt_service--seventeen .dt_item_inner:focus-within .dt_item_content,
.dt_service--seventeen .dt_item_inner:hover .dt_item_content {
    color: #fff;
}

.dt_service--seventeen .dt_item_inner:focus-within .dt_item_top .dt_item_image:before,
.dt_service--seventeen .dt_item_inner:hover .dt_item_top .dt_item_image:before {
    box-shadow: 14px 16px 0px -5px var(--dt-sec-color);
}

.dt_service--seventeen .dt_item_inner:focus-within .dt_item_top .dt_item_image:after,
.dt_service--seventeen .dt_item_inner:hover .dt_item_top .dt_item_image:after {
    box-shadow: -14px 16px 0px -5px var(--dt-sec-color);
}

.dt_service--seventeen .dt_item_inner .dt_item_readmore .dt-btn-plustext {
    position: absolute;
    bottom: -0.75rem;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    height: 4.5rem;
    width: 4.5rem;
    line-height: 4.5rem;
    text-align: center;
    border-radius: 50%;
    background: var(--dt-pri-color);
    color: var(--dt-whi-color);
    overflow: hidden;
    text-decoration: none;
}

.dt_service--seventeen .dt_item_inner .dt_item_readmore .dt-btn-plustext:hover,
.dt_service--seventeen .dt_item_inner .dt_item_readmore .dt-btn-plustext:focus-within {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.dt_service--seventeen .dt_item_inner .dt_item_readmore .dt-btn-plustext:before {
    font-family: 'Font Awesome 6 Free';
    content: '\f105';
    font-weight: 600;
}

.dt_service--seventeen .dt_item_inner .dt_item_readmore .dt-btn-plustext span {
    display: none;
}


/* Service Eighteen */

.dt_service--eighteen {
    background-color: #f2f2f2;
}

.dt_service--eighteen .dt_item_inner {
    position: relative;
    padding: 2rem;
    border: 1px solid rgba(189, 189, 189, 0.35);
    border-radius: 2rem;
    text-align: center;
    background-color: #fff;
    z-index: 0;
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.dt_service--eighteen .dt_item_inner:focus-within,
.dt_service--eighteen .dt_item_inner:hover {
    box-shadow: 8px 8px 0 var(--dt-pri-color);
}

.dt_service--eighteen .dt_item_inner .dt_item_top .dt_item_image a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.dt_service--eighteen .dt_item_inner .dt_item_top .dt_item_image img {
    width: 100%;
    height: 100%;
    border-radius: 2rem;
    object-fit: cover;
}

.dt_service--eighteen .dt_item_inner .dt_item_top .dt_item_icon {
    display: inline-block;
    width: 9rem;
    height: 9rem;
    line-height: 7rem;
    border-radius: 50%;
    font-size: 2.4rem;
    text-align: center;
    color: #fff;
    background-color: var(--dt-pri-color);
    border: 1rem solid #fff;
    margin-top: -6rem;
    transition: all 0.5s ease;
    position: relative;
    margin-bottom: 0.75rem;
    z-index: 0;
}

.dt_service--eighteen .dt_item_inner .dt_item_top .dt_item_icon:before,
.dt_service--eighteen .dt_item_inner .dt_item_top .dt_item_icon:after {
    position: absolute;
    content: '';
    bottom: 43px;
    width: 44px;
    height: 46px;
    border-radius: 46px;
    background-color: transparent;
    z-index: -1;
}

.dt_service--eighteen .dt_item_inner .dt_item_top .dt_item_icon:before {
    left: -46px;
    box-shadow: 10px 18px 0px -7px #fff;
}

.dt_service--eighteen .dt_item_inner .dt_item_top .dt_item_icon:after {
    right: -46px;
    box-shadow: -10px 18px 0px -7px #fff;
}

.dt_service--eighteen .dt_item_inner .dt_item_holder .dt_item_title {
    font-size: 2.2rem;
}

.dt_service--eighteen .dt_item_inner .dt_item_holder .dt_item_title a {
    text-decoration: none;
}

.dt_service--eighteen .dt_item_inner .dt_item_holder .dt_item_title a:not(:hover, :focus),
.dt_service--eighteen .dt_item_inner .dt_item_holder .dt_item_content {
    color: var(--dt-sec-color);
}

.dt_service--eighteen .dt_item_inner .dt_item_holder .dt_item_content {
    margin-top: 1rem;
}

.dt_service--eighteen .dt_item_inner .dt_item_readmore .dt-btn-plustext {
    position: absolute;
    bottom: -2.35rem;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    height: 4.5rem;
    width: 4.5rem;
    line-height: 4.5rem;
    text-align: center;
    border-radius: 50%;
    background: var(--dt-pri-color);
    color: var(--dt-whi-color);
    overflow: hidden;
    text-decoration: none;
}

.dt_service--eighteen .dt_item_inner .dt_item_readmore .dt-btn-plustext:hover,
.dt_service--eighteen .dt_item_inner .dt_item_readmore .dt-btn-plustext:focus-within {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.dt_service--eighteen .dt_item_inner .dt_item_readmore .dt-btn-plustext:before {
    font-family: 'Font Awesome 6 Free';
    content: '\f105';
    font-weight: 600;
}

.dt_service--eighteen .dt_item_inner .dt_item_readmore .dt-btn-plustext span {
    display: none;
}