#studio-banner-sec {
    padding-top: 90px;
    background: #141414;
}

#studio-banner-sec .dsn-bg-mask.background-section {
    background: #191919;
}

.studio-banner-sec-2, .studio-banner-sec-3,
.studio-banner-sec-4, .studio-banner-sec-5,
.studio-banner-sec-6, .studio-banner-sec-8, .studio-banner-sec-9 {
    background: #141414;
}

.studio-banner-sec-7{
    background: #1a1a1a;
}

.studio-banner-sec-2 .elementor-top-section {
    margin-top: 0px;
}


.background-section .background-inner {
    background: none !important;
}


.swiper-pagination-bullets, .swiper-pagination-fraction, .swiper-pagination-progressbar {
  position: relative;
  --swiper-pagination-color: var(--theme-color);
  --swiper-pagination-bullet-inactive-color: var(--theme-color);

  @include media_575() {
    display: none;
  }
}

.swiper-pagination-fraction {
  bottom: 0;
  width: auto;
  display: block;
}

.dsn-swiper .swiper-pagination-progressbar {
  position: relative;
  width: 30% !important;
  height: 1px !important;
  background-color: $border-color;

  --swiper-pagination-color: var(--theme-color);

  span {
    transition-property: transform;
  }
}






:root,:root .v-light,:root .v-light-head{
    --bg-color:#f9f9f9;
    --assistant-color:#efefef;
    --theme-color:#e4dcd3;
    --theme-color-font:#fff;
    --font-color:#0009;
    --heading-color:#000;
    --border-color:#2828281a;
    --smooth-color:#141414;
    --reverse-color:#141414;
    --reverse-heading-color:#fff;
    --bg-btn:#f6fafd;
    --divider-color:var(--border-color)
}


:root .v-dark,:root .v-dark-head{
    --bg-color:#131313;
    --assistant-color:#191919;
    --theme-color:#e4e4dd;
    --font-color:#ddd;
    --heading-color:#fff;
    --border-color:#ffffff1a;
    --smooth-color:#f9f9f9;
    --reverse-color:#f9f9f9;
    --reverse-heading-color:#000;
    --bg-btn:#0a0909
}

/*

.dsn-lazy-loading {
  filter: blur(13px);
}

img:not(.dsn-lazy-loading) {
  transition: filter 1s $easeInOutExpo;
}


:root .v-dark-head.background-theme,:root .v-dark-head .background-theme,:root .v-dark .background-theme,:root .v-dark.background-theme{
    --font-color:#0009;
    --heading-color:#000
}
@media only screen and (max-width:991px){
    .v-dark-head-mobile{
        --bg-color:#131313;
        --assistant-color:#191919;
        --theme-color:#e4e4dd;
        --font-color:#ddd;
        --heading-color:#fff;
        --border-color:#ffffff1a;
        --smooth-color:#f9f9f9;
        --reverse-color:#f9f9f9;
        --reverse-heading-color:#000;
        --bg-btn:#0a0909
    }
    .v-dark-head-mobile .background-theme,.v-dark-head-mobile.background-theme{
        --font-color:#0009;
        --heading-color:#000
    }
}


:root{
    --body-font:"Poppins",sans-serif;
    --heading-font:"Excon",sans-serif;
    --font-code:Menlo,monaco,Consolas,Lucida Console,monospace;
    --font-pre:"Courier 10 Pitch",Courier,monospace;
    --font-size-base:15px;
    --font-size-h1:40px;
    --font-size-h2:35px;
    --font-size-h3:30px;
    --font-size-h4:25px;
    --font-size-h5:22px;
    --font-size-h6:16px;
    --menu-size:12px;
    --line-height-base:1.3;
    --line-height-content:1.6;
    --font-weight-heading:500;
    --font-weight-body:400;
    --smooth-width:4px;
    --bg-overlay:#000;
    --overlay-blend-mode:unset
}
:root .dsn-icon-theme-color{
    --theme-color:#f7e0c7
}*/


.background-main, .background-main .background-inner {
    background-color: #131313;
}

@media only screen and (min-width:1400px){
    :root{
        --dsn-gap-container:100px;
        --title-heading:95px
    }
    :root .container,:root .dsn-left-container,:root .dsn-right-container{
        --dsn-gap-container:50px
    }
}
@media only screen and (max-width:1399px){
    :root{
        --dsn-gap-container:50px;
        --title-heading:85px
    }
}
@media only screen and (max-width:1200px){
    :root{
        --title-heading:75px
    }
}
@media only screen and (min-width:992px){
    :root{
        --margin-padding:120px;
        --box-padding:80px 40px
    }
}
@media only screen and (max-width:991px){
    :root{
        --margin-padding:80px;
        --box-padding:60px var(--dsn-gap-container);
        --title-heading:65px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    :root{
        --dsn-gap-container:40px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    :root{
        --dsn-gap-container:25px;
        --title-heading:47px
    }
}
@media only screen and (max-width:575px){
    :root{
        --dsn-gap-container:15px;
        --title-heading:47px
    }
}

/*
html{
    font-size:var(--font-size-base)
}
body{
    background-color:var(--bg-color);
    color:var(--font-color);
    line-height:var(--line-height-base);
    font-family:var(--body-font);
    font-weight:var(--font-weight-body);
    margin:0;
    text-rendering:optimizeLegibility;
    transition:100ms;
    transition-property:background-color,color
}*/
#dsn_cursor,#dsn_cursor_inner{
    position:fixed;
    top:0;
    left:0;
    border-radius:50%;
    pointer-events:none;
    z-index:99
}
body:not(.dsn-cursor-effect) #dsn_cursor,body:not(.dsn-cursor-effect) #dsn_cursor_inner{
    display:none
}
@media only screen and (max-width:991px){
    #dsn_cursor,#dsn_cursor_inner{
        display:none
    }
}
body.dsn-cursor-effect #dsn_cursor,body.dsn-cursor-effect #dsn_cursor_inner{
    display:none
}
#dsn_cursor{
    width:30px;
    height:30px;
    border:2px solid var(--theme-color)
}
#dsn_cursor path{
    display:none;
    stroke-dasharray:400;
    stroke-dashoffset:400;
    stroke-width:1
}
#dsn_cursor_inner{
    width:7px;
    height:7px;
    background-color:var(--theme-color)
}
/*
#dsn_preloader{
    position:fixed;
    width:100vw;
    max-width:100%;
    height:100vh;
    z-index:98;
    flex-direction:column;
    overflow:hidden;
    left:0
}

#dsn_preloader .bg-load{
    z-index:-1
}
@media only screen and (min-width:992px){
    #dsn_preloader{
        --width-loading-circle:25vw
    }
}
@media only screen and (max-width:991px){
    #dsn_preloader{
        --width-loading-circle:50vw
    }
}
#dsn_preloader .loading-circle,#dsn_preloader svg.v-middle{
    width:var(--width-loading-circle);
    height:var(--width-loading-circle)
}
#dsn_preloader svg.v-middle path{
    display:block;
    stroke-dasharray:310px;
    stroke-dashoffset:310px;
    stroke:url(#linearColors);
    animation:spin 1s infinite linear;
    transform-origin:center;
    width:100%;
    height:100%;
    stroke-width:1.4
}
#dsn_preloader .loading-circle{
    font-size:7vw;
    border-radius:50%;
    border:1px solid #000
}
#dsn_preloader .loading-text{
    position:absolute;
    font-size:22px;
    color:var(--heading-color);
    left:var(--dsn-gap-container);
    bottom:50px
}*/


.dsnload{
    top:22px;
    left:var(--dsn-gap-container);
    display:none
}
.dsnload .dsnload__img{
    display:block;
    transform-origin:bottom left;
    animation:moveIn 2s 0s cubic-bezier(0.36,0,0.06,1) alternate infinite
}
.dsnload .dsnload__img img{
    width:96px
}
.dsnload .dsnload__row:first-child{
    -webkit-clip-path:polygon(-10% 75%,110% 75%,110% 110%,-10% 110%);
    clip-path:polygon(-10% 75%,110% 75%,110% 110%,-10% 110%)
}
.dsnload .dsnload__row:first-child .dsnload__img{
    transform:translateY(-0.1em)
}
.dsnload .dsnload__row:nth-child(2){
    -webkit-clip-path:polygon(-10% 50%,110% 50%,110% 75.3%,-10% 75.3%);
    clip-path:polygon(-10% 50%,110% 50%,110% 75.3%,-10% 75.3%)
}
.dsnload .dsnload__row:nth-child(2) .dsnload__img{
    transform:translateY(-0.3em) scaleY(1.1)
}
.dsnload .dsnload__row:nth-child(3){
    -webkit-clip-path:polygon(-10% 25%,110% 25%,110% 50.3%,-10% 50.3%);
    clip-path:polygon(-10% 25%,110% 25%,110% 50.3%,-10% 50.3%)
}
.dsnload .dsnload__row:nth-child(3) .dsnload__img{
    transform:translateY(-0.5em) scaleY(1.2)
}
.dsnload .dsnload__row:nth-child(4){
    -webkit-clip-path:polygon(-10% 0%,110% 0%,110% 25.3%,-10% 25.3%);
    clip-path:polygon(-10% 0%,110% 0%,110% 25.3%,-10% 25.3%)
}
.dsnload .dsnload__row:nth-child(4) .dsnload__img{
    transform:translateY(-0.7em) scaleY(1.3)
}
.dsnload .dsnload__row.dsnload__row--sibling{
    position:absolute;
    top:0;
    left:0;
    -webkit-user-select:none;
    user-select:none
}
@keyframes moveIn{
    50%,to{
        transform:translateY(0em)
    }
    0%{
        opacity:0;
        filter:blur(5px)
    }
    to{
        opacity:1;
        filter:blur(0px)
    }
}
@keyframes spin{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(360deg)
    }
}



.day-night{
    position:fixed;
    z-index:100;
    top:50px;
    width:30px;
    height:30px;
    cursor:pointer;
    text-align:center
}
@media only screen and (min-width:1400px){
    .day-night{
        left:20px
    }
}
@media only screen and (max-width:1399px){
    .day-night{
        left:10px
    }
}
.day-night svg{
    width:30px;
    height:30px
}
.day-night .title-mode{
    writing-mode:vertical-rl;
    -webkit-text-orientation:mixed;
    text-orientation:mixed;
    margin-top:10px;
    letter-spacing:7px;
    background-color:var(--assistant-color);
    width:40px;
    margin-left:-5px;
    padding-bottom:10px;
    border-radius:0 0 15px 15px;
    line-height:38px
}
.day-night .title-mode:before{
    content:"";
    position:absolute;
    left:-5px;
    top:-10px;
    height:50px;
    width:40px;
    background-color:inherit;
    z-index:-1;
    border-radius:15px 15px 0 0
}
@media only screen and (max-width:991px){
    .day-night{
        top:30px;
        left:200px;
        display:none
    }
}
@media only screen and (max-width:767px){
    .day-night{
        top:50px;
        left:150px;
        display:none
    }
}
.day-night .moon,.day-night .night{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    transition:opacity 0.2s;
    border-radius:100%;
    opacity:0
}






