/*
Theme Name: 	   Flexora
Text Domain: 	   flexora
Template: 			cosmobit
Version:            0.1
Tested up to:       6.0
Requires at least:  4.7
Requires PHP:       5.6
Author:             DesertThemes
Author URI:         https://desertthemes.com/
Description:        Flexora is the perfect theme for your website. Flexora is lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business, consultant, finance, corporate, freelancer, agency, business promotion, electrician, industries, education, SEO, construction, fashion, online shop, health & medical, Beauty & spa salons, wedding, photography, gym, cafe, music, architecture, lawyer, restaurant, hotel, blog, magazine, travel agency, RTL & Translation Ready and many other websites with a beautiful & professional design. Flexora supports popular WordPress plugins such as Elementor, WPML, Polylang, Yoast SEO, WooCommerce, Contact Form 7, Jetpack, Google Analytics, and much more.
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-base-color: #666666;
    --dt-pri-color: #03c2f6;
    --dt-sec-color: #1e1e2a;
    --dt-whi-color: #ffffff;
    --dt-gray-high: #f6f6f6;
    --dt-base-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --dt-title-font: "Roboto", sans-serif;
    --dt-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}


/* Header Seven */

@media (min-width: 62em) {
    .header--seven {
        background-color: transparent;
    }

    .header--seven .dt__header-topbar {
        background-color: transparent;
    }

    .header--seven .dt__header-inner {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 122rem;
        background-color: var(--dt-whi-color);
        margin: 0 auto;
        padding: 0;
        -webkit-box-shadow: 0 1rem 5rem -1rem rgba(0, 0, 0, 0.07);
        box-shadow: 0 1rem 5rem -1rem rgba(0, 0, 0, 0.07);
    }

    .header--seven .dt__header-navwrapperinner,
    .header--seven .dt__navbar-menu {
        min-height: 8rem;
    }

    body:not(.menu__active-two) .header--seven .dt__navbar-nav .dt__navbar-mainmenu > li > a {
        line-height: 8rem;
    }

    .header--seven .dt__navbar-wrapper .dt-col-2.dt-my-auto {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 22.666667%;
        max-width: 22.666667%;
        position: relative;
        margin: 0;
    }

    .dt__header .dt-col-2.dt-my-auto+.dt-col-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 77.333333%;
        max-width: 77.333333%;
        position: relative;
        margin: 0;
    }

    .header--seven .dt__navbar-wrapper .site--logo {
        position: absolute;
        left: -4.6rem;
        width: 126%;
        height: 140%;
        border-radius: 0 0 0 4rem;
        padding: 2.5rem 7rem 2.5rem 5.6rem;
        color: var(--dt-whi-color);
        background-color: var(--dt-sec-color);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    }

    .header--seven .dt__navbar-wrapper .site--logo a {
        max-width: 100%;
    }

    .header--seven .dt__navbar-wrapper .dt-col-2.dt-my-auto:before {
        content: '';
        position: absolute;
        top: -4.2rem;
        left: -4.6rem;
        width: 4.2rem;
        height: 3.6rem;
        border-radius: 5rem 0 0 0;
        background-color: var(--dt-sec-color);
        z-index: 4;
        filter: drop-shadow(-6px 0px 8px rgba(255, 255, 255, 0.2));
    }

    .header--seven .dt__navbar-wrapper .dt-col-2.dt-my-auto:after {
        content: '';
        position: absolute;
        top: -1rem;
        left: -4.6rem;
        width: 4.2rem;
        height: 2rem;
        background-color: var(--dt-sec-color);
        z-index: 3;
    }

    /* .header--seven .dt__navbar-wrapper .site--logo .site-description, */
    /* .header--seven .dt__navbar-wrapper .site--logo a { */
        /* color: inherit; */
    /* } */
}

.header--seven .dt__mobilenav {
    background-color: var(--dt-sec-color);
    color: var(--dt-whi-color);
}

.header--seven .dt__mobilenav .dt__mobilenav-menu .dt__mobilenav-logo .site-description,
.header--seven .dt__mobilenav .dt__mobilenav-menu .dt__mobilenav-logo a {
    color: inherit;
}

