* {
        padding: 0;
        margin: 0 auto;
    }

    /*html{scroll-behavior: smooth;}*/

    body,
    html {
        max-width: 100%;
        overflow-x: hidden;
        /*background:#FFFDF8;*/
        padding: 0 !important;
    }

    @font-face {
        font-family: 'Futura PT Book';
        src: url('../fonts/FuturaPT-Book.eot');
        src: url('../fonts/FuturaPT-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaPT-Book.woff') format('woff'), url('../fonts/FuturaPT-Book.ttf') format('truetype'), url('../fonts/FuturaPT-Book.svg#FuturaPT-Book') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Kinfolk';
        src: url('../fonts/KinfolkRegular.eot');
        src: url('../fonts/KinfolkRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/KinfolkRegular.woff') format('woff'), url('../fonts/KinfolkRegular.ttf') format('truetype'), url('../fonts/KinfolkRegular.svg#KinfolkRegular') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    /*Loader*/

    .loader-fix {
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.8);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 99999;
        opacity: 0;
        visibility: hidden;
    }

    .loader_k {
        width: 50px;
        height: 50px;
        display: inline-block;
        padding: 0px;
        text-align: left;
    }

    .loader_k span {
        position: absolute;
        display: inline-block;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        background: #fff;
        -webkit-animation: loader3 1.5s linear infinite;
        animation: loader3 1.5s linear infinite;
    }

    .loader_k span:last-child {
        animation-delay: -0.9s;
        -webkit-animation-delay: -0.9s;
    }

    @keyframes loader3 {
        0% {
            transform: scale(0, 0);
            opacity: 0.8;
        }
        100% {
            transform: scale(1, 1);
            opacity: 0;
        }
    }

    @-webkit-keyframes loader3 {
        0% {
            -webkit-transform: scale(0, 0);
            opacity: 0.8;
        }
        100% {
            -webkit-transform: scale(1, 1);
            opacity: 0;
        }
    }

    .reranum {
        position: fixed;
        right: 0;
        bottom: 0;
        background: #333F48;
        padding: 8px;
        z-index: 22;
    }

    .reranum span {
        font-size: 14px;
        color: #fff;
        display: block;
    }

    a:hover,
    a:focus,
    a:focus-visible {
        text-decoration: none;
        outline: none;
    }

    body {
        font-family: 'Futura PT Book' !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Kinfolk';
        color: #333F48;
        margin-bottom: 15px;
    }

    @-webkit-keyframes b {
        0% {
            transform-origin: 50% 100%;
            transform: scaleY(1);
        }
        50% {
            transform-origin: 50% 100%;
            transform: scaleY(0);
        }
        50.0001% {
            transform-origin: 50% 0;
            transform: scaleY(0);
        }
        to {
            transform-origin: 50% 0;
            transform: scaleY(1);
        }
    }

    @keyframes b {
        0% {
            transform-origin: 50% 100%;
            transform: scaleY(1);
        }
        50% {
            transform-origin: 50% 100%;
            transform: scaleY(0);
        }
        50.0001% {
            transform-origin: 50% 0;
            transform: scaleY(0);
        }
        to {
            transform-origin: 50% 0;
            transform: scaleY(1);
        }
    }

    p {
        line-height: 1.8;
        margin-bottom: 1rem;
        color: #6F7C84;
        overflow: hidden;
        font-size: 18px;
        letter-spacing: 1px;
    }

    p:nth-last-child(1) {
        margin-bottom: 0;
    }

    nav {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 9999;
        border-bottom: solid 1px rgb(255 255 255 / 34%);
        transition: all ease-in-out 0.85s;
        background: #FFFDF8;
    }

    .arrow-l {
        width: 18px;
        margin-left: 10px;
    }

    nav .navbar {
        padding: 0px;
    }

    a.navbar-brand {
        padding: 20px 0;
        padding-right: 15px;
        /*border-right: 1px solid rgb(255 255 255 / 34%) !important;*/
        margin: 0;
    }

    a.navbar-brand svg {
        stroke: none;
        fill: #333F48;
    }

    nav.bgcolor a.navbar-brand svg {
        stroke: none;
        fill: #fff;
    }

    .dkshow {
        display: flex !important;
    }

    .mobshow {
        display: none !important;
    }

    nav img {
        width: 90px;
    }

    nav .logoblack {
        display: none;
    }

    nav .navbar-nav .nav-item {
        margin: 0 12px;
        position: relative;
    }

    nav .navbar-nav .nav-item:after {
        content: "";
        position: absolute;
        right: -12px;
        top: 50%;
        background: #333F48;
        width: 1px;
        height: 11px;
        transform: translateY(-50%);
    }

    nav .navbar-nav .nav-item:last-child:after {
        background: transparent;
    }

    /*.navbar-nav{ margin-right:0;}*/

    nav .navbar-nav .nav-link {
        color: #333F48;
        font-size: 13px;
        transition: all 0.5s ease 0s;
        position: relative;
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-transform: uppercase;
        letter-spacing: 0.3px;
    }

    nav .navbar-nav .nav-link::after {
        content: '';
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 0px;
        background: #333F48;
        height: 1px;
        transition: all 0.5s ease 0s;
    }

    nav .navbar-nav .nav-link:hover {
        opacity: 1;
        color: #000;
    }

    .navbar-nav li.active a {
        /*opacity: 1;*/
        /*color: #FF8000;*/
    }

    .navbar-nav li.active a::after {
        width: 100%;
    }

    nav .navbar-nav .nav-link:hover::after {
        width: 100%;
    }

    nav.bam_nav {
        -webkit-animation: navbar-animation 0.6s;
        animation: navbar-animation 0.6s;
    }

    .bgcolor {
        background: #333F48;
    }

    nav.bgcolor .navbar-nav .nav-link {
        color: #fff;
    }

    nav.bgcolor .navbar-nav .nav-item:after {
        background: #fff;
    }

    nav.bgcolor .navbar-nav .nav-item:last-child:after {
        background: transparent;
    }

    nav.bgcolor .nav-right .btn_n a {
        border-color: #fff;
    }

    nav.bgcolor .navbar-nav .nav-link::after {
        background: #fff;
    }

    .nav-right {
        margin: 0px;
        display: flex;
        align-items: center;
        margin-left: 15px;
    }

    .nav-right .btn_n a {
        /*background: #fff;*/
        color: #FFFDF8;
    }

    .nav-right .btn_n a span {
        padding: 10px 15px;
    }

    @-webkit-keyframes navbar-animation {
        0% {
            opacity: 0;
            transform: translateY(-100%);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes navbar-animation {
        0% {
            opacity: 0;
            transform: translateY(-100%);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .hamburger .line {
        width: 30px;
        height: 2px;
        background-color: #fff;
        display: block;
        margin: 6px auto;
        transition: all 0.3s ease-in-out;
    }

    #hamburger-11 {
        outline: none !important;
        transition: all 0.3s ease-in-out;
    }

    #hamburger-11.is-active {
        -webkit-animation: smallbig 0.6s forwards;
        animation: smallbig 0.6s forwards;
    }

    @-webkit-keyframes smallbig {
        0%,
        100% {
            transform: scale(1);
        }
        50% {
            transform: scale(0);
        }
    }

    @keyframes smallbig {
        0%,
        100% {
            transform: scale(1);
        }
        50% {
            transform: scale(0);
        }
    }

    #hamburger-11.is-active .line:nth-child(1),
    #hamburger-11.is-active .line:nth-child(2),
    #hamburger-11.is-active .line:nth-child(3) {
        transition-delay: 0.2s;
    }

    #hamburger-11.is-active .line:nth-child(2) {
        opacity: 0;
    }

    #hamburger-11.is-active .line:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    #hamburger-11.is-active .line:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }

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

    .banner_line_nav {
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        justify-content: center;
        gap: 4px;
        height: 100vh;
    }

    .banner_line_nav span {
        width: 5px;
        height: 0%;
        background: linear-gradient(90deg, #f6e4be 50%, #86734A 50%);
        display: block;
        transition: all 2s linear;
    }

    .banner_line_nav.animated span {
        height: 100%;
    }

    .banner_line {
        position: absolute;
        right: 5px;
        top: 0;
        display: none;
        justify-content: center;
        gap: 4px;
        height: calc(100vh - 70px);
    }

    .banner_line span {
        width: 5px;
        height: 0%;
        background: linear-gradient(90deg, #f6e4be 50%, #86734A 50%);
        display: block;
        transition: all 2s linear;
    }

    .banner_line.animated span:nth-child(2) {
        height: 90%;
    }

    .banner_line.animated span:nth-child(3) {
        height: 85%;
    }

    .banner_line.animated span:nth-child(4) {
        height: 80%;
    }

    .banner_line.animated span:nth-child(5) {
        height: 70%;
    }

    .banner_line.animated span:nth-child(6) {
        height: 95%;
    }

    .banner_line.animated span:nth-child(7) {
        height: 82%;
    }

    .banner_line.animated span:nth-child(8) {
        height: 88%;
    }

    /*.banner_line.animated span{ height: 100%;}*/

    .banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
    }

    .relative {
        position: relative;
    }

    .banner {
        overflow: hidden;
        width: 100%;
        height: calc(100vh - 70px);
    }

    .banner video {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .banner:after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: linear-gradient(360deg, rgb(0 0 0 / 42%) 18.91%, rgb(39 39 39 / 6%) 74.37%, rgba(0, 212, 255, 0) 84.45%);
    }

    .banner_text {
        position: absolute;
        top: 0;
        z-index: 11;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        flex-direction: column;
    }

    .banner_text .h2 br {
        display: none;
    }

    .banner_text .h2 {
        font-weight: bold;
        font-size: 30px;
    }

    .banner_text svg {
        stroke: none;
        fill: #fff;
        margin-bottom: 15px;
    }

    .banner .banner_text img {
        margin-bottom: 15px;
        width: 120px;
        position: static;
        height: auto;
    }

    /*.ban_text {*/

    /*    position: absolute;*/

    /*    bottom:0px;*/

    /*    left:0;*/

    /*width: 86%;*/

    /*z-index:22;*/

    /*    height: calc(100vh - 111px);*/

    /*    display: flex;*/

    /*    flex-direction: column;*/

    /*    justify-content: flex-end;*/

    /*    position: relative;*/

    /*    z-index: 34;*/

    /*    width:95%;*/

    /*}*/

    /*.ban_text .h2{ margin-bottom:10px;}*/

    /*.ban_text strong{ font-size:20px;}*/

    /*.ban_text span{ font-size:18px;}*/

    /*.ban_text img{ margin-bottom:15px; width:120px; position: static;}*/

    /*.ban_text strong,.ban_text span{ color:#fff; display:block; padding-bottom:10px;}*/

    /*.onvdzx{position:absolute; bottom:136px; right:10px; display:none;}*/

    /*.text_bottom{ margin-top:130px;}*/

    /*.ban_left_text{width:auto; background:#333F48; padding:15px;}*/

    /*.ban_right_text{ background:#333F48; padding:15px;}*/

    .ban_left {
        position: absolute;
        bottom: 30px;
        left: 50px;
        text-align: center;
        border: 1px solid rgba(255, 255, 255, 0.3);
        padding: 5px 10px;
    }

    .ban_right {
        position: absolute;
        bottom: 30px;
        right: 50px;
        text-align: center;
        z-index: 2;
    }

    .ban_right img {
        margin-bottom: 15px;
        width: 160px;
        position: static;
    }

    .ban_right .inner_div {
        border: 0px solid #fff;
    }

    .ban_right .inner_div p br {
        display: none;
    }

    .actualImage {
        position: absolute;
        bottom: 1%;
        left: 2%;
        font-size: 11px;
        color: #fff;
        opacity: 1;
        z-index: 1;
    }

    .actualImageban {
        position: absolute;
        bottom: 48px;
        left: -22px;
        font-size: 11px;
        color: #fff;
        opacity: 1;
        z-index: 1;
        transform: rotate(90deg);
        opacity: 0.7;
    }

    .pad80 {
        padding: 80px 0;
    }

    .padt80 {
        padding-top: 80px;
    }

    .padb80 {
        padding-bottom: 80px;
    }

    .span {
        color: #10100f;
        font-size: 12px;
        text-transform: capitalize;
        margin-bottom: 25px;
        display: block;
    }

    .h2 {
        font-size: 30px;
        margin-bottom: 30px;
        position: relative;
        color: #333F48;
        text-transform: capitalize;
        font-weight: bold;
    }

    .h2 span {
        display: block;
        color: #128DD8;
    }

    h4 {
        font-size: 25px;
        position: relative;
        margin-bottom: 40px;
    }

    h4::after {
        background: #FF8000;
        content: '';
        position: absolute;
        width: 0px;
        height: 3px;
        left: 0;
        bottom: -12px;
        transition: all 1s ease 0.3s;
    }

    h4.animated::after {
        width: 40px;
    }

    h4 span {
        color: #23BA97;
    }

    .btn_n {
        position: relative;
        display: inline-block;
        transition: all 0.3s ease 0s;
        border: 0px;
    }

    .btn_n a {
        background: #333F48;
        color: #fff;
        display: inline-block;
        font-size: 13px;
        position: relative;
        transition: all 0.3s ease 0s;
        letter-spacing: 0.8px;
        text-transform: uppercase;
        text-align: center;
        z-index: 11;
        border: 1px solid transparent;
    }

    .btn_n a span {
        position: relative;
        z-index: 1;
        padding: 14px 25px;
        display: block;
    }

    .btn_n a::before {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        content: '';
        height: 0;
        background: #fff;
        transition: all 0.3s ease 0s;
        z-index: -1;
    }

    .btn_n a:hover {
        color: #333F48;
        background: transparent;
        border: 1px solid #333F48;
    }

    .btn_n a:hover::before {
        height: 100%;
    }

    .bgcolor .btn_n a::before {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        content: '';
        height: 0;
        background: #fff;
        transition: all 0.3s ease 0s;
        z-index: -1;
    }

    .bgcolor .btn_n a:hover {
        color: #333F48;
        background: transparent;
        border: 1px solid rgb(255 255 255 / 34%);
    }

    .bgcolor .btn_n a:hover::before {
        height: 100%;
    }

    .grey {
        background: #F9F9F9;
    }

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(40px);
            transform: translateY(40px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(40px);
            -ms-transform: translateY(40px);
            transform: translateY(40px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    .cursor {
        position: fixed;
        left: 0;
        top: 0;
        pointer-events: none;
    }

    .cursor-arrow {
        position: relative;
        width: 60px;
        height: 60px;
        z-index: 99;
        border: 20px solid transparent;
        border-radius: 50%;
        background-color: #333F48;
        /*border: solid 1px #fff;*/
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        margin: 0;
    }

    .cursor-arrow.cursor-show {
        opacity: 1;
    }

    .cursor-arrow .bar {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1%;
        background-color: #fff;
        border-radius: 3px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .cursor-arrow .arrow::before,
    .cursor-arrow .arrow::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 65%;
        height: 1%;
        background-color: #fff;
        border-radius: 3px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .cursor-arrow.cursor-prev .arrow::before {
        left: 0;
        -webkit-transform-origin: 0% 50%;
        -ms-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
    }

    .cursor-arrow.cursor-prev .arrow::after {
        left: 0;
        -webkit-transform-origin: 0% 50%;
        -ms-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }

    .cursor-arrow.cursor-next .arrow::before {
        right: 0;
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }

    .cursor-arrow.cursor-next .arrow::after {
        right: 0;
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
    }

    .slick-slider .slick-arrow {
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        width: 50%;
        border: none;
        outline: none;
        font-size: 0;
        background-color: transparent;
        cursor: none;
    }

    .slick-slider .slick-prev {
        left: 0;
    }

    .slick-slider .slick-next {
        right: 0;
    }

    /*.banner{ width:100%; height:100vh;}*/

    .contact_left_img {
        padding-right: 60px;
    }

    .contact_left_img img {
        width: 100%;
    }

    /*.form_wrap{ width:100%;}*/

    /*.form_wrap .btn{border-radius:0}*/

    /*.form_wrap .form-group{position:relative;padding-top:20px; margin-bottom:20px; z-index:2;}*/

    /*.form_wrap .form-group textarea{resize:none}*/

    /*.form_wrap .form-group .input-highlight{content:"";width:0;height:1px;background:#fff;position:absolute;display:block;bottom:0;transition:width .4s}*/

    /*.form_wrap .form-group .form-control{border-radius:0; border-width:0 0 1px; border-color:#6F7C84; background:transparent; color:#fff !important; padding:8px 0;}*/

    /*.form_wrap .form-group .form-control::placeholder {color:#6F7C84;}*/

    /*.form_wrap .form-group .form-control.hasValue,.form_wrap .form-group .form-control:focus{box-shadow:none; border-color:#6F7C84; color:#6F7C84;}*/

    /*.form_wrap .form-group label{position:absolute;left:0px;top:15px;transition:.4s; color:#6F7C84; z-index:-1; font-size:16px;}*/

    /*.form_wrap .form-group .form-control.hasValue~.input-highlight,.form_wrap .form-group .form-control:focus~.input-highlight{width:100%}*/

    /*.form_wrap .form-group .form-control.hasValue~label,.form_wrap .form-group .form-control:focus~label{font-size:12px; top:0;left:0; color:#6F7C84; font-size:13px;}*/

    /*.form_wrap .form-group label.error{ color:red; font-size: 10px;position: absolute; left:6px; bottom: -20px; top: unset;letter-spacing: 1px; transform: scale(1.1);}*/

    /*.form_wrap .form-group .form-control.hasValue~label.error, .form_wrap .form-group .form-control:focus~label.error{ font-size:10px; top:unset; left:unset; color:red;}*/

    .form_wrap {
        width: 100%;
        padding-top: 50px;
    }

    .form_wrap .btn {
        border-radius: 0
    }

    .form_wrap .form-group {
        position: relative;
        padding-top: 20px;
        margin-bottom: 20px;
        z-index: 2;
    }

    /*.form_wrap .form-group:first-child:last-child,.form_wrap .form-group:first-child:last-child .form-control{height:100%}*/

    .form_wrap .form-group textarea {
        resize: none
    }

    .form_wrap .form-group .input-highlight {
        content: "";
        width: 0;
        height: 1px;
        background: #fff;
        position: absolute;
        display: block;
        bottom: 0;
        transition: width .4s
    }

    .form_wrap .form-group label {
        position: absolute;
        left: 0px;
        top: 15px;
        transition: .4s;
        color: #ffffff82;
        z-index: -1;
        font-size: 15px;
    }

    .form_wrap .form-group .form-control {
        border-radius: 0;
        border-width: 0 0 1px;
        border-color: #ffffff82;
        background: transparent;
        color: #fff;
        padding: 8px 0;
    }

    .form_wrap .form-group .form-control::placeholder {
        color: #ffffff82;
    }

    .form_wrap .form-group .form-control.hasValue,
    .form_wrap .form-group .form-control:focus {
        box-shadow: none;
        border-color: #fff;
        color: #ffff;
    }

    .form_wrap .form-group .form-control.hasValue~.input-highlight,
    .form_wrap .form-group .form-control:focus~.input-highlight {
        width: 100%
    }

    .form_wrap .form-group .form-control.hasValue~label,
    .form_wrap .form-group .form-control:focus~label {
        font-size: 11px;
        top: 0;
        left: 0;
        color: #6F7C84;
        font-size: 13px;
    }

    .form_wrap .form-group label.error {
        color: red;
        font-size: 10px;
        position: absolute;
        bottom: -30px;
        top: unset;
        letter-spacing: 1px;
    }

    .form_wrap .form-group .form-control.hasValue~label.error,
    .form_wrap .form-group .form-control:focus~label.error {
        font-size: 10px;
        top: unset;
        left: unset;
        color: red;
    }

    .form_wrap .submit_btn {
        position: relative;
        display: inline-block;
        transition: all 0.3s ease 0s;
        border: 0px;
    }

    .form_wrap .submit_btn button {
        border-radius: none;
        background: none;
        border: none;
    }

    .form_wrap .submit_btn .sb_btn {
        background: #333F48;
        color: #fff;
        display: inline-block;
        font-size: 16px;
        position: relative;
        transition: all 0.3s ease 0s;
        letter-spacing: 0.8px;
        text-transform: uppercase;
        text-align: center;
        padding: 10px 25px;
        border: 1px solid rgb(255 255 255 / 34%);
        z-index: 22;
    }

    .form_wrap .submit_btn .sb_btn::before {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        content: '';
        height: 0;
        background: #fff;
        transition: all 0.3s ease 0s;
        z-index: -1;
    }

    .form_wrap .submit_btn .sb_btn:hover {
        color: #333F48;
        border: 1px solid rgb(255 255 255 / 34%);
        background: transparent;
    }

    .form_wrap .submit_btn .sb_btn:hover::before {
        height: 100%;
    }

    .form_wrap .form-group select.form-control {
        appearance: none;
        -webkit-appearance: none;
        background: url(../images/dwon_arrow.svg) no-repeat 100% center !important;
        background-size: 25px !important;
    }

    .s-input {
        padding-top: 20px;
        display: inline-block;
    }

    .s-input>input {
        width: .5px !important;
        height: .5px !important;
        opacity: 0;
        position: absolute;
    }

    .s-input>label {
        font-size: 14px;
        width: 100%;
        cursor: pointer;
    }

    .s-input>label.error {
        font-size: 10px;
        display: block;
        color: red;
        margin-top: 5px;
        font-weight: normal;
        letter-spacing: 1px;
        position: absolute;
        bottom: -22px;
    }

    .s-input>label>i {
        position: relative;
        padding: 0 5px;
        display: inline-block;
        vertical-align: middle;
        width: 35px;
        height: 33px;
        margin-right: 20px;
        border: 1px solid #606060
    }

    .s-input>input:checked+label>i:after {
        content: "\f00c";
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -6px;
        margin-left: -6px;
        display: inline-block;
        font: 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #6F7C84;
    }

    .s-input--rounded>label i,
    .s-input--rounded>label i:after {
        border-radius: 0;
        display: inline-block
    }

    .s-input--rounded>label b {
        font-weight: 400;
        color: #6F7C84;
    }

    .s-input--rounded>label b a {
        font-weight: 400;
        color: #6F7C84;
        transition: all 0.85s ease;
        display: inline;
    }

    .s-input--rounded>label b a:hover {
        color: #000;
    }

    .max_width_text {
        max-width: 550px;
    }

    .divider {
        margin: 50px 0;
        height: 80px;
    }

    .divider .line {
        width: 1px;
        height: 0;
        background: #333F48;
        opacity: 0.5;
        transition: all 1s linear;
    }

    .divider.animated .line {
        height: 100%;
    }

    .about_leef {
        position: relative;
        top: -80px;
    }

    .about_leef:before {
        content: '';
        position: absolute;
        left: 0;
        top: -35px;
        width: 600px;
        height: 0;
        background: url(../images/left_leef.png) no-repeat;
        background-size: 100%;
        transition: all 1.5s linear;
        z-index: -1;
    }

    .about_leef:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0px;
        width: 650px;
        height: 0;
        background: url(../images/right_leef.png) no-repeat;
        background-size: 100%;
        transition: all 1.5s linear;
    }

    .concept_wrap.animated .about_leef:before {
        height: 350px;
    }

    .concept_wrap.animated .about_leef:after {
        height: 230px;
    }

    .abt_img {
        position: relative
    }

    .abt_img img {
        width: 100%;
    }

    .abt_img:after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 200px;
        background: linear-gradient(360deg, rgb(0 0 0 / 42%) 18.91%, rgb(39 39 39 / 6%) 74.37%, rgba(0, 212, 255, 0) 84.45%);
    }

    .abt_img h3 {
        position: absolute;
        bottom: 0;
        color: #fff;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        font-family: 'Futura PT Book' !important;
        text-transform: uppercase;
        z-index: 1;
    }

    .slick-slide {
        margin: 0 15px;
    }

    .residence_gallery_slider .slick-list {
        margin: 0 -15px !important;
    }

    .res_brd_img {
        border: 0.01px solid #333f4861;
        padding: 30px;
    }

    .res_brd_img img {
        width: 100%;
    }

    .tab_nav_list .nav-tabs {
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
    }

    .tab_nav_list .nav-tabs .nav-link {
        border: none;
        text-transform: uppercase;
        margin: 0 15px;
        padding: 0px 0px 15px;
        position: relative;
        color: #6F7C84;
    }

    .tab_nav_list .nav-tabs .nav-link::before {
        content: '';
        position: absolute;
        left: 0px;
        bottom: 12px;
        width: 0px;
        background: #333f4885;
        height: 1px;
        transition: all 0.5s ease 0s;
    }

    .tab_nav_list .nav-tabs .nav-link.active {
        color: #333F48;
    }

    .tab_nav_list .nav-tabs .nav-link.active:before {
        width: 100%;
    }

    .tab_nav_list .nav-tabs .nav-link:hover:before {
        width: 100%;
    }

    .tab_nav_list .nav-tabs .nav-link:after {
        content: "";
        position: absolute;
        right: -16px;
        top: 50%;
        background: #333f4885;
        width: 1px;
        height: 11px;
        transform: translateY(-123%);
    }

    .tab_nav_list .nav-tabs .nav-link:last-child:after {
        background: transparent;
    }

    .floor_title {
        display: block;
    }

    .floor_title h3 {
        font-size: 16px;
        color: #333F48;
        font-family: 'Futura PT Book' !important;
        margin-top: 15px;
    }

    .mt-50 {
        margin-top: -50px;
    }

    .location_map {
        margin-top: 50px;
    }

    .landscapes_img {
        position: relative;
    }

    .landscapes_img img {
        width: 100%;
    }

    .landscapes_img:after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 200px;
        background: linear-gradient(360deg, rgb(0 0 0 / 42%) 18.91%, rgb(39 39 39 / 6%) 74.37%, rgba(0, 212, 255, 0) 84.45%);
    }

    .landscapes_img h3 {
        position: absolute;
        bottom: 0;
        color: #fff;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        font-family: 'Futura PT Book' !important;
        text-transform: uppercase;
        z-index: 1;
    }

    .construction_img img {
        width: 100%;
    }

    .contol_custom {
        position: absolute;
        top: 41%;
        right: 0;
        z-index: 55;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0px;
        width: 100%;
    }

    .contol_custom span {
        width: 60px;
        height: 60px;
        border: 1px solid #333F48;
        border-radius: 100px;
        background: #333f48d4;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 21px;
        padding: 10px;
        margin: 0;
        cursor: pointer;
        -webkit-transition: all ease-in-out .3s;
        -o-transition: all ease-in-out .3s;
        transition: all ease-in-out .3s;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .contol_custom span:hover {
        background: #333F48;
        border-color: #333F48 important;
    }

    .contol_custom span svg {
        width: 10px;
        height: 10px;
        stroke: #fff;
        fill: #fff;
    }

    .contol_custom span:hover svg {
        stroke: #fff;
        fill: #fff;
    }

    .ArrowR,
    .Arrowre,
    .Arrowrl,
    .Arrowrcu {
        margin-right: 15px !important;
    }

    .contol_custom span.Arrowre {
        left: -30px;
    }

    .contol_custom span.Arrowle {
        right: -33px;
    }

    .contol_custom span i {
        font-size: 20px;
        color: #fff;
    }

    .contol_custom span:hover i {
        color: #fff;
    }

    .svg_clor {
        position: absolute;
        top: 41%;
        right: 0;
        z-index: 55;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0px;
        width: 100%;
    }

    .svg_clor span {
        width: 60px;
        height: 60px;
        border: 1px solid #333F48;
        border-radius: 100px;
        background: #333f48d4;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 21px;
        padding: 10px;
        margin: 0;
        cursor: pointer;
        -webkit-transition: all ease-in-out .3s;
        -o-transition: all ease-in-out .3s;
        transition: all ease-in-out .3s;
        position: absolute;
    }

    .svg_clor span svg {
        width: 10px;
        height: 10px;
        stroke: #333F48;
        fill: #333F48;
    }

    .svg_clor span:hover {
        background: #333F48;
        border-color: #333F48 important;
    }

    .svg_clor span:hover svg {
        stroke: #fff;
        fill: #fff;
    }

    .svg_clor span.Arrowre {
        left: -30px;
    }

    .svg_clor span.Arrowle {
        right: -30px;
    }

    .svg_clor span i {
        font-size: 20px;
        color: #fff;
    }

    .svg_clor span:hover i {
        color: #fff;
    }

    .land_bg_color {
        background: #333F48 !important;
    }

    .clr {
        color: #fff;
    }

    .p_clr {
        color: #99A5AA;
    }

    .bg_wh {
        background: #fff !important;
    }

    .leef_anm {
        position: relative;
    }

    .leef_anm:after {
        content: '';
        position: absolute;
        left: 35%;
        top: -80px;
        width: 800px;
        height: 0;
        background: url(../images/right_leef.png) no-repeat;
        background-size: 100%;
        transform: translateX(-50%);
        transition: all 3s linear;
    }

    .club_wrap.animated .leef_anm:after {
        height: 300px;
    }

    .club_amenities {
        width: 100%;
        margin-top: 30px;
    }

    .club_amenities img {
        width: 100%;
    }

    .amneties_grid .col-lg-4 {
        margin-top: -30px;
    }

    #amenities .text-center h2.h2 {
        margin-bottom: 0 !Important;
    }

    #price-list h3 {
        font-size: 25px;
    }

    .table-responsive {
        overflow-y: hidden;
    }

    .price_wrap table tr th {
        background: #333F48;
        color: #fff;
    }

    .price_wrap table tr th,
    .price_wrap table tr td {
        vertical-align: middle;
        text-align: center;
        /*border-color:transparent !important;*/
        transition: all 1.5s ease;
    }

    .price_wrap table tr td {
        border-top: none;
    }

    .price_wrap .col-lg-3 {
        margin: 0;
    }

    .stbrd.animated table tr th,
    .stbrd.animated table tr td {
        border-color: #dee2e6 !important;
    }

    .location_map img {
        width: 100%;
    }

    .loc_icon_grid {
        width: 100%;
        border: 1px solid #6f7c843b;
        text-align: center;
        padding: 15px;
        margin-top: 30px;
        transition: all 0.85s ease;
        min-height: 190px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .loc_icon_grid img {
        width: 80px;
        margin-bottom: 15px;
        transform: scale(1);
        transition: all 0.85s ease;
    }

    .loc_icon_grid h3 {
        font-size: 18px;
        font-family: 'Futura PT Book';
        margin: 0;
        transition: all 0.85s ease;
        transform: scale(1);
    }

    .loc_icon_grid:hover img {
        transform: scale(1.1);
    }

    .loc_icon_grid:hover h3 {
        transform: scale(1.1);
    }

    .loc_icon_grid:hover {
        border-color: #6F7C84;
    }

    .list_text {
        margin-top: 30px;
    }

    .list_text .pdright {
        padding-right: 60px;
    }

    .list_text .pdleft {
        padding-left: 60px;
    }

    .location_icon_list {
        width: 100%;
        gap: 2rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-bottom: 1px solid #6f7c843b;
        transition: all 0.85s ease;
        position: relative;
    }

    .location_icon_list img {
        width: 70px;
        margin: 0;
        padding: 15px 0px;
    }

    .location_icon_list h3 {
        font-size: 18px;
        font-family: 'Futura PT Book';
        margin: 0;
        transition: all 0.85s ease;
        transform: scale(1);
    }

    .location_icon_list:after {
        content: '';
        width: 0;
        height: 1px;
        position: absolute;
        right: 0;
        bottom: 0;
        background: #6F7C84;
        transition: all 0.85s ease;
    }

    .location_icon_list:hover:after {
        width: 100%;
        right: unset;
        left: 0;
    }

    .footer_columns {
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: 2rem;
        padding-top: 50px;
        border-top: 1px solid #6F7C84;
    }

    .footer_grid {
        width: 100%;
        text-align: center;
    }

    .footer_grid h3 {
        font-size: 16px;
        color: #fff;
        letter-spacing: 1px;
        margin-bottom: 15px;
    }

    .footer_grid a {
        border: 1px solid #6F7C84;
        font-size: 14px;
        padding: 8px 10px;
        color: #6F7C84;
        display: inline-block;
        width: auto;
        transition: all 0.85s ease;
    }

    .footer_grid a i {
        margin-left: 8px;
    }

    .media_icon a {
        width: auto;
        margin: 0 2px !important;
        padding: 8px 15px;
    }

    .media_icon a i {
        margin: 0;
    }

    .footer_grid a:hover {
        color: #333F48;
        background: #fff;
        border: 1px solid #000;
    }

    .footer_grid a:hover i {
        color: #333F48;
    }

    /*.footer_grid a {background:#333F48; color:#fff; display:inline-block; font-size:16px; position:relative; transition:all 0.3s ease 0s; letter-spacing:0.8px; text-transform:uppercase; text-align:center; padding:10px 25px; border: 1px solid rgb(255 255 255 / 34%); z-index:22;}*/

    /*.footer_grid a::before {position:absolute; left:0px; bottom:0px; width:100%; content:''; height:0; background:#000; transition:all 0.3s ease 0s; z-index:-1;}*/

    /*.footer_grid a:hover{color:#fff; border:1px solid rgb(255 255 255 / 34%); background:transparent;}*/

    /*.footer_grid:hover::before {height:100%;}*/

    .rera_mt {
        margin-top: 75px;
    }

    .rerah2 {
        font-size: 25px;
        font-weight: bold;
    }

    .rera_text {
        margin-top: 50px;
    }

    .rera_text ul {
        margin: 0 0 0 30px;
        padding: 0;
        list-style: decimal;
    }

    .rera_text ul li {
        margin-bottom: 15px;
    }

    .rera_text ul li ul {
        list-style: none !important;
    }

    .rera_text ul li a {
        color: #6F7C84;
        line-height: 1.6;
        font-size: 18px;
        position: relative;
        transition: all 0.85s ease;
    }

    .rera_text ul li a:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -3px;
        background: #86734A;
        width: 0%;
        height: 1px;
        transition: all 0.85s ease;
    }

    .rera_text ul li a:hover {
        color: #86734A;
    }

    .rera_text ul li a:hover:after {
        width: 100%;
    }

    .copyrigth {
        background: #000;
        padding: 15px;
    }

    .rera_link {
        border: none;
        padding-top: 0;
    }

    /*.rera_link .footer_grid{ text-align:left;}*/

    .rera_link .footer_grid .condition_nav ul li a {
        border: none;
    }

    .condition_nav {
        max-width: 100%;
        margin-top: 30px;
    }

    .condition_nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .condition_nav ul li {
        display: inline-block;
        margin: 0;
        position: relative;
    }

    .condition_nav ul li:after {
        content: "";
        width: 1px;
        height: 10px;
        background: #fff;
        opacity: 0.5;
        position: absolute;
        top: 8px;
        right: -15px;
    }

    .condition_nav ul li:last-child:after {
        background: transparent;
    }

    .condition_nav ul li.amenafter:after {
        background: transparent;
    }

    .condition_nav ul li a {
        color: #fff;
        font-size: 18px;
        position: relative;
        opacity: 0.5;
        transition: all 0.85s ease;
        padding: 0;
    }

    .condition_nav ul li a:after {
        content: "";
        width: 0;
        height: 1px;
        background: #fff;
        position: absolute;
        bottom: -4px;
        left: 0;
        transition: all 0.85s ease;
    }

    .condition_nav ul li a:hover:after {
        width: 100%;
        opacity: 1;
    }

    .condition_nav ul li a:hover {
        opacity: 1;
        background: transparent;
        color: #fff;
    }

    /*Model Popup*/

    .modal {
        z-index: 9999
    }

    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-body {
        padding: 0;
        border-radius: 0;
        border: none;
        box-shadow: none
    }

    .modal-body a {
        display: block
    }

    .modal-body img {
        width: 100%
    }

    .modal-content {
        position: relative;
        border-radius: 0;
        background: #333F48;
    }

    .modal-content .close {
        width: 50px;
        height: 50px;
        position: absolute;
        right: 25px;
        top: 25px;
        z-index: 99;
        border: none;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #ffffff42;
        border-radius: 100px;
        transition: all 0.85s ease
    }

    .modal-content .close img {
        width: 35px
    }

    img {
        user-drag: none;
        -webkit-user-drag: none;
        -moz-user-select: none
    }

    .modal-content .close:hover {
        border-color: #fff;
        background: #333F48;
    }

    #enquirepop .modal-body {
        padding: 25px;
    }

    #enquirepop .modal-header {
        padding: 0;
        border: none;
    }

    #enquirepopmain .modal-body {
        padding: 25px;
    }

    #enquirepopmain .modal-header {
        padding: 0;
        border: none;
    }

    .enquiremodel .inner_form .form-control {
        border-bottom: 1px solid #1F2226;
    }

    /*.enquiremodel .form_wrap .s-input{display:none;}*/