/*@font-face {
    font-family: "Inter";
    font-display: swap;
    font-style: normal;
    src: url("../font/Inter_18pt-Regular.woff2") format("woff2"), 
         url("../font/Inter_18pt-Regular.woff") format("woff"), 
         url("../font/Inter_18pt-Regular.ttf") format("truetype");
    font-weight: 400;
}*/


@font-face {
    font-family: "Lato";
    font-display: swap;
    font-style: normal;
    src: url("../fonts/Lato-Regular.ttf") format("woff2"), 
         url("../fonts/Lato-Regular.ttf") format("woff"), 
         url("../fonts/Lato-Regular.ttf") format("truetype");
    font-weight: 400;
}



body {
    font-family: 'Lato', sans-serif !important;
    overflow-x: hidden !important;
    transition: 0.5s;
    /* background-image: linear-gradient(45deg, rgb(237 28 36 / 5%), rgb(0 102 179 / 5%), rgb(237 28 36 / 5%), rgb(0 102 179 / 5%));
    background-size: 200% 200%; */
    /* animation: gradientAnimation 5s ease infinite; */
    -webkit-mask-composite: unset;
    mask-composite: unset;
    font-size: 16px;
    line-height: 1.6;
   font-weight: 500;
    color: #222;
    background-color: #ffffff;
    overflow-y: scroll;
    /*letter-spacing: 0 !important;*/
}

h1 {
    font-family: 'Lato', sans-serif !important;
    font-weight: 900;
}

h2 {
    font-family: 'Lato', sans-serif !important;
    font-weight: 700;
}

p {
    font-family: 'Lato', sans-serif !important;
        letter-spacing: 0.5px;
    /* text-align: justify; */
}

.text-justify-center {
    text-align-last: center;
}

em {
    font-family: 'Lato', sans-serif !important;
    font-style: italic;
}

strong {
    font-family: 'Lato', sans-serif !important;
    font-weight: 600;
}

/* html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 0;
} */

/* :root .v-dark,
:root .v-dark-head {
    --theme-color: #fff;
}

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

:root .dsn-icon-theme-color {
    --theme-color: #fff;
} */

a {
    text-decoration: unset !important;
}

nav.top_bar_nev ul.d-flex {
    margin: unset;
}