.header--seven .dt__mobilenav .dt__mobilenav-menu .hamburger span {
    background-color: var(--dt-whi-color);
}

.header--seven .dt__mobilenav .dt__mobilenav-menu .cart--icon strong {
    border-color: var(--dt-sec-color);
    color: var(--dt-sec-color);
}

.header--seven .dt__mobilenav .dt__mobilenav-menu .cart--icon strong:after {
    border-color: var(--dt-sec-color);
}

.header--seven .dt__mobilenav .dt__mobilenav-menu .dt__navbar-cart-item:hover .cart--icon strong,
.header--seven .dt__mobilenav .dt__mobilenav-menu .dt__navbar-cart-item:focus-within .cart--icon strong {
    background-color: var(--dt-pri-color);
    color: var(--dt-whi-color);
    border-color: var(--dt-pri-color);
}


/* Slider--Three */

@media (min-width: 62em) {
    .header--seven+.cosmobit-content .dt__slider .dt__slider-innercell {
        padding-top: 12.8rem;
        padding-bottom: 6rem;
    }
    .header--seven + .cosmobit-content .dt__slider--four .dt__slider-content {
        max-width: 58%;
    }
}

@media (min-width: 87.5em) {
    .header--seven .dt__slider-main,
    .header--seven .dt__slider-item,
    .header--seven .dt__slider-innercell,
    .header--seven .dt__slider-item > img {
        max-height: 80rem;
        min-height: 80rem;
    }
}

.dt__slider--three .dt__slider-content {
    margin-bottom: 0;
}

.dt__slider--three .dt__slider-content h3 {
    font-size: 1.8rem;
    line-height: 1;
    border-radius: 0.5rem;
    padding: 1rem 1.8rem;
    background-color: var(--dt-pri-color);
    color: var(--dt-whi-color);
}

.dt__slider--three .dt__slider-content h1 {
    font-size: 5.7rem;
}

.dt__slider--three .dt__slider-rightimg img {
    box-shadow: rgba(0, 0, 0, 0.30) 0 2.2rem 3rem 0;
    border-radius: 2.5rem;
}

.dt__slider--three .dt__slider-main.owl-carousel.owl-theme .owl-nav button {
    width: 6rem;
    height: 6rem;
    top: 43%;
    font-size: 2.5rem;
    transform: rotate(45deg);
}

.dt__slider--three .dt__slider-main.owl-carousel.owl-theme .owl-nav .owl-prev i {
    transform: rotate(-45deg) translateX(1.2rem);
}

.dt__slider--three .dt__slider-main.owl-carousel.owl-theme .owl-nav .owl-next i {
    transform: rotate(-45deg) translateX(-1.2rem);
}

.dt__slider--three .dt__slider-main.owl-carousel.owl-theme .owl-nav .owl-prev {
    left: -6rem;
    border-radius: 0 0.5rem 0 0;
}

.dt__slider--three .dt__slider-main.owl-carousel.owl-theme .owl-nav .owl-next {
    right: -6rem;
    border-radius: 0 0 0 0.5rem;
}

.dt__slider--three .dt__slider-main.owl-carousel.owl-theme:hover .owl-nav .owl-prev {
    left: -3rem;
}

.dt__slider--three .dt__slider-main.owl-carousel.owl-theme:hover .owl-nav .owl-next {
    right: -3rem;
}


/* Infoservices--Three */

.dt__infoservices--three .dt__infoservices-block {
    position: relative;
    display: block;
    background-color: var(--dt-whi-color);
    padding: 3rem 3rem 3.2rem 3rem;
    border-radius: 1rem;
    text-align: center;
    overflow: hidden;
    -webkit-box-shadow: 0 0.5rem 1.6rem 0 rgba(109, 125, 145, 0.14);
    box-shadow: 0 0.5rem 1.6rem 0 rgba(109, 125, 145, 0.14);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 0;
}

@media (min-width: 62em) {
    .dt__infoservices--three .dt__infoservices-block {
        margin: 0 -0.7rem 0 0;
    }
}

.dt__infoservices--three .dt__infoservices-row {
    margin-top: -8.8rem;
    --dt-gutter-x: 3rem;
}

