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

        @font-face {
            font-family: "Adobe Hebrew";
            src: url("../fonts/AdobeHebrew-Regular.eot");
            src: url("../fonts/AdobeHebrew-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/AdobeHebrew-Regular.woff2") format("woff2"), url("../fonts/AdobeHebrew-Regular.woff") format("woff"), url("../fonts/AdobeHebrew-Regular.ttf") format("truetype"), url("../fonts/AdobeHebrew-Regular.svg#AdobeHebrew-Regular") format("svg");
            font-weight: normal;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: "Bastliga One";
            src: url("../fonts/Bastliga-One.eot");
            src: url("../fonts/Bastliga-One.woff2") format("woff2"), url("../fonts/Bastliga-One.ttf") format("truetype");
            font-weight: normal;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: "Circular Std Book";
            src: url("../fonts/CircularStd-Book.eot");
            src: url("../fonts/CircularStd-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-Book.woff2") format("woff2"), url("../fonts/CircularStd-Book.woff") format("woff"), url("../fonts/CircularStd-Book.ttf") format("truetype"), url("../fonts/CircularStd-Book.svg#CircularStd-Book") format("svg");
            font-weight: 500;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: "Circular Std";
            src: url("../fonts/CircularStd-Bold.eot");
            src: url("../fonts/CircularStd-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-Bold.woff2") format("woff2"), url("../fonts/CircularStd-Bold.woff") format("woff"), url("../fonts/CircularStd-Bold.ttf") format("truetype"), url("../fonts/CircularStd-Bold.svg#CircularStd-Bold") format("svg");
            font-weight: bold;
            font-style: normal;
            font-display: swap
        }

        .AdobeHebrew,
        .eqTitle,
        .footer .item>p,
        .header .navbar-start .project-nav .nav-h4,
        .button.type-01 {
            font-family: "Adobe Hebrew"
        }

        .GaramondPremrPro,
        .file.file-01 .file-cta,
        .select select {
            font-family: "Raleway", sans-serif
        }

        .bastliga_one {
            font-family: "Bastliga One"
        }

        .circular_std {
            font-family: "Circular Std"
        }

        .color-01 {
            color: #be9d71
        }

        .color-02 {
            color: #563636
        }

        .color-03 {
            color: #434343
        }

        .is-white {
            color: #fff
        }

        .is-black {
            color: #000
        }

        .is-red {
            color: #000
        }

        .is-dark {
            color: #1f1f1f
        }

        .is-gray {
            color: #575757
        }

        .is-dark-gray {
            color: #747474
        }

        .is-light-gray {
            color: #969696
        }

        .is-lightest-gray {
            color: #fff8f8
        }

        .is-light-gray-1 {
            color: #eaeaea
        }

        .is-brand-color-01 {
            color: #007a4c
        }

        .is-brand-color-02 {
            color: #008594
        }

        .is-brand-color-03 {
            color: #0e3178
        }

        .is-bg-white {
            background-color: #fff
        }

        .is-bg-red {
            background-color: #000;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .is-bg-dark {
            background-color: #1f1f1f
        }

        .is-bg-gray {
            background-color: #575757
        }

        i {
            letter-spacing: -3px
        }

        @media  screen and (max-width:1700px) {
            i {
                letter-spacing: -1px
            }
        }

        .top-bottom-padding {
            padding-top: 140px;
            padding-bottom: 100px
        }

        .top-bottom-padding.small-padding {
            padding-top: 2vw;
            padding-bottom: 2vw
        }

        @media  only screen and (max-width:1700px) {
            .top-bottom-padding {
                padding-top: 120px;
                padding-bottom: 60px
            }
        }

        @media  only screen and (max-width:1023px) {
            .top-bottom-padding {
                padding-top: 40px;
                padding-bottom: 40px
            }

            .top-bottom-padding.small-padding {
                padding-top: 50px;
                padding-bottom: 50px
            }

            .top-bottom-padding.mob-top-padding-0 {
                padding-top: 0
            }

            .top-bottom-padding.mob-bottom-padding-0 {
                padding-bottom: 0
            }
        }

        .right-left-padding {
            padding-left: 6%;
            padding-right: 6%
        }

        .right-left-padding.rl-padding-02 {
            padding-left: 0;
            padding-right: 0
        }

        @media  only screen and (max-width:1023px) {
            .right-left-padding.rl-padding-02 {
                padding-left: 40px;
                padding-right: 40px
            }
        }

        .inner-top-bottom-padding {
            padding-top: 120px;
            padding-bottom: 120px
        }

        .inner-top-bottom-padding.small-padding {
            padding-top: 80px;
            padding-bottom: 80px
        }

        @media  only screen and (max-width:1700px) {
            .inner-top-bottom-padding {
                padding-top: 80px;
                padding-bottom: 80px
            }

            .inner-top-bottom-padding.small-padding {
                padding-top: 40px;
                padding-bottom: 40px
            }
        }

        @media  only screen and (max-width:1023px) {
            .inner-top-bottom-padding {
                padding-top: 60px;
                padding-bottom: 40px
            }

            .inner-top-bottom-padding.small-padding {
                padding-top: 40px;
                padding-bottom: 40px
            }

            .inner-top-bottom-padding.mob-top-padding-0 {
                padding-top: 0
            }

            .inner-top-bottom-padding.mob-bottom-padding-0 {
                padding-bottom: 0
            }
        }

        .button.type-01 {
            background-color: transparent;
            border: 1px solid rgba(255, 255, 255, 0.5);
            border-radius: 30px;
            padding: 26px;
            color: #fff;
            font-size: 16px;
            position: relative;
            overflow: hidden;
            font-weight: 600
        }

        .button.type-01:before {
            width: 120%;
            height: 100%;
            position: absolute;
            left: -10%;
            top: 100%;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .button.type-01 span {
            position: relative;
            z-index: 2;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .button.type-01 .span-1 {
            transition: transform .3s ease
        }

        .button.type-01 .span-2 {
            position: absolute;
            left: 0;
            top: 100%;
            z-index: 1;
            transition: top .3s ease
        }

        .button.type-01.is-enquire-now:before {
            content: "Enquire Now"
        }

        .button.type-01.is-white {
            color: #fff;
            border-color: #fff
        }

        .button.type-01.is-white:before,
        .button.type-01.is-white .span-2 {
            background-color: #fff;
            color: #000
        }

        .button.type-01.is-black {
            color: #000;
            border-color: #000
        }

        .button.type-01.is-black:before,
        .button.type-01.is-black .span-2 {
            background-color: #000;
            color: #fff
        }

        .button.type-01.is-red {
            color: #000;
            border-color: #000;
            background-color: transparent
        }

        .button.type-01.is-red:before,
        .button.type-01.is-red .span-2 {
            background-color: #000;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%);
            color: #fff
        }

        .button.type-01.is-gray {
            color: #575757;
            border-color: #575757;
            background-color: transparent
        }

        .button.type-01.is-gray:before,
        .button.type-01.is-gray .span-2 {
            background-color: #000;
            color: #fff
        }

        .button.type-01.is-black-fill {
            color: #fff;
            border-color: #000;
            background-color: #000
        }

        .button.type-01.is-black-fill:before,
        .button.type-01.is-black-fill .span-2 {
            color: #000;
            border-color: #dc865f;
            background-color: #dc865f
        }

        .button.type-01.is-white-fill {
            color: #1f1f1f;
            border-color: #fff;
            background-color: #fff
        }

        .button.type-01.is-white-fill:before,
        .button.type-01.is-white-fill .span-2 {
            color: #fff;
            border-color: #000;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .button.type-01.is-red-fill {
            color: #fff;
            border-color: #000;
            background-color: #000
        }

        .button.type-01.is-red-fill:before,
        .button.type-01.is-red-fill .span-2 {
            color: #fff;
            border-color: #dc865f;
            background-color: #dc865f
        }

        .button.type-01.is-gray-fill {
            color: #fff;
            border-color: #575757;
            background-color: #575757
        }

        .button.type-01.is-gray-fill:before,
        .button.type-01.is-gray-fill .span-2 {
            color: #fff;
            border-color: #000;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .button.type-01.is-red-transparent {
            color: #000;
            border-color: #000;
            background-color: transparent
        }

        .button.type-01.is-gradient-fill {
            color: #fff;
            border-color: #008594;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .button.type-01.is-gradient-fill:before,
        .button.type-01.is-gradient-fill .span-2 {
            color: #fff;
            border-color: #008594;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .button.type-01.is-loading {
            background-color: #000;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%);
            color: #fff;
            transition: top .3s ease
        }

        .button.type-02 {
            background-color: transparent;
            border: 0;
            padding: 0;
            font-size: 16px;
            width: 7.5vw;
            height: 7.5vw;
            display: flex;
            align-items: center;
            position: relative
        }

        .button.type-02:before {
            content: "";
            width: 100%;
            height: 100%;
            border: 1px solid rgba(255, 255, 255, 0.5);
            border-radius: 50%;
            position: absolute;
            left: -35%;
            top: 0
        }

        .button.type-02 span {
            position: relative;
            z-index: 1
        }

        .button.type-02.is-white {
            color: #fff
        }

        .button.type-03 {
            background-color: transparent;
            border: 0;
            padding: 0;
            height: auto
        }

        .button.type-03 .text {
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 500;
            letter-spacing: 2px
        }

        .button.type-03 .line-arrow {
            position: relative;
            display: flex;
            align-items: center
        }

        .button.type-03 .line-arrow .span-1 {
            content: "";
            background-color: #000;
            width: 50px;
            height: 1px;
            display: inline-block;
            margin: 0 10px
        }

        .button.type-03 .line-arrow .span-2 {
            width: 0;
            height: 0;
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
            border-left: 10px solid #000;
            display: inline-block
        }

        .button.type-03.is-red .text {
            color: #000
        }

        .button:hover.type-01 {
            color: #000
        }

        .button:hover.type-01 span.span-1 {
            transform: translateY(-40px)
        }

        .button:hover.type-01 span.span-2 {
            top: 0
        }

        .button:hover.type-01.is-white:before {
            top: 0
        }

        .button:hover.type-01.is-black:before {
            top: 0
        }

        .button:hover.type-01.is-red {
            border-color: #008594
        }

        .button:hover.type-01.is-red:before {
            top: 0
        }

        .button:hover.type-01.is-red img {
            filter: invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)
        }

        .button:hover.type-01.is-gray:before {
            top: 0
        }

        .button:hover.type-01.is-gray img {
            filter: invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)
        }

        .button:hover.type-01.is-black-fill:before {
            top: 0
        }

        .button:hover.type-01.is-white-fill {
            border-color: #008594
        }

        .button:hover.type-01.is-white-fill:before {
            top: 0
        }

        .button:hover.type-01.is-red-fill {
            color: #fff
        }

        .button:hover.type-01.is-red-fill:before {
            top: 0
        }

        .button:hover.type-01.is-gray-fill {
            color: #fff
        }

        .button:hover.type-01.is-gray-fill:before {
            top: 0
        }

        .button:hover.type-01.is-gradient-fill {
            color: #fff
        }

        .button:hover.type-01.is-gradient-fill:before {
            top: 0
        }

        .button:hover.type-02:before {
            border-color: #000;
            background-color: #000
        }

        .button:hover.type-02.is-white {
            color: #fff
        }

        @media  only screen and (max-width:1700px) {
            .button.type-01 {
                padding: 17px 18px 14px;
                font-size: 12px;
                line-height: 10px
            }

            .button.type-03 .text {
                font-size: 12px
            }
        }

        @media  only screen and (max-width:1200px) {
            .button.type-01 {
                padding: 12px 14px 10px;
                font-size: 8px;
                line-height: 8px
            }

            .button.type-03 .text {
                font-size: 10px
            }
        }

        .popup-button {
            margin: 10px;
            padding: 1em 3em;
            background-size: 200% auto !important;
            color: white;
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            transition: .5s
        }

        .popup-button:hover {
            background-position: right center
        }

        .circle-fade-in {
            position: relative;
            overflow: hidden
        }

        .circle-fade-in:before {
            content: "";
            width: 110%;
            height: 110%;
            position: absolute;
            left: -5%;
            top: -5%;
            z-index: 1;
            border-radius: 50%;
            transform: scale(1) translateY(100%)
        }

        .circle-fade-in img {
            position: relative;
            z-index: 2
        }

        .circle-fade-in.is-white:before {
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .circle-fade-in.is-red:before {
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .circle-fade-in.is-red-fill:before {
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .circle-fade-in.is-gradient-fill:before {
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .circle-fade-in:hover:before {
            transform: scale(1)
        }

        .circle-fade-in:hover.is-white img {
            filter: invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)
        }

        .close-burger-btn {
            cursor: pointer;
            height: 30px;
            width: 30px;
            position: absolute;
            right: 30px;
            top: 30px;
            display: none;
            overflow: hidden;
            transition-delay: 0
        }

        .close-burger-btn:before {
            content: "";
            width: 120%;
            height: 100%;
            position: absolute;
            left: -10%;
            top: 100%;
            z-index: 1;
            background-color: #000;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .close-burger-btn span {
            height: 2px;
            width: 20px;
            transform-origin: center;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 2
        }

        .close-burger-btn span:nth-child(1) {
            top: calc(50% - 8px)
        }

        .close-burger-btn span:nth-child(2) {
            top: calc(50% - 0)
        }

        .close-burger-btn span:nth-child(3) {
            top: calc(50% + 8px)
        }

        .close-burger-btn span:nth-child(1) {
            top: calc(50% - 5px);
            transform: translateY(5px) rotate(45deg)
        }

        .close-burger-btn span:nth-child(2) {
            opacity: 0
        }

        .close-burger-btn span:nth-child(3) {
            top: calc(50%+5px);
            transform: translateY(-5px) rotate(-45deg)
        }

        .close-burger-btn.is-white {
            background-color: #fff
        }

        .close-burger-btn.is-white span {
            background-color: #1f1f1f
        }

        .close-burger-btn.is-active {
            display: block
        }

        .close-burger-btn:hover {
            transition-delay: 1s
        }

        .close-burger-btn:hover:before {
            top: 0
        }

        .close-burger-btn:hover span {
            width: 12px
        }

        .close-burger-btn:hover.is-white span {
            background-color: #fff
        }

        @media  only screen and (max-width:1023px) {
            .close-burger-btn {
                height: 20px;
                width: 20px;
                right: 15px;
                top: 50px
            }

            .close-burger-btn span {
                height: 2px;
                width: 16px
            }

            .close-burger-btn:hover span {
                width: 16px
            }
        }

        .transition-all-03s-ease,
        #social-links,
        .social-share-wrp,
        .footer .wrp-01 a,
        .home-banner-wrp .follow-us a,
        .header .navbar-burger span,
        .normal-video *,
        .list-wrp.product-list-02,
        .list-wrp.product-list,
        .play-btn-circle span,
        .button.type-01:before,
        .button.type-02,
        .button.type-02:before,
        .close-burger-btn:before {
            transition: all .3s ease
        }

        .transition-all-1s-ease,
        .slider-main.owl-carousel .owl-item>div,
        .home-spaces-section .normal-video .video-thumb img,
        .home-project-section .img-wrp .project-gif,
        .home-overview-section .img-wrp img,
        .home-banner-wrp>.left-wrp>div p,
        .img-zoom img,
        .button.type-01,
        .circle-fade-in:before,
        .circle-fade-in img,
        .close-burger-btn,
        .close-burger-btn span,
        .home-buyers-guide-wrp .item .img-wrp:before,
        .home-buyers-guide-wrp .item .img-wrp>* {
            transition: all .4s ease
        }

        .animation-delay-1s {
            animation-delay: 1s
        }

        html.scroll-none-inner-page {
            overflow: hidden
        }

        @media  only screen and (max-width:380px) {
            html {
                min-width: auto
            }
        }

        body {
            font-family: "Raleway", sans-serif;
            font-weight: 400
        }

        body.scroll-none {
            overflow: hidden
        }

        body.scroll-none .slider-main.owl-carousel .owl-item {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none
        }

        body.anim-active-mob .footer {
            /*position:fixed;*/
            left: 0;
            bottom: 0;
            width: 100%
        }

        @media  only screen and (max-width:1023px) {
            body.anim-active-mob .footer {
                position: static
            }
        }

        section.is-bg-white {
            position: relative;
            z-index: 1
        }

        section.is-bg-white.active {
            z-index: 9999
        }

        div.is-bg-white {
            position: relative;
            z-index: 1
        }

        #cursor {
            position: fixed;
            top: -5px;
            left: -5px;
            width: 10px;
            height: 10px;
            background-color: #fff;
            border-radius: 50%;
            pointer-events: none;
            z-index: 99999;
            mix-blend-mode: difference
        }

        #cursor-border {
            --size: 30px;
            position: fixed;
            top: calc(var(--size) / -2);
            left: calc(var(--size) / -2);
            width: var(--size);
            height: var(--size);
            border-radius: 50%;
            box-shadow: 0 0 0 1px #fff;
            pointer-events: none;
            transition: top .15s ease-out, left .15s ease-out, width .15s ease-out, height .15s ease-out, background-color .15s ease-out;
            z-index: 99999;
            mix-blend-mode: difference
        }

        @media(hover:none) {

            #cursor,
            #cursor-border {
                display: none
            }
        }

        .btn-circle {
            position: relative;
            color: #34adc6;
            text-transform: uppercase;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 2px;
            margin-top: 5vw;
            display: inline-block
        }

        .btn-circle:before {
            content: "";
            width: 7vw;
            height: 7vw;
            border: 1px solid #34adc680;
            border-radius: 50%;
            position: absolute;
            right: -2.8vw;
            top: -2.7vw;
            z-index: 0
        }

        @media  only screen and (max-width:1500px) {
            .btn-circle {
                font-size: 12px;
                margin-bottom: 5vw
            }
        }

        @media  only screen and (max-width:1024px) {
            .btn-circle::before {
                right: -1.5vw
            }
        }

        @media  only screen and (max-width:767px) {
            .btn-circle {
                font-size: 9px
            }

            .btn-circle:before {
                width: 60px;
                height: 60px;
                top: -24px;
                right: -14px
            }
        }

        .play-btn-circle {
            position: relative;
            width: 5.5vw;
            height: 5.5vw;
            border: 1px solid rgba(255, 255, 255, 0.5);
            border-radius: 50%;
            z-index: 0;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .play-btn-circle span {
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 16px solid #fff;
            display: inline-block;
            position: relative;
            z-index: 1
        }

        .play-btn-circle.small-btn {
            width: 4vw;
            height: 4vw
        }

        .play-btn-circle.is-red-fill {
            background-color: #000;
            border-color: #000
        }

        .play-btn-circle.is-red-fill span {
            border-top-color: transparent;
            border-bottom-color: transparent;
            border-left-color: #fff
        }

        .play-btn-circle.is-white {
            background-color: transparent;
            border-color: #fff
        }

        .play-btn-circle.is-white span {
            border-top-color: transparent;
            border-bottom-color: transparent;
            border-left-color: #fff
        }

        .play-btn-circle.is-red {
            background-color: transparent;
            border-color: #000
        }

        .play-btn-circle.is-red span {
            border-top-color: transparent;
            border-bottom-color: transparent;
            border-left-color: #000
        }

        .play-btn-circle.is-gradient-fill {
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%);
            border-color: #008594
        }

        .play-btn-circle.is-gradient-fill span {
            border-top-color: transparent;
            border-bottom-color: transparent;
            border-left-color: #fff
        }

        .play-btn-circle:hover.is-red span {
            border-left-color: #fff
        }

        @media  only screen and (max-width:1700px) {
            .play-btn-circle span {
                border-top: 6px solid transparent;
                border-bottom: 6px solid transparent;
                border-left: 12px solid #fff
            }
        }

        @media  only screen and (max-width:1024px) {
            .play-btn-circle::before {
                right: -1.5vw
            }
        }

        @media  only screen and (max-width:767px) {
            .play-btn-circle {
                font-size: 9px;
                width: 10vw;
                height: 10vw
            }

            .play-btn-circle:before {
                width: 110%;
                height: 110%;
                top: 0;
                right: 0
            }

            .play-btn-circle span {
                border-top: 4px solid transparent;
                border-bottom: 4px solid transparent;
                border-left: 6px solid #fff;
                margin-left: 2px
            }

            .play-btn-circle.small-btn {
                width: 10vw;
                height: 10vw
            }
        }

        .tabcontent {
            display: flex;
            display: none
        }

        .tabcontent:first-child {
            display: flex
        }

        .tabcontent.tabcontent-on-load {
            display: flex
        }

        .letter-spacing-0 {
            letter-spacing: 0 !important
        }

        .letter-spacing-1,
        .allprojects-filter-wrp .formControl select,
        .construction-table th,
        .footer .wrp-01 a,
        .footer .wrp-01 p,
        .tab-accordion .accordion-section-content p,
        .tab-accordion .accordion-section-content ul li,
        .tab-accordion .accordion-section-content {
            letter-spacing: 1px !important
        }

        .letter-spacing-2,
        .tab-wrp .tab,
        .sub-nav-link-wrp .tab,
        .sub-nav-wrp .tab {
            letter-spacing: 2px !important
        }

        .font-400-space-0 {
            font-weight: 400;
            letter-spacing: normal
        }

        .font-300-space-0 {
            font-weight: 300;
            letter-spacing: 1px
        }

        .font-500-space-2 {
            font-weight: 600;
            letter-spacing: 2px
        }

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

        .event-date {
            position: absolute;
            background-color: white;
            width: 50px;
            height: 50px;
            line-height: normal;
            border-radius: 50%;
            display: flex;
            align-items: center;
            text-align: center;
            color: black;
            top: 5px;
            right: 6px;
            font-size: 10px;
            padding: 10px;
            color: #747474
        }

        .event-date.big-img-event-date {
            width: 60px;
            height: 60px;
            font-size: 12px;
            top: 20px;
            right: 22px
        }

        @media  only screen and (max-width:1024px) {
            .event-date {
                left: 260px
            }

            .event-date.big-img-event-date {
                left: 340px !important
            }

            .event-date.event-section-date {
                left: 190px;
                font-size: 10px;
                width: 40px;
                height: 40px
            }
        }

        @media  only screen and (max-width:768px) {
            .event-date {
                left: 350px
            }

            .event-date.big-img-event-date {
                left: 460px !important
            }

            .event-date.event-section-date {
                left: 580px;
                font-size: 14px;
                width: 60px;
                height: 60px
            }
        }

        @media  only screen and (max-width:767px) {
            .event-date.event-section-date {
                left: 410px
            }
        }

        @media  only screen and (max-width:480px) {
            .event-date {
                left: 280px
            }

            .event-date.big-img-event-date {
                left: 280px !important
            }

            .event-date.event-section-date {
                left: 210px;
                width: 40px;
                height: 40px;
                font-size: 10px
            }
        }

        .select {
            margin-left: 10px
        }

        .select select {
            font-size: 18px;
            text-transform: uppercase;
            padding: 0 30px
        }

        .select select option {
            color: #1f1f1f
        }

        .select:not(.is-multiple) {
            height: 50px
        }

        .select.is-primary select {
            height: 50px;
            border-color: #e7e7e7;
            font-size: 15px;
            padding: 10px 10px 10px 10px !important;
            color: #fff
        }

        .select:not(.is-multiple):not(.is-loading)::after {
            border-width: 2px;
            border-color: #fff;
            height: 12px;
            width: 12px;
            top: 46%
        }

        .select.border-select select {
            background-color: transparent;
            border-width: 2px;
            border-radius: 30px
        }

        .select.border-select.red select {
            border-color: #000;
            color: #000
        }

        .select.border-select.white select {
            border-color: #fff;
            color: #fff
        }

        .select.border-bottom select {
            background-color: transparent;
            border: 0;
            border-bottom: 1px solid
        }

        .select.border-bottom.white select {
            border-color: #4f6182;
            color: #93a2bc
        }

        .select.group-border-select {
            margin-left: 0;
            height: 60px
        }

        .select.group-border-select select {
            width: 170px;
            height: 100%;
            background-color: transparent;
            border-width: 1px
        }

        .select.group-border-select:first-child select {
            border-radius: 30px 0 0 30px
        }

        .select.group-border-select:last-child select {
            border-radius: 0 30px 30px 0;
            border-left: 0
        }

        .select.group-border-select.red select {
            border-color: #000;
            color: #000
        }

        .select.group-border-select.white select {
            border-color: #fff;
            color: #fff
        }

        .select.big:not(.is-multiple) {
            height: 70px
        }

        .select.big select {
            font-size: 25px;
            height: 70px
        }

        @media  only screen and (max-width:1700px) {
            .select {
                margin-left: 6px
            }

            .select select {
                font-size: 12px;
                padding: 0 20px
            }

            .select:not(.is-multiple) {
                height: 32px
            }

            .select.is-primary select {
                height: 32px;
                line-height: initial;
                font-size: 13px;
                padding: 0 4px 0 8px !important
            }

            .select:not(.is-multiple):not(.is-loading)::after {
                height: 10px;
                width: 10px
            }

            .select.group-border-select select {
                width: 120px
            }

            .select.big:not(.is-multiple) {
                height: 50px
            }

            .select.big select {
                font-size: 15px;
                height: 50px
            }
        }

        @media  only screen and (max-width:1200px) {
            .select.is-primary select {
                font-size: 12px;
                padding: 0 4px 0 8px !important
            }

            .select:not(.is-multiple):not(.is-loading)::after {
                height: 8px;
                width: 8px;
                border-width: 1px
            }
        }

        .input:not(.is-multiple) {
            height: 50px
        }

        .input.border-bottom {
            background-color: transparent;
            border: 0;
            border-bottom: 1px solid;
            box-shadow: none
        }

        .input.border-bottom.dark-gray {
            border-color: #747474;
            color: #747474
        }

        .input.border-bottom.dark-gray::-webkit-input-placeholder {
            color: #747474
        }

        .input.border-bottom.dark-gray::-moz-placeholder {
            color: #747474
        }

        .input.border-bottom.dark-gray:-ms-input-placeholder {
            color: #747474
        }

        .input.border-bottom.dark-gray:-moz-placeholder {
            color: #747474
        }

        .input.border-bottom.gray {
            border-color: #575757;
            color: #575757
        }

        .input.border-bottom.gray::-webkit-input-placeholder {
            color: #575757
        }

        .input.border-bottom.gray::-moz-placeholder {
            color: #575757
        }

        .input.border-bottom.gray:-ms-input-placeholder {
            color: #575757
        }

        .input.border-bottom.gray:-moz-placeholder {
            color: #575757
        }

        .input.border-bottom.white {
            border-color: #fff;
            color: #fff
        }

        .input.border-bottom.white::-webkit-input-placeholder {
            color: #fff
        }

        .input.border-bottom.white::-moz-placeholder {
            color: #fff
        }

        .input.border-bottom.white:-ms-input-placeholder {
            color: #fff
        }

        .input.border-bottom.white:-moz-placeholder {
            color: #fff
        }

        @media  screen and (max-width:1700px) {
            .input {
                font-size: 12px
            }

            .input:not(.is-multiple) {
                height: 32px
            }
        }

        .textarea {
            resize: none
        }

        @media  screen and (max-width:1700px) {
            .label:not(:last-child) {
                margin-bottom: 0
            }
        }

        .radio,
        .checkbox {
            display: inline-flex;
            align-items: center
        }

        .radio input,
        .checkbox input {
            margin-right: 4px
        }

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

            .radio,
            .checkbox {
                width: 100%;
                margin-right: 0;
                margin-left: 0 !important
            }
        }

        .radio+.radio {
            margin-left: 1.5em
        }

        .checkbox+.checkbox {
            margin-left: 1.5em
        }

        .form-btn-wrp .container {
            padding: 0 12%
        }

        .form-btn-wrp .column:last-child .btn-big-cricle-wrp {
            margin: 5% 0 0 auto
        }

        @media  screen and (max-width:767px) {
            .form-btn-wrp .container {
                padding: 0 5%
            }
        }

        .file.has-name .file-cta {
            width: 35%
        }

        .file.has-name .file-name {
            width: 65%;
            max-width: none
        }

        .file.file-01 {
            width: 100%
        }

        .file.file-01 .file-label {
            width: 100%;
            height: 70px
        }

        .file.file-01 .file-name {
            height: 100%
        }

        .file.file-01 .file-cta {
            width: 100%;
            height: 100%;
            background-color: transparent;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            color: #000;
            font-weight: 400
        }

        @media  screen and (max-width:1700px) {
            .file.file-01 .file-label {
                height: 50px
            }

            .file.file-01 .file-cta {
                font-size: 16px
            }
        }

        @media  screen and (max-width:1023px) {
            .file.file-01 {
                margin-top: 0 !important
            }

            .file.file-01 .file-label {
                height: 40px
            }
        }

        .heading-01,
        .inner-banner h1 {
            font-size: 50px;
            line-height: 50px;
            letter-spacing: -0.2px
        }

        .heading-01.margin-b,
        .inner-banner h1.margin-b {
            margin-bottom: 60px
        }

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

            .heading-01,
            .inner-banner h1 {
                font-size: 36px;
                line-height: 36px
            }

            .heading-01.margin-b,
            .inner-banner h1.margin-b {
                margin-bottom: 30px
            }
        }

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

            .heading-01,
            .inner-banner h1 {
                font-size: 26px;
                line-height: 26px
            }

            .heading-01.margin-b,
            .inner-banner h1.margin-b {
                margin-bottom: 20px
            }
        }

        .heading-02 {
            font-size: 20px;
            line-height: 24px
        }

        @media  only screen and (max-width:1700px) {
            .heading-02 {
                font-size: 16px;
                line-height: 24px
            }
        }

        @media  only screen and (max-width:1200px) {
            .heading-02 {
                font-size: 14px;
                line-height: 18px
            }
        }

        .heading-03 {
            font-size: 40px;
            line-height: 50px
        }

        .heading-03.small {
            font-size: 34px;
            line-height: 44px
        }

        @media  only screen and (max-width:1700px) {
            .heading-03 {
                font-size: 30px;
                line-height: 40px
            }

            .heading-03.small {
                font-size: 22px;
                line-height: 32px
            }
        }

        @media  only screen and (max-width:1200px) {
            .heading-03 {
                font-size: 20px;
                line-height: 30px
            }

            .heading-03.small {
                font-size: 16px;
                line-height: 16px
            }
        }

        .para-01 {
            font-size: 18px;
            line-height: 22px
        }

        .para-01.is-uppercase {
            font-size: 22px;
            line-height: 26px
        }

        @media  only screen and (max-width:1700px) {
            .para-01 {
                font-size: 14px;
                line-height: 18px
            }

            .para-01.is-uppercase {
                font-size: 18px;
                line-height: 22px
            }
        }

        @media  only screen and (max-width:1200px) {
            .para-01 {
                font-size: 12px;
                line-height: 14px
            }

            .para-01.is-uppercase {
                font-size: 16px;
                line-height: 20px
            }
        }

        .para-02,
        .sec-eq.static .formControl input,
        .sec-eq.static .formControl textarea,
        .sec-eq.static .formControl select {
            font-size: 18px;
            line-height: 22px;
            letter-spacing: 1px
        }

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

            .para-02,
            .sec-eq.static .formControl input,
            .sec-eq.static .formControl textarea,
            .sec-eq.static .formControl select {
                font-size: 14px;
                line-height: 18px
            }

            .para-02.is-uppercase,
            .sec-eq.static .formControl input.is-uppercase,
            .sec-eq.static .formControl textarea.is-uppercase,
            .sec-eq.static .formControl select.is-uppercase {
                font-size: 14px;
                line-height: 18px
            }
        }

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

            .para-02,
            .sec-eq.static .formControl input,
            .sec-eq.static .formControl textarea,
            .sec-eq.static .formControl select {
                font-size: 12px;
                line-height: 16px
            }

            .para-02.is-uppercase,
            .sec-eq.static .formControl input.is-uppercase,
            .sec-eq.static .formControl textarea.is-uppercase,
            .sec-eq.static .formControl select.is-uppercase {
                font-size: 12px;
                line-height: 16px
            }
        }

        .para-03 {
            font-size: 26px;
            line-height: 30px;
            letter-spacing: 1px
        }

        @media  only screen and (max-width:1700px) {
            .para-03 {
                font-size: 22px;
                line-height: 26px
            }
        }

        @media  only screen and (max-width:1200px) {
            .para-03 {
                font-size: 18px;
                line-height: 22px
            }
        }

        .heading-wrapper {
            width: 100%;
            margin: auto;
            padding: 6vw 0 2vw
        }

        .heading-wrapper.padding-t-1 {
            padding-top: 3vw !important
        }

        .heading-wrapper.center {
            text-align: center
        }

        @media  only screen and (max-width:767px) {
            .heading-wrapper br {
                display: none
            }
        }

        @media  only screen and (max-width:767px) {
            .title {
                margin-bottom: 20px !important
            }
        }

        .container.extra-small {
            width: 1140px !important;
            max-width: none !important
        }

        @media  screen and (min-width:1201px) {
            .container.fullhd {
                max-width: 95% !important
            }

            .container.extra-hd {
                max-width: 85% !important
            }
        }

        @media  screen and (max-width:1200px) {
            .container {
                width: 90%
            }

            .container.extra-small {
                width: 90% !important;
                max-width: none !important
            }
        }

        .main-wrapper {
            width: 90vw;
            margin-left: auto
        }

        .owl-nav-wrp .owl-nav [class*=owl-] {
            background: transparent;
            color: #34adc6;
            text-transform: uppercase;
            font-size: 0;
            font-weight: 600;
            letter-spacing: 4px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }

        .owl-nav-wrp .owl-nav [class*=owl-]:before {
            content: "";
            width: 100px;
            height: 100px;
            border: 1px solid white;
            border-radius: 50%;
            position: absolute;
            right: -107px;
            top: -54px;
            z-index: 0
        }

        .owl-nav-wrp .owl-nav [class*=owl-]:after {
            content: "";
            background: url("../images/right-arrow.png") center no-repeat;
            width: 33px;
            height: 16px;
            position: absolute;
            right: -70px;
            top: -10px
        }

        .owl-nav-wrp .owl-nav [class*=owl-]:not(.disabled):hover {
            color: #3b95d1
        }

        .owl-nav-wrp .owl-nav .owl-prev {
            left: -4%
        }

        .owl-nav-wrp .owl-nav .owl-prev:before {
            left: -99px
        }

        .owl-nav-wrp .owl-nav .owl-prev:after {
            transform: rotate(180deg);
            left: -70px
        }

        .owl-nav-wrp .owl-nav .owl-next {
            right: -4%
        }

        .owl-nav-wrp .owl-nav .disabled {
            opacity: 0 !important
        }

        .owl-nav-wrp.is-white-btn .owl-nav [class*=owl-] {
            background-color: #fff;
            box-shadow: 0 4px 20px 3px #ffffff85
        }

        .owl-nav-wrp.is-white-btn .owl-nav [class*=owl-]:before {
            content: "";
            background-color: #555
        }

        .owl-nav-wrp.is-white-btn .owl-nav [class*=owl-]:after {
            content: "";
            border: solid #555;
            border-width: 0 1px 0 0
        }

        .owl-nav-wrp.is-white-btn .owl-nav [class*=owl-]:not(.disabled):hover:before {
            background-color: #fff
        }

        .owl-nav-wrp.is-white-btn .owl-nav [class*=owl-]:not(.disabled):hover:after {
            border: solid #fff;
            border-width: 0 1px 0 0
        }

        @media  screen and (max-width:1700px) {
            .owl-nav-wrp .owl-nav [class*=owl-] {
                font-size: 0
            }

            .owl-nav-wrp .owl-nav [class*=owl-]:before {
                content: "";
                width: 80px;
                height: 80px;
                right: -47px;
                top: -46px
            }

            .owl-nav-wrp .owl-nav [class*=owl-]:after {
                content: "";
                background-size: cover;
                width: 30px;
                height: 13px;
                right: -22px;
                top: -10px
            }

            .owl-nav-wrp .owl-nav .owl-prev:before {
                left: -60px
            }

            .owl-nav-wrp .owl-nav .owl-prev:after {
                left: -36px
            }
        }

        @media  screen and (max-width:1500px) {
            .owl-nav-wrp .owl-nav [class*=owl-] {
                font-size: 0
            }

            .owl-nav-wrp .owl-nav [class*=owl-]:before {
                content: "";
                width: 80px;
                height: 80px;
                right: -42px;
                top: -128px
            }

            .owl-nav-wrp .owl-nav [class*=owl-]:after {
                content: "";
                width: 22px;
                height: 9px;
                right: -12px;
                top: -90px
            }

            .owl-nav-wrp .owl-nav .owl-prev:before {
                left: -36px
            }

            .owl-nav-wrp .owl-nav .owl-prev:after {
                left: -5px
            }
        }

        @media  screen and (max-width:1280px) {
            .owl-nav-wrp .owl-nav .owl-prev {
                left: -1%
            }

            .owl-nav-wrp .owl-nav .owl-next {
                right: -1%
            }
        }

        @media  screen and (max-width:1024px) {
            .owl-nav-wrp .owl-nav [class*=owl-] {
                font-size: 0
            }

            .owl-nav-wrp .owl-nav [class*=owl-]:before {
                content: "";
                width: 60px;
                height: 60px;
                right: -35px;
                top: -22px
            }

            .owl-nav-wrp .owl-nav [class*=owl-]:after {
                content: "";
                width: 16px;
                height: 8px;
                right: -16px;
                top: 6px
            }
        }

        @media  screen and (max-width:768px) {
            .owl-nav-wrp .owl-nav [class*=owl-] {
                font-size: 0
            }

            .owl-nav-wrp .owl-nav .owl-prev {
                left: 4%
            }

            .owl-nav-wrp .owl-nav .owl-next {
                right: 4%
            }
        }

        @media  screen and (max-width:767px) {
            .owl-nav-wrp .owl-nav [class*=owl-] {
                font-size: 0
            }

            .owl-nav-wrp .owl-nav [class*=owl-]:before {
                content: "";
                width: 40px;
                height: 40px;
                right: -35px;
                top: -22px
            }

            .owl-nav-wrp .owl-nav [class*=owl-]:after {
                content: "";
                width: 16px;
                height: 8px;
                right: -22px;
                top: -5px
            }

            .owl-nav-wrp .owl-nav .owl-prev:after {
                left: -22px
            }
        }

        @media  screen and (max-width:480px) {
            .owl-nav-wrp .owl-nav .owl-prev {
                left: 4px
            }

            .owl-nav-wrp .owl-nav .owl-next {
                right: 4px
            }
        }

        .owl-carousel .owl-dots {
            text-align: center
        }

        .owl-carousel .owl-dots .owl-dot span {
            width: 14px;
            height: 14px;
            margin: 5px 14px
        }

        .owl-carousel .owl-dots .owl-dot.active span,
        .owl-carousel .owl-dots .owl-dot:hover span {
            background-color: #be9d71
        }

        .owl-carousel.active-white .owl-dot span {
            background-color: #000
        }

        .owl-carousel.active-white .owl-dot.active span,
        .owl-carousel.active-white .owl-dot:hover span {
            background-color: #fff
        }

        .owl-carousel.active-red .owl-dot span {
            background-color: #969696
        }

        .owl-carousel.active-red .owl-dot.active span,
        .owl-carousel.active-red .owl-dot:hover span {
            background-color: #000
        }

        .owl-carousel.verticle.owl-carousel .owl-nav.disabled+.owl-dots {
            top: 50%;
            bottom: inherit;
            left: inherit;
            right: -9%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column
        }

        .owl-carousel.verticle.owl-carousel .owl-nav.disabled+.owl-dots .owl-dot span {
            margin: 16px 5px
        }

        @media  only screen and (max-width:1700px) {
            .owl-carousel .owl-dots .owl-dot span {
                width: 8px;
                height: 8px;
                margin: 5px 10px
            }
        }

        @media  only screen and (max-width:767px) {
            .owl-carousel .owl-dots .owl-dot span {
                width: 5px;
                height: 5px
            }
        }

        .owl-theme .owl-dots .owl-dot span {
            background: #bdbaba
        }

        .owl-carousel .owl-dots .owl-dot.active span,
        .owl-carousel .owl-dots .owl-dot:hover span {
            background-color: #118257
        }

        .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-] {
            background-color: transparent;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            transition: .6s cubic-bezier(0.14, 1, 0.34, 1);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0;
            text-transform: uppercase;
            color: #ffffff80;
            padding: 0;
            margin: 0;
            border: 1px solid #fff;
            border-radius: 50%;
            height: 80px;
            width: 80px
        }

        .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-]:before {
            content: "";
            background-color: white;
            width: 22px;
            height: 3px;
            right: 4px;
            transform: translateX(20%)
        }

        .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-]:after {
            content: "";
            border: solid #fff;
            border-width: 0 3px 3px 0;
            display: inline-block;
            padding: 5px;
            transition: all .3s ease;
            transform: translate(-60%, 0) rotate(-45deg)
        }

        .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-].owl-prev {
            left: -7%
        }

        .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-].owl-prev:before {
            transform: translateX(30%)
        }

        .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-].owl-prev:after {
            transform: translate(-96%, 0) rotate(135deg)
        }

        .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-].owl-next {
            right: -7%
        }

        .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-].disabled {
            opacity: 0
        }

        .slider-btn-arrow-circle.is-dark.owl-theme .owl-nav [class*=owl-] {
            border-color: #2f2f2f66
        }

        .slider-btn-arrow-circle.is-dark.owl-theme .owl-nav [class*=owl-]:before {
            background-color: #563636
        }

        .slider-btn-arrow-circle.is-dark.owl-theme .owl-nav [class*=owl-]:after {
            border-color: #563636
        }

        .slider-btn-arrow-circle.is-red.owl-theme .owl-nav [class*=owl-] {
            border-color: #000
        }

        .slider-btn-arrow-circle.is-red.owl-theme .owl-nav [class*=owl-]:before {
            background-color: #000
        }

        .slider-btn-arrow-circle.is-red.owl-theme .owl-nav [class*=owl-]:after {
            border-color: #000
        }

        .slider-btn-arrow-circle.is-red.owl-theme .owl-nav [class*=owl-]:hover {
            background-color: #000;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%);
            border-color: #008594
        }

        .slider-btn-arrow-circle.is-red.owl-theme .owl-nav [class*=owl-]:hover:before {
            background-color: #fff
        }

        .slider-btn-arrow-circle.is-red.owl-theme .owl-nav [class*=owl-]:hover:after {
            border-color: #fff
        }

        .slider-btn-arrow-circle.is-white-fill.owl-theme .owl-nav [class*=owl-] {
            border-color: transparent;
            background-color: #fff
        }

        .slider-btn-arrow-circle.is-white-fill.owl-theme .owl-nav [class*=owl-]:before {
            background-color: #000
        }

        .slider-btn-arrow-circle.is-white-fill.owl-theme .owl-nav [class*=owl-]:after {
            border-color: #000
        }

        .slider-btn-arrow-circle.is-white-fill.owl-theme .owl-nav [class*=owl-]:hover {
            background-color: #000;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .slider-btn-arrow-circle.is-white-fill.owl-theme .owl-nav [class*=owl-]:hover:before {
            background-color: #fff
        }

        .slider-btn-arrow-circle.is-white-fill.owl-theme .owl-nav [class*=owl-]:hover:after {
            border-color: #fff
        }

        .slider-btn-arrow-circle.inner-arrow.owl-theme .owl-nav [class*=owl-].owl-prev {
            left: 2%
        }

        .slider-btn-arrow-circle.inner-arrow.owl-theme .owl-nav [class*=owl-].owl-next {
            right: 2%
        }

        .slider-btn-arrow-circle.top-align.owl-theme .owl-nav [class*=owl-] {
            top: 34%
        }

        @media  only screen and (max-width:1500px) {
            .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-] {
                transform: translateY(-50%) scale(0.7)
            }
        }

        @media  only screen and (max-width:1200px) {
            .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-] {
                transform: translateY(-50%) scale(0.5)
            }

            .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-].owl-prev {
                left: -7%
            }

            .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-].owl-next {
                right: -7%
            }

            .slider-btn-arrow-circle.inner-arrow.owl-theme .owl-nav [class*=owl-].owl-prev {
                left: 0
            }

            .slider-btn-arrow-circle.inner-arrow.owl-theme .owl-nav [class*=owl-].owl-next {
                right: 0
            }
        }

        @media  only screen and (max-width:1023px) {
            .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-].owl-prev {
                left: -7.5%
            }

            .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-].owl-next {
                right: -7.5%
            }
        }

        @media  only screen and (max-width:767px) {
            .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-] {
                transform: translateY(-50%) scale(0.5)
            }

            .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-].owl-prev {
                left: -13%
            }

            .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-].owl-next {
                right: -13%
            }
        }

        @media  only screen and (max-width:480px) {
            .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-] {
                transform: translateY(-50%) scale(0.5)
            }

            .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-].owl-prev {
                left: -30%
            }

            .slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-].owl-next {
                right: -30%
            }
        }

        .slider-text-wrp {
            position: relative
        }

        .slider-text-wrp .para-02,
        .slider-text-wrp .sec-eq.static .formControl input,
        .sec-eq.static .formControl .slider-text-wrp input,
        .slider-text-wrp .sec-eq.static .formControl textarea,
        .sec-eq.static .formControl .slider-text-wrp textarea,
        .slider-text-wrp .sec-eq.static .formControl select,
        .sec-eq.static .formControl .slider-text-wrp select {
            position: absolute;
            left: 0;
            bottom: 20px;
            z-index: 2;
            background: #fff;
            padding: 6px 12px
        }

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

            .slider-text-wrp .para-02,
            .slider-text-wrp .sec-eq.static .formControl input,
            .sec-eq.static .formControl .slider-text-wrp input,
            .slider-text-wrp .sec-eq.static .formControl textarea,
            .sec-eq.static .formControl .slider-text-wrp textarea,
            .slider-text-wrp .sec-eq.static .formControl select,
            .sec-eq.static .formControl .slider-text-wrp select {
                bottom: 12px;
                padding: 4px 8px
            }
        }

        .slider-btn.owl-theme .owl-nav [class*=owl-] {
            background-color: transparent;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 0;
            padding: 0
        }

        .slider-btn.owl-theme .owl-nav [class*=owl-] .button {
            height: 80px;
            width: 80px;
            border-radius: 50%;
            padding: 0;
            display: block
        }

        .slider-btn.owl-theme .owl-nav [class*=owl-] .button span:before {
            content: "";
            background-color: white;
            width: 22px;
            height: 3px;
            right: 4px;
            transform: translateX(20%)
        }

        .slider-btn.owl-theme .owl-nav [class*=owl-] .button span:after {
            content: "";
            border: solid #fff;
            border-width: 0 3px 3px 0;
            display: inline-block;
            padding: 5px;
            transition: all .3s ease;
            transform: translate(-60%, 0) rotate(-45deg)
        }

        .slider-btn.owl-theme .owl-nav [class*=owl-].owl-prev {
            left: -7%
        }

        .slider-btn.owl-theme .owl-nav [class*=owl-].owl-prev .button span:before {
            transform: translateX(30%)
        }

        .slider-btn.owl-theme .owl-nav [class*=owl-].owl-prev .button span:after {
            transform: translate(-96%, 0) rotate(135deg)
        }

        .slider-btn.owl-theme .owl-nav [class*=owl-].owl-next {
            right: -7%
        }

        .slider-btn.owl-theme .owl-nav [class*=owl-].disabled {
            opacity: 0
        }

        .slider-btn.owl-theme .owl-nav [class*=owl-]:hover {
            background: transparent;
        }

        .slider-btn.owl-theme .owl-nav [class*=owl-]:hover .button .span-1 {
            transform: translateY(-100%)
        }

        .slider-btn.owl-theme .owl-nav [class*=owl-]:hover .button .span-2 {
            top: 0
        }

        .slider-btn.is-red.owl-theme .owl-nav [class*=owl-] .button {
            color: #000;
            border-color: #000;
            background-color: transparent
        }

        .slider-btn.is-red.owl-theme .owl-nav [class*=owl-] .button span:before {
            background-color: #000
        }

        .slider-btn.is-red.owl-theme .owl-nav [class*=owl-] .button span:after {
            border-color: #000
        }

        .slider-btn.is-red.owl-theme .owl-nav [class*=owl-] .button .span-2 {
            color: #fff;
            border-color: #000;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .slider-btn.is-red.owl-theme .owl-nav [class*=owl-] .button .span-2:before {
            background-color: #fff
        }

        .slider-btn.is-red.owl-theme .owl-nav [class*=owl-] .button .span-2:after {
            border-color: #fff
        }

        .slider-btn.is-red.owl-theme .owl-nav [class*=owl-]:hover {
            background: transparent;
        }

        .slider-btn.is-red.owl-theme .owl-nav [class*=owl-]:hover .button {
            border-color: #008594
        }

        .slider-btn.is-white-fill.owl-theme .owl-nav [class*=owl-] .button {
            color: #1f1f1f;
            border-color: #fff;
            background-color: #fff
        }

        .slider-btn.is-white-fill.owl-theme .owl-nav [class*=owl-] .button span:before {
            background-color: #000
        }

        .slider-btn.is-white-fill.owl-theme .owl-nav [class*=owl-] .button span:after {
            border-color: #000
        }

        .slider-btn.is-white-fill.owl-theme .owl-nav [class*=owl-] .button .span-2 {
            color: #fff;
            border-color: #000;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .slider-btn.is-white-fill.owl-theme .owl-nav [class*=owl-] .button .span-2:before {
            background-color: #fff
        }

        .slider-btn.is-white-fill.owl-theme .owl-nav [class*=owl-] .button .span-2:after {
            border-color: #fff
        }

        .slider-btn.is-white-fill.owl-theme .owl-nav [class*=owl-]:hover .button {
            border-color: #008594
        }

        .slider-btn.is-white-fill.owl-theme .owl-nav [class*=owl-]:hover .button .span-1 {
            transform: translateY(-100%)
        }

        .slider-btn.is-white-fill.owl-theme .owl-nav [class*=owl-]:hover .button .span-2 {
            top: 0
        }

        .slider-btn.inner-arrow.owl-theme .owl-nav [class*=owl-].owl-prev {
            left: 2%
        }

        .slider-btn.inner-arrow.owl-theme .owl-nav [class*=owl-].owl-next {
            right: 2%
        }

        .slider-btn.top-align.owl-theme .owl-nav [class*=owl-] {
            top: 34%
        }

        @media  only screen and (max-width:1500px) {
            .slider-btn.owl-theme .owl-nav [class*=owl-] {
                transform: translateY(-50%) scale(0.7)
            }
        }

        @media  only screen and (max-width:1200px) {
            .slider-btn.owl-theme .owl-nav [class*=owl-] {
                transform: translateY(-50%) scale(0.5)
            }

            .slider-btn.owl-theme .owl-nav [class*=owl-].owl-prev {
                left: -7%
            }

            .slider-btn.owl-theme .owl-nav [class*=owl-].owl-next {
                right: -7%
            }

            .slider-btn.inner-arrow.owl-theme .owl-nav [class*=owl-].owl-prev {
                left: 0
            }

            .slider-btn.inner-arrow.owl-theme .owl-nav [class*=owl-].owl-next {
                right: 0
            }
        }

        @media  only screen and (max-width:1023px) {
            .slider-btn.owl-theme .owl-nav [class*=owl-].owl-prev {
                left: -7.5%
            }

            .slider-btn.owl-theme .owl-nav [class*=owl-].owl-next {
                right: -7.5%
            }
        }

        @media  only screen and (max-width:767px) {
            .slider-btn.owl-theme .owl-nav [class*=owl-] {
                transform: translateY(-50%) scale(0.5)
            }

            .slider-btn.owl-theme .owl-nav [class*=owl-].owl-prev {
                left: -13%
            }

            .slider-btn.owl-theme .owl-nav [class*=owl-].owl-next {
                right: -13%
            }
        }

        @media  only screen and (max-width:480px) {
            .slider-btn.owl-theme .owl-nav [class*=owl-] {
                transform: translateY(-50%) scale(0.5)
            }

            .slider-btn.owl-theme .owl-nav [class*=owl-].owl-prev {
                left: -30%
            }

            .slider-btn.owl-theme .owl-nav [class*=owl-].owl-next {
                right: -30%
            }
        }

        .list-wrp-parent.img-list-parent {
            margin-top: 12%
        }

        .list-wrp-parent.img-list-parent .column {
            padding: 1.6%
        }

        .list-wrp-parent.product-list-parent .column {
            padding-left: 4%
        }

        .list-wrp-parent.product-list-parent .column:nth-child(2n-1) {
            padding-left: 0;
            padding-right: 4%
        }

        .list-wrp-parent.product-list-02-parent {
            margin-top: 7%
        }

        .list-wrp-parent.product-list-02-parent .column {
            padding: 0 7%
        }

        .list-wrp-parent.product-list-02-parent .column:nth-child(2n-1) {
            margin-top: -7%
        }

        .list-wrp-parent.product-list-02-parent .column:nth-last-child(n+3) {
            margin-bottom: 14%
        }

        .list-wrp-parent.item-slider-01 .owl-item .column {
            padding: 0 12%
        }

        .list-wrp-parent.item-slider-01 .owl-item:nth-child(2n-1) .column {
            margin-top: 12%
        }

        @media  screen and (min-width:1024px) {
            .list-wrp-parent.img-list-parent .column:not(:nth-child(3n-1)) {
                margin-top: -7%
            }
        }

        @media  screen and (max-width:1023px) {
            .list-wrp-parent {
                display: flex
            }

            .list-wrp-parent.img-list-parent .column {
                width: 50%;
                flex-basis: auto;
                margin-top: -50px
            }

            .list-wrp-parent.img-list-parent .column:not(:nth-child(2n-1)) {
                margin-top: 0
            }
        }

        @media  screen and (max-width:767px) {
            .list-wrp-parent.img-list-parent {
                margin-top: 70px
            }

            .list-wrp-parent.img-list-parent .column {
                width: 50%;
                flex-basis: auto;
                margin-top: -50px
            }

            .list-wrp-parent.img-list-parent .column:not(:nth-child(2n-1)) {
                margin-top: 0
            }
        }

        .list-wrp.margin-right .heading-wrp {
            margin-right: 20%
        }

        .list-wrp.margin-right .img-wrp {
            width: 70px
        }

        .list-wrp.tick span {
            margin-left: 15px
        }

        .list-wrp.tick p:not(:last-child) {
            margin-bottom: 15px
        }

        .list-wrp.disc span {
            display: block;
            margin-left: 15px
        }

        .list-wrp.disc p {
            position: relative;
            padding-left: 24px
        }

        .list-wrp.disc p:before {
            content: "";
            background-color: #747474;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            position: absolute;
            left: 6px;
            top: 8px
        }

        .list-wrp.disc p:not(:last-child) {
            margin-bottom: 5px
        }

        .list-wrp.img-list {
            position: relative
        }

        .list-wrp.img-list .img-wrp img {
            display: block
        }

        .list-wrp.img-list .img-wrp.overlay:before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(0, #141e30 -0.05%, rgba(20, 30, 48, 0) 40.62%)
        }

        .list-wrp.img-list .content-wrp {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 4% 6%
        }

        .list-wrp.product-list {
            padding-bottom: 4vw
        }

        .list-wrp.product-list .full-img {
            width: 100%
        }

        .list-wrp.product-list .heading-02 {
            padding: 2.4vw 0 1.4vw
        }

        .list-wrp.product-list-02 .full-img {
            width: 100%
        }

        .list-wrp.two-columns>.column {
            padding-bottom: 3vw;
            padding-right: 1.5vw
        }

        .list-wrp.two-columns>.column:nth-child(2n) {
            padding-left: 1.5vw;
            padding-right: 0
        }

        .list-wrp.three-columns .img-wrp {
            width: 60px
        }

        .list-wrp.three-columns .img-wrp.center {
            margin: 0 auto 20px
        }

        .list-wrp.three-columns>.column:not(:nth-last-child(-n+3)) {
            padding-bottom: 3vw
        }

        .list-wrp.three-columns>.column:nth-child(3n-1) {
            padding-right: 1.5vw;
            padding-left: 1.5vw
        }

        @media  screen and (max-width:1700px) {
            .list-wrp.margin-right .heading-wrp {
                margin-right: 12%
            }

            .list-wrp.margin-right .img-wrp {
                width: 55px
            }

            .list-wrp.three-columns .img-wrp {
                width: 45px
            }
        }

        @media  screen and (max-width:1200px) {
            .list-wrp.product-list {
                padding: 6%
            }
        }

        @media  screen and (max-width:1023px) {
            .list-wrp.margin-right {
                flex-basis: auto
            }

            .list-wrp.disc p {
                padding-left: 18px
            }

            .list-wrp.disc p:before {
                width: 3px;
                height: 3px;
                left: 4px;
                top: 7px
            }
        }

        @media  screen and (max-width:767px) {
            .list-wrp.margin-right {
                width: 100%
            }

            .list-wrp.margin-right .heading-wrp {
                margin-right: 0
            }

            .list-wrp.product-list {
                padding: 20px 20px 30px
            }
        }

        .two-column-wrp {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: flex-start
        }

        .two-column-wrp:not(:last-child) {
            margin-bottom: 6vw
        }

        .two-column-wrp .wrp-1 {
            width: 55%;
            padding: 0 8% 0 6%
        }

        .two-column-wrp .wrp-2 {
            width: 40%;
            padding-right: 4%
        }

        .two-column-wrp.swipe {
            flex-direction: row-reverse
        }

        .two-column-wrp.swipe .wrp-1 {
            width: 55%;
            padding: 0 8% 0 6%
        }

        @media  only screen and (max-width:767px) {
            .two-column-wrp {
                flex-wrap: wrap
            }

            .two-column-wrp .img-01,
            .two-column-wrp .wrp-1,
            .two-column-wrp .wrp-2 {
                width: 100%
            }

            .two-column-wrp .img-02 {
                width: 100%;
                margin: 20px 0
            }

            .two-column-wrp .wrp-1 {
                padding: 0 0 40px
            }

            .two-column-wrp.swipe .img-01,
            .two-column-wrp.swipe .wrp-1,
            .two-column-wrp.swipe .wrp-2 {
                width: 100%
            }

            .two-column-wrp.swipe .img-02 {
                margin: 20px 0
            }

            .two-column-wrp.swipe .wrp-1 {
                padding: 0 0 40px
            }
        }

        .box-line {
            position: absolute;
            left: 17%;
            top: -20%;
            width: 150%;
            height: 140%;
            pointer-events: none
        }

        .box-line .top {
            display: block;
            width: 100%;
            height: 100%;
            pointer-events: none;
            border-top: 1px solid #be9d71;
            position: absolute
        }

        .box-line .top:before {
            content: "";
            background-color: #be9d71;
            width: 1px;
            height: 12%;
            position: absolute;
            left: 0;
            top: 0
        }

        .box-line .top:after {
            content: "";
            background-color: #be9d71;
            width: 1px;
            height: 50%;
            position: absolute;
            right: 0;
            top: 0
        }

        .box-line .bottom {
            display: block;
            width: 100%;
            height: 100%;
            pointer-events: none;
            border-bottom: 1px solid #be9d71;
            position: absolute
        }

        .box-line .bottom:before {
            content: "";
            background-color: #be9d71;
            width: 1px;
            height: 11%;
            position: absolute;
            left: 0;
            bottom: 0
        }

        .box-line .bottom:after {
            content: "";
            background-color: #be9d71;
            width: 1px;
            height: 50%;
            position: absolute;
            right: 0;
            bottom: 0
        }

        .fancybox-is-open .fancybox-bg {
            opacity: .98
        }

        .intl-tel-input.separate-dial-code .selected-flag {
            background-color: transparent !important
        }

        .section-dot {
            position: relative
        }

        .section-dot:after {
            content: "";
            background-color: #be9d71;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translate(-50%, 50%);
            z-index: 1
        }

        @media  only screen and (max-width:1700px) {
            .section-dot:after {
                width: 7px;
                height: 7px
            }
        }

        .section-line {
            position: relative
        }

        .section-line:before {
            content: "";
            background-color: #ccc;
            width: 1px;
            height: 100%;
            position: absolute;
            left: 50%;
            top: 0;
            z-index: 1;
            transform: translateX(-50%)
        }

        .section-line>* {
            position: relative;
            z-index: 2
        }

        .golden-bg-01 {
            background-image: url("../images/golden-bg-01.jpg");
            background-position: center;
            background-repeat: repeat;
            background-size: 33%;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 0
        }

        .golden-bg-01~* {
            position: relative;
            z-index: 1
        }

        .golden-bg-02 {
            background-color: #f8f3e5;
            background-image: url("../images/golden-bg-02.png");
            background-position: center;
            background-repeat: repeat;
            background-size: 33%;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 0
        }

        .golden-bg-02~* {
            position: relative;
            z-index: 1
        }

        .left-right-wrp {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap
        }

        .tab-wrp-parent {
            position: sticky;
            top: 52px;
            background: #fff;
            z-index: 9;
            transition: all .3s ease-in-out
        }

        .tab-wrp-parent.tab-wrp-parent--hidden {
            top: -30px
        }

        .tab-wrp-parent.nav-down {
            top: 54px
        }

        .tab-wrp-parent.is-bg-white {
            position: sticky;
            z-index: 9
        }

        @media  only screen and (max-width:1200px) {
            .tab-wrp-parent.tab-wrp-parent--hidden {
                top: 0;
                padding-top: 46px
            }

            .tab-wrp-parent.nav-down {
                top: 72px;
                padding-top: 46px
            }
        }

        @media  only screen and (max-width:1023px) {
            .tab-wrp-parent.nav-down {
                top: 90px
            }
        }

        @media  only screen and (max-width:767px) {
            .tab-wrp-parent.nav-down {
                top: 54px
            }
        }

        .tab-wrp,
        .sub-nav-link-wrp,
        .sub-nav-wrp {
            position: relative;
            border-bottom: 2px solid #eaeaea
        }

        .tab-wrp:before,
        .sub-nav-link-wrp:before,
        .sub-nav-wrp:before {
            height: 1px;
            width: 68%;
            background-color: #00000080;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            z-index: -1;
            margin: auto
        }

        .tab-wrp>div,
        .sub-nav-link-wrp>div,
        .sub-nav-wrp>div {
            display: flex;
            justify-content: flex-start;
            align-items: center
        }

        .tab-wrp .tab,
        .sub-nav-link-wrp .tab,
        .sub-nav-wrp .tab {
            background-color: transparent;
            color: #1f1f1f;
            text-transform: uppercase;
            font-size: 16px;
            padding: 8px 22px 6px;
            margin: 0 8px;
            position: relative
        }

        .tab-wrp .tab:before,
        .sub-nav-link-wrp .tab:before,
        .sub-nav-wrp .tab:before {
            content: "";
            background-color: #1f1f1f;
            width: 0;
            height: 2px;
            position: absolute;
            left: 50%;
            bottom: -2px;
            transition: width .3s ease 0, left .3s ease 0
        }

        .tab-wrp .tab:not(:last-child):after,
        .sub-nav-link-wrp .tab:not(:last-child):after,
        .sub-nav-wrp .tab:not(:last-child):after {
            content: "";
            background-color: #969696;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            position: absolute;
            right: -30px;
            top: 50%;
            transform: translateY(-50%)
        }

        .tab-wrp .tab:first-child,
        .sub-nav-link-wrp .tab:first-child,
        .sub-nav-wrp .tab:first-child {
            margin-left: 0
        }

        .tab-wrp .tab:nth-child(3n+1),
        .sub-nav-link-wrp .tab:nth-child(3n+1),
        .sub-nav-wrp .tab:nth-child(3n+1) {
            animation-delay: .2s
        }

        .tab-wrp .tab:nth-child(3n+2),
        .sub-nav-link-wrp .tab:nth-child(3n+2),
        .sub-nav-wrp .tab:nth-child(3n+2) {
            animation-delay: .4s
        }

        .tab-wrp .tab:nth-child(3n+3),
        .sub-nav-link-wrp .tab:nth-child(3n+3),
        .sub-nav-wrp .tab:nth-child(3n+3) {
            animation-delay: .6s
        }

        .tab-wrp .tab:nth-child(3n+4),
        .sub-nav-link-wrp .tab:nth-child(3n+4),
        .sub-nav-wrp .tab:nth-child(3n+4) {
            animation-delay: .8s
        }

        .tab-wrp .tab:nth-child(3n+5),
        .sub-nav-link-wrp .tab:nth-child(3n+5),
        .sub-nav-wrp .tab:nth-child(3n+5) {
            animation-delay: 1s
        }

        .tab-wrp .tab:nth-child(3n+6),
        .sub-nav-link-wrp .tab:nth-child(3n+6),
        .sub-nav-wrp .tab:nth-child(3n+6) {
            animation-delay: 1.2s
        }

        .tab-wrp .tab:nth-child(3n+7),
        .sub-nav-link-wrp .tab:nth-child(3n+7),
        .sub-nav-wrp .tab:nth-child(3n+7) {
            animation-delay: 1.4s
        }

        .tab-wrp .tab:nth-child(3n+8),
        .sub-nav-link-wrp .tab:nth-child(3n+8),
        .sub-nav-wrp .tab:nth-child(3n+8) {
            animation-delay: 1.6s
        }

        .tab-wrp .tab:nth-child(3n+9),
        .sub-nav-link-wrp .tab:nth-child(3n+9),
        .sub-nav-wrp .tab:nth-child(3n+9) {
            animation-delay: 1.8s
        }

        .tab-wrp .tab:nth-child(3n+10),
        .sub-nav-link-wrp .tab:nth-child(3n+10),
        .sub-nav-wrp .tab:nth-child(3n+10) {
            animation-delay: 2s
        }

        .tab-wrp .tab:nth-child(3n+11),
        .sub-nav-link-wrp .tab:nth-child(3n+11),
        .sub-nav-wrp .tab:nth-child(3n+11) {
            animation-delay: 2.2s
        }

        .tab-wrp .tab:nth-child(3n+12),
        .sub-nav-link-wrp .tab:nth-child(3n+12),
        .sub-nav-wrp .tab:nth-child(3n+12) {
            animation-delay: 2.4s
        }

        .tab-wrp .tab:hover:before,
        .sub-nav-link-wrp .tab:hover:before,
        .sub-nav-wrp .tab:hover:before,
        .tab-wrp .tab.active:before,
        .sub-nav-link-wrp .tab.active:before,
        .sub-nav-wrp .tab.active:before {
            background-color: #000;
            width: 100%;
            left: 0
        }

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

            .tab-wrp .tab,
            .sub-nav-link-wrp .tab,
            .sub-nav-wrp .tab {
                font-size: 12px;
                padding: 8px 18px 6px;
                margin: 0 4px
            }

            .tab-wrp .tab:not(:last-child):after,
            .sub-nav-link-wrp .tab:not(:last-child):after,
            .sub-nav-wrp .tab:not(:last-child):after {
                width: 3px;
                height: 3px;
                right: -6px
            }
        }

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

            .tab-wrp .tab,
            .sub-nav-link-wrp .tab,
            .sub-nav-wrp .tab {
                font-size: 10px;
                padding: 8px 10px 6px;
                margin: 0 4px
            }
        }

        .box-shadow,
        .three-img-slider .owl-item .item img,
        .home-buyers-guide-wrp .item .img-wrp {
            box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2)
        }

        .iframe-wrp iframe {
            width: 100%;
            height: 100%
        }

        .video-item {
            position: relative;
            display: block
        }

        .video-item .play-btn {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100px
        }

        @media  only screen and (max-width:1700px) {
            .video-item .play-btn {
                width: 44px
            }
        }

        .normal-video {
            position: relative
        }

        .normal-video .iframe-wrp {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: none
        }

        .normal-video .iframe-wrp iframe {
            width: 100%;
            height: 100%
        }

        .normal-video .video-thumb {
            display: block;
            cursor: pointer
        }

        .normal-video .thumb {
            display: block
        }

        .normal-video .play-btn-wrp {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .normal-video .play-btn-wrp.btn-01 {
            width: 27px
        }

        .normal-video .pause-button {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            cursor: pointer;
            opacity: 0;
            pointer-events: none
        }

        .normal-video .pause-button:before {
            position: absolute;
            right: 14px;
            top: 14px;
            background-color: #fff;
            color: #563636;
            font-size: 2vw;
            line-height: 0vw;
            padding: 1.2% .5%;
            font-family: Arial, Helvetica, sans-serif;
            opacity: 0;
            transition: none;
            transition-delay: 0
        }

        .normal-video.active .iframe-wrp {
            display: block
        }

        .normal-video.active .video-thumb {
            opacity: 0;
            pointer-events: none
        }

        .normal-video.active .pause-button {
            pointer-events: all
        }

        .normal-video.active .pause-button:before {
            opacity: 1;
            transition: all .3s ease;
            transition-delay: 1s
        }

        @media  only screen and (max-width:1700px) {
            .normal-video .play-btn-wrp.btn-01 {
                width: 16px
            }
        }

        .img-wrp {
            width: 100%
        }

        .img-wrp img {
            width: 100%;
            display: block
        }

        .img-wrp .img-auto {
            width: auto !important
        }

        .img-wrp.curve-img {
            border-radius: 40px;
            overflow: hidden
        }

        .img-wrp.overlay-img {
            position: relative
        }

        .img-wrp.overlay-img:before {
            content: "";
            background-color: rgba(0, 0, 0, 0.1);
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 9
        }

        .img-wrp.overlay-img>* {
            position: relative;
            z-index: 2
        }

        @media  only screen and (max-width:1023px) {
            .img-wrp.curve-img {
                border-radius: 20px
            }
        }

        .img-zoom {
            overflow: hidden
        }

        .img-zoom img:hover {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1)
        }

        .pointer-events-none {
            pointer-events: none
        }

        .aspect-ratio-16-12 {
            aspect-ratio: 16/12
        }

        .tab-accordion {
            padding: 20px 0;
            border-bottom: 1px solid #fff8f8;
            position: relative
        }

        .tab-accordion .accordion-section-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer
        }

        .tab-accordion .accordion-section-title:after {
            content: "";
            display: none
        }

        .tab-accordion .accordion-section-title p,
        .tab-accordion .accordion-section-title .para-03,
        .tab-accordion .accordion-section-title h2 {
            font-size: 24px;
            line-height: 28px;
            letter-spacing: 1px;
            pointer-events: none
        }

        .tab-accordion .accordion-section-title .icon {
            width: 40px;
            height: 20px;
            position: absolute;
            right: 0;
            display: inline-flex
        }

        .tab-accordion .accordion-section-title .icon:after {
            content: "+";
            font-size: 60px;
            position: absolute;
            top: 0;
            transform: translateY(0)
        }

        .tab-accordion .accordion-section-title.active p {
            pointer-events: none
        }

        .tab-accordion .accordion-section-title.active .icon {
            pointer-events: none
        }

        .tab-accordion .accordion-section-title.active .icon:after {
            content: "-"
        }

        .tab-accordion .accordion-section-content {
            display: none;
            padding: 2vw 0 10px;
            font-size: 20px !important;
            color: #575757
        }

        .tab-accordion .accordion-section-content ul {
            list-style: disc;
            padding-left: 22px;
            margin-bottom: 12px
        }

        .tab-accordion .accordion-section-content ul li {
            line-height: 1.4;
            color: #575757
        }

        .tab-accordion .accordion-section-content p {
            margin-bottom: 10px;
            line-height: 1.4;
            display: initial;
            color: #575757
        }

        .tab-accordion .accordion-section-content li,
        .tab-accordion .accordion-section-content p {
            font-size: 20px !important
        }

        .tab-accordion .accordion-section-content.open {
            display: block
        }

        .tab-accordion:last-child {
            border-bottom: 0
        }

        .tab-accordion.question {
            padding-left: 60px
        }

        .tab-accordion.question:before {
            content: "Q";
            position: absolute;
            left: 0;
            top: 18px;
            background-color: #fff;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #000;
            text-transform: uppercase;
            font-size: 24px
        }

        .tab-accordion.plus-minus-bg .accordion-section-title {
            padding-right: 50px
        }

        .tab-accordion.plus-minus-bg .accordion-section-title .icon {
            background-color: transparent;
            color: #fff;
            border-radius: 50%;
            width: 40px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center
        }

        .tab-accordion.plus-minus-bg .accordion-section-title .icon:after {
            font-size: 28px
        }

        .tab-accordion.plus-minus-bg .accordion-section-content {
            padding-right: 50px
        }

        .tab-accordion.plus-minus-bg.is-dark .accordion-section-title .icon {
            background-color: #1f1f1f;
            color: #fff
        }

        .tab-accordion.border-light {
            border-color: #969696
        }

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

            .tab-accordion .accordion-section-title p,
            .tab-accordion .accordion-section-title .para-03,
            .tab-accordion .accordion-section-title h2 {
                font-size: 20px;
                line-height: 24px
            }

            .tab-accordion .accordion-section-title .icon:after {
                font-size: 30px
            }

            .tab-accordion .accordion-section-content {
                font-size: 16px !important
            }

            .tab-accordion .accordion-section-content li,
            .tab-accordion .accordion-section-content p {
                font-size: 16px !important
            }

            .tab-accordion.question {
                padding-left: 46px
            }

            .tab-accordion.question:before {
                top: 14px;
                width: 34px;
                height: 34px;
                font-size: 16px
            }

            .tab-accordion.plus-minus-bg .accordion-section-title .icon {
                width: 30px;
                height: 30px
            }

            .tab-accordion.plus-minus-bg .accordion-section-title .icon:after {
                font-size: 20px
            }
        }

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

            .tab-accordion .accordion-section-title p,
            .tab-accordion .accordion-section-title .para-03,
            .tab-accordion .accordion-section-title h2 {
                font-size: 16px;
                line-height: 20px
            }

            .tab-accordion .accordion-section-title .icon:after {
                font-size: 22px
            }

            .tab-accordion .accordion-section-content {
                font-size: 13px !important
            }

            .tab-accordion .accordion-section-content li,
            .tab-accordion .accordion-section-content p {
                font-size: 13px !important
            }

            .tab-accordion.question {
                padding-left: 38px
            }

            .tab-accordion.question:before {
                top: 18px;
                width: 26px;
                height: 26px;
                font-size: 14px
            }
        }

        @media  screen and (max-width:767px) {
            .tab-accordion .accordion-section-title .icon:after {
                font-size: 18px
            }

            .tab-accordion .accordion-section-content ul li {
                line-height: 1.8
            }

            .tab-accordion .accordion-section-content p {
                line-height: 1.8
            }

            .tab-accordion.question {
                padding-left: 34px
            }

            .tab-accordion.question:before {
                width: 20px;
                height: 21px;
                font-size: 12px
            }

            .tab-accordion.plus-minus-bg .accordion-section-title {
                padding-right: 40px
            }

            .tab-accordion.plus-minus-bg .accordion-section-content {
                padding-right: 40px
            }
        }

        .link-accordion .accordion-section-title:after {
            content: "";
            display: none
        }

        .link-accordion .accordion-section-title span {
            width: 40px;
            height: 20px;
            position: relative;
            right: 0;
            display: inline-flex
        }

        .link-accordion .accordion-section-title span:after {
            content: "+";
            font-size: 18px;
            position: absolute;
            right: 15px;
            top: 56%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .link-accordion .accordion-section-title.active span:after {
            content: "-"
        }

        .border-all-side {
            border: 1px solid #747474
        }

        @media  screen and (max-width:1200px) {
            .mob-dropdown {
                background-color: transparent;
                width: 100%;
                max-width: 500px;
                transition: all 1s ease;
                border: 0;
                border-radius: 20px 20px;
                padding: 0;
                margin: auto;
                position: absolute;
                left: 0;
                top: -40px;
                z-index: 9;
                text-transform: uppercase
            }

            .mob-dropdown:before {
                content: attr(data-before);
                background-color: #eee;
                height: 35px;
                width: 100%;
                padding: 8px 4% 0;
                text-align: left;
                font-size: 12px;
                color: #1f1f1f;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
                border-radius: 30px
            }

            .mob-dropdown:before span {
                font-weight: 400;
                display: block;
                padding: 0 0 10px;
                border-bottom: 2px solid transparent;
                margin: 0 2.4rem;
                color: #969696;
                position: relative;
                font-size: 1rem;
                border-bottom: 1px solid #000;
                width: 100%;
                text-align: center;
                padding: 5px 0
            }

            .mob-dropdown:after {
                content: "";
                border: solid #000;
                border-width: 0 1px 1px 0;
                display: inline-block;
                padding: 4px;
                transition: all .3s ease;
                transform: translate(-60%, 0) rotate(45deg);
                right: 10px;
                top: 10px;
                z-index: 9;
                margin: 0 0 0 auto;
                position: absolute;
                transform-origin: center
            }

            .mob-dropdown>div {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                flex-wrap: nowrap;
                margin: 35px 0 0
            }

            .mob-dropdown .tab {
                width: 100%;
                margin: 0;
                animation: none;
                transition: all .3s ease;
                transform: none;
                opacity: 1;
                background-color: #1f1f1f !important;
                color: #fff;
                padding: 10px 20px;
                font-size: 12px;
                margin: 0 !important
            }

            .mob-dropdown .tab:after {
                display: none
            }

            .mob-dropdown .tab .icon {
                display: none
            }

            .mob-dropdown .tab:first-child {
                padding-top: 20px;
                border-radius: 20px 20px 0 0
            }

            .mob-dropdown .tab:last-child {
                padding-bottom: 20px;
                border-radius: 0 0 20px 20px
            }

            .mob-dropdown.open {
                background: #fff
            }

            .mob-dropdown.open:after {
                transform: translate(-60%, 0) rotate(225deg);
                top: 14px
            }

            .mob-dropdown.open>div {
                display: flex
            }
        }

        @media  only screen and (max-width:767px) {
            .three-image-slider {
                padding-bottom: 50px
            }

            .three-image-slider.owl-carousel .owl-nav.disabled+.owl-dots {
                bottom: -5px
            }
        }

        .padding-left-14vw {
            padding-left: 14vw
        }

        .padding-left-14vw.small-padding {
            padding-left: 7vw
        }

        @media  only screen and (max-width:767px) {
            .padding-left-14vw {
                width: 90%;
                padding-left: 0;
                margin: auto
            }

            .padding-left-14vw .container {
                width: 100%
            }
        }

        .three-image-slider-2-wrp .slider-btn-arrow-circle.top-align.owl-theme .owl-nav [class*=owl-] {
            top: 40%
        }

        .three-image-slider-2-wrp .slider-btn-arrow-circle.top-align.owl-theme .owl-nav [class*=owl-].owl-prev {
            left: -8%;
            border-color: #000
        }

        .three-image-slider-2-wrp .slider-btn-arrow-circle.top-align.owl-theme .owl-nav [class*=owl-].owl-prev:before {
            background-color: #000
        }

        .three-image-slider-2-wrp .slider-btn-arrow-circle.top-align.owl-theme .owl-nav [class*=owl-].owl-prev:after {
            border-color: #000
        }

        .three-image-slider-2-wrp .slider-btn-arrow-circle.top-align.owl-theme .owl-nav [class*=owl-].owl-prev:hover {
            background-color: #000;
            border-color: #008594
        }

        .three-image-slider-2-wrp .slider-btn-arrow-circle.top-align.owl-theme .owl-nav [class*=owl-].owl-prev:hover:before {
            background-color: #fff
        }

        .three-image-slider-2-wrp .slider-btn-arrow-circle.top-align.owl-theme .owl-nav [class*=owl-].owl-prev:hover:after {
            border-color: #fff
        }

        @media  only screen and (max-width:767px) {
            .three-image-slider-2-wrp {
                padding-bottom: 50px
            }
        }

        #home-wrp .fp-slide h2:after,
        .amenities-left h2:after,
        #contact-wrp h2:after {
            content: "";
            position: absolute;
            background: url(../images/white_curl.png) no-repeat center;
            background-size: contain;
            top: 50%;
            right: -10%;
            transform: translate(-80%, -50%);
            height: 100%;
            width: 5vw;
            opacity: 0
        }

        .section.active>div>.container h2:after,
        .section.active>div>.container h2:before {
            animation: curl_right 1s ease forwards .5s
        }

        @keyframes  curl_right {
            0 {
                opacity: 0;
                transform: translate(-80%, -50%)
            }

            100% {
                opacity: 1;
                transform: translate(0, -50%)
            }
        }

        h2 span {
            display: block;
            opacity: 0;
            transform: translateX(-20%);
            line-height: 3vw
        }

        .section.active:not(#home-wrp) h2 span {
            animation: reveal 1s ease forwards .8s
        }

        .section.active:not(#home-wrp) h2 span:nth-child(2) {
            animation-delay: 1.1s
        }

        .section.active:not(#home-wrp) h2 span:nth-child(3) {
            animation-delay: 1.4s
        }

        @keyframes  reveal {
            0 {
                opacity: 0;
                transform: translateX(-20%)
            }

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

        .fade {
            opacity: 0
        }

        .section.active .fade {
            animation: fade .8s forwards
        }

        @keyframes  fade {
            0 {
                opacity: 0
            }

            100% {
                opacity: 1
            }
        }

        .slider-main {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            overflow: auto;
            height: 100%
        }

        .slider-main .owl-stage-outer,
        .slider-main .owl-stage,
        .slider-main .owl-item,
        .slider-main .owl-item>section {
            height: 100%
        }

        .slider-main>.owl-stage-outer>.owl-stage {
            transition-duration: 1s !important
        }

        .slider-main.owl-carousel .owl-nav {
            font-size: 0
        }

        .slider-main.owl-carousel .owl-nav>div {
            font-size: 0
        }

        .slider-main.video-active {
            z-index: 999
        }

        @media  only screen and (max-width:1023px) {
            .slider-main {
                display: block !important;
                overflow: initial;
                height: auto
            }
        }

        .header {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 999;
            width: 100%;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            transition: all .3s ease-in-out;
            background-color: transparent;
            padding: 10px 40px 10px 40px;
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .header>* {
            animation-delay: 2s !important
        }

        .header.header--hidden {
            -webkit-transform: translateY(-171px);
            -ms-transform: translateY(-171px);
            transform: translateY(-171px)
        }

        .header.header--hidden .navbar-item .white-logo {
            display: none
        }

        .header.header--hidden .navbar-item .black-logo {
            display: block
        }

        .header.nav-down {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            background-color: #fff;
            box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3)
        }

        .header.nav-down .navbar-item .white-logo {
            display: none
        }

        .header.nav-down .navbar-item .black-logo {
            display: block
        }

        .header.nav-down .navbar-end .navbar-item a,
        .header.nav-down .navbar-end .navbar-item p {
            color: #563636
        }

        .header.nav-down .enquire-button {
            background-color: #1f1f1f;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%);
            color: #fff !important
        }

        .header.nav-down .navbar-phone-icon {
            background-color: #1f1f1f;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .header.nav-down .navbar-phone-icon img {
            filter: invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)
        }

        .header.nav-down .navbar-phone-icon:hover {
            border-color: #008594
        }

        .header.nav-down .navbar-burger span {
            color: #1f1f1f
        }

        .header.header-top {
            background-color: transparent;
            box-shadow: none
        }

        .header.header-top .navbar-item .white-logo {
            display: block
        }

        .header.header-top .navbar-item .black-logo {
            display: none
        }

        .header.header-top .navbar-end .navbar-item a,
        .header.header-top .navbar-end .navbar-item p {
            color: #563636
        }

        .header.header-top .enquire-button {
            background-color: #1f1f1f;
            color: #fff !important
        }

        .header.header-top .navbar-phone-icon {
            background-color: #1f1f1f
        }

        .header.header-top .navbar-phone-icon img {
            filter: invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)
        }

        .header.header-top .navbar-burger span {
            color: #1f1f1f
        }

        .header.navbar.is-dark {
            background-color: #3b3948
        }

        .header .navbar-item img {
            max-height: none;
        }

        .header .navbar-start {
            display: none;
            margin-left: 0;
            margin-right: 0
        }

        .header .navbar-start>div {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            height: 84vh;
            width: 100%
        }

        .header .navbar-start>div>div:nth-child(1) {
            display: none
        }

        .header .navbar-start .project-nav {
            margin-bottom: 2vw
        }

        .header .navbar-start .project-nav .nav-h4 {
            padding-bottom: 16px
        }

        .header .navbar-start .project-nav .nav-h4 a {
            font-size: inherit;
            padding-left: 0
        }

        .header .navbar-start .project-nav a {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            font-size: 20px;
            line-height: 22px;
            padding: 6px 0
        }

        .header .navbar-start .project-nav a b {
            font-weight: inherit;
            font-size: 140%;
            line-height: 100%;
            margin-bottom: 4px
        }

        .header .navbar-start .project-nav a span {
            font-weight: 300;
            margin-bottom: 12px
        }

        .header .navbar-start .project-nav>div {
            padding-left: 20px
        }

        .header .navbar-start .two-level-nav ul {
            position: relative
        }

        .header .navbar-start .two-level-nav li {
            position: relative
        }

        .header .navbar-start .two-level-nav li>div {
            position: absolute;
            left: 100%;
            top: 0;
            width: 100%;
            opacity: 0;
            pointer-events: none
        }

        .header .navbar-start .two-level-nav li:hover>h4 a {
            color: #0e3178
        }

        .header .navbar-start .two-level-nav li:hover>div {
            opacity: 1;
            pointer-events: all
        }

        .header .navbar-end {
            margin-left: 0
        }

        .header .navbar-end .navbar-item .control {
            margin: 0
        }

        .header .navbar-end .navbar-item a,
        .header .navbar-end .navbar-item p,
        .header .navbar-end .navbar-item button {
            font-family: "Raleway", sans-serif;
            font-size: 18px;
            font-weight: 600;
            display: flex;
            align-items: center;
            color: #fff;
            text-transform: uppercase
        }

        .header .navbar-end .nav-divider {
            margin: 0 30px
        }

        .header .navbar-brand {
            align-items: center
        }

        .header .navbar-brand .navbar-item {
            position: relative
        }

        .header .navbar-brand .navbar-item img {
            left: 0;
            top: 0
        }

        .header .navbar-brand .white-logo {
            display: block
        }

        .header .navbar-brand .black-logo {
            display: none
        }

        .header .enquire-button {
            background-color: #fff;
            color: #000 !important;
            padding: 10px 18px;
            border-radius: 30px;
            font-weight: 300;
            font-family: "Adobe Hebrew" !important
        }

        .header .enquire-button:hover {
            color: #fff !important
        }

        .header .navbar-phone-icon {
            background-color: #fff;
            width: 62px;
            height: 62px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #fff;
            position: relative
        }

        .header .navbar-phone-icon span {
            position: relative;
            z-index: 2;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .header .navbar-phone-icon .span-1 {
            transition: transform .3s ease
        }

        .header .navbar-phone-icon .span-2 {
            position: absolute;
            left: 0;
            top: 100%;
            z-index: 1;
            transition: top .3s ease;
            border-color: #fff;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .header .navbar-phone-icon .span-2 img {
            filter: invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)
        }

        .header .navbar-phone-icon:hover {
            border-color: #008594
        }

        .header .navbar-phone-icon:hover .span-1 {
            transform: translateY(-100%)
        }

        .header .navbar-phone-icon:hover .span-2 {
            top: 0
        }

        .header .navbar-menu {
            background-color: transparent;
            flex-grow: inherit;
            transition: all .3s ease;
            display: flex;
            align-items: center;
            box-shadow: none
        }

        .header .navbar-menu .navbar-item,
        .header .navbar-menu .nav-h4 {
            font-size: 34px;
            font-weight: 500;
            letter-spacing: 2px;
            color: #979797;
            padding-left: 0;
            padding-right: 0;
            transition: all .3s ease
        }

        .header .navbar-menu .navbar-item:not(:last-child):after,
        .header .navbar-menu .nav-h4:not(:last-child):after {
            background: #5a5671;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            position: absolute;
            right: -3px
        }

        .header .navbar-menu .navbar-item:hover,
        .header .navbar-menu .navbar-item:focus,
        .header .navbar-menu .nav-h4:hover,
        .header .navbar-menu .nav-h4:focus {
            background-color: transparent;
            color: #fff
        }

        .header .navbar-menu .navbar-item {
            padding: 10px 0
        }

        .header .navbar-menu.is-active {
            background-color: #303030;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            display: flex;
            transition: all .3s ease
        }

        .header .navbar-menu.is-active .navbar-start {
            display: flex;
            width: 100%;
            padding-left: 100px
        }

        .header .navbar-menu.is-active .navbar-end {
            display: none
        }

        .header .navbar-menu.is-active .follow-us {
            display: flex;
            justify-content: flex-end
        }

        .header .navbar-burger {
            z-index: 99;
            display: block;
            margin: 0 0 0 10px
        }

        .header .navbar-burger span {
            height: 4px;
            width: 27px;
            color: #fff;
            left: 0;
            right: 0;
            margin: auto
        }

        .header .navbar-burger span:nth-child(1) {
            top: calc(50% - 10px)
        }

        .header .navbar-burger span:nth-child(2) {
            top: calc(50% - 0)
        }

        .header .navbar-burger span:nth-child(3) {
            top: calc(50% + 10px)
        }

        .header .navbar-burger.text-circle {
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
            padding-right: 30px;
            cursor: pointer
        }

        .header .navbar-burger.text-circle:before {
            content: "";
            background-color: #fff;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            position: absolute;
            right: -50px;
            top: 50%;
            transform: translate(0, -50%);
            z-index: 1
        }

        .header .navbar-burger.text-circle p {
            font-family: "Raleway", sans-serif;
            font-size: 18px;
            font-weight: 600;
            display: flex;
            align-items: center;
            color: #fff;
            text-transform: uppercase
        }

        .header .navbar-burger.text-circle p:first-child {
            display: block
        }

        .header .navbar-burger.text-circle p:last-child {
            display: none
        }

        .header .navbar-burger:hover {
            background-color: transparent
        }

        .header .navbar-burger:hover span:nth-child(1) {
            top: calc(50% - 11px)
        }

        .header .navbar-burger:hover span:nth-child(3) {
            top: calc(50%+11px)
        }

        .header .navbar-burger.is-active {
            position: absolute;
            right: 1.4vw;
            top: 1.4vw
        }

        .header .navbar-burger.is-active span {
            width: 34px;
            color: #fff !important
        }

        .header .navbar-burger.is-active span:nth-child(1) {
            top: calc(50% - 5px)
        }

        .header .navbar-burger.is-active span:nth-child(3) {
            top: calc(50%+5px)
        }

        .header .navbar-burger.is-active.text-circle {
            position: absolute;
            right: 3vw;
            top: 3vw
        }

        .header .navbar-burger.is-active.text-circle p:first-child {
            display: none
        }

        .header .navbar-burger.is-active.text-circle p:last-child {
            display: block
        }

        .header .follow-us {
            display: none;
            align-items: center;
            justify-content: center;
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 0 80px 30px
        }

        .header .follow-us a {
            margin: 0 0 0 26px;
            display: flex
        }

        .header.dark-header .navbar-item .white-logo {
            display: none
        }

        .header.dark-header .navbar-item .black-logo {
            display: block
        }

        .header.dark-header .navbar-end .navbar-item a,
        .header.dark-header .navbar-end .navbar-item p {
            color: #563636
        }

        .header.dark-header .enquire-button {
            background-color: #1f1f1f;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%);
            color: #fff !important
        }

        .header.dark-header .navbar-phone-icon {
            background-color: #1f1f1f;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .header.dark-header .navbar-phone-icon img {
            filter: invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)
        }

        .header.dark-header .navbar-phone-icon:hover {
            border-color: #008594
        }

        .header.dark-header .navbar-burger span {
            color: #1f1f1f
        }

        .header.active {
            background-color: #fff;
            box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3)
        }

        .header.active .navbar-item img {
            filter: invert(44%) sepia(90%) saturate(7114%) hue-rotate(344deg) brightness(84%) contrast(96%)
        }

        .header.active .navbar-end .navbar-item a,
        .header.active .navbar-end .navbar-item p {
            color: #563636
        }

        .header.active .enquire-button {
            background-color: #1f1f1f;
            color: #fff !important
        }

        .header.active .navbar-phone-icon {
            background-color: #1f1f1f
        }

        .header.active .navbar-phone-icon img {
            filter: invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)
        }

        .header.active .navbar-burger span {
            color: #1f1f1f
        }

        @media  only screen and (max-width:1700px) {
            .header {
                padding: 10px 20px 10px 20px
            }

            .header .navbar-start .project-nav .nav-h4 {
                padding-bottom: 16px
            }

            .header .navbar-start .project-nav a {
                font-size: 14px;
                line-height: 18px;
                padding: 2px 0
            }

            .header .navbar-menu .navbar-item,
            .header .navbar-menu .nav-h4 {
                font-size: 24px
            }

            .header .navbar-menu .navbar-item:not(:last-child):after,
            .header .navbar-menu .nav-h4:not(:last-child):after {
                width: 5px;
                height: 5px
            }

            .header .navbar-menu .navbar-item {
                padding: 5px 0
            }

            .header .navbar-end .navbar-item {
                display: flex;
                align-items: center
            }

            .header .navbar-end .navbar-item a,
            .header .navbar-end .navbar-item p,
            .header .navbar-end .navbar-item button {
                font-size: 12px
            }

            .header .navbar-end .navbar-item a img,
            .header .navbar-end .navbar-item p img,
            .header .navbar-end .navbar-item button img {
                width: 100px
            }

            .header .navbar-end .control {
                margin: 0 !important
            }

            .header .navbar-end .nav-divider {
                margin: 0 14px
            }

            .header .enquire-button {
                padding: 8px 16px 6px;
                font-size: 12px !important
            }

            .header .navbar-phone-icon {
                width: 38px;
                height: 38px
            }

            .header .navbar-phone-icon img {
                width: 40% !important;
                margin: auto
            }

            .header .navbar-burger {
                margin: 0
            }

            .header .navbar-burger span {
                height: 2px;
                width: 24px
            }

            .header .navbar-burger span:nth-child(1) {
                top: calc(50% - 8px)
            }

            .header .navbar-burger span:nth-child(3) {
                top: calc(50% + 8px)
            }

            .header .follow-us a {
                margin: 0 0 0 20px
            }

            .header .follow-us a img {
                width: 20px
            }
        }

        @media  only screen and (min-width:1200px) and (max-height:500px) {
            .header .navbar-start .project-nav {
                margin-bottom: 1vw
            }

            .header .navbar-menu.is-active .follow-us {
                position: static
            }
        }

        @media  only screen and (max-width:1024px) and (min-width:769px) {
            .header .navbar-menu .navbar-item {
                font-size: 10px;
                padding-left: 10px;
                padding-right: 10px
            }
        }

        @media  only screen and (max-width:1023px) {
            .header .navbar-burger {
                display: block
            }

            .header .navbar-start>div {
                height: 90vh
            }

            .header .navbar-start .project-nav>div {
                padding-left: 20px
            }

            .header .navbar-menu .navbar-item {
                font-size: 14px;
                padding: 2px 10px;
                margin: 2px 0
            }

            .header .navbar-menu .navbar-item:after {
                display: none
            }

            .header .navbar-menu.is-active {
                padding-bottom: 100px
            }

            .header .navbar-menu.is-active .navbar-start {
                padding-left: 50px
            }

            .header .navbar-start,
            .header .navbar-end {
                margin: 0
            }

            .header .follow-us {
                padding: 20px 40px 40px;
                bottom: 50px
            }
        }

        @media  only screen and (max-width:767px) {
            .header {
                padding: 0 10px 0 10px
            }

            .header .navbar-item img {
                width: 130px
            }

            .header .navbar-start>div {
                flex-wrap: nowrap
            }

            .header .navbar-start>div>div:nth-child(1) {
                display: block
            }

            .header .navbar-start>div>div:nth-child(3) {
                display: block
            }

            .header .navbar-start>div>div:nth-child(3)>div:nth-child(1) {
                display: none
            }

            .header .navbar-start .project-nav {
                margin-bottom: 20px
            }

            .header .navbar-start .project-nav .nav-h4 {
                padding-bottom: 8px;
                font-size: 20px
            }

            .header .navbar-start .project-nav a {
                font-size: 14px;
                line-height: 18px;
                padding: 3px 10px;
                margin: 4px 0
            }

            .header .navbar-start .two-level-nav li {
                margin-bottom: 20px
            }

            .header .navbar-start .two-level-nav li>h4 a {
                padding-left: 0
            }

            .header .navbar-start .two-level-nav li>div {
                position: static;
                width: 100%;
                opacity: 1;
                pointer-events: all
            }

            .header .navbar-menu .navbar-item {
                font-size: 14px;
                padding: 3px 10px
            }

            .header .navbar-menu .navbar-item:after {
                display: none
            }

            .header .navbar-menu.is-active .navbar-start {
                overflow: scroll;
                flex-wrap: wrap;
                padding: 20px 0 60px 30px
            }

            .header .navbar-menu.is-active .navbar-start>div {
                width: 90%;
                height: auto
            }

            .header .navbar-phone-icon {
                width: 28px;
                height: 28px
            }

            .header .navbar-burger {
                width: 30px;
                height: 30px
            }

            .header .navbar-burger span {
                width: 20px
            }

            .header .navbar-burger span:nth-child(1) {
                top: calc(50% - 6px)
            }

            .header .navbar-burger span:nth-child(3) {
                top: calc(50%+6px)
            }

            .header .follow-us {
                padding: 0 20px 20px
            }

            .header .follow-us a {
                margin: 0 0 0 16px
            }

            .header .follow-us a img {
                width: 16px
            }
        }

        @media  only screen and (max-width:480px) {
            .header .navbar-end .navbar-item .control:first-child {
                display: none
            }

            .header .navbar-end .navbar-item .nav-divider {
                display: none
            }

            .header .navbar-end .control {
                margin: 0 0 0 10px !important;
            }
        }

        .enquire-button-fixed {
            position: fixed;
            right: 0;
            top: 50%;
            z-index: 9;
            transform: rotate(90deg) translate(0, -104px);
            background: #ec726c;
            color: #fff;
            padding: 14px 30px 10px;
            font-size: 30px;
            line-height: 30px;
            border: 0;
            border-radius: 0 0 10px 10px;
            height: auto
        }

        @media  only screen and (max-width:1500px) {
            .enquire-button-fixed {
                transform: rotate(90deg) translate(0, -76px);
                padding: 13px 24px 10px;
                font-size: 22px;
                line-height: 22px
            }
        }

        @media  only screen and (max-width:768px) {
            .enquire-button-fixed {
                transform: rotate(90deg) translate(0, -67px);
                padding: 9px 24px 8px;
                font-size: 18px;
                line-height: 18px
            }
        }

        .header-enquire-now .textarea-formControl textarea {
            padding: 18px 0 0;
            height: 55px
        }

        @media  only screen and (max-width:767px) {
            .header-enquire-now .textarea-formControl textarea {
                padding: 8px 0 0;
                height: auto
            }
        }

        .three-img-slider {
            width: 76%;
            margin: 0 auto 0
        }

        .three-img-slider .owl-item .item {
            padding: 5vw 0 4vw
        }

        .three-img-slider .owl-item .item img {
            filter: grayscale(1)
        }

        .three-img-slider .owl-item .item.text-wrp a {
            position: relative;
            text-align: center
        }

        .three-img-slider .owl-item .item.text-wrp a:before {
            content: "";
            background: black;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);
            width: 100%;
            height: 40%;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 1
        }

        .three-img-slider .owl-item .item.text-wrp .para-02,
        .three-img-slider .owl-item .item.text-wrp .sec-eq.static .formControl input,
        .sec-eq.static .formControl .three-img-slider .owl-item .item.text-wrp input,
        .three-img-slider .owl-item .item.text-wrp .sec-eq.static .formControl textarea,
        .sec-eq.static .formControl .three-img-slider .owl-item .item.text-wrp textarea,
        .three-img-slider .owl-item .item.text-wrp .sec-eq.static .formControl select,
        .sec-eq.static .formControl .three-img-slider .owl-item .item.text-wrp select {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 20px;
            z-index: 2;
            color: #fff;
            text-transform: uppercase
        }

        .three-img-slider .owl-item.active .item img {
            filter: grayscale(0)
        }

        .single-image-slider .owl-item .item .play-btn {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            width: 80px;
            display: block;
            margin: auto
        }

        .single-image-slider .owl-item .item.text-wrp a {
            position: relative;
            text-align: left
        }

        .single-image-slider .owl-item .item.text-wrp a:before {
            content: "";
            background: black;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);
            width: 100%;
            height: 40%;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 1
        }

        .single-image-slider .owl-item .item.text-wrp .para-02,
        .single-image-slider .owl-item .item.text-wrp .sec-eq.static .formControl input,
        .sec-eq.static .formControl .single-image-slider .owl-item .item.text-wrp input,
        .single-image-slider .owl-item .item.text-wrp .sec-eq.static .formControl textarea,
        .sec-eq.static .formControl .single-image-slider .owl-item .item.text-wrp textarea,
        .single-image-slider .owl-item .item.text-wrp .sec-eq.static .formControl select,
        .sec-eq.static .formControl .single-image-slider .owl-item .item.text-wrp select {
            position: absolute;
            left: 20px;
            right: 0;
            bottom: 20px;
            z-index: 2;
            color: #fff;
            text-transform: uppercase
        }

        .video-slider .owl-item .item {
            position: relative
        }

        .video-slider .owl-item .item .play-btn {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            width: 80px;
            display: block;
            margin: auto;
            z-index: 9
        }

        @media  only screen and (max-width:1700px) {
            .video-slider .owl-item .item .play-btn {
                width: 50px
            }
        }

        .home-banner-wrp {
            width: 100%;
            height: 100vh;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            overflow: hidden
        }

        .home-banner-wrp>.left-wrp {
            position: absolute;
            left: -40px;
            top: 50%;
            z-index: 1;
            animation-delay: 2s !important
        }

        .home-banner-wrp>.left-wrp>div {
            transform: rotate(-90deg);
            transform-origin: center;
            position: relative;
            width: 200px;
            height: 20px;
            overflow: hidden
        }

        .home-banner-wrp>.left-wrp>div p {
            cursor: pointer;
            text-align: center;
            position: absolute;
            left: 0;
            top: 2px;
            right: 0;
            bottom: 0;
            margin: auto
        }

        .home-banner-wrp>.left-wrp>div p:first-child {
            transform: translateY(0)
        }

        .home-banner-wrp>.left-wrp>div p:last-child {
            transform: translateY(20px)
        }

        .home-banner-wrp>.left-wrp>div p:hover {
            letter-spacing: 2px
        }

        .home-banner-wrp>.left-wrp>div.active p:first-child {
            transform: translateY(-20px)
        }

        .home-banner-wrp>.left-wrp>div.active p:last-child {
            transform: translateY(0)
        }

        .home-banner-wrp>.right-wrp {
            position: absolute;
            right: -80px;
            top: 50%;
            z-index: 1;
            animation-delay: 2s !important
        }

        .home-banner-wrp>.right-wrp>div {
            transform: rotate(90deg);
            transform-origin: center;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden
        }

        .home-banner-wrp>.right-wrp>div img {
            width: 20px !important;
            margin: 0 20px;
            transform: rotate(-90deg);
            cursor: pointer;
            animation: scroll_to_explore 3s ease infinite 1.3s
        }

        .home-banner-wrp>.right-wrp>div p {
            cursor: pointer
        }

        .home-banner-wrp .bottom-wrp {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            padding: 0 70px 50px;
            animation-delay: 2s !important
        }

        .home-banner-wrp .bottom-wrp h2 {
            font-size: 3.5vw;
            line-height: 2.5vw;
            letter-spacing: -0.3px;
            font-family: "Bastliga One";
            color: #fff
        }

        .home-banner-wrp .bottom-wrp p {
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 2px;
            line-height: normal
        }

        .home-banner-wrp .bottom-wrp .p1 {
            font-size: 20px
        }

        .home-banner-wrp .bottom-wrp .p2 {
            font-size: 24px
        }

        .home-banner-wrp .follow-us {
            margin-left: auto;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-right: 70px
        }

        .home-banner-wrp .follow-us a {
            margin: 0 0 0 40px;
            display: flex
        }

        .home-banner-wrp .follow-us a:hover {
            transform: scale(1.1)
        }

        .home-banner-wrp.inner-video-banner .right-wrp {
            left: 0;
            right: 0;
            top: inherit;
            bottom: 20px
        }

        .home-banner-wrp.inner-video-banner .right-wrp>div {
            transform: rotate(180deg)
        }

        .home-banner-wrp.inner-video-banner .right-wrp>div p {
            transform: rotate(-180deg)
        }

        @keyframes  scroll_to_explore {

            0,
            100% {
                transform: rotate(-90deg) translateX(0);
                opacity: 1
            }

            49% {
                opacity: 1;
                transform: rotate(-90deg) translateX(110%)
            }

            50% {
                opacity: 0;
                transform: rotate(-90deg) translateX(110%)
            }

            51% {
                opacity: 0;
                transform: rotate(-90deg) translateX(-110%)
            }

            52% {
                opacity: 1;
                transform: rotate(-90deg) translateX(-110%)
            }
        }

        @media  only screen and (max-width:1700px) {
            .home-banner-wrp>.left-wrp>div {
                width: 150px
            }

            .home-banner-wrp>.right-wrp {
                right: -70px
            }

            .home-banner-wrp>.right-wrp>div img {
                width: 14px !important;
                margin: 0 12px
            }

            .home-banner-wrp .bottom-wrp {
                padding: 0 32px 30px
            }

            .home-banner-wrp .bottom-wrp .p1 {
                font-size: 14px
            }

            .home-banner-wrp .bottom-wrp .p2 {
                font-size: 18px
            }

            .home-banner-wrp .follow-us a {
                margin: 0 0 0 30px;
                width: 20px
            }
        }

        @media  only screen and (max-width:1023px) {
            .home-banner-wrp>.right-wrp {
                left: 0;
                right: 0;
                top: inherit;
                bottom: 30px;
                animation: anim_b_t_t_for_down_arrow 1s ease forwards !important;
                animation-delay: 3s !important
            }

            .home-banner-wrp>.right-wrp>div {
                transform: rotate(0)
            }

            @keyframes  anim_b_t_t_for_down_arrow {
                0 {
                    transform: translateY(40px);
                    opacity: 0
                }

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

            .home-banner-wrp .follow-us {
                display: none
            }
        }

        .home-banner-slider {
            width: 100%;
            height: 100%
        }

        .home-banner-slider .owl-stage-outer,
        .home-banner-slider .owl-stage,
        .home-banner-slider .owl-item {
            width: 100%;
            height: 100%
        }

        .home-banner-slider .item {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            width: 100%;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            text-align: center;
            color: #fff;
            animation-delay: 0 !important
        }

        .home-banner-slider .item:before {
            background-color: rgba(0, 0, 0, 0.1);
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 9
        }

        .home-banner-slider .item>* {
            position: relative;
            z-index: 2
        }

        .home-banner-slider .item iframe {
            width: 100vw;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 0
        }

        .home-banner-slider .item .img-wrp {
            position: absolute;
            left: 0;
            top: 0;
        }

        .home-banner-slider .item h2 {
            font-size: 4.8vw;
            line-height: 5vw;
            letter-spacing: -0.3px;
            font-family: "Bastliga One"
        }

        .home-banner-slider .item p {
            text-transform: uppercase;
            letter-spacing: 2px
        }

        .home-banner-slider .item .p1 {
            font-size: 28px
        }

        .home-banner-slider .item .p2 {
            font-size: 34px
        }

        .home-banner-slider .item .content-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 64%
        }

        .home-banner-slider .item .content-wrapper .left-wrp {
            transform: translateY(-50%);
            margin-right: 2vw
        }

        .home-banner-slider .item .content-wrapper .left-wrp .text-1 {
            width: 61.5%;
            margin-bottom: 10px;
            margin-left: auto;
            animation-delay: .3s
        }

        .home-banner-slider .item .content-wrapper .left-wrp .text-2 {
            width: 100%;
            animation-delay: .5s
        }

        .home-banner-slider .item .content-wrapper .right-wrp {
            transform: translateY(50%);
            margin-left: 2vw
        }

        .home-banner-slider .item .content-wrapper .right-wrp .text-1 {
            width: 59.7%;
            margin-bottom: 10px;
            animation-delay: .3s
        }

        .home-banner-slider .item .content-wrapper .right-wrp .text-2 {
            width: 100%;
            animation-delay: .5s
        }

        .home-banner-slider .item video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 1;
            position: relative;
        }

        .home-banner-slider .item .desktop-banner,
        .home-banner-slider .item .mobile-banner {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            width: 100%;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            text-align: center
        }

        .home-banner-slider .item .desktop-banner {
            display: block
        }

        .home-banner-slider .item .mobile-banner {
            display: none
        }

        .home-banner-slider.owl-carousel .owl-dots {
            bottom: 15px !important
        }

        .home-banner-slider.slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-].owl-prev {
            left: 4%
        }

        .home-banner-slider.slider-btn-arrow-circle.owl-theme .owl-nav [class*=owl-].owl-next {
            right: 4%
        }

        @media  only screen and (max-width:1700px) {
            .home-banner-slider .item h3 {
                font-size: 40px;
                line-height: 3vw
            }

            .home-banner-slider .item .pricing-section {
                margin: 1.5vw 0;
                padding: 1.5vw 0
            }

            .home-banner-slider .item .pricing-section .pricing-content {
                font-size: 2vw
            }
        }

        @media  only screen and (max-width:1024px) {
            .home-banner-slider .b1 {
                background-image: url("../images/home-banner-img-mobile.png")
            }

            .home-banner-slider .item h3 {
                font-size: 30px
            }

            .home-banner-slider.owl-theme .owl-nav [class*=owl-].owl-prev {
                left: -6%
            }

            .home-banner-slider.owl-theme .owl-nav [class*=owl-].owl-next {
                right: -6%
            }
        }

        @media  only screen and (max-width:1023px) {
            .home-banner-slider {
                width: 100%;
                margin-top: 0
            }

            .home-banner-slider .item h3 {
                font-size: 34px;
                line-height: 4.5vw
            }

            .home-banner-slider .item .desktop-banner {
                display: none
            }

            .home-banner-slider .item .mobile-banner {
                display: block
            }

            .home-banner-slider .item .pricing-section .pricing-content {
                font-size: 2.5vw
            }

            .home-banner-slider.owl-theme .owl-nav [class*=owl-].owl-prev {
                left: 5%
            }

            .home-banner-slider.owl-theme .owl-nav [class*=owl-].owl-next {
                right: 5%
            }

            .home-banner-slider.owl-carousel .owl-dots {
                bottom: -3% !important
            }
        }

        @media  only screen and (max-width:767px) {
            .home-banner-slider {
                width: 100%
            }

            .home-banner-slider .item h3 {
                font-size: 32px;
                line-height: 5vw
            }

            .home-banner-slider .item .pricing-section .pricing-content {
                font-size: 20px
            }
        }

        @media  only screen and (max-width:480px) {
            .home-banner-slider .item>div .digit {
                font-size: 6vw !important
            }

            .home-banner-slider .item h3 {
                font-size: 22px;
                line-height: 25px
            }

            .home-banner-slider .item h2 img {
                width: 80% !important;
                margin: 0 auto
            }

            .home-banner-slider .item p {
                padding: 0 30px
            }

            .home-banner-slider .item .pricing-section .pricing-content {
                font-size: 16px
            }
        }

        .home-overview-section {
            display: flex;
            align-items: center;
            overflow: hidden
        }

        .home-overview-section .img-wrp {
            border-radius: 0 70% 50% 0;
            overflow: hidden;
            width: 41.5vw;
            height: 130vh;
            transform: translateY(-11.5%);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative
        }

        .home-overview-section .img-wrp:before {
            content: "";
            background-color: rgba(0, 0, 0, 0.5);
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1
        }

        .home-overview-section .img-wrp>* {
            position: relative;
            z-index: 2
        }

        .home-overview-section .img-wrp img {
            transform: scale(1.2) translateX(50px);
            transition-delay: .3s
        }

        .home-overview-section .content-wrp {
            width: 58.5vw;
            margin: -10vw 0 0 0;
            padding: 0 4vw 0 6vw
        }

        .home-overview-section .heading-wrapper {
            text-align: left
        }

        @media  only screen and (max-width:1200px) {
            .home-overview-section .img-wrp img {
                object-fit: cover;
                height: 100%
            }
        }

        @media  only screen and (max-width:1023px) {
            .home-overview-section {
                display: block
            }

            .home-overview-section .img-wrp {
                width: 150vw;
                height: 110vw;
                transform: translateY(0);
                border-radius: 0 0 50% 50%;
                margin: 0 0 0 -25vw
            }

            .home-overview-section .img-wrp img {
                object-position: bottom
            }

            .home-overview-section .content-wrp {
                width: 100%;
                margin: 50px 0 0 0;
                padding: 0 4vw 0 4vw
            }

            .home-overview-section .content-wrp br {
                display: none
            }
        }

        .anim-active .home-overview-section .img-wrp img {
            transform: scale(1.04) translateX(0)
        }

        @media  only screen and (min-width:1500px) {
            .anim-active .home-overview-section .img-wrp img {
                transform: scale(1.1) translateX(0)
            }
        }

        @media  only screen and (max-width:1700px) and (min-width:1500px) and (min-height:900px) {
            .anim-active .home-overview-section .img-wrp img {
                transform: scale(1.45) translateX(0)
            }
        }

        @media  only screen and (max-width:1500px) and (min-width:1400px) {
            .anim-active .home-overview-section .img-wrp img {
                object-fit: cover;
                height: 100%
            }
        }

        @media  only screen and (max-width:1300px) and (min-width:1200px) {
            .anim-active .home-overview-section .img-wrp img {
                transform: scale(1.45) translateX(0)
            }
        }

        .home-project-section .tab-wrp,
        .home-project-section .sub-nav-link-wrp,
        .home-project-section .sub-nav-wrp {
            justify-content: space-between;
            margin-bottom: 4vh;
            margin-top: 2.5vw;
            width: 100%
        }

        .home-project-section .tab-wrp select,
        .home-project-section .sub-nav-link-wrp select,
        .home-project-section .sub-nav-wrp select {
            border: 0;
            padding-right: 12px;
            background-color: transparent;
            pointer-events: none;
            appearance: none;
            display: none
        }

        .home-project-section .tab-wrp select.active,
        .home-project-section .sub-nav-link-wrp select.active,
        .home-project-section .sub-nav-wrp select.active {
            display: block
        }

        .home-project-section .line {
            width: 52%;
            height: 1px;
            background-color: #575757;
            display: inline-block;
            margin-right: 1%;
            margin-left: 20px
        }

        .home-project-section .tabcontent {
            flex-direction: column
        }

        .home-project-section .tabcontent>.button {
            display: none
        }

        .home-project-section .img-wrp {
            position: relative
        }

        .home-project-section .img-wrp .logo-img {
            position: absolute;
            left: 12px;
            top: 12px;
            width: 26.8%;
            border-radius: 16px
        }

        .home-project-section .img-wrp .project-gif {
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0
        }

        .home-project-section .content-wrp {
            padding: 30px 24px 0;
            text-align: center
        }

        .home-project-section .content-wrp .para-02,
        .home-project-section .content-wrp .sec-eq.static .formControl input,
        .sec-eq.static .formControl .home-project-section .content-wrp input,
        .home-project-section .content-wrp .sec-eq.static .formControl textarea,
        .sec-eq.static .formControl .home-project-section .content-wrp textarea,
        .home-project-section .content-wrp .sec-eq.static .formControl select,
        .sec-eq.static .formControl .home-project-section .content-wrp select {
            margin: 10px 0
        }

        .home-project-section .content-wrp>div {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .home-project-section .content-wrp>div>div {
            border-left: 1px solid #575757;
            margin-left: 20px;
            padding-left: 20px;
            text-align: left
        }

        .home-project-section .content-wrp>div>div h2 span {
            opacity: 1;
            transform: translateX(0)
        }

        .home-project-section .content-wrp>div>div .heading-02 {
            margin-bottom: 3px
        }

        .home-project-section .content-wrp>div img {
            width: 27%
        }

        .home-project-section .item:hover .img-wrp .project-gif {
            opacity: 1
        }

        .home-project-section .owl-theme .owl-nav {
            margin-top: 0
        }

        @media  screen and (max-width:1700px) {
            .home-project-section {
                display: flex;
                flex-direction: column;
                justify-content: center;
                overflow: hidden
            }

            .home-project-section .content-wrp {
                padding: 10px 14px 0
            }

            .home-project-section .content-wrp>div img {
                width: auto;
                height: 70px
            }
        }

        @media  screen and (max-width:1500px) {
            .home-project-section .line {
                width: calc(100% - 600px);
                margin-left: 20px
            }
        }

        @media  screen and (max-width:767px) {
            .home-project-section {
                padding-top: 20vw
            }

            .home-project-section:before {
                content: "";
                width: 200vw;
                height: 150vw;
                border: 1px solid rgba(191, 56, 54, 0.4);
                border-radius: 50%;
                position: absolute;
                left: -50vw;
                bottom: 0;
                pointer-events: none
            }

            .home-project-section .tab-wrp,
            .home-project-section .sub-nav-link-wrp,
            .home-project-section .sub-nav-wrp {
                flex-wrap: wrap;
                justify-content: center;
                margin-bottom: 5px
            }

            .home-project-section .tab-wrp select,
            .home-project-section .sub-nav-link-wrp select,
            .home-project-section .sub-nav-wrp select {
                height: 30px;
                border-bottom: 1px solid #1f1f1f
            }

            .home-project-section .tab-wrp .button:last-child,
            .home-project-section .sub-nav-link-wrp .button:last-child,
            .home-project-section .sub-nav-wrp .button:last-child {
                display: none
            }

            .home-project-section .line {
                width: 100%;
                margin: 20px 0 0;
                opacity: 0
            }

            .home-project-section .tabcontent>.button {
                display: block;
                margin-top: 70px
            }

            .home-project-section .content-wrp .para-02 br,
            .home-project-section .content-wrp .sec-eq.static .formControl input br,
            .sec-eq.static .formControl .home-project-section .content-wrp input br,
            .home-project-section .content-wrp .sec-eq.static .formControl textarea br,
            .sec-eq.static .formControl .home-project-section .content-wrp textarea br,
            .home-project-section .content-wrp .sec-eq.static .formControl select br,
            .sec-eq.static .formControl .home-project-section .content-wrp select br {
                display: none
            }

            .home-project-section .owl-carousel .owl-nav.disabled+.owl-dots {
                bottom: -45px
            }
        }

        @media  screen and (max-width:480px) {
            .home-project-section:before {
                height: 182vw
            }

            .home-project-section .tab-wrp .tab,
            .home-project-section .sub-nav-link-wrp .tab,
            .home-project-section .sub-nav-wrp .tab {
                font-size: 9px;
                padding: 6px 9px 6px;
                margin-right: 0
            }
        }

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

            .home-project-section .tab-wrp,
            .home-project-section .sub-nav-link-wrp,
            .home-project-section .sub-nav-wrp {
                margin-left: -5%;
                width: calc(100%+10%);
                justify-content: space-between
            }

            .home-project-section .tab-wrp .tab,
            .home-project-section .sub-nav-link-wrp .tab,
            .home-project-section .sub-nav-wrp .tab {
                font-size: 9px;
                padding: 8px 9px 6px;
                margin: 0;
                width: 49%
            }
        }

        .home-dynamic-future {
            display: flex;
            align-items: center;
            justify-content: space-around;
            flex-direction: column
        }

        .home-dynamic-future:before {
            content: "";
            width: 60vw;
            height: 60vw;
            border: 1px solid rgba(191, 56, 54, 0.2);
            border-radius: 50%;
            position: absolute;
            left: -35vw;
            bottom: -2vw;
            pointer-events: none
        }

        .home-dynamic-future div {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .home-dynamic-future>div {
            width: 100%;
            justify-content: space-evenly;
            display: flex;
            flex-wrap: wrap
        }

        .home-dynamic-future>div>div {
            width: 30%
        }

        .home-dynamic-future>div>div:last-child {
            width: 40%
        }

        .home-dynamic-future>div>div:last-child .p1 {
            width: auto
        }

        .home-dynamic-future>div>div:last-child .p1 span:last-child {
            transform: translateY(-13%);
            display: inline-block;
            font-size: 70%
        }

        .home-dynamic-future .heading-01,
        .home-dynamic-future .inner-banner h1,
        .inner-banner .home-dynamic-future h1 {
            word-spacing: 10px
        }

        .home-dynamic-future .p1 {
            font-family: "IBM Plex Sans", sans-serif;
            font-size: 10vw;
            line-height: 10vw;
            margin-right: 1vw;
            font-weight: 200;
            letter-spacing: -0.5px;
            width: 11vw
        }

        @media  screen and (max-width:1200px) {
            .home-dynamic-future:before {
                width: 70vw;
                height: 70vw
            }
        }

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

            .home-dynamic-future .heading-01,
            .home-dynamic-future .inner-banner h1,
            .inner-banner .home-dynamic-future h1 {
                text-align: center
            }

            .home-dynamic-future div {
                display: block
            }

            .home-dynamic-future>div>div {
                width: auto
            }

            .home-dynamic-future .counter-innr {
                display: flex
            }

            .home-dynamic-future .p1 {
                width: auto
            }

            .home-dynamic-future .owl-carousel .owl-nav.disabled+.owl-dots {
                bottom: -75px
            }
        }

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

            .home-dynamic-future>.heading-01,
            .inner-banner .home-dynamic-future>h1 {
                font-size: 18px
            }

            .home-dynamic-future>div {
                margin-bottom: 70px
            }

            .home-dynamic-future .counter-innr {
                flex-direction: column
            }

            .home-dynamic-future .p1 {
                font-size: 30vw;
                line-height: 30vw;
                margin: 20px 0 0;
                width: 100%;
                text-align: center
            }

            .home-dynamic-future .para-01 {
                font-size: 13px;
                line-height: 16px;
                text-align: center
            }

            .home-dynamic-future .owl-carousel .owl-nav.disabled+.owl-dots {
                bottom: -50px
            }

            .home-dynamic-future .heading-03 {
                text-align: center;
                padding: 0;
                width: 100%;
                display: block
            }
        }

        .home-spaces-section .normal-video .iframe-wrp {
            background-color: #000;
            transition: all 1s ease;
            width: 54.6vw;
            height: 26vw;
            position: fixed;
            left: 6.1vw;
            top: 11vw
        }

        .home-spaces-section .normal-video .iframe-wrp iframe {
            display: block;
            opacity: 0;
            pointer-events: none;
            transition: all 1s ease;
            transition-delay: 0
        }

        .home-spaces-section .normal-video .video-thumb {
            width: 54.8vw;
            position: fixed;
            left: 6vw;
            top: 11vw
        }

        .home-spaces-section .normal-video .video-thumb .img-wrp {
            overflow: hidden;
            cursor: pointer
        }

        .home-spaces-section .normal-video .video-thumb .img-wrp:before {
            content: "";
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);
            width: 100%;
            height: 40%;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 1
        }

        .home-spaces-section .normal-video .video-thumb .img-wrp:hover img {
            transform: scale(1.1)
        }

        .home-spaces-section .normal-video .video-thumb .img-wrp:hover .play-btn-wrp .play-btn-circle {
            background-color: #563636;
            border-color: #563636
        }

        .home-spaces-section .normal-video.active .iframe-wrp {
            width: 100vw;
            height: 100vh;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 99
        }

        .home-spaces-section .normal-video.active .iframe-wrp iframe {
            object-fit: cover;
            display: block;
            opacity: 1;
            pointer-events: all;
            transition-delay: .6s
        }

        .home-spaces-section .normal-video.active .pause-button {
            position: fixed;
            pointer-events: all;
            z-index: 99;
            width: 100px;
            height: 100px;
            right: 0;
            left: inherit;
            top: 100px
        }

        .home-spaces-section .normal-video.active.corner-img-wrp img {
            opacity: 0
        }

        .home-spaces-section .play-btn-wrp {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-around;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2
        }

        .home-spaces-section .play-btn-wrp .blank-span {
            display: block
        }

        .home-spaces-section .play-btn-wrp .p1 {
            font-size: 7.3vw;
            line-height: 5vw;
            color: #fff;
            font-weight: 100
        }

        .home-spaces-section .p2 {
            font-family: "Bastliga One";
            font-size: 23vw;
            line-height: 23vw;
            color: #007a4c;
            position: absolute;
            right: -33vw;
            bottom: -5.7vw;
            top: 0;
            display: flex;
            align-items: center;
            cursor: auto;
            pointer-events: none
        }

        @media  only screen and (min-width:1200px) and (max-height:500px) {
            .home-spaces-section .normal-video .video-thumb {
                top: 6vw
            }
        }

        @media  only screen and (max-width:1300px) {
            .home-spaces-section {
                overflow: hidden
            }

            .home-spaces-section .normal-video .iframe-wrp,
            .home-spaces-section .normal-video .video-thumb {
                top: 20vw
            }
        }

        @media  only screen and (max-width:1024px) {
            .home-spaces-section .normal-video .iframe-wrp {
                left: 16vw;
                top: 15vw;
                width: 70vw;
                height: 33vw
            }

            .home-spaces-section .normal-video .video-thumb {
                left: 16vw;
                top: 15vw;
                width: 70vw
            }

            .home-spaces-section .p2 {
                font-size: 30vw;
                left: 3vw;
                top: inherit;
                bottom: -33vw
            }
        }

        @media  only screen and (max-width:1023px) {
            .home-spaces-section .normal-video {
                height: 44vw;
                width: 100vw;
                margin: 0 auto 20vw
            }

            .home-spaces-section .normal-video .iframe-wrp {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

            .home-spaces-section .normal-video .video-thumb {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

            .home-spaces-section .p2 {
                bottom: -50vw
            }
        }

        @media  only screen and (max-width:767px) {
            .home-spaces-section {
                overflow: hidden
            }

            .home-spaces-section .normal-video {
                margin: 0 auto 50vw
            }

            .home-spaces-section .normal-video .video-thumb .img-wrp:before {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.7) 100%);
                height: 60%
            }

            .home-spaces-section .p2 {
                bottom: -90vw;
                font-size: 45vw;
                left: 3vw;
                right: 0
            }
        }

        .home-vision-mission-section {
            display: flex;
            align-items: flex-start;
            overflow: hidden;
            position: relative
        }

        .home-vision-mission-section:before {
            content: "";
            width: calc(100% - 580px);
            height: 100%;
            background-color: #0e3178;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%);
            position: absolute;
            right: 0;
            top: 0;
            top: 0;
            margin: 120px 0 0 -10.9%;
            z-index: 1
        }

        .home-vision-mission-section:after {
            content: "";
            position: absolute;
            right: 0;
            left: inherit;
            bottom: -120px;
            top: inherit;
            width: 0;
            height: 0;
            border-top: 20vw solid transparent;
            border-bottom: 0vw solid transparent;
            border-right: 44vw solid #fff;
            display: inline-block;
            z-index: 1;
            background: transparent
        }

        .home-vision-mission-section .tab-wrp,
        .home-vision-mission-section .sub-nav-link-wrp,
        .home-vision-mission-section .sub-nav-wrp {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 790px;
            height: 100%;
            background-color: #eee;
            border-radius: 0;
            text-align: left;
            margin: 0;
            padding-left: 50px;
            padding-right: 300px;
            position: relative
        }

        .home-vision-mission-section .tab-wrp:after,
        .home-vision-mission-section .sub-nav-link-wrp:after,
        .home-vision-mission-section .sub-nav-wrp:after {
            content: "";
            position: absolute;
            right: 0;
            left: inherit;
            bottom: 0;
            top: inherit;
            width: 0;
            height: 0;
            border-top: 10vw solid transparent;
            border-bottom: 0vw solid transparent;
            border-right: 27vw solid #fff;
            display: inline-block;
            z-index: 1;
            background: transparent;
            pointer-events: none
        }

        .home-vision-mission-section .tab-wrp>div,
        .home-vision-mission-section .sub-nav-link-wrp>div,
        .home-vision-mission-section .sub-nav-wrp>div {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%
        }

        .home-vision-mission-section .tab-wrp .tab,
        .home-vision-mission-section .sub-nav-link-wrp .tab,
        .home-vision-mission-section .sub-nav-wrp .tab {
            background: transparent;
            width: 100%;
            padding: 18px 0;
            border-bottom: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 0;
            text-transform: none;
            color: #1f1f1f;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 22px
        }

        .home-vision-mission-section .tab-wrp .tab .icon,
        .home-vision-mission-section .sub-nav-link-wrp .tab .icon,
        .home-vision-mission-section .sub-nav-wrp .tab .icon {
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center
        }

        .home-vision-mission-section .tab-wrp .tab .icon:after,
        .home-vision-mission-section .sub-nav-link-wrp .tab .icon:after,
        .home-vision-mission-section .sub-nav-wrp .tab .icon:after {
            content: "+";
            font-size: 34px;
            position: static;
            transform: translateY(-3px)
        }

        .home-vision-mission-section .tab-wrp .tab:hover,
        .home-vision-mission-section .sub-nav-link-wrp .tab:hover,
        .home-vision-mission-section .sub-nav-wrp .tab:hover,
        .home-vision-mission-section .tab-wrp .tab.active,
        .home-vision-mission-section .sub-nav-link-wrp .tab.active,
        .home-vision-mission-section .sub-nav-wrp .tab.active {
            color: #000;
            font-weight: 600
        }

        .home-vision-mission-section .tab-wrp .tab.active .icon:after,
        .home-vision-mission-section .sub-nav-link-wrp .tab.active .icon:after,
        .home-vision-mission-section .sub-nav-wrp .tab.active .icon:after {
            content: "-"
        }

        .home-vision-mission-section .tab-wrp .tab:nth-child(1),
        .home-vision-mission-section .sub-nav-link-wrp .tab:nth-child(1),
        .home-vision-mission-section .sub-nav-wrp .tab:nth-child(1) {
            animation-delay: 1.3s
        }

        .home-vision-mission-section .tab-wrp .tab:nth-child(2),
        .home-vision-mission-section .sub-nav-link-wrp .tab:nth-child(2),
        .home-vision-mission-section .sub-nav-wrp .tab:nth-child(2) {
            animation-delay: 1.6s
        }

        .home-vision-mission-section .tab-wrp .tab:nth-child(3),
        .home-vision-mission-section .sub-nav-link-wrp .tab:nth-child(3),
        .home-vision-mission-section .sub-nav-wrp .tab:nth-child(3) {
            animation-delay: 1.9s
        }

        .home-vision-mission-section .tab-wrp .tab:nth-child(4),
        .home-vision-mission-section .sub-nav-link-wrp .tab:nth-child(4),
        .home-vision-mission-section .sub-nav-wrp .tab:nth-child(4) {
            animation-delay: 2.1s
        }

        .home-vision-mission-section .tab-wrp .tab:nth-child(5),
        .home-vision-mission-section .sub-nav-link-wrp .tab:nth-child(5),
        .home-vision-mission-section .sub-nav-wrp .tab:nth-child(5) {
            animation-delay: 2.4s
        }

        .home-vision-mission-section .tab-wrp .tab:nth-child(6),
        .home-vision-mission-section .sub-nav-link-wrp .tab:nth-child(6),
        .home-vision-mission-section .sub-nav-wrp .tab:nth-child(6) {
            animation-delay: 2.7s
        }

        .home-vision-mission-section .tab-wrp .tab:nth-child(7),
        .home-vision-mission-section .sub-nav-link-wrp .tab:nth-child(7),
        .home-vision-mission-section .sub-nav-wrp .tab:nth-child(7) {
            animation-delay: 3s
        }

        .home-vision-mission-section .tabcontent {
            width: calc(100% - 580px);
            height: calc(100% - 120px);
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            background-color: #000;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%);
            text-align: left;
            margin: 120px 0 0 -10.9%;
            z-index: 1;
            padding: 0 10% 12% 7%;
            position: relative;
            animation-delay: .3s !important
        }

        .home-vision-mission-section .tabcontent:before {
            content: "";
            position: absolute;
            right: 0;
            left: inherit;
            bottom: 0;
            top: inherit;
            width: 0;
            height: 0;
            border-top: 20vw solid transparent;
            border-bottom: 0vw solid transparent;
            display: inline-block;
            z-index: 1;
            background: transparent
        }

        .home-vision-mission-section .tabcontent ul {
            display: flex;
            flex-wrap: wrap;
            width: 100%
        }

        .home-vision-mission-section .tabcontent ul li {
            width: 20%;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            flex-direction: column;
            text-align: center
        }

        .home-vision-mission-section .tabcontent ul li img {
            width: 40px;
            margin-bottom: 6px
        }

        .home-vision-mission-section .tabcontent .para-03 {
            font-size: 22px;
            line-height: 26px
        }

        @media  only screen and (max-width:1700px) {
            .home-vision-mission-section:before {
                width: calc(100% - 480px);
                margin: 120px 0 0 -7.6%
            }

            .home-vision-mission-section .tab-wrp,
            .home-vision-mission-section .sub-nav-link-wrp,
            .home-vision-mission-section .sub-nav-wrp {
                width: 590px;
                padding-right: 200px
            }

            .home-vision-mission-section .tab-wrp .tab,
            .home-vision-mission-section .sub-nav-link-wrp .tab,
            .home-vision-mission-section .sub-nav-wrp .tab {
                padding: 10px 0;
                font-size: 17px
            }

            .home-vision-mission-section .tab-wrp .tab .icon,
            .home-vision-mission-section .sub-nav-link-wrp .tab .icon,
            .home-vision-mission-section .sub-nav-wrp .tab .icon {
                width: 40px;
                height: 40px
            }

            .home-vision-mission-section .tab-wrp .tab .icon:after,
            .home-vision-mission-section .sub-nav-link-wrp .tab .icon:after,
            .home-vision-mission-section .sub-nav-wrp .tab .icon:after {
                font-size: 24px
            }

            .home-vision-mission-section .tabcontent {
                width: calc(100% - 480px);
                margin: 120px 0 0 -7.6%;
                padding: 0 10% 14% 5%
            }

            .home-vision-mission-section .tabcontent .para-03 {
                font-size: 16px;
                line-height: 26px
            }
        }

        @media  only screen and (max-width:1200px) {
            .home-vision-mission-section:before {
                width: calc(100% - 390px)
            }

            .home-vision-mission-section .tab-wrp,
            .home-vision-mission-section .sub-nav-link-wrp,
            .home-vision-mission-section .sub-nav-wrp {
                width: 490px;
                padding-right: 140px;
                padding-left: 30px
            }

            .home-vision-mission-section .tab-wrp .tab,
            .home-vision-mission-section .sub-nav-link-wrp .tab,
            .home-vision-mission-section .sub-nav-wrp .tab {
                font-size: 15px
            }

            .home-vision-mission-section .tab-wrp .tab .icon,
            .home-vision-mission-section .sub-nav-link-wrp .tab .icon,
            .home-vision-mission-section .sub-nav-wrp .tab .icon {
                width: 30px;
                height: 30px
            }

            .home-vision-mission-section .tab-wrp .tab .icon:after,
            .home-vision-mission-section .sub-nav-link-wrp .tab .icon:after,
            .home-vision-mission-section .sub-nav-wrp .tab .icon:after {
                font-size: 20px
            }

            .home-vision-mission-section .tabcontent {
                width: calc(100% - 410px)
            }

            .home-vision-mission-section .tabcontent .para-03 {
                font-size: 12px;
                line-height: 16px
            }
        }

        @media  only screen and (max-width:1023px) {
            .home-vision-mission-section {
                flex-wrap: wrap;
                position: relative
            }

            .home-vision-mission-section:before {
                width: 100%;
                margin: 0
            }

            .home-vision-mission-section:after {
                bottom: 0
            }

            .home-vision-mission-section .mob-dropdown {
                background-color: transparent;
                height: 35px;
                padding: 0;
                width: 80vw;
                margin: auto;
                position: absolute;
                left: 10%;
                top: 20px;
                z-index: 9;
                flex-wrap: nowrap;
                border-radius: 20px 20px
            }

            .home-vision-mission-section .mob-dropdown:before {
                background-color: #eee;
                width: 100%;
                top: 0;
                left: 0;
                z-index: 2;
                color: #1f1f1f;
                border-radius: 30px
            }

            .home-vision-mission-section .mob-dropdown:after {
                content: "";
                border: solid #000;
                border-width: 0 1px 1px 0;
                display: inline-block;
                padding: 4px;
                transition: all .3s ease;
                transform: translate(-60%, 0) rotate(45deg);
                right: 10px;
                top: 10px;
                z-index: 9;
                margin: 0 0 0 auto
            }

            .home-vision-mission-section .mob-dropdown .tab {
                margin: 0;
                animation: none;
                transition: all .3s ease;
                transform: none;
                opacity: 1;
                background-color: #1f1f1f !important;
                color: #fff;
                padding: 0 10% 0 calc(10%+16px);
                font-size: 12px;
                height: 30px
            }

            .home-vision-mission-section .mob-dropdown .tab .icon {
                display: none
            }

            .home-vision-mission-section .mob-dropdown .tab:first-child {
                padding-top: 10px;
                border-radius: 20px 20px 0 0
            }

            .home-vision-mission-section .mob-dropdown .tab:last-child {
                padding-bottom: 10px;
                border-radius: 0 0 20px 20px
            }

            .home-vision-mission-section .mob-dropdown.open {
                height: 280px
            }

            .home-vision-mission-section .mob-dropdown.open:after {
                transform: translate(-60%, 0) rotate(225deg);
                top: 14px
            }

            .home-vision-mission-section .tab-wrp .tab:hover,
            .home-vision-mission-section .sub-nav-link-wrp .tab:hover,
            .home-vision-mission-section .sub-nav-wrp .tab:hover,
            .home-vision-mission-section .tab-wrp .tab.active,
            .home-vision-mission-section .sub-nav-link-wrp .tab.active,
            .home-vision-mission-section .sub-nav-wrp .tab.active {
                color: #fff
            }

            .home-vision-mission-section .tabcontent {
                width: 100%;
                margin: 0;
                padding: 40px 20% 14% 40px
            }

            .home-vision-mission-section .tabcontent {
                padding-top: 80px
            }

            .home-vision-mission-section .tabcontent ul li {
                width: 50%;
                margin-bottom: 26px
            }
        }

        @media  only screen and (max-width:767px) {
            .home-vision-mission-section .tabcontent:nth-child(2) {
                padding-bottom: 70px
            }
        }

        .home-locations {
            display: none
        }

        .home-locations .iframe-wrp {
            width: 90vw;
            height: 90vw;
            border-radius: 50% 50% 0 0;
            position: relative;
            margin: auto;
            pointer-events: none
        }

        .home-locations .iframe-wrp:before {
            content: "";
            position: absolute;
            left: -10%;
            top: -2%;
            width: 120%;
            height: 120%;
            z-index: 1;
            border: 1px solid #969696;
            border-radius: 50% 50% 0 0;
            pointer-events: none
        }

        .home-locations .iframe-wrp>div {
            overflow: hidden;
            width: 100%;
            height: 100%;
            border-radius: 50% 50% 0 0
        }

        .home-locations .iframe-wrp iframe {
            width: 100%;
            height: 100%;
            border-radius: 50% 50% 0 0
        }

        .home-award-section .container>div:last-child {
            display: flex;
            justify-content: center
        }

        .home-award-section .heading-wrapper {
            padding-left: 10px
        }

        .home-award-section .home-award-slider .item {
            margin: 0 12px;
            text-align: center
        }

        .home-award-section .home-award-slider .item .img-wrp {
            width: 70%;
            /*margin: -20px auto 0*/
            margin: 0px auto 0
        }

        .home-award-section .border-all-side {
            border-color: #969696
        }

        @media  screen and (max-width:1700px) {
            .home-award-section {
                display: flex;
                justify-content: center;
                overflow: hidden
            }
        }

        @media  screen and (max-width:1200px) {
            .home-award-section .container {
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding-bottom: 4vw
            }

            .home-award-section .heading-wrapper {
                margin: 0
            }

            .home-award-section .home-award-slider {
                width: 90%;
                margin-left: auto;
                margin-right: auto
            }
        }

        @media  screen and (max-width:1023px) {
            .home-award-section {
                padding-bottom: 0
            }

            .home-award-section .container {
                width: 90vw
            }

            .home-award-section .heading-wrapper {
                text-align: center
            }
        }

        @media  screen and (max-width:767px) {
            .home-award-section .container>div:last-child {
                margin-top: 70px !important
            }

            .home-award-section .owl-carousel .owl-nav.disabled+.owl-dots {
                bottom: -50px
            }
        }

        .home-blog-section .heading-wrapper {
            padding-left: 10px
        }

        .home-blog-section .home-blog-slider .item {
            margin: 0 12px
        }

        @media  screen and (max-width:1700px) {
            .home-blog-section {
                display: flex;
                flex-direction: column;
                justify-content: center;
                overflow: hidden
            }
        }

        @media  screen and (max-width:1200px) {
            .home-blog-section .container {
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding-bottom: 4vw
            }

            .home-blog-section .heading-wrapper {
                margin: 0
            }
        }

        @media  screen and (max-width:1023px) {
            .home-blog-section {
                padding-bottom: 0
            }

            .home-blog-section .container {
                width: 90vw
            }

            .home-blog-section .four-side-center {
                margin-top: 60px
            }
        }

        @media  screen and (max-width:767px) {
            .home-blog-section .container {
                padding-bottom: 0
            }
        }

        .get-in-touch {
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden
        }

        .get-in-touch>div {
            background: url("../images/webp/home/get-in-touch.webp") center center no-repeat;
            background-size: 120%;
            width: 71vw;
            height: 71vw;
            margin-top: 11vw;
            background-position: -7vw 5vw;
            border-radius: 50%;
            overflow: hidden;
            position: relative
        }

        .get-in-touch>div:before {
            content: "";
            background-color: rgba(0, 0, 0, 0.4);
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1
        }

        .get-in-touch>div>* {
            position: relative;
            z-index: 2
        }

        .get-in-touch .heading-wrapper {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: 0vw auto 0;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            text-align: center
        }

        @media  screen and (max-width:1700px) {
            .get-in-touch>div {
                background-size: 140%;
                margin-top: 10vw;
                background-position: -14.4vw 2vw
            }
        }

        @media  screen and (max-width:1300px) {
            .get-in-touch>div {
                background-size: 140vw;
                margin-top: 0vw;
                background-position: -34.7vw -6vw
            }
        }

        @media  screen and (max-width:1023px) {
            .get-in-touch {
                padding-bottom: 60px
            }
        }

        @media  screen and (max-width:767px) {
            .get-in-touch {
                padding: 60px 0;
                display: block
            }

            .get-in-touch>div {
                width: 120vw;
                height: 120vw;
                margin-left: -10vw;
                background-position: -44vw center;
                background-size: cover
            }

            .get-in-touch .heading-wrapper {
                width: 90vw
            }
        }

        .footer {
            padding: 8vw 0 0;
            width: 100%;
            background: #373737;
            /*opacity:0;*/
        }

        .footer .container {
            display: flex;
            flex-direction: column;
            height: 100%;
            width: 90%;
            max-width: none !important
        }

        .footer .line {
            background-color: #979797;
            width: 1px;
            height: 100%;
            margin: 0 60px
        }

        .footer p {
            color: #979797
        }

        .footer .item>p {
            color: #c1bfbf
        }

        .footer .wrp-01 {
            display: flex;
            justify-content: space-between
        }

        .footer .wrp-01 a,
        .footer .wrp-01 p {
            font-weight: 600;
            line-height: 16px
        }

        .footer .wrp-01 p {
            font-size: 20px
        }

        .footer .wrp-01 a {
            font-size: 16px;
            color: #979797
        }

        .footer .wrp-01 a:hover {
            color: #fff
        }

        .footer .wrp-01 li {
            line-height: 20px
        }

        .footer .wrp-01 .left-wrp {
            display: flex
        }

        .footer .right-wrp {
            display: flex;
            width: 700px
        }

        .footer .right-wrp .content-box {
            margin-bottom: 10px
        }

        .footer .right-wrp .content-box p {
            font-size: 16px;
            line-height: 20px;
            font-weight: 400
        }

        .footer .right-wrp .content-box p span {
            font-weight: 600
        }

        .footer .right-wrp .item {
            display: flex;
            flex-wrap: wrap
        }

        .footer .right-wrp .item>p {
            width: 100%
        }

        .footer .right-wrp .item .content-box {
            margin-right: 40px
        }

        .footer .right-wrp .newsletter {
            margin-right: 0 !important;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-end
        }

        .footer .right-wrp .newsletter input {
            width: 47%;
            min-height: 40px;
            outline: 0;
            padding: 0 10px 0 0;
            background: transparent;
            border: 0;
            border-bottom: 1px solid #ffffff4d;
            border-radius: 0;
            color: #fff
        }

        .footer .right-wrp .newsletter input::-webkit-input-placeholder {
            color: #979797 !important
        }

        .footer .right-wrp .newsletter input::-moz-placeholder {
            color: #979797 !important
        }

        .footer .right-wrp .newsletter input:-ms-input-placeholder {
            color: #979797 !important
        }

        .footer .right-wrp .newsletter input:-moz-placeholder {
            color: #979797 !important
        }

        .footer .right-wrp .newsletter img {
            width: 27%;
            margin: 16px auto 0 6%
        }

        .footer .right-wrp .newsletter>div {
            width: 100%;
            margin: 20px auto 0;
            text-align: center
        }

        .footer .right-wrp .newsletter .button {
            padding: 4px 14px;
            height: 30px
        }

        .footer .end-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 40px 0 30px
        }

        .footer .end-content .follow-us {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-right: 60px
        }

        .footer .end-content .follow-us a {
            margin: 0 0 0 26px;
            display: flex
        }

        .footer .copyright p,
        .footer .copyright a {
            color: #8f8f8f
        }

        .footer .copyright a:hover {
            text-decoration: underline
        }

        .footer.footer-seo {
            position: relative;
            background-color: #212020;
            padding: 0;
            z-index: 1
        }

        .footer.footer-seo .wrp-01 {
            padding: 4vw 0
        }

        .footer.footer-seo .wrp-01 a {
            line-height: 18px
        }

        .footer.footer-seo .wrp-01 .inner-left:first-child {
            width: 460px
        }

        .footer.footer-seo .wrp-02 {
            padding-bottom: 4vw
        }

        .footer.footer-seo .wrp-02 h2 {
            color: #c1bfbf;
            font-size: 14px;
            line-height: 18px
        }

        .footer.footer-seo .wrp-02 p {
            color: #979797;
            font-size: 12px;
            line-height: 18px
        }

        .footer #vw-more {
            color: #fff;
            font-size: 10px;
            text-transform: uppercase;
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%);
            background-size: 100% 100%;
            width: 60px;
            padding: 8px 10px 24px;
            text-align: center;
            font-weight: 700;
            text-decoration: none !important;
            display: inline-block;
            letter-spacing: 1px;
            position: relative;
            z-index: 99
        }

        .footer #vw-more:after {
            position: absolute;
            content: '';
            background: url(../images/arrow.png) 0 0/100% 100% no-repeat;
            transform: rotate(180deg);
            width: 14px;
            height: 9px;
            bottom: 11px;
            left: 0;
            right: 0;
            margin: auto;
            text-align: center;
            filter: invert(100%) sepia(8%) saturate(0%) hue-rotate(89deg) brightness(109%) contrast(103%)
        }

        .footer #vw-more.less:after {
            transform: none
        }

        .footer .v-more em {
            display: inline-block;
            margin-top: 5px
        }

        .footer .ftrmain-outr {
            position: relative;
            background: #f0f0f0
        }

        .footer .vw-more-innr {
            position: absolute;
            top: 0;
            right: 60px;
            transform: translateY(-50%);
            background: #000;
            z-index: 1
        }

        @media  only screen and (max-width:1700px) {
            .footer .wrp-01 p {
                font-size: 16px
            }

            .footer .wrp-01 a {
                font-size: 12px
            }

            .footer .wrp-01 li {
                line-height: 14px
            }

            .footer .right-wrp {
                width: 600px
            }

            .footer .right-wrp .content-box p {
                font-size: 12px;
                line-height: 16px
            }

            .footer .right-wrp .item .content-box {
                margin-right: 20px
            }

            .footer .right-wrp .newsletter input {
                min-height: 26px;
                font-size: 12px
            }

            .footer .right-wrp .newsletter img {
                width: 20%;
                margin: 12px auto 0 6%
            }

            .footer .right-wrp .newsletter>div {
                margin: 14px auto 0
            }

            .footer .right-wrp .newsletter .button {
                padding: 4px 10px;
                height: 22px
            }

            .footer .end-content .follow-us a {
                margin: 0 0 0 20px
            }

            .footer .end-content .follow-us a img {
                width: 20px
            }

            .footer .copyright p,
            .footer .copyright a {
                font-size: 12px
            }

            .footer.footer-seo .wrp-01 .inner-left:first-child {
                width: 384px;
            }
        }

        @media  only screen and (max-width: 1400px) {
            .footer.footer-seo .wrp-01 .inner-left:first-child {
                width: 368px;
            }
        }

        @media  only screen and (max-width:1200px) {
            .footer {
                padding: 120px 0 0
            }

            .footer .container {
                width: 100%;
                padding: 0 30px
            }

            .footer .container .line {
                margin: 0 40px
            }

            .footer .right-wrp {
                width: 500px
            }
        }

        @media  only screen and (max-width:1023px) {
            .footer {
                padding: 60px 0 0
            }

            .footer.footer-seo .wrp-01 {
                padding: 40px 0
            }

            .footer .vw-more-innr {
                right: 13px
            }

            .footer #vw-more {
                width: 70px;
                padding: 10px 15px 28px
            }

            .footer #vw-more:after {
                bottom: 14px;
                width: 12px;
                height: 8px
            }
        }

        @media  only screen and (max-width:767px) {
            .footer .container .line {
                display: none
            }

            .footer .wrp-01 {
                flex-wrap: wrap
            }

            .footer .wrp-01>div {
                width: 100%
            }

            .footer .left-wrp {
                flex-wrap: wrap
            }

            .footer .left-wrp>div {
                width: 100%
            }

            .footer .left-wrp .call-no {
                font-size: 25px
            }

            .footer .right-wrp {
                flex-wrap: wrap
            }

            .footer .right-wrp .item .content-box {
                width: 100%;
                margin-bottom: 10px
            }

            .footer .right-wrp .newsletter input {
                width: 100%
            }

            .footer .right-wrp .newsletter img {
                width: 40%;
                margin: 12px auto 0 0
            }

            .footer .right-wrp .newsletter>div {
                text-align: left
            }

            .footer .right-wrp>div:first-child {
                margin: 0 16% 0 0
            }

            .footer .end-content {
                flex-wrap: wrap;
                margin: 20px 0 180px
            }

            .footer .end-content .follow-us {
                width: 100%;
                justify-content: flex-start;
                margin-top: 20px
            }

            .footer .end-content .follow-us a:first-child {
                margin-left: 0
            }

            .footer .footer-accordion-title {
                position: relative
            }

            .footer .footer-accordion-title:before {
                content: "+";
                position: absolute;
                right: 10px;
                top: 0;
                color: #c1bfbf;
                font-size: 22px;
                line-height: 22px
            }

            .footer .footer-accordion-title.active:before {
                content: "-"
            }

            .footer .footer-accordion-content {
                display: none
            }

            .footer.footer-seo {
                position: relative !important
            }

            .footer.footer-seo .left-wrp .inner-left:first-child .item {
                margin-bottom: 0 !important
            }

            .footer.footer-seo .left-wrp .inner-left:last-child p {
                display: none
            }

            .footer.footer-seo .right-wrp .inner-left {
                width: 100% !important
            }
        }

        @media  only screen and (max-width:480px) {
            .footer .end-content {
                flex-direction: column-reverse;
                align-items: center;
                text-align: center
            }

            .footer .end-content .follow-us {
                margin: 20px 0;
                flex-wrap: wrap;
                justify-content: center
            }

            .footer .end-content .follow-us>p {
                width: 100%;
                margin-bottom: 20px
            }

            .footer .end-content span {
                padding: 10px 10px 13px 0;
                font-size: 12px
            }

            .footer .end-content .social-icon-end {
                margin: 20px 0
            }

            .footer .copyright-section .column {
                padding-left: 0;
                padding-right: 0
            }

            .footer .copyright-section .column p {
                font-size: 8px
            }
        }

        #kenytChatBubble,
        #chatbox-container {
            z-index: 9
        }

        .g-map,
        .s-map {
            display: none;
            width: 100%
        }

        .g-map.active,
        .s-map.active {
            display: block
        }

        .enquire-now-section {
            position: relative
        }

        @media  only screen and (max-width:1700px) {
            .enquire-now-section .content-wrp {
                background-size: 56%;
                padding-bottom: 190px
            }

            .enquire-now-section .content-wrp .wrp-01 .p1 {
                font-size: 20px
            }

            .enquire-now-section .content-wrp .wrp-01 .p2 {
                font-size: 20px
            }

            .enquire-now-section .content-wrp .wrp-02 {
                padding: 4vw 0
            }

            .enquire-now-section .content-wrp .wrp-02 p {
                font-size: 16px;
                margin-bottom: 30px
            }

            .enquire-now-section .content-wrp .wrp-02 img {
                width: 200px
            }
        }

        @media  only screen and (max-width:1200px) {
            .enquire-now-section .content-wrp {
                background-size: 50%;
                padding-bottom: 150px
            }

            .enquire-now-section .content-wrp .wrp-01 .p1 {
                font-size: 16px
            }

            .enquire-now-section .content-wrp .wrp-01 .p2 {
                font-size: 16px
            }

            .enquire-now-section .content-wrp .wrp-02 {
                padding: 50px 0 30px
            }

            .enquire-now-section .content-wrp .wrp-02 p {
                font-size: 12px;
                margin-bottom: 20px
            }

            .enquire-now-section .content-wrp .wrp-02 img {
                width: 150px
            }
        }

        @media  only screen and (max-width:767px) {
            .enquire-now-section .content-wrp .wrp-01>div {
                margin-bottom: 10px
            }

            .enquire-now-section .content-wrp .wrp-01>div:after {
                content: "";
                display: none
            }
        }

        .home-buyers-guide-wrp {
            display: flex;
            flex-wrap: wrap
        }

        .home-buyers-guide-wrp .item {
            margin-bottom: 3vw;
            width: 31%;
            margin-right: 3.5%
        }

        .home-buyers-guide-wrp .item:nth-child(3n) {
            margin-right: 0
        }

        .home-buyers-guide-wrp .item .img-wrp {
            position: relative;
            background-color: #ebebeb;
            height: 120px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center
        }

        .home-buyers-guide-wrp .item .img-wrp:before {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            transform: translateY(105%)
        }

        .home-buyers-guide-wrp .item .img-wrp.is-gradient-fill:before {
            background: linear-gradient(180deg, #007a4c 0, #008594 50%, #0e3178 100%)
        }

        .home-buyers-guide-wrp .item .img-wrp>* {
            position: relative;
            z-index: 2
        }

        .home-buyers-guide-wrp .item .img-wrp img {
            width: 70px;
            margin-right: 10px;
            filter: invert(26%) sepia(80%) saturate(1614%) hue-rotate(137deg) brightness(93%) contrast(101%)
        }

        .home-buyers-guide-wrp .item .img-wrp p {
            width: 40%
        }

        .home-buyers-guide-wrp .item a:hover .img-wrp:before {
            transform: translateY(0)
        }

        .home-buyers-guide-wrp .item a:hover .img-wrp p {
            color: #fff
        }

        .home-buyers-guide-wrp .item a:hover .img-wrp img {
            filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(64deg) brightness(106%) contrast(101%)
        }

        .home-buyers-guide-wrp .item .button-wrp {
            display: flex;
            justify-content: space-around
        }

        .home-buyers-guide-wrp .item .button-wrp img {
            width: 18px
        }

        @media  only screen and (max-width:1023px) {
            .home-buyers-guide-wrp .item {
                width: 47%;
                margin-right: 6%;
                margin-bottom: 40px
            }

            .home-buyers-guide-wrp .item:nth-child(3n),
            .home-buyers-guide-wrp .item:nth-child(4n) {
                margin-right: 6%
            }

            .home-buyers-guide-wrp .item:nth-child(2n) {
                margin-right: 0
            }

            .home-buyers-guide-wrp .item .img-wrp {
                height: 130px
            }

            .home-buyers-guide-wrp .item .img-wrp img {
                width: 80px
            }

            .home-buyers-guide-wrp .item .button-wrp .button img {
                width: 12px
            }

            .home-buyers-guide-wrp .item .button-wrp .button:first-child {
                margin-bottom: 6px
            }
        }

        @media  only screen and (max-width:767px) {
            .home-buyers-guide-wrp .item {
                width: 100%;
                margin-right: 0 !important;
                margin-bottom: 10px
            }

            .home-buyers-guide-wrp .item .img-wrp {
                height: 80px
            }

            .home-buyers-guide-wrp .item .img-wrp img {
                width: 60px
            }
        }

        .contact-form-section {
            position: relative;
            padding: 5vw 0 9vw
        }

        .contact-form-section:before {
            content: "";
            background: url("../images/home/contact-form-bg-01.png") left top no-repeat;
            background-size: 22.5%;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 35.7vw;
            top: 4vw;
            z-index: -1
        }

        .contact-form-section .heading-wrapper {
            margin-left: 11%
        }

        .contact-form-section .form-section {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            width: 82%;
            margin: 0 auto
        }

        .contact-form-section .form-section .form-input,
        .contact-form-section .form-section .intl-tel-input {
            width: 45%;
            margin: 20px 20px;
            padding: 30px 0;
            border: 0;
            border-bottom: 1px solid black;
            color: #bdbdbd;
            outline: 0;
            font-size: 18px;
            background-color: transparent
        }

        .contact-form-section .form-section .form-input[name=phone],
        .contact-form-section .form-section .intl-tel-input[name=phone] {
            width: 100%;
            margin-left: 0
        }

        .contact-form-section .form-section .intl-tel-input {
            padding: 0 !important;
            border-bottom: 0
        }

        .contact-form-section .form-section .form-input-5 {
            width: 94%;
            margin: 20px 20px;
            padding: 30px 0;
            border: 0;
            border-bottom: 1px solid black;
            color: #bdbdbd;
            outline: 0;
            font-size: 18px;
            background-color: transparent
        }

        .contact-form-section .form-section .btn-circle {
            margin-left: auto;
            margin-right: 6%;
            background-color: transparent;
            border: 0;
            cursor: pointer
        }

        .contact-form-section .form-section ::-webkit-input-placeholder {
            color: #bdbdbd
        }

        .contact-form-section .form-section ::-moz-placeholder {
            color: #bdbdbd
        }

        .contact-form-section .form-section :-ms-input-placeholder {
            color: #bdbdbd
        }

        .contact-form-section .form-section :-moz-placeholder {
            color: #bdbdbd
        }

        .contact-form-section .form-section .intl-tel-input.separate-dial-code .selected-flag {
            background-color: transparent
        }

        .contact-form-section .form-close-btn {
            position: absolute;
            right: 4vw;
            top: 1vw;
            font-size: 3vw;
            cursor: pointer;
            opacity: 0
        }

        .contact-form-section input::-webkit-outer-spin-button,
        .contact-form-section input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

        .contact-form-section input[type=number] {
            -moz-appearance: textfield
        }

        .contact-form-section.form-02 {
            display: none
        }

        .contact-form-section.is-active {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 99;
            width: 100%;
            height: 100%;
            padding: 3vw 0;
            display: flex;
            align-items: center
        }

        .contact-form-section.is-active .heading-wrapper {
            margin-top: 0;
            margin-bottom: 1vw
        }

        .contact-form-section.is-active .form-close-btn {
            opacity: 1
        }

        @media  only screen and (max-width:1500px) {
            .contact-form-section .heading-wrapper {
                margin-left: 16%
            }

            .contact-form-section .form-section .form-input,
            .contact-form-section .form-section .intl-tel-input {
                width: 40%;
                font-size: 14px;
                margin: 10px 10px;
                padding: 20px 0
            }

            .contact-form-section .form-section .form-input-5 {
                width: 82%;
                font-size: 14px;
                margin: 10px 10px;
                padding: 20px 0
            }
        }

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

            .contact-form-section .form-section .form-input,
            .contact-form-section .form-section .form-input-5,
            .contact-form-section .form-section .intl-tel-input {
                font-size: 10px;
                letter-spacing: 2px
            }

            .contact-form-section .form-section .btn-circle {
                margin-right: 10%
            }
        }

        @media  only screen and (max-width:767px) {
            .contact-form-section {
                padding: 10vw 0 12vw
            }

            .contact-form-section .heading-wrapper {
                margin-left: 2%
            }

            .contact-form-section .form-section {
                width: 100%
            }

            .contact-form-section .form-section .form-input,
            .contact-form-section .form-section .intl-tel-input {
                font-size: 9px;
                width: 100%;
                margin: 5px 2%;
                padding: 14px 0
            }

            .contact-form-section .form-section .form-input-5 {
                font-size: 9px;
                width: 96%;
                margin: 5px 0 20px;
                padding: 14px 0
            }

            .contact-form-section .form-close-btn {
                font-size: 28px
            }

            .contact-form-section.is-active .heading-wrapper {
                width: 87%;
                margin: 0 auto
            }

            .contact-form-section.is-active .form-section {
                width: 90%
            }

            .contact-form-section.is-active .form-section .form-input,
            .contact-form-section.is-active .form-section .intl-tel-input {
                width: 100%
            }
        }

        .eq-btn-mobile,
        .call-btn-mobile {
            display: none
        }

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

            .eq-btn-mobile,
            .call-btn-mobile {
                display: block !important;
                position: fixed;
                bottom: 0;
                left: 0;
                font-size: 14px;
                color: #fff;
                background: #be9d71;
                width: 50%;
                padding: 10px 0;
                text-align: center;
                z-index: 99
            }
        }

        .call-btn-mobile {
            left: 50%;
            border-left: 1px solid #fff;
            display: none
        }

        .call-btn-mobile span {
            padding: 0 10px
        }

        .dwnBro {
            width: 165px;
            height: 34px;
            display: flex;
            background-repeat: no-repeat;
            background-color: #232e5b;
            position: fixed;
            right: 0;
            top: 50%;
            transform: rotate(-90deg) translateY(66px);
            z-index: 11;
            align-items: center;
            justify-content: center;
            background-position: 6px 6px;
            color: #fff;
            border-radius: 4px;
            transition: all .3s ease-in-out;
            border: 1px solid #fff
        }

        .disclaimer-wrp {
            display: none;
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0 !important;
            background: rgba(0, 0, 0, 0.6);
            width: 100vw;
            height: 100%;
            z-index: 9999;
            padding: 8px 0
        }

        .disclaimer-wrp .container {
            width: 90%;
            background: #fff;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: 0;
            z-index: 1;
            transform-origin: center;
            transform: translate(-50%, -50%);
            padding: 3%;
            animation-name: upSlide;
            -webkit-animation-name: upSlide;
            animation-duration: 1s;
            animation-fill-mode: both;
            -webkit-animation-duration: 1s;
            -webkit-animation-fill-mode: both
        }

        .disclaimer-wrp h2, .disclaimer-wrp div {
            color: #000
        }

        .disclaimer-wrp hr {
            background-color: #969696;
            height: 1px
        }

        .disclaimer-wrp p {
            font-weight: 300
        }

        .disclaimer-wrp form {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap
        }

        .disclaimer-wrp .closeIcon {
            display: none
        }

        .disclaimer-wrp.active {
            display: flex
        }

        .disclaimer-wrp.active .closeIcon {
            display: flex;
            position: absolute;
            right: 15px;
            font-size: 18px;
            top: 10px;
            color: #fff;
            transform: rotate(45deg);
            background: #000;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            text-align: center;
            align-items: center;
            justify-content: center;
            border: 1px solid #ffff;
            cursor: pointer;
            padding-bottom: 3px
        }

        @media  only screen and (max-width:1023px) {
            .disclaimer-wrp .container {
                padding: 6%
            }

            .disclaimer-wrp hr {
                margin: 14px 0
            }
        }

        .social-share-wrp-parent {
            position: relative
        }

        #social-links,
        .social-share-wrp {
            position: absolute;
            right: 0;
            top: 100px;
            opacity: 0;
            pointer-events: none
        }

        #social-links ul,
        .social-share-wrp ul {
            display: flex;
            align-items: center
        }

        #social-links ul li,
        .social-share-wrp ul li {
            margin: 0 4px
        }

        #social-links.active,
        .social-share-wrp.active {
            opacity: 1;
            pointer-events: all
        }

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

            #social-links,
            .social-share-wrp {
                top: 80px
            }
        }

        .social-share-wrp {
            right: -10px;
            top: 40px
        }

        @media  only screen and (max-width:767px) {
            .social-share-wrp {
                right: 0;
                top: 30px;
                display: flex;
                justify-content: center
            }
        }

        .breadcrumbs {
            width: 100%;
            margin: 16px 0 0;
            font-size: 13px
        }

        .breadcrumbs a {
            color: #545454
        }

        .breadcrumbs a:hover {
            text-decoration: underline
        }

        .breadcrumbs p {
            color: #545454;
            display: inline-block
        }

        .breadcrumbs span {
            margin: 0 5px
        }

        .inner-banner {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            width: 100%;
            height: 70vh;
            position: relative;
            text-align: left;
            padding-left: calc((100vw - 1600px) / 2);
            margin-top: -3px
        }

        .inner-banner .desktop-banner,
        .inner-banner .mobile-banner {
            width: 100%;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: absolute;
            left: 0;
            top: 0
        }

        .inner-banner .desktop-banner:before,
        .inner-banner .mobile-banner:before {
            background-color: #0000004d;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 1
        }

        .inner-banner .desktop-banner {
            display: block
        }

        .inner-banner .mobile-banner {
            display: none
        }

        .inner-banner:before {
            content: "";
            background-color: rgba(0, 0, 0, 0.3);
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 9
        }

        .inner-banner>* {
            z-index: 2
        }

        .inner-banner h1 {
            margin-bottom: 1vw
        }

        .inner-banner p {
            width: 24%;
            font-weight: 300
        }

        @media  only screen and (max-width:1700px) {
            .inner-banner {
                padding-left: calc((100vw - 1152px) / 2)
            }
        }

        @media  only screen and (max-width:1200px) {
            .inner-banner {
                margin-bottom: 30px
            }
        }

        @media  only screen and (max-width:767px) {
            .inner-banner {
                height: 40vh;
                margin-bottom: 10px
            }

            .inner-banner .desktop-banner {
                display: none
            }

            .inner-banner .mobile-banner {
                display: block
            }

            .inner-banner p {
                width: 60%
            }
        }

        @media  only screen and (max-width:480px) {
            .inner-banner p {
                width: 90%
            }
        }

        .listing-page.home-project-section {
            padding-top: 0;
            min-height: 400px
        }

        .listing-page.home-project-section:before {
            display: none
        }

        .listing-page.home-project-section .container {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row
        }

        .listing-page.home-project-section .item {
            width: 30%;
            margin-bottom: 40px;
            margin-right: 5%
        }

        .listing-page.home-project-section .item:nth-child(3n) {
            margin-right: 0
        }

        @media  only screen and (max-width:1023px) {
            .listing-page.home-project-section .item {
                width: 45%;
                margin-bottom: 30px;
                margin-right: 10%
            }

            .listing-page.home-project-section .item:nth-child(3n) {
                margin-right: 10%
            }

            .listing-page.home-project-section .item:nth-child(2n) {
                margin-right: 0
            }
        }

        @media  only screen and (max-width:767px) {
            .listing-page.home-project-section .container {
                justify-content: center
            }

            .listing-page.home-project-section .item {
                width: 80%;
                margin-bottom: 30px;
                margin-right: 0 !important
            }
        }

        #currrent_openings {
            background: url("../images/webp/career/currrent-openings-desktop.webp") center center no-repeat;
            background-size: cover;
            position: relative;
            padding: 10vw 0 8vw;
            text-align: center;
            z-index: 1
        }

        #currrent_openings:before {
            content: "";
            background-color: rgba(0, 0, 0, 0.6);
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1
        }

        #currrent_openings>* {
            position: relative;
            z-index: 2
        }

        #currrent_openings .heading-wrapper {
            width: 70%
        }

        #currrent_openings .button {
            font-size: 20px;
            padding: 2.5vw 4vw;
            border-radius: 4vw
        }

        @media  screen and (max-width:1700px) {
            #currrent_openings .button {
                font-size: 14px;
                padding: 2.5vw 4vw;
                border-radius: 4vw
            }
        }

        @media  screen and (max-width:1023px) {
            #currrent_openings {
                background: url("../images/webp/career/currrent-openings-mobile.webp") center center no-repeat;
                padding: 30vw 0 25vw
            }

            #currrent_openings .heading-wrapper {
                width: 100%
            }
        }

        @media  screen and (max-width:767px) {
            .gallery-inner-section .two-column-wrp:not(:last-child) {
                margin-bottom: 30px;
                padding-bottom: 10px;
                border-bottom: 1px solid #eaeaea
            }
        }

        .page-not-found {
            padding-top: 14vw
        }

        .page-not-found .container {
            text-align: center;
            max-width: 800px
        }

        .page-not-found h4 {
            margin: 40px 0 14px
        }

        .page-not-found .btn {
            margin-top: 24px;
            display: inline-flex
        }

        @media  only screen and (max-width:1200px) {
            .page-not-found {
                padding: 30vw 0 20vw
            }
        }

        @media  only screen and (max-width:767px) {
            .page-not-found img {
                width: 280px
            }
        }

        .construction-table tr {
            border: 1px solid #eaeaea;
            border-bottom: 0
        }

        .construction-table tr:last-child {
            border-bottom: 1px solid #eaeaea
        }

        .construction-table td,
        .construction-table th {
            padding: 10px;
            line-height: 1.4;
            font-size: 16px !important;
            border-right: 1px solid #eaeaea
        }

        .construction-table td:first-child,
        .construction-table th:first-child {
            border-left: 0
        }

        .construction-table th {
            font-size: 16px;
            line-height: 20px
        }

        .sec-eq {
            display: none;
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0 !important;
            background: #707070;
            width: 100%;
            z-index: 111;
            padding: 8px 0
        }

        .sec-eq .btn-wrp {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .sec-eq .btn {
            background-color: #fff;
            color: #434343;
            font-weight: 600
        }

        .sec-eq .btn.arrow:before {
            background: #434343
        }

        .sec-eq .btn.arrow:after {
            border: 1px solid #434343;
            border-top: 0;
            border-left: 0
        }

        .sec-eq .btn.arrow:hover::before {
            right: 12px
        }

        .sec-eq .btn.arrow:hover::after {
            right: 12px
        }

        .sec-eq form {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap
        }

        .eqTitle {
            font-size: 2.6vw;
            line-height: 2vw;
            font-weight: 300;
            margin: 15px;
            color: #000
        }

        .sec-eq .eqTitle {
            margin-left: 0
        }

        .formControl {
            margin: 0 15px;
            width: 250px
        }

        .formControl:last-child {
            width: auto;
            margin-right: 0
        }

        .formControl input,
        .formControl textarea,
        .formControl select {
            width: 100%;
            min-height: 70px;
            outline: 0;
            padding: 0 10px 0 0;
            background: transparent;
            border: 0;
            border-bottom: 1px solid #a5a5a5;
            border-radius: 0;
            color: #a5a5a5;
            text-transform: capitalize;
            font-size: 20px
        }

        .formControl input.error_new,
        .formControl textarea.error_new,
        .formControl select.error_new {
            border-bottom-color: red
        }

        .formControl.btn {
            width: 100px
        }

        .textarea-formControl {
            width: 100%
        }

        .textarea-formControl textarea {
            width: 100%;
            resize: none
        }

        .subBtn {
            border: 0;
            outline: 0;
            font-weight: bold;
            cursor: pointer
        }

        input[type=number] {
            -moz-appearance: textfield
        }

        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

        .error_bottom {
            border-bottom: 2px solid red !important
        }

        .mobEq {
            display: none
        }

        .closeBtn {
            display: none
        }

        .sec-eq .intl-tel-input {
            width: 100%;
            color: #232e5b
        }

        .intl-tel-input {
            width: 100%
        }

        .selected-dial-code {
            color: #575757
        }

        .iti-mobile .intl-tel-input.iti-container {
            z-index: 99999
        }

        .intl-tel-input.allow-dropdown .flag-container,
        .intl-tel-input.separate-dial-code .flag-container {
            pointer-events: none
        }

        .sec-eqMobile {
            display: none
        }

        .closeIcon {
            display: none
        }

        .sec-eq.show {
            display: block;
            position: fixed;
            left: 0;
            top: 0;
            width: 100vw;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            z-index: 11111
        }

        @keyframes  upSlide {
            from {
                transform: translate(-50%, -50%) scale(1.2);
                transform-origin: center;
                opacity: 0
            }

            to {
                transform: translate(-50%, -50%) scale(1);
                opacity: 1
            }
        }

        .sec-eq.show .container {
            background: #fff;
            width: 90%;
            max-width: 1300px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: 0;
            transform-origin: center;
            transform: translate(-50%, -50%);
            padding: 3% 4%;
            animation-name: upSlide;
            -webkit-animation-name: upSlide;
            animation-duration: 1s;
            animation-fill-mode: both;
            -webkit-animation-duration: 1s;
            -webkit-animation-fill-mode: both
        }

        .sec-eq.show .closeIcon {
            display: flex;
            position: absolute;
            right: 6%;
            font-size: 120px;
            font-weight: 100;
            top: 10%;
            color: #1f1f1f;
            transform: rotate(45deg);
            width: 20px;
            height: 20px;
            border-radius: 50%;
            text-align: center;
            align-items: center;
            justify-content: center;
            border: 1px solid #ffff;
            cursor: pointer;
            padding-bottom: 3px
        }

        .sec-eq.show .eqTitle {
            width: 100%;
            margin: 15px 0 60px
        }

        .sec-eq.show form {
            justify-content: space-between
        }

        .sec-eq.show .formControl {
            width: 47%;
            margin: 0 0 15px 0
        }

        .sec-eq.show .formControl input,
        .sec-eq.show .formControl textarea,
        .sec-eq.show .formControl select {
            color: #a5a5a5;
            min-height: 70px
        }

        .sec-eq.show .formControl.btn-wrp {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

        .sec-eq.show .formControl.btn-wrp button {
            margin: 50px 0 30px
        }

        .sec-eq.show .formControl.btn-wrp .disclaimer-text {
            font-size: 25px;
            color: #575757;
            text-align: center
        }

        .sec-eq.static {
            position: relative;
            background-color: transparent
        }

        .sec-eq.static .eqTitle {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
            font-weight: 600;
            font-size: 25px;
            color: #563636;
            display: none
        }

        .sec-eq.static .formControl {
            margin: 10px 15px;
            width: 30%
        }

        .sec-eq.static .formControl input,
        .sec-eq.static .formControl textarea,
        .sec-eq.static .formControl select {
            border-block-color: #000;
            color: #000
        }

        .sec-eq.static .intl-tel-input {
            width: 100%
        }

        .sec-eq.static .selected-dial-code {
            color: #563636
        }

        .sec-eq.static .formControl.message-input {
            width: 94%
        }

        .sec-eq.static .btn-wrp {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0
        }

        .sec-eq.static .btn-wrp .btn {
            background-color: #be9d71;
            color: #fff;
            text-transform: uppercase;
            padding: 12px 36px;
            font-size: 18px;
            margin-top: 16px;
            font-family: "Raleway", sans-serif
        }

        .sec-eq.static .btn-wrp .btn:before,
        .sec-eq.static .btn-wrp .btn:after {
            display: none
        }

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

            .formControl input,
            .formControl textarea,
            .formControl select {
                min-height: 50px
            }

            .sec-eq.show .container {
                max-width: 800px
            }

            .sec-eq.show .closeIcon {
                font-size: 70px
            }

            .sec-eq.show .eqTitle {
                width: 100%;
                margin: 10px 0 20px
            }

            .sec-eq.show .formControl {
                margin: 0 0 8px 0
            }

            .sec-eq.show .formControl input,
            .sec-eq.show .formControl textarea,
            .sec-eq.show .formControl select {
                min-height: 50px;
                font-size: 14px
            }

            .sec-eq.show .formControl.btn-wrp button {
                margin: 30px 0 20px
            }

            .sec-eq.show .formControl.btn-wrp .disclaimer-text {
                font-size: 15px
            }

            .sec-eq.static .eqTitle {
                font-size: 16px
            }

            .sec-eq.static .formControl input,
            .sec-eq.static .formControl textarea {
                font-size: 14px
            }

            .sec-eq.static .btn-wrp .btn {
                padding: 8px 20px;
                font-size: 14px
            }

            .sec-eq.static .formControl input,
            .sec-eq.static .formControl textarea,
            .sec-eq.static .formControl select {
                font-size: 12px
            }
        }

        @media  only screen and (max-width:1200px) {
            .eqTitle {
                font-size: 16px
            }

            .formControl {
                width: 180px;
                margin: 0 8px
            }
        }

        @media  only screen and (max-width:1023px) {
            .sec-eq.static .formControl {
                width: 50%
            }
        }

        @media  only screen and (max-width:800px) {
            .formControl {
                width: 140px;
                margin: 0 8px
            }
        }

        @media  only screen and (max-width:767px) {
            .sec-eq.static .formControl {
                width: 90%
            }

            .sec-eq form {
                flex-direction: column
            }

            .formControl {
                width: 100%;
                margin: 0 0 15px 0
            }

            .sec-eqMobile {
                display: block;
                position: fixed;
                bottom: 0;
                left: 0;
                font-size: 20px;
                color: #000;
                background: #fff;
                width: 100%;
                padding: 10px 0 6px;
                text-align: center;
                z-index: 99
            }

            .closeIcon {
                display: flex;
                display: none
            }

            .sec-eq.show .formControl {
                width: 100%
            }

            .sec-eq.show .formControl input,
            .sec-eq.show .formControl textarea,
            .sec-eq.show .formControl select {
                min-height: 32px;
                font-size: 12px;
                letter-spacing: 1px
            }

            .sec-eq.show .closeIcon {
                font-size: 40px;
                top: 16px
            }

            .sec-eq.show .formControl.btn-wrp button {
                margin: 10px 0 20px
            }

            .sec-eq.show .formControl.btn-wrp .disclaimer-text {
                font-size: 10px
            }
        }

        input::-webkit-input-placeholder {
            color: #a5a5a5
        }

        input::-moz-placeholder {
            color: #a5a5a5
        }

        input:-ms-input-placeholder {
            color: #a5a5a5
        }

        input:-moz-placeholder {
            color: #a5a5a5
        }

        .sec-eq.static input::-webkit-input-placeholder {
            color: #434343
        }

        .sec-eq.static input::-moz-placeholder {
            color: #434343
        }

        .sec-eq.static input:-ms-input-placeholder {
            color: #434343
        }

        .sec-eq.static input:-moz-placeholder {
            color: #434343
        }

        .four-side-center {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .margin-auto {
            margin: auto
        }

        .margin-b-1 {
            margin-bottom: 30px !important
        }

        @media  only screen and (max-width:1700px) {
            .margin-b-1 {
                margin-bottom: 24px !important
            }
        }

        @media  only screen and (max-width:1200px) {
            .margin-b-1 {
                margin-bottom: 16px !important
            }
        }

        .margin-b-2 {
            margin-bottom: 20px !important
        }

        @media  only screen and (max-width:1700px) {
            .margin-b-2 {
                margin-bottom: 16px !important
            }
        }

        .margin-b-3 {
            margin-bottom: 15px
        }

        @media  only screen and (max-width:1700px) {
            .margin-b-3 {
                margin-bottom: 10px !important
            }
        }

        .margin-b-4 {
            margin-bottom: 10px
        }

        @media  only screen and (max-width:1700px) {
            .margin-b-4 {
                margin-bottom: 8px !important
            }
        }

        .margin-t-1 {
            margin-top: 30px !important
        }

        @media  only screen and (max-width:1700px) {
            .margin-t-1 {
                margin-top: 24px !important
            }
        }

        @media  only screen and (max-width:1200px) {
            .margin-t-1 {
                margin-top: 16px !important
            }
        }

        .margin-t-2 {
            margin-top: 20px !important
        }

        @media  only screen and (max-width:1700px) {
            .margin-t-2 {
                margin-top: 16px !important
            }
        }

        .margin-t-3 {
            margin-top: 15px
        }

        @media  only screen and (max-width:1700px) {
            .margin-t-3 {
                margin-top: 10px !important
            }
        }

        .margin-t-4 {
            margin-top: 10px
        }

        @media  only screen and (max-width:1700px) {
            .margin-t-4 {
                margin-top: 8px !important
            }
        }

        .padding-b-1 {
            padding-bottom: 30px !important
        }

        @media  only screen and (max-width:1700px) {
            .padding-b-1 {
                padding-bottom: 24px !important
            }
        }

        @media  only screen and (max-width:1200px) {
            .padding-b-1 {
                padding-bottom: 16px !important
            }
        }

        .padding-b-2 {
            padding-bottom: 20px !important
        }

        @media  only screen and (max-width:1700px) {
            .padding-b-2 {
                padding-bottom: 16px !important
            }
        }

        .padding-b-3 {
            padding-bottom: 15px !important
        }

        @media  only screen and (max-width:1700px) {
            .padding-b-3 {
                padding-bottom: 10px !important
            }
        }

        .padding-b-4 {
            padding-bottom: 10px !important
        }

        @media  only screen and (max-width:1700px) {
            .padding-b-4 {
                padding-bottom: 8px !important
            }
        }

        .padding-t-1 {
            padding-top: 30px !important
        }

        @media  only screen and (max-width:1700px) {
            .padding-t-1 {
                padding-top: 24px !important
            }
        }

        @media  only screen and (max-width:1200px) {
            .padding-t-1 {
                padding-top: 16px !important
            }
        }

        .padding-t-2 {
            padding-top: 20px !important
        }

        @media  only screen and (max-width:1700px) {
            .padding-t-2 {
                padding-top: 16px !important
            }
        }

        .padding-t-3 {
            padding-top: 15px !important
        }

        @media  only screen and (max-width:1700px) {
            .padding-t-3 {
                padding-top: 10px !important
            }
        }

        .padding-t-4 {
            padding-top: 10px
        }

        @media  only screen and (max-width:1700px) {
            .padding-t-4 {
                padding-top: 8px !important
            }
        }

        .no-delay [class*=anim_] {
            animation-delay: 0 !important
        }

        .anim_r_t_l_wrp {
            transform: translateX(20%);
            opacity: 0
        }

        .anim-active .anim_r_t_l {
            animation: anim_r_t_l 1.5s ease forwards;
            animation-delay: .5s
        }

        .normal-anim-active .anim_r_t_l {
            animation-delay: 0
        }

        .anim-active-mob .anim_r_t_l {
            animation: anim_r_t_l 1.5s ease forwards
        }

        @keyframes  anim_r_t_l {
            0 {
                transform: translateX(20%);
                opacity: 0
            }

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

        .anim_l_t_r_wrp {
            transform: translateX(-20%);
            opacity: 0
        }

        .anim-active .anim_l_t_r {
            animation: anim_l_t_r 1.5s ease forwards;
            animation-delay: .5s
        }

        .normal-anim-active .anim_l_t_r {
            animation-delay: 0
        }

        .anim-active-mob .anim_l_t_r {
            animation: anim_l_t_r 1.5s ease forwards
        }

        @keyframes  anim_l_t_r {
            0 {
                transform: translateX(-20%);
                opacity: 0
            }

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

        .anim_t_t_b_wrp {
            transform: translateY(-20%);
            opacity: 0
        }

        .anim-active .anim_t_t_b {
            animation: anim_t_t_b 1.5s ease forwards;
            animation-delay: .5s
        }

        .normal-anim-active .anim_t_t_b {
            animation-delay: 0
        }

        .anim-active-mob .anim_t_t_b {
            animation: anim_t_t_b 1.5s ease forwards
        }

        @keyframes  anim_t_t_b {
            0 {
                transform: translateY(-20%);
                opacity: 0
            }

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

        .anim_b_t_t_wrp {
            transform: translateY(20%)
        }

        .anim-active .anim_b_t_t,
        .anim-active .header .navbar-menu.is-active h4,
        .header .navbar-menu.is-active .anim-active h4,
        .anim-active .header .navbar-menu.is-active .navbar-item,
        .header .navbar-menu.is-active .anim-active .navbar-item {
            animation: anim_b_t_t 1.5s ease forwards;
            animation-delay: .5s
        }

        .normal-anim-active .anim_b_t_t,
        .normal-anim-active .header .navbar-menu.is-active h4,
        .header .navbar-menu.is-active .normal-anim-active h4,
        .normal-anim-active .header .navbar-menu.is-active .navbar-item,
        .header .navbar-menu.is-active .normal-anim-active .navbar-item {
            animation-delay: 0
        }

        .anim-active-mob .anim_b_t_t,
        .anim-active-mob .header .navbar-menu.is-active .nav-h4,
        .header .navbar-menu.is-active .anim-active-mob h4,
        .anim-active-mob .header .navbar-menu.is-active .navbar-item,
        .header .navbar-menu.is-active .anim-active-mob .navbar-item {
            animation: anim_b_t_t 1.5s ease forwards
        }

        @keyframes  anim_b_t_t {
            0 {
                transform: translateY(20%);
                opacity: 0
            }

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

        .anim_t_t_t_wrp {
            transform: translateY(-20%);
            opacity: 0
        }

        .anim-active .anim_t_t_t {
            animation: anim_t_t_t 1.5s ease forwards;
            animation-delay: .5s
        }

        .normal-anim-active .anim_t_t_t {
            animation-delay: 0
        }

        .anim-active-mob .anim_t_t_t {
            animation: anim_t_t_t 1.5s ease forwards
        }

        @keyframes  anim_t_t_t {
            0 {
                transform: translateY(-20%);
                opacity: 0
            }

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

        .anim_fade_in_wrp {
            /* opacity: 0 */
        }

        .anim-active .anim_fade_in {
            animation: anim_fade_in 1.5s ease forwards;
            animation-delay: .5s
        }

        .normal-anim-active .anim_fade_in {
            animation-delay: 0
        }

        .anim-active-mob .anim_fade_in {
            animation: anim_fade_in 1.5s ease forwards
        }

        @keyframes  anim_fade_in {
            0 {
                opacity: 0
            }

            100% {
                opacity: 1
            }
        }

        .sub-nav-wrp .tab {
            font-size: 12px;
            padding: 12px 0;
            margin: 0 26px
        }

        @media  only screen and (max-width:1700px) {
            .sub-nav-wrp .tab {
                font-size: 10px;
                padding: 6px 9px 6px;
                margin: 0 4px;
                letter-spacing: 1px !important
            }
        }

        @media  only screen and (max-width:1200px) {
            .sub-nav-wrp .tab {
                white-space: nowrap
            }
        }

        .sub-nav-link-wrp .tab {
            font-size: 12px;
            padding: 12px 0;
            margin: 0 26px
        }

        @media  only screen and (max-width:1700px) {
            .sub-nav-link-wrp .tab {
                font-size: 10px;
                padding: 6px 9px 6px;
                margin: 0 4px;
                letter-spacing: 1px !important
            }
        }

        .allprojects-filter-wrp .heading-wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .allprojects-filter-wrp .formControl select {
            min-height: 32px;
            font-size: 14px
        }

        @media  screen and (max-width:767px) {
            .allprojects-filter-wrp .heading-wrapper {
                padding: 0 20px 20px
            }

            .allprojects-filter-wrp .formControl {
                margin-bottom: 0
            }

            .allprojects-filter-wrp .formControl select {
                min-height: 24px;
                font-size: 10px
            }
        }

        .sitemp-content {
            width: 90%;
            padding: 20px 0 40px 0;
            display: flex;
            flex-wrap: wrap
        }

        .sitemp-content div {
            width: 28%
        }

        .sitemp-content div:first-child {
            width: 44%
        }

        .sitemp-content ul li {
            font-weight: 400;
            list-style-type: square;
            margin-bottom: 4px;
            line-height: 22px;
            list-style-position: outside;
            margin-left: 20px
        }

        .sitemp-content>div>ul>li {
            font-weight: 700
        }

        .sitemp-content>div>ul>li>a {
            margin-bottom: 5px;
            display: block
        }

        .sitemp-content>div>ul>li ul li a,
        ul.sub_01 a {
            margin-bottom: 5px;
            display: block
        }

        .sitemp-content {
            margin: 0;
            padding-left: 0;
            width: 100%
        }

        @media  screen and (max-width:1023px) {
            .sitemp-content div {
                width: 90% !important;
                margin: auto
            }
        }