nav.top_bar_nev ul.d-flex li {
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.site-header .main-logo {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-header .main-logo .main-brand img {
    width: 171px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.site-header.nav-bg .site-header.bottom_bar .main-logo .main-brand img {
    width: 171px;
    margin-bottom: unset;
    margin-top: unset;
}

.site-header.nav-bg .main-brand .logo-light {
    display: none !important;
}

.site-header.nav-bg .main-brand .logo-dark {
    display: block !important;
}

.site-header.nav-bg .main-brand .logo-dark img {
    width: 200px;
}

.btn_dark:before {
    content: "";
    background-color: #ffffff00 !important;
    background-image: linear-gradient(45deg, #2ea589, #fef23d);
    /* background-image: linear-gradient(45deg, #ED1C24, #2ea589); */
    background-origin: border-box;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 0 0 1px transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

.dsn-btn .btn_dark:before {
    content: "";
    /* background: linear-gradient(45deg, #fd004c, #fe9000, #fff020, #3edf4b, #3363ff, #b102b7, #fd004c); */
    transition: 0.5s;
    background-image: linear-gradient(45deg, #2ea589, #fef23d);
    background-size: 200% 200%;
    animation: gradientAnimation 5s ease infinite;
    -webkit-mask-composite: unset;
    mask-composite: unset;
}

.btn_dark i {
    color: #fff;
}

.cstm_btn_light .dsn-btn .btn_dark.btn_light i {
    color: #000000;
}

.cstm_btn_light .dsn-btn .btn_dark.btn_light i {
    color: #ffffff;
}

.cstm_btn_light .dsn-btn .title-btn {
    color: #ffffff;
}

.square-after:after,
.square-before:before,
.circle-after:after,
.circle-before:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    transform: translateY(-50%);
}

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

.cstm_footer .main-logo .main-brand img {
    width: 171px;
    margin-bottom: 15px;
}

.cstm_header {
    position: fixed !important;
    background-color: rgba(255, 255, 255, 0) !important;
}

.site-header.cstm_header:before {
    content: "";
    width: 100%;
    height: 150%;
    z-index: 0;
    position: absolute;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 212, 255, 0) 100%);
}

.site-header.cstm_header.nav-bg:before {
    display: none
}

.site-header.top_bar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.site-header.nav-bg .site-header.top_bar {
    background-color: rgba(0, 0, 0, 1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.6) !important;
}

.site-header.nav-bg .site-header.bottom_bar {
    background-color: rgba(255, 255, 255, 1) !important;
}

.site-header.nav-bg .site-header.top_bar ul.primary-nav>li>a {
    color: #ffffff;
}

.site-header.top_bar .main-logo a {
    font-weight: normal;
    color: #fff;
    font-weight: 500;
}

.site-header.top_bar ul.primary-nav>li>a {
    padding: 5px 0 !important;
    text-transform: lowercase;
}

.site-header.top_bar ul.primary-nav li {
    position: relative;
    padding-top: unset;
    padding-bottom: unset;
    margin: auto;
}


.site-header {
    /* position: relative; */
    padding-top: unset;
    padding-bottom: unset;
}

header#site_menu_header {
top: 33px;
}

.nav-bg header#site_menu_header {
 top: 0;
}

.site-header.nav-bg {
    position: fixed;
    background: rgb(255 255 255 / 1);
    box-shadow: rgba(18, 20, 32, 0.14) 0px 1px 3px 0px;
    padding-top: 0;
    padding-bottom: 0;
}

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

.site-header ul.primary-nav>li.active:before {
    width: 100%;
    background-color: var(--theme-color);
}

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

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

.site-header ul.primary-nav li a {
    position: relative;
    font-weight: 500;
    padding: 15px 0;
    text-transform: uppercase;
}

.site-header ul.primary-nav>li.active>a {
    color: var(--theme-color);
}

.site-header ul.primary-nav li ul li a {
    text-transform: capitalize;
    padding: 10px 0;
}

.site-header:not(.dsn-hamburger) ul.primary-nav>li ul li:before {
    background-color: var(--theme-color);
    height: 1px;
    transition: 0.5s;
    background-image: linear-gradient(45deg, #2ea589, #fef23d);
    background-size: 200% 200%;
    animation: gradientAnimation 5s ease infinite;
}

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

.site-header.nav-bg ul.primary-nav>li>a:hover,
.site-header.nav-bg ul.primary-nav>li.active>a {
    color: #006237;
}

@media only screen and (min-width: 992px) {
    .site-header ul.primary-nav>li:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 0;
        height: 2px;
        transition: 0.5s;
        background-image: linear-gradient(45deg, #006237, #fef23d);
        background-size: 200% 200%;
        animation: gradientAnimation 5s ease infinite;
    }

    .site-header.top_bar ul.primary-nav li::before {
        display: none;
    }
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.main-slider .control-nav .dsn-pagination .h2 {
    -webkit-clip-path: inset(0 0 0 0%);
    clip-path: inset(0 0 0 0%);
    font-size: 40px;
    font-weight: normal;
}

.main-slider .dsn-swiper-paginate>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet:before {
    background-color: var(--theme-color);
}

.main-slider .dsn-swiper-paginate>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet:after {
    border-color: var(--theme-color);
}

.experience .exp-number {
    position: relative;
    background-image: url(/Content/assets/images/slide3.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: unset;
    font-size: 210px;
    line-height: 210px;
    -webkit-text-fill-color: rgb(0 0 0 / 60%);
}

.about-award .box-right.background-main {
    position: relative;
    background-image: url(/Content/assets/images/slide3.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:#004329;
}

/* .main-slider .dsn-slider-content .slide-content.dsn-active {
     left: 0;
     right: 0;
} */
.main-slider .dsn-slider-content .title {
    font-size: 40px;
    line-height: 70px;
    letter-spacing: 0;
    font-weight: 300;
}

.main-slider .dsn-slider-content .title a {
    text-decoration: unset;
}

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

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

/*blind code start*/

.blinds_area {
    position: relative;
    overflow: hidden;
    height: 70vh;
    min-height: 600px;
    width: 100%;
}

.blinds {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    transition: all 1s ease-in-out;
}

.blinds .blinds_item {
    position: relative;
    overflow: hidden;
    flex-grow: 1;
    width: calc(100% / var(--blinds-count));
    height: 100%;
    transition: width 1s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 60px;
}

.blinds .blinds_item:hover {
    width: 70% !important;
    cursor: grab;
}

.blinds .blinds_item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.3;
    transition: opacity 1s ease-in-out;
}

.blinds_item:hover:before {
    opacity: 0.4;
}

.blinds .blinds_item .blind_title {
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 24px;
    letter-spacing: 0;
    font-weight: normal;
    text-transform: uppercase;
    text-wrap: nowrap;
    margin-bottom: 30px;
}

.blinds .blinds_item .blind_title .blind_icon {
    opacity: 0.6;
    transform: translateY(5px);
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

.blinds .blinds_item:hover .blind_title .blind_icon {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.1s;
}

.blinds .blinds_item .blind_title .blind_icon svg {
    width: 20px;
    height: 20px;
}

.blinds .blinds_item .blind_title .blind_icon svg path {
    fill: #fff;
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

.blinds .blinds_item .blind_title .blind_text {
    width: 0;
    opacity: 0;
    transform: translateY(5px);
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    display: inline-block;
}

.blinds .blinds_item:hover .blind_title .blind_text {
    width: auto;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.1s;
}

.blinds .blinds_item .blind_wrapper {
    position: relative;
    text-align: center;
    height: 0;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    color: #fff;
}

.blinds .blinds_item:hover .blind_wrapper {
    height: auto;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.8s;
}

.blinds .blinds_item:not(:hover) .blind_wrapper {
    transition: opacity 0.1s ease-out, transform 0.1s ease-out;
}

.blinds .blinds_item .blind_logo {
    position: relative;
    text-align: center;
    width: 100px;
    height: 0;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    margin: 0 auto;
    margin-bottom: 30px;
    display: inline-block;
}

.blinds .blinds_item:hover .blind_logo {
    height: auto;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.8s;
}

.blinds .blinds_item .blind_logo img {
    padding-left: 15px;
    padding-right: 15px;
}

/*.blinds .blinds_item .blind_logo img {
 background-color: #fff;
 padding: 5px;
 border-radius: 5px;
}
*/
.blinds .blinds_item:not(:hover) .blind_logo {
    transition: opacity 0.1s ease-out, transform 0.1s ease-out;
}

.blinds .blinds_item .blind_wrapper_sr {
    position: relative;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

@media (max-width: 767px) {
    .blinds_area {
        height: auto;
    }

    .blinds {
        display: block;
    }

    .blinds .blinds_item {
        width: 100%;
        height: 100%;
        min-height: 300px;
    }

    .blinds._isExpanded .blinds_item._isActive {
        width: 100% !important;
    }
}

/*blind code end*/
.project_slider .project_slider_container {
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 9999;
}

.project_slider .project_slider_container .cstm_swiper_button {
    border: 1px solid #fff;
    color: #fff;
}

/* .project_slider .sub-section-title {
    border-bottom: 1px solid #fff;
} */

.project_slider .post-title-info {
    position: absolute;
    bottom: 50px;
    width: 40%;
    z-index: 9999;
}

.project_block .dsn-posts.box-image-normal .project_slider .box-image-bg {
    height: calc(100vh - 97px);
    min-height: 700px;
    overflow: hidden;
}

.project_block #thumbnail_slider_1,
.project_block #thumbnail_slider_2 {
    position: absolute;
    bottom: 50px;
    width: 280px;
    padding: 0;
    overflow: hidden;
    perspective: 1000px;
    border-radius: 16px;
    background-color: #fff;
    transform: rotateY(0deg) rotateX(0deg);
    transform-style: preserve-3d;
    transform-origin: center;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.25);
    transition: transform 0.6s ease, box-shadow 0.6s ease;
}

.project_block #thumbnail_slider_1 {
    right: 400px;
}

.project_block #thumbnail_slider_2 {
    right: 100px;
}

.project_block #thumbnail_slider_1:hover .box-image-bg,
.project_block #thumbnail_slider_2:hover .box-image-bg {
    transform: rotateY(8deg) rotateX(3deg) scale(1.02);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35);
}

.project_block #thumbnail_slider_1 .box-image-bg,
.project_block #thumbnail_slider_2 .box-image-bg {
    height: 200px !important;
    min-height: 200px;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(to top right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.05));
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.2);
}

.project_block #thumbnail_slider_1 .box-image-bg::before,
.project_block #thumbnail_slider_2 .box-image-bg::before {
    opacity: 1;
    border-radius: 16px;
}

.project_block #thumbnail_slider_1 .box-image-bg > *,
.project_block #thumbnail_slider_2 .box-image-bg > * {
    position: relative;
    z-index: 1;
    border-radius: 16px;
}


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

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

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

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

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

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

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

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

.cstm_card_scrolling .scrolling_section:nth-child(4) {
    background-image: url('../images/perfection.jpg');
}

.cstm_card_scrolling .scrolling_section:nth-child(1) .image {
    background-image: url(../images/product_01.jpg);
    top: 50%;
}

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

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