@media (max-width: 74.938rem) {

    .dt__infoservices--three .dt__infoservices-row {
        margin-top: -5.9rem;
    }
}

.dt__infoservices--three .dt__infoservices-block:hover,
.dt__infoservices--three .dt__infoservices-block:focus-within {
    -webkit-box-shadow: 0 1.2rem 4rem 0 rgba(33, 68, 98, 0.16);
    box-shadow: 0 1.2rem 4rem 0 rgba(33, 68, 98, 0.16);
}

.dt__infoservices--three .dt__infoservices-block .pattern .pattern1 {
    position: absolute;
    left: -3rem;
    top: 0;
    width: 22.8rem;
    height: 10.3rem;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: -1;
    background-color: var(--dt-pri-color);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='228' height='103' viewBox='0 0 228 103' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H228C227.832 0.167596 227.665 0.334031 227.499 0.499311L227.963 0.88183C211.425 20.9271 199.172 28.5707 186.004 30.0338C179.444 30.7627 172.7 29.952 165.156 28.4399C161.158 27.6387 156.89 26.6298 152.291 25.5427L152.29 25.5426C148.254 24.5884 143.962 23.5739 139.374 22.5866C122.173 18.8851 110.392 22.8182 101.006 30.5216C92.4943 37.5069 85.9377 47.597 79.1244 58.0821C78.3793 59.2287 77.6312 60.3801 76.8771 61.5326C69.2544 73.1825 61.04 84.9179 49.2698 92.748C37.468 100.599 22.1505 104.489 0.394171 100.591L0.605829 99.4094C22.0995 103.261 37.0945 99.4063 48.6052 91.7489C60.1475 84.0703 68.2456 72.5327 75.8729 60.8756C76.6279 59.7218 77.3784 58.5665 78.1273 57.4136C84.918 46.9601 91.5796 36.7052 100.244 29.594C109.921 21.6526 122.077 17.637 139.626 21.4134C144.282 22.4154 148.577 23.4312 152.603 24.3833L152.603 24.3834C157.167 25.4628 161.385 26.4604 165.391 27.2633C172.893 28.7668 179.494 29.5498 185.871 28.8412C197.556 27.5429 208.64 21.2181 223.148 4.69325C200.274 25.9803 188.901 23.4224 150.351 14.753C149.256 14.5068 148.14 14.2557 147 14C109.966 5.69111 96.0387 27.8152 81.6171 50.7242C65.6643 76.0656 49.1068 102.368 0 89.5V0Z' fill='currentColor'/%3E%3C/svg%3E");
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.dt__infoservices--three .dt__infoservices-block:hover .pattern .pattern1 {
    left: 0;
    opacity: 1;
}

.dt__infoservices--three .dt__infoservices-block .pattern .pattern2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14.9rem;
    height: 8.7rem;
    opacity: 0;
    z-index: -1;
    background-color: var(--dt-pri-color);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='149' height='87' viewBox='0 0 149 87' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M148.5 1C142.667 3.5 129.1 11.7 121.5 24.5C112 40.5 93.5 64 76.5 67.5C59.5 71 34.5 62 23.5 67C12.5 72 4 81 1 86.5' stroke='currentColor' stroke-width='1.2'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.dt__infoservices--three .dt__infoservices-block:hover .pattern .pattern2 {
    opacity: 1;
}

.dt__infoservices--three .dt__infoservices-block .dt__infoservices-inner .dt__infoservices-icon {
    display: inline-block;
    margin-bottom: 1.8rem;
    padding: 1rem 0 0 0;
    font-size: 5.4rem;
    color: var(--dt-pri-color);
}

.dt__infoservices--three .dt__infoservices-block .dt__infoservices-inner .dt__infoservices-icon img {
    width: 5.4rem;
}