.day-night .moon svg,.day-night .night svg{
    width:100%;
    height:100%
}
.day-night .night{
    border:1px solid rgba(255,255,255,0.18);
    background-color:#fff;
    opacity:1
}
.day-night .night svg{
    fill:#000;
    width:100%;
    height:100%
}
.day-night .moon{
    border:1px solid rgba(255,255,255,0.18);
    background-color:#000;
    opacity:0
}
.day-night .moon svg{
    transform:rotate(270deg);
    fill:#f0f0f0
}
.v-light .day-night .night{
    opacity:0
}
.v-light .day-night .moon{
    opacity:1
}
#page_wrapper{
    position:relative;
    z-index:1
}
.elementor-widget-dsn_bg_mask.elementor-element.elementor-absolute,.elementor-widget-dsn_bg_mask.elementor-element.elementor-fixed{
    z-index:0
}
.bg-load{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99
}
.bg-load svg{
    fill:var(--dsn-color-icon,var(--theme-color));
    pointer-events:none;
    width:100%;
    height:150px
}
.bg-load svg.dsn-separator-bottom{
    transform:translateY(148px)
}
.bg-load svg.dsn-separator-top{
    transform:translateY(-148px) rotate(180deg)
}
.dsn-heading-title.p-10{
    padding-top:5px;
    padding-bottom:5px;
    letter-spacing:2px
}
#line_head{
    position:fixed;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    opacity:0.2
}
#line_head>.container{
    position:relative;
    height:100%;
    left:50%;
    transform:translateX(-50%);
    border-left:1px solid var(--border-color);
    border-right:1px solid var(--border-color)
}
#line_head>.container:before{
    content:"";
    display:block;
    position:relative;
    width:1px;
    background-color:var(--border-color);
    height:100%;
    margin:0 auto
}
.dsn-separator:not(.dsn-duration){
    display:none
}
.footer-animate.svg-animate .dsn-separator{
    top:0;
    fill:var(--dsn-color-icon,var(--theme-color));
    position:absolute;
    display:block;
    pointer-events:none;
    width:100%;
    height:150px;
    z-index:10;
    left:0;
    background-color:transparent
}
@media only screen and (max-width:991px){
    .footer-animate.svg-animate .dsn-separator{
        height:100px
    }
}
@media only screen and (max-width:991px){
    .footer-animate.svg-animate .dsn-separator{
        height:80px
    }
}
@media only screen and (max-width:400px){
    .footer-animate.svg-animate .dsn-separator{
        height:50px
    }
}
.dsn-separator-up{
    top:-1px
}
.aspect-ratio-1 .box-image-link{
    overflow:hidden;
    position:relative;
    aspect-ratio:1/1;
    border-radius:50%
}
.clip-path-circle .swiper-slide{
    -webkit-clip-path:circle(44% at 50% 50%);
    clip-path:circle(44% at 50% 50%)
}
.form-box input::placeholder,.form-box textarea::placeholder,.form-control::placeholder,input::placeholder,textarea::placeholder{
    color:var(--font-color)
}
input[type=search]::-webkit-search-decoration{
    display:none
}
fieldset{
    padding:30px
}
fieldset form>*{
    margin-bottom:30px
}
fieldset form:last-child{
    margin-bottom:0
}
fieldset form p{
    margin-top:0
}
fieldset form input,fieldset form textarea{
    margin-bottom:0;
    padding:10px
}
.dsn-no-results .dsn-search .search-form input{
    min-width:460px
}
.entry-form label{
    font-weight:600;
    font-family:var(--heading-font);
    padding-bottom:10px;
    display:block
}
.entry-form input,.entry-form textarea{
    font-family:var(--heading-font);
    font-size:14px;
    width:100%;
    border:none;
    border-bottom:1px solid var(--border-color);
    color:var(--heading-color);
    padding:10px;
    letter-spacing:2px;
    background-color:var(--assistant-color)
}
.entry-form input::placeholder,.entry-form textarea::placeholder{
    color:var(--heading-color);
    font-size:14px;
    letter-spacing:2px
}
.entry-form textarea{
    min-height:80px
}
.dsn-def-btn>*,.dsn-def-btn>* .dsn-btn,.dsn-normal-btn>*,.dsn-normal-btn>* .dsn-btn{
    display:flex;
    align-items:center
}
.dsn-normal-btn>* .dsn-btn{
    justify-content:center
}
.dsn-btn{
    position:relative;
    text-align:center
}
.dsn-btn .dsn-icon,.dsn-btn .title-btn{
    z-index:2;
    color: #000;
}
.dsn-btn .icon-circle{
    z-index:1!important
}
.dsn-btn .btn-icon-left{
    margin-right:10px
}
.dsn-btn .btn-icon-right{
    margin-left:10px
}
.dsn-btn .title-btn{
    position:relative;
    font-size:13px;
    line-height:1.2;
    letter-spacing:2px
}
.dsn-def-btn{
    --dsn-icon-size:15px
}
.dsn-def-btn .dsn-btn,.dsn-def-btn .dsn-icon:before,.dsn-def-btn .dsn-icon i,.dsn-def-btn .dsn-icon svg{
    transition:0.45s cubic-bezier(0.65,0,0.076,1);
    transition-property:width,padding,margin
}


.dsn-icon i {
    font-size: var(--dsn-icon-size,20px);
    color: #fff;
}

.dsn-def-btn .icon-circle{
    display:none
}
.dsn-def-btn .dsn-icon{
    width:50px;
    height:50px;
    line-height:50px;
    border-radius:50px;
    z-index:0
}