.cstm_card_scrolling .scrolling_section:nth-child(4) .image {
    background-image: url('../images/perfection.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.6);
}

.cstm_card_scrolling .image {
    position: absolute;
    top: -50%;
    width: 500px;
    height: 400px;
    right: 100px;
    transform: translate(0%, -50%);
}

.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 p {
    font-size: 16px;
    color: #fff;
}

/* .swiper-button-prev2,
.swiper-button-next2 */
.cstm_swiper_button {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    border: 1px solid #000000;
    color: #000000;
    border-radius: 50%;
    padding: unset !important;
    /* background-image: linear-gradient(45deg, #2ea589, #fef23d);
    background-origin: border-box;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 0 0 1px transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude; */
}

.cstm_swiper_button:hover {
    border: 1px solid #ffffff;
    color: #ffffff;
    box-shadow: -4px 4px 24px -10px #000000 !important;
    transition: 0.5s;
    background-color: #006237;
    background-size: 200% 200%;
    animation: gradientAnimation 5s ease infinite;
    -webkit-mask-composite: unset;
    mask-composite: unset;
}

.swiper_navigation_wcu {
    position: absolute;
    margin-top: 60px;
    top: 50%;
    left: 1%;
    right: 1%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.swiper_navigation_wcu .cstm_swiper_button {
    margin-right: 60px;
}

.swiper_navigation_wcu .cstm_swiper_button:last-child {
    margin-right: unset;
}

.swiper_navigation_testimonial {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}

.swiper_navigation_testimonial .cstm_swiper_button {
    margin-right: 10px;
}

.swiper_navigation_testimonial .cstm_swiper_button:last-child {
    margin-right: unset;
}

/* .swiper_navigation_project {
    position: absolute;
    right: 50%;
    bottom: 50px;
    display: flex;
    flex-direction: column;
    z-index: 999999;
}

.swiper_navigation_project .cstm_swiper_button {
    border: 1px solid #ffffff;
    color: #ffffff;
    text-align: center;
    margin: 10px auto 0;
} */

.swiper_navigation_blog {
    /* position: absolute;
    margin-top: 60px;
    top: 50%;
    left: 1%;
    right: 1%;
    display: flex;
    align-items: center;
    justify-content: space-between; */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-right: 35px;
    /* margin-top: 60px; */
}

.swiper_navigation_blog .cstm_swiper_button {
    margin-right: 10px;
}

.swiper_navigation_blog .cstm_swiper_button:last-child {
    margin-right: unset;
}

.swiper_navigation_awards {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-right: 35px;
}

.swiper_navigation_awards .cstm_swiper_button {
    margin-right: 10px;
}

.swiper_navigation_awards .cstm_swiper_button:last-child {
    margin-right: unset;
}

.custom_paginate .next-container .triangle,
.prev-container .triangle {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

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

.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,
.custom_paginate .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: var(--theme-color);
    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: var(--theme-color);
    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: var(--theme-color);
}

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

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

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

.counternumber_area .font-number {
    font-size: 18rem;
    line-height: 1;
    margin-bottom: unset;
}

.counternumber_area .title-block {
    font-size: 1rem;
    font-weight: 400;
    text-align: right;
    text-transform: uppercase;
}

.counternumber_area .award-item {
    width: max-content;
}

.custom_paginate_bar .container {
    --dsn-gap-container: 0 !important;
}

.custom_paginate_bar .swiper-pagination {
    width: 100%;
    display: flex;
    /* align-items: center;
     */
    /* justify-content: center;
     */
}

.custom_paginate_bar .next-container .triangle,
.prev-container .triangle {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

/* .custom_paginate_bar .next-container.prev-container .triangle,
.prev-container.prev-container .triangle {
    border-right: 15px solid var(--heading-color);
} */

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

.custom_paginate_bar .swiper-pagination-bullet {
    width: 100%;
}

.custom_paginate_bar .swiper-pagination-bullet-active {
    background: var(--theme-color, var(--swiper-theme-color));
}

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

/*.custom_paginate_bar .swiper-prev {
     position: absolute;
     bottom: -100px;
     left: 0;
}
 .custom_paginate_bar .swiper-next {
     position: absolute;
     bottom: -100px;
     left: 150px;
}
*/
.custom_paginate_bar .swiper-button-prev,
.custom_paginate_bar .swiper-button-next {
    top: auto;
    bottom: -50px;
    transition: transform 0.3s;
}

.custom_paginate_bar .swiper-button-prev {
    left: 0;
}

.custom_paginate_bar .swiper-button-prev svg {
    transform: scaleX(-1) scaleX(1.5);
}

.custom_paginate_bar .swiper-button-prev svg path {
    fill: #000;
}

.custom_paginate_bar .swiper-button-prev:hover {
    animation: slideLeft 0.5s ease-in-out;
}

.custom_paginate_bar .swiper-button-next {
    left: 60px;
}

.custom_paginate_bar .swiper-button-next svg {
    transform: scaleX(1.5);
}

.custom_paginate_bar .swiper-button-next svg path {
    fill: #000;
}

.custom_paginate_bar .swiper-button-next:hover {
    animation: slideRight 0.5s ease-in-out;
}

.custom_paginate_bar .swiper-button-active svg path {
    fill: var(--theme-color);
}

@keyframes slideLeft {
    0% {
        transform: translateX(0);
    }

    30% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(0);
    }

    30% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

.custom_paginate_bar .swiper-button-prev:after,
.custom_paginate_bar .swiper-button-next:after {
    display: none;
}

.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;
    top: 0;
    left: -2%;
    bottom: 0;
}

.wtmrk_block_left img {
    width: auto;
    height: 100%;
    filter: grayscale(1);
    opacity: 0.6;
}

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

/*.about-section .box-creative {
     padding: 0 60px 30px 60px;
}
 .about-section .box-creative .img-top {
     width: 100px;
     left: unset;
     right: 0;
}
 .about-section .box-creative .img-bottom {
     width: 120px;
     height: auto;
     left: unset;
     right: 30px;
}
 */
.about-section .box-creative {
    padding: 0px 60px 0px 60px;
}

.about-section .box-creative .border-rdu {
    z-index: 1;
}

.about-section .box-creative .img-top {
    top: 0;
    left: 0;
    width: 200px !important;
    min-width: 200px !important;
    height: auto;
    z-index: 2;
}

.about-section .box-creative .img-bottom {
    bottom: 0;
    left: unset;
    right: 0;
    width: 250px !important;
    min-width: 250px !important;
    height: auto;
    z-index: 2;
}

.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: #fff;
}

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

.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;
    display: flex;
}

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

#dsn_footer h4.subtitle span {
    color: var(--heading-color);
    font-weight: 500;
}

.footer-content p {
    color: var(--heading-color);
    font-size: 16px;
}

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

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

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