.dt__infoservices--five .dt__infoservices-block:hover .dt__infoservices-inner .dt__infoservices-icon img,
.dt__infoservices--five .dt__infoservices-block:hover .dt__infoservices-inner .dt__infoservices-icon i,
.dt__infoservices--five .dt__infoservices-block:focus-within .dt__infoservices-inner .dt__infoservices-icon img,
.dt__infoservices--five .dt__infoservices-block:focus-within .dt__infoservices-inner .dt__infoservices-icon i,
.dt__infoservices--four .dt__infoservices-block:hover .dt__infoservices-inner .dt__infoservices-icon img,
.dt__infoservices--four .dt__infoservices-block:hover .dt__infoservices-inner .dt__infoservices-icon i,
.dt__infoservices--four .dt__infoservices-block:focus-within .dt__infoservices-inner .dt__infoservices-icon img,
.dt__infoservices--four .dt__infoservices-block:focus-within .dt__infoservices-inner .dt__infoservices-icon i,
.dt__infoservices--three .dt__infoservices-block:hover .dt__infoservices-inner .dt__infoservices-icon img,
.dt__infoservices--three .dt__infoservices-block:hover .dt__infoservices-inner .dt__infoservices-icon i,
.dt__infoservices--three .dt__infoservices-block:focus-within .dt__infoservices-inner .dt__infoservices-icon img,
.dt__infoservices--three .dt__infoservices-block:focus-within .dt__infoservices-inner .dt__infoservices-icon i {
    -webkit-animation: dance_hover 1s ease-in-out 1;
    animation: dance_hover 1s ease-in-out 1;
}

.dt__infoservices--three .dt__infoservices-block .dt__infoservices-inner .link a {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 300;
    color: var(--dt-pri-color);
    background-color: transparent;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    transform: scale(1,1);
    z-index: 0;
}

.dt__infoservices--three .dt__infoservices-block .dt__infoservices-inner .link a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background-color: var(--dt-pri-color);
    z-index: -1;
}

.dt__infoservices--three .dt__infoservices-block .dt__infoservices-inner .link a i {
    transform: none;
    margin: 0;
    font-size: inherit;
}

.dt__infoservices--three .dt__infoservices-block:hover .dt__infoservices-inner .link a,
.dt__infoservices--three .dt__infoservices-block:focus-within .dt__infoservices-inner .link a {
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
}

.dt__infoservices--three .dt__infoservices-block .dt__infoservices-inner .link-btn {
    position: absolute;
    left: 0;
    bottom: 4.5rem;
    width: 100%;
    text-align: center;
}

.dt__infoservices--three .dt__infoservices-block .dt__infoservices-inner .link-btn a {
    padding: 0.7rem 2.4rem;
    font-size: 1.52rem;
    font-weight: 600;
    color: var(--dt-whi-color);
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
}

.dt__infoservices--three .dt__infoservices-block:hover .dt__infoservices-inner .link-btn a,
.dt__infoservices--three .dt__infoservices-block:focus-within .dt__infoservices-inner .link-btn a {
    transform: scale(1,1);
}


/* Service--three */

.dt__services--three + .dt__cta--two {
    background-color: var(--dt-gray-high);
}

.dt__services--three .dt__services-block {
    position: relative;
    z-index: 0;
}

