@font-face {
    font-family: 'AprilleDisplay';
    src: url('../fonts/AprilleDisplayCapsSSi.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Annisa';
    src: url('../fonts/Annisa.otf') format('truetype');
}

@font-face {
    font-family: 'AnnisaSlant';
    src: url('../fonts/AnnisaSlant.otf') format('truetype');
}

body {
    font-size: 16px;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
}

/* h2 {
    font-family: 'Annisa', serif;
} */

p {
    font-family: 'Poppins', sans-serif;
}

.cstm_style_1 {
    font-family: 'AprilleDisplay', serif;
    color: #e9b87f;
}

.cstm_style_2 {
    font-family: 'Annisa', serif;
    color: #e9b87f;
}

.cstm_style_3 {
    font-family: 'AnnisaSlant', serif;
    color: #e9b87f;
}

:root,
:root .v-light,
:root .v-light-head {
    --theme-color: #e9b87f;
}

:root .dsn-icon-theme-color {
    --theme-color: #331c37;
}

.site-header.nav-bg {
    background-color: rgba(0, 0, 0, 0.6);
}

.main-brand img {
    width: 200px;
    padding: 30px 0;
}

.nav-bg .main-brand img {
    width: 150px;
    padding: 20px 0;
}

.dsn-brand .brand-item {
    background-color: #fff;
}

.site-header {
    padding-top: unset;
    padding-bottom: unset;
}

header.nav-bg nav {
    margin: 0;
}

.site-header ul.primary-nav {
    align-items: center;
}

.site-header ul.primary-nav li {
    position: relative;
    padding-top: unset !important;
    padding-bottom: unset !important;
}

.site-header ul.primary-nav>li:before,
.site-header ul.primary-nav>li:after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    transition: 0.5s;
    background-color: #e9b87f;
}

.site-header ul.primary-nav>li:before {
    left: 0;
    bottom: 0;
}

.site-header ul.primary-nav>li:after {
    right: 0;
    bottom: -3px;
}

.site-header ul.primary-nav>li.active:before,
.site-header ul.primary-nav>li.active:after {
    width: 100%;
}

.site-header ul.primary-nav>li:hover:before {
    width: 100%;
    left: 0;
}

.site-header ul.primary-nav>li:hover:after {
    width: 100%;
    right: 0;
}

.site-header ul.primary-nav>li.nav_btn:before,
.site-header ul.primary-nav>li.nav_btn:after {
    width: 0;
}

.site-header ul.primary-nav>li.nav_btn:hover:before,
.site-header ul.primary-nav>li.nav_btn:hover:after {
    width: 0;
}

.site-header:not(.dsn-hamburger) ul.primary-nav>li ul li {
    padding-top: unset;
    padding-bottom: unset;
}

.site-header ul.primary-nav>li.nav_btn .cstm_btn {
    min-width: 200px;
    text-align: center;
    transition: all .3s ease 0s;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    background: var(--heading-color);
    color: #fff;
    border: var(--heading-color);
    padding: 15px 0 !important;
    text-decoration: unset;
}

.site-header ul.primary-nav>li.nav_btn:hover .cstm_btn {
    background: #ffffff;
    color: var(--heading-color);
}

.site-header ul.primary-nav li a {
    position: relative;
    font-weight: 400;
    padding: 5px 0;
    font-size: 16px;
    color: #fff;
}

.site-header ul.primary-nav>li.active>a {
    color: #fff;
}

.site-header:not(.dsn-hamburger) ul.primary-nav>li ul li:before {
    background-color: var(--theme-color);
    height: 3px;
}

.main-slider .control-nav .dsn-pagination .h2 {
    -webkit-clip-path: inset(0 0 0 0%);
    clip-path: inset(0 0 0 0%);
}

.main-slider .dsn-swiper-paginate>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet:before {
    background-color: #331c37;
}

.main-slider .dsn-swiper-paginate>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet:after {
    border-color: #331c37;
}

.experience .exp-number {
    /*background-image: url(/Content/assets/img/slider/slide_1.jpg);*/
    background-attachment: fixed;
    transform: unset;
    font-size: 50px;
    line-height: 40px;
}

.about-award .box-right.background-main {
    position: relative;
    background-image: url(/Content/assets/img/slider/slide_1.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about-award .box-right.background-main>* {
    position: relative;
    z-index: 1;
}

.about-award .box-right.background-main:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 60%);
}

.main-slider .dsn-slider-content .title {
    font-size: 45px;
    line-height: 63px;
    text-transform: uppercase;
}

#dsn_header.header-normal {
    margin-top: 0px;
}

.dsn-style-cards.dsn_style_custom_cards .dsn-posts.box-image-normal .dsn-post-link {
    position: relative;
    right: unset;
    bottom: -20px;
}




/*blind code start*/
.x-clip {
    overflow-x: clip;
}

.a-image__img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
}

.o-window__image .a-image__picture {
    display: block;
    height: 100%;
    position: relative;
    -webkit-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out;
    width: auto
}