.footer-content ul.menu {
    /* overflow-y: auto;
    max-height: 220px; */
}

.footer-content ul.menu::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #aaa;
}

.footer-content ul.menu::-webkit-scrollbar-thumb {
    background: padding-box #006237;
    border-radius: 8px
}

.footer-content ul.menu li {
    position: relative;
    padding-left: 20px;
    line-height: 1;
    color: #006237;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 20px;
}

.footer-content ul.menu li:last-child {
    border-bottom: unset;
    margin-bottom: unset;
}

.footer-content ul.menu li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}

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

.wordScroller {
    position: relative;
    overflow: hidden;
    height: 1.5em;
}

.wordScroller .word {
    color: var(--theme-color);
    padding: 0;
    margin: 0;
    display: none;
}

.wordScroller .text-in {
    display: block;
    animation: textIn .5s ease;
}

.wordScroller .text-out {
    animation: textOut 1s ease;
}

@keyframes textIn {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0%);
    }
}

@keyframes textOut {
    0% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(-100%);
    }
}

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%;
}

.title-h2 {
    font-size: 30px;
    letter-spacing: 0.1px;
    line-height: 1.4;
    text-transform: capitalize;
    font-weight: 300;
    font-style: normal;
}

.sub-section-title p {
    /*font-size: 14px;*/
    font-weight: 400;
    line-height: 1.5;
}

.w-898 {
    width: 898px;
}

.post-title-info .post-title {
    /* color: #FFF; */
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: 'Lato', sans-serif !important;
}

h1 {
    font-size: 4.0rem;
    line-height: 1.2;
    letter-spacing: 0;
}

h2 {
    font-size: 3.6rem;
    line-height: 1.25;
    letter-spacing: 0;
}

h3 {
    font-size: 3.0rem;
    line-height: 1.3;
    letter-spacing: 0;
}

h4 {
    font-size: 2.4rem;
    line-height: 1.35;
    letter-spacing: 0;
}

h5 {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0;
}

h6 {
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0;
}

/* Larger than phablet */
@media (min-width: 550px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 4.2rem;
    }

    h3 {
        font-size: 3.6rem;
    }

    h4 {
        font-size: 3.0rem;
    }

    h5 {
        font-size: 24px;
        font-weight: 400;
    }

    h6 {
        font-size: 1.5rem;
    }
}

p {
    margin-top: 0;
}

/* * {
    box-sizing: border-box;
    margin: 0;
} */

.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-col-2 {
        column-count: 2;
    }
}

.cstm-dir-cont img {
    width: 100%;
}

.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: var(--theme-color);
    border-color: var(--theme-color);
}

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

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

.cstm-dir-cont .service-item {


    margin: 0 auto;
}

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

img.title.animate-left {
    filter: grayscale(1);
}

.vh-100 {
    height: 100vh;
}

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

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

header.v-dark-head.dsn-slider-width-circle {
    position: relative;
}

.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 {
    margin-top: 90px;
    min-height: 500px;
    height: calc(100vh - 90px);
}

.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) brightness(1000%);
}

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

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

.post-title-info h2 {
    font-size: 18px;
    line-height: 1.3;
}

.post-title-info p {
    color: #fff;
}

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

.section-title {
    text-transform: unset;
}

.transparentSearch {
    position: relative;
    overflow: hidden;
}

.transparentSearch .searchInput {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    color: #fff;
    box-shadow: none;
    border-radius: unset;
}

.transparentSearch .btn {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    color: #fff;
    box-shadow: none;
    border-radius: unset;
}

.transparentSearch .btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.transparentSearch .searchInput:focus,
.transparentSearch .btn:focus {
    box-shadow: none;
    outline: none;
}

.testimonial_item {
    display: flex;
    align-items: center;
}

.testimonial_item_video {
    margin-left: -50px;
}

.testimonial_item .testimonial_item_content {
    background: #e9e5e5;
    padding: 8%;
    width: 100%;
    min-height: 470px;
}

.testimonial_item .testimonial_item_text {
    font-size: 22px;
    line-height: 1.29;
    color: var(--primary);
    font-weight: 300;
}

.testimonial_item .testimonial_item_author {
    margin-top: 42px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.testimonial_item .testimonial_item_avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.testimonial_item .testimonial_item_name {
    font-size: 18px;
}

.testimonial_item .testimonial_item_name span {
    font-weight: 700;
}

.testimonial_item .testimonial_item_post {
    font-size: 14px;
    display: inline-block;
    margin-top: 7px;
}

.newsletter .newsletter-form {
    position: relative;
}

.newsletter .newsletter-form input {
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--border-color);
    padding: 10px 18px;
    color: var(--heading-color);
    margin-bottom: 0;
    background-color: transparent;
    padding-left: 0;
}

.newsletter .newsletter-form input::placeholder {
    color: #000000;
    opacity: 0.6;
}

.newsletter .newsletter-form button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857;
    text-transform: uppercase;
    background: linear-gradient(45deg, #fd004c, #fe9000, #fff020, #3edf4b, #3363ff, #b102b7, #fd004c);
    transition: 0.5s;
    background-image: linear-gradient(45deg, #006237, #fef23d);
    background-size: 200% 200%;
    animation: gradientAnimation 5s ease infinite;
    -webkit-mask-composite: unset;
    mask-composite: unset;
}

.chatbot_block {
    position: fixed;
    bottom: 15px;
    right: 30px;
    width: auto;
    z-index: 99;
    text-align: right;
}

.csmt_content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.full_chatbot {
    position: relative;
    width: 100%;
    min-height: 400px;
    background: white;
    text-align: center;
    overflow: auto;
    scrollbar-width: none;
    height: max-content;
    transition: max-height 0.2s ease-out;
}

.chatbot_container {
    max-height: 400px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    scroll-behavior: smooth;
    hyphens: auto;
}

.chatbot_container::-webkit-scrollbar {
    display: none;
}

.chatbot_input {
    display: flex;
    float: left;
    box-sizing: border-box;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    background-color: rgb(235, 235, 235);
    border-radius: 10px 10px 0px 0px;
    padding: 10px 0px 10px 10px;
}

.chatbot_icons {
    display: flex;
    justify-content: space-evenly;
    box-sizing: border-box;
    width: 25%;
    float: right;
    font-size: 20px;
}

#chatbot_user {
    width: 75%;
}

#chatbot_user .input_box {
    float: left;
    border: none;
    box-sizing: border-box;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    font-size: 16px;
    color: #000;
    background-color: white;
    outline: none;
}

.chatbot_text {
    color: #000;
    font-size: 12px;
    text-align: left;
}

.chatbot_text span {
    line-height: 1.5em;
    display: inline-block;
    background: #e0e0e0;
    padding: 10px;
    border-radius: 8px;
    border-bottom-left-radius: 2px;
    max-width: 80%;
    margin-left: 10px;
    animation: floatup 0.5s forwards;
}