.dt__services--three .dt__services-block {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.dt__services--three .dt__services-block .dt__services-inner,
.dt__services--three .dt__services-block .dt__services-back {
    position: relative;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.dt__services--three .dt__services-block .dt__services-inner,
.dt__services--three .dt__services-block .dt__services-back {
    background-color: var(--dt-whi-color);
    text-align: left;
    border-radius: 1.5rem;
    padding: 5rem 4rem 5rem 4rem;
    -webkit-box-shadow: 0 0 5rem 0 #eee;
    box-shadow: 0 0 5rem 0 #eee;
}

.dt__services--three .dt__services-block .dt__services-inner:before {
    display: none;
}

.dt__services--three .dt__services-block:hover .dt__services-inner,
.dt__services--three .dt__services-block:focus-within .dt__services-inner {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.dt__services--three .dt__services-block .dt__services-inner .dt__services-icon {
    margin-bottom: 0.6rem;
}

.dt__services--three .dt__services-block .dt__services-inner .dt__services-icon .icon {
    position: relative;
    width: 8rem;
    height: 8rem;
    font-size: 3.4rem;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: var(--dt-pri-color);
    border-radius: 1.2rem;
    color: var(--dt-whi-color);
    -webkit-box-shadow: 0 1rem 6rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1rem 6rem 0 rgba(0, 0, 0, 0.1);
    z-index: 0;
}

.dt__services--three .dt__services-block .title {
    margin-bottom: 0.3rem;
}

.dt__services--three .dt__services-block .dt__services-inner > * {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(95px) scale(0.81);
    transform: translateZ(95px) scale(0.81);
}

.dt__services--three .dt__services-block .dt__services-back {
    padding: 3rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    color: var(--dt-whi-color);
    background-color: var(--dt-pri-color);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.dt__services--three .dt__services-block .dt__services-back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.dt__services--three .dt__services-block:hover .dt__services-back,
.dt__services--three .dt__services-block:focus-within .dt__services-back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.dt__services--three .dt__services-block .dt__services-back .bg-img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
}

.dt__services--three .dt__services-block .dt__services-back .bg-img::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: var(--dt-pri-color);
    opacity: 0.9;
    z-index: 0;
}

.dt__services--three .dt__services-block .dt__services-back .bg-img img {
    height: 100%;
}

.dt__services--three .dt__services-block .dt__services-back .title {
    margin-bottom: 1.2rem;
}

.dt__services--three .dt__services-block .dt__services-back .title,
.dt__services--three .dt__services-block .dt__services-back .title a,
.dt__services--three .dt__services-block .dt__services-back .text {
    color: inherit;
}

.dt__services--three .dt__services-block .dt__services-back .read-more {
    color: var(--dt-sec-color);
    background-color: var(--dt-whi-color);
    margin-top: 2rem;
    border-radius: 0.6rem;
}

.dt__services--three .dt__services-block .dt__services-inner a.read-more {
    background-color: var(--dt-pri-color);
    -webkit-transform: translateZ(25px) translateX(7px) scale(1);
    transform: translateZ(25px) translateX(7px) scale(1);
    margin-top: 2rem;
}


/* Posts Two */

.dt__posts--two .dt__post .dt__post-thumb {
    margin-bottom: 3rem;
}

.dt__posts--two .dt__post .dt__post-thumb+.dt__post-outer {
    margin-top: -6.2rem;
}

.dt__posts--two .dt__post .dt__post-outer {
    background-color: var(--dt-whi-color);
    position: relative;
    padding: 2.5rem 2rem 1.5rem;
    -webkit-box-shadow: 0 0 3.2rem rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 3.2rem rgba(0, 0, 0, 0.07);
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    margin-bottom: 3rem;
}

.dt__posts--list .dt__post .dt__post-top-meta,
.dt__posts--two .dt__post .dt__post-top-meta {
    margin-bottom: 1.2rem;
}

.single-post .dt__post .dt__post-top-meta>ul>li .dt__post-category a,
.dt__posts--list .dt__post .dt__post-top-meta>ul>li .dt__post-category a,
.dt__posts--two .dt__post .dt__post-top-meta>ul>li .dt__post-category a {
    padding-right: 0;
    padding-left: 0.5rem;
    margin-right: 0;
    position: relative;
}

.single-post .dt__post .dt__post-top-meta .dt__post-category a:not(:hover,:focus),
.dt__posts--list .dt__post .dt__post-top-meta .dt__post-category a:not(:hover,:focus),
.dt__posts--two .dt__post .dt__post-top-meta .dt__post-category a:not(:hover,:focus) {
    color: var(--dt-sec-color);
    text-decoration: none;
}

button[type=submit],
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.dt-btn,
.button:not(.add_to_cart_button) {
    border-radius: 0.8rem;
}

@media (min-width: 62em) {
    .header--seven+.dt__pagetitle {
        padding-top: 24.5rem;
        padding-bottom: 9rem;
    }
}

.dt__header-widget .widget_social li a {
    border: 0.1rem solid var(--dt-sec-color);
    border-radius: 100%;
    background-color: transparent;
    color: var(--dt-sec-color);
}

.dt__header-widget .widget_social li a:hover,
.dt__header-widget .widget_social li a:focus {
    border-color: var(--dt-pri-color);
    background-color: var(--dt-pri-color);
    color: var(--dt-whi-color);
}