/*! Bundle: plugins.css + style.css + custom-bootstrap-margin-padding-font-align.css + areca-site.css */
/*! Generated: 2026-05-27 19:36:23 UTC */
@import url("plugins/fontawesome-all.min.css");@import url("plugins/swiper.min.css");@import url("plugins/jquery.animatedheadline.css");@import url("plugins/fancybox.css");@import url("plugins/fjGallery.css");@import url("global.css");@charset "UTF-8";:root, :root .v-light, :root .v-light-head{
--bg-color: #f9f9f9;--assistant-color: #F1F1EF;--theme-color-font: #fff;--font-color: #757575;--heading-color: #000;--border-theme-color: #2828281a;--smooth-color: #141414;--reverse-color: #141414;--reverse-heading-color: #fff;--bg-btn: #f6fafd;--divider-color: var(--border-color);}
:root.v-light .background-theme, :root.background-theme, :root .calendar_wrap table tr td#today, :root .v-light.v-light .background-theme, :root .v-light.background-theme, :root .v-light .calendar_wrap table tr td#today, :root .v-light-head.v-light .background-theme, :root .v-light-head.background-theme, :root .v-light-head .calendar_wrap table tr td#today{
--heading-color: #fff;--font-color: #fff;color: var(--font-color);}
:root .v-dark, :root .v-dark-head{
--bg-color: #131313;--assistant-color: #191919;--font-color: #ddd;--heading-color: #fff;--border-theme-color: #ffffff1a;--smooth-color: #f9f9f9;--reverse-color: #f9f9f9;--reverse-heading-color: #000;--bg-btn: #0a0909;}
@media only screen and (max-width: 991px){
.v-dark-head-mobile{
--bg-color: #131313;--assistant-color: #191919;--font-color: #ddd;--heading-color: #fff;--border-theme-color: #ffffff1a;--smooth-color: #f9f9f9;--reverse-color: #f9f9f9;--reverse-heading-color: #000;--bg-btn: #0a0909;}
}
:root{
--body-font: "Poppins", sans-serif;--heading-font: "Poppins", 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: 200;--font-weight-body: 400;--smooth-width: 4px;--theme-color: #004b1c;--width-wrapper: 100px;--height-wrapper: 100px;--bg-overlay: #000;--overlay-blend-mode: unset;--container-default-padding-top: 0;--container-default-padding-right: 0;--container-default-padding-bottom: 0;--container-default-padding-left: 0;--content-width: min(100%, var(--container-max-width, 1140px));}
@media only screen and (min-width: 1400px){
:root{
--dsn-gap-container: 100px;--title-heading: 40px;}
: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: 56px;}
}
@media only screen and (min-width: 992px){
:root{
--margin-padding: 80px;--box-padding: 80px 40px;}
}
@media only screen and (max-width: 991px){
:root{
--margin-padding: 80px;--box-padding: 60px var(--dsn-gap-container);}
}
@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;}
}
#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: 101;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 svg.v-middle, #dsn_preloader .loading-circle{
width: var(--width-loading-circle);height: var(--width-loading-circle);}
#dsn_preloader .loading-circle{
font-size: 25vw;letter-spacing: 0;opacity: 0.1;}
#dsn_preloader .loading-text{
position: absolute;color: var(--heading-color);left: var(--dsn-gap-container);bottom: 50px;letter-spacing: 2px;}
.dsnload{
top: 22px;left: var(--dsn-gap-container);}
.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: 220px;}
.dsnload .dsnload__row:nth-child(1){
-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:nth-child(1) .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%, 100%{
transform: translateY(0em);}
0%{
opacity: 0;filter: blur(5px);}
100%{
opacity: 1;filter: blur(0px);}
}
@keyframes spin{
0%{
transform: rotate(0deg);}
100%{
transform: rotate(360deg);}
}
#layout_option{
position: fixed;z-index: 99999;right: 20px;bottom: 30px;}
@media only screen and (max-width: 767px){
#layout_option{
display: none;}
}
.day-night, .smooth-scrollbar-option{
position: relative;width: 30px;height: 30px;cursor: pointer;}
.day-night svg, .smooth-scrollbar-option svg{
width: 100%;height: 100%;}
.smooth-scrollbar-option{
margin-top: 10px;border: 1px solid var(--border-theme-color);background-color: var(--assistant-color);border-radius: 50%;padding: 5px;}
.smooth-scrollbar-option svg{
fill: var(--heading-color);}
.day-night .night,
.day-night .moon{
position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;pointer-events: none;transition: opacity 0.8s;border-radius: 100%;opacity: 0;}
.day-night .night{
border: 1px solid var(--border-theme-color);background-color: #fff;opacity: 1;}
.day-night .night svg{
fill: #000;}
.day-night .moon{
border: 1px solid var(--border-theme-color);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-bg-blur{
background-color: #0F1117;filter: blur(3px);}
.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-theme-color);border-right: 1px solid var(--border-theme-color);}
#line_head > .container:before{
content: "";display: block;position: relative;width: 1px;background-color: var(--border-theme-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%;}
@media only screen and (max-width: 400px){
.aspect-ratio-1 .box-image-link{
border-radius: 0;aspect-ratio: unset;}
}
.clip-path-circle .swiper-slide{
-webkit-clip-path: circle(44% at 50% 50%);clip-path: circle(44% at 50% 50%);}
.swiper-slide img{
pointer-events: none;}
.swiper-slide .box-image-link{
pointer-events: none;}
body.bg:not(.dsn-button-sidebar, .bg-load, .dsn-ajax-loader, .link-project, .comment-edit), .background-main.bg:not(.dsn-button-sidebar, .bg-load, .dsn-ajax-loader, .link-project, .comment-edit), .background-section.bg:not(.dsn-button-sidebar, .bg-load, .dsn-ajax-loader, .link-project, .comment-edit), .background-theme.bg:not(.dsn-button-sidebar, .bg-load, .dsn-ajax-loader, .link-project, .comment-edit){
position: relative;}
body.bg:not(.dsn-button-sidebar, .bg-load, .dsn-ajax-loader, .link-project, .comment-edit):before, .background-main.bg:not(.dsn-button-sidebar, .bg-load, .dsn-ajax-loader, .link-project, .comment-edit):before, .background-section.bg:not(.dsn-button-sidebar, .bg-load, .dsn-ajax-loader, .link-project, .comment-edit):before, .background-theme.bg:not(.dsn-button-sidebar, .bg-load, .dsn-ajax-loader, .link-project, .comment-edit):before{
content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0.05;background-image: radial-gradient(var(--font-color) 0.25px, var(--bg-color) 0.25px);background-size: 5px 5px;}
.dsn-bg-pattern{
--bg-offset: 50deg;}
.dsn-bg-pattern:before{
position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;opacity: var(--bg-opacity, 0.2);background-position: center center;background-size: cover;}
.dsn-bg-pattern.bg-offset > *{
z-index: 1;}
.dsn-bg-pattern.bg-offset:after{
position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;background-position: center center;background-size: cover;pointer-events: none;z-index: 0;background-image: linear-gradient(var(--bg-offset), var(--bg-color) 20%, transparent 40%);}
.dsn-bg-pattern.bg-offset.background-section:after, .background-section .dsn-bg-pattern.bg-offset:after{
background-image: linear-gradient(var(--bg-offset), var(--assistant-color) 30%, transparent 85%);}
.dsn-bg-pattern.bg-offset.background-theme:after, .background-theme .dsn-bg-pattern.bg-offset:after{
background-image: linear-gradient(var(--bg-offset), var(--assistant-color) 20%, transparent 100%);}
.dsn-bg-pattern.bg-square:before{
background-size: var(--bg-size, 130px 130px);background-image: linear-gradient(to right, var(--border-theme-color) 1px, transparent 1px), linear-gradient(to bottom, var(--border-theme-color) 1px, transparent 1px);}
.dsn-bg-pattern.bg-line:before{
background-image: url("../img/bg-line.png");background-repeat: no-repeat;}
.dsn-fill.color-light span.word{
-webkit-text-fill-color: rgba(255, 255, 255, 0.1);}
.dsn-fill:not(.color-light) span.word{
-webkit-text-fill-color: rgba(0, 0, 0, 0.1);}
.dsn-fill span.word{
-webkit-background-clip: text;background-repeat: no-repeat;background-image: linear-gradient(var(--heading-color), var(--heading-color));background-size: 0 100%;}
.bg-dots:not(.dsn-btn, .service-item, .service-item-inner, .not-bg-dot, .dsn-bg-pattern), .bg-dots .background-section:not(.dsn-btn, .service-item, .service-item-inner, .not-bg-dot, .dsn-bg-pattern), .bg-dots .background-main:not(.dsn-btn, .service-item, .service-item-inner, .not-bg-dot, .dsn-bg-pattern), .bg-dots .background-theme:not(.dsn-btn, .service-item, .service-item-inner, .not-bg-dot, .dsn-bg-pattern){
background-image: url("../img/bg-dot.png");}
.bg-dots.v-light:not(.dsn-btn, .service-item, .service-item-inner, .not-bg-dot, .dsn-bg-pattern), .bg-dots.v-light .background-section:not(.dsn-btn, .service-item, .service-item-inner, .not-bg-dot, .dsn-bg-pattern), .bg-dots.v-light .background-main:not(.dsn-btn, .service-item, .service-item-inner, .not-bg-dot, .dsn-bg-pattern), .bg-dots.v-light .background-theme:not(.dsn-btn, .service-item, .service-item-inner, .not-bg-dot, .dsn-bg-pattern), .v-light .bg-dots:not(.dsn-btn, .service-item, .service-item-inner, .not-bg-dot, .dsn-bg-pattern), .v-light .bg-dots .background-section:not(.dsn-btn, .service-item, .service-item-inner, .not-bg-dot, .dsn-bg-pattern), .v-light .bg-dots .background-main:not(.dsn-btn, .service-item, .service-item-inner, .not-bg-dot, .dsn-bg-pattern), .v-light .bg-dots .background-theme:not(.dsn-btn, .service-item, .service-item-inner, .not-bg-dot, .dsn-bg-pattern){
background-image: url("../img/bg-dot-light.png");}
.dsn-grid-masonry .grid-item:hover .dsn-widget-rep-title{
transform: translateY(-10px);}
.dsn-grid-masonry .dsn-widget-rep-title{
background-color: var(--assistant-color);margin-bottom: 15px;padding: 0.5rem 0.8rem;border-radius: 0.5rem;transition: 0.5s cubic-bezier(0.36, 0, 0.66, -0.56);border: 1px solid var(--theme-color);}
.dsn-icon .elementor-shape svg{
--dsn-icon-size: calc(100% + 1.3px);}
.dsn-icon .elementor-shape svg path{
fill: var(--dsn-color-icon, var(--theme-color));}
input::placeholder,
textarea::placeholder,
.form-control::placeholder,
.form-box input::placeholder,
.form-box 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 textarea,
fieldset form input{
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-theme-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-border .dsn-icon::before{
border: 2px solid var(--border-theme-color);}
.dsn-btn{
position: relative;text-align: center;}
.dsn-btn .btn-icon-left{
margin-right: 10px;}
.dsn-btn .btn-icon-right{
margin-left: 10px;}
.dsn-btn .title-btn{
position: relative;font-size: 14px;line-height: 1.2;letter-spacing: 2px;}
.dsn-default-btn .dsn-btn .dsn-icon{
padding: 7px 17px;border-radius: 26px;display: flex;align-items: center;justify-content: center;}
.dsn-default-btn .dsn-btn .title-btn[data-animate-text], .dsn-default-btn .dsn-btn .dsn-icon, .dsn-normal-btn .dsn-btn .title-btn[data-animate-text], .dsn-normal-btn .dsn-btn .dsn-icon{
overflow: hidden;}
.dsn-default-btn .dsn-btn .title-btn[data-animate-text] > span, .dsn-default-btn .dsn-btn .title-btn[data-animate-text]:before, .dsn-default-btn .dsn-btn .dsn-icon > span, .dsn-default-btn .dsn-btn .dsn-icon:before, .dsn-normal-btn .dsn-btn .title-btn[data-animate-text] > span, .dsn-normal-btn .dsn-btn .title-btn[data-animate-text]:before, .dsn-normal-btn .dsn-btn .dsn-icon > span, .dsn-normal-btn .dsn-btn .dsn-icon:before{
transition: transform 0.37s cubic-bezier(0.15, 0.7, 0.78, 1), opacity 0.37s linear;transform-origin: 0 0;}
.dsn-default-btn .dsn-btn .title-btn[data-animate-text].dsn-icon > *:first-child, .dsn-default-btn .dsn-btn .title-btn[data-animate-text]:before, .dsn-default-btn .dsn-btn .dsn-icon.dsn-icon > *:first-child, .dsn-default-btn .dsn-btn .dsn-icon:before, .dsn-normal-btn .dsn-btn .title-btn[data-animate-text].dsn-icon > *:first-child, .dsn-normal-btn .dsn-btn .title-btn[data-animate-text]:before, .dsn-normal-btn .dsn-btn .dsn-icon.dsn-icon > *:first-child, .dsn-normal-btn .dsn-btn .dsn-icon:before{
position: absolute;opacity: 0;}
.dsn-default-btn .dsn-btn .dsn-icon > *, .dsn-normal-btn .dsn-btn .dsn-icon > *{
transition: 0.2s;}
.dsn-default-btn .dsn-btn .dsn-icon > *:first-child, .dsn-normal-btn .dsn-btn .dsn-icon > *:first-child{
transform: translateY(-50%);}
.dsn-default-btn .dsn-btn .title-btn[data-animate-text]:before, .dsn-normal-btn .dsn-btn .title-btn[data-animate-text]:before{
content: attr(data-animate-text);width: 100%;height: 100%;left: 0;top: 0;transform: translateY(100%);}
.dsn-default-btn .dsn-btn:hover .title-btn[data-animate-text]:before, .dsn-default-btn .dsn-btn:hover .dsn-icon > *:first-child, .dsn-normal-btn .dsn-btn:hover .title-btn[data-animate-text]:before, .dsn-normal-btn .dsn-btn:hover .dsn-icon > *:first-child{
transform: none;opacity: 1;}
.dsn-default-btn .dsn-btn:hover .dsn-icon > *:last-child, .dsn-normal-btn .dsn-btn:hover .dsn-icon > *:last-child{
transform: translateY(50%);opacity: 0;}
.dsn-default-btn .dsn-btn:hover .title-btn[data-animate-text] > span, .dsn-normal-btn .dsn-btn:hover .title-btn[data-animate-text] > span{
transform: translateY(-100%);opacity: 0;}
.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-def-btn .icon-circle{
display: none;}
.dsn-def-btn .dsn-icon{
width: var(--dsn-icon-width, 50px);height: var(--dsn-icon-width, 50px);border-radius: var(--dsn-icon-width, 50px);z-index: 0;}
.dsn-def-btn .dsn-icon > *{
position: relative;z-index: 1;}
.dsn-def-btn .dsn-icon > *:first-child{
display: none;}
.dsn-def-btn .dsn-icon:before{
content: "";position: absolute;width: inherit;height: inherit;border-radius: inherit;background-color: inherit;}
.dsn-def-btn .dsn-icon.btn-icon-left:before{
left: 0;}
.dsn-def-btn .dsn-icon.btn-icon-right:before{
right: 0;}
.dsn-def-btn:not(.dsn-hover-icon) .dsn-btn:hover.has-icon-left{
padding-right: calc(var(--dsn-icon-width, 50px) / 1.5);}
.dsn-def-btn:not(.dsn-hover-icon) .dsn-btn:hover.has-icon-left .dsn-icon i, .dsn-def-btn:not(.dsn-hover-icon) .dsn-btn:hover.has-icon-left .dsn-icon svg{
margin-left: calc(var(--dsn-icon-width, 50px) / 2);}
.dsn-def-btn:not(.dsn-hover-icon) .dsn-btn:hover.has-icon-right{
padding-left: calc(var(--dsn-icon-width, 50px) / 1.5);}
.dsn-def-btn:not(.dsn-hover-icon) .dsn-btn:hover.has-icon-right .dsn-icon i, .dsn-def-btn:not(.dsn-hover-icon) .dsn-btn:hover.has-icon-right .dsn-icon svg{
margin-right: calc(var(--dsn-icon-width, 50px) / 2);}
.dsn-def-btn:not(.dsn-hover-icon) .dsn-btn:hover .dsn-icon:before{
width: 100%;}
.dsn-def-btn.dsn-hover-icon .title-btn{
transition: margin-left 0.7s cubic-bezier(0.84, 0, 0.16, 1);}
.dsn-def-btn.dsn-hover-icon .has-icon-right .title-btn{
margin-left: calc(var(--dsn-icon-width, 50px) / 2);}
.dsn-def-btn.dsn-hover-icon .has-icon-right .dsn-icon > *{
transform: translateX(10px);}
.dsn-def-btn.dsn-hover-icon .has-icon-left .title-btn{
margin-left: -35px;}
.dsn-def-btn.dsn-hover-icon .has-icon-left .dsn-icon > *{
transform: translateX(-10px);}
.dsn-def-btn.dsn-hover-icon .dsn-icon > *{
opacity: 0;transition-timing-function: cubic-bezier(0.64, 0, 0.78, 0), linear;transition-property: transform, opacity;transition-delay: 0s, 0.034s;transition-duration: 0.32s, 0.28s;}
.dsn-def-btn.dsn-hover-icon .dsn-icon:before{
left: 0;transition: left 0.7s cubic-bezier(0.84, 0, 0.16, 1);}
.dsn-def-btn.dsn-hover-icon .dsn-btn:hover .title-btn{
margin-left: 0;}
.dsn-def-btn.dsn-hover-icon .dsn-btn:hover .dsn-icon > *{
opacity: 1;transform: none;}
.dsn-def-btn.dsn-hover-icon .dsn-btn:hover.has-icon-right .dsn-icon:before{
left: calc(100% - var(--dsn-icon-width, 50px));}
.dsn-btn-play{
-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);background-color: rgba(255, 255, 255, 0.09);border: 1px solid rgba(251, 251, 251, 0.18);width: 150px;height: 150px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.dsn-btn-play i{
font-size: 19px;margin-right: 10px;}
.dsn-subscribe{
display: flex;align-items: center;gap: 15px;}
.dsn-subscribe input{
border-radius: 50px;display: inline-block;height: 50px;padding: 0 30px;border: 0;font-size: 13px;font-weight: 400;width: 100%;}
.dsn-subscribe .submit{
width: 50px;height: 50px;line-height: 50px;border-radius: 50%;--dsn-color-icon: var(--heading-color);--dsn-icon-size: 30px;flex: 1 0 auto;}
.dsn-subscribe .submit svg path{
stroke: var(--heading-color);}
a{
outline: 0;outline-style: none;}
a:hover, a:active{
outline: 0;text-decoration: none;}
.site-header{
position: fixed;top: 0;width: 100%;padding-top: 22px;padding-bottom: 22px;transition-property: background-color, padding-top, padding-bottom, transform;transition-duration: 0.5s;z-index: 97;--backdrop-filter: 3px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.site-header > .p-relative.dsn-container{
padding: 0;display: flex;align-items: center;}
.site-header .dsn-svg-transition{
fill: var(--assistant-color);}
.site-header .bg-load:not(.dsn-svg-transition){
opacity: 0;visibility: hidden;z-index: -1;}
.site-header .bg-load{
position: fixed;pointer-events: none;}
.admin-bar .site-header{
top: 46px;}
@media screen and (min-width: 783px){
.admin-bar .site-header{
top: 32px;}
}
.site-header .main-logo{
position: relative;z-index: 1;}
.site-header ul.primary-nav{
display: flex;padding-left: 0;margin-bottom: 0;flex-wrap: wrap;}
.site-header ul.primary-nav ul{
position: absolute;}
@media only screen and (min-width: 992px){
.site-header:not(.dsn-hamburger) .main-navigation{
display: flex;flex-basis: auto;z-index: 1;}
.site-header:not(.dsn-hamburger) ul.primary-nav > li{
transition-duration: 0.5s;transition-property: opacity, transform;transition-delay: calc(var(--dsn-li-index, 0) * 0.12s);}
.site-header:not(.dsn-hamburger) ul.primary-nav li{
font-family: var(--body-font);font-weight: 500;color: #000000;}
.site-header:not(.dsn-hamburger) ul.primary-nav > li,
.site-header:not(.dsn-hamburger) ul.primary-nav > li > a,
.site-header:not(.dsn-hamburger) ul.primary-nav > li > a > span.overflow{
font-size: 18px;font-weight: 500;letter-spacing: 2px;padding-bottom: 10px;padding-top: 10px;}
.site-header:not(.dsn-hamburger) ul.primary-nav > li li.has-sub-menu:after{
content: "";position: absolute;border: solid var(--theme-color);border-width: 0 3px 3px 0;display: inline-block;padding: 3px;transform: translateY(-50%) rotate(45deg);margin: 0 0 2px 1px;right: 15px;top: calc(50% - 3px);}
.site-header:not(.dsn-hamburger) ul.primary-nav > li:not(:first-of-type){
margin-left: 30px;}
.site-header:not(.dsn-hamburger) ul.primary-nav > li:last-of-type ul{
margin-left: -95px;}
.site-header:not(.dsn-hamburger) ul.primary-nav > li ul{
min-width: 200px;padding: 10px 0;margin-top: 10px;margin-left: -20px;background-color: var(--assistant-color);transition-property: transform, opacity, visibility;transition-duration: 0.8s;border-radius: 7px;opacity: 0;visibility: hidden;transform: translateY(35px);transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);}
.site-header:not(.dsn-hamburger) ul.primary-nav > li ul li{
position: relative;width: 100%;padding: 7px 20px;font-size: 13px;font-weight: 500;}
.site-header:not(.dsn-hamburger) ul.primary-nav > li ul li:before{
content: "";position: absolute;left: 0;top: 0;height: 0;width: 1.5px;transition: 0.5s;background-color: var(--heading-color);}
.site-header:not(.dsn-hamburger) ul.primary-nav > li ul li:hover:before{
height: 100%;}
.site-header:not(.dsn-hamburger) ul.primary-nav > li ul ul{
right: 100%;top: -15px;}
.site-header:not(.dsn-hamburger) ul.primary-nav li.has-sub-menu:hover > ul, .site-header:not(.dsn-hamburger) ul.primary-nav li.has-sub-menu:focus > ul{
opacity: 1;transform: none;visibility: visible;}
.site-header:not(.dsn-hamburger) .navbar-toggle, .site-header:not(.dsn-hamburger) .bg-load{
display: none;}
.site-header:not(.dsn-hamburger) .dsn-back{
display: none;}
.site-header:not(.dsn-hamburger) .menu-cover-title{
display: none;}
}
.site-header.dsn-hamburger .main-navigation{
position: fixed;width: 100%;height: 100vh;top: 0;left: 0;padding-right: var(--dsn-gap-container);padding-left: var(--dsn-gap-container);transform: translateY(-100%);opacity: 0;visibility: hidden;display: flex;}
@media only screen and (max-width: 991px){
.site-header.dsn-hamburger .main-navigation{
flex-direction: column;overflow: auto;}
}
.site-header.dsn-hamburger ul.primary-nav{
position: relative;top: 100px;}
@media only screen and (min-width: 992px){
.site-header.dsn-hamburger ul.primary-nav{
width: 70%;padding-right: var(--bs-gutter-x);}
}
.site-header.dsn-hamburger ul.primary-nav ul{
width: 100%;}
.site-header.dsn-hamburger ul.primary-nav, .site-header.dsn-hamburger ul.primary-nav ul{
counter-reset: var(--dsn-li-name);height: calc(100vh - 100px);display: flex;flex-wrap: nowrap;flex-direction: column;justify-content: center;align-items: flex-start;pointer-events: none;font-weight: 500;}
@media only screen and (min-width: 992px){
.site-header.dsn-hamburger ul.primary-nav, .site-header.dsn-hamburger ul.primary-nav ul{
height: 100vh;padding: 80px 0;}
}
@media only screen and (max-width: 991px){
.site-header.dsn-hamburger ul.primary-nav, .site-header.dsn-hamburger ul.primary-nav ul{
justify-content: start;padding: 120px;height: auto;}
}
.site-header.dsn-hamburger ul.primary-nav li, .site-header.dsn-hamburger ul.primary-nav ul li{
cursor: pointer;pointer-events: none;}
@media only screen and (max-width: 575px){
.site-header.dsn-hamburger ul.primary-nav li, .site-header.dsn-hamburger ul.primary-nav ul li{
font-size: 18px;}
}
.site-header.dsn-hamburger ul.primary-nav a, .site-header.dsn-hamburger ul.primary-nav ul a{
color: var(--font-color);transform-origin: left top;transition: 500ms 0ms;}
.site-header.dsn-hamburger ul.primary-nav a:hover, .site-header.dsn-hamburger ul.primary-nav ul a:hover{
transform: skewX(2deg);letter-spacing: 2.5px;}
@media only screen and (min-width: 992px){
.site-header.dsn-hamburger ul.primary-nav li a span:before, .site-header.dsn-hamburger ul.primary-nav ul li a span:before{
counter-increment: var(--dsn-li-name);content: counters(var(--dsn-li-name), ".", decimal-leading-zero) ". ";font-family: var(--border-theme-color);pointer-events: none;font-size: 14px;opacity: 0.3;}
}
.site-header.dsn-hamburger ul.primary-nav li{
margin: 3px 0;width: 100%;}
.site-header.dsn-hamburger ul.primary-nav a{
position: relative;overflow: hidden;}
.site-header.dsn-hamburger ul.primary-nav.h2 a{
line-height: 1.2;}
.site-header.dsn-hamburger ul.primary-nav .h3 a{
line-height: var(--font-size-h3);}
.site-header.dsn-hamburger .main-navigation ul{
left: 0;top: 0;z-index: -1;}
.site-header.dsn-hamburger .main-navigation ul > li > a > span, .site-header.dsn-hamburger .main-navigation ul > li > span, .site-header.dsn-hamburger .main-navigation ul .scroll-content > li > a > span, .site-header.dsn-hamburger .main-navigation ul .scroll-content > li > span{
transform: translateY(10px);opacity: 0;visibility: hidden;transition: 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition-property: opacity, visibility, transform;transform-origin: center top;transition-delay: calc(0.1s * var(--dsn-li-index));}
.site-header.dsn-hamburger .main-navigation ul.open{
z-index: 9;}
.site-header.dsn-hamburger .main-navigation ul.open > li > a, .site-header.dsn-hamburger .main-navigation ul.open > li > span, .site-header.dsn-hamburger .main-navigation ul.open .scroll-content > li > a, .site-header.dsn-hamburger .main-navigation ul.open .scroll-content > li > span{
pointer-events: auto !important;}
.site-header.dsn-hamburger .main-navigation ul.open > li > a > span, .site-header.dsn-hamburger .main-navigation ul.open > li > span, .site-header.dsn-hamburger .main-navigation ul.open .scroll-content > li > a > span, .site-header.dsn-hamburger .main-navigation ul.open .scroll-content > li > span{
transform: translateY(0);opacity: 1;visibility: visible;}
.site-header.dsn-hamburger #navbar_toggle{
position: relative;display: flex;align-items: center;z-index: 1;cursor: pointer;}
.site-header.dsn-hamburger #navbar_toggle .toggle-icon{
--width-icon: 25px;margin-right: 10px;}
.site-header.dsn-hamburger #navbar_toggle .toggle-icon .toggle-line{
position: relative;height: 2px;background-color: var(--heading-color);width: 25px;transition: 0.5s;}
.site-header.dsn-hamburger #navbar_toggle .toggle-icon .toggle-line:not(:first-child){
margin-top: 5px;}
.site-header.dsn-hamburger #navbar_toggle .toggle-icon .toggle-line:nth-of-type(1), .site-header.dsn-hamburger #navbar_toggle .toggle-icon .toggle-line:nth-of-type(3){
transform: scaleX(0.5);}
.site-header.dsn-hamburger #navbar_toggle .toggle-icon .toggle-line:nth-of-type(2){
width: var(--width-icon);}
.site-header.dsn-hamburger #navbar_toggle .toggle-icon .toggle-line:nth-of-type(1){
transform-origin: left;}
.site-header.dsn-hamburger #navbar_toggle .toggle-icon .toggle-line:nth-of-type(3){
transform-origin: right;}
.site-header.dsn-hamburger #navbar_toggle .toggle-text{
position: relative;--animate-trans: translateY(5px) rotateX(75deg);min-width: 43px;}
.site-header.dsn-hamburger #navbar_toggle .toggle-text .text-open, .site-header.dsn-hamburger #navbar_toggle .toggle-text .text-close{
position: absolute;top: 0;left: 0;}
.site-header.dsn-hamburger #navbar_toggle .toggle-text .text-open .char, .site-header.dsn-hamburger #navbar_toggle .toggle-text .text-close .char{
opacity: 0;visibility: hidden;transform: var(--animate-trans);}
.site-header.dsn-hamburger #navbar_toggle .toggle-text .text-open, .site-header.dsn-hamburger #navbar_toggle .toggle-text .text-close, .site-header.dsn-hamburger #navbar_toggle .toggle-text .text-menu{
overflow: hidden;will-change: transform;}
.site-header.dsn-hamburger #navbar_toggle .toggle-text .text-open .char, .site-header.dsn-hamburger #navbar_toggle .toggle-text .text-close .char, .site-header.dsn-hamburger #navbar_toggle .toggle-text .text-menu .char{
will-change: transform;transition-property: opacity, visibility, transform;transition-duration: 0.5s;transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);transition-delay: calc(30ms * var(--char-index) + 1ms);}
.site-header.dsn-hamburger #navbar_toggle:hover .toggle-line{
--trans-icon: scale(0.2, 1.7);}
.site-header.dsn-hamburger #navbar_toggle:hover .toggle-line:nth-of-type(1), .site-header.dsn-hamburger #navbar_toggle:hover .toggle-line:nth-of-type(2), .site-header.dsn-hamburger #navbar_toggle:hover .toggle-line:nth-of-type(3){
transform: var(--trans-icon);border-radius: 3px;}
.site-header.dsn-hamburger #navbar_toggle:hover .toggle-line:nth-of-type(1){
transform: var(--trans-icon) translateY(4px);}
.site-header.dsn-hamburger #navbar_toggle:hover .toggle-line:nth-of-type(3){
transform: var(--trans-icon) translateY(-4px);}
.site-header.dsn-hamburger #navbar_toggle:hover .text-menu .char{
opacity: 0;visibility: hidden;transform: var(--animate-trans);}
.site-header.dsn-hamburger #navbar_toggle:hover:not(.open) .text-open .char, .site-header.dsn-hamburger #navbar_toggle:hover.open .text-close .char{
opacity: 1;visibility: visible;transform: none;}
.site-header.dsn-hamburger .menu-cover-title{
position: absolute;top: 50%;font-size: 20vw;font-weight: 600;line-height: 1.15;transform: translateY(-50%) rotateX(75deg);opacity: 0;padding-left: inherit;transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition-property: opacity, transform;pointer-events: none;}
@media only screen and (min-width: 992px){
.site-header.dsn-hamburger .menu-cover-title{
left: -15px;}
}
@media only screen and (max-width: 991px){
.site-header.dsn-hamburger .menu-cover-title{
left: 0;padding-right: inherit;width: 100%;}
}
.site-header.dsn-hamburger.dsn-open .menu-cover-title{
transition-delay: 1s;opacity: 0.03;transform: translateY(-50%);}
.site-header.dsn-hamburger.dsn-open .toggle-line:nth-of-type(2){
transform: scale(0) !important;display: none;}
.site-header.dsn-hamburger.dsn-open .toggle-line:nth-of-type(1), .site-header.dsn-hamburger.dsn-open .toggle-line:nth-of-type(3){
margin-top: 0 !important;}
.site-header.dsn-hamburger.dsn-open .toggle-line:nth-of-type(1){
transform: scale(1) rotate(45deg) !important;transform-origin: bottom !important;}
.site-header.dsn-hamburger.dsn-open .toggle-line:nth-of-type(3){
transform: scale(1) rotate(-45deg) !important;transform-origin: top !important;}
.site-header.dsn-hamburger.dsn-open .main-navigation{
opacity: 1;visibility: visible;transform: none;}
@media only screen and (max-width: 991px){
.site-header.dsn-hamburger.dsn-open .main-navigation{
text-align: center;}
.site-header.dsn-hamburger.dsn-open .main-navigation ul{
width: 100%;}
}
@keyframes draw{
0%{
stroke-dasharray: 10;}
0%{
stroke-dasharray: 280;}
100%{
stroke-dasharray: 10;}
}
.site-header.dsn-hamburger .dsn-back{
}
.site-header.dsn-hamburger .dsn-back svg{
fill: none;stroke: var(--border-theme-color);stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 10;stroke-dashoffset: 0;stroke-width: 13px;width: 22px;margin-right: 10px;}
.site-header.dsn-hamburger .dsn-back > span{
display: flex;}
@media only screen and (max-width: 991px){
.site-header.dsn-hamburger .dsn-back > span{
justify-content: center;}
}
.site-header.dsn-hamburger .dsn-back span{
font-size: 15px;}
.site-header.dsn-hamburger .dsn-back .text-toggle-back{
position: relative;}
.site-header.dsn-hamburger .dsn-back .text-toggle-back .text-back{
position: absolute;left: 0;}
.site-header.dsn-hamburger .dsn-back .text-toggle-back .char{
margin-right: 5px;transform-origin: center top;transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) calc(50ms * var(--char-index));}
.site-header.dsn-hamburger .dsn-back:hover svg{
animation: draw 3s linear alternate infinite;}
.site-header.dsn-hamburger .dsn-back:hover .text-toggle-back .text-back .char, .site-header.dsn-hamburger .dsn-back .text-toggle-back .text-name .char{
transform: none;opacity: 1;visibility: visible;}
.site-header.dsn-hamburger .dsn-back:hover .text-toggle-back .text-name .char, .site-header.dsn-hamburger .dsn-back .text-toggle-back .text-back .char{
transform: translateY(10px) rotateX(75deg);opacity: 0;visibility: hidden;}
.site-header.dsn-hamburger .container-content{
display: flex !important;position: relative;opacity: 0;visibility: hidden;}
@media only screen and (max-width: 991px){
.site-header.dsn-hamburger .container-content{
display: none !important;}
}
.site-header.dsn-hamburger .container-content:after, .site-header.dsn-hamburger .container-content{
transition: 1s;}
.site-header.dsn-hamburger .container-content:after{
content: "";position: absolute;background-color: var(--border-theme-color);}
@media only screen and (min-width: 992px){
.site-header.dsn-hamburger .container-content:after{
left: calc(-1 * var(--dsn-gap-container));top: 0;width: 1px;height: 0;}
}
@media only screen and (max-width: 991px){
.site-header.dsn-hamburger .container-content:after{
width: 0;height: 1px;}
}
.site-header.dsn-hamburger .container-content .sm-title-block{
color: #a56433;}
.site-header.dsn-hamburger .container-content .nav-social ul li{
position: relative;color: var(--heading-color);display: inline-block;letter-spacing: 2px;font-size: 14px;margin-right: 15px;padding-right: 5px;}
.site-header.dsn-hamburger.dsn-open .container-content{
opacity: 1;visibility: visible;}
@media only screen and (min-width: 992px){
.site-header.dsn-hamburger.dsn-open .container-content:after{
height: 100%;}
}
@media only screen and (max-width: 991px){
.site-header.dsn-hamburger.dsn-open .container-content:after{
width: 100%;top: calc(-1 * var(--margin-padding) / 2);}
}
.site-header.dsn-hamburger.dsn-open .container-content:after, .site-header.dsn-hamburger.dsn-open .container-content{
transition-delay: 0.7s;}
.site-header:not(.dsn-hamburger) .container-content{
display: none;}
.site-header.nav-bg{
background-color: var(--bg-color);padding-top: 10px;padding-bottom: 10px;}
@media only screen and (max-width: 600px){
.site-header.nav-bg{
top: 0;}
}
.site-header.hide-nav:not(.dsn-open){
transform: translateY(-100%);}
.site-header .ohixm-login{
cursor: pointer;width: 32px;height: 19px;}
.site-header .ohixm-login .dsn-icon{
--dsn-color-icon: transparent;width: 22px;height: 22px;border-radius: 50%;background-color: var(--border-theme-color);}
.site-header .ohixm-login .dsn-icon svg{
stroke: var(--heading-color);}
.site-header .ohixm-login .dsn-login{
position: absolute;width: 300px;background: var(--assistant-color);padding: 35px 25px;opacity: 0;visibility: hidden;box-shadow: 0 10px 20px var(--bg-color), 0 6px 6px var(--assistant-color);top: 100px;right: 10px;transition: 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition-delay: 0s;border-radius: 14px;cursor: default;}
.site-header .ohixm-login .dsn-login, .site-header .ohixm-login .dsn-login .dsn-login__form{
display: flex;flex-direction: column;gap: 15px;}
.site-header .ohixm-login .dsn-login .status-form{
font-size: 13px;letter-spacing: 1px;}
.site-header .ohixm-login .dsn-login .status-form.error{
color: #e13f3f;}
.site-header .ohixm-login .dsn-login input:not([type=checkbox]){
width: 100%;border: 0;padding-bottom: 5px;background-color: transparent;border-bottom: 2px solid var(--border-theme-color);color: var(--heading-color);}
.site-header .ohixm-login .dsn-login input:not([type=checkbox])::placeholder{
color: var(--font-color);}
.site-header .ohixm-login .dsn-login .forget-me-not label{
font-size: 14px;letter-spacing: 1px;}
.site-header .ohixm-login .dsn-login .status-form:empty{
display: none;}
.site-header .ohixm-login .dsn-login .dsn-login__form{
display: flex;flex-direction: column;}
.site-header .ohixm-login .dsn-login .auth-btn button{
padding: 7px 20px;border-radius: 7px;color: var(--heading-color);letter-spacing: 2px;font-size: 15px;cursor: pointer;}
.site-header .ohixm-login .dsn-login .action-login a{
font-size: 13px;letter-spacing: 1px;padding-bottom: 6px;border-bottom: 1px solid var(--border-theme-color);}
.site-header .ohixm-login .dsn-login .title-login{
font-weight: 500;}
.site-header .ohixm-login.show .dsn-login{
opacity: 1;visibility: visible;top: 50px;}
.main-brand img, .dsnload__img img{
width: 220px;max-width: 100%;height: auto;}
.v-light #site_menu_header .main-brand .logo-dark, #dsn_footer.v-light .main-brand .logo-dark, .main-brand .logo-dark, .v-light #dsn_footer:not(.v-light, .v-dark) .main-brand .logo-dark, .v-light #site_menu_header .dsnload__img .logo-dark, #dsn_footer.v-light .dsnload__img .logo-dark, .dsnload__img .logo-dark, .v-light #dsn_footer:not(.v-light, .v-dark) .dsnload__img .logo-dark{
display: block;}
.v-light #site_menu_header .main-brand .logo-light, #dsn_footer.v-light .main-brand .logo-light, .main-brand .logo-light, .v-light #dsn_footer:not(.v-light, .v-dark) .main-brand .logo-light, .v-light #site_menu_header .dsnload__img .logo-light, #dsn_footer.v-light .dsnload__img .logo-light, .dsnload__img .logo-light, .v-light #dsn_footer:not(.v-light, .v-dark) .dsnload__img .logo-light{
display: none;}
.v-dark #site_menu_header .main-brand .logo-dark, #dsn_footer.v-dark .main-brand .logo-dark, .v-dark #dsn_footer:not(.v-light, .v-dark) .main-brand .logo-dark, .v-dark #site_menu_header .dsnload__img .logo-dark, #dsn_footer.v-dark .dsnload__img .logo-dark, .v-dark #dsn_footer:not(.v-light, .v-dark) .dsnload__img .logo-dark{
display: none;}
.v-dark #site_menu_header .main-brand .logo-light, #dsn_footer.v-dark .main-brand .logo-light, .v-dark #dsn_footer:not(.v-light, .v-dark) .main-brand .logo-light, .v-dark #site_menu_header .dsnload__img .logo-light, #dsn_footer.v-dark .dsnload__img .logo-light, .v-dark #dsn_footer:not(.v-light, .v-dark) .dsnload__img .logo-light{
display: block;}
.social-side{
position: fixed;bottom: 50px;z-index: 10;display: flex;mix-blend-mode: exclusion;--heading-color: #fff;color: var(--heading-color);}
.social-side ul{
padding-left: 0;}
@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 span, .socials li a:hover i{
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%);}
.post-full-content ul.dsn-socials, .widget_text ul.dsn-socials{
list-style: none;}
.post-full-content ul.dsn-socials li, .widget_text ul.dsn-socials li{
margin-bottom: 0;}
.dsn-socials{
display: flex;flex-wrap: wrap;column-gap: 5px;row-gap: 10px;padding-left: 0;}
.dsn-socials li a{
position: relative;padding: 3px 20px;border-radius: 15px;display: flex;align-items: center;justify-content: center;color: var(--heading-color);}
.dsn-socials li a a:not(.move-circle){
border-color: var(--border-theme-color);}
.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, .dsn-socials li a svg{
transform: scale(1);transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.dsn-socials li a:hover i, .dsn-socials li a:hover svg{
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:not(:last-of-type){
margin-right: 5px;}
}
.elementor-align-right .dsn-socials .dsn-icon{
margin: inherit;}
.footer-content .dsn-heading-title{
font-size: 130px;text-transform: uppercase;line-height: 100px;}
.footer-content .content-column p{
max-width: 350px;}
.next-project .bg-container{
height: 150px;left: 50%;transform: translate(-50%, 155px);mix-blend-mode: exclusion;transition: transform 0.8s;}
.next-project .bg-container, .next-project .bg-container img{
width: auto;}
.next-project .content-hero:hover .bg-container{
transform: translate(-50%, 60px);}
.type-p-nav{
border-top: 1px solid var(--border-theme-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-theme-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;}
.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: 767px){
.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-theme-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: 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::before, .dsn-swiper-circle .swiper-pagination-bullet::after{
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(--heading-color);transform: scale(0.7);}
.dsn-swiper-circle .swiper-pagination-bullet::after{
border: 1.5px solid var(--heading-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:not(.dsn-swiper-circle, .dsn-swiper-img) .swiper-pagination-bullet{
--swiper-pagination-bullet-horizontal-gap: 2px;background-color: var(--heading-color);height: 5px;width: 35px;border-radius: 5px;}
.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;}
.dsn-swiper-paginate .swiper-pagination{
padding: 10px 20px;border-radius: 30px;}
.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;}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
left: 0;transform: none;}
.prev-paginate, .next-paginate{
position: relative;cursor: pointer;}
.prev-paginate .dsn-icon, .next-paginate .dsn-icon{
width: 70px;height: 70px;border-radius: 50%;}
.prev-paginate .dsn-icon svg, .next-paginate .dsn-icon svg{
height: var(--dsn-icon-size, 20px);transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);transition-property: opacity, left;}
.prev-paginate .dsn-icon svg:first-child, .next-paginate .dsn-icon svg:first-child{
position: absolute;left: 35%;transform: translateX(-50%);opacity: 0;}
.prev-paginate .dsn-icon svg:last-child, .next-paginate .dsn-icon svg:last-child{
position: relative;left: 0;}
.prev-paginate .dsn-icon:hover svg:first-child, .next-paginate .dsn-icon:hover svg:first-child{
opacity: 1;left: 50%;}
.prev-paginate .dsn-icon:hover svg:last-child, .next-paginate .dsn-icon:hover svg:last-child{
opacity: 0;left: 10%;}
.prev-paginate.prev-paginate .dsn-icon, .next-paginate.prev-paginate .dsn-icon{
transform: rotate(180deg);}
.prev-paginate:not(.dsn-slid-normal) .dsn-icon{
margin-right: 12px;}
.next-paginate:not(.dsn-slid-normal) .dsn-icon{
margin-left: 12px;}
.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal{
bottom: auto;}
.swiper-pagination.dsn-swiper-img .swiper-pagination-bullet{
width: 45px;height: 45px;background: transparent;transform: none;margin: 0 0 0 -10px;opacity: 1;}
.swiper-pagination.dsn-swiper-img .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
filter: brightness(50%);}
.swiper-pagination.dsn-swiper-img .swiper-pagination-bullet.swiper-pagination-bullet-active{
position: relative;z-index: 2;}
.swiper-pagination.dsn-swiper-img .swiper-pagination-bullet, .swiper-pagination.dsn-swiper-img .swiper-pagination-bullet img{
border-radius: 50%;}
@media only screen and (max-width: 575px){
.prev-paginate:not(.dsn-slid-normal), .next-paginate:not(.dsn-slid-normal){
padding: 0;background-color: transparent;border: 0;}
.prev-paginate:not(.dsn-slid-normal) .text-paginate, .next-paginate:not(.dsn-slid-normal) .text-paginate{
display: none;}
}
.hide-slide-shadow .swiper-slide-shadow{
display: none;}
.paginate-border .dsn-swiper-paginate{
padding-top: var(--pt-paginate, 30px);border-top: 1px solid var(--border-theme-color);}
.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: 120px;}
#dsn_header .bg-blur-head:before{
z-index: 1;}
#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) .entry-header, #dsn_header:not(.header-normal, .header-padding, .dsn-full-header) #hero_content{
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) .entry-header, #dsn_header:not(.header-normal, .header-padding, .dsn-full-header) #hero_content{
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;}
#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 .entry-header, #dsn_header.dsn-full-header #hero_content{
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:before, .dsn-scroll-bottom:after{
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;}
100%{
transform: scale(0);transform-origin: bottom;}
}
@media only screen and (min-width: 768px){
#dsn_header.header-project #hero_image{
height: 80vh;}
#dsn_header.header-project .link-project{
bottom: calc(80vh - 60px);}
}
@media only screen and (max-width: 767px){
#dsn_header.header-project #hero_image{
height: 60vh;}
}
#dsn_header.header-project #hero_image{
position: relative;overflow: hidden;margin-top: 50px;}
#dsn_header.header-project #hero_image img{
position: relative;top: -30%;height: 130%;}
#dsn_header.header-project #hero_content .intro-title{
display: flex;flex-direction: column;}
#dsn_header.header-project #hero_content .intro-title #dsn_metas{
order: 2;margin-top: 30px;}
.header-padding-top{
padding-top: 160px;}
.header-page .bottom-section,
.header-small .bottom-section{
position: absolute;width: 100%;bottom: 40px;z-index: 2;}
.header-page .bottom-section .button .button__icon,
.header-small .bottom-section .button .button__icon{
margin-left: 0;margin-right: 10px;transform: rotate(90deg);}
.header-small{
position: relative;}
.header-small .case{
width: 160px;height: 160px;background-color: var(--theme-color);border-radius: 50%;align-items: center;justify-content: center;color: var(--heading-color);z-index: 2;text-transform: uppercase;letter-spacing: 2px;margin-left: auto;}
.header-small .case svg{
fill: var(--heading-color);width: 16px;margin-left: 10px;}
.header-small.header-personal .bg{
background-image: url(../img/pattern-personal.html);opacity: 0.06;height: 400px;width: 650px;left: 50%;top: 100px;transform: translateX(-50%);}
.header-small.header-personal .box-img{
width: 190px;height: 190px;border-radius: 50%;margin: auto;margin-bottom: 30px;background: var(--color-gradient);padding: 15px;}
.header-small.header-personal .box-img img{
border-radius: 50%;}
.header-small .bg{
position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../img/lines.html);background-color: var(--assistant-color);background-repeat: no-repeat;background-size: cover;}
.v-light .header-small .bg{
opacity: 0.02;}
.header-small .case{
position: absolute;bottom: -130px;right: 0;}
@media only screen and (max-width: 767px){
.header-small .case{
display: none;}
}
@media only screen and (max-width: 767px){
.header-small .box-bottom.mt-50{
margin-top: 20px;}
}
@media only screen and (max-width: 767px){
.header-small .title-lg{
line-height: 1.2;}
}
.header-small .description h6{
margin-right: 30px;}
@media only screen and (max-width: 767px){
.header-small .description{
flex-direction: column;}
.header-small .description p:last-of-type{
margin-top: 30px;}
}
.header-personal .dsn-brand .brand-item-inner img{
filter: invert(1) !important;}
@media only screen and (min-width: 992px){
.header-architecture .content .title{
font-size: 85px;line-height: 95px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.header-architecture .content .title{
font-size: 70px;line-height: 80px;}
}
@media only screen and (min-width: 768px){
.header-architecture .content .dsn-btn.btn-circle{
transform: translateY(100px);}
}
@media only screen and (max-width: 767px){
.header-architecture .content{
padding-bottom: 0;padding-top: 170px;}
}
.header-architecture .dsn-btn.btn-circle{
width: 150px;height: 150px;line-height: 150px;border-radius: 50%;}
@media only screen and (max-width: 767px){
.header-architecture .dsn-normal-btn.btn-circle-inner{
position: relative;margin-top: 20px;}
}
@media only screen and (max-width: 991px){
.header-business .parallax-text{
height: 120px !important;}
}
@media only screen and (max-width: 767px){
.header-business .parallax-text{
height: 93px !important;}
}
@media only screen and (max-width: 575px){
.header-business .parallax-text{
height: 73px !important;}
}
@media only screen and (min-width: 992px){
.header-business .dsn-heading-title{
font-size: 230px;line-height: 170px;}
}
@media only screen and (max-width: 991px){
.header-business .dsn-heading-title{
font-size: 160px;line-height: 120px;}
}
@media only screen and (max-width: 767px){
.header-business .dsn-heading-title{
font-size: 90px;line-height: 80px;}
}
@media only screen and (max-width: 767px){
.header-business .d-flex.justify-content-end{
align-items: center;justify-content: center;}
}
.header-business p{
margin-top: 30px;max-width: 400px;align-items: flex-end;}
@media only screen and (max-width: 767px){
.header-business p{
text-align: center;align-items: center;justify-content: center;}
}
.header-photography{
height: 87vh;}
@media only screen and (max-width: 991px){
.header-photography{
height: auto;padding-top: 150px;}
.header-photography .footer-header{
position: relative;margin-top: 30px;}
}
.header-photography .img-box-parallax{
min-height: 70vh;}
.header-photography .box-fact{
position: absolute;left: -30px;bottom: 40px;width: 345px;display: flex;flex-direction: row;padding: 40px 25px;z-index: 1;}
@media only screen and (max-width: 991px){
.header-photography .box-fact{
left: 30px;}
}
@media only screen and (max-width: 575px){
.header-photography .box-fact{
left: 10px;}
}
.header-normal{
padding-top: 150px;}
@media only screen and (max-width: 767px){
.header-normal .text-div{
flex-direction: column;align-items: baseline;}
.header-normal .text-div h3{
order: 2;margin-top: 20px;}
}
.header-normal h3{
margin-right: 30px;}
@media only screen and (max-width: 767px){
.header-normal p.w-50{
width: 100%;}
}
.header-normal .btn-circle{
width: 12vw;height: 12vw;line-height: 12vw;border-style: solid;border-width: 1px 1px 1px 1px;border-radius: 50% 50% 50% 50%;}
.header-pages{
padding-top: 160px;padding-bottom: 160px;}
@media only screen and (max-width: 991px){
.header-pages .text-div{
flex-direction: column;align-items: baseline;text-align: left;}
.header-pages .text-div h3{
order: 2;margin-top: 20px;}
}
@media only screen and (max-width: 991px){
.header-pages .content{
align-items: baseline;}
}
.header-pages .content .title{
font-size: 95px;line-height: 100px;}
@media only screen and (max-width: 767px){
.header-pages .content .title{
font-size: 40px;line-height: 50px;}
}
.header-pages .content h3{
margin-right: 30px;}
.main-slider{
--pt-slide: 100px;--pl-slide: 35vw;--pl-content: calc(var(--pl-slide) - 7vw);--swiper-wrapper-transition-timing-function: linear;}
.main-slider .swiper-slide:not(.swiper-slide-active) .metas span, .main-slider .swiper-slide:not(.swiper-slide-active) .word{
opacity: 0 !important;transition: opacity 100ms, transform 1500ms !important;}
.main-slider{
height: 100vh;}
.main-slider, .main-slider .content-slider{
position: relative;width: 100%;}
.main-slider.hide-bg .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-theme-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: 992px){
.main-slider.has-paginate .dsn-slider-content{
padding-left: var(--pl-content);}
}
@media only screen and (min-width: 992px){
.dsn-section-padding .main-slider .bg-container{
width: calc(100% - var(--pl-slide));height: calc(100% - var(--pt-slide));right: 0;bottom: 0;}
.dsn-section-padding .main-slider .dsn-slider-content{
padding-top: calc(var(--pt-slide) + 80px);}
}
.main-slider .dsn-slider-content .swiper-slide{
display: flex;align-items: center;}
.main-slider .slider-nav-list{
position: absolute;left: 0;top: calc(50% + (var(--pt-slide, 0) / 4));transform: translateY(-50%);height: 140px;width: calc(var(--pl-content) - 20px);z-index: 10;transition: 0.5s;text-align: left;}
@media only screen and (max-width: 991px){
.main-slider .slider-nav-list{
display: none;}
}
.main-slider .slider-nav-list > .swiper{
height: 100%;}
.main-slider .slider-nav-list > .swiper .swiper-slide{
height: auto;transition: 0.3s;}
.main-slider .slider-nav-list > .swiper .swiper-slide:not(.swiper-slide-active){
opacity: 0.6;}
.main-slider .slider-nav-list > .swiper .swiper-slide:before{
content: "";position: absolute;top: 50%;width: calc(var(--dsn-gap-container) - 10px);height: 1px;background-color: var(--font-color);transition: 0.5s;-webkit-clip-path: inset(0 0 0 50px);clip-path: inset(0 0 0 50px);}
.main-slider .slider-nav-list > .swiper .swiper-slide:not(.swiper-slide-active):before{
-webkit-clip-path: inset(0 0 0 82%);clip-path: inset(0 0 0 82%);}
.main-slider .slider-nav-list .title-nav{
font-size: 15px;padding-left: var(--dsn-gap-container);}
.main-slider .control-nav{
position: absolute;width: 100%;max-width: 100%;z-index: 3;flex-wrap: wrap;background: transparent;bottom: 40px;}
.main-slider .control-nav .prev-paginate{
margin-right: 50px;}
.main-slider .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
transition: 0.3s;}
.main-slider .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
width: 100px;}
.main-slider .swiper-pagination{
position: absolute;--swiper-pagination-right: 0px;}
.main-slider .swiper-pagination .swiper-pagination-bullet{
counter-increment: workcounter;--swiper-pagination-bullet-vertical-gap: 10px;height: 30px;width: 100%;background-color: transparent;}
.main-slider .swiper-pagination .swiper-pagination-bullet:before, .main-slider .swiper-pagination .swiper-pagination-bullet:after{
position: absolute;}
.main-slider .swiper-pagination .swiper-pagination-bullet:before{
content: "";width: 45px;height: 2px;background-color: var(--border-theme-color);right: 0;top: 50%;transform: translateY(-50%);border-radius: 5px 0 0 5px;}
.main-slider .swiper-pagination .swiper-pagination-bullet:after{
content: counters(workcounter, ".", decimal-leading-zero);line-height: 35px;font-size: 35px;font-weight: 500;left: 0;color: var(--heading-color);transition: 0.3s;font-family: fantasy;}
.main-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{
transform: scaleY(1.8);}
.main-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-next-next, .main-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev{
opacity: 0;}
.main-slider .number-pagination{
position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}
.main-slider .number-pagination .swiper-pagination-bullet{
height: 30px;width: 100%;background-color: transparent;margin: 10px 0;}
.work-hover .dsn-grid-layout{
--dsn-width-item: 1;--dsn-col-item: 15px;--dsn-row-item: 30px;}
.root-posts .pin-spacer{
margin-left: 0 !important;}
@media only screen and (max-width: 991px){
.dsn-style-list .root-posts .pin-spacer .post-content{
position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 30px;z-index: 3;}
.dsn-style-list .root-posts .pin-spacer .post-content:before{
text-align: right;}
}
.dsn-line-cat .dsn-posts .post-meta{
border-bottom: 1px solid var(--border-theme-color);padding-bottom: 3px;margin-bottom: 15px;}
.dsn-posts .dsn-def-btn.dsn-hover-icon .dsn-icon:before{
border: 1px solid #ffffff5e;}
.dsn-posts .container-img > .entry-date{
position: absolute;right: 30px;writing-mode: vertical-rl;padding: 10px 7px;background-color: var(--bg-color);color: var(--heading-color);letter-spacing: 2px;font-weight: 400;z-index: 3;font-size: 13px;}
.dsn-posts .box-image-link + .post-meta{
position: absolute;top: 30px;left: 30px;z-index: 3;max-width: calc(100% - 60px);}
.dsn-posts .box-image-link + .post-meta .dsn-category{
display: flex;flex-direction: column;align-items: start;}
.dsn-line-cat .dsn-posts .box-image-link + .post-meta{
width: calc(100% - 60px);}
.dsn-posts .container-img .entry-date + .box-image-link + .post-meta{
max-width: calc(100% - 110px);}
.dsn-remove-last-border .dsn-posts .dsn-item-post:last-child .box-content{
padding-bottom: 0 !important;border-bottom: none !important;}
.dsn-posts .dsn-animate-up,
.dsn-posts .dsn-animate-down{
font-size: 18vw;line-height: 18vw;opacity: 0.5;}
.dsn-posts .dsn-animate-down{
margin-left: 20px;text-align: right;}
.dsn-bg-cat .dsn-posts .post-meta{
width: -webkit-fit-content;width: fit-content;padding: 10px 0 0 10px;background: rgba(23, 28, 33, 0.82);border-radius: 5px;}
.dsn-bg-cat .dsn-posts .post-meta .dsn-category{
padding-right: 10px;}
@media only screen and (min-width: 992px){
.dsn-posts.use-horizontal-scroll{
flex-wrap: nowrap;}
.use-flexible-scroll .dsn-posts{
min-height: 80vh;}
.use-flexible-scroll .dsn-posts .dsn-item-post:not(.align-self-center){
display: flex;}
.use-flexible-scroll .dsn-posts .dsn-item-post:not(.align-self-center) .box-content{
width: 100%;}
.use-flexible-scroll .dsn-posts .dsn-item-post:not(.align-self-center):nth-child(3n){
align-items: end;}
.use-flexible-scroll .dsn-posts .dsn-item-post:not(.align-self-center):nth-child(4n){
align-items: center;}
}
@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 .start-section,
.dsn-posts.use-horizontal-scroll .end-section{
display: none;}
}
.dsn-posts .dsn-item-post:not(.background-section) .metas a{
background-color: var(--assistant-color);}
.dsn-posts .dsn-item-post.background-section .metas a{
background-color: var(--bg-color);}
.dsn-posts .metas{
display: flex;flex-wrap: wrap;gap: 8px;}
.dsn-posts .metas a{
margin: 0;border-radius: 30px;font-size: 13px;padding: 5px 15px;letter-spacing: 1.5px;text-transform: uppercase;font-weight: 500;}
.dsn-style-cards .dsn-posts:not(.box-image-ohixm) .post-content{
position: absolute;padding: 30px;width: 100%;height: 100%;justify-content: end;}
.dsn-style-cards .dsn-posts .box-image-link{
width: 100%;}
.dsn-style-cards .dsn-posts .dsn-item-post.box-hover-image{
min-height: 350px;}
.dsn-style-cards .dsn-posts.cards-odd .dsn-item-post:nth-of-type(odd) .box-image-bg{
height: 50vh;}
.dsn-style-cards .dsn-posts.cards-odd .swiper-wrapper{
align-items: center;}
.dsn-style-cards .dsn-posts .box-image-bg{
height: 70vh;}
.dsn-style-cards .dsn-posts .section_description{
width: 90%;}
.dsn-style-cards .dsn-posts .post-title, .dsn-style-cards .dsn-posts .post-description-info{
width: calc(100% - 50px);}
.dsn-style-cards .dsn-posts .dsn-post-link{
position: absolute;right: 30px;bottom: 25px;padding: 12px 10px;border-radius: 26px;}
.dsn-style-cards .dsn-posts .dsn-post-link svg{
fill: var(--heading-color);}
.dsn-style-cards .dsn-posts .post-title{
border-top: 2px dashed var(--border-theme-color);padding-top: 20px;width: calc(100% + 60px);margin-left: -30px;padding-left: 30px;}
.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;}
@media only screen and (min-width: 768px){
.classic-2.dsn-style-classic .dsn-posts .post-content{
flex-direction: row;justify-content: space-between;}
.classic-2.dsn-style-classic .dsn-posts .post-content .post-title-info + .post-description-info{
margin-left: 30px;}
.classic-2.dsn-style-classic .dsn-posts .post-content .post-title-info + .post-description-info .section_description{
margin-top: 0;}
.classic-2.dsn-style-classic .dsn-posts .post-content .post-title-info{
flex: 0 0 auto;}
}
.dsn-style-list .dsn-posts .box-content{
border-style: var(--heading-color);padding: 10px 10px 10px 10px;}
.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: 40% 60%;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;}
}
.dsn-style-hover-list .dsn-posts .hover-reveal{
position: fixed;width: 250px;height: 320px;top: 0;left: 0;pointer-events: none;opacity: 0;z-index: -1;}
.dsn-style-hover-list .dsn-posts .hover-reveal__inner,
.dsn-style-hover-list .dsn-posts .hover-reveal__img{
width: 100%;height: 100%;position: relative;}
.dsn-style-hover-list .dsn-posts .hover-reveal__deco{
width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: var(--theme-color);}
.dsn-style-hover-list .dsn-posts .hover-reveal__img{
background-size: cover;background-position: 50% 50%;}
@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{
padding: 30px;justify-content: space-between;height: 100%;}
}
.dsn-style-list.dsn-image-right .dsn-posts .box-image-link, .dsn-style-list.dsn-image-odd .dsn-posts .dsn-item-post:nth-child(even) .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(even) .box-image-link{
order: 2;}
.dsn-style-list.dsn-image-odd .dsn-posts .dsn-item-post:nth-child(even) .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;}
.list-with-number.dsn-style-list .dsn-posts .box-content .post-content{
justify-content: flex-end;}
.list-with-number.dsn-style-list .dsn-posts .number-item::before{
height: 100%;font-size: 75px;font-weight: 600;}
.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 .grid-item > div,
.box-image-transform .box-image-link{
position: relative;overflow: hidden;}
.box-image-transform .grid-item > div .box-image-bg,
.box-image-transform .box-image-link .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 .grid-item > div:hover .box-image-bg,
.box-image-transform .box-image-link: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;}
}
.dsn-grid-layout.flexibly-hover{
display: flex;row-gap: var(--dsn-row-item);column-gap: var(--dsn-col-item);}
.dsn-grid-layout.flexibly-hover .grid-item{
position: relative;flex-grow: 1;flex-basis: 0;}
.dsn-grid-layout.flexibly-hover .grid-item,
.dsn-grid-layout.flexibly-hover .grid-item *{
transition: 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.dsn-grid-layout.flexibly-hover .grid-item:not(:hover) .post-content{
opacity: 0;}
.dsn-grid-layout.flexibly-hover .grid-item:hover{
flex-grow: 4.3;}
.dsn-grid-layout.flexibly-grid{
display: flex;flex-wrap: wrap;column-gap: var(--dsn-col-item);row-gap: var(--dsn-row-item);}
.dsn-grid-layout.flexibly-grid .metas a{
background-color: transparent;padding: 0;}
.dsn-grid-layout.flexibly-grid .grid-item{
counter-increment: menucounter;display: flex;flex-wrap: nowrap;align-items: center;column-gap: var(--dsn-col-item);}
.dsn-grid-layout.flexibly-grid .grid-item:not(:last-child):after{
content: "";position: relative;width: 1px;height: 100%;background-color: var(--font-color);transform: rotate(35deg);}
@media only screen and (max-width: 575px){
.dsn-grid-layout.flexibly-grid .grid-item:not(:last-child):after{
display: none;}
}
.dsn-grid-layout.flexibly-grid .post-title,
.dsn-grid-layout.flexibly-grid .metas{
padding-right: 35px;}
@media only screen and (max-width: 575px){
.dsn-grid-layout.flexibly-grid .post-title,
.dsn-grid-layout.flexibly-grid .metas{
padding-left: 0;padding-right: 0;}
}
@media only screen and (max-width: 575px){
.dsn-grid-layout.flexibly-grid .post-title{
font-size: 24px;}
}
.dsn-grid-layout.flexibly-grid .post-title:before{
content: counters(menucounter, ".", decimal-leading-zero);position: absolute;right: 0;top: 10px;color: var(--font-color);font-size: 16px;font-weight: 500;}
@media only screen and (max-width: 575px){
.dsn-grid-layout.flexibly-grid .post-title:before{
display: none;}
}
.aspect-ratio-1 .dsn-posts .box-content .post-content{
padding: 0px 0px 70px 0px;}
.aspect-ratio-1 .post-title{
width: auto !important;border-top: 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-theme-color);}
.pagination-post .pagination-item.border-left{
border-top: 1px solid var(--border-theme-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 textarea, .dsn-form .entry-box input:not([type=submit]){
font-size: 15px;font-weight: 400;width: 100%;border: 1px solid var(--border-theme-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-theme-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-theme-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-theme-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:placeholder-shown ~ label, .comment-list .comment-respond .dsn_root_form textarea{
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 .menu-ohixm-footer-container .menu{
padding: 0;display: flex;flex-direction: column;gap: 10px;}
#dsn_footer .menu-ohixm-footer-container .menu li{
font-size: 11px;text-transform: uppercase;letter-spacing: 2.5px;font-weight: 600;}
#dsn_footer .footer-nav .menu-ohixm-footer-container .menu{
flex-wrap: wrap;flex-direction: row;}
@media only screen and (max-width: 991px){
.footer-content .box-text-lg .title{
font-size: 80px;line-height: 74px;}
}
@media only screen and (max-width: 767px){
.footer-content .box-text-lg .title{
font-size: 60px;line-height: 74px;}
}
@media only screen and (max-width: 767px){
.footer-content .box-text-lg .content-column{
flex-direction: column;margin-top: 0;}
.footer-content .box-text-lg .content-column p{
order: 2;margin-top: 10px;}
}
@media only screen and (max-width: 767px){
.footer-content .box-bottom{
flex-direction: column;text-align: center;align-items: center;}
.footer-content .box-bottom .text{
order: 2;}
.footer-content .box-bottom .box-social-inner{
order: 1;}
.footer-content .box-bottom .menu-ohixm-footer-container{
margin-bottom: 15px;order: 1;}
}
.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-right .dsn-heading-title.border-section-bottom, .elementor-tablet-align-left .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-right .dsn-heading-title.border-section-bottom, .elementor-mobile-align-left .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 .line-under:after, .elementor-align-center .img-box-parallax[data-dsn-grid], .elementor-align-center .max-w570, .elementor-align-center .dsn-icon, .elementor-align-center .dsn-icon svg, .elementor-align-center .max-w750, .elementor-align-center .dsn-auto{
margin-right: auto;margin-left: auto;}
.elementor-align-right .line-under:after, .elementor-align-right .img-box-parallax[data-dsn-grid], .elementor-align-right .max-w570, .elementor-align-right .dsn-icon, .elementor-align-right .dsn-icon svg, .elementor-align-right .max-w750, .elementor-align-right .dsn-auto{
margin-left: auto;}
@media only screen and (max-width: 991px){
.elementor-tablet-align-center .line-under:after, .elementor-tablet-align-center .img-box-parallax[data-dsn-grid], .elementor-tablet-align-center .max-w570, .elementor-tablet-align-center .dsn-icon, .elementor-tablet-align-center .dsn-icon svg, .elementor-tablet-align-center .max-w750, .elementor-tablet-align-center .dsn-auto{
margin-right: auto !important;margin-left: auto !important;}
.elementor-tablet-align-right .line-under:after, .elementor-tablet-align-right .img-box-parallax[data-dsn-grid], .elementor-tablet-align-right .max-w570, .elementor-tablet-align-right .dsn-icon, .elementor-tablet-align-right .dsn-icon svg, .elementor-tablet-align-right .max-w750, .elementor-tablet-align-right .dsn-auto{
margin-left: auto !important;margin-right: 0 !important;}
.elementor-tablet-align-left .line-under:after, .elementor-tablet-align-left .img-box-parallax[data-dsn-grid], .elementor-tablet-align-left .max-w570, .elementor-tablet-align-left .dsn-icon, .elementor-tablet-align-left .dsn-icon svg, .elementor-tablet-align-left .max-w750, .elementor-tablet-align-left .dsn-auto{
margin-left: 0 !important;margin-right: auto !important;}
}
@media only screen and (max-width: 767px){
.elementor-mobile-align-center .line-under:after, .elementor-mobile-align-center .img-box-parallax[data-dsn-grid], .elementor-mobile-align-center .max-w570, .elementor-mobile-align-center .dsn-icon, .elementor-mobile-align-center .dsn-icon svg, .elementor-mobile-align-center .max-w750, .elementor-mobile-align-center .dsn-auto{
margin-right: auto !important;margin-left: auto !important;}
.elementor-mobile-align-right .line-under:after, .elementor-mobile-align-right .img-box-parallax[data-dsn-grid], .elementor-mobile-align-right .max-w570, .elementor-mobile-align-right .dsn-icon, .elementor-mobile-align-right .dsn-icon svg, .elementor-mobile-align-right .max-w750, .elementor-mobile-align-right .dsn-auto{
margin-left: auto !important;margin-right: 0 !important;}
.elementor-mobile-align-left .line-under:after, .elementor-mobile-align-left .img-box-parallax[data-dsn-grid], .elementor-mobile-align-left .max-w570, .elementor-mobile-align-left .dsn-icon, .elementor-mobile-align-left .dsn-icon svg, .elementor-mobile-align-left .max-w750, .elementor-mobile-align-left .dsn-auto{
margin-left: 0 !important;margin-right: auto !important;}
}
div.effect-popup, .has-popup div.img-box-parallax, .has-popup div.pop-up{
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: 0;}
.dsn-bg-mask.h-50{
height: 50%;}
.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 > *:not(.icon-circle){
position: relative;z-index: 1;}
}
.move-circle .icon-circle{
position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: inherit;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-theme-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:not(.d-block){
display: flex;align-items: center;justify-content: center;}
.dsn-icon i{
font-size: var(--dsn-icon-size, 16px);color: var(--dsn-color-icon, var(--theme-color));}
.dsn-icon svg{
width: var(--dsn-icon-size, 16px);}
.dsn-icon svg, .dsn-icon svg path{
fill: var(--dsn-color-icon, var(--theme-color));}
.text-center .dsn-icon{
margin: 0 auto;}
.dsn-icon-stroke .dsn-icon svg, .dsn-icon-stroke .dsn-icon svg path{
fill: transparent;stroke: var(--dsn-color-icon, var(--theme-color));}
.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-theme-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:not(.flexibly-hover, .flexibly-grid){
--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(.flexibly-hover, .flexibly-grid):not(.dsn-n-default){
--dsn-width-item: 1 !important;}
}
.dsn-grid-layout:not(.flexibly-hover, .flexibly-grid) > .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:not(.flexibly-hover, .flexibly-grid).full-width-last-item:not(.dsn-isotope) > .grid-item{
flex-grow: 1;}
.dsn-grid-layout:not(.flexibly-hover, .flexibly-grid):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.with-dot:before{
content: counters(workcounter, ".", decimal-leading-zero) ".";}
.list-with-number .number-item:not(.with-dot):before{
content: counters(workcounter, ".", decimal-leading-zero);}
.list-with-number .number-item:before{
counter-increment: workcounter;position: relative;line-height: initial;font-size: 20px;color: var(--theme-color);letter-spacing: 2px;font-weight: 500;margin-right: 5px;}
ul.dsn-list{
list-style: none;padding-left: 0;}
ul.dsn-list li:not(:last-of-type){
margin-bottom: 15px;}
ul.dsn-list li.with-border:not(:last-of-type){
border-bottom: 1px solid var(--border-theme-color);padding-bottom: 15px;}
.section-move-image.move-top, .section-move-image.move-bottom{
flex-direction: column;}
.dsn-equal-height .section-move-image.move-top, .dsn-equal-height .section-move-image.move-bottom{
position: absolute;height: 100%;}
.section-move-image.move-top .grid-item, .section-move-image.move-bottom .grid-item{
flex: unset;overflow: initial;position: relative;}
.section-move-image.move-top .grid-item .image-item, .section-move-image.move-bottom .grid-item .image-item{
width: 100%;}
.custom-mr-lf-150{
margin-left: 150px;}
.section-move .img-sm{
width: 300px;height: 45vh;}
@media only screen and (max-width: 991px){
.section-move .img-sm{
display: none;}
}
.dsn-text-marquee{
font-size: 9vw;font-weight: 500;text-transform: uppercase;line-height: 7vw;}
.dsn-text-marquee svg{
width: 100px;height: 100px;margin-left: 60px;border-radius: 7px;border: 2px dotted var(--border-theme-color);}
.about-us{
position: relative;}
@media only screen and (max-width: 991px){
.about-us .grid-1-half{
grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 767px){
.about-us .grid-1-half{
grid-template-columns: auto;}
}
.about-us .info-box .sub-title{
background-image: var(--color-gradient);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.about-us .info-box .sub-title::before{
background-color: var(--heading-color);}
.about-us .info-box .title-lg{
margin-left: -100px;}
@media only screen and (max-width: 991px){
.about-us .info-box .title-lg{
margin-left: 0;line-height: 1;}
}
.about-us .info-box .title-lg .strock{
margin-left: 20px;color: transparent;-webkit-text-stroke: 1px var(--heading-color);}
@media only screen and (max-width: 991px){
.about-us .info-box .title-lg .strock{
margin-left: 0;}
}
.about-us .info-box p{
margin-top: 25px;max-width: 250px;}
@media only screen and (max-width: 991px){
.about-us .info-box p{
max-width: 100%;}
}
.about-us .box-img{
position: relative;padding-bottom: 120px;padding-left: 120px;}
@media only screen and (max-width: 991px){
.about-us .box-img{
padding-bottom: 0;padding-left: 0;}
}
.about-us .box-img .box-img-sm{
position: absolute;left: 0;bottom: 0;width: 55%;}
@media only screen and (max-width: 991px){
.about-us .box-img .box-img-sm{
display: none;}
}
.about-us .box-img-3-col{
flex-wrap: wrap;align-content: flex-start;justify-content: space-between;}
.about-us .box-img-3-col .box-img-item{
box-shadow: 0 30px 100px rgba(0, 0, 0, 0.17);}
.about-us .box-img-3-col .box-img-item:first-of-type{
width: 215px;}
.about-us .box-img-3-col .box-img-item:nth-of-type(2){
width: 245px;}
.about-us .box-img-3-col .box-img-item:last-of-type{
width: 310px;margin-left: auto;margin-right: auto;margin-top: -140px;}
.about-us .img{
position: relative;}
.about-us .img .img-item img{
box-shadow: 0px 0px 15px 18px rgba(0, 0, 0, 0.02);}
.about-us .img .img-item:first-of-type, .about-us .img .img-item:last-of-type{
position: absolute;left: 0;height: 35%;}
@media only screen and (max-width: 991px){
.about-us .img .img-item:first-of-type, .about-us .img .img-item:last-of-type{
display: none;}
}
.about-us .img .img-item:first-of-type{
top: 0;width: 40%;z-index: 2;}
.about-us .img .img-item:nth-of-type(2){
width: 85%;height: 70%;z-index: 1;}
@media only screen and (max-width: 991px){
.about-us .img .img-item:nth-of-type(2){
width: 100%;height: 50vh;}
}
.about-us .img .img-item:last-of-type{
bottom: 0;width: 55%;}
.about-us .number-grid{
margin-top: 50px;}
.about-us .number-grid .number-item{
text-align: center;}
.about-us .number-grid .number-item .title{
color: rgba(0, 0, 0, 0);-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: var(--heading-color);font-weight: 500;-webkit-clip-path: inset(0 0 25% 0);clip-path: inset(0 0 25% 0);line-height: 0.9;font-size: 170px;}
.about-us .number-grid .number-item h5{
font-size: 16px;font-weight: 400;margin-top: -30px;}
@media only screen and (max-width: 575px){
.about-us .number-grid .number-item h5{
font-size: 20px;font-weight: 400;margin-top: -40px;}
.about-us .number-grid .number-item:not(.about-us .number-grid .number-item:last-child){
padding-bottom: 30px;border-bottom: 1px solid var(--border-theme-color);}
}
@media only screen and (max-width: 991px){
.about-us .grid-md-3 .h-500{
height: auto;max-height: 80vh;}
}
@media only screen and (max-width: 767px){
.about-us .grid-md-3 .h-500:not(:first-child){
display: none;}
}
.hero-2{
position: relative;}
@media only screen and (max-width: 991px){
.hero-2 .grid-1-half{
grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 767px){
.hero-2 .grid-1-half{
grid-template-columns: auto;}
}
.hero-2 .info-box .sub-title{
background-image: var(--color-gradient);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.hero-2 .info-box .sub-title::before{
background-color: var(--heading-color);}
.hero-2 .info-box .title-lg{
margin-left: -100px;}
@media only screen and (max-width: 991px){
.hero-2 .info-box .title-lg{
margin-left: 0;line-height: 1;}
}
.hero-2 .info-box .title-lg .strock{
margin-left: 20px;color: transparent;-webkit-text-stroke: 1px var(--heading-color);}
@media only screen and (max-width: 991px){
.hero-2 .info-box .title-lg .strock{
margin-left: 0;}
}
.hero-2 .info-box p{
margin-top: 25px;max-width: 250px;}
@media only screen and (max-width: 991px){
.hero-2 .info-box p{
max-width: 100%;}
}
.hero-2 .box-img{
position: relative;padding-bottom: 120px;padding-left: 120px;}
@media only screen and (max-width: 991px){
.hero-2 .box-img{
padding-bottom: 0;padding-left: 0;}
}
.hero-2 .box-img .box-img-sm{
position: absolute;left: 0;bottom: 0;width: 55%;}
@media only screen and (max-width: 991px){
.hero-2 .box-img .box-img-sm{
display: none;}
}
.hero-2 .box-img-3-col{
flex-wrap: wrap;align-content: flex-start;justify-content: space-between;}
.hero-2 .box-img-3-col .box-img-item{
box-shadow: 0 30px 100px rgba(0, 0, 0, 0.17);}
.hero-2 .box-img-3-col .box-img-item:first-of-type{
width: 215px;}
.hero-2 .box-img-3-col .box-img-item:nth-of-type(2){
width: 245px;}
.hero-2 .box-img-3-col .box-img-item:last-of-type{
width: 310px;margin-left: auto;margin-right: auto;margin-top: -140px;}
.hero-2 .img{
position: relative;}
.hero-2 .img .img-item img{
box-shadow: 0px 0px 15px 18px rgba(0, 0, 0, 0.02);}
.hero-2 .img .img-item:first-of-type, .hero-2 .img .img-item:last-of-type{
position: absolute;left: 0;height: 35%;}
@media only screen and (max-width: 991px){
.hero-2 .img .img-item:first-of-type, .hero-2 .img .img-item:last-of-type{
display: none;}
}
.hero-2 .img .img-item:first-of-type{
top: 0;width: 40%;z-index: 2;}
.hero-2 .img .img-item:nth-of-type(2){
width: 85%;height: 70%;z-index: 1;}
@media only screen and (max-width: 991px){
.hero-2 .img .img-item:nth-of-type(2){
width: 100%;height: 50vh;}
}
.hero-2 .img .img-item:last-of-type{
bottom: 0;width: 55%;}
.hero-2 .number-grid{
margin-top: 50px;}
.hero-2 .number-grid .number-item{
text-align: center;}
.hero-2 .number-grid .number-item .title{
color: rgba(0, 0, 0, 0);-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: var(--heading-color);font-weight: 500;-webkit-clip-path: inset(0 0 25% 0);clip-path: inset(0 0 25% 0);line-height: 0.9;font-size: 170px;}
.hero-2 .number-grid .number-item h5{
font-size: 16px;font-weight: 400;margin-top: -30px;}
@media only screen and (max-width: 575px){
.hero-2 .number-grid .number-item h5{
font-size: 20px;font-weight: 400;margin-top: -40px;}
.hero-2 .number-grid .number-item:not(.hero-2 .number-grid .number-item:last-child){
padding-bottom: 30px;border-bottom: 1px solid var(--border-theme-color);}
}
@media only screen and (max-width: 991px){
.hero-2 .grid-md-3 .h-500{
height: auto;max-height: 80vh;}
}
@media only screen and (max-width: 767px){
.hero-2 .grid-md-3 .h-500:not(:first-child){
display: none;}
}
.counter-block{
padding-top: 40px;}
@media only screen and (max-width: 767px){
.counter-block{
padding-top: 0;padding-bottom: 0;border-top: 0;border-bottom: 0;}
}
.counter-block .counter-wrapper{
width: 100%;grid-column-gap: 100px;}
.counter-block .counter-wrapper .counter{
grid-column-gap: 20px;}
@media only screen and (max-width: 767px){
.counter-block .counter-wrapper .counter{
background-color: var(--assistant-color);padding: 30px;}
}
.counter-block .counter-wrapper .counter .counter-number{
grid-column-start: span 1;grid-column-end: span 1;grid-row-start: span 1;grid-row-end: span 1;color: var(--heading-color);font-size: 80px;font-weight: 200;line-height: 65px;}
.counter-block .counter-wrapper .counter .counter-text{
width: 100%;color: var(--heading-color);line-height: 27px;}
.about-arc{
position: relative;}
.about-arc .box-img{
position: relative;}
.about-arc .box-img .box-img-inner{
width: 100%;height: 100%;}
.about-arc .box-img .img-lg{
position: relative;height: calc(100% - 100px);width: calc(100% - 120px);margin-left: auto;z-index: 2;}
@media only screen and (max-width: 991px){
.about-arc .box-img .img-lg{
height: 50vh;width: 100%;}
}
.about-arc .box-img .img-lg > div{
width: 100%;height: 100%;}
.about-arc .box-img .collage-background{
position: absolute;bottom: 0;top: 50px;right: 50px;left: 50px;z-index: 0;}
@media only screen and (max-width: 991px){
.about-arc .box-img .collage-background{
display: none;}
}
.about-arc .box-img .collage-background svg{
width: 100%;height: 100%;}
.about-arc .box-img .collage-background rect{
fill: var(--assistant-color);}
.about-arc .box-img .img-secondary{
position: absolute;width: 70%;height: 200px;bottom: 60px;z-index: 3;}
@media only screen and (max-width: 991px){
.about-arc .box-img .img-secondary{
display: none;}
}
.about-arc .box-img .img-secondary img{
height: 100%;}
.about-arc .box-info{
padding: 5px 15px;}
@media only screen and (max-width: 991px){
.about-arc .box-info{
padding: 0;}
}
@media only screen and (max-width: 575px){
.about-arc .box-info .exp-inner{
flex-direction: column;}
}
.exp-inner{
grid-column-gap: 50px;}
.exp{
display: flex;flex-direction: column;width: -webkit-max-content;width: max-content;position: relative;padding: 50px 60px;background-color: var(--assistant-color);text-align: right;z-index: 2;}
@media only screen and (max-width: 767px){
.exp{
width: 100%;text-align: center;}
}
@media only screen and (max-width: 575px){
.exp{
width: 100%;}
}
.exp h1{
font-weight: bold;font-size: 70px;}
.exp h5{
text-transform: uppercase;font-size: 16px;letter-spacing: 2px;font-weight: 300;}
.exp .dsn-bg-mask{
top: 30px;left: 30px;z-index: 0;opacity: 0.36;background-image: url(../img/bg-dot.png);}
@media only screen and (max-width: 767px){
.exp .dsn-bg-mask{
display: none;}
}
.about-photography{
position: relative;}
@media only screen and (max-width: 991px){
.about-photography{
padding-top: var(--margin-padding);}
}
@media only screen and (max-width: 991px){
.about-photography.before-bg{
display: none;}
}
.about-photography.before-bg::before{
content: "";position: absolute;width: calc(960px + var(--dsn-gap-container) + var(--dsn-gap-container));left: 50%;transform: translateX(-50%);top: 120px;height: calc(100% - 240px);background-color: var(--assistant-color);z-index: 0;}
.about-photography img{
position: relative;height: 500px;z-index: 1;}
.about-photography .box-left{
margin-top: calc(-1 * var(--margin-padding));}
@media only screen and (max-width: 991px){
.about-photography .box-left{
margin-top: 0;padding-right: 0;}
}
@media only screen and (max-width: 991px){
.about-photography .grid-1-half{
grid-template-columns: unset;}
}
.about-personal{
position: relative;}
.about-personal .location{
width: -webkit-max-content;width: max-content;border-bottom-right-radius: 50px;border-top-right-radius: 50px;padding: 16px 32px;}
.about-personal .location .svg{
background-color: var(--theme-color);display: flex;align-items: center;justify-content: center;border-radius: 50%;margin-left: 20px;width: 35px;height: 35px;}
.about-personal .location .svg svg{
width: 25px;height: 25px;}
.about-personal .location .svg svg path{
fill: var(--heading-color);}
.about-personal .box-img{
border-radius: 32px;}
.about-personal .box-img .box-img-inner{
padding: 20px;height: 320px;}
.about-personal .box-img .box-img-inner img{
border-radius: 20px;}
.about-personal .box-img .here{
border-top: 1px solid var(--border-theme-color);border-bottom-left-radius: 32px;border-bottom-right-radius: 32px;padding: 20px 10px;}
.about-personal .box-img .here .here-inner{
position: relative;padding: 10px 20px;display: inline-block;background: linear-gradient(91.9520472216deg, rgba(204, 255, 220, 0.1) 0%, rgba(203, 255, 219, 0.1) 100%);padding: 8px 15px;border-radius: 50px;}
.about-personal .box-img .here .here-inner h4{
padding-left: 30px;position: relative;font-size: 15px;font-weight: 300;}
.about-personal .box-img .here .here-inner h4::before, .about-personal .box-img .here .here-inner h4::after{
content: "";border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);}
.about-personal .box-img .here .here-inner h4::before{
left: 0;height: 20px;width: 20px;background-color: #69ff971a;}
.about-personal .box-img .here .here-inner h4::after{
height: 10px;width: 10px;left: 5px;background-color: #69ff97;}
@media only screen and (max-width: 991px){
.section-seat.pb-section-mobile{
padding-bottom: var(--margin-padding);}
}
.section-seat .parallax-img-text{
position: relative;}
.section-seat .parallax-img-text .img-box-parallax{
width: 30%;height: 100%;margin-right: auto;margin-left: auto;}
.section-seat .parallax-img-text .custom{
z-index: 1;mix-blend-mode: exclusion;}
.section-seat .parallax-img-text .title{
position: relative;font-size: 100px;line-height: 100px;z-index: 2;color: #fff;}
@media only screen and (max-width: 767px){
.section-seat .parallax-img-text .title{
font-size: 40px;line-height: 54px;}
}
@media only screen and (max-width: 767px){
.section-seat.has-img .title{
font-size: 70px;line-height: 70px;}
}
@media only screen and (max-width: 575px){
.section-seat.has-img .title{
font-size: 50px;line-height: 50px;}
}
.seat-section .dsn-bg-mask{
--width-mask: 80%;--width-calc-mask: 85px;width: calc(var(--width-mask, 100%) + var(--width-calc-mask, 0px));}
@media only screen and (max-width: 991px){
.seat-section .dsn-bg-mask{
width: 100%;}
}
@media only screen and (max-width: 991px){
.seat-section .seat-text{
padding-bottom: 0;}
}
@media only screen and (max-width: 991px){
.seat-section.pb-section-mobile{
padding-bottom: var(--margin-padding);}
}
.seat-section .ml-60{
margin-left: 60px;}
@media only screen and (max-width: 991px){
.seat-section .box-img{
height: 60vh;}
}
@media only screen and (max-width: 991px){
.seat-section .box-img .img-box-parallax-lg{
position: relative;width: 100%;}
.seat-section .box-img .img-box-parallax-lg div{
margin-left: 0;}
}
.seat-section .img-move .img-box-parallax-sm{
width: 200px;}
@media only screen and (max-width: 991px){
.seat-section .img-move .img-box-parallax-sm{
display: none;}
}
@media only screen and (max-width: 767px){
.dsn-equal-height .h-v-70{
height: auto;}
}
@media only screen and (max-width: 767px){
.section-info-personal .img-box-parallax{
height: 100%;}
}
@media only screen and (max-width: 767px){
.section-info-personal .ex-box{
height: 50vh;order: -1;}
.section-info-personal .ex-box .title{
font-size: 97px;line-height: 100px;font-weight: 600;}
}
.number-section .item:not(:last-of-type){
border-right: 1px solid var(--border-theme-color);padding-right: 30px;}
@media only screen and (max-width: 767px){
.number-section .item:not(:last-of-type){
border-bottom: 1px solid var(--border-theme-color);padding-bottom: 30px;}
}
@media only screen and (max-width: 767px){
.number-section .item h5{
display: block;}
}
@media only screen and (max-width: 767px){
.section-video .content{
display: flex;align-items: center;justify-content: center;}
}
@media only screen and (max-width: 767px){
.section-video h6{
display: none;}
}
.box-under-img{
position: relative;overflow: hidden;}
.box-under-img .content{
margin-left: auto;}
@media only screen and (min-width: 992px){
.box-under-img .content{
width: 50%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.box-under-img .content{
width: 65%;}
}
@media only screen and (min-width: 768px){
.box-under-img .content{
right: 0;}
}
.dsn-background-inherit:not(.dsn-animate-skill), .dsn-background-inherit .background-main:not(.dsn-animate-skill), .dsn-background-inherit .background-section:not(.dsn-animate-skill), .dsn-background-inherit .background-theme:not(.dsn-animate-skill), .dsn-def-btn .dsn-icon:not(.dsn-animate-skill), .dsn-def-btn .dsn-icon .background-main:not(.dsn-animate-skill), .dsn-def-btn .dsn-icon .background-section:not(.dsn-animate-skill), .dsn-def-btn .dsn-icon .background-theme:not(.dsn-animate-skill){
background-color: transparent;}
.dsn-background-inherit .background-main .dsn-bg, .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-after:after, .dsn-background-inherit .background-main.dsn-bg-before:before, .dsn-background-inherit.background-main .dsn-bg, .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-after:after, .dsn-background-inherit.background-main.dsn-bg-before:before, .dsn-def-btn .dsn-icon .background-main .dsn-bg, .dsn-def-btn .dsn-icon .background-main .dsn-bg-after:after, .dsn-def-btn .dsn-icon .background-main .dsn-bg-before:before, .dsn-def-btn .dsn-icon .background-main.dsn-bg-after:after, .dsn-def-btn .dsn-icon .background-main.dsn-bg-before:before, .dsn-def-btn .dsn-icon.background-main .dsn-bg, .dsn-def-btn .dsn-icon.background-main .dsn-bg-after:after, .dsn-def-btn .dsn-icon.background-main .dsn-bg-before:before, .dsn-def-btn .dsn-icon.background-main.dsn-bg-after:after, .dsn-def-btn .dsn-icon.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-after:after, .dsn-background-inherit .background-section .dsn-bg-before:before, .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, .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-after:after, .dsn-background-inherit.background-section.dsn-bg-before:before, .dsn-def-btn .dsn-icon .background-section .dsn-bg, .dsn-def-btn .dsn-icon .background-section .dsn-bg-after:after, .dsn-def-btn .dsn-icon .background-section .dsn-bg-before:before, .dsn-def-btn .dsn-icon .background-section.dsn-bg-after:after, .dsn-def-btn .dsn-icon .background-section.dsn-bg-before:before, .dsn-def-btn .dsn-icon.background-section .dsn-bg, .dsn-def-btn .dsn-icon.background-section .dsn-bg-after:after, .dsn-def-btn .dsn-icon.background-section .dsn-bg-before:before, .dsn-def-btn .dsn-icon.background-section.dsn-bg-after:after, .dsn-def-btn .dsn-icon.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-after:after, .dsn-background-inherit .background-theme .dsn-bg-before:before, .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, .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-after:after, .dsn-background-inherit.background-theme.dsn-bg-before:before, .dsn-def-btn .dsn-icon .background-theme .dsn-bg, .dsn-def-btn .dsn-icon .background-theme .dsn-bg-after:after, .dsn-def-btn .dsn-icon .background-theme .dsn-bg-before:before, .dsn-def-btn .dsn-icon .background-theme.dsn-bg-after:after, .dsn-def-btn .dsn-icon .background-theme.dsn-bg-before:before, .dsn-def-btn .dsn-icon.background-theme .dsn-bg, .dsn-def-btn .dsn-icon.background-theme .dsn-bg-after:after, .dsn-def-btn .dsn-icon.background-theme .dsn-bg-before:before, .dsn-def-btn .dsn-icon.background-theme.dsn-bg-after:after, .dsn-def-btn .dsn-icon.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);}
.color-inherit-bg.theme-color:after, .color-inherit-bg.theme-color:before, .color-inherit-bg.theme-color span:before, .color-inherit-bg.theme-color span:after{
background-color: var(--theme-color);}
.color-inherit-bg.body-color:after, .color-inherit-bg.body-color:before, .color-inherit-bg.body-color span:before, .color-inherit-bg.body-color span:after{
background-color: var(--font-color);}
.color-inherit-bg.heading-color:after, .color-inherit-bg.heading-color:before, .color-inherit-bg.heading-color span:before, .color-inherit-bg.heading-color span:after{
background-color: var(--heading-color);}
.color-inherit-bg.custom:after, .color-inherit-bg.custom:before, .color-inherit-bg.custom span:before, .color-inherit-bg.custom span:after{
background-color: var(--dsn-custom-color, var(--heading-color));}
.background-section .dsn-revere-bg{
background-color: var(--bg-color);}
.background-main .dsn-revere-bg{
background-color: var(--assistant-color);}
.backdrop-filter:not(.dsn-open){
-webkit-backdrop-filter: blur(var(--backdrop-filter, 2px));backdrop-filter: blur(var(--backdrop-filter, 2px));}
.backdrop-filter:not(.dsn-open)::before{
content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: var(--bg-opacity, 0.3);border-radius: inherit;}
.dsn-service .dsn-icon .icon-wrapper.background-transparent .dsn-bg{
background-color: transparent;}
.dsn-service .dsn-icon .dsn-bg{
position: absolute;width: 100%;height: 100%;left: 0;top: 0;border-radius: inherit;border: inherit;}
.dsn-service .dsn-icon svg{
z-index: 1;}
.list-with-number .dsn-service .number-item{
margin-top: 45px;margin-right: 45px;}
.list-with-number .dsn-service .number-item > *{
z-index: 2;}
.list-with-number .dsn-service .number-item:after, .list-with-number .dsn-service .number-item:before{
position: absolute;width: var(--width-wrapper);height: var(--height-wrapper);}
.list-with-number .dsn-service .number-item:after{
content: "";top: -15px;left: 30px;bottom: 30px;border: 1px dashed var(--border-theme-color);z-index: 0;}
.list-with-number .dsn-service .number-item:before{
top: -30px;right: -45px;width: 35px;height: 35px;font-size: 12px;font-weight: bold;font-family: var(--heading-font);color: var(--heading-color);z-index: 1;text-align: center;line-height: 35px;border-radius: inherit;}
.dsn-service .service-item{
border: 1px solid var(--border-theme-color);border-radius: 7px;}
.dsn-service .service-item ul{
list-style: none;line-height: 1.3;padding-left: 0;}
.dsn-service .service-item ul li{
margin-bottom: 5px;}
.dsn-service .service-item ul.dsn-list li{
display: inline-block;padding: 5px 15px;border: 1px dashed var(--border-theme-color);font-size: 12px;font-weight: 600;margin-right: 5px;}
.dsn-service .service-item .service-item-inner{
padding: 60px 30px;}
.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;}
.dsn-service.service-no-space .service-item{
border: 0;}
.dsn-service.service-no-space .service-item .service-item-inner{
padding: 0;}
@media only screen and (min-width: 768px){
.dsn-service-list.dsn-service .service-item{
border: 0;}
.dsn-service-list.dsn-service .service-item .service-item-inner{
display: grid;grid-template-columns: 30% auto;grid-column-gap: 20px;padding: 0 0 30px 0;border-bottom: 1px solid var(--border-theme-color);}
.dsn-service-list.dsn-service .service-item .service-item-inner .service-content{
display: flex;justify-content: space-between;}
.dsn-service-list.dsn-service .service-item .service-item-inner .service-content > *{
margin-top: 0;}
.dsn-service-list.dsn-service .service-item .service-item-inner .service-content .dsn-list-icon{
align-self: center;transform: translateY(105%);transition: transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.dsn-service-list.dsn-service .service-item .service-item-inner .service-content .dsn-list-icon a{
width: 110px;height: 110px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.dsn-service-list.dsn-service .service-item .service-item-inner .service-content .dsn-list-icon a svg{
z-index: 1;}
.dsn-service-list.dsn-service .service-item .service-item-inner .service-content .dsn-list-icon a .icon-circle{
z-index: 0;}
.dsn-service-list.dsn-service .service-item:hover .service-item-inner .service-content .dsn-list-icon{
transform: none;}
}
@media only screen and (max-width: 767px){
.dsn-service-list.dsn-service .dsn-icon{
margin-bottom: 20px;}
.dsn-service-list.dsn-service .service-list{
display: flex;flex-direction: column;}
.dsn-service-list.dsn-service .service-list .dsn-icon{
order: -1;margin-top: 0;}
.dsn-service-list.dsn-service .dsn-list-icon > a{
width: 80px;height: 80px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-top: 15px;}
}
@media only screen and (max-width: 767px) and (max-width: 767px){
.dsn-service-list.dsn-service .dsn-list-icon > a{
display: none;}
}
@media only screen and (max-width: 767px){
.dsn-service-list.dsn-service .dsn-list-icon > a svg{
width: 20px;}
}
.elementor-widget-dsn_service:not(.service-with-img) .box-img-shadow{
display: none;}
.box-hover-image .service-item-inner > *:not(.box-img-shadow, .p-absolute){
position: relative;}
.box-hover-image .box-img-shadow{
top: 0;left: 0;overflow: hidden;opacity: 0.65;}
.box-hover-image .box-img-shadow, .box-hover-image .box-img-shadow .img-box-parallax{
width: 100%;height: 100%;}
.box-hover-image .box-img-shadow:after{
content: "";position: absolute;right: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(170deg, var(--assistant-color), transparent 75%);transform: skew(-10deg) translateX(50%);transition: transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: 2;}
.box-hover-image .box-img-shadow img{
transition: opacity 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);opacity: 0.04;}
.box-hover-image.background-section .box-img-shadow:after, .box-hover-image.background-theme .box-img-shadow:after{
background: linear-gradient(170deg, var(--bg-color), transparent 75%);}
.box-hover-image:hover .box-img-shadow:after{
transform: skew(-10deg) translateX(30%);}
.box-hover-image:hover .box-img-shadow img{
opacity: 0.5;}
.background-transparent .dsn-swiper-paginate .dsn-revere-bg{
background-color: var(--assistant-color);}
.image-style-before .dsn-testimonials .testimonial-item{
display: flex;flex-direction: column;}
.image-style-before .dsn-testimonials .testimonial-item .mb-25{
margin-top: 25px;margin-bottom: 0;}
.image-style-before .dsn-testimonials .testimonial-item .content-inner{
order: -1;}
.dsn-testimonials .testimonial-content.p-large{
font-size: 18px;}
.dsn-testimonials .testimonial-position{
color: var(--theme-color);font-size: 14px;font-weight: 400;margin-top: 5px;text-transform: uppercase;}
.dsn-testimonials .elementor-widget-dsn_testimonial:not(.image-left-style) .testimonial-name,
.dsn-testimonials .elementor-widget-dsn_testimonial:not(.image-left-style) .testimonial-position{
padding-left: 0;}
.dsn-testimonials .elementor-widget-dsn_testimonial:not(.image-left-style) .testimonial-name:before,
.dsn-testimonials .elementor-widget-dsn_testimonial:not(.image-left-style) .testimonial-position:before{
content: none;}
.dsn-testimonials .content-inner{
display: flex;}
.dsn-testimonials .testimonial-inner{
position: relative;}
.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;}
.image-left-style .dsn-testimonials .testimonial-inner .testimonial-name,
.image-left-style .dsn-testimonials .testimonial-inner .testimonial-position{
padding-left: 32px;}
.image-left-style .dsn-testimonials .testimonial-inner .testimonial-name:before,
.image-left-style .dsn-testimonials .testimonial-inner .testimonial-position:before{
width: 25px;height: 25px;background-color: var(--theme-color);}
.image-left-style .dsn-testimonials .testimonial-inner .testimonial-position{
margin-top: 0;}
@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{
display: flex;align-items: center;}
.image-left-style .dsn-testimonials .testimonial-inner .swiper-slide > .avatar{
position: relative;height: 200px;width: 200px;}
.image-left-style .dsn-testimonials .testimonial-inner .swiper-slide > .avatar svg{
position: absolute;top: 0;width: 50px;right: 0;height: 50px;background: var(--heading-color);padding: 15px;border-radius: 50%;fill: var(--theme-color);}
.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{
width: calc(100% - 200px);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{
position: relative;width: 100px;height: 100px;}
.dsn-testimonials .content-inner .avatar .icon{
position: absolute;display: flex;align-items: center;justify-content: center;right: -15px;top: 0;width: 40px;height: 40px;background: var(--theme-color);border-radius: 50%;}
.dsn-testimonials .content-inner .avatar .icon svg{
fill: var(--heading-color);width: 17px;}
.dsn-testimonials .content-inner .avatar,
.dsn-testimonials .content-inner .avatar img{
border-radius: 50%;}
.dsn-testimonials .content-inner .avatar + .box-text{
margin-left: 30px;text-align: left;}
.dsn-testimonials .content-inner .box-text .circle-before{
padding-left: 0;}
.dsn-testimonials .content-inner .box-text .circle-before:before{
display: none;}
.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-name,
.dsn-testimonials .testimonial-content h4.sm-title-block{
font-weight: 600;}
@media only screen and (max-width: 767px){
.dsn-testimonials .testimonials-pagination{
display: none;}
}
.dsn-testimonials .testimonials-pagination .testimonials-pagination-inner{
display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 1fr);gap: 30px 30px;grid-auto-flow: row;}
.image-left-style .dsn-testimonials{
margin-left: -20%;}
.image-left-style .dsn-testimonials .swiper-slide{
padding: 60px 60px 60px 100px;}
@media only screen and (max-width: 767px){
.image-left-style .dsn-testimonials .swiper-slide{
padding: 40px;}
}
@media only screen and (max-width: 991px){
.testimonial-creative .grid-half-1{
display: block;}
.testimonial-creative .grid-half-1 .dsn-testimonials{
margin-left: 0;}
.testimonial-creative .grid-half-1 .title-scroll{
transform: none !important;margin-bottom: 50px;}
}
.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-theme-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-brand{
--dsn-icon-size: 175px;}
.dsn-brand, .dsn-brand .swiper-wrapper{
align-items: center;}
.dsn-brand .brand-item.has-padding{
padding: 60px 40px 60px 40px;}
.dsn-brand .brand-item-inner{
margin: auto;}
.dsn-brand .brand-item-inner img{
width: var(--dsn-icon-size, 20px);margin: auto;}
.dsn-brand .brand-link{
position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;}
.v-dark .brand-item-inner img, .v-dark.dsn-brand .brand-item-inner img{
filter: invert(1);}
.v-light .brand-item-inner img, .v-dark.dsn-brand .brand-item-inner img{
filter: none;}
.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-theme-color);padding: 30px;z-index: 2;}
.dsn-team .team-item-inner .text-name + .text-position{
margin-top: 10px;}
.dsn-team .team-item-inner .text-position, .dsn-team .team-item-inner .text-name{
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);}
@media only screen and (min-width: 992px){
.hero-1 .container > .d-grid.grid-lg-3{
grid-template-columns: 1fr 1.4fr 1fr;gap: 30px;align-items: stretch;}
.hero-1 .box-img-lg,
.hero-1 .img-sm{
height: 560px;}
.hero-1 .box-img-lg .img-box-parallax,
.hero-1 .img-sm{
height: 100%;}
.hero-1 .box-img-lg img,
.hero-1 .img-sm img{
width: 100%;height: 100%;object-fit: cover;display: block;}
}
@media only screen and (max-width: 991px){
.hero-1 .box-img-lg{
height: 60vh;}
}
.hero-1 .img-sm{
width: 100%;}
@media only screen and (max-width: 991px){
.hero-1 .img-sm{
display: none;}
}
@media only screen and (max-width: 991px){
.hero-1 .box-text{
margin-top: 0;margin-bottom: 0;}
}
@media only screen and (max-width: 767px){
.hero-2 .box-text{
order: -1;}
}
@media only screen and (max-width: 767px){
.hero-2 .img .img-item .img-box-parallax{
height: 100%;}
}
.dsn-skills-item{
position: relative;width: 100%;}
.dsn-skills-item .background-theme{
--heading-color: inhert !important;--font-color: inhert !important;}
.dsn-skills-item .head-content{
gap: 10px;}
.dsn-skills-item .head-content img{
width: auto;height: 40px;}
.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;}
@media only screen and (min-width: 992px){
.dsn-resume .resume-item:not(:last-of-type){
padding-bottom: 50px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.dsn-resume .resume-item:not(:last-of-type){
padding-bottom: 30px;}
}
@media only screen and (max-width: 767px){
.dsn-resume .resume-item:not(:last-of-type){
padding-bottom: 20px;}
}
.dsn-resume .resume-item:not(:last-of-type):after{
top: 20px;left: 4px;width: 1px;height: calc(100% - 24px);background-color: var(--border-theme-color);}
.dsn-resume .resume-item:before, .dsn-resume .resume-item:after{
content: "";position: absolute;}
.dsn-resume .resume-item:before{
top: 5px;left: 0;width: 8px;height: 8px;border-radius: 50%;background-color: var(--theme-color);}
.dsn-resume .resume-item .resume-position{
font-family: var(--body-font);line-height: 1.6;font-weight: 500;color: var(--font-color);}
.circle-text-rotation{
animation-name: circle-text-rotation;animation-duration: var(--duration, 28s);animation-iteration-count: infinite;animation-timing-function: linear;}
.circle-text-rotation text{
transform: translate(8px, 0px);}
.circle-text-rotation textPath{
fill: var(--heading-color);}
@keyframes circle-text-rotation{
from{
transform: rotate(360deg);}
to{
transform: rotate(0);}
}
#dsn_cart{
display: flex;align-items: center;z-index: 2;}
#dsn_cart .widget:not(:first-child){
padding-left: 10px;margin-left: 10px;border-left: 1px solid var(--border-theme-color);}
.dsn-hamburger #dsn_cart .widget:first-child{
padding-left: 10px;margin-left: 10px;border-left: 1px solid var(--border-theme-color);}
#dsn_cart .title-s{
display: none;}
#dsn_cart .widget_polylang ul{
display: flex;flex-direction: column;gap: 5px;height: 19px;padding-left: 0;}
#dsn_cart .widget_polylang ul .lang-item{
transition: 0.5s;}
#dsn_cart .widget_polylang ul .lang-item a{
display: flex;align-items: center;}
#dsn_cart .widget_polylang:not(:hover) .lang-item:not(.current-lang){
opacity: 0;visibility: hidden;transform: translateY(10px);}
#dsn_cart .widget_search{
position: relative;width: 40px;height: 19px;}
#dsn_cart .widget_search *{
transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);}
#dsn_cart .widget_search .screen-reader-text{
width: 30px;height: 100%;right: 0;top: 0;cursor: pointer;clip: unset;opacity: 0;margin: 0;-webkit-clip-path: none;clip-path: none;}
#dsn_cart .widget_search, #dsn_cart .widget_search form{
display: flex;align-items: center;}
#dsn_cart .widget_search .search-submit{
display: none;}
#dsn_cart .widget_search form{
position: absolute;right: 0;text-align: right;background-color: var(--bg-color);top: 50%;transform: translateY(-50%);}
#dsn_cart .widget_search form, #dsn_cart .widget_search form input{
height: var(--height-search, 30px);width: var(--width-search, 30px);border-radius: var(--border-width, 50%);transition: border-radius 0.2s ease-in-out 0.7s, width 0.8s cubic-bezier(0.36, 0, 0.66, -0.56);}
#dsn_cart .widget_search form:after, #dsn_cart .widget_search form:before{
position: absolute;content: "";cursor: pointer;max-width: 15px;transition-delay: 0.8s;}
#dsn_cart .widget_search form:before{
width: var(--width-c, calc(100% - 20px));height: var(--height-c, calc(100% - 20px));border-radius: 50%;border: 2px solid var(--heading-color);bottom: 50%;right: 50%;transform: translate(50%, 50%);}
#dsn_cart .widget_search form:after{
width: 2px;height: var(--height-line, 9px);background-color: var(--heading-color);right: 6px;bottom: 4px;transform: rotate(-45deg);}
#dsn_cart .widget_search form input{
opacity: 0;visibility: hidden;border: 0;background-color: transparent;padding-right: 30px;}
.active-search #dsn_cart .widget_search{
--width-search: 450px;--border-width: 7px;--width-c: 2px;--height-line: calc(100% - 10px);--height-c: calc(100% - 10px);}
.active-search #dsn_cart .widget_search form, .active-search #dsn_cart .widget_search form input{
transition: border-radius 0.2s ease-in-out, width 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0.15s;}
.active-search #dsn_cart .widget_search form:before, .active-search #dsn_cart .widget_search form:after{
transition-delay: 0s;}
.active-search #dsn_cart .widget_search form:before{
border: 0;background-color: var(--heading-color);right: 20px;transform: rotate(45deg);bottom: 4px;}
.active-search #dsn_cart .widget_search form:after{
right: 20px;}
.active-search #dsn_cart .widget_search form input{
opacity: 1;visibility: visible;}
.active-search.site-header .primary-nav > li{
opacity: 0;pointer-events: none;transform: translateY(10px);}
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-theme-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 .img-comp-img, .dsn-compare-container .img-overlay, .dsn-compare-container .dsn-handle-slider, .dsn-compare-container .dsn-handle-slider:after, .dsn-compare-container .dsn-handle-slider:before, .dsn-compare-container .dsn-circle, .dsn-compare-container .dsn-circle:after, .dsn-compare-container .dsn-circle:before{
position: absolute;}
.dsn-compare-container .img-comp-img, .dsn-compare-container .dsn-handle-slider, .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:before, .dsn-compare-container .dsn-handle-slider:after, .dsn-compare-container .dsn-handle-slider .dsn-circle:before, .dsn-compare-container .dsn-handle-slider .dsn-circle:after{
content: "";}
.dsn-compare-container .dsn-handle-slider:before, .dsn-compare-container .dsn-handle-slider:after{
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:before, .dsn-compare-container .dsn-handle-slider .dsn-circle:after{
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-grid-masonry .box-item{
transition: transform 0.3s;}
.dsn-grid-masonry .box-item:hover{
transform: translateY(-3px);}
.dsn-grid-masonry .box-item, .dsn-grid-masonry .box-item .img-box-parallax{
position: relative;}
.dsn-grid-masonry .box-item .img-box-parallax .cap{
bottom: 2px;}
.dsn-grid-masonry .dsn-title{
margin-top: 15px;}
.box-grid-number .dsn-grid-masonry{
counter-reset: workcounter;}
.box-grid-number .dsn-grid-masonry .box-item .dsn-title span:before{
counter-increment: workcounter;content: counters(workcounter, ".", decimal-leading-zero);position: relative;display: inline-block;padding: 5px;background-color: var(--theme-color);color: var(--bg-color);font-size: 14px;font-weight: 400;border-radius: 5px;margin-right: 10px;}
.dsn-tabs .tabs__button{
background-color: var(--assistant-color);padding: 15px 0;}
.dsn-tabs .tabs__button ul{
list-style: none;}
.dsn-tabs .tabs__button ul li{
cursor: pointer;line-height: inherit;padding: 10px 20px;margin-bottom: 0;font-size: 14px;}
.dsn-tabs .tabs__button ul li.active{
background-color: var(--bg-color);}
.dsn-tabs .tabs__button ul li:not(:last-child){
margin-right: 5px;}
#dsn_cart .widget.woocommerce{
position: relative;max-width: 450px;pointer-events: auto;}
.v-light #dsn_cart{
--theme-color: #b07634;}
#dsn_cart .widget_shopping_cart ul.product_list_widget li .quantity{
margin-top: 0;margin-bottom: 10px;opacity: 1;visibility: visible;}
#dsn_cart + .extend-container{
padding-right: 40px;}
#dsn_cart .woocommerce.widget_shopping_cart{
cursor: pointer;width: 32px;height: 19px;}
#dsn_cart .woocommerce.widget_shopping_cart .title-s{
position: relative;color: transparent;font-weight: 900;font-family: "Font Awesome 5 Free";display: flex;align-items: center;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;pointer-events: none;height: 19px;}
#dsn_cart .woocommerce.widget_shopping_cart .title-s:before{
content: "";color: var(--heading-color);font-size: 16px;}
#dsn_cart .woocommerce.widget_shopping_cart .widget_shopping_cart_content{
position: absolute;width: 350px;background: var(--assistant-color);padding: 20px;opacity: 0 !important;visibility: hidden;box-shadow: 0 10px 20px var(--bg-color), 0 6px 6px var(--assistant-color);top: 100px;right: 10px;transition: 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition-delay: 0s;}
#dsn_cart .woocommerce.widget_shopping_cart:hover .widget_shopping_cart_content{
opacity: 1 !important;visibility: visible;top: 50px;}
#dsn_cart .woocommerce ul.cart_list, #dsn_cart .woocommerce ul.product_list_widget{
margin-bottom: 20px;max-height: 350px;overflow-y: auto;}
#dsn_cart .woocommerce ul.cart_list .scrollbar-track-y, #dsn_cart .woocommerce ul.product_list_widget .scrollbar-track-y{
right: -6px;left: auto;}
#dsn_cart .woocommerce .widget_shopping_cart .total, #dsn_cart .woocommerce.widget_shopping_cart .total{
padding-top: 20px;padding-bottom: 10px;border-top: 1px solid var(--border-theme-color);}
#dsn_cart .woocommerce .widget_shopping_cart .total strong, #dsn_cart .woocommerce.widget_shopping_cart .total strong{
color: var(--heading-color);margin-right: 10px;letter-spacing: 2px;}
#dsn_cart .woocommerce .widget_shopping_cart .total .woocommerce-Price-amount.amount, #dsn_cart .woocommerce.widget_shopping_cart .total .woocommerce-Price-amount.amount{
color: var(--theme-color);}
#dsn_cart .woocommerce .widget_shopping_cart .buttons, #dsn_cart .woocommerce.widget_shopping_cart .buttons{
display: flex;justify-content: space-between;}
#dsn_cart .woocommerce .widget_shopping_cart .buttons:before, #dsn_cart .woocommerce .widget_shopping_cart .buttons:after, #dsn_cart .woocommerce.widget_shopping_cart .buttons:before, #dsn_cart .woocommerce.widget_shopping_cart .buttons:after{
display: none;}
#dsn_cart .woocommerce .widget_shopping_cart .buttons a, #dsn_cart .woocommerce.widget_shopping_cart .buttons a{
background-color: transparent;color: var(--theme-color-font);padding: 10px 20px;border: 1px solid var(--heading-color);border-radius: 30px;}
#dsn_cart .woocommerce .widget_shopping_cart .cart_list li:not(:last-child), #dsn_cart .woocommerce.widget_shopping_cart .cart_list li:not(:last-child){
margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dotted var(--border-theme-color);}
#dsn_cart .woocommerce .widget_shopping_cart .cart_list li a:not(.remove_from_cart_button), #dsn_cart .woocommerce.widget_shopping_cart .cart_list li a:not(.remove_from_cart_button){
color: var(--theme-color);letter-spacing: 1.5px;}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{
width: auto;max-width: 200px;height: 39px;background-color: transparent;border: 1px solid var(--border-theme-color);color: var(--heading-color);margin-right: 0;}
#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th{
border-color: var(--border-theme-color);}
.woocommerce-cart .wc-proceed-to-checkout{
text-align: right;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
display: inline-block;margin: 0;background-color: transparent !important;border: 1px solid var(--border-theme-color);border-radius: 40px;padding: 15px 30px;font-weight: 600;letter-spacing: 1.5px;font-size: 18px;}
[name=apply_coupon]{
border-radius: 0 !important;}
.woocommerce-page table.cart td.actions{
padding: 20px 15px;}
.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar, .sidebar-single, .dsn-work-scrollbar, .contact-modal{
overflow: hidden;height: 100vh;}
.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar .scrollbar-track, .sidebar-single .scrollbar-track, .dsn-work-scrollbar .scrollbar-track, .contact-modal .scrollbar-track{
background: none;width: 4px;mix-blend-mode: exclusion;z-index: 11;}
.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar .scrollbar-track .scrollbar-thumb, .sidebar-single .scrollbar-track .scrollbar-thumb, .dsn-work-scrollbar .scrollbar-track .scrollbar-thumb, .contact-modal .scrollbar-track .scrollbar-thumb{
background: #fff;width: var(--smooth-width);}
@media only screen and (min-width: 992px){
.admin-bar.dsn-effect-scroll:not(.dsn-mobile) #main_content:after{
content: "";display: block;height: 0.1px;}
}
.admin-bar.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar, .sidebar-single, .dsn-work-scrollbar, .contact-modal{
height: calc(100vh - 46px);}
@media screen and (min-width: 783px){
.admin-bar.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar, .sidebar-single, .dsn-work-scrollbar, .contact-modal{
height: calc(100vh - 32px);}
}
.locked-scroll #dsn-scrollbar{
background-color: var(--bg-color);}
.cap{
position: absolute;bottom: 30px;left: 0;background-image: linear-gradient(to right, #0e0e0e5c 0%, #1b1515 100%);padding: 4px 15px;color: #fff;z-index: 10;}
.cap span{
font-size: 12px;text-transform: uppercase;letter-spacing: 2px;}
.bg-white{
background-color: #fff;}
.color-dark{
color: #000
}
.site-header.dsn-hamburger #navbar_toggle{
position: relative;z-index: 99999 !important;}
.site-header:not(.dsn-hamburger) #navbar_toggle{
display: none;}
.m-0{margin: 0px !important}
.m-5{margin: 5px !important}
.m-10{margin: 10px !important}
.m-15{margin: 15px !important}
.m-20{margin: 20px !important}
.m-30{margin: 30px !important}
.m-40{margin: 40px !important}
.m-50{margin: 50px !important}
.m-60{margin: 60px !important}
.m-70{margin: 70px !important}
.m-80{margin: 80px !important}
.m-90{margin: 90px !important}
.m-100{margin: 100px !important}
.m-110{margin: 110px !important}
.m-120{margin: 120px !important}
.m-130{margin: 130px !important}
.m-140{margin: 140px !important}
.m-150{margin: 150px !important}
.m-160{margin: 160px !important}
.m-170{margin: 170px !important}
.m-180{margin: 180px !important}
.m-190{margin: 190px !important}
.m-200{margin: 200px !important}
.p-0{padding: 0!important;}
.p-5{padding: 5px !important}
.p-10{padding: 10px !important}
.p-15{padding: 15px !important}
.p-20{padding: 20px !important}
.p-30{padding: 30px !important}
.p-40{padding: 40px !important}
.p-50{padding: 50px !important}
.p-60{padding: 60px !important}
.p-70{padding: 70px !important}
.p-80{padding: 80px !important}
.p-90{padding: 90px !important}
.p-100{padding: 100px !important}
.p-110{padding: 110px !important}
.p-120{padding: 120px !important}
.p-130{padding: 130px !important}
.p-140{padding: 140px !important}
.p-150{padding: 150px !important}
.p-160{padding: 160px !important}
.p-170{padding: 170px !important}
.p-180{padding: 180px !important}
.p-190{padding: 190px !important}
.p-200{padding: 200px !important}
.mt-0{margin-top: 0!important;}
.mt-5{margin-top: 5px !important}
.mt-10{margin-top: 10px !important}
.mt-15{margin-top: 15px !important}
.mt-20{margin-top: 20px !important}
.mt-30{margin-top: 30px !important}
.mt-40{margin-top: 40px !important}
.mt-50{margin-top: 50px !important}
.mt-60{margin-top: 60px !important}
.mt-70{margin-top: 70px !important}
.mt-80{margin-top: 80px !important}
.mt-90{margin-top: 90px !important}
.mt-100{margin-top: 100px !important}
.mt-110{margin-top: 110px !important}
.mt-120{margin-top: 120px !important}
.mt-130{margin-top: 130px !important}
.mt-140{margin-top: 140px !important}
.mt-150{margin-top: 150px !important}
.mt-160{margin-top: 160px !important}
.mt-170{margin-top: 170px !important}
.mt-180{margin-top: 180px !important}
.mt-190{margin-top: 190px !important}
.mt-200{margin-top: 200px !important}
.mr-0{margin-right: 0!important;}
.mr-5{margin-right: 5px !important}
.mr-10{margin-right: 10px !important}
.mr-15{margin-right: 15px !important}
.mr-20{margin-right: 20px !important}
.mr-30{margin-right: 30px !important}
.mr-40{margin-right: 40px !important}
.mr-50{margin-right: 50px !important}
.mr-60{margin-right: 60px !important}
.mr-70{margin-right: 70px !important}
.mr-80{margin-right: 80px !important}
.mr-90{margin-right: 90px !important}
.mr-100{margin-right: 100px !important}
.mr-110{margin-right: 110px !important}
.mr-120{margin-right: 120px !important}
.mr-130{margin-right: 130px !important}
.mr-140{margin-right: 140px !important}
.mr-150{margin-right: 150px !important}
.mr-160{margin-right: 160px !important}
.mr-170{margin-right: 170px !important}
.mr-180{margin-right: 180px !important}
.mr-190{margin-right: 190px !important}
.mr-200{margin-right: 200px !important}
.mb-0{margin-bottom: 0!important;}
.mb-5{margin-bottom: 5px !important}
.mb-10{margin-bottom: 10px !important}
.mb-15{margin-bottom: 15px !important}
.mb-20{margin-bottom: 20px !important}
.mb-30{margin-bottom: 30px !important}
.mb-40{margin-bottom: 40px !important}
.mb-50{margin-bottom: 50px !important}
.mb-60{margin-bottom: 60px !important}
.mb-70{margin-bottom: 70px !important}
.mb-80{margin-bottom: 80px !important}
.mb-90{margin-bottom: 90px !important}
.mb-100{margin-bottom: 100px !important}
.mb-110{margin-bottom: 110px !important}
.mb-120{margin-bottom: 120px !important}
.mb-130{margin-bottom: 130px !important}
.mb-140{margin-bottom: 140px !important}
.mb-150{margin-bottom: 150px !important}
.mb-160{margin-bottom: 160px !important}
.mb-170{margin-bottom: 170px !important}
.mb-180{margin-bottom: 180px !important}
.mb-190{margin-bottom: 190px !important}
.mb-200{margin-bottom: 200px !important}
.ml-0{margin-left: 0!important;}
.ml-5{margin-left: 5px !important}
.ml-10{margin-left: 10px !important}
.ml-15{margin-left: 15px !important}
.ml-20{margin-left: 20px !important}
.ml-30{margin-left: 30px !important}
.ml-40{margin-left: 40px !important}
.ml-50{margin-left: 50px !important}
.ml-60{margin-left: 60px !important}
.ml-70{margin-left: 70px !important}
.ml-80{margin-left: 80px !important}
.ml-90{margin-left: 90px !important}
.ml-100{margin-left: 100px !important}
.ml-110{margin-left: 110px !important}
.ml-120{margin-left: 120px !important}
.ml-130{margin-left: 130px !important}
.ml-140{margin-left: 140px !important}
.ml-150{margin-left: 150px !important}
.ml-160{margin-left: 160px !important}
.ml-170{margin-left: 170px !important}
.ml-180{margin-left: 180px !important}
.ml-190{margin-left: 190px !important}
.ml-200{margin-left: 200px !important}
.pt-0{padding-top: 0!important;}
.pt-5{padding-top: 5px !important}
.pt-10{padding-top: 10px !important}
.pt-15{padding-top: 15px !important}
.pt-20{padding-top: 20px !important}
.pt-30{padding-top: 30px !important}
.pt-40{padding-top: 40px !important}
.pt-50{padding-top: 50px !important}
.pt-60{padding-top: 60px !important}
.pt-70{padding-top: 70px !important}
.pt-80{padding-top: 80px !important}
.pt-90{padding-top: 90px !important}
.pt-100{padding-top: 100px !important}
.pt-110{padding-top: 110px !important}
.pt-120{padding-top: 120px !important}
.pt-130{padding-top: 130px !important}
.pt-140{padding-top: 140px !important}
.pt-150{padding-top: 150px !important}
.pt-160{padding-top: 160px !important}
.pt-170{padding-top: 170px !important}
.pt-180{padding-top: 180px !important}
.pt-190{padding-top: 190px !important}
.pt-200{padding-top: 200px !important}
.pr-0{padding-right: 0!important;}
.pr-5{padding-right: 5px !important}
.pr-10{padding-right: 10px !important}
.pr-15{padding-right: 15px !important}
.pr-20{padding-right: 20px !important}
.pr-30{padding-right: 30px !important}
.pr-40{padding-right: 40px !important}
.pr-50{padding-right: 50px !important}
.pr-60{padding-right: 60px !important}
.pr-70{padding-right: 70px !important}
.pr-80{padding-right: 80px !important}
.pr-90{padding-right: 90px !important}
.pr-100{padding-right: 100px !important}
.pr-110{padding-right: 110px !important}
.pr-120{padding-right: 120px !important}
.pr-130{padding-right: 130px !important}
.pr-140{padding-right: 140px !important}
.pr-150{padding-right: 150px !important}
.pr-160{padding-right: 160px !important}
.pr-170{padding-right: 170px !important}
.pr-180{padding-right: 180px !important}
.pr-190{padding-right: 190px !important}
.pr-200{padding-right: 200px !important}
.pb-0{padding-bottom: 0!important;}
.pb-5{padding-bottom: 5px !important}
.pb-10{padding-bottom: 10px !important}
.pb-15{padding-bottom: 15px !important}
.pb-20{padding-bottom: 20px !important}
.pb-30{padding-bottom: 30px !important}
.pb-40{padding-bottom: 40px !important}
.pb-50{padding-bottom: 50px !important}
.pb-60{padding-bottom: 60px !important}
.pb-70{padding-bottom: 70px !important}
.pb-80{padding-bottom: 80px !important}
.pb-90{padding-bottom: 90px !important}
.pb-100{padding-bottom: 100px !important}
.pb-110{padding-bottom: 110px !important}
.pb-120{padding-bottom: 120px !important}
.pb-130{padding-bottom: 130px !important}
.pb-140{padding-bottom: 140px !important}
.pb-150{padding-bottom: 150px !important}
.pb-160{padding-bottom: 160px !important}
.pb-170{padding-bottom: 170px !important}
.pb-180{padding-bottom: 180px !important}
.pb-190{padding-bottom: 190px !important}
.pb-200{padding-bottom: 200px !important}
.pl-0{padding-left: 0!important;}
.pl-5{padding-left: 5px !important}
.pl-10{padding-left: 10px !important}
.pl-15{padding-left: 15px !important}
.pl-20{padding-left: 20px !important}
.pl-30{padding-left: 30px !important}
.pl-40{padding-left: 40px !important}
.pl-50{padding-left: 50px !important}
.pl-60{padding-left: 60px !important}
.pl-70{padding-left: 70px !important}
.pl-80{padding-left: 80px !important}
.pl-90{padding-left: 90px !important}
.pl-100{padding-left: 100px !important}
.pl-110{padding-left: 110px !important}
.pl-120{padding-left: 120px !important}
.pl-130{padding-left: 130px !important}
.pl-140{padding-left: 140px !important}
.pl-150{padding-left: 150px !important}
.pl-160{padding-left: 160px !important}
.pl-170{padding-left: 170px !important}
.pl-180{padding-left: 180px !important}
.pl-190{padding-left: 190px !important}
.pl-200{padding-left: 200px !important}
@media (min-width:1200px){
.m-lg-0{margin: 0px !important}
.m-lg-5{margin: 5px !important}
.m-lg-10{margin: 10px !important}
.m-lg-15{margin: 15px !important}
.m-lg-20{margin: 20px !important}
.m-lg-30{margin: 30px !important}
.m-lg-40{margin: 40px !important}
.m-lg-50{margin: 50px !important}
.m-lg-60{margin: 60px !important}
.m-lg-70{margin: 70px !important}
.m-lg-80{margin: 80px !important}
.m-lg-90{margin: 90px !important}
.m-lg-100{margin: 100px !important}
.m-lg-110{margin: 110px !important}
.m-lg-120{margin: 120px !important}
.m-lg-130{margin: 130px !important}
.m-lg-140{margin: 140px !important}
.m-lg-150{margin: 150px !important}
.m-lg-160{margin: 160px !important}
.m-lg-170{margin: 170px !important}
.m-lg-180{margin: 180px !important}
.m-lg-190{margin: 190px !important}
.m-lg-200{margin: 200px !important}
.p-lg-0{padding: 0!important;}
.p-lg-5{padding: 5px !important}
.p-lg-10{padding: 10px !important}
.p-lg-15{padding: 15px !important}
.p-lg-20{padding: 20px !important}
.p-lg-30{padding: 30px !important}
.p-lg-40{padding: 40px !important}
.p-lg-50{padding: 50px !important}
.p-lg-60{padding: 60px !important}
.p-lg-70{padding: 70px !important}
.p-lg-80{padding: 80px !important}
.p-lg-90{padding: 90px !important}
.p-lg-100{padding: 100px !important}
.p-lg-110{padding: 110px !important}
.p-lg-120{padding: 120px !important}
.p-lg-130{padding: 130px !important}
.p-lg-140{padding: 140px !important}
.p-lg-150{padding: 150px !important}
.p-lg-160{padding: 160px !important}
.p-lg-170{padding: 170px !important}
.p-lg-180{padding: 180px !important}
.p-lg-190{padding: 190px !important}
.p-lg-200{padding: 200px !important}
.mt-lg-0{margin-top: 0!important;}
.mt-lg-5{margin-top: 5px !important}
.mt-lg-10{margin-top: 10px !important}
.mt-lg-15{margin-top: 15px !important}
.mt-lg-20{margin-top: 20px !important}
.mt-lg-30{margin-top: 30px !important}
.mt-lg-40{margin-top: 40px !important}
.mt-lg-50{margin-top: 50px !important}
.mt-lg-60{margin-top: 60px !important}
.mt-lg-70{margin-top: 70px !important}
.mt-lg-80{margin-top: 80px !important}
.mt-lg-90{margin-top: 90px !important}
.mt-lg-100{margin-top: 100px !important}
.mt-lg-110{margin-top: 110px !important}
.mt-lg-120{margin-top: 120px !important}
.mt-lg-130{margin-top: 130px !important}
.mt-lg-140{margin-top: 140px !important}
.mt-lg-150{margin-top: 150px !important}
.mt-lg-160{margin-top: 160px !important}
.mt-lg-170{margin-top: 170px !important}
.mt-lg-180{margin-top: 180px !important}
.mt-lg-190{margin-top: 190px !important}
.mt-lg-200{margin-top: 200px !important}
.mr-lg-0{margin-right: 0!important;}
.mr-lg-5{margin-right: 5px !important}
.mr-lg-10{margin-right: 10px !important}
.mr-lg-15{margin-right: 15px !important}
.mr-lg-20{margin-right: 20px !important}
.mr-lg-30{margin-right: 30px !important}
.mr-lg-40{margin-right: 40px !important}
.mr-lg-50{margin-right: 50px !important}
.mr-lg-60{margin-right: 60px !important}
.mr-lg-70{margin-right: 70px !important}
.mr-lg-80{margin-right: 80px !important}
.mr-lg-90{margin-right: 90px !important}
.mr-lg-100{margin-right: 100px !important}
.mr-lg-110{margin-right: 110px !important}
.mr-lg-120{margin-right: 120px !important}
.mr-lg-130{margin-right: 130px !important}
.mr-lg-140{margin-right: 140px !important}
.mr-lg-150{margin-right: 150px !important}
.mr-lg-160{margin-right: 160px !important}
.mr-lg-170{margin-right: 170px !important}
.mr-lg-180{margin-right: 180px !important}
.mr-lg-190{margin-right: 190px !important}
.mr-lg-200{margin-right: 200px !important}
.mb-lg-0{margin-bottom: 0!important;}
.mb-lg-5{margin-bottom: 5px !important}
.mb-lg-10{margin-bottom: 10px !important}
.mb-lg-15{margin-bottom: 15px !important}
.mb-lg-20{margin-bottom: 20px !important}
.mb-lg-30{margin-bottom: 30px !important}
.mb-lg-40{margin-bottom: 40px !important}
.mb-lg-50{margin-bottom: 50px !important}
.mb-lg-60{margin-bottom: 60px !important}
.mb-lg-70{margin-bottom: 70px !important}
.mb-lg-80{margin-bottom: 80px !important}
.mb-lg-90{margin-bottom: 90px !important}
.mb-lg-100{margin-bottom: 100px !important}
.mb-lg-110{margin-bottom: 110px !important}
.mb-lg-120{margin-bottom: 120px !important}
.mb-lg-130{margin-bottom: 130px !important}
.mb-lg-140{margin-bottom: 140px !important}
.mb-lg-150{margin-bottom: 150px !important}
.mb-lg-160{margin-bottom: 160px !important}
.mb-lg-170{margin-bottom: 170px !important}
.mb-lg-180{margin-bottom: 180px !important}
.mb-lg-190{margin-bottom: 190px !important}
.mb-lg-200{margin-bottom: 200px !important}
.ml-lg-0{margin-left: 0!important;}
.ml-lg-5{margin-left: 5px !important}
.ml-lg-10{margin-left: 10px !important}
.ml-lg-15{margin-left: 15px !important}
.ml-lg-20{margin-left: 20px !important}
.ml-lg-30{margin-left: 30px !important}
.ml-lg-40{margin-left: 40px !important}
.ml-lg-50{margin-left: 50px !important}
.ml-lg-60{margin-left: 60px !important}
.ml-lg-70{margin-left: 70px !important}
.ml-lg-80{margin-left: 80px !important}
.ml-lg-90{margin-left: 90px !important}
.ml-lg-100{margin-left: 100px !important}
.ml-lg-110{margin-left: 110px !important}
.ml-lg-120{margin-left: 120px !important}
.ml-lg-130{margin-left: 130px !important}
.ml-lg-140{margin-left: 140px !important}
.ml-lg-150{margin-left: 150px !important}
.ml-lg-160{margin-left: 160px !important}
.ml-lg-170{margin-left: 170px !important}
.ml-lg-180{margin-left: 180px !important}
.ml-lg-190{margin-left: 190px !important}
.ml-lg-200{margin-left: 200px !important}
.pt-lg-0{padding-top: 0!important;}
.pt-lg-5{padding-top: 5px !important}
.pt-lg-10{padding-top: 10px !important}
.pt-lg-15{padding-top: 15px !important}
.pt-lg-20{padding-top: 20px !important}
.pt-lg-30{padding-top: 30px !important}
.pt-lg-40{padding-top: 40px !important}
.pt-lg-50{padding-top: 50px !important}
.pt-lg-60{padding-top: 60px !important}
.pt-lg-70{padding-top: 70px !important}
.pt-lg-80{padding-top: 80px !important}
.pt-lg-90{padding-top: 90px !important}
.pt-lg-100{padding-top: 100px !important}
.pt-lg-110{padding-top: 110px !important}
.pt-lg-120{padding-top: 120px !important}
.pt-lg-130{padding-top: 130px !important}
.pt-lg-140{padding-top: 140px !important}
.pt-lg-150{padding-top: 150px !important}
.pt-lg-160{padding-top: 160px !important}
.pt-lg-170{padding-top: 170px !important}
.pt-lg-180{padding-top: 180px !important}
.pt-lg-190{padding-top: 190px !important}
.pt-lg-200{padding-top: 200px !important}
.pr-lg-0{padding-right: 0!important;}
.pr-lg-5{padding-right: 5px !important}
.pr-lg-10{padding-right: 10px !important}
.pr-lg-15{padding-right: 15px !important}
.pr-lg-20{padding-right: 20px !important}
.pr-lg-30{padding-right: 30px !important}
.pr-lg-40{padding-right: 40px !important}
.pr-lg-50{padding-right: 50px !important}
.pr-lg-60{padding-right: 60px !important}
.pr-lg-70{padding-right: 70px !important}
.pr-lg-80{padding-right: 80px !important}
.pr-lg-90{padding-right: 90px !important}
.pr-lg-100{padding-right: 100px !important}
.pr-lg-110{padding-right: 110px !important}
.pr-lg-120{padding-right: 120px !important}
.pr-lg-130{padding-right: 130px !important}
.pr-lg-140{padding-right: 140px !important}
.pr-lg-150{padding-right: 150px !important}
.pr-lg-160{padding-right: 160px !important}
.pr-lg-170{padding-right: 170px !important}
.pr-lg-180{padding-right: 180px !important}
.pr-lg-190{padding-right: 190px !important}
.pr-lg-200{padding-right: 200px !important}
.pb-lg-0{padding-bottom: 0!important;}
.pb-lg-5{padding-bottom: 5px !important}
.pb-lg-10{padding-bottom: 10px !important}
.pb-lg-15{padding-bottom: 15px !important}
.pb-lg-20{padding-bottom: 20px !important}
.pb-lg-30{padding-bottom: 30px !important}
.pb-lg-40{padding-bottom: 40px !important}
.pb-lg-50{padding-bottom: 50px !important}
.pb-lg-60{padding-bottom: 60px !important}
.pb-lg-70{padding-bottom: 70px !important}
.pb-lg-80{padding-bottom: 80px !important}
.pb-lg-90{padding-bottom: 90px !important}
.pb-lg-100{padding-bottom: 100px !important}
.pb-lg-110{padding-bottom: 110px !important}
.pb-lg-120{padding-bottom: 120px !important}
.pb-lg-130{padding-bottom: 130px !important}
.pb-lg-140{padding-bottom: 140px !important}
.pb-lg-150{padding-bottom: 150px !important}
.pb-lg-160{padding-bottom: 160px !important}
.pb-lg-170{padding-bottom: 170px !important}
.pb-lg-180{padding-bottom: 180px !important}
.pb-lg-190{padding-bottom: 190px !important}
.pb-lg-200{padding-bottom: 200px !important}
.pl-lg-0{padding-left: 0!important;}
.pl-lg-5{padding-left: 5px !important}
.pl-lg-10{padding-left: 10px !important}
.pl-lg-15{padding-left: 15px !important}
.pl-lg-20{padding-left: 20px !important}
.pl-lg-30{padding-left: 30px !important}
.pl-lg-40{padding-left: 40px !important}
.pl-lg-50{padding-left: 50px !important}
.pl-lg-60{padding-left: 60px !important}
.pl-lg-70{padding-left: 70px !important}
.pl-lg-80{padding-left: 80px !important}
.pl-lg-90{padding-left: 90px !important}
.pl-lg-100{padding-left: 100px !important}
.pl-lg-110{padding-left: 110px !important}
.pl-lg-120{padding-left: 120px !important}
.pl-lg-130{padding-left: 130px !important}
.pl-lg-140{padding-left: 140px !important}
.pl-lg-150{padding-left: 150px !important}
.pl-lg-160{padding-left: 160px !important}
.pl-lg-170{padding-left: 170px !important}
.pl-lg-180{padding-left: 180px !important}
.pl-lg-190{padding-left: 190px !important}
.pl-lg-200{padding-left: 200px !important}
}
@media (max-width:1199px){
.m-md-0{margin: 0px !important}
.m-md-5{margin: 5px !important}
.m-md-10{margin: 10px !important}
.m-md-15{margin: 15px !important}
.m-md-20{margin: 20px !important}
.m-md-30{margin: 30px !important}
.m-md-40{margin: 40px !important}
.m-md-50{margin: 50px !important}
.m-md-60{margin: 60px !important}
.m-md-70{margin: 70px !important}
.m-md-80{margin: 80px !important}
.m-md-90{margin: 90px !important}
.m-md-100{margin: 100px !important}
.m-md-110{margin: 110px !important}
.m-md-120{margin: 120px !important}
.m-md-130{margin: 130px !important}
.m-md-140{margin: 140px !important}
.m-md-150{margin: 150px !important}
.m-md-160{margin: 160px !important}
.m-md-170{margin: 170px !important}
.m-md-180{margin: 180px !important}
.m-md-190{margin: 190px !important}
.m-md-200{margin: 200px !important}
.p-md-0{padding: 0!important;}
.p-md-5{padding: 5px !important}
.p-md-10{padding: 10px !important}
.p-md-15{padding: 15px !important}
.p-md-20{padding: 20px !important}
.p-md-30{padding: 30px !important}
.p-md-40{padding: 40px !important}
.p-md-50{padding: 50px !important}
.p-md-60{padding: 60px !important}
.p-md-70{padding: 70px !important}
.p-md-80{padding: 80px !important}
.p-md-90{padding: 90px !important}
.p-md-100{padding: 100px !important}
.p-md-110{padding: 110px !important}
.p-md-120{padding: 120px !important}
.p-md-130{padding: 130px !important}
.p-md-140{padding: 140px !important}
.p-md-150{padding: 150px !important}
.p-md-160{padding: 160px !important}
.p-md-170{padding: 170px !important}
.p-md-180{padding: 180px !important}
.p-md-190{padding: 190px !important}
.p-md-200{padding: 200px !important}
.mt-md-0{margin-top: 0!important;}
.mt-md-5{margin-top: 5px !important}
.mt-md-10{margin-top: 10px !important}
.mt-md-15{margin-top: 15px !important}
.mt-md-20{margin-top: 20px !important}
.mt-md-30{margin-top: 30px !important}
.mt-md-40{margin-top: 40px !important}
.mt-md-50{margin-top: 50px !important}
.mt-md-60{margin-top: 60px !important}
.mt-md-70{margin-top: 70px !important}
.mt-md-80{margin-top: 80px !important}
.mt-md-90{margin-top: 90px !important}
.mt-md-100{margin-top: 100px !important}
.mt-md-110{margin-top: 110px !important}
.mt-md-120{margin-top: 120px !important}
.mt-md-130{margin-top: 130px !important}
.mt-md-140{margin-top: 140px !important}
.mt-md-150{margin-top: 150px !important}
.mt-md-160{margin-top: 160px !important}
.mt-md-170{margin-top: 170px !important}
.mt-md-180{margin-top: 180px !important}
.mt-md-190{margin-top: 190px !important}
.mt-md-200{margin-top: 200px !important}
.mr-md-0{margin-right: 0!important;}
.mr-md-5{margin-right: 5px !important}
.mr-md-10{margin-right: 10px !important}
.mr-md-15{margin-right: 15px !important}
.mr-md-20{margin-right: 20px !important}
.mr-md-30{margin-right: 30px !important}
.mr-md-40{margin-right: 40px !important}
.mr-md-50{margin-right: 50px !important}
.mr-md-60{margin-right: 60px !important}
.mr-md-70{margin-right: 70px !important}
.mr-md-80{margin-right: 80px !important}
.mr-md-90{margin-right: 90px !important}
.mr-md-100{margin-right: 100px !important}
.mr-md-110{margin-right: 110px !important}
.mr-md-120{margin-right: 120px !important}
.mr-md-130{margin-right: 130px !important}
.mr-md-140{margin-right: 140px !important}
.mr-md-150{margin-right: 150px !important}
.mr-md-160{margin-right: 160px !important}
.mr-md-170{margin-right: 170px !important}
.mr-md-180{margin-right: 180px !important}
.mr-md-190{margin-right: 190px !important}
.mr-md-200{margin-right: 200px !important}
.mb-md-0{margin-bottom: 0!important;}
.mb-md-5{margin-bottom: 5px !important}
.mb-md-10{margin-bottom: 10px !important}
.mb-md-15{margin-bottom: 15px !important}
.mb-md-20{margin-bottom: 20px !important}
.mb-md-30{margin-bottom: 30px !important}
.mb-md-40{margin-bottom: 40px !important}
.mb-md-50{margin-bottom: 50px !important}
.mb-md-60{margin-bottom: 60px !important}
.mb-md-70{margin-bottom: 70px !important}
.mb-md-80{margin-bottom: 80px !important}
.mb-md-90{margin-bottom: 90px !important}
.mb-md-100{margin-bottom: 100px !important}
.mb-md-110{margin-bottom: 110px !important}
.mb-md-120{margin-bottom: 120px !important}
.mb-md-130{margin-bottom: 130px !important}
.mb-md-140{margin-bottom: 140px !important}
.mb-md-150{margin-bottom: 150px !important}
.mb-md-160{margin-bottom: 160px !important}
.mb-md-170{margin-bottom: 170px !important}
.mb-md-180{margin-bottom: 180px !important}
.mb-md-190{margin-bottom: 190px !important}
.mb-md-200{margin-bottom: 200px !important}
.ml-md-0{margin-left: 0!important;}
.ml-md-5{margin-left: 5px !important}
.ml-md-10{margin-left: 10px !important}
.ml-md-15{margin-left: 15px !important}
.ml-md-20{margin-left: 20px !important}
.ml-md-30{margin-left: 30px !important}
.ml-md-40{margin-left: 40px !important}
.ml-md-50{margin-left: 50px !important}
.ml-md-60{margin-left: 60px !important}
.ml-md-70{margin-left: 70px !important}
.ml-md-80{margin-left: 80px !important}
.ml-md-90{margin-left: 90px !important}
.ml-md-100{margin-left: 100px !important}
.ml-md-110{margin-left: 110px !important}
.ml-md-120{margin-left: 120px !important}
.ml-md-130{margin-left: 130px !important}
.ml-md-140{margin-left: 140px !important}
.ml-md-150{margin-left: 150px !important}
.ml-md-160{margin-left: 160px !important}
.ml-md-170{margin-left: 170px !important}
.ml-md-180{margin-left: 180px !important}
.ml-md-190{margin-left: 190px !important}
.ml-md-200{margin-left: 200px !important}
.pt-md-0{padding-top: 0!important;}
.pt-md-5{padding-top: 5px !important}
.pt-md-10{padding-top: 10px !important}
.pt-md-15{padding-top: 15px !important}
.pt-md-20{padding-top: 20px !important}
.pt-md-30{padding-top: 30px !important}
.pt-md-40{padding-top: 40px !important}
.pt-md-50{padding-top: 50px !important}
.pt-md-60{padding-top: 60px !important}
.pt-md-70{padding-top: 70px !important}
.pt-md-80{padding-top: 80px !important}
.pt-md-90{padding-top: 90px !important}
.pt-md-100{padding-top: 100px !important}
.pt-md-110{padding-top: 110px !important}
.pt-md-120{padding-top: 120px !important}
.pt-md-130{padding-top: 130px !important}
.pt-md-140{padding-top: 140px !important}
.pt-md-150{padding-top: 150px !important}
.pt-md-160{padding-top: 160px !important}
.pt-md-170{padding-top: 170px !important}
.pt-md-180{padding-top: 180px !important}
.pt-md-190{padding-top: 190px !important}
.pt-md-200{padding-top: 200px !important}
.pr-md-0{padding-right: 0!important;}
.pr-md-5{padding-right: 5px !important}
.pr-md-10{padding-right: 10px !important}
.pr-md-15{padding-right: 15px !important}
.pr-md-20{padding-right: 20px !important}
.pr-md-30{padding-right: 30px !important}
.pr-md-40{padding-right: 40px !important}
.pr-md-50{padding-right: 50px !important}
.pr-md-60{padding-right: 60px !important}
.pr-md-70{padding-right: 70px !important}
.pr-md-80{padding-right: 80px !important}
.pr-md-90{padding-right: 90px !important}
.pr-md-100{padding-right: 100px !important}
.pr-md-110{padding-right: 110px !important}
.pr-md-120{padding-right: 120px !important}
.pr-md-130{padding-right: 130px !important}
.pr-md-140{padding-right: 140px !important}
.pr-md-150{padding-right: 150px !important}
.pr-md-160{padding-right: 160px !important}
.pr-md-170{padding-right: 170px !important}
.pr-md-180{padding-right: 180px !important}
.pr-md-190{padding-right: 190px !important}
.pr-md-200{padding-right: 200px !important}
.pb-md-0{padding-bottom: 0!important;}
.pb-md-5{padding-bottom: 5px !important}
.pb-md-10{padding-bottom: 10px !important}
.pb-md-15{padding-bottom: 15px !important}
.pb-md-20{padding-bottom: 20px !important}
.pb-md-30{padding-bottom: 30px !important}
.pb-md-40{padding-bottom: 40px !important}
.pb-md-50{padding-bottom: 50px !important}
.pb-md-60{padding-bottom: 60px !important}
.pb-md-70{padding-bottom: 70px !important}
.pb-md-80{padding-bottom: 80px !important}
.pb-md-90{padding-bottom: 90px !important}
.pb-md-100{padding-bottom: 100px !important}
.pb-md-110{padding-bottom: 110px !important}
.pb-md-120{padding-bottom: 120px !important}
.pb-md-130{padding-bottom: 130px !important}
.pb-md-140{padding-bottom: 140px !important}
.pb-md-150{padding-bottom: 150px !important}
.pb-md-160{padding-bottom: 160px !important}
.pb-md-170{padding-bottom: 170px !important}
.pb-md-180{padding-bottom: 180px !important}
.pb-md-190{padding-bottom: 190px !important}
.pb-md-200{padding-bottom: 200px !important}
.pl-md-0{padding-left: 0!important;}
.pl-md-5{padding-left: 5px !important}
.pl-md-10{padding-left: 10px !important}
.pl-md-15{padding-left: 15px !important}
.pl-md-20{padding-left: 20px !important}
.pl-md-30{padding-left: 30px !important}
.pl-md-40{padding-left: 40px !important}
.pl-md-50{padding-left: 50px !important}
.pl-md-60{padding-left: 60px !important}
.pl-md-70{padding-left: 70px !important}
.pl-md-80{padding-left: 80px !important}
.pl-md-90{padding-left: 90px !important}
.pl-md-100{padding-left: 100px !important}
.pl-md-110{padding-left: 110px !important}
.pl-md-120{padding-left: 120px !important}
.pl-md-130{padding-left: 130px !important}
.pl-md-140{padding-left: 140px !important}
.pl-md-150{padding-left: 150px !important}
.pl-md-160{padding-left: 160px !important}
.pl-md-170{padding-left: 170px !important}
.pl-md-180{padding-left: 180px !important}
.pl-md-190{padding-left: 190px !important}
.pl-md-200{padding-left: 200px !important}
}
@media (max-width:991px){
.m-sm-0{margin: 0px !important}
.m-sm-5{margin: 5px !important}
.m-sm-10{margin: 10px !important}
.m-sm-15{margin: 15px !important}
.m-sm-20{margin: 20px !important}
.m-sm-30{margin: 30px !important}
.m-sm-40{margin: 40px !important}
.m-sm-50{margin: 50px !important}
.m-sm-60{margin: 60px !important}
.m-sm-70{margin: 70px !important}
.m-sm-80{margin: 80px !important}
.m-sm-90{margin: 90px !important}
.m-sm-100{margin: 100px !important}
.m-sm-110{margin: 110px !important}
.m-sm-120{margin: 120px !important}
.m-sm-130{margin: 130px !important}
.m-sm-140{margin: 140px !important}
.m-sm-150{margin: 150px !important}
.m-sm-160{margin: 160px !important}
.m-sm-170{margin: 170px !important}
.m-sm-180{margin: 180px !important}
.m-sm-190{margin: 190px !important}
.m-sm-200{margin: 200px !important}
.p-sm-0{padding: 0!important;}
.p-sm-5{padding: 5px !important}
.p-sm-10{padding: 10px !important}
.p-sm-15{padding: 15px !important}
.p-sm-20{padding: 20px !important}
.p-sm-30{padding: 30px !important}
.p-sm-40{padding: 40px !important}
.p-sm-50{padding: 50px !important}
.p-sm-60{padding: 60px !important}
.p-sm-70{padding: 70px !important}
.p-sm-80{padding: 80px !important}
.p-sm-90{padding: 90px !important}
.p-sm-100{padding: 100px !important}
.p-sm-110{padding: 110px !important}
.p-sm-120{padding: 120px !important}
.p-sm-130{padding: 130px !important}
.p-sm-140{padding: 140px !important}
.p-sm-150{padding: 150px !important}
.p-sm-160{padding: 160px !important}
.p-sm-170{padding: 170px !important}
.p-sm-180{padding: 180px !important}
.p-sm-190{padding: 190px !important}
.p-sm-200{padding: 200px !important}
.mt-sm-0{margin-top: 0!important;}
.mt-sm-5{margin-top: 5px !important}
.mt-sm-10{margin-top: 10px !important}
.mt-sm-15{margin-top: 15px !important}
.mt-sm-20{margin-top: 20px !important}
.mt-sm-30{margin-top: 30px !important}
.mt-sm-40{margin-top: 40px !important}
.mt-sm-50{margin-top: 50px !important}
.mt-sm-60{margin-top: 60px !important}
.mt-sm-70{margin-top: 70px !important}
.mt-sm-80{margin-top: 80px !important}
.mt-sm-90{margin-top: 90px !important}
.mt-sm-100{margin-top: 100px !important}
.mt-sm-110{margin-top: 110px !important}
.mt-sm-120{margin-top: 120px !important}
.mt-sm-130{margin-top: 130px !important}
.mt-sm-140{margin-top: 140px !important}
.mt-sm-150{margin-top: 150px !important}
.mt-sm-160{margin-top: 160px !important}
.mt-sm-170{margin-top: 170px !important}
.mt-sm-180{margin-top: 180px !important}
.mt-sm-190{margin-top: 190px !important}
.mt-sm-200{margin-top: 200px !important}
.mr-sm-0{margin-right: 0!important;}
.mr-sm-5{margin-right: 5px !important}
.mr-sm-10{margin-right: 10px !important}
.mr-sm-15{margin-right: 15px !important}
.mr-sm-20{margin-right: 20px !important}
.mr-sm-30{margin-right: 30px !important}
.mr-sm-40{margin-right: 40px !important}
.mr-sm-50{margin-right: 50px !important}
.mr-sm-60{margin-right: 60px !important}
.mr-sm-70{margin-right: 70px !important}
.mr-sm-80{margin-right: 80px !important}
.mr-sm-90{margin-right: 90px !important}
.mr-sm-100{margin-right: 100px !important}
.mr-sm-110{margin-right: 110px !important}
.mr-sm-120{margin-right: 120px !important}
.mr-sm-130{margin-right: 130px !important}
.mr-sm-140{margin-right: 140px !important}
.mr-sm-150{margin-right: 150px !important}
.mr-sm-160{margin-right: 160px !important}
.mr-sm-170{margin-right: 170px !important}
.mr-sm-180{margin-right: 180px !important}
.mr-sm-190{margin-right: 190px !important}
.mr-sm-200{margin-right: 200px !important}
.mb-sm-0{margin-bottom: 0!important;}
.mb-sm-5{margin-bottom: 5px !important}
.mb-sm-10{margin-bottom: 10px !important}
.mb-sm-15{margin-bottom: 15px !important}
.mb-sm-20{margin-bottom: 20px !important}
.mb-sm-30{margin-bottom: 30px !important}
.mb-sm-40{margin-bottom: 40px !important}
.mb-sm-50{margin-bottom: 50px !important}
.mb-sm-60{margin-bottom: 60px !important}
.mb-sm-70{margin-bottom: 70px !important}
.mb-sm-80{margin-bottom: 80px !important}
.mb-sm-90{margin-bottom: 90px !important}
.mb-sm-100{margin-bottom: 100px !important}
.mb-sm-110{margin-bottom: 110px !important}
.mb-sm-120{margin-bottom: 120px !important}
.mb-sm-130{margin-bottom: 130px !important}
.mb-sm-140{margin-bottom: 140px !important}
.mb-sm-150{margin-bottom: 150px !important}
.mb-sm-160{margin-bottom: 160px !important}
.mb-sm-170{margin-bottom: 170px !important}
.mb-sm-180{margin-bottom: 180px !important}
.mb-sm-190{margin-bottom: 190px !important}
.mb-sm-200{margin-bottom: 200px !important}
.ml-sm-0{margin-left: 0!important;}
.ml-sm-5{margin-left: 5px !important}
.ml-sm-10{margin-left: 10px !important}
.ml-sm-15{margin-left: 15px !important}
.ml-sm-20{margin-left: 20px !important}
.ml-sm-30{margin-left: 30px !important}
.ml-sm-40{margin-left: 40px !important}
.ml-sm-50{margin-left: 50px !important}
.ml-sm-60{margin-left: 60px !important}
.ml-sm-70{margin-left: 70px !important}
.ml-sm-80{margin-left: 80px !important}
.ml-sm-90{margin-left: 90px !important}
.ml-sm-100{margin-left: 100px !important}
.ml-sm-110{margin-left: 110px !important}
.ml-sm-120{margin-left: 120px !important}
.ml-sm-130{margin-left: 130px !important}
.ml-sm-140{margin-left: 140px !important}
.ml-sm-150{margin-left: 150px !important}
.ml-sm-160{margin-left: 160px !important}
.ml-sm-170{margin-left: 170px !important}
.ml-sm-180{margin-left: 180px !important}
.ml-sm-190{margin-left: 190px !important}
.ml-sm-200{margin-left: 200px !important}
.pt-sm-0{padding-top: 0!important;}
.pt-sm-5{padding-top: 5px !important}
.pt-sm-10{padding-top: 10px !important}
.pt-sm-15{padding-top: 15px !important}
.pt-sm-20{padding-top: 20px !important}
.pt-sm-30{padding-top: 30px !important}
.pt-sm-40{padding-top: 40px !important}
.pt-sm-50{padding-top: 50px !important}
.pt-sm-60{padding-top: 60px !important}
.pt-sm-70{padding-top: 70px !important}
.pt-sm-80{padding-top: 80px !important}
.pt-sm-90{padding-top: 90px !important}
.pt-sm-100{padding-top: 100px !important}
.pt-sm-110{padding-top: 110px !important}
.pt-sm-120{padding-top: 120px !important}
.pt-sm-130{padding-top: 130px !important}
.pt-sm-140{padding-top: 140px !important}
.pt-sm-150{padding-top: 150px !important}
.pt-sm-160{padding-top: 160px !important}
.pt-sm-170{padding-top: 170px !important}
.pt-sm-180{padding-top: 180px !important}
.pt-sm-190{padding-top: 190px !important}
.pt-sm-200{padding-top: 200px !important}
.pr-sm-0{padding-right: 0!important;}
.pr-sm-5{padding-right: 5px !important}
.pr-sm-10{padding-right: 10px !important}
.pr-sm-15{padding-right: 15px !important}
.pr-sm-20{padding-right: 20px !important}
.pr-sm-30{padding-right: 30px !important}
.pr-sm-40{padding-right: 40px !important}
.pr-sm-50{padding-right: 50px !important}
.pr-sm-60{padding-right: 60px !important}
.pr-sm-70{padding-right: 70px !important}
.pr-sm-80{padding-right: 80px !important}
.pr-sm-90{padding-right: 90px !important}
.pr-sm-100{padding-right: 100px !important}
.pr-sm-110{padding-right: 110px !important}
.pr-sm-120{padding-right: 120px !important}
.pr-sm-130{padding-right: 130px !important}
.pr-sm-140{padding-right: 140px !important}
.pr-sm-150{padding-right: 150px !important}
.pr-sm-160{padding-right: 160px !important}
.pr-sm-170{padding-right: 170px !important}
.pr-sm-180{padding-right: 180px !important}
.pr-sm-190{padding-right: 190px !important}
.pr-sm-200{padding-right: 200px !important}
.pb-sm-0{padding-bottom: 0!important;}
.pb-sm-5{padding-bottom: 5px !important}
.pb-sm-10{padding-bottom: 10px !important}
.pb-sm-15{padding-bottom: 15px !important}
.pb-sm-20{padding-bottom: 20px !important}
.pb-sm-30{padding-bottom: 30px !important}
.pb-sm-40{padding-bottom: 40px !important}
.pb-sm-50{padding-bottom: 50px !important}
.pb-sm-60{padding-bottom: 60px !important}
.pb-sm-70{padding-bottom: 70px !important}
.pb-sm-80{padding-bottom: 80px !important}
.pb-sm-90{padding-bottom: 90px !important}
.pb-sm-100{padding-bottom: 100px !important}
.pb-sm-110{padding-bottom: 110px !important}
.pb-sm-120{padding-bottom: 120px !important}
.pb-sm-130{padding-bottom: 130px !important}
.pb-sm-140{padding-bottom: 140px !important}
.pb-sm-150{padding-bottom: 150px !important}
.pb-sm-160{padding-bottom: 160px !important}
.pb-sm-170{padding-bottom: 170px !important}
.pb-sm-180{padding-bottom: 180px !important}
.pb-sm-190{padding-bottom: 190px !important}
.pb-sm-200{padding-bottom: 200px !important}
.pl-sm-0{padding-left: 0!important;}
.pl-sm-5{padding-left: 5px !important}
.pl-sm-10{padding-left: 10px !important}
.pl-sm-15{padding-left: 15px !important}
.pl-sm-20{padding-left: 20px !important}
.pl-sm-30{padding-left: 30px !important}
.pl-sm-40{padding-left: 40px !important}
.pl-sm-50{padding-left: 50px !important}
.pl-sm-60{padding-left: 60px !important}
.pl-sm-70{padding-left: 70px !important}
.pl-sm-80{padding-left: 80px !important}
.pl-sm-90{padding-left: 90px !important}
.pl-sm-100{padding-left: 100px !important}
.pl-sm-110{padding-left: 110px !important}
.pl-sm-120{padding-left: 120px !important}
.pl-sm-130{padding-left: 130px !important}
.pl-sm-140{padding-left: 140px !important}
.pl-sm-150{padding-left: 150px !important}
.pl-sm-160{padding-left: 160px !important}
.pl-sm-170{padding-left: 170px !important}
.pl-sm-180{padding-left: 180px !important}
.pl-sm-190{padding-left: 190px !important}
.pl-sm-200{padding-left: 200px !important}
}
@media (max-width:767px){
.m-xs-0{margin: 0px !important}
.m-xs-5{margin: 5px !important}
.m-xs-10{margin: 10px !important}
.m-xs-15{margin: 15px !important}
.m-xs-20{margin: 20px !important}
.m-xs-30{margin: 30px !important}
.m-xs-40{margin: 40px !important}
.m-xs-50{margin: 50px !important}
.m-xs-60{margin: 60px !important}
.m-xs-70{margin: 70px !important}
.m-xs-80{margin: 80px !important}
.m-xs-90{margin: 90px !important}
.m-xs-100{margin: 100px !important}
.m-xs-110{margin: 110px !important}
.m-xs-120{margin: 120px !important}
.m-xs-130{margin: 130px !important}
.m-xs-140{margin: 140px !important}
.m-xs-150{margin: 150px !important}
.m-xs-160{margin: 160px !important}
.m-xs-170{margin: 170px !important}
.m-xs-180{margin: 180px !important}
.m-xs-190{margin: 190px !important}
.m-xs-200{margin: 200px !important}
.p-xs-0{padding: 0!important;}
.p-xs-5{padding: 5px !important}
.p-xs-10{padding: 10px !important}
.p-xs-15{padding: 15px !important}
.p-xs-20{padding: 20px !important}
.p-xs-30{padding: 30px !important}
.p-xs-40{padding: 40px !important}
.p-xs-50{padding: 50px !important}
.p-xs-60{padding: 60px !important}
.p-xs-70{padding: 70px !important}
.p-xs-80{padding: 80px !important}
.p-xs-90{padding: 90px !important}
.p-xs-100{padding: 100px !important}
.p-xs-110{padding: 110px !important}
.p-xs-120{padding: 120px !important}
.p-xs-130{padding: 130px !important}
.p-xs-140{padding: 140px !important}
.p-xs-150{padding: 150px !important}
.p-xs-160{padding: 160px !important}
.p-xs-170{padding: 170px !important}
.p-xs-180{padding: 180px !important}
.p-xs-190{padding: 190px !important}
.p-xs-200{padding: 200px !important}
.mt-xs-0{margin-top: 0!important;}
.mt-xs-5{margin-top: 5px !important}
.mt-xs-10{margin-top: 10px !important}
.mt-xs-15{margin-top: 15px !important}
.mt-xs-20{margin-top: 20px !important}
.mt-xs-30{margin-top: 30px !important}
.mt-xs-40{margin-top: 40px !important}
.mt-xs-50{margin-top: 50px !important}
.mt-xs-60{margin-top: 60px !important}
.mt-xs-70{margin-top: 70px !important}
.mt-xs-80{margin-top: 80px !important}
.mt-xs-90{margin-top: 90px !important}
.mt-xs-100{margin-top: 100px !important}
.mt-xs-110{margin-top: 110px !important}
.mt-xs-120{margin-top: 120px !important}
.mt-xs-130{margin-top: 130px !important}
.mt-xs-140{margin-top: 140px !important}
.mt-xs-150{margin-top: 150px !important}
.mt-xs-160{margin-top: 160px !important}
.mt-xs-170{margin-top: 170px !important}
.mt-xs-180{margin-top: 180px !important}
.mt-xs-190{margin-top: 190px !important}
.mt-xs-200{margin-top: 200px !important}
.mr-xs-0{margin-right: 0!important;}
.mr-xs-5{margin-right: 5px !important}
.mr-xs-10{margin-right: 10px !important}
.mr-xs-15{margin-right: 15px !important}
.mr-xs-20{margin-right: 20px !important}
.mr-xs-30{margin-right: 30px !important}
.mr-xs-40{margin-right: 40px !important}
.mr-xs-50{margin-right: 50px !important}
.mr-xs-60{margin-right: 60px !important}
.mr-xs-70{margin-right: 70px !important}
.mr-xs-80{margin-right: 80px !important}
.mr-xs-90{margin-right: 90px !important}
.mr-xs-100{margin-right: 100px !important}
.mr-xs-110{margin-right: 110px !important}
.mr-xs-120{margin-right: 120px !important}
.mr-xs-130{margin-right: 130px !important}
.mr-xs-140{margin-right: 140px !important}
.mr-xs-150{margin-right: 150px !important}
.mr-xs-160{margin-right: 160px !important}
.mr-xs-170{margin-right: 170px !important}
.mr-xs-180{margin-right: 180px !important}
.mr-xs-190{margin-right: 190px !important}
.mr-xs-200{margin-right: 200px !important}
.mb-xs-0{margin-bottom: 0!important;}
.mb-xs-5{margin-bottom: 5px !important}
.mb-xs-10{margin-bottom: 10px !important}
.mb-xs-15{margin-bottom: 15px !important}
.mb-xs-20{margin-bottom: 20px !important}
.mb-xs-30{margin-bottom: 30px !important}
.mb-xs-40{margin-bottom: 40px !important}
.mb-xs-50{margin-bottom: 50px !important}
.mb-xs-60{margin-bottom: 60px !important}
.mb-xs-70{margin-bottom: 70px !important}
.mb-xs-80{margin-bottom: 80px !important}
.mb-xs-90{margin-bottom: 90px !important}
.mb-xs-100{margin-bottom: 100px !important}
.mb-xs-110{margin-bottom: 110px !important}
.mb-xs-120{margin-bottom: 120px !important}
.mb-xs-130{margin-bottom: 130px !important}
.mb-xs-140{margin-bottom: 140px !important}
.mb-xs-150{margin-bottom: 150px !important}
.mb-xs-160{margin-bottom: 160px !important}
.mb-xs-170{margin-bottom: 170px !important}
.mb-xs-180{margin-bottom: 180px !important}
.mb-xs-190{margin-bottom: 190px !important}
.mb-xs-200{margin-bottom: 200px !important}
.ml-xs-0{margin-left: 0!important;}
.ml-xs-5{margin-left: 5px !important}
.ml-xs-10{margin-left: 10px !important}
.ml-xs-15{margin-left: 15px !important}
.ml-xs-20{margin-left: 20px !important}
.ml-xs-30{margin-left: 30px !important}
.ml-xs-40{margin-left: 40px !important}
.ml-xs-50{margin-left: 50px !important}
.ml-xs-60{margin-left: 60px !important}
.ml-xs-70{margin-left: 70px !important}
.ml-xs-80{margin-left: 80px !important}
.ml-xs-90{margin-left: 90px !important}
.ml-xs-100{margin-left: 100px !important}
.ml-xs-110{margin-left: 110px !important}
.ml-xs-120{margin-left: 120px !important}
.ml-xs-130{margin-left: 130px !important}
.ml-xs-140{margin-left: 140px !important}
.ml-xs-150{margin-left: 150px !important}
.ml-xs-160{margin-left: 160px !important}
.ml-xs-170{margin-left: 170px !important}
.ml-xs-180{margin-left: 180px !important}
.ml-xs-190{margin-left: 190px !important}
.ml-xs-200{margin-left: 200px !important}
.pt-xs-0{padding-top: 0!important;}
.pt-xs-5{padding-top: 5px !important}
.pt-xs-10{padding-top: 10px !important}
.pt-xs-15{padding-top: 15px !important}
.pt-xs-20{padding-top: 20px !important}
.pt-xs-30{padding-top: 30px !important}
.pt-xs-40{padding-top: 40px !important}
.pt-xs-50{padding-top: 50px !important}
.pt-xs-60{padding-top: 60px !important}
.pt-xs-70{padding-top: 70px !important}
.pt-xs-80{padding-top: 80px !important}
.pt-xs-90{padding-top: 90px !important}
.pt-xs-100{padding-top: 100px !important}
.pt-xs-110{padding-top: 110px !important}
.pt-xs-120{padding-top: 120px !important}
.pt-xs-130{padding-top: 130px !important}
.pt-xs-140{padding-top: 140px !important}
.pt-xs-150{padding-top: 150px !important}
.pt-xs-160{padding-top: 160px !important}
.pt-xs-170{padding-top: 170px !important}
.pt-xs-180{padding-top: 180px !important}
.pt-xs-190{padding-top: 190px !important}
.pt-xs-200{padding-top: 200px !important}
.pr-xs-0{padding-right: 0!important;}
.pr-xs-5{padding-right: 5px !important}
.pr-xs-10{padding-right: 10px !important}
.pr-xs-15{padding-right: 15px !important}
.pr-xs-20{padding-right: 20px !important}
.pr-xs-30{padding-right: 30px !important}
.pr-xs-40{padding-right: 40px !important}
.pr-xs-50{padding-right: 50px !important}
.pr-xs-60{padding-right: 60px !important}
.pr-xs-70{padding-right: 70px !important}
.pr-xs-80{padding-right: 80px !important}
.pr-xs-90{padding-right: 90px !important}
.pr-xs-100{padding-right: 100px !important}
.pr-xs-110{padding-right: 110px !important}
.pr-xs-120{padding-right: 120px !important}
.pr-xs-130{padding-right: 130px !important}
.pr-xs-140{padding-right: 140px !important}
.pr-xs-150{padding-right: 150px !important}
.pr-xs-160{padding-right: 160px !important}
.pr-xs-170{padding-right: 170px !important}
.pr-xs-180{padding-right: 180px !important}
.pr-xs-190{padding-right: 190px !important}
.pr-xs-200{padding-right: 200px !important}
.pb-xs-0{padding-bottom: 0!important;}
.pb-xs-5{padding-bottom: 5px !important}
.pb-xs-10{padding-bottom: 10px !important}
.pb-xs-15{padding-bottom: 15px !important}
.pb-xs-20{padding-bottom: 20px !important}
.pb-xs-30{padding-bottom: 30px !important}
.pb-xs-40{padding-bottom: 40px !important}
.pb-xs-50{padding-bottom: 50px !important}
.pb-xs-60{padding-bottom: 60px !important}
.pb-xs-70{padding-bottom: 70px !important}
.pb-xs-80{padding-bottom: 80px !important}
.pb-xs-90{padding-bottom: 90px !important}
.pb-xs-100{padding-bottom: 100px !important}
.pb-xs-110{padding-bottom: 110px !important}
.pb-xs-120{padding-bottom: 120px !important}
.pb-xs-130{padding-bottom: 130px !important}
.pb-xs-140{padding-bottom: 140px !important}
.pb-xs-150{padding-bottom: 150px !important}
.pb-xs-160{padding-bottom: 160px !important}
.pb-xs-170{padding-bottom: 170px !important}
.pb-xs-180{padding-bottom: 180px !important}
.pb-xs-190{padding-bottom: 190px !important}
.pb-xs-200{padding-bottom: 200px !important}
.pl-xs-0{padding-left: 0!important;}
.pl-xs-5{padding-left: 5px !important}
.pl-xs-10{padding-left: 10px !important}
.pl-xs-15{padding-left: 15px !important}
.pl-xs-20{padding-left: 20px !important}
.pl-xs-30{padding-left: 30px !important}
.pl-xs-40{padding-left: 40px !important}
.pl-xs-50{padding-left: 50px !important}
.pl-xs-60{padding-left: 60px !important}
.pl-xs-70{padding-left: 70px !important}
.pl-xs-80{padding-left: 80px !important}
.pl-xs-90{padding-left: 90px !important}
.pl-xs-100{padding-left: 100px !important}
.pl-xs-110{padding-left: 110px !important}
.pl-xs-120{padding-left: 120px !important}
.pl-xs-130{padding-left: 130px !important}
.pl-xs-140{padding-left: 140px !important}
.pl-xs-150{padding-left: 150px !important}
.pl-xs-160{padding-left: 160px !important}
.pl-xs-170{padding-left: 170px !important}
.pl-xs-180{padding-left: 180px !important}
.pl-xs-190{padding-left: 190px !important}
.pl-xs-200{padding-left: 200px !important}
}
@media (max-width:479px){
.m-xxs-0{margin: 0px !important}
.m-xxs-5{margin: 5px !important}
.m-xxs-10{margin: 10px !important}
.m-xxs-15{margin: 15px !important}
.m-xxs-20{margin: 20px !important}
.m-xxs-30{margin: 30px !important}
.m-xxs-40{margin: 40px !important}
.m-xxs-50{margin: 50px !important}
.m-xxs-60{margin: 60px !important}
.m-xxs-70{margin: 70px !important}
.m-xxs-80{margin: 80px !important}
.m-xxs-90{margin: 90px !important}
.m-xxs-100{margin: 100px !important}
.m-xxs-110{margin: 110px !important}
.m-xxs-120{margin: 120px !important}
.m-xxs-130{margin: 130px !important}
.m-xxs-140{margin: 140px !important}
.m-xxs-150{margin: 150px !important}
.m-xxs-160{margin: 160px !important}
.m-xxs-170{margin: 170px !important}
.m-xxs-180{margin: 180px !important}
.m-xxs-190{margin: 190px !important}
.m-xxs-200{margin: 200px !important}
.p-xxs-0{padding: 0!important;}
.p-xxs-5{padding: 5px !important}
.p-xxs-10{padding: 10px !important}
.p-xxs-15{padding: 15px !important}
.p-xxs-20{padding: 20px !important}
.p-xxs-30{padding: 30px !important}
.p-xxs-40{padding: 40px !important}
.p-xxs-50{padding: 50px !important}
.p-xxs-60{padding: 60px !important}
.p-xxs-70{padding: 70px !important}
.p-xxs-80{padding: 80px !important}
.p-xxs-90{padding: 90px !important}
.p-xxs-100{padding: 100px !important}
.p-xxs-110{padding: 110px !important}
.p-xxs-120{padding: 120px !important}
.p-xxs-130{padding: 130px !important}
.p-xxs-140{padding: 140px !important}
.p-xxs-150{padding: 150px !important}
.p-xxs-160{padding: 160px !important}
.p-xxs-170{padding: 170px !important}
.p-xxs-180{padding: 180px !important}
.p-xxs-190{padding: 190px !important}
.p-xxs-200{padding: 200px !important}
.mt-xxs-0{margin-top: 0!important;}
.mt-xxs-5{margin-top: 5px !important}
.mt-xxs-10{margin-top: 10px !important}
.mt-xxs-15{margin-top: 15px !important}
.mt-xxs-20{margin-top: 20px !important}
.mt-xxs-30{margin-top: 30px !important}
.mt-xxs-40{margin-top: 40px !important}
.mt-xxs-50{margin-top: 50px !important}
.mt-xxs-60{margin-top: 60px !important}
.mt-xxs-70{margin-top: 70px !important}
.mt-xxs-80{margin-top: 80px !important}
.mt-xxs-90{margin-top: 90px !important}
.mt-xxs-100{margin-top: 100px !important}
.mt-xxs-110{margin-top: 110px !important}
.mt-xxs-120{margin-top: 120px !important}
.mt-xxs-130{margin-top: 130px !important}
.mt-xxs-140{margin-top: 140px !important}
.mt-xxs-150{margin-top: 150px !important}
.mt-xxs-160{margin-top: 160px !important}
.mt-xxs-170{margin-top: 170px !important}
.mt-xxs-180{margin-top: 180px !important}
.mt-xxs-190{margin-top: 190px !important}
.mt-xxs-200{margin-top: 200px !important}
.mr-xxs-0{margin-right: 0!important;}
.mr-xxs-5{margin-right: 5px !important}
.mr-xxs-10{margin-right: 10px !important}
.mr-xxs-15{margin-right: 15px !important}
.mr-xxs-20{margin-right: 20px !important}
.mr-xxs-30{margin-right: 30px !important}
.mr-xxs-40{margin-right: 40px !important}
.mr-xxs-50{margin-right: 50px !important}
.mr-xxs-60{margin-right: 60px !important}
.mr-xxs-70{margin-right: 70px !important}
.mr-xxs-80{margin-right: 80px !important}
.mr-xxs-90{margin-right: 90px !important}
.mr-xxs-100{margin-right: 100px !important}
.mr-xxs-110{margin-right: 110px !important}
.mr-xxs-120{margin-right: 120px !important}
.mr-xxs-130{margin-right: 130px !important}
.mr-xxs-140{margin-right: 140px !important}
.mr-xxs-150{margin-right: 150px !important}
.mr-xxs-160{margin-right: 160px !important}
.mr-xxs-170{margin-right: 170px !important}
.mr-xxs-180{margin-right: 180px !important}
.mr-xxs-190{margin-right: 190px !important}
.mr-xxs-200{margin-right: 200px !important}
.mb-xxs-0{margin-bottom: 0!important;}
.mb-xxs-5{margin-bottom: 5px !important}
.mb-xxs-10{margin-bottom: 10px !important}
.mb-xxs-15{margin-bottom: 15px !important}
.mb-xxs-20{margin-bottom: 20px !important}
.mb-xxs-30{margin-bottom: 30px !important}
.mb-xxs-40{margin-bottom: 40px !important}
.mb-xxs-50{margin-bottom: 50px !important}
.mb-xxs-60{margin-bottom: 60px !important}
.mb-xxs-70{margin-bottom: 70px !important}
.mb-xxs-80{margin-bottom: 80px !important}
.mb-xxs-90{margin-bottom: 90px !important}
.mb-xxs-100{margin-bottom: 100px !important}
.mb-xxs-110{margin-bottom: 110px !important}
.mb-xxs-120{margin-bottom: 120px !important}
.mb-xxs-130{margin-bottom: 130px !important}
.mb-xxs-140{margin-bottom: 140px !important}
.mb-xxs-150{margin-bottom: 150px !important}
.mb-xxs-160{margin-bottom: 160px !important}
.mb-xxs-170{margin-bottom: 170px !important}
.mb-xxs-180{margin-bottom: 180px !important}
.mb-xxs-190{margin-bottom: 190px !important}
.mb-xxs-200{margin-bottom: 200px !important}
.ml-xxs-0{margin-left: 0!important;}
.ml-xxs-5{margin-left: 5px !important}
.ml-xxs-10{margin-left: 10px !important}
.ml-xxs-15{margin-left: 15px !important}
.ml-xxs-20{margin-left: 20px !important}
.ml-xxs-30{margin-left: 30px !important}
.ml-xxs-40{margin-left: 40px !important}
.ml-xxs-50{margin-left: 50px !important}
.ml-xxs-60{margin-left: 60px !important}
.ml-xxs-70{margin-left: 70px !important}
.ml-xxs-80{margin-left: 80px !important}
.ml-xxs-90{margin-left: 90px !important}
.ml-xxs-100{margin-left: 100px !important}
.ml-xxs-110{margin-left: 110px !important}
.ml-xxs-120{margin-left: 120px !important}
.ml-xxs-130{margin-left: 130px !important}
.ml-xxs-140{margin-left: 140px !important}
.ml-xxs-150{margin-left: 150px !important}
.ml-xxs-160{margin-left: 160px !important}
.ml-xxs-170{margin-left: 170px !important}
.ml-xxs-180{margin-left: 180px !important}
.ml-xxs-190{margin-left: 190px !important}
.ml-xxs-200{margin-left: 200px !important}
.pt-xxs-0{padding-top: 0!important;}
.pt-xxs-5{padding-top: 5px !important}
.pt-xxs-10{padding-top: 10px !important}
.pt-xxs-15{padding-top: 15px !important}
.pt-xxs-20{padding-top: 20px !important}
.pt-xxs-30{padding-top: 30px !important}
.pt-xxs-40{padding-top: 40px !important}
.pt-xxs-50{padding-top: 50px !important}
.pt-xxs-60{padding-top: 60px !important}
.pt-xxs-70{padding-top: 70px !important}
.pt-xxs-80{padding-top: 80px !important}
.pt-xxs-90{padding-top: 90px !important}
.pt-xxs-100{padding-top: 100px !important}
.pt-xxs-110{padding-top: 110px !important}
.pt-xxs-120{padding-top: 120px !important}
.pt-xxs-130{padding-top: 130px !important}
.pt-xxs-140{padding-top: 140px !important}
.pt-xxs-150{padding-top: 150px !important}
.pt-xxs-160{padding-top: 160px !important}
.pt-xxs-170{padding-top: 170px !important}
.pt-xxs-180{padding-top: 180px !important}
.pt-xxs-190{padding-top: 190px !important}
.pt-xxs-200{padding-top: 200px !important}
.pr-xxs-0{padding-right: 0!important;}
.pr-xxs-5{padding-right: 5px !important}
.pr-xxs-10{padding-right: 10px !important}
.pr-xxs-15{padding-right: 15px !important}
.pr-xxs-20{padding-right: 20px !important}
.pr-xxs-30{padding-right: 30px !important}
.pr-xxs-40{padding-right: 40px !important}
.pr-xxs-50{padding-right: 50px !important}
.pr-xxs-60{padding-right: 60px !important}
.pr-xxs-70{padding-right: 70px !important}
.pr-xxs-80{padding-right: 80px !important}
.pr-xxs-90{padding-right: 90px !important}
.pr-xxs-100{padding-right: 100px !important}
.pr-xxs-110{padding-right: 110px !important}
.pr-xxs-120{padding-right: 120px !important}
.pr-xxs-130{padding-right: 130px !important}
.pr-xxs-140{padding-right: 140px !important}
.pr-xxs-150{padding-right: 150px !important}
.pr-xxs-160{padding-right: 160px !important}
.pr-xxs-170{padding-right: 170px !important}
.pr-xxs-180{padding-right: 180px !important}
.pr-xxs-190{padding-right: 190px !important}
.pr-xxs-200{padding-right: 200px !important}
.pb-xxs-0{padding-bottom: 0!important;}
.pb-xxs-5{padding-bottom: 5px !important}
.pb-xxs-10{padding-bottom: 10px !important}
.pb-xxs-15{padding-bottom: 15px !important}
.pb-xxs-20{padding-bottom: 20px !important}
.pb-xxs-30{padding-bottom: 30px !important}
.pb-xxs-40{padding-bottom: 40px !important}
.pb-xxs-50{padding-bottom: 50px !important}
.pb-xxs-60{padding-bottom: 60px !important}
.pb-xxs-70{padding-bottom: 70px !important}
.pb-xxs-80{padding-bottom: 80px !important}
.pb-xxs-90{padding-bottom: 90px !important}
.pb-xxs-100{padding-bottom: 100px !important}
.pb-xxs-110{padding-bottom: 110px !important}
.pb-xxs-120{padding-bottom: 120px !important}
.pb-xxs-130{padding-bottom: 130px !important}
.pb-xxs-140{padding-bottom: 140px !important}
.pb-xxs-150{padding-bottom: 150px !important}
.pb-xxs-160{padding-bottom: 160px !important}
.pb-xxs-170{padding-bottom: 170px !important}
.pb-xxs-180{padding-bottom: 180px !important}
.pb-xxs-190{padding-bottom: 190px !important}
.pb-xxs-200{padding-bottom: 200px !important}
.pl-xxs-0{padding-left: 0!important;}
.pl-xxs-5{padding-left: 5px !important}
.pl-xxs-10{padding-left: 10px !important}
.pl-xxs-15{padding-left: 15px !important}
.pl-xxs-20{padding-left: 20px !important}
.pl-xxs-30{padding-left: 30px !important}
.pl-xxs-40{padding-left: 40px !important}
.pl-xxs-50{padding-left: 50px !important}
.pl-xxs-60{padding-left: 60px !important}
.pl-xxs-70{padding-left: 70px !important}
.pl-xxs-80{padding-left: 80px !important}
.pl-xxs-90{padding-left: 90px !important}
.pl-xxs-100{padding-left: 100px !important}
.pl-xxs-110{padding-left: 110px !important}
.pl-xxs-120{padding-left: 120px !important}
.pl-xxs-130{padding-left: 130px !important}
.pl-xxs-140{padding-left: 140px !important}
.pl-xxs-150{padding-left: 150px !important}
.pl-xxs-160{padding-left: 160px !important}
.pl-xxs-170{padding-left: 170px !important}
.pl-xxs-180{padding-left: 180px !important}
.pl-xxs-190{padding-left: 190px !important}
.pl-xxs-200{padding-left: 200px !important}
}
.text-left{
text-align: left;}
.text-center{
text-align: center;}
.text-right{
text-align: right;}
.text-justify{
text-align: justify
}
.v-align-t{
vertical-align: top;}
.v-align-m{
vertical-align: middle;}
.v-align-b{
vertical-align: bottom;}
.text-nowrap{
white-space: nowrap
}
.text-lowercase{
text-transform: lowercase
}
.text-uppercase{
text-transform: uppercase
}
.text-capitalize{
text-transform: capitalize
}
.font-12{
font-size: 12px;line-height: 18px;}
.font-14{
font-size: 14px;line-height: 20px;}
.font-16{
font-size: 16px;line-height: 22px;}
.font-18{
font-size: 18px;line-height: 24px;}
.font-20{
font-size: 20px !important;line-height: 26px;}
.font-22{
font-size: 22px;line-height: 28px;}
.font-24{
font-size: 24px;line-height: 30px;}
.font-26{
font-size: 26px;line-height: 32px;}
.font-28{
font-size: 28px;line-height: 34px;}
.font-30{
font-size: 30px;line-height: 36px;}
.font-32{
font-size: 32px;line-height: 38px;}
.font-34{
font-size: 34px;line-height: 40px;}
.font-36{
font-size: 36px;line-height: 42px;}
.font-38{
font-size: 38px;line-height: 44px;}
.font-40{
font-size: 40px;line-height: 46px;}
.font-45{
font-size: 45px;line-height: 50px;}
.font-50{
font-size: 50px;line-height: 50px;}
.font-60{
font-size: 60px;line-height: 66px;}
.font-70{
font-size: 70px;line-height: 76px;}
.font-80{
font-size: 80px;line-height: 86px;}
.font-weight-300{
font-weight: 300 !important;}
.font-weight-400{
font-weight: 400 !important;}
.font-weight-500{
font-weight: 500 !important;}
.font-weight-600{
font-weight: 600 !important;}
.font-weight-700{
font-weight: 700 !important;}
.font-weight-800{
font-weight: 800 !important;}
.font-weight-900{
font-weight: 900 !important;}
.letter-spacing-1{
letter-spacing: 1px;}
.letter-spacing-1_5{
letter-spacing: 1.5px;}
.letter-spacing-2{
letter-spacing: 2px;}
.letter-spacing-3{
letter-spacing: 3px;}
.letter-spacing-4{
letter-spacing: 4px;}
.letter-spacing-5{
letter-spacing: 5px;}
:root{
--areca-gradient: linear-gradient(135deg, #004b1c 0%, #2a7a4a 100%);--areca-soft: #E8F2EC;}
.areca-site-footer{
background: #ffffff;margin-top: 0;}
.areca-site-footer .box-bottom{
gap: 20px;flex-wrap: wrap;}
.areca-site-footer #menu-footer,
.areca-site-footer .menu{
list-style: none;padding: 0;margin: 0;}
.areca-site-footer .menu-item{
font-size: 12px;letter-spacing: 0.6px;color: var(--font-color);}
.areca-site-footer .menu-item a.theme-color{
color: #004b1c;font-weight: 600;text-decoration: none;}
.areca-site-footer .menu-item a.theme-color:hover{text-decoration: underline;}
@media (max-width: 640px){
.areca-site-footer .box-bottom{justify-content: center;text-align: center;}
}
.areca-gallery-img{
width: 100%;height: 280px;object-fit: cover;display: block;}
.areca-gallery-img--260{
height: 260px;}
.title b,
.title-h2 b,
h2.title b{
background: var(--areca-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.v-dark-head .title b,
.v-dark-head .title-h2 b{
background: none !important;-webkit-text-fill-color: #ffffff !important;color: #ffffff !important;}
.hero-1 .img-sm{
width: 100%;height: 100%;max-width: none;align-self: stretch;overflow: hidden;transform: none !important;}
.hero-1 .img-sm img{
width: 100%;height: 100%;object-fit: cover;border-radius: inherit;display: block;}
@media (max-width: 991px){
.hero-1 .img-sm{
display: block;height: auto;aspect-ratio: 16 / 10;margin-top: 20px;}
}
.dsn-category a{
background: var(--areca-gradient);color: #fff !important;padding: 4px 14px;border-radius: 999px;font-weight: 500;letter-spacing: 0.5px;display: inline-block;}
.entry-date a{
background: var(--areca-soft);color: #004b1c !important;padding: 4px 12px;border-radius: 999px;font-weight: 500;display: inline-block;}
.dsn-btn.dsn-border:hover{
box-shadow: 0 10px 30px -10px rgba(0, 75, 28, 0.45);}
.dsn-socials a:hover{
background: var(--areca-gradient) !important;color: #fff !important;}
.areca-stats-grid{
gap: 30px;}
.areca-stat{
padding: 30px 15px;}
.areca-stat-num{
font-size: clamp(44px, 6vw, 72px);font-weight: 700;line-height: 1;margin-bottom: 12px;background: var(--areca-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.areca-plus, .areca-star{
background: var(--areca-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.areca-stat-label{
font-size: 14px;font-weight: 500;letter-spacing: 2px;text-transform: uppercase;color: var(--heading-color);}
.areca-safety-grid{
gap: 24px;}
.grid-lg-4{
grid-template-columns: repeat(4, 1fr);}
@media (max-width: 991px){
.grid-lg-4{
grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 575px){
.grid-lg-4{
grid-template-columns: 1fr;}
}
.areca-safety-card{
background: #fff;border-radius: 16px;padding: 32px 24px;text-align: center;box-shadow: 0 4px 20px rgba(0,0,0,0.04);transition: transform 0.3s ease, box-shadow 0.3s ease;border: 1px solid rgba(0, 75, 28, 0.08);}
.areca-safety-card:hover{
transform: translateY(-6px);box-shadow: 0 14px 40px -10px rgba(0, 75, 28, 0.25);}
.areca-safety-icon{
width: 64px;height: 64px;margin: 0 auto 18px;border-radius: 50%;background: var(--areca-soft);display: flex;align-items: center;justify-content: center;font-size: 26px;color: #004b1c;}
.areca-safety-title{
font-size: 18px;font-weight: 600;margin-bottom: 10px;color: var(--heading-color);}
.areca-safety-text{
font-size: 14px;line-height: 1.6;color: var(--font-color);}
.areca-reviews-grid{
gap: 28px;}
.areca-rating-inline{
display: inline-flex;align-items: center;gap: 8px;font-size: 16px;}
.areca-stars{
color: #F5B400;font-size: 18px;letter-spacing: 2px;}
.areca-review-card{
background: #fff;border-radius: 16px;padding: 32px 28px;box-shadow: 0 4px 20px rgba(0,0,0,0.04);border: 1px solid rgba(0, 75, 28, 0.08);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.areca-review-card:hover{
transform: translateY(-4px);box-shadow: 0 14px 40px -10px rgba(0, 75, 28, 0.2);}
.areca-review-stars{
color: #F5B400;font-size: 18px;letter-spacing: 3px;margin-bottom: 16px;}
.areca-review-text{
font-size: 15px;line-height: 1.7;color: var(--font-color);margin-bottom: 24px;font-style: italic;}
.areca-review-author{
display: flex;align-items: center;gap: 14px;padding-top: 20px;border-top: 1px solid rgba(0,0,0,0.06);}
.areca-review-avatar{
width: 48px;height: 48px;border-radius: 50%;background: var(--areca-gradient);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 600;overflow: hidden;}
.areca-review-avatar img{
width: 100%;height: 100%;object-fit: cover;border-radius: 50%;display: block;}
.areca-review-name{
font-size: 16px;font-weight: 600;margin: 0 0 2px;color: var(--heading-color);}
.areca-review-meta{
font-size: 13px;color: var(--font-color);}
.areca-faq{
position: relative;overflow: hidden;}
.areca-faq::before,
.areca-faq::after{
content: "";position: absolute;border-radius: 50%;filter: blur(90px);opacity: 0.35;z-index: 0;pointer-events: none;}
.areca-faq::before{
width: 320px;height: 320px;background: #2a7a4a;top: -80px;left: -80px;}
.areca-faq::after{
width: 260px;height: 260px;background: #004b1c;bottom: -60px;right: -60px;opacity: 0.2;}
.areca-faq .container{
position: relative;z-index: 1;}
.areca-faq-list{
max-width: 880px;margin: 0 auto;display: grid;gap: 18px;}
.areca-faq-item{
background: rgba(255, 255, 255, 0.7);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border-radius: 22px;border: 1.5px solid rgba(0, 75, 28, 0.08);box-shadow: 0 6px 26px rgba(0, 75, 28, 0.05);overflow: hidden;position: relative;opacity: 0;transform: translateY(20px);animation: arecaFaqIn 0.6s cubic-bezier(0.33, 1, 0.68, 1) forwards;transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease, background 0.3s ease;}
.areca-faq-item:nth-child(1){
animation-delay: 0.05s;}
.areca-faq-item:nth-child(2){
animation-delay: 0.10s;}
.areca-faq-item:nth-child(3){
animation-delay: 0.15s;}
.areca-faq-item:nth-child(4){
animation-delay: 0.20s;}
.areca-faq-item:nth-child(5){
animation-delay: 0.25s;}
.areca-faq-item:nth-child(6){
animation-delay: 0.30s;}
.areca-faq-item:nth-child(7){
animation-delay: 0.35s;}
.areca-faq-item:nth-child(8){
animation-delay: 0.40s;}
@keyframes arecaFaqIn{
to{
opacity: 1;transform: translateY(0);}
}
.areca-faq-item::before{
content: "";position: absolute;inset: -1.5px;border-radius: inherit;padding: 1.5px;background: linear-gradient(135deg, transparent 20%, rgba(0, 75, 28, 0.5), transparent 80%);-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;opacity: 0;transition: opacity 0.35s ease;pointer-events: none;}
.areca-faq-item:hover{
transform: translateY(-4px);box-shadow: 0 18px 44px rgba(0, 75, 28, 0.12);}
.areca-faq-item:hover::before{
opacity: 1;}
.areca-faq-item[open]{
background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(232,242,236,0.96) 100%);border-color: rgba(0, 75, 28, 0.25);box-shadow: 0 22px 54px rgba(0, 75, 28, 0.18);}
.areca-faq-item[open]::before{
opacity: 1;}
.areca-faq-q{
display: flex;align-items: center;gap: 18px;padding: 22px 24px 22px 22px;cursor: pointer;list-style: none;user-select: none;position: relative;}
.areca-faq-q::-webkit-details-marker,
.areca-faq-q::marker{
display: none;content: "";}
.areca-faq-icon{
flex: 0 0 auto;width: 52px;height: 52px;border-radius: 16px;background: var(--areca-gradient);display: flex;align-items: center;justify-content: center;color: #ffffff;font-size: 20px;box-shadow: 0 8px 22px rgba(0, 75, 28, 0.28);transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);}
.areca-faq-item:hover .areca-faq-icon{
transform: scale(1.08) rotate(-5deg);}
.areca-faq-item[open] .areca-faq-icon{
transform: scale(1.05) rotate(8deg);}
.areca-faq-text{
flex: 1 1 auto;min-width: 0;display: flex;flex-direction: column;gap: 4px;}
.areca-faq-cat{
display: inline-block;width: fit-content;font-size: 10.5px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;color: #2a7a4a;background: rgba(42, 122, 74, 0.1);padding: 3px 10px;border-radius: 999px;}
.areca-faq-title{
font-size: 16.5px;font-weight: 600;color: var(--heading-color);line-height: 1.45;transition: color 0.3s ease;}
.areca-faq-item[open] .areca-faq-title{
color: #004b1c;}
.areca-faq-toggle{
flex: 0 0 auto;width: 38px;height: 38px;border-radius: 50%;background: rgba(0, 75, 28, 0.06);position: relative;transition: background 0.3s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.areca-faq-toggle::before{
content: "";position: absolute;left: 50%;top: 50%;width: 9px;height: 9px;border-right: 2.5px solid #004b1c;border-bottom: 2.5px solid #004b1c;transform: translate(-50%, -70%) rotate(45deg);transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;}
.areca-faq-item[open] .areca-faq-toggle{
background: #004b1c;}
.areca-faq-item[open] .areca-faq-toggle::before{
border-color: #ffffff;transform: translate(-50%, -30%) rotate(-135deg);}
.areca-faq-a{
padding: 0 28px 26px 92px;font-size: 15px;line-height: 1.75;color: var(--font-color);position: relative;animation: arecaFaqSlide 0.45s cubic-bezier(0.33, 1, 0.68, 1);}
.areca-faq-a::before{
content: "";position: absolute;left: 47px;top: -2px;bottom: 26px;width: 2px;border-radius: 2px;background: linear-gradient(180deg, #004b1c, transparent);opacity: 0.35;}
@keyframes arecaFaqSlide{
from{
opacity: 0;transform: translateY(-6px);}
to{
opacity: 1;transform: translateY(0);}
}
@media (max-width: 575px){
.areca-faq-q{
padding: 18px 16px;gap: 14px;}
.areca-faq-icon{
width: 44px;height: 44px;border-radius: 13px;font-size: 17px;}
.areca-faq-cat{
font-size: 9.5px;padding: 2px 8px;}
.areca-faq-title{
font-size: 14.5px;}
.areca-faq-toggle{
width: 32px;height: 32px;}
.areca-faq-a{
padding: 0 20px 22px 74px;font-size: 14px;}
.areca-faq-a::before{
left: 36px;}
}
.areca-enquire-btn,
.areca-enquire-btn:hover,
.areca-enquire-btn:focus{
display: inline-flex;align-items: center;gap: 8px;background: var(--areca-gradient);color: #fff !important;padding: 10px 22px;border-radius: 999px;font-size: 13px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;box-shadow: 0 6px 20px -6px rgba(0, 75, 28, 0.5);transition: transform 0.2s ease, box-shadow 0.2s ease;margin-left: 20px;white-space: nowrap;position: relative;z-index: 100001;isolation: isolate;pointer-events: auto;text-decoration: none;}
.areca-enquire-btn span,
.areca-enquire-btn span::before,
.areca-enquire-btn span::after{
text-decoration: none;border-bottom: 0;background-image: none;}
.areca-enquire-btn:hover{
transform: translateY(-2px);box-shadow: 0 10px 30px -6px rgba(0, 75, 28, 0.6);}
.site-header.dsn-open .areca-enquire-btn{
opacity: 0;pointer-events: none;transition: opacity 0.3s ease;}
.areca-map-wrap{
width: 100%;line-height: 0;}
.areca-map-wrap iframe{
width: 100%;height: 450px;border: 0;display: block;}
@media (max-width: 991px){
.areca-map-wrap iframe{
height: 380px;}
}
@media (max-width: 640px){
.areca-map-wrap iframe{
height: 320px;}
}
@media (max-width: 360px){
.areca-map-wrap iframe{
height: 280px;}
}
@media (max-width: 991px){
.main-root img:not(.custom-logo):not([style*="width"]),
.main-root video{
max-width: 100%;}
}
.areca-skip-link{
position: absolute;top: -40px;left: 8px;background: #004b1c;color: #fff;padding: 8px 14px;border-radius: 0 0 6px 6px;z-index: 100002;text-decoration: none;font-weight: 600;transition: top 0.2s ease;}
.areca-skip-link:focus{
top: 0;}
.areca-cookie-banner{
position: fixed;bottom: 16px;left: 16px;right: 16px;max-width: 720px;margin: 0 auto;background: #fff;border: 1.5px solid rgba(0, 75, 28, 0.15);border-radius: 16px;box-shadow: 0 18px 48px rgba(0, 75, 28, 0.18);padding: 18px 22px;z-index: 100002;display: flex;flex-wrap: wrap;gap: 14px;align-items: center;justify-content: space-between;opacity: 0;transform: translateY(20px);transition: opacity 0.25s ease, transform 0.25s ease;}
.areca-cookie-banner.is-visible{
opacity: 1;transform: translateY(0);}
.areca-cookie-text{
flex: 1 1 280px;font-size: 14px;color: #1b2b21;line-height: 1.5;}
.areca-cookie-text a{
color: #004b1c;text-decoration: underline;}
.areca-cookie-actions{
display: flex;gap: 8px;flex-wrap: wrap;}
.areca-cookie-btn{
border: 0;border-radius: 999px;padding: 9px 18px;font-size: 13px;font-weight: 600;cursor: pointer;letter-spacing: 0.3px;transition: background 0.2s ease, color 0.2s ease;}
.areca-cookie-accept{
background: #004b1c;color: #fff;}
.areca-cookie-accept:hover{
background: #006b29;}
.areca-cookie-reject{
background: transparent;color: #1b2b21;border: 1.5px solid rgba(0, 75, 28, 0.25);}
.areca-cookie-reject:hover{
background: rgba(0, 75, 28, 0.06);}
@media (max-width: 640px){
.areca-cookie-banner{
bottom: 12px;left: 12px;right: 12px;padding: 16px;}
.areca-cookie-actions{
width: 100%;}
.areca-cookie-actions .areca-cookie-btn{
flex: 1;text-align: center;}
}
.areca-footer-grid{
display: grid;grid-template-columns: 1.4fr 1fr 1fr 1.2fr;gap: 40px;padding: 60px 0 40px;}
.areca-footer-col h4.areca-footer-heading{
font-size: 14px;text-transform: uppercase;letter-spacing: 1.5px;margin-bottom: 18px;font-weight: 600;color: #1b2b21;}
.areca-footer-logo img{
height: 56px;width: auto;margin-bottom: 18px;}
.areca-footer-tagline{
font-size: 14px;color: #4b5a54;line-height: 1.6;margin-bottom: 18px;}
.areca-footer-social{
display: flex;gap: 10px;}
.areca-footer-social a{
display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;border-radius: 50%;background: rgba(0, 75, 28, 0.08);color: #004b1c;font-size: 16px;transition: background 0.2s ease, transform 0.2s ease;text-decoration: none;}
.areca-footer-social a:hover{
background: #004b1c;color: #fff;transform: translateY(-2px);}
.areca-footer-links,
.areca-footer-contact{
list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 10px;}
.areca-footer-links a{
color: #4b5a54;text-decoration: none;font-size: 14px;transition: color 0.2s ease;}
.areca-footer-links a:hover{
color: #004b1c;}
.areca-footer-contact li{
display: flex;gap: 12px;align-items: flex-start;font-size: 14px;color: #4b5a54;line-height: 1.5;}
.areca-footer-contact li i{
color: #004b1c;margin-top: 4px;flex-shrink: 0;width: 16px;}
.areca-footer-contact a{
color: #1b2b21;text-decoration: none;}
.areca-footer-contact a:hover{
color: #004b1c;text-decoration: underline;}
.areca-footer-bottom{
border-top: 1px solid rgba(0, 75, 28, 0.12);padding: 22px 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 14px;font-size: 13px;color: #6b8a7a;}
.areca-footer-legal{
list-style: none;display: flex;gap: 18px;padding: 0;margin: 0;flex-wrap: wrap;}
.areca-footer-legal a{
color: #4b5a54;text-decoration: none;}
.areca-footer-legal a:hover{
color: #004b1c;}
.areca-footer-credit{
text-align: right;}
@media (max-width: 991px){
.areca-footer-grid{
grid-template-columns: 1fr 1fr;gap: 32px;}
.areca-footer-brand{
grid-column: 1 / -1;}
}
@media (max-width: 575px){
.areca-footer-grid{
grid-template-columns: 1fr;padding: 40px 0 24px;}
.areca-footer-bottom{
flex-direction: column;text-align: center;}
.areca-footer-credit{
text-align: center;}
}
.areca-legal-doc{
font-size: 15px;line-height: 1.7;color: #1b2b21;}
.areca-legal-doc h2{
font-size: 22px;font-weight: 600;color: #004b1c;margin-top: 36px;margin-bottom: 14px;}
.areca-legal-doc h3{
font-size: 17px;font-weight: 600;margin-top: 24px;margin-bottom: 10px;color: #1b2b21;}
.areca-legal-doc p,
.areca-legal-doc ul{
margin-bottom: 14px;}
.areca-legal-doc ul{
padding-left: 22px;}
.areca-legal-doc ul li{
margin-bottom: 6px;}
.areca-legal-doc a{
color: #004b1c;text-decoration: underline;}
.areca-link-btn{
background: transparent;border: 0;color: #004b1c;cursor: pointer;text-decoration: underline;padding: 0;font: inherit;}
.areca-thankyou{
padding: 60px 0;}
.areca-thankyou-icon{
font-size: 80px;color: #00a651;margin-bottom: 20px;animation: thankPop 0.6s cubic-bezier(0.4, 0, 0.2, 1) both;}
@keyframes thankPop{
from{
transform: scale(0);opacity: 0;}
50%{
transform: scale(1.2);}
to{
transform: scale(1);opacity: 1;}
}
.areca-thankyou-cta{
display: flex;gap: 14px;justify-content: center;flex-wrap: wrap;}
.areca-thankyou-next h3{
font-size: 18px;font-weight: 600;color: #1b2b21;}
.areca-thankyou-link{
display: flex;align-items: center;gap: 10px;justify-content: center;padding: 18px 22px;border: 1.5px solid rgba(0, 75, 28, 0.12);border-radius: 14px;background: #fff;color: #1b2b21;text-decoration: none;font-weight: 500;transition: border-color 0.2s ease, transform 0.2s ease;}
.areca-thankyou-link:hover{
border-color: #004b1c;transform: translateY(-2px);color: #004b1c;}
.areca-thankyou-link i{
color: #004b1c;font-size: 18px;}
@media only screen and (max-width: 991px){
.site-header.dsn-hamburger ul.primary-nav,
.site-header.dsn-hamburger ul.primary-nav ul{
padding-left: 32px;padding-right: 32px;}
.site-header.dsn-hamburger ul.primary-nav .overflow,
.site-header.dsn-hamburger ul.primary-nav ul .overflow{
white-space: nowrap;display: inline-block;}
}
@media (max-width: 991px){
.site-header .main-logo{order: 1;}
.site-header #areca-enquire-btn{order: 2;}
.site-header #navbar_toggle{order: 3;}
}
@media (max-width: 767px){
.p-relative.section-padding.v-dark-head{
padding-top: 50px;padding-bottom: 50px;}
}
.section-seat .parallax-img-text .custom{
mix-blend-mode: normal;}
.section-seat .parallax-img-text .title,
.section-seat .parallax-img-text .title b{
color: #065122 !important;-webkit-text-fill-color: #065122;text-shadow: 0 2px 14px rgba(255, 255, 255, 0.55), 0 1px 2px rgba(0, 0, 0, 0.18);}
.areca-enquire-btn i{
font-size: 13px;}
@media (max-width: 767px){
.areca-enquire-btn span{
display: none;}
.areca-enquire-btn{
padding: 10px 14px;margin-left: 12px;}
.areca-enquire-btn i{
font-size: 15px;}
}
.areca-pricing-grid{
display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;align-items: stretch;}
@media (max-width: 1199px){
.areca-pricing-grid{
grid-template-columns: repeat(2, 1fr);}
}
.areca-price-card{
background: #fff;border-radius: 22px;padding: 40px 32px 36px;box-shadow: 0 8px 32px rgba(0, 75, 28, 0.06);border: 1.5px solid rgba(0, 75, 28, 0.08);position: relative;display: flex;flex-direction: column;transition: transform 0.35s cubic-bezier(0.4,0,0.2,1), box-shadow 0.35s ease, border-color 0.3s ease;}
.areca-price-card:hover{
transform: translateY(-6px);box-shadow: 0 22px 50px rgba(0, 75, 28, 0.14);border-color: rgba(0, 75, 28, 0.25);}
.areca-price-popular{
background: linear-gradient(180deg, #ffffff 0%, #f4faf6 100%);border-color: #004b1c;box-shadow: 0 16px 44px rgba(0, 75, 28, 0.15);transform: translateY(-8px);}
.areca-price-popular:hover{
transform: translateY(-12px);}
.areca-price-badge{
position: absolute;top: -14px;left: 50%;transform: translateX(-50%);background: var(--areca-gradient);color: #fff;font-size: 11px;font-weight: 700;letter-spacing: 1.5px;text-transform: uppercase;padding: 6px 18px;border-radius: 999px;box-shadow: 0 6px 16px rgba(0, 75, 28, 0.3);}
.areca-price-head{
text-align: center;margin-bottom: 20px;}
.areca-price-icon{
display: inline-flex;width: 64px;height: 64px;border-radius: 18px;background: var(--areca-soft);color: #004b1c;font-size: 26px;align-items: center;justify-content: center;margin-bottom: 16px;}
.areca-price-popular .areca-price-icon{
background: var(--areca-gradient);color: #fff;}
.areca-price-type{
font-size: 22px;font-weight: 700;color: var(--heading-color);margin: 0 0 4px;}
.areca-price-sub{
font-size: 13px;color: var(--font-color);margin: 0;}
.areca-price-amount{
text-align: center;margin: 20px 0 24px;padding: 20px 0;border-top: 1px solid rgba(0, 75, 28, 0.08);border-bottom: 1px solid rgba(0, 75, 28, 0.08);}
.areca-price-currency{
font-size: 22px;font-weight: 600;color: #004b1c;vertical-align: top;}
.areca-price-value{
font-size: 44px;font-weight: 700;color: var(--heading-color);letter-spacing: -1px;}
.areca-price-period{
font-size: 14px;color: var(--font-color);margin-left: 4px;}
.areca-price-list{
list-style: none;padding: 0;margin: 0 0 28px;flex: 1;}
.areca-price-list li{
font-size: 14.5px;color: var(--font-color);padding: 10px 0;display: flex;align-items: flex-start;gap: 10px;line-height: 1.5;}
.areca-price-list i{
color: #004b1c;font-size: 12px;margin-top: 5px;flex-shrink: 0;}
.areca-price-cta{
display: block;text-align: center;padding: 14px 20px;border-radius: 999px;background: transparent;color: #004b1c !important;border: 2px solid #004b1c;font-weight: 600;font-size: 14px;letter-spacing: 1px;text-transform: uppercase;transition: background 0.3s ease, color 0.3s ease, transform 0.2s ease;}
.areca-price-cta:hover{
background: var(--areca-gradient);color: #fff !important;border-color: transparent;transform: translateY(-2px);}
.areca-price-popular .areca-price-cta{
background: var(--areca-gradient);color: #fff !important;border-color: transparent;}
.areca-price-card.areca-price-horizontal{
max-width: 920px;width: 100%;padding: 44px 44px 40px;}
@media (min-width: 768px){
.areca-price-card.areca-price-horizontal{
display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);column-gap: 48px;align-items: stretch;}
.areca-price-card.areca-price-horizontal .areca-price-left{
display: flex;flex-direction: column;}
.areca-price-card.areca-price-horizontal .areca-price-head{
text-align: left;margin-bottom: 16px;}
.areca-price-card.areca-price-horizontal .areca-price-amount{
text-align: left;margin: 14px 0 26px;padding: 18px 0;}
.areca-price-card.areca-price-horizontal .areca-price-list{
margin: 0;padding-left: 28px;border-left: 1px solid rgba(0, 75, 28, 0.10);flex: 1;}
.areca-price-card.areca-price-horizontal .areca-price-cta{
align-self: flex-start;display: inline-block;padding: 14px 36px;}
}
.areca-price-card.areca-price-horizontal .areca-price-badge{
left: 44px;transform: none;}
@media (max-width: 480px){
.areca-price-card.areca-price-horizontal{
padding: 32px 24px 28px;}
.areca-price-card.areca-price-horizontal .areca-price-badge{
left: 24px;}
}
.areca-price-note{
text-align: center;margin-top: 32px;font-size: 13px;color: var(--font-color);font-style: italic;}
.areca-tour-frame{
position: relative;width: 100%;aspect-ratio: 16 / 9;border-radius: 22px;overflow: hidden;background-size: cover;background-position: center;box-shadow: 0 24px 60px rgba(0, 75, 28, 0.18);max-width: 1100px;margin: 0 auto;}
.areca-tour-frame::after{
content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.55) 100%);pointer-events: none;}
.areca-tour-frame.is-playing::after{
display: none;}
.areca-tour-frame iframe{
width: 100%;height: 100%;border: 0;display: none;position: relative;z-index: 2;}
.areca-tour-frame .areca-tour-pano{
position: absolute;inset: 0;display: none;z-index: 2;background: #000;}
.areca-tour-frame.is-playing .areca-tour-pano{
display: block;}
.areca-tour-play{
position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;background: none;border: 0;color: #fff;cursor: pointer;z-index: 3;}
.areca-tour-play-circle{
width: 92px;height: 92px;border-radius: 50%;background: var(--areca-gradient);display: flex;align-items: center;justify-content: center;font-size: 28px;box-shadow: 0 16px 40px rgba(0, 75, 28, 0.5), 0 0 0 0 rgba(0, 75, 28, 0.5);animation: arecaPulse 2s infinite;}
@keyframes arecaPulse{
0%{
box-shadow: 0 16px 40px rgba(0, 75, 28, 0.5), 0 0 0 0 rgba(0, 75, 28, 0.5);}
70%{
box-shadow: 0 16px 40px rgba(0, 75, 28, 0.5), 0 0 0 22px rgba(0, 75, 28, 0);}
100%{
box-shadow: 0 16px 40px rgba(0, 75, 28, 0.5), 0 0 0 0 rgba(0, 75, 28, 0);}
}
.areca-tour-play-label{
font-size: 18px;font-weight: 600;letter-spacing: 1px;margin-top: 6px;}
.areca-tour-play-sub{
font-size: 13px;opacity: 0.85;letter-spacing: 2px;text-transform: uppercase;}
.areca-tour-note{
text-align: center;margin-top: 24px;font-size: 15px;color: var(--font-color);}
.areca-tour-note a{
color: #004b1c;font-weight: 600;}
.areca-location-grid{
display: grid;grid-template-columns: 1.3fr 1fr;gap: 32px;align-items: stretch;}
.areca-location-map{
border-radius: 22px;overflow: hidden;box-shadow: 0 16px 44px rgba(0, 75, 28, 0.12);min-height: 440px;}
.areca-location-map iframe{
width: 100%;height: 100%;min-height: 440px;border: 0;display: block;}
.areca-location-info{
background: #fff;border-radius: 22px;padding: 36px 32px;border: 1.5px solid rgba(0, 75, 28, 0.08);box-shadow: 0 8px 32px rgba(0, 75, 28, 0.06);display: flex;flex-direction: column;}
.areca-location-heading{
font-size: 22px;font-weight: 700;color: var(--heading-color);margin: 0 0 20px;}
.areca-landmark-list{
list-style: none;padding: 0;margin: 0;flex: 1;}
.areca-landmark-list li{
display: flex;align-items: center;gap: 14px;padding: 14px 0;border-bottom: 1px solid rgba(0, 75, 28, 0.08);}
.areca-landmark-list li:last-child{
border-bottom: 0;}
.areca-landmark-icon{
flex: 0 0 auto;width: 44px;height: 44px;border-radius: 50%;background: var(--areca-soft);color: #004b1c;display: flex;align-items: center;justify-content: center;font-size: 17px;}
.areca-landmark-body{
flex: 1;display: flex;flex-direction: column;}
.areca-landmark-name{
font-size: 15px;font-weight: 600;color: var(--heading-color);}
.areca-landmark-meta{
font-size: 12.5px;color: var(--font-color);text-transform: uppercase;letter-spacing: 1px;}
.areca-location-cta{
margin-top: 22px;display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 13px 22px;background: var(--areca-gradient);color: #fff !important;border-radius: 999px;font-size: 13px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;transition: transform 0.2s ease, box-shadow 0.2s ease;}
.areca-location-cta:hover{
transform: translateY(-2px);box-shadow: 0 12px 28px rgba(0, 75, 28, 0.28);}
.areca-booking-wrap{
display: grid;grid-template-columns: 1fr 1.2fr;gap: 44px;background: #fff;border-radius: 28px;padding: 48px;box-shadow: 0 18px 52px rgba(0, 75, 28, 0.10);border: 1.5px solid rgba(0, 75, 28, 0.08);}
.areca-booking-info .title{
font-size: 30px;line-height: 1.2;margin: 0;}
.areca-booking-lead{
font-size: 15px;color: var(--font-color);line-height: 1.7;}
.areca-booking-perks{
list-style: none;padding: 0;margin: 24px 0;}
.areca-booking-perks li{
display: flex;align-items: flex-start;gap: 10px;padding: 8px 0;font-size: 14.5px;color: var(--heading-color);}
.areca-booking-perks i{
color: #004b1c;font-size: 15px;margin-top: 3px;}
.areca-booking-contact{
display: flex;flex-direction: column;gap: 10px;padding-top: 20px;border-top: 1px solid rgba(0, 75, 28, 0.08);}
.areca-booking-contact a{
display: inline-flex;align-items: center;gap: 10px;font-size: 14px;color: var(--heading-color) !important;font-weight: 500;transition: color 0.2s;}
.areca-booking-contact a:hover{
color: #004b1c !important;}
.areca-booking-contact i{
color: #004b1c;width: 18px;}
.areca-booking-form{
display: flex;flex-direction: column;gap: 18px;}
.areca-form-row{
display: grid;grid-template-columns: 1fr 1fr;gap: 16px;}
.areca-form-field{
display: flex;flex-direction: column;gap: 6px;}
.areca-form-field label{
font-size: 13px;font-weight: 600;color: var(--heading-color);letter-spacing: 0.3px;}
.areca-form-opt{
color: var(--font-color);font-weight: 400;font-style: italic;}
.areca-form-field input,
.areca-form-field select,
.areca-form-field textarea{
padding: 13px 16px;border-radius: 12px;border: 1.5px solid rgba(0, 75, 28, 0.15);background: #fff;font-family: inherit;font-size: 14.5px;color: var(--heading-color);transition: border-color 0.25s ease, box-shadow 0.25s ease;width: 100%;}
.areca-form-field input:focus,
.areca-form-field select:focus,
.areca-form-field textarea:focus{
outline: none;border-color: #004b1c;box-shadow: 0 0 0 3px rgba(0, 75, 28, 0.12);}
.areca-form-field textarea{
resize: vertical;min-height: 80px;}
.areca-form-check{
display: flex;align-items: flex-start;gap: 10px;font-size: 14px;color: var(--font-color);cursor: pointer;line-height: 1.5;}
.areca-form-check input{
accent-color: #004b1c;margin-top: 3px;width: 16px;height: 16px;}
.areca-booking-submit{
display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 15px 28px;border-radius: 999px;background: var(--areca-gradient);color: #fff;border: 0;font-size: 14px;font-weight: 600;letter-spacing: 1.5px;text-transform: uppercase;cursor: pointer;transition: transform 0.2s ease, box-shadow 0.25s ease;box-shadow: 0 10px 28px rgba(0, 75, 28, 0.3);}
.areca-booking-submit:hover{
transform: translateY(-2px);box-shadow: 0 16px 38px rgba(0, 75, 28, 0.4);}
.areca-form-note{
font-size: 12.5px;color: var(--font-color);text-align: center;margin: 0;}
.areca-form-req{
color: #c83a3a;font-weight: 600;margin-left: 2px;}
.areca-field-error{
display: block;min-height: 0;margin-top: 6px;color: #c83a3a;font-size: 12.5px;line-height: 1.4;}
.areca-field-error:empty{
display: none;}
.areca-booking-form input.is-invalid,
.areca-booking-form select.is-invalid,
.areca-booking-form textarea.is-invalid{
border-color: #c83a3a !important;box-shadow: 0 0 0 2px rgba(200, 58, 58, 0.12);}
.areca-form-feedback{
display: none;margin-top: 14px;padding: 12px 16px;border-radius: 10px;font-size: 14px;line-height: 1.5;text-align: center;}
.areca-form-feedback.is-success{
display: block;background: #e7f5ec;color: #1e5a33;border: 1px solid #b8dcc4;}
.areca-form-feedback.is-error{
display: block;background: #fdecea;color: #8a1f1f;border: 1px solid #f1b7b2;}
.areca-booking-submit[disabled]{
opacity: 0.75;cursor: not-allowed;transform: none !important;}
.areca-blog-grid{
display: grid;grid-template-columns: repeat(3, 1fr);gap: 28px;}
.areca-blog-card{
background: #fff;border-radius: 20px;overflow: hidden;box-shadow: 0 8px 28px rgba(0, 75, 28, 0.06);border: 1.5px solid rgba(0, 75, 28, 0.08);transition: transform 0.35s cubic-bezier(0.4,0,0.2,1), box-shadow 0.35s ease;display: flex;flex-direction: column;}
.areca-blog-card:hover{
transform: translateY(-6px);box-shadow: 0 18px 44px rgba(0, 75, 28, 0.14);}
.areca-blog-img{
position: relative;display: block;aspect-ratio: 16 / 10;overflow: hidden;}
.areca-blog-img img{
width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);}
.areca-blog-card:hover .areca-blog-img img{
transform: scale(1.08);}
.areca-blog-tag{
position: absolute;top: 16px;left: 16px;background: #fff;color: #004b1c;font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px;padding: 5px 12px;border-radius: 999px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
.areca-blog-body{
padding: 24px 24px 26px;display: flex;flex-direction: column;flex: 1;}
.areca-blog-date{
font-size: 12px;color: var(--font-color);letter-spacing: 1px;text-transform: uppercase;}
.areca-blog-title{
font-size: 18px;font-weight: 600;line-height: 1.4;margin: 10px 0 12px;}
.areca-blog-title a{
color: var(--heading-color) !important;transition: color 0.2s;}
.areca-blog-title a:hover{
color: #004b1c !important;}
.areca-blog-excerpt{
font-size: 14px;line-height: 1.65;color: var(--font-color);margin: 0 0 18px;flex: 1;}
.areca-blog-readmore{
font-size: 13px;font-weight: 600;color: #004b1c !important;letter-spacing: 0.5px;display: inline-flex;align-items: center;gap: 8px;width: fit-content;transition: gap 0.25s ease;}
.areca-blog-readmore:hover{
gap: 14px;}
.areca-insta-handle{
color: #004b1c !important;font-weight: 600;}
.areca-insta-grid{
display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;}
.areca-insta-item{
position: relative;display: block;aspect-ratio: 1 / 1;border-radius: 14px;overflow: hidden;}
.areca-insta-item img{
width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);}
.areca-insta-overlay{
position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, rgba(131, 58, 180, 0.85) 0%, rgba(253, 29, 29, 0.85) 50%, rgba(252, 176, 64, 0.85) 100%);color: #fff;font-size: 34px;opacity: 0;transition: opacity 0.35s ease;}
.areca-insta-item:hover .areca-insta-overlay{
opacity: 1;}
.areca-insta-item:hover img{
transform: scale(1.12);}
.areca-insta-footer{
text-align: center;margin-top: 32px;}
.areca-insta-follow{
display: inline-flex;align-items: center;gap: 10px;padding: 13px 26px;border-radius: 999px;background: linear-gradient(135deg, #833AB4 0%, #FD1D1D 50%, #FCB045 100%);color: #fff !important;font-weight: 600;font-size: 14px;letter-spacing: 1px;text-transform: uppercase;box-shadow: 0 10px 26px rgba(253, 29, 29, 0.3);transition: transform 0.2s ease, box-shadow 0.25s ease;}
.areca-insta-follow:hover{
transform: translateY(-2px);box-shadow: 0 16px 36px rgba(253, 29, 29, 0.42);}
.areca-globe{
text-align: center;}
.areca-globe-stats{
display: flex;justify-content: center;gap: 48px;flex-wrap: wrap;margin: 0 auto 36px;}
.areca-globe-stat{
display: flex;flex-direction: column;align-items: center;}
.areca-globe-stat b{
font-size: 32px;font-weight: 700;background: var(--areca-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;line-height: 1;}
.areca-globe-stat span{
font-size: 12.5px;text-transform: uppercase;letter-spacing: 1.5px;color: var(--font-color);margin-top: 6px;}
.areca-globe-wrap{
background: linear-gradient(180deg, #ffffff 0%, #f4faf6 100%);border-radius: 24px;padding: 28px;box-shadow: 0 14px 44px rgba(0, 75, 28, 0.08);border: 1.5px solid rgba(0, 75, 28, 0.08);max-width: 1100px;margin: 0 auto;}
#areca-svgmap{
width: 100%;min-height: 480px;border-radius: 18px;overflow: hidden;}
.leaflet-container{
background: #aad3df;font-family: var(--body-font);border-radius: 18px;}
.leaflet-control-zoom a{
background: #fff !important;color: #004b1c !important;border: 1.5px solid rgba(0, 75, 28, 0.15) !important;font-weight: 600;}
.leaflet-control-zoom a:hover{
background: var(--areca-soft) !important;}
.leaflet-control-attribution{
font-size: 10.5px !important;background: rgba(255,255,255,0.85) !important;}
.leaflet-control-attribution a{
color: #004b1c !important;}
.areca-marker{
width: 12px;height: 12px;position: relative;}
.areca-marker.is-home{
width: 18px;height: 18px;}
.areca-marker .areca-marker-dot{
position: absolute;inset: 0;border-radius: 50%;background: #E76F51;border: 2.5px solid #ffffff;box-shadow: 0 4px 10px rgba(0,0,0,0.25);z-index: 2;}
.areca-marker.is-home .areca-marker-dot{
background: #ffd24a;border: 3px solid #004b1c;}
.areca-marker .areca-marker-pulse{
position: absolute;inset: 0;border-radius: 50%;background: rgba(231, 111, 81, 0.55);transform-origin: center;animation: arecaMarkerPulse 1.8s ease-out infinite;z-index: 1;}
.areca-marker.is-home .areca-marker-pulse{
background: rgba(255, 210, 74, 0.6);animation-duration: 1.6s;}
@keyframes arecaMarkerPulse{
0%{
transform: scale(1);opacity: 0.7;}
70%{
transform: scale(3);opacity: 0;}
100%{
transform: scale(3);opacity: 0;}
}
.areca-popup-wrap .leaflet-popup-content-wrapper{
background: #ffffff !important;border-radius: 14px !important;border: 1.5px solid rgba(0, 75, 28, 0.12) !important;box-shadow: 0 16px 40px rgba(0, 75, 28, 0.18) !important;padding: 0 !important;overflow: hidden;}
.areca-popup-wrap .leaflet-popup-content{
margin: 0 !important;min-width: 200px;}
.areca-popup-wrap .leaflet-popup-tip{
background: #ffffff !important;box-shadow: 0 6px 20px rgba(0, 75, 28, 0.15) !important;}
.areca-popup{
display: flex;gap: 12px;padding: 14px 16px;align-items: center;}
.areca-popup-flag{
font-size: 28px;line-height: 1;background: var(--areca-soft);width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;border-radius: 10px;flex: 0 0 auto;}
.areca-popup-body{
display: flex;flex-direction: column;}
.areca-popup-city{
font-size: 14.5px;font-weight: 600;color: var(--heading-color);line-height: 1.3;}
.areca-popup-label{
font-size: 11px;text-transform: uppercase;letter-spacing: 1px;color: #004b1c;margin-top: 2px;font-weight: 600;}
.areca-popup-meta{
font-size: 13px;color: var(--font-color);margin-top: 4px;}
.areca-popup-meta b{
color: #004b1c;font-weight: 700;}
.areca-globe-legend{
display: flex;justify-content: center;gap: 32px;flex-wrap: wrap;margin-top: 28px;}
.areca-globe-legend-item{
display: inline-flex;align-items: center;gap: 10px;font-size: 13.5px;color: var(--font-color);}
.areca-globe-legend-item .dot{
display: inline-block;width: 14px;height: 14px;border-radius: 50%;}
.areca-globe-legend-item .dot-home{
background: #004b1c;box-shadow: 0 0 0 4px rgba(0, 75, 28, 0.15);}
.areca-globe-legend-item .dot-resident{
background: #9bc4a8;}
.areca-globe-legend-item .dot-pin{
background: #E76F51;box-shadow: 0 0 0 4px rgba(231, 111, 81, 0.25);}
@media (max-width: 767px){
.areca-globe-stats{
gap: 28px;}
.areca-globe-stat b{
font-size: 26px;}
.areca-globe-wrap{
padding: 18px;border-radius: 18px;}
#areca-svgmap{
min-height: 320px;}
}
.areca-ploc-tabs{
display: inline-flex;padding: 6px;background: #fff;border-radius: 999px;box-shadow: 0 6px 22px rgba(0, 75, 28, 0.08);border: 1.5px solid rgba(0, 75, 28, 0.08);margin: 0 auto 48px;gap: 4px;}
.areca-ploc-tabs-wrap{
text-align: center;}
.areca-ploc-tab{
padding: 11px 26px;border: 0;border-radius: 999px;background: transparent;color: var(--heading-color);font-size: 13px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;cursor: pointer;white-space: nowrap;transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;}
.areca-ploc-tab:hover{
color: #004b1c;}
.areca-ploc-tab.is-active{
background: var(--areca-gradient);color: #fff;box-shadow: 0 8px 22px rgba(0, 75, 28, 0.28);}
.areca-ploc .areca-ploc-tabs{
display: flex;width: fit-content;}
.areca-ploc > .container > .areca-ploc-tabs{
margin-left: auto;margin-right: auto;}
.areca-ploc{
text-align: center;}
.areca-ploc .section-title,
.areca-ploc .areca-ploc-panel{
text-align: left;}
.areca-ploc .section-title{
text-align: center;}
.areca-ploc-panel{
animation: arecaPlocFade 0.4s cubic-bezier(0.33, 1, 0.68, 1);}
.areca-ploc-panel[hidden]{
display: none;}
@keyframes arecaPlocFade{
from{
opacity: 0;transform: translateY(8px);}
to{
opacity: 1;transform: translateY(0);}
}
.areca-ploc-grid{
display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 22px;}
.areca-ploc-card{
background: #fff;border-radius: 18px;overflow: hidden;box-shadow: 0 6px 24px rgba(0, 75, 28, 0.05);border: 1.5px solid rgba(0, 75, 28, 0.08);transition: transform 0.35s cubic-bezier(0.4,0,0.2,1), box-shadow 0.35s ease, border-color 0.3s ease;}
.areca-ploc-card:hover{
transform: translateY(-5px);box-shadow: 0 18px 44px rgba(0, 75, 28, 0.14);border-color: rgba(0, 75, 28, 0.2);}
.areca-ploc-img{
aspect-ratio: 16 / 10;overflow: hidden;background: var(--areca-soft);}
.areca-ploc-img img{
width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);}
.areca-ploc-card:hover .areca-ploc-img img{
transform: scale(1.08);}
.areca-ploc-body{
padding: 18px 20px 22px;text-align: left;}
.areca-ploc-type{
display: inline-block;font-size: 10.5px;font-weight: 700;letter-spacing: 1.5px;text-transform: uppercase;color: #004b1c;background: var(--areca-soft);padding: 3px 10px;border-radius: 999px;margin-bottom: 8px;}
.areca-ploc-name{
font-size: 16px;font-weight: 600;color: var(--heading-color);margin: 0 0 4px;line-height: 1.35;}
.areca-ploc-note{
font-size: 12.5px;color: var(--font-color);margin: 0 0 8px;font-style: italic;line-height: 1.4;}
.areca-ploc-meta{
font-size: 13px;color: var(--font-color);margin: 0;display: flex;align-items: center;gap: 8px;}
.areca-ploc-meta i{
color: #004b1c;font-size: 12px;}
@media (max-width: 575px){
.areca-ploc-grid{
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 16px;}
.areca-ploc-tab{
padding: 9px 18px;font-size: 11px;}
.areca-ploc-body{
padding: 14px 16px 18px;}
.areca-ploc-name{
font-size: 14.5px;}
}
@media (max-width: 991px){
.areca-pricing-grid{
grid-template-columns: 1fr;max-width: 480px;margin: 0 auto;gap: 22px;}
.areca-price-popular{
transform: none;}
.areca-price-popular:hover{
transform: translateY(-6px);}
.areca-location-grid{
grid-template-columns: 1fr;gap: 24px;}
.areca-location-map, .areca-location-map iframe{
min-height: 340px;}
.areca-booking-wrap{
grid-template-columns: 1fr;padding: 36px 28px;gap: 28px;}
.areca-form-row{
grid-template-columns: 1fr;gap: 14px;}
.areca-blog-grid{
grid-template-columns: repeat(2, 1fr);gap: 22px;}
.areca-insta-grid{
grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 640px){
.areca-price-card{
padding: 32px 26px 30px;}
.areca-price-value{
font-size: 38px;}
.areca-tour-play-circle{
width: 72px;height: 72px;font-size: 22px;}
.areca-tour-play-label{
font-size: 15px;}
.areca-booking-wrap{
padding: 28px 20px;border-radius: 20px;}
.areca-booking-info .title{
font-size: 24px;}
.areca-form-row{
grid-template-columns: 1fr;gap: 14px;}
.areca-blog-grid{
grid-template-columns: 1fr;}
.areca-insta-grid{
grid-template-columns: repeat(2, 1fr);gap: 8px;}
.areca-landmark-list li{
padding: 12px 0;}
.areca-landmark-icon{
width: 38px;height: 38px;font-size: 15px;}
}
@media (max-width: 360px){
.areca-landmark-icon{
width: 32px;height: 32px;font-size: 13px;}
.areca-landmark-list li{
gap: 10px;}
.areca-landmark-name{
font-size: 13.5px;}
}
.areca-float-actions{
position: fixed;right: 22px;bottom: 22px;display: flex;flex-direction: column;gap: 14px;z-index: 9999;transition: transform 0.3s ease;}
@media (max-width: 991px){
#page_wrapper,
body > footer,
.areca-site-footer{
padding-bottom: env(safe-area-inset-bottom, 0);}
}
@media (max-width: 575px){
body{padding-bottom: 90px;}
}
body.cookie-banner-visible .areca-float-actions{
transform: translateY(-160px);}
@media (max-width: 575px){
body.cookie-banner-visible .areca-float-actions{
transform: translateY(-200px);}
}
.areca-float-btn{
width: 56px;height: 56px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 24px;color: #fff !important;box-shadow: 0 8px 24px rgba(0,0,0,0.18);transition: transform 0.2s ease, box-shadow 0.2s ease;cursor: pointer;text-decoration: none !important;outline: none !important;position: relative;overflow: hidden;}
.areca-float-btn::before,
.areca-float-btn::after{
display: none !important;content: none !important;}
.areca-float-btn:focus,
.areca-float-btn:active,
.areca-float-btn:focus-visible{
text-decoration: none !important;outline: none !important;box-shadow: 0 8px 24px rgba(0,0,0,0.18);}
.areca-float-btn i{
text-decoration: none !important;}
body:has(.areca-float-btn:hover) #dsn_cursor,
body:has(.areca-float-btn:hover) #dsn_cursor_inner,
body:has(.areca-float-btn:active) #dsn_cursor,
body:has(.areca-float-btn:active) #dsn_cursor_inner,
body:has(.areca-float-btn:focus) #dsn_cursor,
body:has(.areca-float-btn:focus) #dsn_cursor_inner{
opacity: 0 !important;visibility: hidden !important;}
.areca-float-btn:hover{
transform: scale(1.08);box-shadow: 0 12px 32px rgba(0,0,0,0.24);}
.areca-float-whatsapp{
background: #25D366 !important;}
.areca-float-call{
background: var(--areca-gradient) !important;}
.areca-float-instagram{
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;color: #fff !important;}
.areca-float-instagram i{
color: #fff !important;}
#areca-mini-loader{
position: fixed;inset: 0;background: #ffffff;z-index: 9999;display: flex;align-items: center;justify-content: center;transition: opacity 0.35s ease;}
#areca-mini-loader.is-hidden{
opacity: 0;pointer-events: none;}
.areca-mini-spinner{
width: 54px;height: 54px;border: 4px solid rgba(0, 75, 28, 0.15);border-top-color: #004b1c;border-radius: 50%;animation: areca-mini-spin 0.9s linear infinite;}
@keyframes areca-mini-spin{
to{
transform: rotate(360deg);}
}
@media (max-width: 575px){
.areca-float-actions{
right: 14px;bottom: 14px;gap: 10px;}
.areca-float-btn{
width: 50px;height: 50px;font-size: 21px;}
}
.main-slider .swiper-slide.slide-item .image-bg{
position: relative;}
.main-slider .inner-content .title,
.dsn-slider-content .inner-content .title{
display: inline-block;overflow: visible !important;line-height: 1.2;padding: 22px 40px 24px;border-radius: 16px;background: rgba(255, 255, 255, 0.10);-webkit-backdrop-filter: blur(32px) saturate(140%);backdrop-filter: blur(32px) saturate(140%);border: 1px solid rgba(255, 255, 255, 0.28);box-shadow: 0 18px 44px -14px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.20);}
.main-slider .inner-content .title a,
.dsn-slider-content .inner-content .title a{
overflow: visible !important;display: inline-block;}
@media (max-width: 767px){
.main-slider .inner-content .title,
.dsn-slider-content .inner-content .title{
padding: 16px 26px 18px;border-radius: 10px;}
}
@media (max-width: 480px){
.main-slider .inner-content .title,
.dsn-slider-content .inner-content .title{
padding: 12px 16px 14px;border-radius: 8px;font-size: 26px;line-height: 1.25;}
}
@media (max-width: 360px){
.main-slider .inner-content .title,
.dsn-slider-content .inner-content .title{
padding: 10px 12px 12px;font-size: 22px;}
}
.admin-body{
margin: 0;font-family: 'Poppins', sans-serif;background:
radial-gradient(1200px 600px at 85% -10%, rgba(42, 122, 74, 0.08), transparent 60%),
radial-gradient(900px 500px at -10% 110%, rgba(0, 75, 28, 0.07), transparent 60%),
linear-gradient(180deg, #f6faf8 0%, #eef4f1 100%);background-attachment: fixed;color: #1b2b21;min-height: 100vh;display: flex;flex-direction: column;}
.admin-body::-webkit-scrollbar{width: 10px;height: 10px;}
.admin-body::-webkit-scrollbar-track{background: transparent;}
.admin-body::-webkit-scrollbar-thumb{
background: #c7d4cc;border-radius: 10px;border: 2px solid transparent;background-clip: padding-box;}
.admin-body::-webkit-scrollbar-thumb:hover{background: #8fa99a;background-clip: padding-box;border: 2px solid transparent;}
.admin-topbar{
display: flex;align-items: center;justify-content: space-between;padding: 14px 32px;background: rgba(255, 255, 255, 0.92);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-bottom: 1px solid #e3e8e5;box-shadow: 0 2px 14px rgba(0, 75, 28, 0.05);position: sticky;top: 0;z-index: 10;}
.admin-topbar::before{
content: "";position: absolute;left: 0;right: 0;top: 0;height: 3px;background: linear-gradient(90deg, #004b1c 0%, #2a7a4a 50%, #ffd24a 100%);}
.admin-brand{
display: flex;align-items: center;gap: 14px;}
.admin-brand img{
height: 36px;width: auto;filter: drop-shadow(0 2px 4px rgba(0, 75, 28, 0.12));}
.admin-brand-text{
font-size: 15px;letter-spacing: 0.6px;color: #1b2b21;padding-left: 14px;border-left: 2px solid #cadbd1;}
.admin-brand-text b{
background: linear-gradient(135deg, #004b1c, #2a7a4a);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;}
.admin-main{
flex: 1;padding: 32px clamp(16px, 4vw, 48px);max-width: 1400px;width: 100%;margin: 0 auto;box-sizing: border-box;}
.admin-footer{
padding: 18px 32px;text-align: center;color: #7a8681;font-size: 12.5px;border-top: 1px solid #e3e8e5;background: #ffffff;}
.admin-btn{
display: inline-flex;align-items: center;gap: 8px;padding: 10px 18px;border-radius: 8px;border: 1px solid transparent;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.18s ease;font-family: inherit;}
.admin-btn-primary{
background: #004b1c;color: #fff;border-color: #004b1c;}
.admin-btn-primary:hover{
background: #00631f;box-shadow: 0 6px 18px rgba(0, 75, 28, 0.25);}
.admin-btn-ghost{
background: #ffffff;color: #1b2b21;border-color: #d4dcd7;}
.admin-btn-ghost:hover{
background: #fff5f5;border-color: #e8b9b3;color: #a33a2a;box-shadow: 0 4px 12px rgba(163, 58, 42, 0.1);transform: translateY(-1px);}
.admin-btn-block{
width: 100%;justify-content: center;padding: 12px 18px;}
.admin-login-wrap{
min-height: calc(100vh - 140px);display: flex;align-items: center;justify-content: center;padding: 24px 16px;}
.admin-login-card{
position: relative;background: #ffffff;border-radius: 20px;padding: 44px 40px;width: 100%;max-width: 440px;box-shadow: 0 30px 70px rgba(0, 75, 28, 0.12), 0 4px 14px rgba(17, 45, 31, 0.06);border: 1px solid #e3e8e5;animation: adminCardIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;overflow: hidden;}
.admin-login-card::before{
content: "";position: absolute;left: 0;right: 0;top: 0;height: 4px;background: linear-gradient(90deg, #004b1c, #2a7a4a, #ffd24a);}
@keyframes adminCardIn{
from{opacity: 0;transform: translateY(14px) scale(0.98);}
to{opacity: 1;transform: translateY(0) scale(1);}
}
.admin-login-icon{
width: 72px;height: 72px;border-radius: 50%;background: linear-gradient(135deg, #004b1c, #2a7a4a);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 26px;margin: 0 auto 22px;box-shadow: 0 14px 32px rgba(0, 75, 28, 0.35), 0 0 0 6px rgba(0, 75, 28, 0.08);animation: adminPulse 2.6s ease-in-out infinite;}
@keyframes adminPulse{
0%, 100%{box-shadow: 0 14px 32px rgba(0, 75, 28, 0.35), 0 0 0 6px rgba(0, 75, 28, 0.08);}
50%{box-shadow: 0 14px 32px rgba(0, 75, 28, 0.35), 0 0 0 12px rgba(0, 75, 28, 0.04);}
}
.admin-login-title{
text-align: center;font-size: 22px;font-weight: 600;margin: 0 0 6px;color: #1b2b21;}
.admin-login-sub{
text-align: center;margin: 0 0 22px;font-size: 13.5px;color: #6b7974;}
.admin-login-error{
background: #fdecea;color: #8a1f1f;border: 1px solid #f1b7b2;padding: 10px 14px;border-radius: 8px;font-size: 13px;margin-bottom: 16px;display: flex;align-items: center;gap: 8px;}
.admin-login-form label{
display: block;font-size: 13px;font-weight: 500;color: #1b2b21;margin-bottom: 6px;}
.admin-pass-wrap{
position: relative;margin-bottom: 0;}
.admin-login-form .areca-field-error{
margin: 6px 0 14px;}
.admin-login-form .areca-field-error:empty{
margin: 0 0 18px;display: block;min-height: 0;}
.admin-pass-wrap input{
width: 100%;padding: 12px 44px 12px 14px;border: 1px solid #d4dcd7;border-radius: 8px;font-size: 14px;background: #fff;box-sizing: border-box;font-family: inherit;}
.admin-pass-wrap input:focus{
outline: none;border-color: #004b1c;box-shadow: 0 0 0 3px rgba(0, 75, 28, 0.12);}
.admin-pass-wrap input.is-invalid{
border-color: #c83a3a;box-shadow: 0 0 0 3px rgba(200, 58, 58, 0.12);}
.admin-pass-toggle{
position: absolute;right: 10px;top: 50%;transform: translateY(-50%);background: none;border: 0;color: #6b7974;cursor: pointer;padding: 6px 8px;font-size: 14px;}
.admin-pass-toggle:hover{color: #004b1c;}
.admin-section{margin-bottom: 36px;}
.admin-section-head{
display: flex;align-items: flex-end;justify-content: space-between;gap: 16px;margin-bottom: 18px;flex-wrap: wrap;}
.admin-h1{
font-size: 28px;margin: 0;font-weight: 600;color: #1b2b21;letter-spacing: -0.5px;}
.admin-h2{
font-size: 20px;margin: 0;font-weight: 600;color: #1b2b21;letter-spacing: -0.3px;}
.admin-sub{margin: 6px 0 0;color: #6b7974;font-size: 13.5px;max-width: 620px;}
.admin-stats{
display: grid;grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));gap: 18px;margin-bottom: 32px;}
.admin-stat{
position: relative;background: #fff;border: 1px solid #e3e8e5;border-radius: 16px;padding: 22px 22px;display: flex;align-items: center;gap: 16px;box-shadow: 0 4px 14px rgba(17, 45, 31, 0.04);overflow: hidden;transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;animation: adminFadeUp 0.5s ease both;}
.admin-stat::before{
content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 4px;background: linear-gradient(180deg, #004b1c, #2a7a4a);opacity: 0;transition: opacity 0.25s ease;}
.admin-stat:hover{
transform: translateY(-3px);box-shadow: 0 16px 36px rgba(0, 75, 28, 0.1);border-color: #cadbd1;}
.admin-stat:hover::before{opacity: 1;}
.admin-stats .admin-stat:nth-child(1){animation-delay: 0.00s;}
.admin-stats .admin-stat:nth-child(2){animation-delay: 0.05s;}
.admin-stats .admin-stat:nth-child(3){animation-delay: 0.10s;}
.admin-stats .admin-stat:nth-child(4){animation-delay: 0.15s;}
.admin-stats .admin-stat:nth-child(5){animation-delay: 0.20s;}
.admin-stats .admin-stat:nth-child(6){animation-delay: 0.25s;}
.admin-stat-icon{
width: 52px;height: 52px;border-radius: 14px;background: linear-gradient(135deg, #e8f2ec, #d5e8dc);color: #004b1c;display: flex;align-items: center;justify-content: center;font-size: 20px;flex-shrink: 0;box-shadow: inset 0 0 0 1px rgba(0, 75, 28, 0.05);}
.admin-stat-icon-amber{background: linear-gradient(135deg, #fff3dd, #ffe3b0);color: #a66a00;}
.admin-stat-icon-blue{background: linear-gradient(135deg, #e2edf8, #c7dcf1);color: #1a5a95;}
.admin-stat-icon-purple{background: linear-gradient(135deg, #ece4f5, #dacbed);color: #5b3a8a;}
.admin-stat-icon-red{background: linear-gradient(135deg, #fde6e3, #f8cec8);color: #b3301a;}
.admin-stat-icon-green{background: linear-gradient(135deg, #e2f5ea, #c6ecd6);color: #0f6c39;}
.admin-stat-num{
font-size: 30px;font-weight: 600;line-height: 1.05;background: linear-gradient(135deg, #1b2b21, #2a7a4a);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: -0.5px;}
.admin-stat-label{
font-size: 12.5px;color: #6b7974;margin-top: 4px;letter-spacing: 0.2px;}
@keyframes adminFadeUp{
from{opacity: 0;transform: translateY(10px);}
to{opacity: 1;transform: translateY(0);}
}
.admin-split{
display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 16px;}
.admin-card{
background: #fff;border: 1px solid #e3e8e5;border-radius: 16px;padding: 24px 26px;box-shadow: 0 4px 14px rgba(17, 45, 31, 0.04);animation: adminFadeUp 0.5s ease 0.3s both;}
.admin-card-title{
font-size: 13px;font-weight: 600;margin: 0 0 18px;color: #1b2b21;text-transform: uppercase;letter-spacing: 0.8px;display: flex;align-items: center;gap: 8px;}
.admin-card-title::before{
content: "";width: 4px;height: 16px;background: linear-gradient(180deg, #004b1c, #2a7a4a);border-radius: 2px;}
.admin-empty{color: #6b7974;font-size: 13.5px;margin: 0;}
.admin-bars{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 18px;}
.admin-bar-label{
display: flex;justify-content: space-between;font-size: 13.5px;margin-bottom: 8px;color: #1b2b21;text-transform: capitalize;}
.admin-bar-label span{
font-weight: 600;color: #004b1c;background: #e8f2ec;padding: 2px 10px;border-radius: 999px;font-size: 12px;}
.admin-bar{
height: 10px;background: #eef2ef;border-radius: 10px;overflow: hidden;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);}
.admin-bar > span{
display: block;height: 100%;background: linear-gradient(90deg, #004b1c, #2a7a4a, #3a9a5e);border-radius: 10px;transition: width 0.9s cubic-bezier(0.22, 1, 0.36, 1);box-shadow: 0 2px 6px rgba(0, 75, 28, 0.25);}
.admin-ring{
--p: 0;--size: 130px;width: var(--size);height: var(--size);border-radius: 50%;background: conic-gradient(#004b1c calc(var(--p) * 1%), #eef2ef 0);margin: 4px auto 14px;display: flex;align-items: center;justify-content: center;}
.admin-ring-inner{
width: calc(var(--size) - 28px);height: calc(var(--size) - 28px);border-radius: 50%;background: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.admin-ring-inner strong{font-size: 22px;color: #004b1c;line-height: 1;}
.admin-ring-inner span{font-size: 11px;color: #6b7974;margin-top: 3px;text-transform: uppercase;letter-spacing: 0.6px;}
.admin-kv{
display: flex;justify-content: space-around;font-size: 13px;color: #6b7974;gap: 8px;}
.admin-kv b{color: #1b2b21;font-weight: 600;}
.admin-head-actions{
display: flex;align-items: center;gap: 12px;flex-wrap: wrap;}
.admin-pagesize-wrap{
display: inline-flex;align-items: center;gap: 8px;background: #ffffff;border: 1px solid #d4dcd7;border-radius: 10px;padding: 4px 6px 4px 12px;font-size: 13px;color: #6b7974;box-shadow: 0 2px 6px rgba(17, 45, 31, 0.04);transition: all 0.2s ease;}
.admin-pagesize-wrap:focus-within{
border-color: #004b1c;box-shadow: 0 0 0 4px rgba(0, 75, 28, 0.12), 0 4px 10px rgba(17, 45, 31, 0.06);color: #004b1c;}
.admin-pagesize-wrap label{
font-weight: 500;letter-spacing: 0.3px;user-select: none;}
.admin-pagesize-wrap select{
appearance: none;-webkit-appearance: none;-moz-appearance: none;border: 0;background: transparent;font-family: inherit;font-size: 13px;font-weight: 600;color: #1b2b21;padding: 7px 28px 7px 8px;border-radius: 6px;cursor: pointer;outline: none;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%23004b1c' d='M5 6L0 0h10z'/></svg>");background-repeat: no-repeat;background-position: right 10px center;}
.admin-pagesize-wrap select:hover{background-color: #eef5f0;}
.admin-btn-export{
background: linear-gradient(135deg, #107c41, #0d623a);color: #ffffff;border-color: #0d623a;text-decoration: none;padding: 11px 18px;border-radius: 10px;font-weight: 500;box-shadow: 0 6px 16px rgba(16, 124, 65, 0.25);transition: all 0.2s ease;}
.admin-btn-export:hover{
background: linear-gradient(135deg, #138a4a, #0f7342);box-shadow: 0 10px 24px rgba(16, 124, 65, 0.35);transform: translateY(-2px);color: #ffffff;}
.admin-btn-export i{font-size: 16px;}
.admin-search-wrap{
position: relative;}
.admin-search-wrap i{
position: absolute;left: 12px;top: 50%;transform: translateY(-50%);color: #9aa7a2;font-size: 13px;}
.admin-search-wrap input{
padding: 11px 16px 11px 38px;border: 1px solid #d4dcd7;border-radius: 10px;background: #fff;font-size: 13.5px;min-width: 300px;font-family: inherit;transition: all 0.2s ease;box-shadow: 0 2px 6px rgba(17, 45, 31, 0.04);}
.admin-search-wrap input::placeholder{color: #9aa7a2;}
.admin-search-wrap input:focus{
outline: none;border-color: #004b1c;box-shadow: 0 0 0 4px rgba(0, 75, 28, 0.12), 0 4px 10px rgba(17, 45, 31, 0.06);min-width: 320px;}
.admin-search-wrap:focus-within i{color: #004b1c;}
.admin-table-wrap{
background: #fff;border: 1px solid #e3e8e5;border-radius: 16px;overflow-x: auto;box-shadow: 0 4px 14px rgba(17, 45, 31, 0.04);animation: adminFadeUp 0.5s ease 0.35s both;}
.admin-table{
width: 100%;border-collapse: collapse;font-size: 13.5px;}
.admin-table thead{
background: linear-gradient(180deg, #f4f8f6, #eaf1ec);border-bottom: 1px solid #dce5df;}
.admin-table th{
text-align: left;padding: 14px 16px;font-size: 11.5px;text-transform: uppercase;letter-spacing: 0.8px;color: #556661;font-weight: 600;white-space: nowrap;}
.admin-table th:first-child{padding-left: 20px;}
.admin-table td{
padding: 14px 16px;border-bottom: 1px solid #f0f4f2;vertical-align: middle;}
.admin-table td:first-child{padding-left: 20px;}
.admin-table tbody tr{
transition: background 0.15s ease;}
.admin-table tbody tr:nth-child(even){background: #fafdfb;}
.admin-table tbody tr:hover{background: #eef5f0 !important;}
.admin-table tbody tr:last-child td{border-bottom: 0;}
.admin-td-num{color: #9aa7a2;font-weight: 500;}
.admin-td-nowrap{white-space: nowrap;color: #556661;}
.admin-td-msg{max-width: 320px;color: #4b5a54;}
.admin-td-phone{color: #1b2b21;font-variant-numeric: tabular-nums;}
.admin-td-reached{color: #0f6c39;font-weight: 500;}
.admin-table tbody tr.is-reached .admin-td-reached{color: #6b8a7a;}
.admin-table a{color: #004b1c;text-decoration: none;font-weight: 500;}
.admin-table a:hover{color: #00631f;text-decoration: underline;}
.admin-pagination{
display: flex;align-items: center;justify-content: space-between;margin-top: 18px;padding: 14px 18px;background: #ffffff;border: 1px solid #e3e8e5;border-radius: 14px;flex-wrap: wrap;gap: 12px;box-shadow: 0 2px 8px rgba(17, 45, 31, 0.03);}
.admin-pagination-info{
color: #6b7974;font-size: 13px;}
.admin-pagination-info b{color: #1b2b21;font-weight: 600;}
.admin-pagination-sep{margin: 0 6px;color: #c7d1cb;}
.admin-pagination-list{
list-style: none;padding: 0;margin: 0;display: flex;align-items: center;gap: 4px;flex-wrap: wrap;}
.admin-pg-btn{
display: inline-flex;align-items: center;justify-content: center;min-width: 34px;height: 34px;padding: 0 10px;border-radius: 8px;border: 1px solid #dae1dd;background: #fff;color: #1b2b21;font-size: 13px;font-weight: 500;text-decoration: none;transition: all 0.15s ease;}
.admin-pg-btn:hover{
background: #e8f2ec;border-color: #b8d4c3;color: #004b1c;text-decoration: none;}
.admin-pg-btn.is-active{
background: linear-gradient(135deg, #004b1c, #2a7a4a);border-color: #004b1c;color: #fff;box-shadow: 0 4px 10px rgba(0, 75, 28, 0.25);cursor: default;}
.admin-pg-btn.is-disabled{
opacity: 0.4;pointer-events: none;cursor: not-allowed;}
.admin-pg-ellipsis{
padding: 0 4px;color: #9aa7a2;font-size: 14px;user-select: none;}
.admin-pjax-area{
position: relative;transition: opacity 0.15s ease;}
.admin-pjax-area.is-loading{
opacity: 0.55;pointer-events: none;}
.admin-pjax-area.is-loading::after{
content: "";position: absolute;top: 14px;right: 14px;width: 22px;height: 22px;border-radius: 50%;border: 3px solid #cadbd1;border-top-color: #004b1c;animation: adminSpin 0.8s linear infinite;z-index: 5;}
@keyframes adminSpin{
to{transform: rotate(360deg);}
}
.admin-search-wrap form,
form.admin-search-wrap{position: relative;display: inline-block;}
.admin-search-clear{
position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 22px;height: 22px;border-radius: 50%;background: #eef2ef;color: #6b7974;display: flex;align-items: center;justify-content: center;font-size: 10px;text-decoration: none;transition: all 0.15s ease;}
.admin-search-clear:hover{
background: #dce5df;color: #1b2b21;text-decoration: none;}
form.admin-search-wrap{display: inline-flex;align-items: center;gap: 8px;}
form.admin-search-wrap input{padding-right: 42px;}
.admin-search-btn{
display: inline-flex;align-items: center;gap: 8px;padding: 11px 18px;border-radius: 10px;border: 1px solid #004b1c;background: linear-gradient(135deg, #004b1c, #2a7a4a);color: #ffffff;font-size: 13.5px;font-weight: 500;font-family: inherit;cursor: pointer;transition: all 0.2s ease;box-shadow: 0 6px 16px rgba(0, 75, 28, 0.2);white-space: nowrap;}
.admin-search-btn:hover{
background: linear-gradient(135deg, #00631f, #348c58);box-shadow: 0 10px 22px rgba(0, 75, 28, 0.3);transform: translateY(-1px);}
.admin-search-btn:active{
transform: translateY(0);box-shadow: 0 4px 10px rgba(0, 75, 28, 0.25);}
.admin-badge{
display: inline-block;padding: 3px 10px;border-radius: 999px;font-size: 11.5px;font-weight: 500;background: #e8f2ec;color: #004b1c;text-transform: capitalize;}
.admin-dim{color: #b8c1bd;}
.admin-check{
display: inline-flex;align-items: center;cursor: pointer;position: relative;width: 22px;height: 22px;}
.admin-check input{
position: absolute;opacity: 0;width: 0;height: 0;pointer-events: none;}
.admin-check-box{
width: 22px;height: 22px;border-radius: 6px;border: 1.5px solid #c7d1cb;background: #fff;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 11px;transition: all 0.18s ease;}
.admin-check-box i{opacity: 0;transform: scale(0.6);transition: all 0.18s ease;}
.admin-check input:checked + .admin-check-box{
background: #0f6c39;border-color: #0f6c39;box-shadow: 0 3px 8px rgba(15, 108, 57, 0.3);}
.admin-check input:checked + .admin-check-box i{opacity: 1;transform: scale(1);}
.admin-check:hover .admin-check-box{border-color: #0f6c39;}
.admin-check input:disabled + .admin-check-box{opacity: 0.5;cursor: wait;}
.admin-table tbody tr.is-reached{background: #f6faf8;}
.admin-table tbody tr.is-reached td{
color: #7a8681;}
.admin-table tbody tr.is-reached td b{color: #4b5a54;}
.admin-table tbody tr.is-reached:hover{background: #eef5f1;}
.admin-empty-card{
text-align: center;padding: 56px 24px;background: #fff;border: 1px dashed #d4dcd7;border-radius: 12px;color: #6b7974;}
.admin-empty-card i{font-size: 38px;color: #b8c1bd;margin-bottom: 12px;}
.admin-empty-card h3{margin: 8px 0 4px;color: #1b2b21;}
.admin-empty-card p{margin: 0;font-size: 13.5px;}
@media (max-width: 1024px){
.admin-section-head{
flex-direction: column;align-items: stretch;}
.admin-head-actions{
width: 100%;justify-content: flex-start;}
form.admin-search-wrap{
flex: 1 1 100%;min-width: 0;}
.admin-search-wrap input,
.admin-search-wrap input:focus{
min-width: 0;width: 100%;flex: 1;}
.admin-btn-export{
flex-shrink: 0;}
}
@media (max-width: 640px){
.admin-topbar{padding: 12px 16px;}
.admin-brand-text{font-size: 13px;}
.admin-main{padding: 20px 14px;}
.admin-h1{font-size: 20px;}
.admin-head-actions{
flex-direction: column;align-items: stretch;gap: 10px;}
.admin-pagesize-wrap{
align-self: flex-start;}
form.admin-search-wrap{
width: 100%;flex-wrap: nowrap;}
.admin-search-wrap input{min-width: 0;width: 100%;}
.admin-btn-export{
width: 100%;justify-content: center;text-align: center;}
}
@media (max-width: 360px){
.admin-pagesize-wrap{padding-left: 8px;}
.admin-pagesize-wrap label{display: none;}
.admin-search-btn{padding: 11px 12px;font-size: 12.5px;}
.admin-search-btn span{display: none;}
.admin-search-btn::before{
content: "\f002";font-family: "Font Awesome 6 Free";font-weight: 900;}
}
@media (max-width: 991.98px){
.areca-highlights .dsn-item-post .box-content{
display: flex !important;flex-direction: column !important;}
.areca-highlights .dsn-item-post .box-content .container-img,
.areca-highlights .dsn-item-post .box-content .box-image-link{
width: 100% !important;order: 0 !important;}
.areca-highlights .dsn-item-post .box-image-bg{
height: 58vw !important;min-height: 220px !important;max-height: 360px !important;}
.areca-highlights .root-posts .pin-spacer .post-content,
.areca-highlights .dsn-posts .post-content,
.areca-highlights .post-content{
position: static !important;width: 100% !important;height: auto !important;padding: 22px 22px 28px !important;z-index: auto !important;order: 1 !important;}
.areca-highlights.list-with-number .dsn-posts .number-item::before,
.areca-highlights .list-with-number .number-item::before,
.areca-highlights .number-item::before{
display: inline-block !important;font-size: 44px !important;line-height: 1 !important;margin-right: 8px !important;height: auto !important;}
.areca-highlights .post-content .post-title{
font-size: 24px;line-height: 1.25;}
.areca-highlights .post-content .section_description{
font-size: 14px;line-height: 1.55;}
.areca-highlights .dsn-item-post{
overflow: hidden;}
}
@media (max-width: 991px){
.site-header.dsn-hamburger ul.primary-nav li a,
.site-header.dsn-hamburger ul.primary-nav .has-sub-menu a,
.site-header.dsn-hamburger ul.nav-item li a{
min-height: 44px;display: flex !important;align-items: center;padding: 10px 8px;line-height: 1.3;}
.site-header.dsn-hamburger ul.primary-nav .has-sub-menu > a{
padding-right: 44px;}
}
.areca-hero-sub{
color: #fff;max-width: 760px;font-size: 17px;line-height: 1.5;margin-top: 20px;}
.areca-hero-enquire-btn{
display: inline-flex;align-items: center;gap: 12px;margin-top: 30px;padding: 16px 32px;background: #055021;color: #fff !important;font-weight: 700;font-size: 15px;letter-spacing: 0.5px;text-transform: uppercase;text-decoration: none !important;border-radius: 50px;box-shadow: 0 8px 24px rgba(5, 80, 33, 0.45);transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;cursor: pointer;}
.areca-hero-enquire-btn:hover,
.areca-hero-enquire-btn:focus{
background: #033915;color: #fff !important;transform: translateY(-3px);box-shadow: 0 14px 32px rgba(5, 80, 33, 0.55);text-decoration: none !important;}
.areca-hero-enquire-btn i{
font-size: 16px;}
@media (max-width: 575px){
.areca-hero-enquire-btn{
padding: 13px 24px;font-size: 13px;margin-top: 22px;}
}
@media (max-width: 575px){
.areca-hero-sub{
font-size: 15px;max-width: 100%;}
}
.areca-about-copy,
.areca-why-copy{
font-size: 16px;line-height: 1.7;}
.areca-about-copy p,
.areca-why-copy p{
margin-bottom: 18px;}
@media (max-width: 575px){
.areca-about-copy,
.areca-why-copy{
font-size: 15px;}
}
.areca-amenities-grid{
gap: 30px;}
.areca-amenity-col{
background: #fff;border-radius: 12px;padding: 28px 24px;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);border: 1px solid rgba(0, 75, 28, 0.08);}
.areca-amenity-head{
font-size: 20px;font-weight: 700;margin-bottom: 16px;color: #004b1c;display: flex;align-items: center;gap: 10px;}
.areca-amenity-head i{
font-size: 22px;}
.areca-amenity-list{
list-style: none;padding: 0;margin: 0;font-size: 15px;line-height: 2;}
.areca-amenity-list li{
display: flex;align-items: flex-start;gap: 10px;padding: 4px 0;}
.areca-amenity-list li i{
color: #004b1c;margin-top: 7px;flex-shrink: 0;}
@media (max-width: 767px){
.areca-amenity-col{
padding: 22px 18px;}
.areca-amenity-head{
font-size: 18px;}
.areca-amenity-list{
font-size: 14px;line-height: 1.9;}
}
@media (min-width: 576px) and (max-width: 767px){
.areca-gallery-img,
.has-border-radius.over-hidden{
}
[class*="grid-md-2"][class*="grid-lg-3"]{
grid-template-columns: 1fr 1fr !important;}
}
@media (max-width: 767px){
.areca-highlights .box-image-bg,
.h-img-80vh .box-image-bg{
height: clamp(220px, 50vh, 360px) !important;}
}
@media (max-width: 991px){
.areca-contact-hero-pad,
[style*="padding-top: 180px"]{
padding-top: 110px !important;}
}
@media (max-width: 575px){
.areca-contact-hero-pad,
[style*="padding-top: 180px"]{
padding-top: 80px !important;}
}
@media (max-width: 767px){
.areca-form-row{
grid-template-columns: 1fr !important;}
}