@keyframes floatup {
    from {
        transform: translateY(14px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

.chatbot_btn {
    color: #fff;
    padding: 0;
    height: 60px;
    display: inline-block;
    font-size: 28px;
    cursor: pointer;
    outline: none;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857;
    background-color: #cf343b;
    text-transform: uppercase;
    background: linear-gradient(45deg, #fd004c, #fe9000, #fff020, #3edf4b, #3363ff, #b102b7, #fd004c);
    transition: 0.5s;
    background-image: linear-gradient(45deg, #006237, #fef23d);
    background-size: 200% 200%;
    animation: gradientAnimation 5s ease infinite;
    -webkit-mask-composite: unset;
    mask-composite: unset;
    width: 60px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.rad_card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 300px;
    transition: all 0.5s cubic-bezier(0.85, 0, 0, 1);
    padding: 20px;
}

.rad_card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
    transition: background 0.5s ease;
}

.rad_card_full-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    transition: all 0.55s cubic-bezier(0.85, 0, 0, 1);
    user-select: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rad_card_label {
    position: relative;
    font-size: 2.4rem;
    font-weight: 600;
    color: #fff;
    margin: 1.5rem 1.5rem 0;
    z-index: 3;
    transition: transform 0.5s ease;
}

.rad_card_title {
    position: relative;
    font-size: 2.4rem;
    font-weight: 400;
    color: #fff;
    margin: 1.5rem 1.5rem 0;
    /* text-transform: uppercase; */
    z-index: 3;
    transition: transform 0.5sease;
}

.rad_card_sliding_content {
    display: flex;
    flex-grow: 1;
    left: 100%;
    position: relative;
    transition: left 0.55s cubic-bezier(0.85, 0, 0, 1);
}

.rad_card_content {
    margin: 1.5rem;
    position: relative;
    left: 0;
    width: 100%;
    transition: left 0.55s cubic-bezier(0.85, 0, 0, 1), opacity 0.5s ease;
    z-index: 3;
    opacity: 0;
}

.rad_card_content p {
    color: #fff;
    margin-bottom: 5px;
}

.rad_card_content p:last-child {
    margin-bottom: unset;
}

.rad_card_button {
    bottom: -50px;
    margin-right: 1.5rem;
    position: absolute;
    right: 0;
    transition: all 0.55s cubic-bezier(0.85, 0, 0, 1);
    z-index: 2;
    color: #fff;
}

.rad_card_button_text {
    display: flex;
    align-items: center;
}

.rad_card_button_text i {
    margin-left: 0.5rem;
    transition: transform 0.3s ease;
}

.rad_card:hover:before {
    background: rgba(0, 0, 0, 0.3);
}

.rad_card:hover .rad_card_full-image {
    filter: blur(5px);
    opacity: 0.7;
    transform: scale(1.05);
}

.rad_card:hover .rad_card_sliding_content {
    left: 0;
}

.rad_card:hover .rad_card_content {
    opacity: 1;
}

.rad_card:hover .rad_card_button {
    bottom: 0.75rem;
    right: 0;
}

.rad_card:hover .rad_card_button_text i {
    transform: translateX(5px);
}

.rad_card:hover .rad_card_label,
.rad_card:hover .rad_card_title {
    transform: translateY(-5px);
}

.cstm_height_1 .box-content,
.cstm_height_2 .box-content,
.cstm_height_1 .box-content img,
.cstm_height_2 .box-content img {
    height: 100vh;
}

.dsn-style-cards .dsn-posts.box-image-normal .section_description {
    opacity: 1;
    visibility: visible;
    transform: unset;
}

@media(max-width:1600px) {
    .cstm-testim-pagination {
        left: 42%;
    }
}

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

@media only screen and (min-width:1025px) and (max-width:1199px) {
    .site-header.nav-bg.dsn-hamburger #navbar_toggle .toggle-icon .toggle-line {
        background-color: #000000;
    }

    .site-header.nav-bg.dsn-hamburger #navbar_toggle .toggle-text .text-menu .word {
        color: #000;
    }

    .site-header.nav-bg .site-header.bottom_bar {
        padding-top: 22px;
        padding-bottom: 22px;
    }
}

@media (max-width:1200px) {
    .title-h2 {
        font-size: 3rem;
    }
}

@media(max-width:991px) {
    nav.top_bar_nev {
        display: none;
    }

    .site-header.nav-bg nav.main-navigation {
        background: #fff;
    }

    .site-header.nav-bg ul.primary-nav.h2 a,
    .site-header.nav-bg ul.primary-nav.h2 {
        color: #000 !important;
    }

    .site-header.nav-bg.dsn-open .menu-cover-title {
        color: #000;
    }

    .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;
    }



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

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

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

    .blind__title {
        top: 40% !important;
    }

    .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;
    }

    .site-header.top_bar .main-logo {
        width: 100%;
    }

    .main-slider .dsn-slider-content .title {
        font-size: 2rem;
        line-height: 30px;
    }

    .title-h2 {
        font-size: 22px;
    }

    .sub-section-title p {
        font-size: 14px;
    }

    .post-title-info h2 {
        font-size: 2rem;
    }

    .testimonial_item {
        display: block;
    }

    .testimonial_item_video {
        margin-left: 0;
        margin-top: 10px;
    }

    .testimonial_item_video iframe {
        width: 100%;
    }

    .testimonial_item .testimonial_item_content {
        padding: 30px;
        padding-right: 30px;
    }

    .cstm_height_1 .box-content,
    .cstm_height_2 .box-content,
    .cstm_height_1 .box-content img,
    .cstm_height_2 .box-content img {
        height: 100%;
    }

    .rad_card_label {
        font-size: 2rem;
    }

    .rad_card_title {
        font-size: 1.4rem;
    }

    /* .chatbot_block {
        left: 0;
        right: 0;
        margin: auto;
    } */

    .cstm_card_scrolling .pinWrapper .text {
        transform: translate(50px, -50%);
        -webkit-transform: translate(50px, -50%);
        width: 50%;
    }

    .cstm_card_scrolling .image {
        width: 250px;
        height: 220px;
    }

    .footer-bottom {
        padding-bottom: 70px;
    }

    .chatbot_block {
        bottom: 10px;
    }
}

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

li.time-line-head.slick-slide {
    padding: 20px;
    background: #ffffff40;
    margin: 0px 20px 0px 0px;
    border-radius: 20px 20px 20px 0px;
    height: 100%;
    min-height: 180px;
    transition: 0.3s all;
}

li.time-line-head.slick-slide:hover {
    margin-top: -10px;
}

.slick-list {
    padding-top: 10px !important;
}