.social-side{
    position:fixed;
    bottom:50px;
    z-index:10;
    display:flex;
    mix-blend-mode:exclusion;
    --heading-color:#fff;
    color:var(--heading-color)
}
@media only screen and (min-width:1400px){
    .social-side{
        left:25px
    }
}
@media only screen and (max-width:1399px){
    .social-side{
        left:15px
    }
}
@media only screen and (max-width:991px){
    .social-side{
        display:none
    }
}
.social-side .icon{
    text-align:center;
    width:30px;
    line-height:30px;
    cursor:pointer;
    writing-mode:vertical-rl;
    -webkit-text-orientation:mixed;
    text-orientation:mixed;
    white-space:nowrap;
    letter-spacing:2px;
    font-weight:600;
    font-size:12px
}
.social-side .icon:before{
    content:"";
    position:relative;
    display:inline-block;
    border-left:1px solid var(--heading-color);
    height:50px;
    margin-bottom:10px
}
.socials{
    text-align:center;
    font-size:14px
}
.socials li a{
    position:relative;
    margin-bottom:10px;
    margin-top:5px;
    color:var(--heading-color)
}
.socials li a:after,.socials li a:hover i,.socials li a span{
    transition:all 0.3s cubic-bezier(0.55,0.02,0.1,0.9)
}
.socials li a:after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:4px;
    height:4px;
    border-radius:50%;
    background:var(--heading-color);
    opacity:0;
    transform:translate(-50%,-50%) scale(0.2)
}
.socials li a i{
    transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275)
}
.socials li a span{
    position:absolute;
    top:50%;
    left:50%;
    color:var(--heading-color);
    font-size:13px;
    opacity:0;
    transform-origin:center bottom;
    cursor:pointer;
    transform:translateX(0px) translateY(-50%)
}
.socials li a:hover i{
    transform:scale(0)
}
.socials li a:hover label{
    opacity:1;
    transform:matrix(1,0,0,1,12,-8);
    transition:all 0.6s cubic-bezier(0.75,-0.5,0,1.75)
}
.socials li a:hover:after{
    opacity:1;
    transform:translate(-50%,-50%) scale(1);
    transition:all 0.5s cubic-bezier(0.75,-0.5,0,1.75);
    transition-delay:0.2s
}
.socials li a:hover span{
    opacity:1;
    transform:translateX(10px) translateY(-50%)
}
.dsn-socials li{
    display:inline-block
}
.dsn-socials li:not(:last-of-type){
    margin-right:-10px
}
.dsn-socials li a{
    position:relative;
    width:60px;
    height:60px;
    border-width:1px;
    border-style:solid;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--heading-color)
}
.dsn-socials li a a:not(.move-circle){
    border-color:var(--border-color)
}
.dsn-socials li a .icon-circle{
    z-index:1
}
.dsn-socials li a:after,.dsn-socials li a span:not(.dsn-icon){
    position:absolute;
    top:50%;
    left:50%;
    opacity:0;
    transition:all 0.3s cubic-bezier(0.55,0.02,0.1,0.9)
}
.dsn-socials li a:after{
    content:"";
    width:4px;
    height:4px;
    border-radius:50%;
    background:var(--theme-color);
    transform:translate(-50%,-50%) scale(0.2)
}
.dsn-socials li a span:not(.dsn-icon){
    color:var(--heading-color);
    font-weight:bold;
    font-size:13px;
    transform-origin:center bottom;
    cursor:pointer
}
.dsn-socials li a i{
    transform:scale(1);
    transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275)
}
.dsn-socials li a:hover i{
    transform:scale(0)
}
.dsn-socials li a:hover span:not(.dsn-icon){
    opacity:1;
    transform:matrix(1,0,0,1,0,-20);
    transition:all 0.6s cubic-bezier(0.75,-0.5,0,1.75)
}
.dsn-socials li a:hover:after{
    opacity:1;
    transform:translate(-50%,-50%) scale(1);
    transition:all 0.5s cubic-bezier(0.75,-0.5,0,1.75);
    transition-delay:0.2s
}
@media only screen and (max-width:991px){
    .dsn-socials li a{
        width:50px;
        height:50px
    }
    .dsn-socials li:not(:last-of-type){
        margin-right:5px
    }
}
.elementor-align-right .dsn-socials .dsn-icon{
    margin:inherit
}
.next-project{
    position:relative;
    height:100vh;
    overflow:hidden
}
.next-project .bg-container{
    left:0;
    top:0;
    width:100%;
    height:100%
}
.type-p-nav{
    border-top:1px solid var(--border-color);
    padding-top:50px
}
.type-p-nav .dsn-pagination{
    flex-wrap:wrap
}
.type-p-nav .dsn-pagination .page-numbers:not(.next):not(.prev){
    position:relative;
    margin-right:15px;
    transition:all 0.45s cubic-bezier(0.08,0.58,0.17,0.94);
    padding:10px;
    font-size:20px;
    border:1px solid var(--border-color)
}
.type-p-nav .dsn-pagination .page-numbers:not(.next):not(.prev).current,.type-p-nav .dsn-pagination .page-numbers:not(.next):not(.prev):hover{
    color:var(--theme-color-font,var(--heading-color));
    background-color:var(--assistant-color)
}
.type-p-nav .dsn-pagination .page-numbers{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:10px
}
.type-p-nav .dsn-pagination .next,.type-p-nav .dsn-pagination .prev{
    position:relative;
    text-align:center;
    width:90px
}
.type-p-nav .dsn-pagination .next:before,.type-p-nav .dsn-pagination .prev:before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:-1;
    background:var(--assistant-color);
    transition:all 0.45s cubic-bezier(0.08,0.58,0.17,0.94);
    transform:scale(0.8)
}
.type-p-nav .dsn-pagination .next svg,.type-p-nav .dsn-pagination .prev svg{
    width:30px;
    position:absolute;
    top:1px;
    fill:var(--heading-color);
    z-index:1;
    height:100%;
    opacity:1;
    transition:all 0.3s ease-out
}
.type-p-nav .dsn-pagination .next span,.type-p-nav .dsn-pagination .prev span{
    position:relative;
    z-index:2;
    font-weight:400;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:2px;
    color:var(--heading-color);
    transition:all 0.3s ease-out
}
.type-p-nav .dsn-pagination .next:hover:before,.type-p-nav .dsn-pagination .prev:hover:before{
    transform:scale(0.7)
}
.type-p-nav .dsn-pagination .next:hover svg,.type-p-nav .dsn-pagination .prev:hover svg{
    opacity:0
}
.type-p-nav .dsn-pagination .next:hover span,.type-p-nav .dsn-pagination .prev:hover span{
    transform:translateX(0) translateY(2px)
}
.type-p-nav .dsn-pagination .next:hover,.type-p-nav .dsn-pagination .prev:hover{
    background-color:transparent
}
.type-p-nav .dsn-pagination .next{
    margin-left:10px
}
.type-p-nav .dsn-pagination .next svg{
    transform:translateX(20%);
    left:-10%
}
.type-p-nav .dsn-pagination .next span{
    transform:translateX(20%) translateY(2px)
}
.type-p-nav .dsn-pagination .prev{
    margin-right:25px
}
.type-p-nav .dsn-pagination .prev svg{
    transform:translateX(-20%) rotate(180deg);
    right:-10%
}
.type-p-nav .dsn-pagination .prev span{
    transform:translateX(-20%) translateY(2px)
}
.pagination-pages .post-page-numbers{
    margin:0 10px
}
.pagination-pages a{
    color:var(--theme-color)
}
.elementor-widget-dsn_arrow_nav{
    pointer-events:none
}
.dsn-nav-arrow{
    --dsn-icon-size:25px;
    pointer-events:none
}
.dsn-nav-arrow .dsn-nav-left,.dsn-nav-arrow .dsn-nav-right{
    padding:15px;
    border-radius:50%;
    cursor:pointer;
    pointer-events:auto
}
.dsn-nav-arrow .dsn-nav-left{
    margin-right:15px
}
.dsn-nav-arrow .dsn-nav-right .dsn-icon{
    transform:rotate(180deg)
}
.next-container,.prev-container{
    cursor:pointer
}
.next-container .triangle,.prev-container .triangle{
    width:0;
    height:0;
    border-top:3px solid transparent;
    border-bottom:3px solid transparent;
    transition:all 0.6s cubic-bezier(0.77,0,0.175,1)
}
.next-container.next-container .container-inner:before,.prev-container.next-container .container-inner:before{
    content:"";
    margin-right:7px
}
.next-container.next-container .triangle,.prev-container.next-container .triangle{
    border-left:6px solid #fff;
    margin-right:19.5px
}
.next-container.next-container svg,.prev-container.next-container svg{
    right:0
}
.next-container.prev-container .container-inner:after,.prev-container.prev-container .container-inner:after{
    content:"";
    margin-left:7px
}
.next-container.prev-container .triangle,.prev-container.prev-container .triangle{
    border-right:6px solid #fff;
    margin-left:19.5px
}
.next-container.prev-container svg,.prev-container.prev-container svg{
    left:0
}
.next-container .container-inner,.prev-container .container-inner{
    position:relative;
    height:45px;
    display:flex;
    align-items:center
}
.next-container .container-inner:after,.next-container .container-inner:before,.prev-container .container-inner:after,.prev-container .container-inner:before{
    position:relative;
    width:55px;
    height:1px;
    background-color: #313131;
    transition:width 0.6s cubic-bezier(0.77,0,0.175,1),opacity 0.5s cubic-bezier(0.77,0,0.175,1);
    transform-origin:right
}
.next-container .container-inner svg,.prev-container .container-inner svg{
    position:absolute;
    width:45px;
    height:45px
}
.next-container .container-inner svg circle,.prev-container .container-inner svg circle{
    stroke:var(--border-color);
    stroke-dasharray:1px
}
.next-container svg circle,.prev-container svg circle{
    transition:all 0.6s ease-in
}
.next-container:hover .container-inner:after,.next-container:hover .container-inner:before,.prev-container:hover .container-inner:after,.prev-container:hover .container-inner:before{
    width:15px;
    opacity:0;
    transition:width 0.6s cubic-bezier(0.77,0,0.175,1),opacity 0.5s cubic-bezier(0.77,0,0.175,1) 0.3s
}
.next-container:hover .container-inner svg circle,.prev-container:hover .container-inner svg circle{
    stroke-dashoffset:95
}
.swiper-pagination-bullets,.swiper-pagination-fraction,.swiper-pagination-progressbar{
    position:relative;
    --swiper-pagination-color:var(--theme-color);
    --swiper-pagination-bullet-inactive-color:var(--theme-color)
}
@media only screen and (max-width:575px){
    .swiper-pagination-bullets,.swiper-pagination-fraction,.swiper-pagination-progressbar{
        display:none
    }
}
.swiper-pagination-fraction{
    bottom:0;
    width:auto;
    display:block
}
.dsn-swiper .swiper-pagination-progressbar{
    position:relative;
    width:30%!important;
    height:1px!important;
    background-color:var(--border-color);
    --swiper-pagination-color:var(--theme-color)
}
.dsn-swiper .swiper-pagination-progressbar span{
    transition-property:transform
}
.dsn-swiper-circle .swiper-pagination-bullet{
    position:relative;
    background-color:transparent;
    --swiper-pagination-bullet-width:20px;
    --swiper-pagination-bullet-height:20px;
    opacity:1;
    cursor:pointer;
    transition:all 0.3s ease-in-out;
    z-index:2;
    margin:5px;
    bottom:0!important
}
.dsn-swiper-circle .swiper-pagination-bullet:not(.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-prev,.swiper-pagination-bullet-active-next){
    transform:scale(0.33)
}
.dsn-swiper-circle .swiper-pagination-bullet:after,.dsn-swiper-circle .swiper-pagination-bullet:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    border-radius:50%;
    transition:all 0.3s ease-in-out
}
.dsn-swiper-circle .swiper-pagination-bullet:before{
    background-color:var(--theme-color);
    transform:scale(0.7)
}
.dsn-swiper-circle .swiper-pagination-bullet:after{
    border:1.5px solid var(--theme-color);
    transform:scale(0.7)
}
.dsn-swiper-circle .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
    transform:scale(0.4)
}
.dsn-swiper-circle .swiper-pagination-bullet.swiper-pagination-bullet-active:after{
    transform:scale(1)
}
.dsn-swiper .swiper-container-vertical{
    height:70vh
}
.swiper-pagination-bullet{
    width:20px;
    height:2px;
    border-radius:0;
    margin-right:5px;
    cursor:pointer;
    background:var(--theme-color);
    transition:transform 0.3s ease-in-out
}
.swiper-pagination-bullets.swiper-pagination-horizontal{
    width:auto;
    bottom:0
}
.swiper-pagination-fraction{
    width:auto!important;
    position:relative!important;
    bottom:auto!important
}
.dsn-swiper-paginate{
    align-items:center
}
.e-container>.elementor-element.elementor-absolute.elementor-widget-dsn_arrow_nav.container,.elementor-widget-wrap>.elementor-element.elementor-absolute.elementor-widget-dsn_arrow_nav.container{
    left:0;
    right:0
}
.link-project{
    right:60px;
    bottom:60px;
    z-index:15;
    width:120px;
    height:120px;
    border-radius:50%;
    text-align:center;
    line-height:120px;
    font-size:13px;
    letter-spacing:1px
}
.link-project svg{
    width:20px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
    fill:currentColor;
    overflow:hidden
}
@media only screen and (max-width:767px){
    .link-project{
        display:none
    }
}
#dsn_header{
    position:relative;
    overflow:hidden;
    --margin-padding:80px
}
#dsn_header:not(.header-normal,.header-padding,.dsn-full-header){
    min-height:100vh
}
#dsn_header:not(.header-normal,.header-padding,.dsn-full-header) #hero_content{
    padding-top:80px;
    padding-bottom:80px
}
@media only screen and (min-width:768px){
    #dsn_header:not(.header-normal,.header-padding,.dsn-full-header) #hero_content,#dsn_header:not(.header-normal,.header-padding,.dsn-full-header) .entry-header{
        min-height:calc(100vh - (var(--margin-padding) * 2))
    }
}
@media only screen and (max-width:767px){
    #dsn_header:not(.header-normal,.header-padding,.dsn-full-header){
        padding:0
    }
    #dsn_header:not(.header-normal,.header-padding,.dsn-full-header) #hero_content,#dsn_header:not(.header-normal,.header-padding,.dsn-full-header) .entry-header{
        min-height:100vh
    }
}
#dsn_header.show-box-shadow:not(.header-normal) .entry-header:after{
    content:"";
    position:absolute;
    width:100%
}
#dsn_header:not(.header-normal):before{
    content:"";
    position:absolute;
    width:100%;
    left:0;
    top:50%;
    height:50%;
    background-color:var(--assistant-color)
}
#dsn_header .entry-header:after{
    left:0;
    bottom:0;
    box-shadow:1px 0 31px 45px var(--assistant-color);
    z-index:1
}
#dsn_header.header-padding:not(.header-normal) .entry-header{
    padding:120px 0
}
@media only screen and (min-width:992px){
    #dsn_header.left-img #hero_content,#dsn_header.left-img #hero_image,#dsn_header.right-img #hero_content,#dsn_header.right-img #hero_image{
        width:50%
    }
    #dsn_header.left-img.right-img #hero_image,#dsn_header.right-img.right-img #hero_image{
        left:50%
    }
    #dsn_header.left-img.right-img #hero_content,#dsn_header.right-img.right-img #hero_content{
        margin-left:0
    }
    #dsn_header.left-img.left-img #hero_content,#dsn_header.right-img.left-img #hero_content{
        margin-right:0;
        margin-left:auto
    }
}
#dsn_header #hero_image{
    top:0;
    width:100%;
    height:100%
}
#dsn_header #hero_content{
    z-index:2;
    align-items:var(--dsn-ai,end);
    justify-content:var(--dsn-jc,start);
    text-align:var(--dsn-ta,left)
}
#dsn_header.header-normal{
    padding-top:180px
}
#dsn_header.dsn-full-header{
    padding:0
}
#dsn_header.dsn-full-header #hero_content,#dsn_header.dsn-full-header .entry-header{
    min-height:100vh
}
#dsn_header.dsn-full-header #hero_content{
    padding-top:var(--margin-padding);
    padding-bottom:var(--margin-padding)
}
.dsn-scroll-bottom{
    position:absolute;
    right:20px;
    bottom:50px;
    z-index:1;
    width:-webkit-fit-content;
    width:fit-content;
    min-width:13px;
    font-size:10px;
    letter-spacing:5px;
    cursor:pointer
}
.dsn-scroll-bottom:after,.dsn-scroll-bottom:before{
    content:"";
    display:block;
    width:1px;
    height:40px;
    left:50%;
    margin-bottom:10px
}
.dsn-scroll-bottom:before{
    position:relative;
    background-color:var(--bg-color)
}
.dsn-scroll-bottom:after{
    position:absolute;
    top:0;
    background-color:var(--theme-color);
    transform:scale(0);
    transform-origin:top;
    animation:scroll-down 2.5s cubic-bezier(0.19,1,0.22,1) infinite
}
.dsn-scroll-bottom .text{
    writing-mode:vertical-lr
}
@keyframes scroll-down{
    0%{
        transform:scale(0);
        transform-origin:top
    }
    50%{
        transform:scale(1);
        transform-origin:top
    }
    51%{
        transform:scale(1);
        transform-origin:bottom
    }
    to{
        transform:scale(0);
        transform-origin:bottom
    }
}
.main-slider{
}
.main-slider{
    height:100vh
}
.main-slider,.main-slider .content-slider{
    position:relative;
    width:100%
}
.main-slider .bg-container,.main-slider .content-slider .bg-container{
    opacity:0
}
.box-shadow-head .main-slider .content-slider:after{
    content:"";
    position:absolute;
    width:100%;
    left:0;
    bottom:0;
    box-shadow:1px 0 31px 45px var(--assistant-color);
    z-index:1
}
.main-slider .bg-three-js .swiper-container{
    opacity:0
}
.main-slider .bg-three-js.bg-container:after,.main-slider .bg-three-js:before{
    z-index:11;
    pointer-events:none
}
.main-slider .bg-three-js canvas{
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    pointer-events:none
}
.dsn-slider-width-circle .main-slider{
    overflow:hidden
}
@media only screen and (min-width:992px){
    .dsn-slider-width-circle .main-slider:after{
        content:"";
        position:absolute;
        width:70vw;
        height:70vw;
        border:2px solid var(--border-color);
        border-radius:50%;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        z-index:11;
        pointer-events:none;
        opacity:0.25;
        max-width:calc(1200px + var(--dsn-gap-container));
        max-height:calc(1200px + var(--dsn-gap-container))
    }
}
@media only screen and (min-width:768px){
    .dsn-section-padding .main-slider{
        padding:90px var(--dsn-gap-container)
    }
}
@media only screen and (max-height:700px){
    .dsn-section-padding .main-slider{
        padding-top:65px
    }
}
.dsn-section-padding .main-slider:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    height:50%;
    width:100%;
    background-color:var(--assistant-color)
}
@media only screen and (min-width:992px){
    .half-left .main-slider .bg-container,.half-left .main-slider .dsn-slider-content,.half-right .main-slider .bg-container,.half-right .main-slider .dsn-slider-content{
        width:50%
    }
    .half-right.dsn-section-padding .main-slider .dsn-slider-content{
        padding-left:0
    }
    .half-left.dsn-section-padding .main-slider .dsn-slider-content{
        padding-right:0
    }
    .half-right .main-slider .bg-container{
        right:0
    }
    .half-left .main-slider .dsn-slider-content{
        left:50%
    }
}
.main-slider .dsn-slider-content{
    pointer-events:none;
    z-index:5;
    --margin-padding:80px
}
.main-slider .dsn-slider-content .swiper-animate-head{
    transition:0.5s
}
.main-slider .dsn-slider-content .slide-content.dsn-active{
    z-index:1;
    pointer-events:auto
}
.main-slider .dsn-slider-content .slide-content:not(.dsn-active){
    z-index:0;
    pointer-events:none
}
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .dsn-chars-wrapper,.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .swiper-animate-head,.main-slider .dsn-slider-content .slide-content:not(.dsn-active) [data-dsn-split=chars]{
    opacity:0;
    visibility:hidden
}
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .title .icon-circle{
    width:0
}
.main-slider .dsn-slider-content .circle-before.mt-10:before{
    margin-top:5px
}
.main-slider .dsn-slider-content .circle-before.mb-10:before{
    margin-top:-5px
}
.main-slider .dsn-slider-content .description,.main-slider .dsn-slider-content .dsn-btn,.main-slider .dsn-slider-content .title{
    pointer-events:auto;
    margin-right:15px
}
.main-slider .dsn-slider-content .head-meta:not(.border-bottom,.border-top){
    margin-top:0;
    margin-bottom:0
}
.main-slider .dsn-slider-content .dsn-def-btn .line-shape .dsn-icon{
    display:none
}
.main-slider .dsn-slider-content .slide-content .circle-before:before,.main-slider .dsn-slider-content .slide-content .head-meta span,.main-slider .dsn-slider-content .slide-content .swiper-animate-head{
    transition:1.2s cubic-bezier(0.19,1,0.22,1);
    transition-delay:calc(100ms * var(--item-index) + 1ms)
}
.main-slider .dsn-slider-content .slide-content:not(.dsn-active-animate) .dsn-def-btn,.main-slider .dsn-slider-content .slide-content:not(.dsn-active-animate) .head-meta span,.main-slider .dsn-slider-content .slide-content:not(.dsn-active-animate) p.description{
    opacity:0
}
.main-slider .dsn-slider-content .slide-content:not(.dsn-active-animate) .circle-before:before{
    transform:scale(0)
}
.main-slider .dsn-slider-content .slide-content:not(.dsn-active-animate) .head-meta.mb-20 span{
    transform:translateY(-50%)
}
.main-slider .dsn-slider-content .slide-content:not(.dsn-active-animate) .dsn-def-btn,.main-slider .dsn-slider-content .slide-content:not(.dsn-active-animate) .head-meta.mt-20 span,.main-slider .dsn-slider-content .slide-content:not(.dsn-active-animate) p.description{
    transform:translateY(50%)
}
.main-slider .control-nav{
    position:absolute;
    width:100%;
    max-width:100%;
    z-index:3;
    flex-wrap:wrap;
    background:transparent;
    bottom:0;
    height:90px
}
.main-slider .control-nav .swiper-slide:not(.swiper-slide-active) svg{
    opacity:0
}
.main-slider .control-nav .btn-all{
    border-style:solid;
    border-width:1px 1px 1px 1px;
    padding:10px 30px;
    border-radius:50px
}
.main-slider .control-nav .dsn-paginate-arrow{
    max-width:calc(45% - 30px)
}
@media only screen and (min-width:768px){
    .dsn-section-padding .main-slider .control-nav{
        padding:0;
        width:calc(100% - (var(--dsn-gap-container) * 2))
    }
}
.main-slider .control-nav .swiper-notification{
    display:none
}
@media only screen and (max-width:575px){
    .main-slider .control-nav .box-title{
        display:none
    }
}
.main-slider .control-nav .box-title h6.sm-title-block{
    font-size:20px;
    text-transform:uppercase
}
.main-slider .control-nav .dsn-pagination .h2{
    font-size:45px;
    position:relative;
    transform:scaleX(1.5);
    -webkit-clip-path:inset(0 0 0 20%);
    clip-path:inset(0 0 0 20%);
    bottom:auto;
    line-height:45px;
    margin-right:15px
}
.main-slider .control-nav .dsn-pagination span.sm-title-block:not(.total){
    transform:scaleY(1.5) translateY(-4px) rotate(12deg);
    margin-right:5px;
    margin-left:5px
}
.main-slider .control-nav .dsn-pagination span.sm-title-block{
    font-family:var(--heading-font)
}
.main-slider .dsn-paginate-arrow .next-arrow,.main-slider .dsn-paginate-arrow .prev-arrow{
    position:relative;
    cursor:pointer
}
.main-slider .dsn-paginate-arrow .next-arrow svg,.main-slider .dsn-paginate-arrow .prev-arrow svg{
    transition:0.5s;
    stroke:var(--heading-color)
}
.main-slider .dsn-paginate-arrow .next-arrow svg:not(.arrow),.main-slider .dsn-paginate-arrow .prev-arrow svg:not(.arrow){
    width:50px
}
.main-slider .dsn-paginate-arrow .next-arrow svg.arrow,.main-slider .dsn-paginate-arrow .prev-arrow svg.arrow{
    width:17px
}
.main-slider .dsn-paginate-arrow .next-arrow svg circle,.main-slider .dsn-paginate-arrow .prev-arrow svg circle{
    stroke-width:1;
    opacity:0.25
}
.main-slider .dsn-paginate-arrow .next-arrow:hover svg,.main-slider .dsn-paginate-arrow .prev-arrow:hover svg{
    stroke-dashoffset:20px
}
.main-slider .dsn-paginate-arrow .next-arrow .container-inner{
    -webkit-clip-path:inset(0 0 0 35%);
    clip-path:inset(0 0 0 35%)
}
.main-slider .dsn-paginate-arrow .prev-arrow .container-inner{
    -webkit-clip-path:inset(0 35% 0 0);
    clip-path:inset(0 35% 0 0)
}
.main-slider .dsn-paginate-arrow .prev-arrow svg.arrow{
    transform:translate(-50%,-50%) rotate(180deg)
}
.main-slider .dsn-paginate-arrow .next-arrow,.main-slider .dsn-paginate-arrow.prev-paginate .box-title{
    margin-left:0
}
@media only screen and (max-width:767px){
    .main-slider .dsn-pagination,.main-slider .dsn-swiper-paginate{
        display:none
    }
}
.main-slider .dsn-swiper-paginate>.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    transform:rotate(90deg);
    left:auto;
    right:-20px;
    bottom:50%
}
@media only screen and (max-width:1399px){
    .main-slider .dsn-swiper-paginate>.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
        right:-45px
    }
}
@media only screen and (max-width:991px){
    .main-slider .dsn-swiper-paginate>.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
        right:-36px
    }
}
@media only screen and (min-width:992px){
    .main-slider .dsn-swiper-paginate>.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
        --swiper-pagination-bullet-width:20px;
        --swiper-pagination-bullet-height:20px
    }
}
@media only screen and (max-width:991px){
    .main-slider .dsn-swiper-paginate>.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
        --swiper-pagination-bullet-width:15px;
        --swiper-pagination-bullet-height:15px
    }
}
.main-slider .dsn-swiper-paginate>.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet:before{
    background-color:var(--heading-color)
}
.main-slider .dsn-swiper-paginate>.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet:after{
    border-color:var(--heading-color)
}
.main-slider .dsn-swiper-paginate>.swiper-pagination-vertical.swiper-pagination-bullets{
    width:20px;
    right:40px
}
.main-slider .dsn-swiper-paginate>.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet:after,.main-slider .dsn-swiper-paginate>.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet:before{
    left:0
}
.root-posts .pin-spacer{
    margin-left:0!important
}
.dsn-posts .dsn-animate-down,.dsn-posts .dsn-animate-up{
    font-size:18vw;
    line-height:18vw;
    opacity:0.5
}
.dsn-posts .dsn-animate-down{
    margin-left:20px;
    text-align:right
}
@media only screen and (min-width:992px){
    .dsn-posts.use-horizontal-scroll{
        flex-wrap:nowrap
    }
}
@media only screen and (max-width:991px){
    .dsn-posts.use-horizontal-scroll{
        padding-right:var(--dsn-gap-container);
        padding-left:var(--dsn-gap-container)
    }
    .dsn-posts.use-horizontal-scroll .end-section,.dsn-posts.use-horizontal-scroll .start-section{
        display:none
    }
}
.dsn-posts .metas{
    margin-bottom:0
}
.dsn-posts .metas>span:not(:last-of-type):after{
    content:attr(data-separator)
}
.dsn-style-cards .dsn-posts:not(.box-image-blackdsn) .post-content{
    position:absolute;
    padding:50px 30px;
    width:100%;
    height:100%;
    justify-content:end
}
.dsn-style-cards .dsn-posts .box-image-link{
    width:100%
}
.dsn-style-cards .dsn-posts.box-image-normal .box-image-bg{
    height:70vh
}
.dsn-style-cards .dsn-posts.box-image-normal .section_description{
    width:90%
}
.dsn-style-cards .dsn-posts.box-image-normal .post-content{
    width:calc(100% - 50px)
}
.dsn-style-cards .dsn-posts.box-image-normal .dsn-post-link{
    position:absolute;
    right:-30px;
    bottom:50px;
    padding:15px;
    border-style:solid;
    border-width:2px;
    border-radius:50%
}
.dsn-style-cards .dsn-posts.box-image-normal .dsn-post-link svg{
    fill:var(--heading-color);
    transform:scale(0.75)
}
.dsn-style-cards .dsn-posts.box-image-hover .dsn-link,.dsn-style-cards .dsn-posts.box-image-hover .section_description{
    opacity:0;
    transform:translateY(15px)
}
.dsn-style-cards .dsn-posts.box-image-hover .dsn-link,.dsn-style-cards .dsn-posts.box-image-hover .post-meta,.dsn-style-cards .dsn-posts.box-image-hover .section_description{
    transition:0.3s linear;
    opacity:0;
    visibility:hidden
}
.dsn-style-cards .dsn-posts.box-image-hover .dsn-link.post-meta,.dsn-style-cards .dsn-posts.box-image-hover .post-meta.post-meta,.dsn-style-cards .dsn-posts.box-image-hover .section_description.post-meta{
    transform:translateY(-15px)
}
.dsn-style-cards .dsn-posts.box-image-hover .dsn-item-post:hover .dsn-link,.dsn-style-cards .dsn-posts.box-image-hover .dsn-item-post:hover .post-meta,.dsn-style-cards .dsn-posts.box-image-hover .dsn-item-post:hover .post-title,.dsn-style-cards .dsn-posts.box-image-hover .dsn-item-post:hover .section_description{
    transform:none;
    opacity:1;
    visibility:visible
}
.dsn-style-cards .dsn-posts.box-image-hover .dsn-item-post:hover .section_description{
    transition-delay:0.1s
}
.dsn-style-cards .dsn-posts.box-image-hover .dsn-item-post:hover .dsn-link{
    transition-delay:0.1s
}
.dsn-style-cards .dsn-posts.box-image-hover .dsn-item-post:hover .section_description+.dsn-link{
    transition-delay:0.15s
}
.dsn-style-cards .dsn-posts.box-image-hover .post-content{
    width:100%
}
.dsn-style-cards .dsn-posts.box-image-blackdsn{
    counter-reset:workcounter
}
.dsn-style-cards .dsn-posts.box-image-blackdsn .box-image-bg{
    height:70vh
}
.dsn-style-cards .dsn-posts.box-image-blackdsn .box-image-link{
    position:relative
}
.dsn-style-cards .dsn-posts.box-image-blackdsn .box-content{
    flex-direction:column;
    padding-left:50px
}
.dsn-style-cards .dsn-posts.box-image-blackdsn .box-content:before{
    counter-increment:workcounter;
    position:absolute;
    top:4px;
    left:0;
    content:counters(workcounter,".",decimal-leading-zero);
    font-size:16px;
    color:var(--heading-color);
    font-family:var(--heading-font);
    z-index:5;
    padding:15px;
    background-color:var(--assistant-color)
}
.dsn-style-cards .dsn-posts.box-image-blackdsn .box-content .post-title{
    padding-left:20px;
    padding-bottom:15px
}
.dsn-style-cards .dsn-posts.box-image-blackdsn .box-content .post-title-info{
    display:flex;
    flex-direction:column;
    align-items:end;
    padding-top:20px
}
.dsn-style-cards .dsn-posts.box-image-blackdsn .box-content .dsn-post-link{
    position:absolute;
    left:-50px;
    bottom:10px;
    width:120px;
    height:120px;
    line-height:120px;
    text-align:center;
    border-radius:50%;
    color:var(--heading-color);
    text-transform:uppercase
}
.dsn-style-cards .dsn-posts.box-image-blackdsn .dsn-swiper a.box-image-link{
    pointer-events:none
}
@media only screen and (max-width:767px){
    .dsn-style-cards .dsn-posts.box-image-blackdsn .box-content{
        padding-left:0
    }
    .dsn-style-cards .dsn-posts.box-image-blackdsn .box-content .post-title-info{
        padding-right:20px
    }
    .dsn-style-cards .dsn-posts.box-image-blackdsn .box-content .dsn-post-link,.dsn-style-cards .dsn-posts.box-image-blackdsn .box-content:before{
        display:none
    }
}
.dsn-style-cards .dsn-posts.box-content-hover{
    counter-reset:compteListe
}
.dsn-style-cards .dsn-posts.box-content-hover .post-content{
    position:relative;
    z-index:3
}
@media only screen and (min-width:768px){
    .dsn-style-cards .dsn-posts.box-content-hover .post-content{
        flex-direction:row;
        width:100%
    }
    .dsn-style-cards .dsn-posts.box-content-hover .post-content .post-title-info{
        position:relative;
        display:flex;
        flex-direction:column;
        flex:0 1 50%;
        padding-right:30px;
        padding-left:60px
    }
    .dsn-style-cards .dsn-posts.box-content-hover .post-content .post-title-info .post-meta{
        order:1;
        margin-top:15px
    }
    .dsn-style-cards .dsn-posts.box-content-hover .post-content .post-title-info:before{
        counter-increment:compteListe 1;
        color:var(--heading-color);
        content:"/ " counter(compteListe);
        position:absolute;
        left:0;
        top:7px;
        font-size:13px;
        letter-spacing:2px
    }
    .dsn-style-cards .dsn-posts.box-content-hover .post-content .post-description-info{
        flex:0 1 50%
    }
    .dsn-style-cards .dsn-posts.box-content-hover .post-content .post-description-info .section_description{
        margin-top:0
    }
}
@media only screen and (max-width:767px){
    .dsn-style-cards .dsn-posts.box-content-hover .post-content{
        padding:0
    }
}
.dsn-style-cards .dsn-posts.box-content-hover .dsn-item-post .box-content{
    padding:var(--margin-padding) 30px
}
.dsn-style-cards .dsn-posts.box-content-hover .box-image-link{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.dsn-style-cards .dsn-posts.box-content-hover .box-image-bg{
    height:100%;
    opacity:0.2
}
.dsn-style-classic .dsn-posts .box-content{
    flex-direction:column;
    border-style:var(--heading-color)
}
.dsn-style-classic .dsn-posts .box-content .box-image-link+.post-content{
    padding-top:20px
}
.dsn-style-classic .dsn-posts .box-content .box-image-bg{
    position:relative;
    overflow:hidden;
    max-height:80vh
}
.dsn-style-list .dsn-posts .box-content{
    border-style:var(--heading-color)
}
.dsn-style-list .dsn-posts .box-content .box-image-link{
    position:relative
}
@media only screen and (min-width:992px){
    .dsn-style-list .dsn-posts .box-content{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        grid-column-gap:50px
    }
    .dsn-style-list .dsn-posts .box-content .post-content{
        align-self:center
    }
}
@media only screen and (max-width:991px){
    .dsn-style-list .dsn-posts .box-content{
        flex-direction:column
    }
    .dsn-style-list .dsn-posts .box-content .box-image-link+.post-content{
        padding-top:30px
    }
}
@media only screen and (min-width:992px){
    .dsn-style-list .dsn-posts .box-content{
        grid-column-gap:0!important
    }
    .dsn-style-list .dsn-posts .box-content .post-content{
        align-self:center;
        margin-left:50px;
        margin-right:50px
    }
}
.dsn-style-list.dsn-image-odd .dsn-posts .dsn-item-post:nth-child(2n) .box-image-link,.dsn-style-list.dsn-image-right .dsn-posts .box-image-link{
    order:2
}
@media only screen and (min-width:992px){
    .dsn-style-list.dsn-image-odd .dsn-posts .dsn-item-post:nth-child(2n) .box-image-link{
        order:2
    }
    .dsn-style-list.dsn-image-odd .dsn-posts .dsn-item-post:nth-child(2n) .post-content{
        justify-self:end
    }
}
@media only screen and (max-width:991px){
    .dsn-style-list.dsn-image-odd .dsn-posts .dsn-item-post .box-image-link{
        order:0!important
    }
}
.dsn-posts .dsn-link{
    position:relative;
    color:var(--heading-color);
    letter-spacing:2px;
    padding:0 5px 2px 5px;
    font-size:14px
}
.dsn-posts .dsn-link:before{
    position:absolute;
    content:"";
    background-image:url(../img/button-pattern.png);
    background-repeat:repeat;
    left:0;
    bottom:0;
    width:100%;
    height:10px;
    z-index:0;
    transition:background-position 0.3s linear;
    opacity:0.5
}
.dsn-posts .dsn-link:hover:before{
    background-position:20px 0
}
.dsn-style-metro.dsn-metro-1 .dsn-posts .dsn-item-post{
    --space:55px;
    min-height:550px;
    display:flex;
    align-items:center
}
.dsn-style-metro.dsn-metro-1 .dsn-posts .dsn-item-post .box-content{
    position:relative
}
.dsn-style-metro.dsn-metro-1 .dsn-posts .dsn-item-post .box-content,.dsn-style-metro.dsn-metro-1 .dsn-posts .dsn-item-post .box-content .box-image-link{
    width:100%
}
.dsn-style-metro.dsn-metro-1 .dsn-posts .dsn-item-post .post-content{
    position:absolute;
    background-color:transparent
}
.dsn-style-metro.dsn-metro-1 .dsn-posts .dsn-item-post .post-content .post-title{
    padding:10px 25px;
    margin-left:5px;
    border-top:1px solid var(--heading-color)
}
.dsn-style-metro.dsn-metro-1 .dsn-posts .dsn-item-post .post-content .dsn-category{
    padding:10px 10px 0
}
.dsn-style-metro.dsn-metro-1 .dsn-posts .dsn-item-post .box-image-bg{
    position:relative;
    width:100%
}
.dsn-style-metro.dsn-metro-1 .dsn-posts .dsn-item-post:nth-of-type(odd) .post-content{
    top:50px;
    right:0
}
.dsn-style-metro.dsn-metro-1 .dsn-posts .dsn-item-post:nth-of-type(odd) .box-image-link{
    margin-right:var(--space)
}
.dsn-style-metro.dsn-metro-1 .dsn-posts .dsn-item-post:nth-of-type(2n) .post-content{
    bottom:50px;
    left:0
}
.dsn-style-metro.dsn-metro-1 .dsn-posts .dsn-item-post:nth-of-type(2n) .box-image-link{
    margin-left:var(--space)
}
.dsn-style-metro.dsn-metro-1 .dsn-posts .dsn-item-post:nth-of-type(4n+1) .box-image-bg,.dsn-style-metro.dsn-metro-1 .dsn-posts .dsn-item-post:nth-of-type(4n+4) .box-image-bg{
    height:550px
}
.dsn-style-metro.dsn-metro-1 .dsn-posts .dsn-item-post:nth-of-type(4n+2) .box-image-bg,.dsn-style-metro.dsn-metro-1 .dsn-posts .dsn-item-post:nth-of-type(4n+3) .box-image-bg{
    height:350px
}
.dsn-style-metro.dsn-metro-2 .dsn-posts .dsn-item-post{
    min-height:550px;
    display:flex;
    align-items:center
}
.dsn-style-metro.dsn-metro-2 .dsn-posts .dsn-item-post .entry-date,.dsn-style-metro.dsn-metro-2 .dsn-posts .dsn-item-post .post-description-info,.dsn-style-metro.dsn-metro-2 .dsn-posts .dsn-item-post .separator-between{
    display:none
}
.dsn-style-metro.dsn-metro-2 .dsn-posts .dsn-item-post .box-content,.dsn-style-metro.dsn-metro-2 .dsn-posts .dsn-item-post .box-image-link{
    width:100%
}
.dsn-style-metro.dsn-metro-2 .dsn-posts .dsn-item-post .box-image-link{
    position:relative;
    z-index:1;
    order:2;
    margin-left:15px
}
.dsn-style-metro.dsn-metro-2 .dsn-posts .dsn-item-post .box-image-link .box-image-bg{
    height:100%
}
.dsn-style-metro.dsn-metro-2 .dsn-posts .dsn-item-post .post-content{
    position:relative;
    z-index:2;
    order:1;
    writing-mode:vertical-lr;
    transform:rotate(540deg)
}
.dsn-style-metro.dsn-metro-2 .dsn-posts .dsn-item-post:nth-of-type(2n) .box-image-bg{
    height:550px
}
.dsn-style-metro.dsn-metro-2 .dsn-posts .dsn-item-post:nth-of-type(odd) .box-image-bg{
    height:350px
}
.root-posts .dsn-posts-el.type-p-nav{
    padding-top:var(--dsn-row-item);
    margin-top:var(--dsn-row-item)
}
.root-posts .dsn-posts-el.type-p-nav .type-p-nav{
    padding:0;
    border:0
}
.box-image-transform .box-image-link,.box-image-transform .grid-item>div{
    position:relative;
    overflow:hidden
}
.box-image-transform .box-image-link .box-image-bg,.box-image-transform .grid-item>div .box-image-bg{
    transition:opacity 3s cubic-bezier(0.19,1,0.22,1) 0ms,transform 2s cubic-bezier(0.19,1,0.22,1) 0ms
}
.box-image-transform .box-image-link:hover .box-image-bg,.box-image-transform .grid-item>div:hover .box-image-bg{
    transform:scale(1.2);
    opacity:1
}
.dsn-filtering{
    display:flex
}
.filtering-t{
    z-index:2
}
.filtering-t .filtering-wrap .filter-title{
    margin:0 0 12px;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing:2px
}
.filtering-t .filtering-wrap .filtering button{
    color:var(--heading-color);
    width:auto;
    margin-right:10px;
    font-size:14px;
    font-weight:400;
    cursor:pointer;
    transition:all 0.3s ease-in-out;
    letter-spacing:2px;
    text-transform:uppercase
}
.filtering-t .filtering-wrap .filtering button:not(:last-of-type):after{
    content:"/";
    position:absolute;
    margin:0 2px;
    color:var(--heading-color)
}
.filtering-t .filtering-wrap .filtering button.active{
    color:var(--theme-color)
}
@media only screen and (max-width:575px){
    .filtering-t .filtering-wrap .filtering button{
        padding-top:0;
        padding-bottom:10px;
        margin:0 10px 10px 0
    }
}
.root-blog{
    counter-reset:compteListe
}
.root-blog .type-p-nav{
    margin-top:var(--blog-g,50px)
}
.root-blog .blog-item{
    padding-left:60px;
    padding-top:var(--blog-g,50px);
    padding-bottom:var(--blog-g,50px)
}
.root-blog .blog-item:last-of-type{
    border-bottom:0;
    padding-bottom:0
}
.root-blog .blog-item:first-of-type{
    padding-top:0
}
@media only screen and (min-width:992px){
    .root-blog .blog-item .blog-item-inner{
        display:flex
    }
}
.root-blog .blog-item .blog-item-inner:before{
    counter-increment:compteListe 1;
    color:var(--heading-color);
    content:"/ " counter(compteListe);
    position:absolute;
    left:-60px;
    top:5px;
    font-size:13px;
    letter-spacing:2px;
    font-weight:bold
}
@media only screen and (min-width:992px){
    .root-blog .blog-item .left-box{
        flex:0 1 40%
    }
}
@media only screen and (max-width:991px){
    .root-blog .blog-item .left-box{
        margin-bottom:15px
    }
}
@media only screen and (min-width:992px){
    .root-blog .blog-item .right-box{
        flex:0 1 60%;
        padding-left:30px
    }
}
.post-tags{
    padding:20px 0 0;
    clear:both
}
.post-tags a{
    font-size:13px;
    margin-right:10px;
    padding-top:10px;
    font-weight:600
}
.post-tags a:before{
    content:"#";
    position:relative;
    margin-right:3px;
    font-size:14px
}
.post-tags a,.post-tags a span{
    color:var(--heading-color)
}
.post-full-content.single-post>:not(.gallery),.post-full-content.single-post>:not(.wp-block-quote)>p,.widget_text.single-post>:not(.gallery),.widget_text.single-post>:not(.wp-block-quote)>p{
    margin-bottom:30px
}
.post-full-content.single-post>:not(.gallery).justified-gallery,.post-full-content.single-post>:not(.wp-block-quote)>p.justified-gallery,.widget_text.single-post>:not(.gallery).justified-gallery,.widget_text.single-post>:not(.wp-block-quote)>p.justified-gallery{
    margin-bottom:15px
}
.post-full-content.single-post>:not(.gallery):last-child,.post-full-content.single-post>:not(.wp-block-quote)>p:last-child,.widget_text.single-post>:not(.gallery):last-child,.widget_text.single-post>:not(.wp-block-quote)>p:last-child{
    margin-bottom:0
}
.post-full-content.single-post>:not(.gallery):last-child.justified-gallery,.post-full-content.single-post>:not(.wp-block-quote)>p:last-child.justified-gallery,.widget_text.single-post>:not(.gallery):last-child.justified-gallery,.widget_text.single-post>:not(.wp-block-quote)>p:last-child.justified-gallery{
    margin-bottom:-30px
}
.post-full-content.single-post>:not(.gallery):last-child.wp-block-gallery,.post-full-content.single-post>:not(.wp-block-quote)>p:last-child.wp-block-gallery,.widget_text.single-post>:not(.gallery):last-child.wp-block-gallery,.widget_text.single-post>:not(.wp-block-quote)>p:last-child.wp-block-gallery{
    margin-bottom:-15px
}
.post-full-content.single-post>:not(.gallery).section-padding,.post-full-content.single-post>:not(.wp-block-quote)>p.section-padding,.widget_text.single-post>:not(.gallery).section-padding,.widget_text.single-post>:not(.wp-block-quote)>p.section-padding{
    padding-top:30;
    padding-bottom:30;
    margin:0
}
.post-full-content.single-post>:not(.gallery).section-padding.dsn-normalize-block,.post-full-content.single-post>:not(.wp-block-quote)>p.section-padding.dsn-normalize-block,.widget_text.single-post>:not(.gallery).section-padding.dsn-normalize-block,.widget_text.single-post>:not(.wp-block-quote)>p.section-padding.dsn-normalize-block{
    padding-top:0;
    padding-bottom:0;
    margin:30 0
}
.post-full-content.single-post>:not(.gallery).section-padding:not(.dsn-normalize-block),.post-full-content.single-post>:not(.wp-block-quote)>p.section-padding:not(.dsn-normalize-block),.widget_text.single-post>:not(.gallery).section-padding:not(.dsn-normalize-block),.widget_text.single-post>:not(.wp-block-quote)>p.section-padding:not(.dsn-normalize-block){
    padding-top:0
}
.post-full-content.single-post>:not(.gallery):first-child.section-padding,.post-full-content.single-post>:not(.wp-block-quote)>p:first-child.section-padding,.widget_text.single-post>:not(.gallery):first-child.section-padding,.widget_text.single-post>:not(.wp-block-quote)>p:first-child.section-padding{
    padding-top:0;
    background-color:inherit
}
.post-full-content.single-post>:not(.gallery).wp-block-gallery,.post-full-content.single-post>:not(.wp-block-quote)>p.wp-block-gallery,.widget_text.single-post>:not(.gallery).wp-block-gallery,.widget_text.single-post>:not(.wp-block-quote)>p.wp-block-gallery{
    margin-bottom:14px
}
.post-full-content.single-post>:not(.gallery).wp-block-gallery .blocks-gallery-image:last-child,.post-full-content.single-post>:not(.gallery).wp-block-gallery .blocks-gallery-item:last-child,.post-full-content.single-post>:not(.wp-block-quote)>p.wp-block-gallery .blocks-gallery-image:last-child,.post-full-content.single-post>:not(.wp-block-quote)>p.wp-block-gallery .blocks-gallery-item:last-child,.widget_text.single-post>:not(.gallery).wp-block-gallery .blocks-gallery-image:last-child,.widget_text.single-post>:not(.gallery).wp-block-gallery .blocks-gallery-item:last-child,.widget_text.single-post>:not(.wp-block-quote)>p.wp-block-gallery .blocks-gallery-image:last-child,.widget_text.single-post>:not(.wp-block-quote)>p.wp-block-gallery .blocks-gallery-item:last-child{
    margin-bottom:16px
}
.post-full-content.single-post>:not(.gallery):first-child,.post-full-content.single-post>:not(.gallery)>:first-child,.post-full-content.single-post>:not(.wp-block-quote)>p:first-child,.post-full-content.single-post>:not(.wp-block-quote)>p>:first-child,.widget_text.single-post>:not(.gallery):first-child,.widget_text.single-post>:not(.gallery)>:first-child,.widget_text.single-post>:not(.wp-block-quote)>p:first-child,.widget_text.single-post>:not(.wp-block-quote)>p>:first-child{
    margin-top:0
}
.post-full-content.single-post>:not(.gallery):last-child,.post-full-content.single-post>:not(.gallery)>:last-child,.post-full-content.single-post>:not(.wp-block-quote)>p:last-child,.post-full-content.single-post>:not(.wp-block-quote)>p>:last-child,.widget_text.single-post>:not(.gallery):last-child,.widget_text.single-post>:not(.gallery)>:last-child,.widget_text.single-post>:not(.wp-block-quote)>p:last-child,.widget_text.single-post>:not(.wp-block-quote)>p>:last-child{
    margin-bottom:0
}
.pagination-post{
    position:relative
}
.pagination-post .pagination-item{
    border:0
}
.pagination-post a>span{
    letter-spacing:2px
}
@media only screen and (max-width:767px){
    .pagination-post{
        flex-direction:column
    }
    .pagination-post .icon{
        display:none
    }
    .pagination-post .pagination-item{
        text-align:left;
        border:0
    }
    .pagination-post .pagination-item:not(.text-right){
        border-bottom:1px solid var(--border-color)
    }
    .pagination-post .pagination-item.border-left{
        border-top:1px solid var(--border-color)
    }
    .pagination-post .pagination-item.border-left a{
        display:flex;
        flex-direction:column-reverse
    }
    .pagination-post .pagination-item.border-left a>span{
        margin-top:10px;
        margin-bottom:0
    }
}
@media only screen and (min-width:768px){
    .dsn-form .d-flex-form .form-group:not(:last-child){
        margin-right:30px
    }
}
@media only screen and (max-width:767px){
    .dsn-form .d-flex-form{
        flex-direction:column
    }
}
.dsn-form .form-group{
    width:100%;
    margin-bottom:30px
}
.dsn-form .form-group label{
    font-weight:600;
    color:var(--heading-color)
}
.dsn-form .entry-box .wpcf7-form-control-wrap{
    width:100%
}
.dsn-form .entry-box input:not([type=submit]),.dsn-form .entry-box textarea{
    font-size:15px;
    font-weight:400;
    width:100%;
    border:1px solid var(--border-color);
    padding:10px 18px;
    color:var(--heading-color);
    margin-bottom:0;
    background-color:transparent
}
.dsn-form .entry-box textarea{
    min-height:50px
}
.dsn-form .dsn-btn{
    padding:0;
    border:1px solid var(--theme-color)
}
.dsn-form .dsn-def-btn .dsn-btn{
    border-radius:7px
}
.dsn-form .dsn-def-btn>.w-auto{
    justify-content:center
}
.dsn-form input[type=submit]{
    position:relative;
    font-size:13px;
    line-height:16px;
    letter-spacing:3px;
    text-transform:uppercase;
    color:var(--heading-color);
    padding:20px 30px;
    cursor:pointer;
    z-index:9;
    min-width:150px
}
.dsn-form .ajax-loader{
    position:absolute;
    right:3px
}
.dsn-form .wpcf7-not-valid-tip{
    margin-top:20px
}
.dsn-form .wpcf7 form.invalid .wpcf7-response-output,.dsn-form .wpcf7 form.unaccepted .wpcf7-response-output{
    border-color:var(--border-color)
}
.dsn-form .dsn-def-btn .icon-circle{
    display:inherit
}
form:not(.submitting) .wpcf7-spinner{
    width:0;
    padding:0;
    margin:0;
    transform:scale(0)
}
.wpcf7-spinner{
    transition:0.5s linear;
    transition-property:transform,margin;
    z-index:1;
    margin-left:0;
    margin-right:30px
}
#comment_post .submit-form{
    color:var(--heading-color);
    border-radius:30px;
    font-size:15px;
    border:2px solid var(--heading-color);
    padding:20px 41px;
    cursor:pointer;
    min-height:48px;
    letter-spacing:1.2px;
    font-weight:600
}
.comments-post .comments-title{
    margin-bottom:30px
}
.comments-post .comments-title.border-section-bottom{
    padding-bottom:30px
}
.comments-post .comments-area .comment-list>li.comment:first-child{
    margin-top:0
}
.comments-post .comments-area .comment-list>li.comment:first-child>.pingback{
    padding-top:0
}
.comments-post .comments-area .comment-list>li.comment:first-child>.comment-body{
    padding-top:0
}
.comments-post .comments-area .comment{
    list-style:none;
    margin-top:20px
}
.comments-post .comments-area .comment>.pingback{
    padding-top:10px
}
.comments-post .comments-area .comment>.pingback .edit-link{
    margin-top:10px
}
@media only screen and (min-width:576px){
    .comments-post .comments-area .comment .children{
        margin-left:90px
    }
}
@media only screen and (max-width:575px){
    .comments-post .comments-area .comment .children{
        margin-left:30px
    }
}
@media only screen and (max-width:400px){
    .comments-post .comments-area .comment .children{
        margin-left:20px
    }
}
.comments-post .comment-body .comment-author img{
    width:64px;
    height:64px;
    border-radius:50%
}
@media only screen and (min-width:576px){
    .comments-post .comment-body .comment-author img{
        float:left
    }
}
.comments-post .comment-body .comment-text{
    min-height:64px
}
@media only screen and (min-width:576px){
    .comments-post .comment-body .comment-text{
        padding:0 0 0 90px
    }
}
.comments-post .comment-body .comment-text .comment-date{
    float:right;
    margin:3px 5px 0 0;
    font-size:14px
}
.comments-post .comment-body .comment-text .comment-date:before{
    content:"/";
    display:inline-block;
    margin-right:5px
}
@media only screen and (max-width:767px){
    .comments-post .comment-body .comment-text .comment-date{
        float:inherit;
        margin-bottom:15px
    }
    .comments-post .comment-body .comment-text .comment-date:before{
        display:none
    }
}
@media only screen and (max-width:575px){
    .comments-post .comment-body .comment-text .comment-date{
        margin-top:15px
    }
}
@media only screen and (max-width:767px){
    .comments-post .comment-body .comment-text .comment-info{
        margin-bottom:8px
    }
}
.comments-post .comment-body .comment-text .comment-info .comment-edit{
    right:-12px;
    top:0;
    transform:translateX(100%);
    font-size:12px;
    font-weight:600;
    padding:3px 10px;
    border-radius:15px
}
.comments-post .comment-body .comment-text .comment-info .comment-edit .comment-edit-link i{
    font-size:9px
}
.comments-post .comment-body .comment-text .comment-info .comment-name{
    float:left;
    margin:0
}
.comments-post .comment-body .comment-text .reply{
    font-size:14px;
    margin-top:15px
}
.comments-post .comment-body .comment-text .reply a{
    padding:10px 15px;
    border-radius:30px;
    background-color:var(--assistant-color);
    color:var(--heading-color);
    line-height:1
}
.comments-post .comment-body .comment-text .text-holder p{
    margin:7px 0 10px
}
.comments-post .comment-body .comment-text .comment-reply-link{
    line-height:20px
}
.comments-post .comments-form{
    position:relative;
    width:100%
}
.comments-post .comments-form .comment-form-cookies-consent{
    width:100%;
    margin-bottom:30px
}
.comment-list .comment-respond{
    padding:50px;
    background-color:var(--assistant-color);
    margin-top:50px
}
.comment-list .comment-respond .entry-form input,.comment-list .comment-respond .entry-form textarea{
    border:1px solid var(--border-color)
}
.comment-list .comment-respond .comment-form-cookies-consent{
    margin-bottom:30px
}
.comment-list .comment-respond .comments-title{
    margin-bottom:30px;
    border-bottom:1px solid var(--border-color);
    padding-bottom:20px
}
@media only screen and (max-width:575px){
    .comment-list .comment-respond{
        padding:50px 15px
    }
}
@media only screen and (max-width:575px){
    .comment-list .comment-respond .dsn_root_form textarea,.comment-list .comment-respond .dsn_root_form textarea:placeholder-shown~label{
        padding:0 0 15px 0
    }
}
.logged-in-as{
    margin-bottom:30px
}
.no-comments{
    margin-top:30px
}
a#cancel-comment-reply-link{
    position:absolute;
    right:0;
    top:-6px
}
a#cancel-comment-reply-link .dsn-cancel-comment{
    position:relative;
    font-size:12px;
    padding:5px 10px;
    border-radius:15px
}
body.error404{
    overflow:hidden
}
body.error404 .dsn-header-hero{
    height:100vh
}
.admin-bar body.error404 .dsn-header-hero{
    top:46px;
    height:calc(100vh - 46px)
}
@media screen and (min-width:783px){
    .admin-bar body.error404 .dsn-header-hero{
        top:32px;
        height:calc(100vh - 32px)
    }
}
body.error404 .hero-img{
    filter:blur(7px)
}
body.error404 .title-error{
    font-size:10vw;
    padding:0;
    margin-bottom:30px;
    line-height:1
}
body.error404 .title-error:after,body.error404 .title-error:before{
    background-color:var(--theme-color);
    display:none
}
body.error404 .title-error span{
    color:transparent;
    -webkit-text-stroke-color:var(--heading-color);
    -webkit-text-stroke-width:2px
}
body.error404 .sm-title-block:before{
    border-bottom:4px solid var(--theme-color);
    top:-30px;
    content:"";
    left:50%;
    position:absolute;
    transform:translateX(-50%);
    width:155px
}
body.error404 .sm-title-block span{
    margin-bottom:30px;
    font-size:14px
}



