:root {
    --whiteColor: #ffffff;
    --blackColor: #000000;
    --blackColor1: #111111;
}

html,
body {
    overscroll-behavior-y: contain;
}

/*preloader css start here*/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    width: 100%;
    height: 100%;
    background: #000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spinner {
    height: 150px;
    width: 150px;
    border: 3px solid transparent;
    border-radius: 50%;
    border-top: 4px solid #f15e41;
    -webkit-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
    position: relative;
}

.spinner::before,
.spinner::after {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 6px;
    right: 6px;
    border-radius: 50%;
    border: 4px solid transparent;
}

.spinner::before {
    border-top-color: #bad375;
    -webkit-animation: 3s spin linear infinite;
    animation: 3s spin linear infinite;
}

.spinner::after {
    border-top-color: #26a9e0;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

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

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

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

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

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

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

/*preloader css end here*/
@font-face {
    font-family: 'Gotham_Medium';
    src: url('../fonts/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Gotham_Book';
    src: url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff');
}

body {
    font-family: 'Gotham_Medium';
}

/* normalize css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    transition: 0.3s ease-in-out;
    text-decoration: none;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

* {
    outline: none !important;
}

a {
    text-decoration: none !important;
}

div {
    box-sizing: border-box;
}

.cs_container {
    max-width: 100% !important;
    margin: 0 auto;
    display: block;
    width: 100% !important;
}

/*header css start here*/
header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 99999;
}

nav {
    padding: 30px 50px 4px 50px !important;
}

a.navbar-brand {
    display: inline-block;
    position: relative;
    z-index: 999;
    padding: 0;
}

a.navbar-brand img {
    width: 191px;
    -o-object-fit: contain;
    object-fit: contain;
}

.collapse:not(.show) {
    display: none !important;
}

.navbar-expand-md .navbar-toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    align-self: flex-start;
    padding: 0;
    border: none;
    height: 35px !important;
    position: relative;
    z-index: 999;
    margin-top: 12px;
}

button.navbar-toggler span.toggler-icon {
    width: 50px;
    background-color: #fff;
    display: inline-block;
    height: 5px;
    margin: 3px 0;
    border-radius: 5px;
}

.Header_outer {
    position: fixed;
    background-color: rgb(255, 103, 0);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.Header_outer.active {
    visibility: visible;
    opacity: 1;
}

.nav_bar,
.main_nav_bar {
    padding: 0;
    margin: 0;
}

.nav_bar li,
.main_nav_bar li {
    list-style: none;
    text-align: center;
}

.nav_bar li+li,
.main_nav_bar li+li {
    margin-top: 50px;
}

.nav_bar li a,
.main_nav_bar li a {
    font-size: 45px;
    line-height: 56px;
    text-transform: uppercase;
    color: var(--whiteColor) !important;
    position: relative;
    z-index: 1;
    -webkit-transition: unset;
    -o-transition: unset;
    transition: unset;
}

.show_menu .nav_bar li a,
.show_menu .main_nav_bar li a,
.active_screen .nav_bar li a {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.nav_bar li a:before,
.main_nav_bar li a:before {
    content: attr(data-text);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    -webkit-text-stroke: 1px transparent;
    font-size: 85px;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    pointer-events: none;
    opacity: 0.05;
    white-space: nowrap;
}

.nav_bar li a:hover:before,
.main_nav_bar li a:hover:before {
    opacity: 0.2;
}

.Screens.menu.show_menu {
    visibility: visible;
}

button.navbar-toggler span:nth-child(1),
button.navbar-toggler span:nth-child(3) {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
}

button.navbar-toggler.activenw>span:nth-child(2),
button.navbar-toggler.active>span:nth-child(2) {
    visibility: hidden;
}

button.navbar-toggler.activenw>span:nth-child(1),
button.navbar-toggler.active>span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 1px;
    top: 11px;
}

button.navbar-toggler.activenw>span:nth-child(3),
button.navbar-toggler.active>span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -11px;
    left: 0px;
}

button.navbar-toggler span:nth-child(3) {
    margin-left: auto !important;
}

button.navbar-toggler:not(.active):hover span:nth-child(1),
button.navbar-toggler:not(.active):hover span:nth-child(3) {
    -webkit-animation: toggleHover 1s;
    animation: toggleHover 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes toggleHover {
    0% {
        width: 100%;
    }

    50% {
        width: 50%;
    }

    100% {
        width: 100%;
    }
}

@keyframes toggleHover {
    0% {
        width: 100%;
    }

    50% {
        width: 50%;
    }

    100% {
        width: 100%;
    }
}

/*header css end here*/
/*transition css start here*/
#home_page {
    position: fixed !important;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
}

.Screens {
    position: absolute;
    background-color: transparent;
    width: 100%;
    height: 100%;
    opacity: 1 !important;
}

.Screens.active_screen {
    visibility: visible;
    opacity: 1 !important;
}

.slide_sec {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: var(--blackColor1);
    width: calc(100% + 1px);
}

img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.inner_screen {
    height: 100%;
}

.horizontal_half {
    width: calc(50% + 1px);
    height: 100%;
    position: absolute;
    overflow: hidden;
}

.vertical_half {
    width: 100%;
    height: 50%;
    position: absolute;
    overflow: hidden;
}

.horizontal_half.horizontal-full {
    width: 100%;
}

.horizontal_half div.bounce_effect_old {
    padding: 0 40px !important;
}

.left {
    left: 0;
}

.top {
    top: 0;
}

.bottom {
    bottom: 0;
}

.right {
    right: 0;
}