@media only screen and (min-width: 768px) {
    .dsn-award:not(.award-block) .award-item:not(:last-of-type) {
        border-right: 1px solid var(--border-color);
    }
}

@media(max-width:767px) {
    header.v-dark-head.dsn-section-padding.dsn-header-animation {
        padding-top: 90px;
    }

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

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

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

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

    .dir-inn-cont {
        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: 350px;
    }

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

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

    .p-relative.vh-100.v-dark-head {
        display: none;
    }

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

    .section-video .animate-left,
    .section-video .animate-right {
        display: none;
    }

    .section-video .animate-left {
        display: none;
    }

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

    .blind__title {
        top: 50% !important;
    }

    .site-header.top_bar .main-logo {
        width: 100%;
    }

    .main-slider .dsn-slider-content .title {
        font-size: 2rem;
        line-height: 30px;
    }




    .post-title-info h2 {
        font-size: 2rem;
    }

    .testimonial_item {
        display: block;
    }

    .testimonial_item_video {
        margin-left: 0;
        margin-top: 10px;
    }

    .testimonial_item_video iframe {
        width: 100%;
    }

    .testimonial_item .testimonial_item_content {
        padding: 30px;
        padding-right: 30px;
    }

    .cstm_height_1 .box-content,
    .cstm_height_2 .box-content,
    .cstm_height_1 .box-content img,
    .cstm_height_2 .box-content img {
        height: 100%;
    }

    .rad_card_label {
        font-size: 2rem;
    }

    .rad_card_title {
        font-size: 1.4rem;
    }

    .cstm_swiper_button {
        width: 40px;
        height: 40px;

    }

    .cstm_card_scrolling .pinWrapper .text {
        -webkit-transform: translate(28px, -54%);
        width: 80%;
    }

    .cstm_card_scrolling .scrolling_section .image {
        display: none;
    }


}

@media(max-width:580px) {}

@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%;
    }
}

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

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

/*.cstm_slide_funfact {
     position: relative;
     overflow: hidden;
     height: 545px;
     background-color: var(--tp-common-black);
     z-index: 1;
}
 .cstm_slide_funfact .cstm_img_marq {
     position: relative;
}
 .cstm_slide_funfact .cstm_img_marq::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgb(0 0 0 / 30%);
}
 .cstm_slide_funfact .cstm_img_marq {
     z-index: -1;
     opacity: 0.7;
     perspective: 1412px;
     position: absolute;
     top: 0%;
     bottom: 0%;
     left: 0%;
     right: 0%;
     overflow: hidden;
}
 .cstm_slide_funfact .cstm_img_marq .cstm_slide_img_right {
     z-index: -1;
     transform-origin: 100%;
     transform-style: preserve-3d;
     justify-content: flex-end;
     display: flex;
     position: absolute;
     top: 0%;
     bottom: 0%;
     left: auto;
     right: -10%;
     transform: rotateX(0) rotateY(-80deg) rotate(0);
}
 .cstm_slide_funfact .cstm_img_marq .cstm_slide_img_right .box {
     transform: translate(0%, 0px);
     animation-name: bgshotsright;
     animation-duration: 45s;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
}
 .cstm_slide_funfact .cstm_img_marq .cstm_slide_img_left {
     z-index: -1;
     transform-origin: 0%;
     transform-style: preserve-3d;
     justify-content: flex-start;
     display: flex;
     position: absolute;
     top: 0%;
     bottom: 0%;
     left: -10%;
     right: auto;
     transform: rotate3d(0, 1, 0.00009, 80deg);
}
 .cstm_slide_funfact .cstm_img_marq .cstm_slide_img_left .box {
     transform: translate(0%, 0px);
     animation-name: bgshots;
     animation-duration: 45s;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
}
 .cstm_slide_funfact .cstm_img_marq img {
     width: 50vw;
     perspective: 100px;
     object-fit: contain;
     flex: none;
     margin-left: 3rem;
     margin-right: 3rem;
     transform: perspective(100px);
     vertical-align: middle;
     max-width: 100%;
     display: inline-block;
}
 .cstm_slide_funfact .cstm_img_marq .box {
     flex: none;
     display: flex;
}
 */
.middle-shadow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.middle-shadow span {
    height: 230px;
    width: 350px;
    display: inline-block;
    background: linear-gradient(90deg, rgba(25, 25, 26, 0) 0%, #19191A 14.76%, #19191A 84.25%, rgba(25, 25, 26, 0) 100%);
}

@keyframes bgshots {
    from {
        transform: translate(0%, 0px);
    }

    to {
        transform: translate(-100%, 0px);
    }
}

@keyframes bgshotsright {
    from {
        transform: translate(0%, 0px);
    }

    to {
        transform: translate(100%, 0px);
    }
}

.box-content:hover [data-overlay="4"]:before,
.box-content:hover [data-dsn-overlay="4"]:before {
    opacity: 0.6;
}

h3.testimonial_item_name {
    margin: 0;
}

.scroll-down {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -16px;
    display: block;
    width: 32px;
    height: 32px;
    border: 1px solid #FFF;
    background-size: 14px auto;
    border-radius: 50%;
    z-index: 2;
    -webkit-animation: bounce 2s infinite 2s;
    animation: bounce 2s infinite 2s;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    transform: scale(1)
}

.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 1px solid white;
    border-width: 0px 0 1px 1px;
    background-color: #13131300;
}