#dsn_footer{
    overflow:hidden
}
#dsn_footer.container .container,#dsn_footer.container .dsn-container,#dsn_footer.dsn-container .container,#dsn_footer.dsn-container .dsn-container{
    padding-right:0;
    padding-left:0
}
#dsn_footer h4.subtitle{
    margin-bottom:20px;
    display:inline-block
}
#dsn_footer h4.subtitle span{
    padding:3px 10px;
    font-size:16px;
    letter-spacing:2px;
    font-weight:var(--font-weight-body)
}
#dsn_footer ul.menu li a,#dsn_footer ul.sub-menu li a{
    font-weight:600;
    font-size:11px;
    letter-spacing:2.5px
}
#dsn_footer ul.menu li:not(:last-child) a,#dsn_footer ul.sub-menu li:not(:last-child) a{
    margin-bottom:7px
}
#dsn_footer .list-inline-block ul.menu li,#dsn_footer .list-inline-block ul.sub-menu li{
    display:inline-block
}
#dsn_footer .list-inline-block ul.menu li a,#dsn_footer .list-inline-block ul.sub-menu li a{
    margin-bottom:0
}
#dsn_footer .list-inline-block ul.menu li:not(:last-of-type),#dsn_footer .list-inline-block ul.sub-menu li:not(:last-of-type){
    margin-left:5px
}
#dsn_footer .textwidget>:not(:last-child),#dsn_footer .textwidget p:not(:last-child){
    margin-bottom:10px
}
#dsn_footer .col-contact p{
    font-size:14px
}
#dsn_footer .col-contact p strong{
    color:var(--heading-color)
}
#dsn_footer .col-contact p span{
    margin-right:5px;
    margin-left:5px
}
#dsn_footer .col-contact p a{
    text-transform:none
}
.elementor-social-icon i{
    --e-social-icon-icon-color:$heading-color
}
.dsn-equal-height.h-100>.elementor-widget-container{
    height:100%
}
@media only screen and (max-width:991px){
    .dsn-equal-height.h-100.dsn-position-tablet-relative{
        height:auto
    }
}
@media only screen and (max-width:767px){
    .dsn-equal-height.h-100.dsn-position-mobile-relative{
        height:auto
    }
}
@media only screen and (min-width:992px){
    .dsn-p-relative{
        position:relative
    }
    .dsn-p-absolute{
        position:absolute
    }
}
@media only screen and (max-width:991px){
    .dsn-tablet-p-relative{
        position:relative
    }
    .dsn-tablet-p-absolute{
        position:absolute
    }
}
@media only screen and (max-width:767px){
    .dsn-mobile-p-relative{
        position:relative
    }
    .dsn-mobile-p-absolute{
        position:absolute
    }
}
.elementor-align-justify .dsn-heading-title.border-section-bottom{
    width:100%
}
@media only screen and (max-width:991px){
    .elementor-tablet-align-center .dsn-heading-title.border-section-bottom,.elementor-tablet-align-left .dsn-heading-title.border-section-bottom,.elementor-tablet-align-right .dsn-heading-title.border-section-bottom{
        width:auto!important
    }
    .elementor-tablet-align-justify .dsn-heading-title.border-section-bottom{
        width:100%!important
    }
}
@media only screen and (max-width:767px){
    .elementor-mobile-align-center .dsn-heading-title.border-section-bottom,.elementor-mobile-align-left .dsn-heading-title.border-section-bottom,.elementor-mobile-align-right .dsn-heading-title.border-section-bottom{
        width:auto!important
    }
    .elementor-mobile-align-justify .dsn-heading-title.border-section-bottom{
        width:100%!important
    }
}
.elementor-align-center .dsn-auto,.elementor-align-center .dsn-icon,.elementor-align-center .dsn-icon svg,.elementor-align-center .img-box-parallax[data-dsn-grid],.elementor-align-center .line-under:after,.elementor-align-center .max-w570,.elementor-align-center .max-w750{
    margin-right:auto;
    margin-left:auto
}
.elementor-align-right .dsn-auto,.elementor-align-right .dsn-icon,.elementor-align-right .dsn-icon svg,.elementor-align-right .img-box-parallax[data-dsn-grid],.elementor-align-right .line-under:after,.elementor-align-right .max-w570,.elementor-align-right .max-w750{
    margin-left:auto
}
@media only screen and (max-width:991px){
    .elementor-tablet-align-center .dsn-auto,.elementor-tablet-align-center .dsn-icon,.elementor-tablet-align-center .dsn-icon svg,.elementor-tablet-align-center .img-box-parallax[data-dsn-grid],.elementor-tablet-align-center .line-under:after,.elementor-tablet-align-center .max-w570,.elementor-tablet-align-center .max-w750{
        margin-right:auto!important;
        margin-left:auto!important
    }
    .elementor-tablet-align-right .dsn-auto,.elementor-tablet-align-right .dsn-icon,.elementor-tablet-align-right .dsn-icon svg,.elementor-tablet-align-right .img-box-parallax[data-dsn-grid],.elementor-tablet-align-right .line-under:after,.elementor-tablet-align-right .max-w570,.elementor-tablet-align-right .max-w750{
        margin-left:auto!important;
        margin-right:0!important
    }
    .elementor-tablet-align-left .dsn-auto,.elementor-tablet-align-left .dsn-icon,.elementor-tablet-align-left .dsn-icon svg,.elementor-tablet-align-left .img-box-parallax[data-dsn-grid],.elementor-tablet-align-left .line-under:after,.elementor-tablet-align-left .max-w570,.elementor-tablet-align-left .max-w750{
        margin-left:0!important;
        margin-right:auto!important
    }
}
@media only screen and (max-width:767px){
    .elementor-mobile-align-center .dsn-auto,.elementor-mobile-align-center .dsn-icon,.elementor-mobile-align-center .dsn-icon svg,.elementor-mobile-align-center .img-box-parallax[data-dsn-grid],.elementor-mobile-align-center .line-under:after,.elementor-mobile-align-center .max-w570,.elementor-mobile-align-center .max-w750{
        margin-right:auto!important;
        margin-left:auto!important
    }
    .elementor-mobile-align-right .dsn-auto,.elementor-mobile-align-right .dsn-icon,.elementor-mobile-align-right .dsn-icon svg,.elementor-mobile-align-right .img-box-parallax[data-dsn-grid],.elementor-mobile-align-right .line-under:after,.elementor-mobile-align-right .max-w570,.elementor-mobile-align-right .max-w750{
        margin-left:auto!important;
        margin-right:0!important
    }
    .elementor-mobile-align-left .dsn-auto,.elementor-mobile-align-left .dsn-icon,.elementor-mobile-align-left .dsn-icon svg,.elementor-mobile-align-left .img-box-parallax[data-dsn-grid],.elementor-mobile-align-left .line-under:after,.elementor-mobile-align-left .max-w570,.elementor-mobile-align-left .max-w750{
        margin-left:0!important;
        margin-right:auto!important
    }
}
.has-popup div.img-box-parallax,.has-popup div.pop-up,div.effect-popup{
    cursor:pointer
}
.dsn-bg-section.p-absolute.w-100.h-100.over-hidden.top-0.left-0{
    z-index:-1;
    pointer-events:none
}
.dsn-bg-section.p-absolute.w-100.h-100.over-hidden.top-0.left-0 [data-dsn-grid=moveUp].h-100{
    height:100%
}
.dsn-right-container .dsn-bg-section.p-absolute.w-100.h-100.over-hidden.top-0.left-0{
    width:calc(100% - var(--dsn-gap-container));
    left:var(--dsn-gap-container)
}
.elementor img.cover-bg-img{
    height:100%
}
.dsn-swiper-parallax-transform{
    transition-property:opacity,transform,visibility
}
.dsn-mb-no-space{
    margin-bottom:0!important
}
.dsn-bg-mask{
    position:absolute;
    width:calc(var(--width-mask, 100%) + var(--width-calc-mask, 0px));
    height:calc(var(--height-mask, 100%) + var(--height-calc-mask, 0px));
    top:var(--top-mask,0px);
    left:var(--left-mask,0px);
    margin-left:var(--margin-left-mask,0px);
    margin-top:var(--margin-top-mask,0px);
    z-index:-1
}
.filter-swiper-blur .swiper-slide:not(.swiper-slide-active){
    filter:blur(3px)
}
ul.list-style-none{
    list-style:none
}
#wp-admin-bar-elementor_edit_page .elementor-edit-link-title{
    display:initial
}
.cover-bg{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.dsn-column-gap-custom>div:not(.hdev-element-wrap){
    display:grid!important;
    align-items:stretch
}
@media only screen and (max-width:575px){
    .dsn-column-gap-custom>div:not(.hdev-element-wrap){
        grid-template-columns:repeat(1,1fr)!important
    }
}
.dsn-column-gap-custom>div:not(.hdev-element-wrap)>.elementor-widget{
    margin-bottom:0!important
}
@media only screen and (min-width:768px){
    .dsn-isotope.dsn-masonry-grid .grid-item:nth-of-type(2){
        margin-top:calc(80px + var(--dsn-col-item, 0px))
    }
}
@media only screen and (min-width:992px){
    .dsn-isotope.dsn-masonry-grid.dsn-masonry-grid-2 .grid-item:nth-of-type(3){
        margin-top:calc(120px + var(--dsn-col-item, 0px))
    }
}
.move-circle:not(.p-absolute){
    position:relative
}
@media only screen and (min-width:992px){
    .move-circle{
        background-color:transparent;
        border-color:transparent!important
    }
}


.move-circle .icon-circle{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:inherit;
    z-index:-1;
    border:inherit
}
.move-circle.background-main .icon-circle{
    background-color:var(--bg-color)
}
.move-circle.background-section .icon-circle{
    background-color:var(--assistant-color)
}
.move-circle.background-theme .icon-circle{
    background-color:var(--theme-color)
}
.move-circle.border-color-default .icon-circle{
    border-color:var(--border-color)
}
.move-circle.border-color-main .icon-circle{
    border-color:var(--bg-color)
}
.move-circle.border-color-assistant .icon-circle{
    border-color:var(--assistant-color)
}
.move-circle.border-color-theme-color .icon-circle{
    border-color:var(--theme-color)
}
.move-circle.border-color-heading .icon-circle{
    border-color:var(--heading-color)
}
.move-circle.border-color-body .icon-circle{
    border-color:var(--font-color)
}
.move-circle.border-circle{
    border:1px solid var(--heading-color)
}
.dsn-lazy-loading{
    filter:blur(13px)
}
img:not(.dsn-lazy-loading){
    transition:filter 1s cubic-bezier(0.19,1,0.22,1)
}
.dsn-ajax-effect{
    overflow:hidden
}
.dsn-icon i{
    font-size:var(--dsn-icon-size,20px);
    color:var(--dsn-color-icon,var(--theme-color))
}
.dsn-icon svg{
    width:var(--dsn-icon-size,20px);
    height:var(--dsn-icon-size,20px)
}
.dsn-icon svg,.dsn-icon svg path{
    fill:var(--dsn-color-icon,var(--theme-color))
}
.text-center .dsn-icon{
    margin:0 auto
}
.dsn-icon-theme-color{
    --dsn-color-icon:var(--theme-color)
}
.dsn-icon-heading-color{
    --dsn-color-icon:var(--heading-color)
}
.dsn-icon-body-color{
    --dsn-color-icon:var(--font-color)
}
.dsn-icon-border-color{
    --dsn-color-icon:var(--border-color)
}
.dsn-icon-assistant-color{
    --dsn-color-icon:var(--assistant-color)
}
.dsn-icon-main-color{
    --dsn-color-icon:var(--bg-color)
}
.button-load-more{
    transition-property:padding,border-radius,background;
    transition-duration:1s;
    text-align:center;
    cursor:pointer;
    padding:15px 40px;
    margin-top:var(--dsn-row-item);
    font-size:14px;
    color:var(--heading-color);
    letter-spacing:2px;
    text-transform:uppercase;
    border-width:1px;
    border-style:solid
}
.button-load-more span:not(.icon-circle){
    z-index:1
}
.button-load-more .dsn-load-progress-ajax,.button-load-more .progress-no-more{
    display:none
}
.button-load-more.dsn-loading{
    border-radius:3px;
    padding:10px 20px
}
.button-load-more.dsn-loading .dsn-load-progress-ajax{
    display:block
}
.button-load-more.dsn-loading .progress-text{
    display:none
}
.dsn-grid-layout{
    --dsn-width-item:1;
    --dsn-col-item:30px;
    --dsn-row-item:50px;
    display:flex;
    flex-wrap:wrap;
    margin-left:calc(-1 * var(--dsn-col-item));
    margin-top:calc(-1 * var(--dsn-row-item))
}
@media only screen and (max-width:575px){
    .dsn-grid-layout:not(.dsn-n-default){
        --dsn-width-item:1!important
    }
}
.dsn-grid-layout>.grid-item{
    flex:0 0 calc((100% / var(--dsn-width-item)) - var(--dsn-col-item));
    margin-left:var(--dsn-col-item);
    margin-top:var(--dsn-row-item)
}
.dsn-grid-layout.full-width-last-item:not(.dsn-isotope)>.grid-item{
    flex-grow:1
}
.dsn-grid-layout:not(.full-width-last-item)>.grid-item{
    max-width:calc((100% / var(--dsn-width-item)) - var(--dsn-col-item));
    width:100%;
    overflow:hidden
}
.list-with-number{
    counter-reset:workcounter
}
.list-with-number .number-item{
    position:relative
}
.list-with-number .number-item:before{
    counter-increment:workcounter;
    content:counters(workcounter,".",decimal-leading-zero);
    position:absolute;
    line-height:initial
}
ul.dsn-list{
    list-style:none
}
ul.dsn-list li{
    margin-bottom:0
}

/*
.dsn-background-inherit,.dsn-background-inherit .background-main,.dsn-background-inherit .background-section,.dsn-background-inherit .background-theme,.dsn-def-btn,.dsn-def-btn .background-main,.dsn-def-btn .background-section,.dsn-def-btn .background-theme{
    background-color:transparent
}
.dsn-background-inherit .background-main .dsn-bg,.dsn-background-inherit.background-main .dsn-bg,.dsn-background-inherit.background-main .dsn-bg-after:after,.dsn-background-inherit .background-main .dsn-bg-after:after,.dsn-background-inherit.background-main .dsn-bg-before:before,.dsn-background-inherit .background-main .dsn-bg-before:before,.dsn-def-btn.background-main .dsn-bg,.dsn-def-btn .background-main .dsn-bg,.dsn-def-btn.background-main .dsn-bg-after:after,.dsn-def-btn .background-main .dsn-bg-after:after,.dsn-def-btn.background-main .dsn-bg-before:before,.dsn-def-btn .background-main .dsn-bg-before:before{
    background-color:var(--bg-color)
}
.dsn-background-inherit .background-section .dsn-bg,.dsn-background-inherit.background-section .dsn-bg,.dsn-background-inherit.background-section .dsn-bg-after:after,.dsn-background-inherit .background-section .dsn-bg-after:after,.dsn-background-inherit.background-section .dsn-bg-before:before,.dsn-background-inherit .background-section .dsn-bg-before:before,.dsn-def-btn.background-section .dsn-bg,.dsn-def-btn .background-section .dsn-bg,.dsn-def-btn.background-section .dsn-bg-after:after,.dsn-def-btn .background-section .dsn-bg-after:after,.dsn-def-btn.background-section .dsn-bg-before:before,.dsn-def-btn .background-section .dsn-bg-before:before{
    background-color:var(--assistant-color)
}
.dsn-background-inherit .background-theme .dsn-bg,.dsn-background-inherit.background-theme .dsn-bg,.dsn-background-inherit.background-theme .dsn-bg-after:after,.dsn-background-inherit .background-theme .dsn-bg-after:after,.dsn-background-inherit.background-theme .dsn-bg-before:before,.dsn-background-inherit .background-theme .dsn-bg-before:before,.dsn-def-btn.background-theme .dsn-bg,.dsn-def-btn .background-theme .dsn-bg,.dsn-def-btn.background-theme .dsn-bg-after:after,.dsn-def-btn .background-theme .dsn-bg-after:after,.dsn-def-btn.background-theme .dsn-bg-before:before,.dsn-def-btn .background-theme .dsn-bg-before:before{
    background-color:var(--theme-color)
}
.background-revere{
    background-color:var(--assistant-color)
}
.background-section .background-revere{
    background-color:var(--bg-color)
}*/
ul.intro-project-list{
    list-style:none
}
ul.intro-project-list li{
    margin-bottom:0
}
@media only screen and (min-width:992px){
    .list-with-number ul.intro-project-list li{
        padding-left:60px
    }
}
@media only screen and (max-width:991px){
    .list-with-number ul.intro-project-list li{
        padding-left:30px
    }
}
ul.intro-project-list li .title-list-project{
    letter-spacing:3px
}
ul.intro-project-list li h5.title-list-project+p.description-list-project{
    margin-top:15px;
    padding-top:15px;
    border-top:1px solid var(--border-color)
}
.list-with-number ul.intro-project-list .number-item:before{
    left:0;
    top:0
}
.blackdsn-media-swiper .content{
    width:80px;
    z-index:3
}
.blackdsn-media-swiper .content a{
    border-radius:50%
}
.dsn-compare-container{
    position:relative;
    height:500px
}
.dsn-compare-container .dsn-circle,.dsn-compare-container .dsn-circle:after,.dsn-compare-container .dsn-circle:before,.dsn-compare-container .dsn-handle-slider,.dsn-compare-container .dsn-handle-slider:after,.dsn-compare-container .dsn-handle-slider:before,.dsn-compare-container .img-comp-img,.dsn-compare-container .img-overlay{
    position:absolute
}
.dsn-compare-container .dsn-handle-slider,.dsn-compare-container .img-comp-img,.dsn-compare-container .img-overlay{
    height:100%
}
.dsn-compare-container .img-comp-img{
    width:100%;
    overflow:hidden
}
.dsn-compare-container .img-comp-img img{
    display:block;
    vertical-align:middle
}
.dsn-compare-container .dsn-handle-slider{
    top:0;
    width:35px;
    z-index:40;
    pointer-events:none
}
.dsn-compare-container .dsn-handle-slider .dsn-circle:after,.dsn-compare-container .dsn-handle-slider .dsn-circle:before,.dsn-compare-container .dsn-handle-slider:after,.dsn-compare-container .dsn-handle-slider:before{
    content:""
}
.dsn-compare-container .dsn-handle-slider:after,.dsn-compare-container .dsn-handle-slider:before{
    background:white;
    width:3px;
    left:50%;
    transform:translateX(-50%);
    height:calc(50% - 35px / 2)
}
.dsn-compare-container .dsn-handle-slider:before{
    top:0
}
.dsn-compare-container .dsn-handle-slider:after{
    bottom:0
}
.dsn-compare-container .dsn-handle-slider .dsn-circle{
    width:35px;
    height:35px;
    border-radius:50%;
    border:3px solid #fff;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    pointer-events:all;
    cursor:pointer
}
.dsn-compare-container .dsn-handle-slider .dsn-circle:after,.dsn-compare-container .dsn-handle-slider .dsn-circle:before{
    width:0;
    height:0;
    border:6px inset transparent;
    top:50%;
    margin-top:-6px
}
.dsn-compare-container .dsn-handle-slider .dsn-circle:before{
    border-right:6px solid #fff;
    left:50%;
    margin-left:-17px
}
.dsn-compare-container .dsn-handle-slider .dsn-circle:after{
    border-left:6px solid #fff;
    right:50%;
    margin-right:-17px
}
.dsn-compare-container .img-overlay{
    width:100%;
    left:0;
    top:0;
    z-index:39;
    background-color:rgba(0,0,0,0.2);
    opacity:0;
    transition:0.5s
}
.dsn-compare-container .img-overlay:after,.dsn-compare-container .img-overlay:before{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(255,255,255,0.6);
    color:#000;
    line-height:38px;
    padding:0 20px;
    border-radius:2px
}
.dsn-compare-container .img-overlay:before{
    content:attr(data-before);
    left:10px
}
.dsn-compare-container .img-overlay:after{
    content:attr(data-after);
    right:10px
}
.dsn-compare-container:hover .img-overlay{
    opacity:1
}
.dsn-service .number-item:before{
    right:45px;
    top:50px;
    font-size:7vw;
    line-height:1;
    font-family:var(--heading-font);
    font-weight:700;
    color:transparent;
    -webkit-text-stroke:1.5px var(--border-color);
    opacity:0.2;
    z-index:2;
    pointer-events:none
}
.dsn-service .service-item{
    border:1px solid var(--border-color);
    border-radius:7px
}
.dsn-service .service-item ul{
    list-style:none;
    line-height:1.3
}
.dsn-service .service-item ul li{
    margin-bottom:10px
}
.dsn-service .service-item .dsn-icon:not(.dsn-bg-before){
    --dsn-icon-size:100px
}
.dsn-service .service-item .service-item-inner{
    padding:60px 30px;
    background: #191919;
    color: #dddddd;
}
.icon-left .dsn-service .service-item .service-item-inner,.icon-right .dsn-service .service-item .service-item-inner{
    display:flex
}
.icon-left .dsn-service .service-item .service-item-inner .dsn-icon:not(.dsn-bg-before),.icon-right .dsn-service .service-item .service-item-inner .dsn-icon:not(.dsn-bg-before){
    flex-shrink:0
}
.icon-left .dsn-service .service-item .service-item-inner .dsn-icon:not(.dsn-bg-before){
    margin-right:20px
}
.icon-top .dsn-service .service-item .service-item-inner .dsn-icon:not(.dsn-bg-before){
    padding-bottom:20px
}
.icon-right .dsn-service .service-item .service-item-inner .dsn-icon:not(.dsn-bg-before){
    order:2;
    margin-left:20px
}
@media only screen and (min-width:992px){
    .service-with-img .dsn-service .service-item{
        position:relative;
        overflow:hidden;
        display:flex;
        align-items:center;
        z-index:1;
        background-color:transparent
    }
    .service-with-img .dsn-service .service-item .service_description{
        color:var(--heading-color)
    }
    .service-with-img .dsn-service .service-item,.service-with-img .dsn-service .service-item .dsn-def-btn{
        justify-content:center
    }
    .service-with-img .dsn-service .service-item .service-item-inner{
        height:auto
    }
    .service-with-img .dsn-service .service-item.active+.item-bg{
        opacity:1
    }
    .service-with-img .dsn-service .service_description{
        display:none
    }
    .service-with-img .dsn-service .item-bg{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        z-index:0;
        opacity:0;
        transition:opacity 3s cubic-bezier(0.19,1,0.22,1) 0ms,transform 2s cubic-bezier(0.19,1,0.22,1) 0ms
    }
}
@media only screen and (max-width:991px){
    .service-with-img .dsn-service .service-item{
        height:auto!important
    }
    .service-with-img .dsn-service .item-bg{
        display:none
    }
}
.dsn-testimonials .testimonial-position{
    color:var(--font-color);
    font-size:14px;
    font-weight:400;
    margin-top:5px
}
.dsn-testimonials .content-inner{
    display:flex
}
.dsn-testimonials .border-top{
    padding-top:20px
}
.dsn-testimonials .testimonial-inner>svg{
    position:absolute;
    right:0;
    top:0;
    width:247px;
    height:192px;
    opacity:0.3;
    fill:var(--assistant-color)
}
.background-section .dsn-testimonials .testimonial-inner>svg{
    fill:var(--bg-color)
}
[data-widget_type="dsn_testimonial.default"]:not(.quote-box-style) .dsn-testimonials .testimonial-inner>svg{
    display:none
}
.elementor-widget-dsn_testimonial:not(.image-left-style) .dsn-testimonials .testimonial-inner .swiper-slide>.avatar{
    display:none
}
@media only screen and (min-width:768px){
    .image-left-style .dsn-testimonials .testimonial-inner .content-inner .avatar{
        display:none
    }
    .image-left-style .dsn-testimonials .testimonial-inner .content-inner .avatar+.box-text{
        margin-left:0;
        text-align:inherit
    }
    .image-left-style .dsn-testimonials .testimonial-inner .swiper-slide>.avatar{
        height:80px;
        width:80px;
        margin-bottom:30px
    }
    .image-left-style .dsn-testimonials .testimonial-inner .swiper-slide>.avatar,.image-left-style .dsn-testimonials .testimonial-inner .swiper-slide>.avatar img{
        border-radius:50%
    }
    .image-left-style .dsn-testimonials .testimonial-inner .swiper-slide>.avatar+.testimonial-item{
        margin-left:30px
    }
}
@media only screen and (max-width:767px){
    .image-left-style .dsn-testimonials .testimonial-inner .swiper-slide>.avatar{
        display:none
    }
}
.dsn-testimonials .content-inner .avatar{
    width:60px;
    height:60px
}
.dsn-testimonials .content-inner .avatar,.dsn-testimonials .content-inner .avatar img{
    border-radius:50%
}
.dsn-testimonials .content-inner .avatar+.box-text{
    margin-left:10px;
    text-align:left
}
.dsn-testimonials h4,.dsn-testimonials h5{
    font-family:var(--body-font)
}
.dsn-testimonials .testimonial-content h4.sm-title-block{
    letter-spacing:1.2px;
    font-size:18px
}
.dsn-testimonials .testimonial-content h4.sm-title-block,.dsn-testimonials .testimonial-name{
    font-weight:600
}
.dsn-brand .brand-item{
    min-height:190px
}
@media only screen and (max-width:767px){
    .dsn-brand .brand-item{
        border:1px solid var(--border-color)
    }
}
.dsn-brand .brand-item-inner{
    width:175px;
    margin:auto
}
.dsn-brand .brand-item-inner img{
    margin:auto
}
.dsn-brand .brand-link{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:1
}
.dsn-team .team-item-inner .box-img{
    position:relative;
    max-height:450px;
    overflow:hidden;
    height:390px
}
.dsn-team .team-item-inner .box-img:before{
    z-index:1
}
.dsn-team .team-item-inner .box-img img{
    transition:transform 0.8s cubic-bezier(0.24,0.87,0.24,0.89)
}
.dsn-team .team-item-inner .team-content{
    position:relative;
    margin-top:-58px;
    width:100%;
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    border:1px solid var(--border-color);
    padding:30px;
    z-index:2
}
.dsn-team .team-item-inner .text-name+.text-position{
    margin-top:10px
}
.dsn-team .team-item-inner .text-name,.dsn-team .team-item-inner .text-position{
    transition:transform cubic-bezier(0.4,0,0.2,1) 0.3s,opacity cubic-bezier(0.4,0,0.2,1) 0.3s
}
.dsn-team .team-item-inner .text-position{
    font-weight:400;
    transform:translateY(0)
}
.dsn-team .team-item-inner .team-socials{
    list-style:none;
    position:absolute;
    width:100%;
    left:0;
    opacity:0;
    transform:translateY(-25px)
}
.dsn-team .team-item-inner .team-socials,.dsn-team .team-item-inner .team-socials li a{
    transition:transform cubic-bezier(0.4,0,0.2,1) 0.5s,opacity cubic-bezier(0.4,0,0.2,1) 1s
}
.dsn-team .team-item-inner .team-socials li a{
    position:relative;
    width:50px;
    height:50px
}
.dsn-team .team-item-inner .team-socials li a:hover{
    border:0
}
.dsn-team .team-item-inner:hover img{
    transform:scale(1.2)
}
.dsn-team .team-item-inner:hover .text-name{
    transform:translateY(-10px)
}
.dsn-team .team-item-inner:hover .text-position{
    transform:translateY(-25px);
    opacity:0
}
.dsn-team .team-item-inner:hover .team-socials{
    opacity:1;
    transform:translateY(-32px)
}
.dsn-accordion{
    line-height:1.2
}
.dsn-accordion .accordion__answer{
    display:none;
    max-width:400px;
    padding-top:15px;
    padding-left:45px
}
.dsn-accordion .accordion__answer.active{
    display:block
}
.dsn-accordion .accordion__item:not(:last-of-type){
    margin-bottom:30px;
    border-bottom:1px solid var(--border-color);
    padding-bottom:30px
}
.dsn-accordion .accordion__question{
    position:relative;
    cursor:pointer;
    -webkit-user-select:none;
    user-select:none
}
.dsn-accordion .accordion__question:not(:first-of-type){
    padding:8px 15px 0 0
}
.dsn-accordion .accordion__question .dsn-icon{
    margin-right:15px
}
.dsn-accordion .accordion__question h4{
    font-weight:600;
    margin-bottom:0
}
.dsn-accordion .accordion__question:before{
    content:"";
    position:absolute;
    display:inline-block;
    border:solid var(--theme-color);
    top:40%;
    right:0;
    transition:transform 0.2s linear
}
.dsn-accordion .accordion__question:not(.expanded):before{
    transform:rotate(45deg);
    border-width:0 2px 2px 0;
    padding:3px
}
.dsn-accordion .accordion__question.expanded:before{
    border-width:1px;
    width:10px
}
.dsn-accordion .number{
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:50%;
    text-align:center;
    margin-right:15px;
    font-size:14px
}
.background-theme .dsn-accordion .number{
    background-color:var(--bg-color);
    color:var(--heading-color)
}
.dsn-skills-item{
    position:relative;
    width:100%
}
.dsn-skills-item .background-theme{
    --heading-color:inhert!important;
    --font-color:inhert!important
}
.dsn-skills-item .bar-progress{
    position:relative;
    width:100%;
    height:10px
}
.dsn-skills-item .bar-progress:before{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:4px;
    background-color:var(--assistant-color);
    transform:translateY(-50%)
}
.background-section .dsn-skills-item .bar-progress:before{
    background-color:var(--bg-color)
}
.dsn-skills-item .bar-progress .fill{
    position:absolute;
    width:0;
    height:100%
}
.dsn-skills-item .bar-progress .fill:not(.background-section):not(.background-main):not(.background-theme):not(.background-heading){
    background-image:url("../img/patterns.png")
}
.dsn-skills-item .bar-progress .fill.background-heading{
    background-color:var(--heading-color)
}
.dsn-skills-item .bar-progress .fill .number{
    position:absolute;
    top:-10px;
    right:-15px;
    font-family:var(--heading-font);
    color:var(--heading-color);
    text-shadow:1px 1px 7px var(--bg-color)
}
.dsn-skills-item .bar-svg{
    text-align:center
}
.dsn-skills-item .bar-svg .fill-bar{
    width:160px;
    height:160px;
    margin:auto;
    background-color:transparent
}
.dsn-skills-item .bar-svg .fill-bar:before{
    content:"";
    position:absolute;
    width:115px;
    height:115px;
    background-color:var(--bg-color);
    opacity:0.23;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%
}
.dsn-skills-item .bar-svg .fill-bar svg{
    transform:rotate(-90deg)
}
.dsn-skills-item .bar-svg .fill-bar .progress-bar__background{
    fill:none;
    stroke:var(--bg-color);
    stroke-width:1.8;
    opacity:0.23
}
.dsn-skills-item .bar-svg .fill-bar .progress-bar__progress{
    fill:none;
    stroke-dasharray:100 100;
    stroke-linecap:round;
    stroke-width:1.8;
    stroke:var(--theme-color)
}
.dsn-skills-item .bar-svg .fill-bar.background-section .progress-bar__progress{
    stroke:var(--assistant-color)
}
.dsn-skills-item .bar-svg .fill-bar.background-main .progress-bar__progress{
    stroke:var(--bg-color)
}
.dsn-skills-item .bar-svg .fill-bar.background-heading .progress-bar__progress{
    stroke:var(--heading-color)
}
.dsn-skills-item .bar-svg .fill-bar .number.font-number{
    font-size:30px
}
.dsn-resume .resume-item{
    position:relative;
    padding-left:20px
}

/*# sourceMappingURL=style.css.map */