.trans,
.left_to_right,
.right_to_left,
.top_to_bottom,
.bottom_to_top {
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.left_to_right,
.prev-screen .prev_left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.prev-screen .prev_right,
.right_to_left {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.prev-screen .prev_top,
.top_to_bottom {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.prev-screen .prev_bottom,
.bottom_to_top {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.prev-screen .prev_half_left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.prev-screen .prev_half_ {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.homeScreen {
    z-index: -1;
}

.full_screen {
    height: 100%;
    width: 100%;
}

.homeScreen,
.prev_fix_out,
.prev-screen.prev_fix {
    visibility: visible;
}

.index_up {
    z-index: 1;
}

/*transition css end here*/
/*main css start here*/
.bg_black {
    background-color: var(--blackColor);
}

.bg_orange {
    background-color: var(--orangeColor);
}

.bg_col4 {
    background-color: var(--bg_col4);
}

.bg_col5 {
    background-color: var(--bg_col5);
}

.bg_col6 {
    background-color: var(--bg_col6);
}

.bg_col7 {
    background-color: var(--bg_col7);
}

.bg_col8 {
    background-color: var(--bg_col8);
}

.bg_col9 {
    background-color: var(--bg_col9);
}

.bg_col10 {
    background-color: var(--bg_col10);
}

.bg_col11 {
    background-color: var(--bg_col11);
}

.bg_col12 {
    background-color: var(--bg_col12);
}

.bg_col13 {
    background-color: var(--bg_col13);
}

.bg_col14 {
    background-color: var(--bg_col14);
}

.bg_col15 {
    background-color: var(--bg_col15);
}

.bg_col16 {
    background-color: var(--bg_col16);
}

.bg_col17 {
    background-color: var(--bg_col17);
}

.bg_col18 {
    background-color: var(--bg_col18);
}

.bg_col19 {
    background-color: var(--bg_col19);
}

.bg_col20 {
    background-color: var(--bg_col20);
}

.bg_col21 {
    background-color: var(--bg_col21);
}

.carousel_outer {
    position: relative;
    height: 100vh;
    width: 100vw;
    padding: 100px 50px 155px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: #b7b7b7;
    box-sizing: border-box;
}

.carousel_outer img.bg_img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
}

.carousel_outer h2,
h2.CSheading {
    font-size: 65px !important;
    line-height: 70px !important;
    z-index: 2;
}

.carousel_outer p,
p.CStext {
    font-size: 28px !important;
    line-height: 28px !important;
    z-index: 2;
}

.carousel_outer h2,
.carousel_outer p,
h2.CSheading,
p.CStext {
    color: var(--whiteColor);
    font-family: 'Gotham_Medium' !important;
    text-align: center;
    margin: 0 !important;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.main_carousel .owl-dots,
.custom.tp-bullets {
    position: fixed;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    bottom: 120px;
    z-index: 999;
    display: flex;
    top: unset !important;
}

.main_carousel button.owl-dot,
.custom.tp-bullets rs-bullet.tp-bullet {
    width: 25px;
    height: 7px;
    background-color: #fff !important;
    margin: 0 3px;
    border-radius: 5px;
}

.main_carousel button.owl-dot.active,
.main_carousel .active button.owl-dot,
.custom.tp-bullets rs-bullet.tp-bullet.selected {
    background-color: rgb(255, 103, 0) !important;
}

.carousel_outer h2,
.carousel_outer p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*screen 2 css start here*/
.center_txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.center_txt h3,
.featured_classic>div .overlay_text h3 {
    font-family: 'Gotham_Medium';
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.center_txt p,
.featured_classic>div .overlay_text h3+div p {
    font-family: 'Gotham_Book';
    font-size: 25px;
    line-height: 36px;
    margin-bottom: 0;
    max-width: 940px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.center_txt h3,
.center_txt p {
    padding: 0 15px;
    color: var(--whiteColor);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.overlay_text {
    /*     background-color: rgba(255, 255, 255, 0.6); */
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    /*     mix-blend-mode: screen; */
}

.overlay_text svg {
    width: 50px;
    height: 50px;
}

.svg_outer {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transform: rotate(0deg) scale(1.2);
    -ms-transform: rotate(0deg) scale(1.2);
    transform: rotate(0deg) scale(1.2);
}

/* .slide_sec:hover .overlay_text,  .flip-image-wrapper.flip-active .overlay_text { */
.flip-image-wrapper.flip-active .overlay_text {
    opacity: 1;
    visibility: visible;
}

.slide_sec:hover .overlay_text .svg_outer {
    -webkit-transform: rotate(90deg) scale(1);
    -ms-transform: rotate(90deg) scale(1);
    transform: rotate(90deg) scale(1);
}

/* .up-down-buttons {
    position: fixed;
    bottom: 10px;
    display: block;
} */

.center_down_arrow {
    position: fixed;
    right: 0;
    top: 50%;
    /* width: 50px; */
    /* height: 50px; */
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999;
    cursor: pointer;
    border-radius: 50%;
    padding: 0;
    border: none;
    background-color: transparent;
}

a.vertically_Center.down_arrow {
    position: fixed;
    left: 50%;
    top: 50%;
}

.down_arrow {
    /* position: fixed;
    left: 50%; */
    top: 50%;
    margin: 0 4px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999;
    bottom: 50px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 0;
    border: none;
    background-color: transparent;
}

.down_arrow img {
    height: 50px;
    width: 50px;
    fill: #fff;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.bounce_effect {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
}

.active_screen .bounce_effect {
    -webkit-animation: bounceIn 0.4s ease-in-out;
    animation: bounceIn 0.4s ease-in-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

@-webkit-keyframes bounceIn {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    50% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    50% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(200%) scale(0.7);
        transform: translateY(200%) scale(0.7);
    }

    33% {
        -webkit-transform: translateY(50%) scale(0.8);
        transform: translateY(50%) scale(0.8);
    }

    66% {
        -webkit-transform: translateY(0px) scale(0.9);
        transform: translateY(0px) scale(0.9);
    }

    100% {
        -webkit-transform: translateY(0%) scale(1);
        transform: translateY(0%) scale(1);
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: translateY(200%) scale(0.7);
        transform: translateY(200%) scale(0.7);
    }

    33% {
        -webkit-transform: translateY(50%) scale(0.8);
        transform: translateY(50%) scale(0.8);
    }

    66% {
        -webkit-transform: translateY(0px) scale(0.9);
        transform: translateY(0px) scale(0.9);
    }

    100% {
        -webkit-transform: translateY(0%) scale(1);
        transform: translateY(0%) scale(1);
    }
}

/*main css end here*/
.active_screen .menu {
    visibility: visible;
}

.menu {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.Screens.menu.show_menu,
.Screens.active_screen {
    opacity: 1;
}

.Screens.menu.show_menu {
    z-index: 99999;
}

.Screens.menu.active_screen .nav_bar li,
.Header_outer.active ul li,
.Screens.menu.show_menu .nav_bar li {
    -webkit-animation: FadeIn 0.5s;
    animation: FadeIn 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0;
}

.Screens.menu.active_screen .nav_bar li:nth-child(2),
.Header_outer.active ul li:nth-child(2),
.Screens.menu.show_menu .nav_bar li:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.Screens.menu.active_screen .nav_bar li:nth-child(3),
.Header_outer.active ul li:nth-child(3),
.Screens.menu.show_menu .nav_bar li:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.Screens.menu.active_screen .nav_bar li:nth-child(4),
.Screens.menu.show_menu .nav_bar li:nth-child(4),
.Header_outer.active ul li:nth-child(4),
.Screens.menu.active_screen .nav_bar li:nth-child(4)~li,
.Header_outer.active ul li:nth-child(4)~li,
.Screens.menu.show_menu .nav_bar li:nth-child(4)~li {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

@-webkit-keyframes FadeIn {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 50%;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 50%;
    }

    100% {
        opacity: 1;
    }
}

.rotateArrow svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.active_screen {
    z-index: 9999;
}

.prev-screen {
    z-index: 9;
}

.next-screen {
    z-index: 99;
    visibility: hidden;
}

.col_black {
    color: var(--blackColor1) !important;
}

.next-screen {
    z-index: 9999;
}

.screen_1_shape {
    background-color: transparent !important;
}

.screen_1_shape .video {
    z-index: -2;
    overflow: hidden;
}

.screen_1_shape>img {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    -o-object-fit: fill;
    object-fit: fill;
    -o-object-position: center;
    object-position: center;
    width: 100vw;
    height: 100vh;
}

.video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
}

.video video {
    display: block;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: auto;
}

.video video#video5 {
    -webkit-transform: translateX(-50%) scale(1.1);
    -ms-transform: translateX(-50%) scale(1.1);
    transform: translateX(-50%) scale(1.1);
    top: -10px;
}

.slide_sec {
    overflow: hidden;
}

.video video#video4 {
    height: 100% !important;
    width: auto !important;
}

@media (max-aspect-ratio: 16/9) {
    .video video {
        width: auto;
        height: 100%;
    }
}

.video video#video1 {
    left: 54%;
    -webkit-transform: translateX(-45%);
    -ms-transform: translateX(-45%);
    transform: translateX(-45%);
}

/*our values page css start here*/
.Text_Screen,
.Text_Screen>.text_outer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.text_outer .cs_hidden {
    overflow: hidden;
}

.text_outer.active {
    z-index: 9;
}

.text_outer h3,
.text_outer p {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    max-width: 700px;
}

.text_outer p {
    margin-bottom: 0;
}

.text_wrap {
    padding: 20px 30px;
    margin: 10px 0;
    position: relative;
}

.text_wrap:after,
.text_wrap:before {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    height: 1px;
    background-color: #fff;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: 1.2s ease-in-out;
    -o-transition: 1.2s ease-in-out;
    transition: 1.2s ease-in-out;
}

.text_wrap:after {
    bottom: 0;
}

.text_wrap:before {
    top: 0;
}

.text_outer.active .text_wrap:after,
.text_outer.active .text_wrap:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.text_outer .active_screen {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -50px;
    color: #fff;
    letter-spacing: 3px;
}

/*our values page css end here*/
/*conatct us page css start here*/
.contact_us_outer {
    background-color: #000;
    min-height: 100vh;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 200px 0 80px 0;
}

.contact_us_outer h2.widgettitle {
    display: none;
}

.contact_us_outer .location {
    width: 100%;
    padding: 15px;
    margin: 0 auto;
}

.contact_us_outer .location {
    max-width: 1300px;
}

.map_contact_outer {
    max-width: 1500px;
}

.mb20 {
    margin-bottom: 20px;
}

.contact_us_outer .location ul li {
    margin-bottom: 50px;
}

.contact_us_outer .location_inner.text-center *:not(i) {
    font-family: 'Gotham_Book';
}

.contact_us_outer .location_inner *,
.contact_us_outer .email_address a {
    font-size: 19px;
    line-height: 36px;
    color: #cecece;
    margin: 0;
    text-align: center;
}

.contact_us_outer i.fas.fa-map-marked-alt {
    color: #fff;
    font-size: 25px;
}

.contact_us_outer a:hover {
    color: #fff !important;
}

.contact_us_outer .email_address {
    margin-bottom: 10px;
}

.contact_us_outer ul.social_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.contact_us_outer ul.social_links li {
    margin-top: 10px;
}

.contact_us_outer ul.social_links li a {
    color: #cecece;
    text-decoration: none;
    font-size: 34px;
    line-height: 34px;
}

.contact_us_outer .location_inner a.phone {
    margin-top: 5px;
    font-family: 'Gotham_Medium';
}

.contact_us_outer p.location_name {
    font-family: 'Gotham_Medium' !important;
}

.contact_us_outer .location_inner a {
    display: block;
}

.contact_us_outer .location_inner a.email {
    font-style: italic;
}

.contact_us_outer ul.social_links li+li {
    margin-left: 40px;
}

.contact_us_outer p.location_name+a {
    line-height: 30px;
    margin: 5px 0;
}

.contact_heading {
    text-transform: uppercase;
    color: #fff;
    font-size: 50px;
    position: relative;
    padding: 10px 20px;
    display: inline-block;
    margin-bottom: 90px;
}

h2.contact_heading:before,
h2.contact_heading:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: transparent;
    display: none !important;
}

h2.contact_heading:before {
    left: 0;
    bottom: 0;
    border-left: 6px solid #fff;
    border-bottom: 6px solid #fff;
}

h2.contact_heading:after {
    right: 0;
    top: 0;
    border-right: 6px solid #fff;
    border-top: 6px solid #fff;
}

.map_contact_outer {
    margin: 60px auto 10px;
}

.contact_us_outer iframe {
    border: 0;
    width: 100%;
    min-height: 361px;
    margin-top: 0;
    opacity: 0.6;
    margin-bottom: 70px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.contact_us_outer iframe:hover {
    opacity: 1;
}

.contact_form_outer h5 {
    color: #a1a1a1;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 25px;
    font-family: 'Gotham_Medium';
    margin-bottom: 20px;
}

.form_outer {
    margin-bottom: 70px;
}

.form_outer .input_outer span,
.form_outer .input_outer span input,
.form_outer .input_outer span textarea {
    width: 100%;
    display: block;
}

.form_outer .input_outer span {
    margin-bottom: 20px;
    text-align: left;
}

.form_outer .input_outer span input,
.form_outer .input_outer span textarea {
    background-color: #272727;
    border: 0;
    margin-bottom: 0px;
    padding: 15px;
    font-size: 16px;
    line-height: 20px;
    color: #a1a1a1;
}

.form_outer .input_outer span input:focus,
.form_outer .input_outer span textarea:focus {
    color: #fff;
}

.form_outer .input_outer span textarea {
    resize: none;
    height: 150px;
}

.form_outer p input[type="submit"] {
    background-color: rgb(255, 103, 0);
    border: 0;
    padding: 15px 20px;
    font-size: 17px;
    line-height: 20px;
    margin: 0;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.form_outer p input[type="submit"]:hover {
    background-color: #fff;
}

.wpcf7-response-output {
    color: #fff;
}

/*contact us page css end here*/
/*features and classic case studies sec start here*/
.Screens .featured_classic_outer {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 25vw;
    height: 50vh;
}

.featured_classic>div>div:first-child {
    left: 0;
    top: 0;
    width: 50vw;
}

.featured_classic>div>div:nth-of-type(2) {
    left: 50vw;
    top: 0;
}

.featured_classic>div>div:nth-of-type(3) {
    left: 75vw;
    top: 0;
}

.featured_classic>div>div:nth-of-type(4) {
    left: 0;
    top: 50vh;
}

.featured_classic>div>div:nth-of-type(5) {
    left: 25vw;
    top: 50vh;
}

.featured_classic>div>div:nth-of-type(6) {
    left: 50vw;
    top: 50vh;
    width: 50vw;
}

/*.featured_classic>div>div:nth-of-type(7) {
    left: 50vw;
    width: 50vw;
    top: 50vh;
}*/
/*last screen one post*/
.featured_classic.lastOne>div:last-child>div:nth-of-type(1) {
    width: 100vw;
    height: 100vh;
}

/*last screen Two post*/
.featured_classic.lastTwo>div:last-child>div:nth-of-type(1),
.featured_classic.lastTwo>div:last-child>div:nth-of-type(2) {
    width: 50vw;
    height: 100vh
}

.featured_classic.lastTwo>div:last-child>div:nth-of-type(2) {
    left: 50vw;
}

/*last screen Three post*/
.featured_classic.lastThree>div:last-child>div:nth-of-type(1),
.featured_classic.lastThree>div:last-child>div:nth-of-type(2) {
    width: 50vw;
    height: 50vh;
}

.featured_classic.lastThree>div:last-child>div:nth-of-type(2) {
    left: 50vw;
}

.featured_classic.lastThree>div:last-child>div:nth-of-type(3) {
    left: 0;
    top: 50vh;
    width: 100vw;
    height: 50vh;
}

/*last screen Four post*/
.featured_classic.lastFour>div:last-child>div:nth-of-type(1),
.featured_classic.lastFour>div:last-child>div:nth-of-type(2),
.featured_classic.lastFour>div:last-child>div:nth-of-type(3),
.featured_classic.lastFour>div:last-child>div:nth-of-type(4) {
    width: 50vw;
    height: 50vh;
}

.featured_classic.lastFour>div:last-child>div:nth-of-type(3),
.featured_classic.lastFour>div:last-child>div:nth-of-type(4) {
    top: 50vh;
}

.featured_classic.lastFour>div:last-child>div:nth-of-type(3) {
    left: 0;
}

.featured_classic.lastFour>div:last-child>div:nth-of-type(4),
.featured_classic.lastFour>div:last-child>div:nth-of-type(2) {
    left: 50vw;
}

/*last screen five post*/
/*.featured_classic.lastFive>div:last-child>div:nth-of-type(1),
.featured_classic.lastFive>div:last-child>div:nth-of-type(2),
.featured_classic.lastFive>div:last-child>div:nth-of-type(3) {
    width: 33.333vw;
}*/
.featured_classic.lastFive>div:last-child>div:nth-of-type(4),
.featured_classic.lastFive>div:last-child>div:nth-of-type(5) {
    width: 50vw;
}

/*.featured_classic.lastFive>div:last-child>div:nth-of-type(2) {
    left: 33.333vw;
}*/
/*.featured_classic.lastFive>div:last-child>div:nth-of-type(3) {
    left: 66.666vw;
}*/
.featured_classic.lastFive>div:last-child>div:nth-of-type(4) {
    left: 0;
    top: 50vh;
}

.featured_classic.lastFive>div:last-child>div:nth-of-type(5) {
    left: 50vw;
}

/*last screen six post*/
/*.featured_classic.lastSix>div:last-child>div:nth-of-type(5) {
    width: 50vw;
    left: 0;
}
.featured_classic.lastSix>div:last-child>div:nth-of-type(6) {
    width: 50vw;
    left: 50vw;
}*/
/*post end*/
.featured_classic>div .overlay_text {
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    mix-blend-mode: unset;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.featured_classic>div .overlay_text h3 {
    width: 100%;
    margin: 10px 0 0 0;
    text-align: left;
    color: #333;
}

.featured_classic>div .overlay_text h3+div {
    width: 100%;
    margin: 0;
}

.featured_classic>div .overlay_text h3+div p {
    width: 100%;
    margin: 0;
    text-align: left;
    margin-bottom: 0;
    color: #333;
}

.featured_classic>div>div:hover .overlay_text {
    opacity: 1;
    visibility: visible;
}

.featured_classic>div .overlay_text .svg_outer {
    fill: #808285;
    -webkit-transform: rotate(0deg) scale(1.2);
    -ms-transform: rotate(0deg) scale(1.2);
    transform: rotate(0deg) scale(1.2);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.featured_classic .featured_classic_outer:hover .svg_outer {
    -webkit-transform: rotate(90deg) scale(1);
    -ms-transform: rotate(90deg) scale(1);
    transform: rotate(90deg) scale(1);
}

.featured_classic .Screens {
    opacity: 1 !important;
}

.featured_classic .next-screen {
    visibility: visible !important;
    z-index: 9 !important;
}

.featured_classic .Screens .featured_classic_outer {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.featured_classic>div>div:nth-of-type(1) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.featured_classic>div>div:nth-of-type(2) {
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.featured_classic>div>div:nth-of-type(3) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.featured_classic>div>div:nth-of-type(4) {
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.featured_classic>div>div:nth-of-type(5) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.featured_classic>div>div:nth-of-type(6) {
    -webkit-transition-delay: 0.35s;
    -o-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.featured_classic>div>div:nth-of-type(7) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.featured_classic>div>div:nth-of-type(1),
.featured_classic>div>div:nth-of-type(2),
.featured_classic>div>div:nth-of-type(3),
.featured_classic>div>div:nth-of-type(4) {
    -webkit-transform: translateY(105vh);
    -ms-transform: translateY(105vh);
    transform: translateY(105vh);
}

.featured_classic>div>div:nth-of-type(5),
.featured_classic>div>div:nth-of-type(6),
.featured_classic>div>div:nth-of-type(7) {
    -webkit-transform: translateY(155vh);
    -ms-transform: translateY(155vh);
    transform: translateY(155vh);
}

.featured_classic>div.prev-screen>div:nth-of-type(1),
.featured_classic>div.prev-screen>div:nth-of-type(2),
.featured_classic>div.prev-screen>div:nth-of-type(3),
.featured_classic>div.prev-screen>div:nth-of-type(4),
.featured_classic>div.prev-screen>div:nth-of-type(5),
.featured_classic>div.prev-screen>div:nth-of-type(6),
.featured_classic>div.prev-screen>div:nth-of-type(7) {
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transform: translateY(-105vh);
    -ms-transform: translateY(-105vh);
    transform: translateY(-105vh);
}

.featured_classic>div.prev-screen>div:nth-of-type(1) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.featured_classic>div.prev-screen>div:nth-of-type(2) {
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.featured_classic>div.prev-screen>div:nth-of-type(3) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.featured_classic>div.prev-screen>div:nth-of-type(4) {
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.featured_classic>div.prev-screen>div:nth-of-type(5) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.featured_classic>div.prev-screen>div:nth-of-type(6) {
    -webkit-transition-delay: 0.35s;
    -o-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.featured_classic>div.prev-screen>div:nth-of-type(7) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.featured_classic>div.next-screen>div:nth-of-type(7) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.featured_classic>div.next-screen>div:nth-of-type(6) {
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.featured_classic>div.next-screen>div:nth-of-type(5) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.featured_classic>div.next-screen>div:nth-of-type(4) {
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.featured_classic>div.next-screen>div:nth-of-type(3) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.featured_classic>div.next-screen>div:nth-of-type(2) {
    -webkit-transition-delay: 0.35s;
    -o-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.featured_classic>div.next-screen>div:nth-of-type(1) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.featured_classic>div.active_screen>div:nth-of-type(1),
.featured_classic>div.active_screen>div:nth-of-type(2),
.featured_classic>div.active_screen>div:nth-of-type(3),
.featured_classic>div.active_screen>div:nth-of-type(4),
.featured_classic>div.active_screen>div:nth-of-type(5),
.featured_classic>div.active_screen>div:nth-of-type(6),
.featured_classic>div.active_screen>div:nth-of-type(7) {
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.featured_classic>div.active_screen>div:nth-of-type(1) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.featured_classic>div.active_screen>div:nth-of-type(2) {
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.featured_classic>div.active_screen>div:nth-of-type(3) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.featured_classic>div.active_screen>div:nth-of-type(4) {
    -webkit-transition-delay: 0.35s;
    -o-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.featured_classic>div.active_screen>div:nth-of-type(5) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.featured_classic>div.active_screen>div:nth-of-type(6) {
    -webkit-transition-delay: 0.45s;
    -o-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

.featured_classic>div.active_screen>div:nth-of-type(7) {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.featured_classic>div.next-screen>div {
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transform: translateY(105vh);
    -ms-transform: translateY(105vh);
    transform: translateY(105vh);
}

.featured_classic>div:not(:last-child)>div:nth-child(3)~div .overlay_text,
/*.featured_classic.lastSeven>div:last-child>div:nth-child(3)~div .overlay_text,*/
.featured_classic.lastSix>div:last-child>div:nth-child(3)~div .overlay_text,
.featured_classic.lastFive>div:last-child>div:nth-child(3)~div .overlay_text,
.featured_classic.lastFour>div:last-child>div:nth-child(2)~div .overlay_text,
.featured_classic.lastThree>div:last-child>div:nth-child(3) .overlay_text {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.featured_classic>div:not(:last-child)>div:nth-child(4)~div .overlay_text h3,
/*.featured_classic.lastSeven>div:last-child>div:nth-child(4)~div .overlay_text h3,*/
.featured_classic.lastSix>div:last-child>div:nth-child(4)~div .overlay_text h3,
.featured_classic.lastFive>div:last-child>div:nth-child(3)~div .overlay_text h3,
.featured_classic.lastFour>div:last-child>div:nth-child(2)~div .overlay_text h3,
.featured_classic.lastThree>div:last-child>div:nth-child(3) .overlay_text h3 {
    margin-top: 0;
}

.featured_classic>div:not(:last-child)>div:nth-child(3)~div .overlay_text .svg_outer,
/*.featured_classic.lastSeven>div:last-child>div:nth-child(4)~div .overlay_text .svg_outer,*/
.featured_classic.lastSix>div:last-child>div:nth-child(3)~div .overlay_text .svg_outer,
.featured_classic.lastFive>div:last-child>div:nth-child(3)~div .overlay_text .svg_outer,
.featured_classic.lastFour>div:last-child>div:nth-child(2)~div .overlay_text .svg_outer,
.featured_classic.lastThree>div:last-child>div:nth-child(3) .overlay_text .svg_outer {
    order: 1;
    margin-top: 10px;
}

.featured_classic.lastOne>div:last-child>div .overlay_text,
.featured_classic.lastTwo>div:last-child>div .overlay_text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*features and classic case studies sec end here*/
/*case studies detail page css start here*/
.singlePageScreen .carousel_outer.text-center,
.singlePageScreen .slide_sec {
    background-color: #333;
}

.single_inner_screen {
    position: absolute;
    width: 100vw;
    height: 100vh;
}

.singlePage.carousel_outer img {
    position: absolute;
    widows: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.single_screen_1 {
    z-index: 9999;
}

.single_screen_2 {
    z-index: 999;
}

.single_screen_3 {
    z-index: 99;
}

.singlePageScreen .Screens {
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.featured_classic>div .overlay_text h3+div p {
    -webkit-line-clamp: 3;
}

/*case studies detail page css end here*/
.form_outer .input_outer span input:-internal-autofill-selected {
    background-color: #272727 !important;
}

/*home banner mob device*/
.owl-carousel.owl-drag .owl-item.active {
    z-index: 99;
}

body {
    overflow-y: auto !important;
}

a.backButton {
    position: fixed;
    z-index: 999;
    left: 63px;
    bottom: 50px;
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 11px 15px;
    line-height: 28px;
    color: #fff;
    font-size: 16px;
    background-color: transparent;
    font-family: 'Gotham_Medium';
}

a.backButton svg {
    width: 16px;
    height: 15px;
    margin-right: 0px;
    fill: #fff;
}

.owl-item .last_slide .carousel_outer h2,
.owl-item .last_slide .carousel_outer p {
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5)
}

.owl-item.active .last_slide .carousel_outer h2,
.owl-item.active .last_slide .carousel_outer p {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
    position: relative;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    z-index: 9;
}

.owl-item.active .last_slide .carousel_outer h2 {
    -webkit-animation-delay: 1600ms;
    animation-delay: 1600ms;
}

.owl-item.active .last_slide .carousel_outer p {
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
}

@-webkit-keyframes hideDiv {
    from {
        width: 50vw;
    }

    to {
        width: 0;
    }
}

@keyframes hideDiv {
    from {
        width: 50vw;
    }

    to {
        width: 0;
    }
}

.nextPageBtn {
    position: absolute;
    right: 10px;
    left: unset;
    -webkit-transform: rotate(0deg)translateY(-50%) !important;
    -ms-transform: rotate(0deg)translateY(-50%) !important;
    transform: rotate(0deg)translateY(-50%) !important;
    visibility: hidden;
    opacity: 0;
    top: 50%;
}

.backtoHome {
    left: 20px;
    -webkit-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}

.backtoHome svg,
.nextPageBtn svg {
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
}

.Screens.active_screen .nextPageBtn {
    opacity: 1;
    visibility: visible;
}

.main_carousel span.letter {
    display: inline-block;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    30% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    40% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }

    99% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    30% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    40% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }

    99% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.caseStudiesScreen .bounce_effect h3,
.caseStudiesScreen .bounce_effect p,
.caseStudiesScreen~div .inner_screen>div:nth-of-type(2) .bounce_effect h3,
.caseStudiesScreen~div .inner_screen>div:nth-of-type(2) .bounce_effect p {
    padding-right: 55px !important;
}

.nextPrevPostBtn {
    position: absolute;
}

a.BackBtn.down_arrow {
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

a.BackBtn.down_arrow img {
    -webkit-transform: rotate(182deg);
    -ms-transform: rotate(182deg);
    transform: rotate(182deg);
}

a.nextBtn.down_arrow {
    left: unset;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

a.nextBtn.down_arrow img {
    /*-webkit-transform: rotate(-90deg);*/
    /*    -ms-transform: rotate(-90deg);*/
    /*        transform: rotate(-90deg);*/
}

.signleCloseBtn {
    display: none;
}

body.modalType button.navbar-toggler.active+.signleCloseBtn,
body.modalType .navbar-toggler {
    visibility: hidden;
    opacity: 0;
}

body.modalType .navbar-toggler.active {
    visibility: visible;
    opacity: 1;
}

body.modalType .signleCloseBtn {
    display: inline-block;
    position: fixed;
    z-index: 99999;
    right: 65px;
    top: 63px;
}

body.modalType .signleCloseBtn svg {
    fill: #fff;
    width: 28px;
    height: 28px;
}

body.modalType .signleCloseBtn a {
    display: inline-block;
}

body:not(.modalType) .nextPrevPostBtn.modalBtn,
body.modalType .nextPrevPostBtn.modalNot {
    display: none;
    visibility: hidden;
}

div#home_page.home a.nextBtn.down_arrow {
    visibility: hidden;
}

div#home_page.home div.active_screen a.nextBtn.down_arrow {
    visibility: visible;
}

.down_arrow.rotateArrow {
    z-index: 99999 !important;
}

.down_arrow#prevBtnText {
    /* left: calc(50% - 35px); */
    transform: rotate(90Deg);
    z-index: 99999;
}

.down_arrow#nextBtnText {
    /* left: calc(50% + 35px); */
    z-index: 99999;
    transform: rotate(90Deg);
}

.down_arrow#prevBtnText img {
    -webkit-transform: rotate(180Deg);
    -ms-transform: rotate(180Deg);
    transform: rotate(180Deg);
}

.lastScreenLeftPd {
    padding-left: 65px;
}

.lastScreenRightPd {
    padding-right: 65px;
}

.csTextPd h2,
.csTextPd p {
    padding: 0 25px !important;
}

.loaderPageCs {
    position: fixed;
    width: 100vw;
    height: 200vh;
    pointer-events: none;
    background-color: #000;
    z-index: 9999991;
    visibility: hidden;
    opacity: 0;
    display: none !important;
}

.is-transitioning {
    pointer-events: none;
    cursor: progress;
}

.loaderPageCs.active {
    display: block !important;
}

/*sliced css*/
.carousel_outer .bg1 {
    background-color: #2a211a !important;
}

.carousel_outer .bg2 {
    background-color: #656565 !important;
}

.carousel_outer .bg3 {
    background-color: #cec7b5 !important;
    z-index: 4;
}

.sliced {
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.tile {
    float: left;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.tile-animated {
    opacity: 1;
}

.css3-preload .sliced * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.owl-item.active .last_slide .sliced.bg3 {
    -webkit-animation-name: hideDIvANimate;
    animation-name: hideDIvANimate;
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1700ms;
    animation-delay: 1700ms;
}

.owl-item .last_slide .canvasImageOuter {
    z-index: 3;
}

.owl-item.active .last_slide .canvasImageOuter {
    -webkit-animation-name: hideDIvANimate;
    animation-name: hideDIvANimate;
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 5500ms;
    animation-delay: 5500ms;
}

@-webkit-keyframes hideDIvANimate {
    from {
        opacity: 1;
        visibility: visible;
    }

    to {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes hideDIvANimate {
    from {
        opacity: 1;
        visibility: visible;
    }

    to {
        opacity: 0;
        visibility: hidden;
    }
}

.canvasImageOuter,
.canvasImageOuter canvas,
.canvasImageOuter video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.canvasImageOuter video {
    visibility: hidden;
    opacity: 0;
}

canvas {
    position: absolute;
}

.canvasImage video {
    visibility: hidden;
    opacity: 0;
}

/* single page animation */
:root {
    --easing: cubic-bezier(0.5, 0.7, 0.4, 1);
}

.content {
    transition: all 0.3s ease-out;
    opacity: 1;
    transform: translateX(0);
    display: inline-block;
    width: 100%;
    height: 100%;
}

div[data-barba="container"] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

div[data-barba="container"].home-once {
    opacity: 1;
}

div[data-barba="container"].home-once-active {
    -webkit-transition: all 1s linear 0.3s;
    -o-transition: all 1s linear 0.3s;
    transition: all 1s linear 0.3s;
}

div[data-barba="container"].home-once-to {
    opacity: 1;
}

/* Slide to home */
div[data-barba="container"].home-leave {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

div[data-barba="container"].home-leave-active,
div[data-barba="container"].home-leave-active .content {
    -webkit-transition: all 0.9s var(--easing);
    -o-transition: all 0.9s var(--easing);
    transition: all 0.9s var(--easing);
}

div[data-barba="container"].home-leave-to .content {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

div[data-barba="container"].home-leave-to {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

div[data-barba="container"].home-enter {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

div[data-barba="container"].home-enter-active,
div[data-barba="container"].home-enter-active .content {
    -webkit-transition: all 0.8s var(--easing);
    -o-transition: all 0.8s var(--easing);
    transition: all 0.8s var(--easing);
}

div[data-barba="container"].home-enter-to {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

rs-layer-wrap.rs-parallax-wrap {
    top: unset !important;
    bottom: 330px !important;
}

rs-layer-wrap.rs-parallax-wrap+rs-layer-wrap.rs-parallax-wrap {
    bottom: 210px !important;
}

body.modalType header {
    width: 310px;
    max-width: 50%;
}

.Screens:not(.prev-screen):not(.active_screen):not(.next-screen) {
    visibility: hidden !important;
    opacity: 0 !important;
}

.Screens .slide_sec {
    width: calc(100% + 1px);
}

.Screens.prev-screen .vertical_half.right {
    right: -0.5px;
}

.Screens.next-screen .slide_sec.right_to_left,
.Screens.active_screen .slide_sec.right_to_left,
.Screens.active_screen+.screens .horizontal_half.left .vertical_half.right {
    left: -0.5px;
}

button.navbar-toggler span.toggler-icon {
    -webkit-box-shadow: 0px 0px 4px rgb(0 0 0 / 30%);
    box-shadow: 0px 0px 4px rgb(0 0 0 / 30%);
}

.navbar-expand-md .navbar-toggler {
    opacity: 0.8;
    transition: 0.3s ease-in-out;
}

.navbar-expand-md .navbar-toggler:hover {
    opacity: 1;
}

.down_arrow {
    opacity: 0.6;
}

.ui-loader.ui-corner-all {
    position: absolute;
    left: 0;
    bottom: 0;
    visibility: hidden;
}

.down_arrow img {
    max-width: 100% !important;
    max-height: 100% !important;
}

body.modalType header.active {
    width: 100%;
    max-width: 100%;
}

body.modalType .signleCloseBtn a {
    height: 35px !important;
    z-index: 999;
    margin-top: 12px;
    width: 50px;
}

body.modalType .signleCloseBtn a span {
    width: 50px;
    background-color: #fff;
    display: inline-block;
    height: 5px;
    margin: 3px 0;
    border-radius: 5px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 30%);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
}

body.modalType .signleCloseBtn a span:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 1px;
    top: 11px;

}

body.modalType .signleCloseBtn a span:last-child {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -12px;
    left: 0px;
}

.down_arrow {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.down_arrow:hover {
    opacity: 1 !important;
}

.tp-video-play-button {
    display: none !important;
}

.for-mob {
    display: none;
}

.main_nav_bar>li {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.main_nav_bar>li:hover {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}

/*rs-slide[data-key="rs-3"] rs-layer-wrap *,rs-slide[data-key="rs-4"] rs-layer-wrap *{
    position: relative!important;
}*/
rs-slide[data-key="rs-3"] rs-layer-wrap.rs-parallax-wrap {
    bottom: calc(50% + 60px) !important;
}

rs-slide[data-key="rs-3"] rs-layer-wrap.rs-parallax-wrap+rs-layer-wrap.rs-parallax-wrap {
    top: calc(50% + 60px) !important;
}

rs-slide[data-key="rs-4"] rs-layer-wrap.rs-parallax-wrap {
    top: 20% !important;
    bottom: unset !important;
    left: 0 !important;
    padding-left: 65px;
    right: 120px;
}

rs-slide[data-key="rs-4"] rs-layer-wrap.rs-parallax-wrap+rs-layer-wrap.rs-parallax-wrap {
    top: calc(20% + 170px) !important;
}

rs-slide[data-key="rs-4"] rs-layer-wrap.rs-parallax-wrap h2,
rs-slide[data-key="rs-4"] rs-layer-wrap.rs-parallax-wrap+rs-layer-wrap.rs-parallax-wrap p {
    max-width: 50% !important;
}

#rev_slider_1_1[data-slideactive="rs-2"] rs-slide[data-key="rs-2"] .rs-parallax-wrap,
#rev_slider_1_1[data-slideactive="rs-3"] rs-slide[data-key="rs-3"] .rs-parallax-wrap,
#rev_slider_1_1[data-slideactive="rs-4"] rs-slide[data-key="rs-4"] .rs-parallax-wrap {
    -webkit-animation: opacityCs 3.3s;
    animation: opacityCs 3.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes opacityCs {
    1% {
        opacity: 0;
    }

    30% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacityCs {
    1% {
        opacity: 0;
    }

    30% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

/*flip images css*/
.flip-image-wrapper {
    display: inline-block;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.flip-image-wrapper .flip-image {
    position: relative;
    cursor: pointer;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-image-wrapper .flip-image .front,
.flip-image-wrapper .flip-image .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.flip-image-wrapper .flip-image .front {
    z-index: 2;
}

.flip-image-wrapper.flip-left .flip-image .back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.flip-image-wrapper.flip-left.rotate .flip-image {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.flip-image-wrapper,
.flip-image {
    width: 100%;
    height: 100%;
    margin: 0;
    border: none;
}

.flip-image .front,
.flip-image .back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flip-image .back {
    padding: 30px;
}

.flip-text-outer {
    /* position: relative; */
    display: inline-block;
}

.flip-text-outer.center_txt,
.back.light {
    padding: 0 20px !important;
}

/* .toHideSec > .slide_sec .flip-image a.close-flip {
    position: absolute;
    right: 10px;
    top: 80px !important;
    
     top: 47%;

} */

.flip-image a.close-flip {
    position: absolute;
    top: 50%;
    right: 10px;
    opacity: 0.7;

    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
}

.flip-image a.close-flip,
#closeButton.show-close-button {

    border: 2px solid #fff;
    border-radius: 50%;
    z-index: 1;
    font-size: 1.2rem;
    /* width: 40px;
        height: 40px; */
    /* transform: rotate(45deg) */
}

#closeButton.show-close-button {
    transform: rotate(45deg);
}

.flip-image a.close-flip:hover {
    opacity: 1;
}

.flip-image a.close-flip:before,
#closeButton.show-close-button:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 2px;
    height: 20px;
    background: #fff;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2px;
    transition: 0.3s ease-in-out;
}

.flip-image a.close-flip:hover:before,
#closeButton.show-close-button:hover:before {
    -webkit-animation: closeanimate 0.5s;
    animation: closeanimate 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes closeanimate {
    0% {
        height: 20px;
    }

    50% {
        height: 2px;
    }

    100% {
        height: 20px;
    }
}

@keyframes closeanimate {
    0% {
        height: 20px;
    }

    50% {
        height: 2px;
    }

    100% {
        height: 20px;
    }
}

.flip-image a.close-flip:after,
#closeButton.show-close-button:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: #fff;
    transition: 0.3s ease-in-out;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.flip-image a.close-flip:hover:after {
    -webkit-animation: closeanimatetwo 0.5s;
    animation: closeanimatetwo 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes closeanimatetwo {
    0% {
        width: 20px;
    }

    50% {
        width: 2px;
    }

    100% {
        width: 20px;
    }
}

@keyframes closeanimatetwo {
    0% {
        width: 20px;
    }

    50% {
        width: 2px;
    }

    100% {
        width: 20px;
    }
}

/*.flip-image a.close-flip  svg{
    width: 30px;
    height: 30px;
}*/
.overlay-image {
    position: absolute;
    z-index: -1;
    opacity: 0.05;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

button.down_arrow,
a.down_arrow {
    overflow: hidden;
}

button.down_arrow img[class^="animate-cs"],
a.down_arrow img[class^="animate-cs"] {
    /*position: absolute;*/
    left: 0;
}

button.down_arrow:hover img.animate-cs-top {
    -webkit-animation: upbtn 1.1s;
    animation: upbtn 1.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes upbtn {
    0% {
        top: 0px;
        opacity: 0;
    }

    0.00001% {
        top: -10px;
        opacity: 0;
    }

    1% {
        top: -10px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}

@keyframes upbtn {
    0% {
        top: 0px;
        opacity: 0;
    }

    0.00001% {
        top: -10px;
        opacity: 0;
    }

    1% {
        top: -10px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}

button.down_arrow:hover img.animate-cs-bottom {
    -webkit-animation: downbtn 1.1s;
    animation: downbtn 1.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes downbtn {
    0% {
        top: 0px;
        opacity: 0;
    }

    0.00001% {
        top: 10px;
        opacity: 0;
    }

    1% {
        top: 10px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}

@keyframes downbtn {
    0% {
        top: 0px;
        opacity: 0;
    }

    0.00001% {
        top: 10px;
        opacity: 0;
    }

    1% {
        top: 10px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}

a.down_arrow:hover img.animate-cs-left {
    -webkit-animation: leftbtn 1.1s;
    animation: leftbtn 1.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes leftbtn {
    0% {
        left: 0px;
        opacity: 0;
    }

    0.00001% {
        left: 10px;
        opacity: 0;
    }

    1% {
        left: 10px;
        opacity: 0;
    }

    100% {
        left: 0px;
        opacity: 1;
    }
}

@keyframes leftbtn {
    0% {
        left: 0px;
        opacity: 0;
    }

    0.00001% {
        left: 10px;
        opacity: 0;
    }

    1% {
        left: 10px;
        opacity: 0;
    }

    100% {
        left: 0px;
        opacity: 1;
    }
}

a.down_arrow:hover img.animate-cs-right {
    -webkit-animation: rightbtn 1.1s;
    animation: rightbtn 1.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes rightbtn {
    0% {
        left: 0px;
        opacity: 0;
    }

    0.00001% {
        left: -10px;
        opacity: 0;
    }

    1% {
        left: -10px;
        opacity: 0;
    }

    100% {
        left: 0px;
        opacity: 1;
    }
}

@keyframes rightbtn {
    0% {
        left: 0px;
        opacity: 0;
    }

    0.00001% {
        left: -10px;
        opacity: 0;
    }

    1% {
        left: -10px;
        opacity: 0;
    }

    100% {
        left: 0px;
        opacity: 1;
    }
}

.hover-link .slide_sec:hover .overlay_text .svg_outer {
    -webkit-transform: rotate(180deg) scale(0);
    -ms-transform: rotate(180deg) scale(0);
    transform: rotate(180deg) scale(0);
}

.hover-link .slide_sec:hover .overlay_text .svg_outer {
    -webkit-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
}

.nav_bar li a:before,
.main_nav_bar li a:before {
    display: none;
}

.flip-image .back.light:after,
.flip-image .back.dark:after,
.flip-image .back.xsdark:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.flip-image .back.light:after {
    background-color: rgba(255, 84, 255, 0.1);
}

.flip-image .back.dark:after {
    background-color: rgba(0, 0, 0, 0.1);
}

.flip-image .back.xsdark:after {
    background-color: rgba(126, 0, 48, 0.3);
}


.featured_classic_outer img {
    height: inherit;
}


.down_arrow#azCloseBtn {
    left: calc(95%);
    z-index: -99999;
    top: 40px;
    bottom: unset;

}

.down_arrow#backBtn {
    left: calc(95%);
    z-index: 99999;
    top: 40px;
    bottom: unset;
}

.down_arrow#azCloseBtn img {
    -webkit-transform: rotate(180Deg);
    -ms-transform: rotate(180Deg);
    transform: rotate(136Deg);
}

.down_arrow#backBtn img {
    -webkit-transform: rotate(180Deg);
    -ms-transform: rotate(180Deg);
    transform: rotate(136Deg);
}

/* added by me */
#backBtn {
    display: none !important;
}

div.featured_classic_outer>img {
    opacity: 1;
    /* Default state */
    transition: opacity 0.3s ease;
    /* Transition defined on the base state */
}

div.featured_classic_outer>img:hover {
    opacity: 0 !important;
    /* Reduced opacity on hover */
}

.featured_classic_outer .overlay_text {
    background-color: #00000069;
}

.featured_classic_outer .overlay_text h3,
.featured_classic_outer .overlay_text p {
    color: #fff !important;
}

/* #popupFrame header {
    display: none !important;
} */

/* top bottom icons by me */

div.up-down-buttons {
    position: fixed;
    bottom: 20px;
    width: 100%;
    /* background: red; */
    text-align: center;
    z-index: 100000000000;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    margin: auto;
    float: right;
}

/* home usecases mobile view */

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

    #home_page .caseStudiesScreen.active_screen .horizontal_half.homeUsecaseScreen,
    #home_page .horizontal_half {
    /* #home_page .horizontal_half , .subScreenMain .horizontal_half { */
        width: 100% !important;
    }

    #home_page .caseStudiesScreen.active_screen .horizontal_half.homeUsecaseScreen .slide_sec,
    /* .homeUsecaseScreen.horizontal_half , .subScreenMain .horizontal_half { */
    .homeUsecaseScreen.horizontal_half {
        opacity: 0.9 !important;
    }

    /* .homeUsecaseScreen.horizontal_half div.bounce_effect_old , .subScreenMain .bounce_effect_old { */
    .homeUsecaseScreen.horizontal_half div.bounce_effect_old {
        padding: 40px !important;
        background: #0000007d;
    }

    /* .homeUsecaseScreen .slide_sec , .subScreenMain .slide_sec { */
    .homeUsecaseScreen .slide_sec {
        background-color: rgb(0 0 0 / 20%) !important;
    }

    /* .homeUsecaseScreen.haveImg , .subScreen.haveImg { */
    .homeUsecaseScreen.haveImg {
        z-index: -1;
    }

}

/* Home Usecases Mobile View */
/* @media only screen and (max-width: 575px) {

    #home_page .caseStudiesScreen.active_screen .horizontal_half.homeUsecaseScreen,
    .horizontal_half {
        width: 100% !important;
    }

    #home_page .caseStudiesScreen.active_screen .horizontal_half.homeUsecaseScreen .slide_sec,
    .homeUsecaseScreen.horizontal_half .slide_sec {
        opacity: 0.9 !important;
        background-color: rgb(0 0 0 / 20%) !important;
    }

    .homeUsecaseScreen.horizontal_half div.bounce_effect_old {
        padding: 40px !important;
        background: #0000007d;
    }

    .homeUsecaseScreen .slide_sec {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 100px; 
    }

    .homeUsecaseScreen.horizontal_half.left.top .slide_sec {
        order: 1 !important;
    }

    .homeUsecaseScreen.horizontal_half.right.top .slide_sec {
        order: 2 !important;
    }

    .Screens {
        display: flex;
        flex-direction: column;
    }

    .Screens .inner_screen {
        display: flex;
        flex-direction: column;
    }
} */

/* home usecases mobile view */
/* @media only screen and (max-width: 575px) {
    #home_page .caseStudiesScreen {
        position: relative;
        min-height: 100vh;
    }

    #home_page .caseStudiesScreen .horizontal_half {
        width: 100% !important;
        height: 50vh !important;
        position: absolute;
        opacity: 0.9 !important;
        transition: transform 0.6s ease;
    }

    #home_page .caseStudiesScreen.active_screen .horizontal_half.left {
        transform: translateY(0);
        z-index: 2;
    }

    #home_page .caseStudiesScreen.active_screen .horizontal_half.right {
        transform: translateY(50%);
        z-index: 1;
    }

    #home_page .caseStudiesScreen .bounce_effect_old {
        padding: 40px !important;
        background: #0000007d !important;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #home_page .caseStudiesScreen .slide_sec img {
        height: 50vh;
        object-fit: cover;
    }

    #home_page .caseStudiesScreen:nth-child(even) .horizontal_half.left {
        transform: translateY(-50%);
    }

    #home_page .caseStudiesScreen:nth-child(even) .horizontal_half.right {
        transform: translateY(0);
    }

    #home_page .caseStudiesScreen:nth-child(even).active_screen .horizontal_half.left {
        transform: translateY(0);
    }

    #home_page .caseStudiesScreen:nth-child(even).active_screen .horizontal_half.right {
        transform: translateY(50%);
    }
} */

/* for plus icon on home screens */

.front:hover .image-container .svg_outer {
    visibility: visible !important;
    /* width: 50px;
    height: 50px; */
    background-color: #0000005f;
    opacity: 1;
}

.front:hover .image-container .svg_outer svg {
    transform: rotate(360deg);
    transition: transform 1s ease-in-out;
}

#dynamicText {
    background: linear-gradient(45deg, #ffffff, #f0f8ff, #d9edf7, #e0ffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 4px 4px 10px rgba(255, 255, 255, 0.7);
}