@media(min-width: 1024px) {
    .o-window__image .a-image__picture {
        height: calc(var(--vh)*100)
    }

    @supports(height: 1svh) {
        .o-window__image .a-image__picture {
            height: calc(1svh*100)
        }
    }

    [data-editor=true] .o-window__image .a-image__picture {
        height: 800px
    }

    .-isActive .o-window__image .a-image__picture {
        height: 105vh
    }

    .a-image,
    .a-image__background,
    .a-image__picture {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .a-image,
    .a-image__background,
    .a-image__picture {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .a-image__picture {
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
    }

    .a-image__img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
        width: 100%;
    }
}

@media(min-width: 1024px) {
    style attribute {
        --blinds-count: 4;
    }
}

.o-blind {
    height: 100%;
    position: relative;
    width: 100%
}

.o-blind__title {
    border: solid #164a72;
    border: solid #164a72;
    font-family: var(--bd-ff-heading);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 1.5;
    min-height: 90px;
    position: absolute;
    text-align: start;
    text-transform: var(--type-overline-medium-text-transform);
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

[dir=ltr] .o-blind__title {
    border-width: 0;
    padding: 0 10px;
    width: 100%;
    text-align: center;
    font-size: 100px;
}

[dir=rtl] .o-blind__title {
    border-width: 0 3px 0 0;
    max-width: 186px;
    padding: 0 20px 0 0;
    right: 31px
}

.o-blind__title h4 {
    color: #fff;
    font-size: 32px;
    letter-spacing: 0.2px;
}

.o-blind__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0
}

.o-blind__items.-small {
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .o-blind__items.-small {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.o-blind__items.-medium {
    font-family: var(--type-body-medium-font-family);
    font-size: var(--type-body-medium-font-size);
    font-weight: var(--type-body-medium-font-weight);
    letter-spacing: var(--type-body-medium-letter-spacing);
    line-height: var(--type-body-medium-line-height);
    text-transform: var(--type-body-medium-text-transform)
}

[lang=ar] .o-blind__items.-medium {
    font-size: var(--type-body-medium-ar-font-size);
    letter-spacing: var(--type-body-medium-ar-letter-spacing);
    line-height: var(--type-body-medium-ar-line-height)
}

.o-blind__items.-large {
    font-family: var(--type-body-large-font-family);
    font-size: var(--type-body-large-font-size);
    font-weight: var(--type-body-large-font-weight);
    letter-spacing: var(--type-body-large-letter-spacing);
    line-height: var(--type-body-large-line-height);
    text-transform: var(--type-body-large-text-transform)
}

[lang=ar] .o-blind__items.-large {
    font-size: var(--type-body-large-ar-font-size);
    letter-spacing: var(--type-body-large-ar-letter-spacing);
    line-height: var(--type-body-large-ar-line-height)
}

.o-blind__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

.o-blind__item:before {
    color: #164a72;
    content: "•";
    padding: 0 18px 0 0
}

[dir=rtl] .o-blind__item:before {
    padding: 0 0 0 18px
}

.o-blind__itemContent {
    background: #000000;
    color: #fff;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.o-blind__itemContent:before {
    content: "";
    display: block;
    padding-top: 44.4444444444%
}

.o-blind__itemContent .a-icon {
    --icon-size: 14px;
    position: absolute;
    top: calc(50% - 7px);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform .8s cubic-bezier(.19, 1, .22, 1);
    transition: transform .8s cubic-bezier(.19, 1, .22, 1);
    transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1)
}

[dir=ltr] .o-blind__itemContent .a-icon {
    right: 20px
}

[dir=rtl] .o-blind__itemContent .a-icon {
    left: 20px
}

.o-blind__itemContent .a-image {
    opacity: .4
}

.o-blind__itemContent:after {
    border-color: transparent transparent var(--color-cream) transparent;
    border-style: solid;
    border-width: 0 10px 10px;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    left: 41px;
    position: absolute;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform .8s cubic-bezier(.19, 1, .22, 1);
    transition: transform .8s cubic-bezier(.19, 1, .22, 1);
    transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
    width: 0
}

.o-blind__contentWrapper {
    color: var(--color-black);
    height: 60%;
    opacity: 0;
    position: relative;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.o-blind__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    padding: 42px 28px;
}

.o-blind__content a {
    text-decoration: underline
}



.o-blind__description.-small {
    font-family: var(--type-body-small-font-family);
    font-size: var(--type-body-small-font-size);
    font-weight: var(--type-body-small-font-weight);
    letter-spacing: var(--type-body-small-letter-spacing);
    line-height: var(--type-body-small-line-height);
    text-transform: var(--type-body-small-text-transform)
}

[lang=ar] .o-blind__description.-small {
    font-size: var(--type-body-small-ar-font-size);
    letter-spacing: var(--type-body-small-ar-letter-spacing);
    line-height: var(--type-body-small-ar-line-height)
}

.o-blind__description.-medium {
    font-family: var(--type-body-medium-font-family);
    font-size: var(--type-body-medium-font-size);
    font-weight: var(--type-body-medium-font-weight);
    letter-spacing: var(--type-body-medium-letter-spacing);
    line-height: var(--type-body-medium-line-height);
    text-transform: var(--type-body-medium-text-transform)
}

[lang=ar] .o-blind__description.-medium {
    font-size: var(--type-body-medium-ar-font-size);
    letter-spacing: var(--type-body-medium-ar-letter-spacing);
    line-height: var(--type-body-medium-ar-line-height)
}

.o-blind__description.-large {
    font-family: var(--type-body-large-font-family);
    font-size: var(--type-body-large-font-size);
    font-weight: var(--type-body-large-font-weight);
    letter-spacing: var(--type-body-large-letter-spacing);
    line-height: var(--type-body-large-line-height);
    text-transform: var(--type-body-large-text-transform)
}

[lang=ar] .o-blind__description.-large {
    font-size: var(--type-body-large-ar-font-size);
    letter-spacing: var(--type-body-large-ar-letter-spacing);
    line-height: var(--type-body-large-ar-line-height)
}

.o-blind .m-button.-play {
    margin: 15px 0 0
}

@media(min-width: 768px) {
    .o-blind__title {
        top: 43% !important;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
        -o-transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
        transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
        width: 16em;
        top: auto;
    }

    .o-blind__items {
        gap: 40px
    }

    .o-blind__itemContent {
        height: 100%
    }

    .o-blind__itemContent .a-icon,
    .o-blind__itemContent:after,
    .o-blind__itemContent:before {
        display: none
    }

    .o-blind__contentWrapper,
    .o-blind__itemContent .a-image {
        -webkit-transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
        -o-transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
        transition: opacity .4s cubic-bezier(.215, .61, .355, 1)
    }

    .o-blind__contentWrapper {
        color: #fff;
        inset-inline: 40px 40px;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 53%;
        height: auto;
        transition: all .3s !important;
        transition-delay: 0.5s !important;
    }

    .o-blind__content {
        padding: 0
    }

    .o-blind .m-button.-play {
        -webkit-margin-start: 20px;
        margin: 40px 0 0;
        margin-inline-start: 20px
    }
}

@media(min-width: 1024px) {
    .o-blind__contentWrapper {
        min-width: 280px
    }
}

@media(min-width: 1240px) {
    .o-blind__contentWrapper {
        min-width: 350px
    }
}

@media(min-width: 1600px) {
    .o-blind__description {
        font-family: var(--type-body-medium-font-family);
        font-size: var(--type-body-medium-font-size);
        font-weight: var(--type-body-medium-font-weight);
        letter-spacing: var(--type-body-medium-letter-spacing);
        line-height: var(--type-body-medium-line-height);
        text-transform: var(--type-body-medium-text-transform)
    }

    [lang=ar] .o-blind__description {
        font-size: var(--type-body-medium-ar-font-size);
        letter-spacing: var(--type-body-medium-ar-letter-spacing);
        line-height: var(--type-body-medium-ar-line-height)
    }
}

.b-blinds {
    --component-heading-color: var(--color-black);
    --eyebrow-text-color: var(--component-highlight-color);
    overflow: hidden;
    width: 100%
}

.b-blinds__title {
    padding-block: 30px
}

.b-blinds__title,
.b-blinds__title .a-heading>div {
    text-align: center
}

.b-blinds__header {
    padding: 28px 20px
}

.b-blinds__header.-isHidden {
    opacity: 0
}

.b-blinds__container {
    background-color: var(--color-cream);
    color: var(--color-white);
    position: relative;
    width: 100%
}

.b-blinds__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0
}

.b-blinds__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    border-bottom: 1px solid var(--color-white);
    flex-grow: 1;
    width: 100%
}