.scroll-down:after {
    display: none;
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    60% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

.dsn-form .entry-box textarea:hover,
.dsn-form .entry-box input:not([type=submit]):hover {
    border-color: #006237;
}

.dsn-form .entry-box textarea:focus,
.dsn-form .entry-box input:not([type=submit]):focus {
    border-color: #006237;
}

ul.cstm-list {
    padding-left: unset;
    padding-bottom: 30px;
}

ul.cstm-list li {
    padding-top: 15px;
}

ul.cstm-list li b {
    color: #000;
    font-weight: 500;
}

ul.cstm-list i {
    color: #2ea589;
    font-size: 18px;
}


.dsn-icon img {
    width: 100px;
}

.cstm-list2 li {
    padding: 0 !important;
    margin: 0 !important;
}

.cstm-list2 {
    padding: 20px 0 0 !important;
}

.cstm-main {
    margin: 0px auto;
    width: 480px;
    height: 480px;
    position: relative;
    display: flex;
    align-items: center;
}

.big-circle {
    height: 100%;
    width: 100%;
    position: relative;
    border: 3px solid #ef383f;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    animation: Rotate 20s linear infinite;
    -webkit-animation: Rotate 20s linear infinite;
    margin: 0 auto;
}

.icon-block {
    width: 184px;
    height: 184px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    /* background-image: linear-gradient(180deg, #096cb6 0%, #1a7cc5 100%); */
    -webkit-background-image: linear-gradient(180deg, #096cb6 0%, #1a7cc5 100%);
    background-image: linear-gradient(45deg, #006237, #fef23d);
    background-size: 200% 200%;
    animation: gradientAnimation 5s ease infinite;
}

.icon-block img {
    margin: 0px auto;
    width: 86%;
    animation: Rotate-reverse 20s linear infinite;
    -webkit-animation: Rotate-reverse 20s linear infinite;
}

.icon-block p {
    margin: 0px auto;
    width: 86%;
    animation: Rotate-reverse 20s linear infinite;
    -webkit-animation: Rotate-reverse 20s linear infinite;
    color: #fff;
    text-align: center;
    font-size: 20px;
}

.icon-block:first-child {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(2) {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
}

.icon-block:nth-child(3) {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
}

.icon-block:nth-child(4) {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

/* circle content */
/* .circle {
    animation: circle-rotate 20s linear infinite;
    -webkit-animation: circle-rotate 20s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    width: 75%;
    height: 75%;
    border: 3px solid #6495f2;
    border-radius: 50%;
} */

.circle .icon-block img {
    animation: img-rotate 20s linear infinite;
    -webkit-animation: img-rotate 20s linear infinite;
}

/* center logo */
.center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.center-logo img {
    max-width: 200px;
}

/* keyframe animation */

@keyframes Rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes Rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes Rotate-reverse {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes Rotate-reverse {
    from {
        -webkit-transform: rotate(360deg);
    }

    to {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes circle-rotate {
    from {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(405deg);
    }
}

@-webkit-keyframes circle-rotate {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(405deg);
    }
}

@keyframes img-rotate {
    from {
        transform: rotate(-45deg);
    }

    to {
        transform: rotate(-405deg);
    }
}

@-webkit-keyframes img-rotate {
    from {
        -webkit-transform: rotate(-45deg);
    }

    to {
        -webkit-transform: rotate(-405deg);
    }
}


.cstm-2-col {
    grid-template-columns: 50% 50% !important;
}

.cstm-project-slider .dsn-swiper-paginate {
    position: absolute;
    top: 50%;
    z-index: 9;
    width: 100%;
    justify-content: space-between;
    padding: 0 20px;
    transform: translateY(-50%);
}

.cstm-project-slider .cstm_swiper_button {
    border: 1px solid #ffffff;
    color: #ffffff;
}

h5.cstm-slider-b-subtitle {
    position: absolute;
    bottom: 0;
    z-index: 1;
    color: #fff;
    background: #1a75ba;
    padding: 5px 20px;
    right: 12px;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #00000052;
}

.text-black {
    color: #000;
}

.text-white {
    color: #fff;
}

span.number.background-theme.h6 {
    color: #fff;
}

.cstm-process-2 .service-item {
    padding: 0 30px;
}

details {
    display: inline;
}

details {
    position: relative;
}

details summary {
    display: block;
    cursor: pointer;
    color: #ee2e35;
}

details summary:focus {
    outline: none;
}

details[open] {
    display: block;
    padding-bottom: 25px;
    padding-top: 10px;
    animation: open .2s linear;
}

details[open] summary {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

details #open {
    padding-left: 5px;
    text-align: middle;
}

details #open:after {
    display: inline-block;
    position: relative;
    top: -3px;
    padding-left: 8px;
    content: "\00bb";
    transform: rotate(90deg);
}

details[open] #open {
    display: none;
}

details #close {
    display: none;
}

details[open] #close {
    display: block;
}

::-webkit-details-marker {
    display: none;
}


@keyframes open {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.cstm-b-fade:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 380px;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.dsn-style-cards .dsn-item-post .post-title-info {
    width: 100%;
}

.flipbox {
    position: relative;
    width: 100%;
    height: 100%;
    perspective: 1000px;
}

.flipbox .card {
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 400px;
    border-radius: 3px;
    /* box-shadow: 1px 5px 13px 2px rgba(0, 0, 0, 0.3); */
    color: #fff;
    text-align: center;
    backface-visibility: hidden;
    transition: transform .5s ease-in-out;
    transform-style: preserve-3d;
}

.flipbox .flipbox-front {
    transform: rotateY(0deg);
    background-color: #f5f5f5;
    background-size: cover;
}

.flipbox .flipbox-back {
    transform: rotateY(180deg);
    padding: 30px;
    font-size: 17px;
    line-height: 1.5;
    background: #f5f5f5;
}

/* .flipbox:hover .flipbox-front {
    transform: rotateY(-180deg);
}

.flipbox:hover .flipbox-back {
    transform: rotateY(0deg);
} */


.flipbox .card.flipbox-back {
    display: flex;
    flex-direction: column;
    position: absolute;
    align-items: flex-start;
}

.d-inline {
    display: inline !important;
}

u.moreless-button {
    cursor: pointer;
    text-decoration: underline;
    transition: 0.3s all;
}

u.moreless-button:hover {
    margin-left: 5px;
}

.three_one_grid {
    grid-template-columns: 85% 15%;
}

.dsn-form .dsn-btn {
    padding: 0;
    border: unset;
  }

  .px-30 {
    padding-right: 30px;
    padding-left: 30px;
}

.entry-box {
    position: relative;
}

.entry-box .floating_label {
    font-size: 15px;
    position: absolute;
    pointer-events: none;
    top: 10px;
    left: 0px;
    line-height: 1px;
    padding: 10px 18px;
    transition: all 0.3s ease;
    font-weight: 400 !important;
    opacity: 0.7;
}

.entry-box input:focus~.floating_label,
.entry-box input:not(:focus):valid~.floating_label,
.entry-box textarea:focus~.floating_label,
.entry-box textarea:not(:focus):valid~.floating_label {
    top: -15px;
    left: 10px;
    opacity: 1;
    padding: 10px 7px;
    background: transparent;
    color: #000;
    animation: zoopAnimation 0.6s ease forwards;
}

@keyframes zoopAnimation {
    0% {
        transform: translateY(0);
        opacity: 0.7;
    }

    50% {
        transform: translateY(-5px);
        opacity: 1;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.cstm_enq .cstm_form {
    background: #f9f9f9;
    padding: 50px;
}
  

@media (max-width:1400px) {
    .big-circle {
        height: 70%;
        width: 70%;
    }

    .flipbox .card {
        height: 500px;
    }

    .icon-block {
        width: 150px;
        height: 150px;
    }

    .cstm-process-2 .service-item {
        padding: 0 5px !important;
    }

    .cstm-pro-offerings .title-block {
        font-size: 18px;
    }

    .cstm-pro-offerings .dsn-service .service-item ul li {
        margin-bottom: 5px;
    }

    .cstm-pro-offerings p {
        font-size: 14px;
    }

}

@media (max-width:1024px) {
    .big-circle {
        height: 80%;
        width: 80%;
    }

    .icon-block {
        width: 140px;
        height: 140px;
    }

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

    .cstm-process-2 .service-item {
        padding: 30px 20px !important;
    }
}

@media (max-width:768px) {
    .footer-content {
        text-align: left;
    }


    .cstm-main {
        width: 320px;
        height: 320px;
    }

    .icon-block {
        width: 105px;
        height: 105px;
    }

    .icon-block p {
        font-size: 14px;
    }

    .cstm-main .center-logo h4 {
        font-size: 20px;
    }

    .site-header.top_bar .main-logo a {
        font-size: 14px;
        font-weight: 400;
    }

    header.site-header.dsn-container.top_bar {
        padding: 0px;
    }

    .three_one_grid {
        grid-template-columns: 100%;
    }

}

@media (max-width:480px) {
    .icon-block {
        width: 90px;
        height: 90px;
    }

    .cstm-main {
        width: 260px;
        height: 260px;
    }

    .cstm-main .center-logo h4 {
        font-size: 16px;
        margin-bottom: 0;
    }
}



/*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);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

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

[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: 24px;
    letter-spacing: 0.2px;
    font-weight: 300;
}

.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;
}

.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 65px;
    }

    .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
}

#home-blog .post-title-info {
    padding: 10px 0;
}

#home-blog .post-title-info .post-title {
    color: #000;
}

#home-blog .metas.mb-10>span {
    font-size: 14px;
}

.bg-dark-box {
    display: inline-block;
    padding: 20px;
    background: #00000082;
    max-width: 500px;
    border-radius: 10px;
}

.w-100 {
    width: 100% !important;
}

.grid-col-1 {
    max-width: 250px;
}

img.read-more-t {
    width: 20px;
    height: 20px;
}

.cstm-prdct-sldr-btn {
    position: absolute;
    z-index: 9;
    right: 0;
    top: -70px;
}

.cstm_order_1 {
    order: 1;
}
.cstm_order_2 {
    order: 2;
}

#home-blog .box-content {
    padding: 20px;
    border: 1px solid #0000002e !important;
    border-radius: 5px;
}

.flip_card_front img,
.flip_card_back img {
    height: 100%;
    width: auto !important;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}

@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: 100% !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;
    text-align: left;
}

@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;
    }

    .ps-5 {
        padding-left: 10%;
    }
}

@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;
    }
}

@media screen and (max-width: 991px) {

    .swiper_navigation_blog,
    .swiper_navigation_awards {
        justify-content: start;
    }


    .icon-block p {
        font-size: 14px;
    }

    section.section-padding.cstm-dir-cont.v-light.section-padding.cstm_pink {
        padding: 0px;
    }

    .three_one_grid {
        grid-template-columns: 100% !important;
    }
    .cstm_order_1 {
        order: 2;
    }
    .cstm_order_2 {
        order: 1;
    }
    .dsn-accordion .accordion__item:not(:last-of-type) {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    .hide_mobile {
        display: none;
    }
    .dsn-accordion .number {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
    }
    .dsn-accordion .accordion__question:before {
        font-size: 16px;
    }
    .dsn-accordion .sm-title-block {
        font-size: 16px;
        width: 70%;
        line-height: 24px;
    }
}

@media screen and (max-width: 767px) {
    .process_block .swiper-slide {
        width: 100% !important;
    }

    .process_block:before {
        content: '';
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset;
        background: unset !important;
        box-shadow: unset !important;
        width: unset !important;
    }

    .process_block .swiper-slide.swiper-slide-active .cstm_sl_content h5,
    .process_block .swiper-slide.swiper-slide-active .cstm_sl_content p {
        color: #000000;
    }

    .process_block .swiper-slide.swiper-slide-active .cstm_sl_content {
        padding: 30px 15px !important;
    }

    .process_block .swiper_navigation_blog {
        width: unset !important;
        background: unset !important;
        position: absolute !important;
        top: 100px;
        left: 15px !important;
        right: 15px !important;
        margin: 0 auto !important;
        bottom: unset !important;
        justify-content: space-between;
    }

    .process_block .swiper_navigation_blog .cstm_swiper_button {
        border: 1px solid #ffffff;
        color: #ffffff;
    }

    .process_block .swiper_navigation_blog .cstm_swiper_button:hover {
        border: 1px solid #ffffff !important;
        color: #ffffff !important;
    }

    #home-blog .swiper_navigation_blog {
        position: absolute !important;
        top: 320px;
        left: 30px !important;
        right: 30px !important;
        margin: 0 auto !important;
        bottom: unset !important;
        justify-content: space-between;
        z-index: 999;
    }

    #home-blog .swiper_navigation_blog .cstm_swiper_button {
        border: 1px solid #ffffff;
        color: #ffffff;
    }

    #home-blog .swiper_navigation_blog .cstm_swiper_button:hover {
        border: 1px solid #ffffff !important;
        color: #ffffff !important;
    }

    .footer-content .footer-bottom {
        text-align: center;
    }

    .reflections-lifetime .service-item .service-item-inner {
        padding: 30px !important;
    }

    .main-slider {
        height: 400px;
        min-height: 100vh;
    }

    #testimonials_slider .team-item-inner .box-img {
        width: 100% !important;
        height: 350px !important;
        max-height: 100% !important;
    }

    .cstm-testim-pagination {
        position: absolute;
        top: 150px;
        left: 15px;
        right: 15px;
        margin: 0 auto;
        justify-content: space-between;
        transform: unset;
        bottom: unset;
    }

    .dsn-accordion .accordion__answer {
        display: none;
        max-width: 100%;
        padding-top: 30px;
        padding-left: unset;
    }

    .main-slider .dsn-slider-content {
        align-items: end;
    }

    .wtmrk_block_left {
        display: none;
    }

    .testimonial_item_content {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .cstm-testim-pagination .cstm_swiper_button {
        border: 1px solid #ffffff;
        color: #fff;
    }

    .video_banner {
        height: 100%;
    }

    .video_banner {
        height: 400px !important;
    }
    .cstm_order_1 {
        order: 2;
    }
    .cstm_order_2 {
        order: 1;
    }
    .dsn-accordion .accordion__item:not(:last-of-type) {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    .hide_mobile {
        display: none;
    }
    .dsn-accordion .number {
        width: 22px;
        height: 22px;
        line-height: 22px;
        font-size: 12px;
    }
    .dsn-accordion .accordion__question:before {
        font-size: 16px;
    }
    .dsn-accordion .sm-title-block {
        font-size: 14px;
        width: 70%;
        line-height: 22px;
    }

    .grid-half-1 {
        display: grid;
        grid-template-columns: 100%;
    }

    .grid-col-1 {
        max-width: 100%;
    }

    .swiper_navigation_blog {
        justify-content: start;
    }
}
.dsn-ajax-loader {
    display: none !important;
}