.b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__itemContent:after {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__itemContent .a-icon {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__contentWrapper {
    opacity: 1
}

@media(min-width: 768px) {
    .b-blinds {
        --component-heading-color: var(--color-white)
    }

    .b-blinds__title {
        --component-heading-color: var(--color-black);
        padding-block: 60px
    }

    .b-blinds__container {
        height: calc(var(--vh)*85)
    }

    @supports(height: 1svh) {
        .b-blinds__container {
            height: 600px;
        }
    }

    [data-editor=true] .b-blinds__container {
        height: 800px
    }

    .b-blinds__container.-fullHeight {
        height: calc(var(--vh)*100)
    }

    @supports(height: 1svh) {
        .b-blinds__container.-fullHeight {
            height: calc(1svh*100)
        }
    }

    [data-editor=true] .b-blinds__container.-fullHeight {
        height: 800px
    }

    .b-blinds__items {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%
    }

    .b-blinds__item {
        border-bottom: 0;
        height: 100%;
        position: relative;
        width: calc(100%/var(--blinds-count))
    }

    .b-blinds__item.-willChange {
        will-change: width
    }
}

@media(min-width: 768px)and (prefers-reduced-motion:no-preference) {
    .b-blinds__item {
        -webkit-transition: width .8s cubic-bezier(.19, 1, .22, 1);
        -o-transition: width .8s cubic-bezier(.19, 1, .22, 1);
        transition: width .8s cubic-bezier(.19, 1, .22, 1)
    }
}

@media(min-width: 768px) {
    .b-blinds__item .a-image {
        opacity: 0.6;
    }

    .b-blinds__header {
        -ms-flex-line-pack: center;
        align-content: center;
        display: grid;
        grid-auto-flow: row;
        height: 100%;
        justify-items: center;
        left: 0;
        margin: 0 auto;
        opacity: 1;
        pointer-events: none;
        position: absolute;
        top: 0;
        -webkit-transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
        -o-transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
        transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
        width: 100%;
        z-index: 1
    }

    .b-blinds.-isExpanded .o-blind__title {
        opacity: 0
    }

    .b-blinds.-isExpanded .b-blinds__item .a-image {
        opacity: 0.9;
    }

    .b-blinds.-isExpanded .b-blinds__item.-isActive {
        width: 70% !important;
    }


    .b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__title {
        opacity: 1
    }

    .b-blinds.-isExpanded .b-blinds__item.-isActive .a-image {
        opacity: .4
    }

    .b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__contentWrapper {
        opacity: 1;
        pointer-events: all
    }
}

@media(min-width: 768px)and (prefers-reduced-motion:no-preference) {

    .b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__contentWrapper {
        -webkit-animation: text-fade 1.3s;
        animation: text-fade 1.3s;
    }
}

.bd-contact-area ul.b-blinds__items li p {
    color: #fff;
}

@media screen and (min-width: 1601px) and (max-width: 1750px) {
    .o-blind__title {
        top: 30% !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .o-blind__title {
        top: 43% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .o-blind__title {
        top: 20% !important;
    }
}

@media screen and (max-width: 767px) {
    .b-blinds .b-blinds__item .o-blind__contentWrapper {
        display: none;
    }

    .b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__contentWrapper {
        display: block;
    }
}

/*blind code end*/

.project_block .thumbnail_slider_block {
    position: absolute;
    bottom: 60px;
    right: 0;
    width: 500px;
}

.project_block .dsn-posts.box-image-normal .thumbnail_slider_block .box-image-bg {
    height: auto;
    position: relative;
    padding: 40px;
}

.project_block .dsn-posts.box-image-normal .thumbnail_slider_block .box-image-bg::before {
    opacity: 1;
}

.project_block .dsn-posts.box-image-normal .thumbnail_slider_block .box-image-bg>* {
    z-index: 1;
    position: relative;
}




.custom_paginate .next-container.next-container .triangle,
.prev-container.next-container .triangle {
    border-left: 15px solid var(--heading-color);
}

.custom_paginate .next-container .container-inner svg,
.prev-container .container-inner svg {
    width: 55px;
    height: 55px;
}

.custom_paginate .swiper-pagination-bullet {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    background-color: transparent;
    opacity: 0.7;
}

.custom_paginate .swiper-pagination-bullet--svg-animation {
    width: 26px;
    height: 26px;
    margin: 0 6px !important;
    display: inline-block;
}

.custom_paginate .swiper-pagination-bullet--svg-animation svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.custom_paginate .swiper-pagination-bullet--svg-animation .svg__circle-inner {
    stroke: #331c37;
    fill: transparent;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.custom_paginate .swiper-pagination-bullet-active .svg__circle {
    stroke: #331c37;
    stroke-dasharray: 75;
    stroke-dashoffset: 0;
    -webkit-animation: progress 7s ease-in-out 1 forwards;
    animation: progress 7s ease-in-out 1 forwards;
}

.custom_paginate .swiper-pagination-bullet-active .svg__circle-inner {
    fill: #331c37;
}

@keyframes progress {
    0% {
        stroke-dashoffset: 75;
        opacity: 1;
    }

    95% {
        stroke-dashoffset: 0;
        opacity: 1;
    }

    100% {
        opacity: 0;
        stroke-dashoffset: 0;
    }
}

.features_area article.dsn-item-post {
    border-radius: 400px;
}

.features_area .dsn-posts:not(.box-image-blackdsn) .post-content {
    position: absolute;
    padding: 50px 30px;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.dsn-style-cards .dsn-posts.box-image-normal .post-content:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #fff;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}

.features_area .dsn-posts.box-image-normal .post-content:hover:after {
    opacity: 1;
    visibility: visible;
}

.features_area .dsn-posts.box-image-normal .post-content .post-title-info {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}

.features_area .dsn-posts.box-image-normal .post-content:hover .post-title-info {
    opacity: 1;
    visibility: visible;
    z-index: 9;
}

.features_area .dsn-posts.box-image-normal .dsn-post-link {
    position: relative;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -30px;
}

.features_area .dsn-posts.box-image-normal .box-image-link img {
    transform: scale(1.15);
    transition: transform 0.5s, opacity 0.5s;
}

.features_area .dsn-posts.box-image-normal .box-image-link:hover img {
    transform: scale(1.0);
}

.wtmrk_block_left {
    position: absolute;
    left: -15%;
    bottom: 70px;
}

.wtmrk_block_left img {
    width: 550px;
    filter: grayscale(1);
    opacity: 0.1;
}

.wtmrk_block_left.right {
    left: unset;
    right: -15%;
}

.about-section .box-creative {
    padding: 0 60px 30px 60px;
}

.about-section .box-creative .img-top {
    width: 260px;
    left: unset;
    right: 0;
}

.about-section .box-creative .img-bottom {
    width: 300px;
    height: auto;
    left: unset;
    right: 30px;
}

.swiper-slide.prev_slide.swiper-slide-active {
    width: 100% !important;
}

.swiper-slide.next_slide.swiper-slide-active {
    width: 100% !important;
}

.next-container .container-inner svg circle,
.prev-container .container-inner svg circle {
    stroke: #000;
}

.v-dark .next-container .container-inner svg circle,
.v-dark .prev-container .container-inner svg circle {
    stroke: #fff;
}

.main-slider .control-nav .box-title h6.sm-title-block {
    margin: 0 15px;
}

.main-slider .dsn-paginate-arrow .prev-arrow .container-inner {
    clip-path: unset;
}

.main-slider .dsn-paginate-arrow .next-arrow .container-inner {
    clip-path: unset;
}

.footer-content p {
    color: var(--heading-color);
}

.footer-content p>a:hover {
    color: #331c37;
}

.footer-content ul.menu li a {
    color: var(--heading-color);
}

.footer-content ul.menu li a:hover {
    color: #331c37;
}

.footer-content ul.menu li a,
.footer-content ul.sub-menu li a {
    font-weight: normal !important;
    font-size: 15px !important;
}


.cityScroller {
    width: initial;
    text-indent: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 1.4em;
    display: inline-block;
    vertical-align: top;
}

.cityScroller .word {
    color: #331c37;
    padding: 0;
    margin: 0;
    display: table;
}


section.intro {
    font-family: oswald;
    position: relative;
    height: 100vh;
    width: 100%;
    background: #f6f6f6;
    background: -moz-radial-gradient(center, ellipse cover, #f6f6f6 1%, #d3d3d3 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%, #f6f6f6), color-stop(100%, #d3d3d3));
    /* background: -webkit-radial-gradient(center, ellipse cover, #f6f6f6 1%,#d3d3d3 100%); */
    background: -o-radial-gradient(center, ellipse cover, #f6f6f6 1%, #d3d3d3 100%);
    background: -ms-radial-gradient(center, ellipse cover, #f6f6f6 1%, #d3d3d3 100%);
    /* background: radial-gradient(ellipse at center, #f6f6f6 1%,#d3d3d3 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#d3d3d3', GradientType=1);
    overflow: hidden;
    z-index: 1;
}











.welcome {
    font-size: 60px;
    text-align: center;
    color: #333;
}







/********************************************************************************************************************************
                                            Hexagon Intro Blocks
********************************************************************************************************************************/
.intro-block {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    box-shadow: inset 0px 0px 64px 0px rgba(50, 50, 50, 0.75);
}

.hex-bg-big-text {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
}

.centerfold-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.hoverblock {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hover-notify {
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 50px;
}

.code-display {
    position: relative;
    color: #f6f6f6;
    width: 600px;
    height: 260px;
}

.code-display::before {
    content: "Expertise";
    position: absolute;
    top: -70px;
    left: 0;
    font-size: 3.0rem;
    color: #333;
}

.code-display h1 {
    color: #333;
}

.code-description {
    width: 100%;
    height: 100%;
    color: #333;
}

.code-description * {
    display: none;
}

.code-description>div {
    padding: 0px 40px;
    font-size: 26px;
    border-left: 2px solid #DDDDDD;
}

.desc-active {
    display: block;
    /*height: 100%;*/
    position: relative;
}

.desc-active>p {
    display: block;
    margin: 0;
}

.desc-active>p>span {
    display: inline-block;
    /* font-weight: bold; */
    width: 125px;
}

p.code-title {
    position: relative;
    font-size: 6rem;
}

.desc-active::after {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    opacity: .2;
    z-index: -1;
}

.backend-desc.desc-active::after {
    background: url(https://i.imgur.com/Dc8HgeM.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}

.frontend-desc.desc-active::after {
    background: url(https://i.imgur.com/QcfXSkf.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}

.html-desc.desc-active::after {
    background: url(https://i.imgur.com/0g3HZSF.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}

.css-desc.desc-active::after {
    background: url(https://i.imgur.com/poC0TYE.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}

.javascript-desc.desc-active::after {
    background: url(https://i.imgur.com/QjrmHkb.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}

.gui-desc.desc-active::after {
    background: url(https://i.imgur.com/YmCqPpk.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}

.seo-desc.desc-active::after {
    background: url(https://i.imgur.com/V9vAVUO.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}

font-family: 'Oswald' sans-serif;

html {
    font-size: 62.5%;
}


.hex-master-wrap {
    position: relative;
    /* width: 50%; */
    min-width: 665px;
    height: 460px;
}

.border-1,
.border-2,
.border-3 {
    position: absolute;
    width: 100%;
    height: 88px;
    top: 46px;
    left: 0;
    border-left: 3px solid;
    border-right: 3px solid;
    border-radius: 8px;
    z-index: 2;
    border-color: #333;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.border-2 {
    transform: rotate(60deg);
}

.border-3 {
    transform: rotate(120deg);
}

.border-3::before {
    display: none;
    position: absolute;
    content: "";
    bottom: 10%;
    left: 42px;
    width: 50%;
    height: 83%;
    background-color: rgba(255, 255, 255, 0);
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: white;
    border-radius: 50%;
    visibility: visible;
    z-index: -1;
    /* transform: rotate(60deg); */
}






.intro-block .grid-1,
.intro-block .grid-2,
.intro-block .grid-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75%;
    margin: 0 auto;
    margin-bottom: -50px;
}

.intro-block .grid-3 {
    margin-bottom: -50px;
}

.intro-block .grid-2,
.intro-block .grid-3 {
    margin-top: -50px;
}

.hex-wrap {
    position: relative;
    width: 150px;
    height: 190px;
    margin: 0 1em 0 0;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    border: 0px solid;
    transform: scale(1.1);
}

.hex-wrap .label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 58px;
    color: #f6f6f6;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.hex-wrap .label svg,
.hex-wrap .label img {
    height: 50px;
    width: 50px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hexagon {
    width: 300px;
    height: 150px;
    margin: 15px 0 0 -75px;
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(90deg);
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hex-inner-1 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.hex-inner-2 {
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    /* background-image: url(http://placekitten.com/240/240); */
    visibility: visible;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
    overflow: hidden;
}







.hex-inner-2::before,
.hex-inner-2::after {
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    top: 0;
    left: 0;
    height: 110%;
    width: 110%;
    content: "";
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

/**********************************************************************************
                                Hex Hover Area
**********************************************************************************/
.hex-init {
    position: absolute;
    top: 46px;
    left: 0px;
    height: 46%;
    width: 100%;
    z-index: 9;
    transform: rotate(-60deg);
    cursor: pointer;
}

.hex-init::after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    transform: rotate(-60deg);
}

.hex-init::before {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    transform: rotate(60deg);
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1440px;
        --dsn-gap-container: 0;
    }
}

/*@media only screen and (min-width: 992px) {
    .dsn-style-list .dsn-posts .box-content .post-content {
        margin-left: 290px;
    }
}*/

@media only screen and (min-width: 768px) {
    .about_area .img-box-parallax.border-rdu {
        height: 60vh;
    }
}


.cstm-dir-cont img {
    width: 400px;
}

.cstm-dir-cont .service-item {
    position: relative;
}

.dir-circles .dir-circle {
    position: absolute;
    cursor: pointer;
    font-size: 20px;
    color: #333;
}

.dir-circle.circle-1 a {
    margin-right: 9px;
}

.dir-circles .dir-circle.circle-1 {
    top: -42px;
    left: 48%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

.dir-circles .dir-circle.circle-5 {
    bottom: -45px;
    left: 48.5%;
}

.dir-circle.circle-2 {
    top: 9%;
    right: 0%;
}

.dir-circle.circle-6 {
    bottom: 30px;
    left: 0px;
}

.dir-circle.circle-3 {
    top: 45.5%;
    right: -30px;
}

.dir-circle.circle-7 {
    top: 46%;
    left: -11%;
}

.dir-circle.circle-4 {
    bottom: 30px;
    right: 10px;
}

.dir-circle.circle-8 {
    top: 8%;
    left: -3%;
}

.dir-circle.circle-8:before {
    float: right;
    margin-left: 8px;
    margin-top: 10px;
}

.dir-circle.circle-7:before {
    float: right;
    margin-left: 8px;
    margin-top: 10px;
}

.dir-circle.circle-6:before {
    float: right;
    margin-left: 8px;
    margin-top: 10px;
}

.dir-circle.circle-5:before {
    display: block !important;
    margin: 0 !important;
}

.dir-circle:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #000;
    display: inline-block;
    margin-right: 8px;
    border-radius: 50%;
}

.dir-circle.active:before {
    content: '';
    background: #331c37;
    border-color: #331c37;
}

.dir-circle.active {
    font-weight: 600;
}

.dir-inn-cont.active {
    display: block;
    opacity: 1;
    visibility: visible;
    padding-left: 0;
}

.dir-inn-cont {
    /* display: none; */
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: all 0.3s;
    padding-left: 20px;
    top: 50px;
}

.cstm-dir-cont .service-item {
    max-width: 400px;
    margin: 0 auto;
}

.cstm-dir-cont p {
    text-transform: none;
}

.vh-100 {
    height: 100vh;
}

.pin-spacer,
.section-video {
    width: 100%;
}

.v-dark-head .dir-circle a {
    color: #fff;
}

.v-dark-head .dir-circle:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    display: inline-block;
    margin-right: 8px;
    border-radius: 50%;
}

#dsn_header.header-normal {}

.entry-header {
    top: 50%;
}


.nectar-flip-box {
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    margin-bottom: 20px;
}

.nectar-flip-box .flip-box-front[data-text-color="dark"],
.nectar-flip-box .flip-box-back[data-text-color="dark"] {
    color: #676767
}

.nectar-flip-box .flip-box-front[data-text-color="light"],
.nectar-flip-box .flip-box-back[data-text-color="light"],
.nectar-flip-box .flip-box-front[data-text-color="light"] h1,
.nectar-flip-box .flip-box-back[data-text-color="light"] h1,
.nectar-flip-box .flip-box-front[data-text-color="light"] h2,
.nectar-flip-box .flip-box-back[data-text-color="light"] h2,
.nectar-flip-box .flip-box-front[data-text-color="light"] h3,
.nectar-flip-box .flip-box-back[data-text-color="light"] h3,
.nectar-flip-box .flip-box-front[data-text-color="light"] h4,
.nectar-flip-box .flip-box-back[data-text-color="light"] h4,
.nectar-flip-box .flip-box-front[data-text-color="light"] h5,
.nectar-flip-box .flip-box-back[data-text-color="light"] h5,
.nectar-flip-box .flip-box-front[data-text-color="light"] h6,
.nectar-flip-box .flip-box-back[data-text-color="light"] h6 {
    color: #fff
}

.nectar-flip-box .flip-box-front,
.nectar-flip-box .flip-box-back {
    background-size: cover;
    background-position: center;
    -ms-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    -webkit-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.nectar-flip-box[data-shadow="light_visibility"] .flip-box-back,
.nectar-flip-box[data-shadow="light_visibility"] .flip-box-front {
    box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.2)
}

.nectar-flip-box[data-shadow="heavy_visibility"] .flip-box-back,
.nectar-flip-box[data-shadow="heavy_visibility"] .flip-box-front {
    box-shadow: 0px 30px 75px rgba(0, 0, 0, 0.4)
}

.nectar-flip-box .flip-box-back[data-bg-overlay="true"]:after,
.nectar-flip-box .flip-box-front[data-bg-overlay="true"]:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    display: block;
    opacity: 0.6;
    background-color: inherit;
    backface-visibility: hidden
}

.nectar-flip-box:hover .flip-box-front,
.nectar-flip-box:hover .flip-box-back {
    -ms-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    -webkit-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1)
}

.nectar-flip-box .flip-box-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.nectar-flip-box .nectar-button {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.nectar-flip-box[data-h_text_align="center"] .flip-box-back,
.nectar-flip-box[data-h_text_align="center"] .flip-box-front {
    text-align: center
}

.nectar-flip-box[data-h_text_align="right"] .flip-box-back,
.nectar-flip-box[data-h_text_align="right"] .flip-box-front {
    text-align: right
}

.nectar-flip-box[data-v_text_align="center"] .flip-box-back .inner,
.nectar-flip-box[data-v_text_align="center"] .flip-box-front .inner {
    transform: translateY(-50%) translateZ(60px) scale(.94);
    -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
    -ms-transform: translateY(-50%) translateZ(60px) scale(.94);
    top: 50%
}

.nectar-flip-box[data-v_text_align="bottom"] .flip-box-back .inner,
.nectar-flip-box[data-v_text_align="bottom"] .flip-box-front .inner {
    -ms-transform: translateZ(60px) scale(.94);
    transform: translateZ(60px) scale(.94);
    -webkit-transform: translateZ(60px) scale(.94);
    bottom: 0
}

.nectar-flip-box[data-v_text_align="top"] .flip-box-back .inner,
.nectar-flip-box[data-v_text_align="top"] .flip-box-front .inner {
    -ms-transform: translateZ(60px) scale(.94);
    transform: translateZ(60px) scale(.94);
    -webkit-transform: translateZ(60px) scale(.94);
    top: 0
}

.nectar-flip-box[data-flip-direction="vertical-to-top"] .flip-box-back .inner,
.nectar-flip-box[data-flip-direction="vertical-to-top"] .flip-box-front .inner,
.nectar-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-back .inner,
.nectar-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-front .inner {
    -ms-transform: translateZ(50px) scale(.95);
    transform: translateZ(50px) scale(.95);
    -webkit-transform: translateZ(50px) scale(.95)
}

.nectar-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-bottom"] .flip-box-back .inner,
.nectar-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-bottom"] .flip-box-front .inner,
.nectar-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-top"] .flip-box-back .inner,
.nectar-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-top"] .flip-box-front .inner {
    -ms-transform: translateY(-50%) translateZ(50px) scale(.95);
    transform: translateY(-50%) translateZ(50px) scale(.95);
    -webkit-transform: translateY(-50%) translateZ(50px) scale(.95)
}

.nectar-flip-box .flip-box-back .inner,
.nectar-flip-box .flip-box-front .inner {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 10px;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2
}

.nectar-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-back,
body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="horizontal-to-right"]:hover .flip-box-front,
.owl-carousel.moving .nectar-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-back {
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.nectar-flip-box[data-flip-direction="horizontal-to-right"].flipped .flip-box-front {
    -ms-transform: rotateY(180deg) !important;
    -webkit-transform: rotateY(180deg) !important;
    transform: rotateY(180deg) !important
}

.nectar-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-front,
body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="horizontal-to-left"]:hover .flip-box-back,
.nectar-flip-box[data-flip-direction="horizontal-to-right"] .flip-box-front,
body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="horizontal-to-right"]:hover .flip-box-back,
.owl-carousel.moving .nectar-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-front,
.owl-carousel.moving .nectar-flip-box[data-flip-direction="horizontal-to-right"] .flip-box-front {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.nectar-flip-box[data-flip-direction="horizontal-to-left"].flipped .flip-box-back,
.nectar-flip-box[data-flip-direction="horizontal-to-right"].flipped .flip-box-back {
    -ms-transform: rotateY(0deg) !important;
    -webkit-transform: rotateY(0deg) !important;
    transform: rotateY(0deg) !important
}

body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="horizontal-to-left"]:hover .flip-box-front,
.nectar-flip-box[data-flip-direction="horizontal-to-right"] .flip-box-back,
.owl-carousel.moving .nectar-flip-box[data-flip-direction="horizontal-to-right"] .flip-box-back {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.nectar-flip-box[data-flip-direction="horizontal-to-left"].flipped .flip-box-front {
    -ms-transform: rotateY(-180deg) !important;
    -webkit-transform: rotateY(-180deg) !important;
    transform: rotateY(-180deg) !important
}

.nectar-flip-box[data-flip-direction="vertical-to-top"] .flip-box-back,
body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="vertical-to-bottom"]:hover .flip-box-front {
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.nectar-flip-box[data-flip-direction="vertical-to-bottom"].flipped .flip-box-front {
    -ms-transform: rotateX(180deg) !important;
    -webkit-transform: rotateX(180deg) !important;
    transform: rotateX(180deg) !important
}

.nectar-flip-box[data-flip-direction="vertical-to-top"] .flip-box-front,
body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="vertical-to-top"]:hover .flip-box-back,
.nectar-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-front,
body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="vertical-to-bottom"]:hover .flip-box-back {
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.nectar-flip-box[data-flip-direction="vertical-to-top"].flipped .flip-box-back,
.nectar-flip-box[data-flip-direction="vertical-to-bottom"].flipped .flip-box-back {
    -ms-transform: rotateX(0deg) !important;
    -webkit-transform: rotateX(0deg) !important;
    transform: rotateX(0deg) !important
}

body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="vertical-to-top"]:hover .flip-box-front,
.nectar-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-back {
    -ms-transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.nectar-flip-box[data-flip-direction="vertical-to-top"].flipped .flip-box-front {
    -ms-transform: rotateX(-180deg) !important;
    -webkit-transform: rotateX(-180deg) !important;
    transform: rotateX(-180deg) !important
}

.nectar-flip-box .flip-box-front i {
    margin-bottom: 20px;
    height: auto !important;
    display: block;
    width: auto !important
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .nectar-flip-box .flip-box-front,
    .nectar-flip-box .flip-box-back {
        transition: none !important;
        -ms-transition: none !important;
    }
}

.flip-box-front img,
.flip-box-back img {
    width: auto;
    height: 80px;
    margin-bottom: 25px;
    filter: invert(1);
}

.cstm-img-abt {
    /* height: auto !important; */
    max-height: 400px;
}

img.title.animate-left {
    width: 40vw;
}

.post-title-info h2.post-title.title-h2 {
    font-size: 30px;
    line-height: 1.3;
    text-align: left;
}

/*div#hero_content:before {
    content: '';
    width: 900px;
    height: 80%;
    position: absolute;
    background: #0000;
    border: 2px solid #ffffff2b;
    border-bottom: 0;
    border-radius: 50% 50% 0 0;
    clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 0% 100%);
    bottom: 0;
    animation: borderAnimation 5s forwards 5s; /* Animation lasts for 5 seconds and starts after a delay of 10 seconds */
}

*/

/*#container.fin .path-1, #container.fin .path-2, #container.fin .path-3 {
    stroke-dashoffset: 0;
}

#container.fin .path-4 {
    stroke-width: 18px;
}

.path {
    fill: none;
    stroke: #fff;
    stroke-width: 1px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.path-1 {
    stroke-dasharray: 1850 2000;
    stroke-dashoffset: 1851;
    transition: 5s linear;
}

.path-2 {
    stroke-dasharray: 1850 2000;
    stroke-dashoffset: 1851;
    transition: 3s linear 5.2s;
}

.path-3 {
    stroke-dasharray: 1850 2000;
    stroke-dashoffset: 1851;
    transition: 3s linear 6.5s;
}

.path-4 {
    stroke-dasharray: 8000 8000;
    stroke-dashoffset: 0;
    transition: 3s linear 7.5s;
}
.path-5 {
    stroke-dasharray: 5000 5000;
    stroke-dashoffset: 3851;
    transition: 3s linear 8.5s;
}*/
#container.fin svg#hello-svg {
    width: 200px;
}



.origami-swan {
    fill: transparent;
    height: 80vh;
    stroke: #ffffff3d;
    fill-opacity: 1;
    stroke-width: 0;
    stroke-dasharray: 0% 100%;
    animation-delay: 0.3s;
    overflow: visible;
    animation: stroke-offset 10s ease-in-out forwards 3s;
}




@keyframes stroke-offset {
    0% {
        fill-opacity: 1;
        stroke-width: 1;
    }

    35% {
        fill-opacity: 0;
        stroke-width: 1;
        stroke-dasharray: 100% 0%;
    }

    70% {
        fill-opacity: 0;
        stroke-width: 1;
        stroke-dasharray: 0% 100%;
    }

    100% {
        fill-opacity: 1;
        stroke-width: 1;
    }
}

h1.ah-headline {
    animation: head-vis 2s ease-in-out forwards 3s;
    opacity: 0;
}

@keyframes head-vis {
    100% {
        opacity: 1;
    }
}

p.loading-count.v-middle {
    font-family: 'RivieraNights', serif !important;
}

.section-title .description {
    text-transform: uppercase;
}

.title-h2 {
    font-size: 42px;
    letter-spacing: 2px;
}

.section-title .cstm_description {
    font-size: 18px;
    letter-spacing: 2px;
}

.prjct-aminities .dsn-style-cards .dsn-posts.box-image-normal .box-image-bg {
    height: 50vh;
    min-height: 400px;
}

.section-video .animate-left,
.section-video .animate-right {
    height: 100%;
    width: 100%;
}

.section-video .animate-left img,
.section-video .animate-right img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.section-video .animate-left img {
    object-position: right;
}

.section-video .animate-right img {
    object-position: left;
}

.cstm-why-us .flip-box-front img {
    height: 60px;
}

.box-image-link img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}


.text {
    font-size: max(0.5vw, 15px);
    line-height: 1.4;
    overflow: hidden;
    padding-bottom: 20px;
    color: rgba(255, 255, 255, 0.7);
}

.accordions {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20vh;
}

.accordion {
    background: linear-gradient(200deg, #1d91fc 13.57%, #5a36c0 98.38%);
    width: max(50vw, 280px);
    padding: 25px 30px 10px;
    border-radius: 15px;
    margin-bottom: 40px;
    box-shadow: 0 30px 30px -10px rgba(0, 0, 0, 0.3);
}

.accordion:nth-child(2) {
    background: linear-gradient(200deg, #f28885 13.57%, #e94f66 98.38%);
}

.accordion:nth-child(3) {
    background: linear-gradient(200deg, #65bb76 13.57%, #466fab 98.38%);
}

.accordion:nth-child(4) {
    background: linear-gradient(200deg, #c215d1 13.57%, #9813a1 98.38%);
}

.spacer {
    height: 70vh;
}

h1.ah-headline {
    letter-spacing: 2px;
}

span.ah-words-wrapper {
    text-transform: none;
}


@keyframes borderAnimation {
    0% {
        clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 0% 100%);
    }

    30% {
        clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
    }

    80% {
        clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
    }

    100% {
        clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 0% 100%);
    }
}

.cstm_card_scrolling .pinWrapper {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 11;
}

.scrollmagic-pin-spacer {
    position: absolute !important;
    clip: rect(auto, auto, auto, auto);
}

#section1,
#section2,
#section3,
#section4 {
    min-height: 100vh;
}

.cstm_card_scrolling .scrolling_section {
    position: relative;
    overflow: hidden;
    height: 100vh;
    z-index: 1;
}

.cstm_card_scrolling .scrolling_section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* .cstm_card_scrolling .scrolling_section .cstm_image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
} */

.cstm_card_scrolling .cstm_image {
    position: absolute;
    top: -50%;
    width: 500px;
    height: 400px;
    right: 0;
    border-radius: 15px;
    transform: translate(-20%, -50%);
}

.cstm_card_scrolling .scrolling_section .cstm_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .cstm_card_scrolling .scrolling_section:nth-child(1) {
    background-image: url('../images/po-01.jpg');
}

.cstm_card_scrolling .scrolling_section:nth-child(2) {
    background-image: url('../images/po-02.jpg');
}

.cstm_card_scrolling .scrolling_section:nth-child(3) {
    background-image: url('../images/po-03.jpg');
}

.cstm_card_scrolling .scrolling_section:nth-child(1) .cstm_image {
    background-image: url('../images/po-01.jpg');
}

.cstm_card_scrolling .scrolling_section:nth-child(2) .cstm_image {
    background-image: url('../images/po-02.jpg');
}

.cstm_card_scrolling .scrolling_section:nth-child(3) .cstm_image {
    background-image: url('../images/po-03.jpg');
} */

.cstm_card_scrolling .scrolling_section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.cstm_card_scrolling .scrolling_section:before {
    background-color: rgba(0, 0, 0, 0.3);
}

.cstm_card_scrolling .pinWrapper .text {
    top: -50%;
    left: 0;
    position: absolute;
    transform: translate(100px, -50%);
    -webkit-transform: translate(100px, -50%);
    width: 43%;
}

.cstm_card_scrolling #section1 .pinWrapper .text {
    top: 50%;
}

.cstm_card_scrolling .pinWrapper .text h2 {
    font-size: 2.4rem;
    letter-spacing: 1px;
}

.cstm_card_scrolling .pinWrapper .text p {
    font-size: 16px;
    color: #fff;
}

@media(max-width:1440px) {
    img.title.animate-left {
        width: 47vw;
    }
}

@media(max-width:991px) {
    .main-slider .dsn-slider-content .title {
        font-size: 32px;
        line-height: 42px;
        text-transform: uppercase;
    }

    .b-verticalCarousel__copy {
        width: 100% !important;
        max-width: 900px !important;
    }

    h3.a-heading.-h3 {
        line-height: 1.3;
        margin-bottom: 0;
    }

    .dir-inn-cont {
        top: -40px;
        left: 20px;
    }

    h3.a-heading.-h3 {
        font-size: 40px !important;
    }

    .a-image__img {
        min-height: 100%;
    }

    div#pin1 {
        padding: 50px 20px;
    }

    .project_block .thumbnail_slider_block {
        position: unset;
        width: 100%;
    }

    .dsn-style-cards .dsn-posts.box-image-normal .box-image-bg {
        height: 350px;
    }

    .b-blinds.-isExpanded .b-blinds__item .a-image {
        height: 100% !important;
    }

    .b-blinds__item .a-image {
        opacity: 0.6;
        min-height: 100%;
        height: 100%;
    }

    .o-blind__title {
        top: 40% !important;
    }

    .o-blind__title h4 {
        font-size: 24px;
    }

    .wtmrk_block_left {
        bottom: 127px;
    }

    .cstm-img-hh,
    .cstm-img-hh .img-box-parallax.before-z-index,
    .cstm-img-hh .img-box-parallax.before-z-index img {
        max-height: 420px;
    }

    .d-grid.dsn-isotope,
    .d-grid.dsn-flex {
        display: block;
    }

    .dsn-post-type-cards.box-image-normal .production {
        margin-bottom: 30px;
    }

    :root {
        --font-size-h1: 50px;
        --font-size-h2: 40px;
        --font-size-h3: 24px;
        --font-size-h4: 22px;
        --font-size-h5: 16px;
        --font-size-h6: 14px;
    }

    .custm-vision-mission article {
        position: relative;
        /*transform: translate(0) !important;*/
    }

    .custm-vision-mission {
        height: 100% !important;
        max-height: 100% !important;
        min-height: 100% !important;
    }

    .vission-box {
        transform: rotate(0deg);
        margin-bottom: 30px;
    }

    .mission-box {
        transform: rotate(0deg);
    }
}

.cstm-nishant-img {
    display: none;
}

@media(max-width:767px) {

    header.v-dark-head.dsn-section-padding.dsn-header-animation {
        padding-top: 90px;
    }

    .ab-personal-info__exprience-content {
        display: inline;
    }

    .dir-inn-cont {
        display: none;
        position: relative;
        top: 0px;
    }

    h3.a-heading.-h3 {
        font-size: 30px !important;
    }

    .cstm-dir-cont img {
        width: 350px;
    }

    .o-blind__itemContent:before {
        padding-top: 0;
    }

    .dir-inn-cont {
        text-align: center;
        left: 0;
        top: 20px;
    }

    .service_description.dsn-auto {
        max-width: 100%;
    }

    .site-header.dsn-hamburger ul.primary-nav.h2 a {
        padding: 0;
        font-size: 24px;
    }

    .dsn-style-cards .dsn-posts.box-image-normal .box-image-bg {
        height: 450px;
    }

    .bd-contact-area ul.b-blinds__items li p {
        color: #000;
    }

    .container.d-grid.grid-md-2.d-grid-no-space {
        background: #191919de;
    }

    .cstm-nishant-img {
        display: block;
        filter: grayscale(1);
    }




    img .cstm-nishant-img {
        max-width: 350px;
    }

    .o-blind__title {
        top: 50% !important;
    }


    .origami-swan {
        height: 200px !important;
    }

    .animate-text b {
        font-size: 18px;
    }

    h1.ah-headline.clip.is-full-width {
        font-size: 26px;
    }

    .rotate-image .wheel {
        max-width: 2000px;
        max-height: 2000px;
    }

    .rotate-image .wheel__card {
        max-width: 240px;
    }

    .font-number {
        font-size: 30px;
    }

    .title-block {
        font-size: 14px !important;
    }

    .inner-image-scroll {
        padding-top: 180px;
    }

    section.slider-section.rotate-image {
        min-height: 600px;
    }

    .pinWrapper .image {
        display: none;
    }

    figure.snip1421 figcaption p {
        left: 0;
    }

    figure.snip1421>a {
        bottom: 20px;
    }

    figure.snip1421.pr-02:before {
        background-image: url('../../img/services_2.jpg') !important;
    }


    figure.snip1421.pr-04:before {
        background-image: url('../../img/services_4.jpg') !important;
    }


    figure.snip1421.pr-05:before {
        background-image: url('../../img/services_5.jpg') !important;
    }

    figure.snip1421.pr-06:before {
        background-image: url('../../img/services_6.jpg') !important;
    }

    figure.snip1421.pr-07:before {
        background-image: url('../../img/services_7.jpg') !important;
    }

    :root {
        --font-size-h1: 40px;
        --font-size-h2: 30px;
        --font-size-h3: 22px;
        --font-size-h4: 20px;
        --font-size-h5: 18px;
        --font-size-h6: 16px;
        --font-size-base: 14px;
    }

}

@media(max-width:991px) and (min-width:767px) {
    .custm-vision-mission article {
        width: 44%;
        float: left;
    }

    .custm-vision-mission article.full-width {
        width: 100%;
    }
}

@media(max-width:480px) {
    .cstm-dir-cont img {
        width: 200px;
    }

    .dir-circle.circle-6 {
        bottom: 5px;
        left: -25px;
    }

    .dir-circle.circle-4 {
        bottom: 9px;
        right: -10px;
    }

    .dir-circle.circle-7 {
        top: 42%;
        left: -22%;
    }

    .dir-circle.circle-4 {
        bottom: 7px;
        right: -15px;
    }

    .dir-circle.circle-3 {
        top: 41%;
        right: -32px;
    }

    .dir-circle.circle-2 {
        top: 2%;
        right: -10%;
    }

    .dir-circle.circle-8 {
        top: 2%;
        left: -16%;
    }

    h1 {
        font-size: 2.5rem;
    }
}


@media (max-width: 480px) {
    .accordion {
        padding: 15px 20px 8px;
    }

    .title {
        font-size: 20px;
    }
}