/*
        @File: Everb Template Style

        * This file contains the styling for the actual template, this
        is the file you need to edit to change the look of the
        template.

        This files table contents are outlined below>>>>>

        *******************************************
        *******************************************
        ** - Default CSS
        ** - Header Area CSS
        ** - Navbar Area CSS
        ** - Banner Section CSS
        ** - Video Section CSS
        ** - Theory Section CSS
        ** - About Section CSS
        ** - Feature Section CSS
        ** - Service Section CSS
        ** - Team Section CSS
        ** - Testimonial Section CSS
        ** - Portfolio Section CSS
        ** - Progress Section CSS
        ** - Blog Section CSS
        ** - Contact Section CSS
        ** - Footer Section CSS
        */
        @import url('https://cdn.jsdelivr.net/gh/repalash/gilroy-free-webfont@fonts/Gilroy-Light.css');
        @import url('https://cdn.jsdelivr.net/gh/repalash/gilroy-free-webfont@fonts/Gilroy-Bold.css');

        @import url('https://fonts.googleapis.com/css2?family=Kugile&display=swap');

        @font-face {
            font-family: 'Kugile';
            src: url('/fonts/kugile.woff2') format('woff2'),
                url('/fonts/kugile.woff') format('woff');
            font-weight: normal;
            font-style: normal;
        }



        @font-face {
            font-family: 'Vendura';
            src: url('/fonts/vendura-regular.woff2') format('woff2'),
                url('/fonts/vendura-regular.woff') format('woff');
            font-weight: normal;
            font-style: normal;
        }


        @import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Poppins:400,500,600&display=swap");

        /* Color Variable */
        /* Font Variable */
        body {
            color: #717477;
            font-family: "Montserrat", sans-serif;
            line-height: 1.8;
            font-size: 16px;
            background-color: #183A2C;
        }

        /* Default CSS Start */
        img {
            max-width: 100%;
        }

        a {
            transition: 0.5s;
            text-decoration: none;
        }

        a:hover {
            text-decoration: none;
        }

        a:focus {
            text-decoration: none;
        }

        button {
            outline: 0 !important;
            box-shadow: none;
            border: none;
            background-color: transparent;
        }



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

        .d-table-cell {
            display: table-cell;
            vertical-align: middle;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            color: #333333;
        }

        h3 {
            font-size: 22px;
            font-family: "Poppins", sans-serif;
            color: #0f2137;
        }

        .pt-100 {
            padding-top: 100px;
        }

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

        .pb-100 {
            padding-bottom: 100px;
        }

        .theme-button {
            z-index: 1;
            position: relative;
        }

        .nav-menu-btn .default-btn {
            font-size: 20px;
            font-weight: 400;
            color: #FFFFFF;
            background: #C4A33B;
            padding: 5px 25px;
            position: relative;
            display: inline-block;
            border-radius: 10px;
        }

        .nav-menu-btn .default-btn:hover {
            font-size: 20px;
            font-weight: 400;
            color: #C4A33B;
            background: white;
            padding: 5px 25px;
            position: relative;
            display: inline-block;
            border-radius: 10px;
            border: 1px solid #C4A33B;
        }

        .phone-button .default-btn {
            font-size: 18px;
            font-weight: 400;
            color: #2B2B2B;
            background: #F6F1E6;
            padding: 15px 30px;
            position: relative;
            display: inline-block;

        }

        .phone-button .default-btn:hover {
            font-size: 18px;
            font-weight: 400;
            color: #F6F1E6;
            background: transparent;
            padding: 15px 30px;
            position: relative;
            display: inline-block;

            border: 1px solid #F6F1E6;

        }

        .project-container {
            width: 1200px;
        }

        .gtn-button .default-btn {
            font-size: 14px;
            font-weight: 400;
            color: #F6F1E6;
            background: #2A5544;
            padding: 14px 40px;
            position: relative;
            display: inline-block;
            border: 0;
            border-radius: 40px;

        }

        /* .gtn-button .default-btn:hover {
            font-size: 18px;
            font-weight: 400;
            color: #2B2B2B;
            background: #F6F1E6;
            padding: 15px 30px;
            position: relative;
            display: inline-block;
        } */

        .abt-btn .default-btn {
            font-size: 20px;
            font-weight: 700;
            color: #000000;
            background: transparent;
            padding: 4px 30px;
            position: relative;
            display: inline-block;
            border-radius: 10px;
            text-transform: uppercase;
        }

        .abt-btn .default-btn:hover {
            font-size: 20px;
            font-weight: 700;
            color: #000000;
            background: #EEE7D2;
            position: relative;
            display: inline-block;
            border: 1px solid #000000;
            border-radius: 100px;
        }


        .abt-btn {
            padding-bottom: 40px;
            text-align: center;
        }

        .img-about {
            display: flex;
            justify-content: center;
        }

        .theme-button .default-btn {
            font-size: 16px;
            font-weight: 500;
            color: #FFFFFF;
            background: linear-gradient(90deg, rgb(255, 124, 0) 0%, rgb(254, 98, 25) 100%);
            padding: 16px 40px;
            position: relative;
            display: inline-block;
        }

        .theme-button .default-btn::before {
            position: absolute;
            content: "";
            border: 1px solid #fb7a00;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background: #FFFFFF;
            z-index: -1;
            transition: 0.5s;
        }

        .theme-button .default-btn:hover::before {
            top: -10px;
            right: -10px;
        }

        .section-title {
            margin: 0 auto 50px;
        }

        .section-title span {
            font-size: 16px;
            color: #886a03;
            display: inline-block;
            margin-bottom: 10px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .section-title h2 {
            font-size: 44px;
            font-weight: 600;
            margin-bottom: 30px;
            font-family: 'Gilroy-bold', sans-serif;
            color: #C3A23B;
            text-align: center;
            line-height: 54px;
        }

        .buy-now-btn {
            right: 20px;
            z-index: 99;
            top: 50%;
            position: fixed;
            transform: translateY(-50%);
            border-radius: 30px;
            display: inline-block;
            color: #FFFFFF;
            background-color: #82b440;
            padding: 10px 20px 10px 42px;
            box-shadow: 0 1px 20px 1px #82b440;
            font-size: 13px;
            font-weight: 600;
        }

        .buy-now-btn img {
            top: 50%;
            left: 20px;
            width: 15px;
            position: absolute;
            transform: translateY(-50%);
        }

        .buy-now-btn:hover {
            background-color: #fb7a00;
            color: #FFFFFF;
        }

        /* Default CSS End */
        /** -------------- Home Page One CSS Start --------------**/
        /* Header CSS Start */
        .navbar-area .mean-container a.meanmenu-reveal span {
            position: relative;
            margin-top: -6px;
            top: 8px;
        }

        .header-area .container {
            background: #588157;
            padding: 15px 80px;
            border-radius: 0px 0px 30px 30px;
            position: relative;
        }

        .header-area .header-left-text ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .header-area .header-left-text ul li {
            display: inline-block;
            color: #565659;
            font-size: 15px;
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            margin-right: 20px;
            line-height: 1;
        }

        .header-area .header-left-text ul li a {
            color: #ffff;
        }

        .header-area .header-left-text ul li a:hover {
            color: #fb7a00;
        }

        .header-area .header-left-text ul li i {
            margin-right: 5px;
            font-size: 16px;
            top: 1px;
            position: relative;
        }

        .header-area .header-right .header-social ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .header-area .header-right .header-social ul li {
            display: inline-block;
            line-height: 1;
            margin-left: 5px;
        }

        .header-area .header-right .header-social ul li a i {
            width: 25px;
            height: 25px;
            line-height: 23px;
            /* background: linear-gradient(0deg, rgb(251, 122, 0) 25%, rgb(253, 116, 14) 100%); */
            color: #FFFFFF;
            font-size: 14px;
            text-align: center;
            display: inline-block;
            transition: 0.5s;
            border: 1px solid transparent;
        }

        .header-area .header-right .header-social ul li a i:hover {
            background: #FFFFFF;
            color: #fb7a00;
            border: 1px dashed #fb7a00;
        }

        /* Header CSS End */
        /* Navbar CSS Start */
        .navbar-area .navbar-brand .white-logo {
            display: none;
        }

        .navbar-area .main-nav {
            position: inherit;
            background: #588157;
            padding-top: 10px;
            padding-bottom: 0px;
        }

        .navbar-area .main-nav .navbar {
            padding: 0;
        }

        .navbar-area .main-nav .navbar .navbar-brand {
            padding: 0;
            top: -2px;
            position: relative;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .nav-link {
            font-weight: 500;
            text-transform: uppercase;
            line-height: 1;
            transition: 0.5s;
            padding: 10px 15px;
            font-size: 15px;

        }

        .main-nav nav ul {
            padding: 0;
            margin: 0;
            list-style-type: none;
            padding-left: 100px;
            padding-right: 100px;
        }

        .main-nav .container {
            display: flex;
            justify-content: center;
        }

        .navbar-area .sticky-top .main-nav .navbar .navbar-nav .nav-item .nav-link {
            color: black;
            font-weight: 500;
            text-transform: capitalize;
            line-height: 1;
            transition: 0.5s;
        }

        .banner-btn {
            display: flex;
            justify-content: center;
            gap: 10px;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .nav-link>i {
            font-size: 12px;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .nav-link.active {
            color: white;
            border-bottom: 1px solid white;
        }

        .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,
        .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
        .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
        .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active,
        .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus,
        .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
        .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a,
        .main-nav nav .navbar-nav .nav-item a.active,
        .main-nav nav .navbar-nav .nav-item a:focus,
        .main-nav nav .navbar-nav .nav-item a:hover,
        .main-nav nav .navbar-nav .nav-item:hover a,
        .mobile-nav.mean-container .mean-nav ul li a.active {
            color: white !important;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .nav-link:hover {
            color: white;
            border-bottom: 1px solid white;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu {
            background: #FFFFFF;
            padding: 10px 0;
            border: 0;
            transform: scaleX(0);
            top: 55px !important;
            right: 0;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link {
            border-bottom: 1px dashed #fb7a00;
            padding: 10px 15px;
            position: relative;
            transition: 0.5s;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link>i {
            font-size: 12px;
            float: right;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover {
            color: #fb7a00;
            padding-left: 25px;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover::before {
            width: 10px;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover::after {
            width: 0px;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link::before {
            position: absolute;
            content: "";
            background: #fb7a00;
            width: 0;
            height: 1px;
            top: 50%;
            left: 0;
            right: 0;
            transition: 0.5s;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.active {
            color: #fb7a00;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover {
            color: #fb7a00;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {
            left: -100%;
            top: 0 !important;
            opacity: 0;
            visibility: hidden;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover {
            color: #fb7a00;
            padding-left: 25px;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover::before {
            width: 10px;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover::after {
            width: 0px;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link::before {
            position: absolute;
            content: "";
            background: #fb7a00;
            width: 0;
            height: 1px;
            top: 50%;
            left: 0;
            right: 0;
            transition: 0.5s;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active {
            color: #fb7a00;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .dropdown-menu {
            opacity: 1 !important;
            visibility: visible;
            top: 0px !important;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu:last-child .nav-link {
            border-bottom: 0px;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-toggle::after {
            display: none;
        }

        .navbar-area .main-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
            transform: scaleX(1);
        }

        .navbar-area .main-nav .navbar .other-option {
            display: flex;
        }

        .navbar-area .main-nav .navbar .other-option .search-bar {
            position: relative;
        }

        .navbar-area .main-nav .navbar .other-option .search-bar .search-icon {
            width: 30px;
            height: 30px;
            border: 1px solid #fb7a00;
            text-align: center;
            line-height: 27px;
            color: #fb7a00;
            display: inline-block;
            cursor: pointer;
            transition: 0.5s;
        }

        .navbar-area .main-nav .navbar .other-option .search-bar .search-icon:hover {
            background: #fb7a00;
            color: #FFFFFF;
            border-radius: 20px;
        }

        .navbar-area .main-nav .navbar .other-option .search-bar .search-form {
            position: absolute;
            right: 0;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
            padding: 15px;
            background: #FFFFFF;
            top: 70px;
            animation: fadeInDown 1s;
            display: none;
            z-index: 1;
        }

        .navbar-area .main-nav .navbar .other-option .search-bar .search-form .search-input {
            height: 50px;
            width: 230px;
            padding-left: 20px;
            border: 1px dashed #fb7a00;
            font-size: 20px;
            background: #FFFFFF;
        }

        .navbar-area .main-nav .navbar .other-option .search-bar .search-form .search-input:focus {
            border: 1px solid #fb7a00;
            outline: 0;
        }

        .navbar-area .main-nav .navbar .other-option .search-bar .search-form ::-moz-placeholder {
            color: #717477;
            font-size: 18px;
        }

        .navbar-area .main-nav .navbar .other-option .search-bar .search-form ::placeholder {
            color: #717477;
            font-size: 18px;
        }

        .navbar-area .main-nav .navbar .other-option .search-bar .search-form button {
            position: absolute;
            top: 23px;
            right: 25px;
            border: 1px solid #fb7a00;
            border-radius: 17px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            color: #fb7a00;
            width: 33px;
            height: 33px;
            line-height: 30px;
        }

        .navbar-area .main-nav .navbar .other-option .sidebar-toggle .navbar-toggle {
            width: 30px;
            height: 30px;
            border: 1px solid #fb7a00;
            text-align: center;
            line-height: 27px;
            color: #fb7a00;
            display: inline-block;
            cursor: pointer;
            transition: 0.5s;
            padding: 0;
            border-radius: 0;
            margin-left: 10px;
        }

        .navbar-area .main-nav .navbar .other-option .sidebar-toggle .navbar-toggle:hover {
            background: #fb7a00;
            color: #FFFFFF;
        }

        .navbar-area .main-nav .navbar .other-option .sidebar-toggle .navbar-toggle:focus {
            outline: 0;
            box-shadow: 0 0 0 0;
        }

        .navbar-area.sticky-top {
            animation: 0.5s ease-in-out fadeInDown;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
        }

        /* Navbar CSS End */
        /* Modal CSS Start */
        .modal.fade:not(.in).left .modal-dialog {
            transform: translate3d(-25%, 0, 0);
        }

        .modal.fade:not(.in).right .modal-dialog {
            transform: translate3d(0%, 0, 0);
        }

        .modal.fade:not(.in).bottom .modal-dialog {
            transform: translate3d(0, 25%, 0);
        }

        .modal.right .modal-dialog {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
        }

        .right-modal .modal {
            z-index: 9999999;
            transition: 1s;
        }

        .right-modal .modal .modal-header {
            display: flex;
            justify-content: space-between;
        }

        .right-modal .modal .modal-header img {
            width: 120px;
            padding-top: 5px;
            padding-left: 20px;
        }

        .right-modal .modal .modal-header button span {
            background: #fff;
            width: 50px;
            height: 50px;
            display: inline-block;
            border-radius: 40px;
            line-height: 50px;
            transition: 0.5s;
            box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);
            font-size: 50px;
            color: #fb7a00;
        }

        .right-modal .modal .modal-header button span:hover {
            border-radius: 0px;
        }

        .right-modal .modal .modal-body {
            width: 500px;
            padding: 40px;
            background: #FFFFFF;
        }

        .right-modal .modal .modal-body .modal-link {
            position: relative;
            margin-bottom: 30px;
        }

        .right-modal .modal .modal-body .modal-link a {
            display: inline-block;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        .right-modal .modal .modal-body .modal-link h3 a {
            position: absolute;
            bottom: -8px;
            left: 0;
            background: #fff;
            width: 100%;
            height: 50px;
            text-align: center;
            padding-top: 15px;
            color: #3f3f3f;
            display: inline-block;
            font-size: 18px;
        }

        .right-modal .modal .modal-body .modal-link:hover h3 a {
            background: #fb7a00;
            color: #FFFFFF;
        }

        .right-modal .modal.fade {
            transition: 0.5s linear;
            transform: translateX(100%);
        }

        .right-modal .modal.show {
            transform: translateX(0%);
        }

        .modal.right .modal-content {
            min-height: 100vh;
            border: 0;
        }

        .modal-body {
            padding: 0;
        }

        .modal-header .close {
            margin-right: 0;
        }

        /* Modal CSS End */
        /* Banner CSS Start */
        .main-banner {
            margin-top: -220px;

        }

        .banner-text {
            padding-top: 100px;
        }

        .main-banner .banner-text h1 {
            font-size: 60px;
            line-height: 70px;
            font-weight: 400;
            font-family: 'Gilroy-bold', sans-serif;
            color: #F3ECDC;
            text-align: center;
        }

        .main-banner .banner-text h2 {
            font-size: 50px;
            line-height: 60%;
            font-weight: 400;
            font-family: Vendura;
            color: #F3ECDC;
            text-align: center;
            padding-bottom: 40px;
            padding-top: 10px;
            font-style: italic;
        }

        .main-banner .banner-text span {
            font-size: 40px;
            line-height: 60%;
            font-weight: 400;
            font-family: Vendura;
            color: #F3ECDC;
            text-align: center;
            padding-bottom: 40px;
            padding-top: 10px;
            font-style: italic;
        }

        .banner-content {
            padding-top: 100px;
        }

        .banner-content p {

            color: #EEEEEE;
            border-left: 4px solid;
            padding-left: 20px;
            font-weight: 400;
            font-size: 20px;
            line-height: 30px;
            font-family: 'Gilroy-Light', sans-serif;
        }

        .main-banner .banner-text .theme-button .default-btn {
            margin-right: 30px;
        }

        .main-banner .banner-text .theme-button .video-btn {
            color: #333333;
            font-weight: 500;
            top: 5px;
            position: relative;
        }

        .main-banner .banner-text .theme-button .video-btn:hover {
            color: #fe6417;
        }

        .main-banner .banner-text .theme-button .video-btn i {
            color: #fe6417;
            border: 1px solid #fe6417;
            width: 60px;
            height: 60px;
            display: inline-block;
            text-align: center;
            line-height: 60px;
            transition: 0.5s;
            margin-right: 10px;
            font-size: 24px;
            position: relative;
        }

        .main-banner .banner-text .theme-button .video-btn:hover i {
            border-radius: 50px;
            box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.15);
        }

        /* Banner CSS End */
        /* Video CSS Start */
        .video-section {

            position: relative;
            padding-bottom: 300px;
        }

        .video-section::before {
            position: absolute;
            content: "";
            background-image: url(../img/video-shape.png);
            background-size: cover;
            background-position: center center;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

        .video-section .video-text {
            position: relative;
        }

        .video-section .video-text i {
            color: #FFFFFF;
            background: #fe6417;
            width: 80px;
            height: 80px;
            text-align: center;
            line-height: 85px;
            display: inline-block;
            font-size: 25px;
            position: relative;
            z-index: 0;
        }

        .video-section .video-text i::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            border: 3px solid rgba(255, 101, 80, 0.5);
            animation: pulse 2s ease-out infinite;
            left: 0;
            top: 0;
        }

        .video-section .video-text p {
            position: absolute;
            left: 150px;
            top: 0;
            font-size: 30px;
            color: #FFFFFF;
            line-height: 1.4;
        }

        /* Video CSS End */
        /* Theory CSS Start */
        .theory-section {
            margin-top: -200px;
        }

        .theory-section .theory-area {
            position: relative;
            background: #FFFFFF;
            box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.04);
        }

        .theory-section .theory-area .theory-text {
            padding: 60px;
        }

        .theory-section .theory-area .theory-text h2 {
            font-size: 35px;
            font-weight: 700;
            text-transform: capitalize;
            margin-bottom: 25px;
            line-height: 1.4;
        }

        .theory-section .theory-area .theory-text p {
            color: #333333;
            margin-bottom: 30px;
        }

        .theory-section .theory-area .theory-text .signature-box img {
            margin-bottom: 10px;
        }

        .theory-section .theory-area .theory-text .signature-box p {
            margin-bottom: 0;
            color: #333333;
            font-weight: 500;
        }

        .theory-section .theory-area .theory-text .signature-box span {
            font-size: 14px;
            color: #333333;
        }

        .theory-section .theory-area .theory-img {
            position: absolute;
            right: 0;
            max-width: 550px;
            bottom: 0;
        }

        .about-container-area {
            width: 1000px;
        }

        /* Theory CSS End */
        /* About CSS Start */
        .about-section {
            padding-top: 400px;
            background: #F2E7C7;
        }

        .about-section .about-image img {
            border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
            box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.35);
            z-index: 1;
            animation: wrep 10s infinite linear;
            width: 100%;
            max-width: unset;
        }

        .about-section .about-text .section-title {
            margin: 0 auto 0px 0;
        }

        .about-section .about-text .about-us {
            margin-bottom: 20px;
        }

        .about-section .about-text .about-us i {
            font-size: 40px;
            left: 20px;
            position: relative;
            top: 0;
            line-height: 1;
            margin-bottom: 10px;
            display: inline-block;
            color: #111111;
            z-index: 0;
        }

        .about-section .about-text .about-us i::after {
            position: absolute;
            content: "";
            width: 40px;
            height: 40px;
            top: 0;
            left: -15px;
            z-index: -1;
        }

        .about-section .about-text .about-us i.icon-one::after {
            background: rgba(132, 186, 63, 0.65);
        }

        .about-section .about-text .about-us i.icon-two::after {
            background: rgba(255, 124, 0, 0.64);
            border-radius: 50px;
        }

        .about-section .about-text .about-us i.icon-three::after {
            background: rgba(255, 199, 10, 0.66);
            transform: rotate(30deg);
        }

        .about-section .about-text .about-us p {
            font-size: 14px;
            color: #808291;
            margin-bottom: 0;
        }

        .about-section .about-text p {
            color: black;
            margin-bottom: 45px;
            font-family: 'Gilroy-Light', sans-serif;
            font-size: 20px;
            line-height: 30px;
            font-weight: 400;
            text-align: center;
        }

        #project-section p {
            color: black;
            padding-bottom: 20px;
            font-family: 'Gilroy-Light', sans-serif;
            font-size: 20px;
            line-height: 30px;
            font-weight: 400;
            text-align: left;
        }

        .star-icon {
            position: absolute;
            top: -60px;
            left: -123px;
            transform: translateX(-50%);
            height: auto;
            z-index: 2;
            width: 80px;
        }

        /* About CSS End */
        /* Feature CSS Start */
        .features-section .features-card {
            text-align: center;
            box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.1);
            padding: 30px 20px;
            margin-bottom: 30px;
            transition: 0.5s;
            position: relative;
            background: #FFFFFF;
            z-index: 1;
        }

        .features-section .features-card:hover {
            margin-top: -10px;
            box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.04);
        }

        .features-section .features-card:hover p,
        .features-section .features-card:hover h3 {
            color: #FFFFFF;
        }

        .features-section .features-card i {
            font-size: 35px;
            width: 90px;
            height: 90px;
            display: inline-block;
            text-align: center;
            line-height: 90px;
            border-radius: 46% 54% 68% 32%/55% 48% 52% 45%;
            margin-bottom: 25px;
            animation: icon-animation 5s ease-in-out infinite;
            border: 1px dashed;
        }

        .features-section .features-card h3 {
            font-weight: 600;
            margin-bottom: 10px;
            transition: 0.5s;
        }

        .features-section .features-card p {
            margin-bottom: 0;
            font-size: 16px;
            transition: 0.5s;
        }

        .features-section .features-card.feature-one i {
            color: #18a87c;
            background: #daf4ec;
        }

        .features-section .features-card.feature-one:hover {
            background: #88a32a;
        }

        .features-section .features-card.feature-two i {
            color: #f0573c;
            background: #ffd7ca;
        }

        .features-section .features-card.feature-two:hover {
            background: #f0573c;
        }

        .features-section .features-card.feature-three i {
            color: #3454d1;
            background: #e1e6f8;
        }

        .features-section .features-card.feature-three:hover {
            background: #3454d1;
        }

        .features-section .features-card.feature-four i {
            color: #ffc70b;
            background: #fff9e6;
        }

        .features-section .features-card.feature-four:hover {
            background: #d1ad34;
        }

        .features-section .features-card.feature-five i {
            color: #f26d56;
            background: #ede5fb;
        }

        .features-section .features-card.feature-five:hover {
            background: #f26d56;
        }

        .features-section .features-card.feature-six i {
            color: #88a32a;
            background: #eff2e2;
        }

        .features-section .features-card.feature-six:hover {
            background: #88a32a;
        }

        /* Feature CSS End */
        /* Service CSS Start */
        .service-section {
            position: relative;
        }

        .service-section .service-img {
            position: absolute;
            background-image: url(../img/service-img.jpg);
            background-position: center center;
            background-size: cover;
            width: 55%;
            height: 100%;
            left: 0;
            top: 0;
        }

        .service-section .service-text {

            margin-bottom: 50px;
            margin-top: 50px;
            padding: 100px;
            position: relative;
        }

        .service-section .service-text h2 {
            margin-bottom: 50px;
            color: #FFFFFF;
            font-size: 35px;
            font-weight: 700;
            line-height: 1.4;
        }

        .service-section .service-text ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .service-section .service-text ul li {
            padding: 15px 15px 15px 90px;
            background: #FFFFFF;
            margin-bottom: 20px;
            position: relative;
            color: #808291;
            font-size: 18px;
            font-weight: 500;
            max-width: 400px;
            list-style: none;
        }

        .service-section .service-text ul li i {
            background: #fd6318;
            color: #FFFFFF;
            text-align: center;
            position: absolute;
            line-height: 65px;
            font-size: 25px;
            height: 100%;
            width: 60px;
            left: 0;
            top: 0;
        }

        /* Service CSS End */
        /* Team CSS End */
        .team-section .section-title {
            max-width: 700px;
        }

        .team-section .team-card {
            margin-bottom: 80px;
        }

        .team-section .team-card:hover .team-text {
            background: #fe6219;
        }

        .team-section .team-card:hover .team-text h3 {
            color: #FFFFFF;
        }

        .team-section .team-card:hover .team-text p {
            color: #FFFFFF;
        }

        .team-section .team-card:hover .team-text .team-social {
            opacity: 1;
            transform: translateY(-15px);
        }

        .team-section .team-card .team-img {
            position: relative;
        }

        .team-section .team-card .team-img img {
            width: 100%;
        }

        .team-section .team-card .team-text {
            background: #FFFFFF;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(12, 0, 46, 0.15);
            position: absolute;
            text-align: center;
            z-index: 1;
            width: 230px;
            left: 0;
            right: 0;
            margin: auto;
            bottom: -50px;
            transition: 0.5s;
            transition: 0.5s;
        }

        .team-section .team-card .team-text .team-social {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            opacity: 0;
            transition: 0.5s;
        }

        .team-section .team-card .team-text .team-social ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .team-section .team-card .team-text .team-social ul li {
            display: inline-block;
        }

        .team-section .team-card .team-text .team-social ul li i {
            background: #FFFFFF;
            color: #333333;
            width: 25px;
            height: 25px;
            display: inline-block;
            line-height: 25px;
            text-align: center;
            transition: 0.5s;
            font-size: 14px;
            border-radius: 30px;
        }

        .team-section .team-card .team-text .team-social ul li i:hover {
            background: #fb7a00;
            color: #FFFFFF;
        }

        .team-section .team-card .team-text h3 {
            font-size: 18px;
            font-weight: 700;
            transition: 0.5s;
        }

        .team-section .team-card .team-text p {
            margin-bottom: 0;
            transition: 0.5s;
        }

        /* Team CSS End */
        /* Testimonial CSS Start */
        .testimonial-section {
            background: #F2E7C7;
            padding-top: 80px;
            padding-bottom: 120px;
            padding-left: 20px;
            padding-right: 20px;
        }

        .testimonial-section .testimonial-slider {
            text-align: center;
            position: relative;
            z-index: 0;
        }

        .testimonial-section .testimonial-slider::before {
            position: absolute;
            content: "";
            background: #FFFFFF;
            width: 85%;
            height: 85%;
            left: 0;
            z-index: -1;
            margin: auto;
            right: 0;
            bottom: -20px;
            z-index: -1;
            border-radius: 30px;
        }

        .testimonial-section .testimonial-slider img {
            max-width: 150px;
            width: unset;
            margin: 0 auto 40px;
            right: 0;
            left: 0;
            border: 3px solid #fb7a00;
            border-radius: 150px;
            padding: 5px;
            background: #fff;
            box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
        }

        .testimonial-section .testimonial-slider h3 {
            font-size: 24px;
            font-weight: 500;
            margin-bottom: 0;
        }

        .testimonial-section .testimonial-slider span {
            color: #fe6219;
            font-size: 16px;
            margin-bottom: 20px;
            display: inline-block;
        }

        .testimonial-section .testimonial-slider p {
            padding: 0 105px;
        }

        .testimonial-section .testimonial-slider .owl-prev:hover,
        .testimonial-section .testimonial-slider .owl-next:hover {
            background: none;
        }

        .testimonial-section .testimonial-slider .owl-prev span,
        .testimonial-section .testimonial-slider .owl-next span {
            color: #fe6219;
            font-size: 16px;
            margin-bottom: 20px;
            display: inline-block;
            width: 45px;
            height: 45px;
            border-radius: 50px;
            line-height: 40px;
            font-size: 30px;
            text-align: center;
            border: 1px solid #fe6219 !important;
            transition: 0.5s;
        }

        .testimonial-section .testimonial-slider .owl-prev span:hover,
        .testimonial-section .testimonial-slider .owl-next span:hover {
            background: #fb7a00;
            color: #FFFFFF !important;
        }

        .testimonial-section .testimonial-image {
            background-image: url(../img/testimonial-img.jpg);
            background-position: center center;
            background-size: cover;
            height: 100%;
        }

        /* Testimonial CSS End */
        /* Portfolio CSS Start */
        .portfolio-section .portfolio-item {
            cursor: pointer;
            margin-bottom: 30px;
        }

        .portfolio-section .portfolio-item:hover .portfolio-img .portfolio-text {
            bottom: 0;
        }

        .portfolio-section .portfolio-item .portfolio-img {
            position: relative;
            overflow: hidden;
        }

        .portfolio-section .portfolio-item .portfolio-img img {
            width: 100%;
        }

        .portfolio-section .portfolio-item .portfolio-img::before {
            position: absolute;
            content: "";
            background: #000;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: 0.3;
        }

        .portfolio-section .portfolio-item .portfolio-img .portfolio-text {
            position: absolute;
            bottom: -68px;
            left: 0;
            right: 0;
            margin: auto;
            text-align: center;
            transition: 0.5s;
            background: rgba(0, 0, 0, 0.5);
        }

        .portfolio-section .portfolio-item .portfolio-img .portfolio-text h3 {
            color: #FFFFFF;
            font-weight: 700;
            padding: 15px 0 15px;
            margin-bottom: 0;
        }

        .portfolio-section .portfolio-item .portfolio-img .portfolio-text .portfolio-btn {
            font-size: 14px;
            font-weight: 500;
            background: #fb7a00;
            color: #FFFFFF;
            padding: 10px 20px;
            display: inline-block;
            margin-bottom: 20px;
            border: 1px solid transparent;
        }

        .portfolio-section .portfolio-item .portfolio-img .portfolio-text .portfolio-btn i {
            font-size: 10px;
        }

        .portfolio-section .portfolio-item .portfolio-img .portfolio-text .portfolio-btn:hover {
            border: 1px solid #FFFFFF;
            background: transparent;
        }

        /* Portfolio CSS End */
        /* Progress CSS Start */
        .progress-section {
            position: relative;
        }

        .progress-section .progress-image {
            background-image: url(../img/progress.jpg);
            background-position: center center;
            background-size: cover;
            position: absolute;
            height: 100%;
            width: 60%;
            left: 0;
            top: 0;
        }

        .progress-section .progress-text {

            margin-bottom: 50px;
            margin-top: 50px;
            padding: 80px;
            position: relative;
            z-index: 1;
        }

        .progress-section .progress-text h2 {
            color: #FFFFFF;
            margin-bottom: 40px;
            font-weight: 700;
            font-size: 35px;
            line-height: 1.4;
        }

        .progress-section .progress-text p {
            color: #FFFFFF;
            margin-bottom: 80px;
        }

        .progress-section .progress-text .progress-inner {
            position: relative;
            margin-bottom: 60px;
        }

        .progress-section .progress-text .progress-inner p {
            position: absolute;
            margin-bottom: 0;
            top: -35px;
            color: #FFFFFF;
        }

        .progress-section .progress-text .progress-inner span {
            position: absolute;
            top: -35px;
            right: 0;
            color: #FFFFFF;
        }

        .progress-section .progress-text .progress-inner .progress {
            height: 6px;
            border-radius: 0;
        }

        .progress-section .progress-text .progress-inner .progress .progress-bar {
            background-color: #fe6219;
            height: 6px;
        }

        .progress-section .progress-text :last-child {
            margin-bottom: 0;
        }

        /* Progress CSS End */
        /* Blog CSS Start */
        .blog-section .blog-card {
            box-shadow: 0px 2px 25px 0px rgba(12, 0, 46, 0.1);
            margin-bottom: 30px;
            background: #FFFFFF;
        }

        .blog-section .blog-card:hover .blog-img img {
            transform: scale(1.1);
        }

        .blog-section .blog-card:hover .blog-img .blog-date {
            left: 0;
        }

        .blog-section .blog-card .blog-img {
            position: relative;
            overflow: hidden;
        }

        .blog-section .blog-card .blog-img img {
            transition: 0.5s;
        }

        .blog-section .blog-card .blog-img .blog-date {
            position: absolute;
            background: #fe6219;
            width: 55px;
            text-align: center;
            top: 0;
            left: 25px;
            padding: 6px;
            transition: 0.5s;
        }

        .blog-section .blog-card .blog-img .blog-date span {
            color: #FFFFFF;
            display: inline-block;
            line-height: 25px;
        }

        .blog-section .blog-card .blog-text {
            padding: 25px 25px 65px;
        }

        .blog-section .blog-card .blog-text h3 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 15px;
            transition: 0.5s;
            line-height: 1.4;
        }

        .blog-section .blog-card .blog-text h3 a {
            color: #111111;
        }

        .blog-section .blog-card .blog-text .post-info {
            position: relative;
        }

        .blog-section .blog-card .blog-text .post-info img {
            position: absolute;
        }

        .blog-section .blog-card .blog-text .post-info a p {
            position: absolute;
            left: 50px;
            top: 8px;
            font-size: 14px;
            color: #808291;
            margin-bottom: 0;
            transition: 0.5s;
        }

        .blog-section .blog-card .blog-text .post-info .blog-btn {
            position: absolute;
            right: 0;
            top: 9px;
            font-size: 14px;
            color: #808291;
        }

        .blog-section .blog-card .blog-text .post-info .blog-btn i {
            font-size: 12px;
        }

        .blog-section .blog-card:hover .blog-text a h3,
        .blog-section .blog-card:hover .blog-text .post-info a p,
        .blog-section .blog-card:hover .blog-text .post-info .blog-btn {
            color: #fe6219;
        }

        /* Blog CSS End */
        /* Contact CSS Start */
        .contact-section .contact-img {
            position: relative;
            background-image: url(../img/contact.jpg);
            background-position: center center;
            background-size: cover;
        }

        .contact-section .contact-img img {
            position: absolute;
            max-width: 100%;
            height: 100%;
            display: none;
        }

        .contact-section .contact-form {
            padding: 70px;
            background: #F6F2F2;
            position: relative;
            border-radius: 40px 0px 0px 40px;
        }

        .contact-section .contact-form .contact-text {
            padding-bottom: 20px;
        }

        .contact-section .contact-form .contact-text h3 {
            font-weight: 600;
            margin-bottom: 15px;
            font-size: 30px;
            line-height: 40px;
            color: #090808;
            font-family: 'Gilroy-Bold', sans-serif;
        }

        .contact-section .contact-form .contact-text p {
            color: #646464;
            margin-bottom: 0;
        }

        .contact-section .contact-form .form-group {
            margin-bottom: 15px;
        }

        .contact-section .contact-form .form-group .form-control {
            height: 60px;
        }

        .contact-section .contact-form .form-group .message-field {
            border: none;
            width: 100%;
            border-radius: 0px;
            padding-left: 10px;
            padding-top: 10px;
            background-color: #F8F8F8;
        }

        .contact-section .contact-form .form-group .message-field:focus {
            border: 1px solid #fe6219;
            outline: 0;
        }

        .contact-section .contact-form .form-group .message-field .list-unstyled {
            margin-top: 0;
        }

        .contact-section .contact-form .form-group ::-moz-placeholder {
            color: #464646;
        }

        .contact-section .contact-form .form-group ::placeholder {
            color: #464646;
        }

        .contact-section .contact-form .form-group .list-unstyled {
            color: red;
            margin-top: 10px;
        }

        .contact-section .contact-form .default-btn {
            color: #FFFFFF;
            border-radius: 20px;
            padding: 10px 20px;
            margin-top: 20px;
            z-index: 0;
            position: relative;
            transition: 0.5s;
            font-size: 18px;
            line-height: 30px;
            background: #17392B;
            margin-bottom: 10px;
            font-weight: 600;
            font-family: 'Gilroy-bold', sans-serif;
            width: 50%;
        }

        .contact-section .contact-form .default-btn::before {
            position: absolute;
            content: "";
            background: #17392B;
            width: 100%;
            height: 100%;
            border-radius: 20px;
            top: 0;
            left: 0;
            transform: scale(1);
            transition: 0.5s;
            z-index: -1;
        }

        .contact-section .contact-form .default-btn:hover::before {
            transform: scale(0);
        }



        .contact-section .contact-form .contact-shape {
            position: absolute;
            right: 0;
            bottom: 0;
            animation: translatey 5s infinite linear;
        }

        /* Contact CSS End */
        /* Newsletter CSS Start */
        .newsletter-section .newsletter-area {
            padding: 120px;
            margin-top: -21px;
            z-index: 1;
            position: relative;
            text-align: center;
        }

        .newsletter-section .newsletter-area h2 {
            font-size: 40px;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 60px;
            padding-bottom: 40px;
            font-family: 'Kugile', sans-serif;
            padding-left: 40px;
            padding-right: 40px;
        }

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

        .newsletter-section .newsletter-area .newsletter-form .form-control {
            border: 1px solid #FFFFFF;
            padding: 20px 0 20px 20px;
            height: 50px;
            background: #ff7309 !important;
            color: #FFFFFF;
            border-radius: 0;
        }

        .newsletter-section .newsletter-area .newsletter-form ::-moz-placeholder {
            color: #FFFFFF;
        }

        .newsletter-section .newsletter-area .newsletter-form ::placeholder {
            color: #FFFFFF;
        }

        .newsletter-section .newsletter-area .newsletter-form .default-btn {
            position: absolute;
            font-size: 16px;
            color: #FFFFFF;
            height: 50px;
            padding: 0 20px;
            top: 0px;
            right: -1px;
            transition: 0.5s;
            border-left: 1px solid;
            background: #ff7309;
            border: 1px solid;
        }

        .newsletter-section .newsletter-area .newsletter-form .default-btn:hover {
            color: #FFFFFF;
            background: #000;
        }

        .newsletter-section .newsletter-area .validation-danger {
            color: #ffffff;
            margin-top: 10px;
        }

        .newsletter-section .newsletter-area .subscribe-shape {
            position: absolute;
            right: 50px;
            bottom: 0;
            animation: translatey 5s infinite linear;
        }

        .cta-header-area h2 {
            font-family: 'Gilroy-medium', sans-serif;
            font-weight: 400;
            font-size: 26px;
            line-height: 36px;
            color: #FFFFFF;
            padding-bottom: 20px;
            text-align: center;
        }

        /* Newsletter CSS End */
        /* Footer Section CSS Start */
        .footer-area {
            background: #C4A33B;
            padding-top: 80px;

        }

        .footer-area .footer-widget .footer-logo img {
            margin-bottom: 25px;
        }

        .footer-area .footer-widget p {
            color: #FFFFFF;
            margin-bottom: 18px;
            line-height: 24px;
            font-size: 14px;
            font-family: 'Gilroy-bold', sans-serif;
            font-weight: 400;
        }

        .footer-area .footer-widget .footer-social a i {
            color: #ff7c00;
            font-size: 16px;
            margin-right: 10px;
            transition: 0.5s;
        }

        .footer-area .footer-widget .footer-social a i:hover {
            color: #FFFFFF;
        }

        .footer-area .footer-widget h3 {
            color: #FFFFFF;
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 30px;
            display: inline-block;
            position: relative;
            padding-bottom: 5px;
            font-family: 'Gilroy-bold', sans-serif;
        }



        .footer-area .footer-widget ul {
            padding-left: 0;
            line-height: 1;
            margin-bottom: 0;
        }

        .footer-area .footer-widget ul li {
            display: block;
            margin-bottom: 8px;
            transition: 0.5s;
            color: #FFFFFF;

        }

        .footer-area .footer-widget ul li a {
            color: #FFFFFF;
            transition: 0.5s;
        }

        .footer-area .footer-widget ul li a:hover {
            color: #FFFFFF;
            margin-left: 2px;
        }

        .footer-area .footer-widget ul li a:hover i {
            color: #fb7a00;
        }

        .footer-area .footer-widget ul li a i {
            font-size: 12px;
            top: -1px;
            position: relative;
        }

        .footer-area .footer-widget ul li i {
            font-size: 12px;
            transition: 0.5s;
        }

        .footer-area .footer-widget ul :last-child {
            margin-bottom: 0;
            line-height: 24px;
            font-size: 14px;
            font-family: 'Gilroy-bold', sans-serif;
            font-weight: 400;
        }

        .footer-area .pl-75 {
            padding-left: 30px;
        }

        .footer-area .copyright-area {
            padding: 0px 0 10px;
        }

        .footer-area .copyright-area p {
            color: #FFFFFF;
            margin-bottom: 0;
            text-align: center;
        }

        .newsletter-form .input-wrapper {
            position: relative;
            width: 100%;
        }

        .newsletter-form .form-control {
            padding-right: 40px;
        }

        .newsletter-form .form-control::placeholder {
            color: #C39506;
            opacity: 1;
        }

        .form-group-name input.form-control::placeholder,
        .form-group-email input.form-control::placeholder,
        .form-group-subject input.form-control::placeholder {
            color: #8F8F8F !important;
            font-family: 'Gilroy-Light', sans-serif !important;
            font-weight: 300 !important;
            font-size: 16px !important;
            opacity: 1 !important;
        }


        .newsletter-form .telegram-icon {
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            color: #4A4A4A;
            font-size: 20px;
            pointer-events: none;
        }


        .footer-area .copyright-area p a {
            color: #FFFFFF;
        }

        .footer-area .copyright-area p a:hover {
            color: #fb7a00;
        }

        .footer-area .copyright-area .lh-1 {
            line-height: 1;
        }

        .footer-area .copyright-area ul {
            margin-bottom: 0;
        }

        .footer-area .copyright-area ul li {
            display: inline-block;
            margin-left: 10px;
            position: relative;
        }

        .footer-area .copyright-area ul li::before {
            position: absolute;
            content: "";
            background: #FFFFFF;
            width: 5px;
            height: 5px;
            border-radius: 10px;
            right: -15px;
            top: 6px;
        }

        .footer-area .copyright-area ul li a {
            color: #FFFFFF;
        }

        .footer-area .copyright-area ul li a:hover {
            color: #fb7a00;
        }

        .footer-area .copyright-area ul :nth-child(2)::before {
            display: none;
        }

        /* Footer Section CSS End */
        /** -------------- Home Page One CSS End --------------**/
        /** -------------- Home Page Two CSS Start --------------**/
        /* Header CSS Start */
        .header-style-two {
            background: #071d24;
        }

        .header-style-two .header-left-text ul li {
            color: #95999a;
        }

        .header-style-two .header-left-text ul li a {
            color: #95999a;
        }

        /* Header CSS End */
        /* Navbar CSS Start */
        .navbar-style-two .main-nav {

            border-bottom: 2px solid #26453c;
        }

        .navbar-style-two .main-nav .navbar .navbar-nav .nav-item .nav-link {
            color: #9d9eaa;
        }

        .navbar-style-two .main-nav .navbar .navbar-nav .nav-item .nav-link:hover {
            color: #fb7a00;
        }

        .navbar-style-two .main-nav .navbar .navbar-nav .nav-item .dropdown-menu {

            box-shadow: 3px -5px 12px rgba(0, 0, 0, 0.5);
        }

        .navbar-style-two .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link {
            color: #9d9eaa;
        }

        .navbar-style-two .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover {
            color: #fb7a00;
        }

        /* Navbar CSS End */
        /* Banner CSS Start */
        .banner-style-two {}

        .banner-style-two .banner-text h1 {
            color: #FFFFFF;
        }

        .banner-style-two .banner-text p {
            color: #FFFFFF;
        }

        .banner-style-two .banner-text .default-btn::before {
            background: transparent;
            border: 1px solid #ff7c00;
        }

        .banner-style-two .banner-text .video-btn {
            color: #ff7c00 !important;
        }

        .banner-style-two .banner-text .video-btn:hover {
            color: #FFFFFF !important;
        }

        .banner-style-two .banner-text .video-btn:hover i {
            background: #FFFFFF;
        }

        .banner-style-two .banner-image img {
            width: 100%;
        }

        .missin_vision-area {
            padding-top: 80px;
            padding-bottom: 40px;
            margin-bottom: 30px;
        }

        .about-card {
            background-color: #F2E7C7;

            height: 600px;
        }


        /* Banner CSS End */
        /* About CSS Start */
        .about-card h3 {
            font-size: 32px;
            line-height: 42px;
            font-weight: 400;
            color: #183A2C;
            font-family: 'Gilroy-bold', sans-serif;
            text-align: center;
            padding-top: 30px;
            border-bottom: 2px solid #C5B58733;
            padding-bottom: 20px;
        }

        .about-card .aboutcard-content {
            font-size: 16px;
            line-height: 26px;
            font-weight: 400;
            color: #1F1F1F;
            font-family: 'Gilroy-medium', sans-serif;
            padding-bottom: 40px;
            padding-top: 20px;
            padding-left: 20px;
            padding-right: 20px;
            text-align: left;

        }


        .about-style-two {
            padding: 50px 0;
            position: relative;
        }

        .about-style-two .about-image {
            background-image: url(../img/about/4.jpg);
            background-position: center center;
            background-size: cover;
            height: 100%;
            width: 50%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .about-style-two .about-text {

            padding: 70px 80px;
            position: relative;
        }

        .about-style-two .about-text p {
            color: #FFFFFF;
        }

        .about-style-two .about-text .section-title span {
            color: #886a03;
        }

        .about-style-two .about-text .section-title h2 {
            color: #FFFFFF;
        }

        .about-style-two .about-text .about-us i,
        .about-style-two .about-text .about-us p {
            color: #FFFFFF;
        }

        /* About CSS End */
        /* Video CSS Start */
        .video-style-two {
            background-image: url(../img/video-bg.jpg);
            background-position: center center;
            background-size: cover;
            position: relative;
            height: 100%;
            padding-top: 200px;
            padding-bottom: 200px;
            z-index: 0;
        }

        .video-style-two::before {
            position: absolute;
            content: "";
            background: #464544;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: 0.45;
            z-index: -1;
        }

        .video-style-two .video-text a {
            margin-bottom: 38px;
            display: inline-block;
        }

        .video-style-two .video-text a i {
            color: #FFFFFF;
            background: #fe6417;
            width: 80px;
            height: 80px;
            text-align: center;
            line-height: 85px;
            display: inline-block;
            font-size: 20px;
            position: relative;
            z-index: 0;
            border-radius: 55% 45% 38% 62%/52% 57% 43% 48%;
        }

        .video-style-two .video-text a i::after {
            position: absolute;
            content: "";
            background: rgba(255, 101, 80, 0.5);
            width: 100px;
            height: 100px;
            top: -10px;
            left: -10px;
            z-index: -1;
            border-radius: 55% 45% 38% 62%/52% 57% 43% 48%;
            animation: wrep 5s infinite ease-in-out;
        }

        .video-style-two .video-text p {
            color: #FFFFFF;
            margin-bottom: 0;
            font-size: 20px;
            font-weight: 500;
            text-transform: capitalize;
            line-height: 1;
        }

        /* Video CSS End */
        /* Service CSS Start */
        .service-style-two .service-img {
            width: 50%;
        }

        .service-style-two .service-text {
            margin-top: 0;
            margin-bottom: 0;
        }

        /* Service CSS End */
        /* Progress CSS Start */
        .progress-style-two .progress-image {
            width: 50%;
            right: 0;
            left: inherit;
            background-image: url(../img/testimonial-img.jpg);
        }

        .progress-style-two .progress-text {
            margin-top: 0;
            margin-bottom: 0;
        }

        /* Progress CSS End */
        /* Price CSS Start */
        .pricing-section .pricing-card {
            padding: 45px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            position: relative;
            margin-bottom: 30px;
            background: #FFFFFF;
        }

        .pricing-section .pricing-card::before {
            top: 0;
            left: 0;
            z-index: 0;
            width: 100%;
            content: "";
            height: 270px;
            position: absolute;
            background: #fe6714;
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 65%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 65%, 0% 100%);
        }

        .pricing-section .pricing-card .price-header {
            position: relative;
            margin-bottom: 100px;
        }

        .pricing-section .pricing-card .price-header h2 {
            color: #FFFFFF;
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 5px;
            line-height: 1;
        }

        .pricing-section .pricing-card .price-header h3 {
            color: #FFFFFF;
            font-size: 32px;
            font-weight: 700;
        }

        .pricing-section .pricing-card .price-header h3 sup {
            font-size: 15px;
            font-weight: 400;
            top: -14px;
            position: relative;
        }

        .pricing-section .pricing-card .price-header h3 span {
            font-size: 15px;
            font-weight: 400;
        }

        .pricing-section .pricing-card .price-header i {
            left: 0;
            right: 0;
            top: 115px;
            z-index: 0;
            margin: auto;
            width: 100px;
            height: 100px;
            color: #000;
            font-size: 60px;
            line-height: 90px;
            position: absolute;
            border-radius: 50px;
            display: inline-block;
            background: #FFFFFF;
            border: 5px solid #fe6714;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
        }

        .pricing-section .pricing-card .pricing-feature {
            padding: 75px 0px 40px;
        }

        .pricing-section .pricing-card .pricing-feature ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .pricing-section .pricing-card .pricing-feature ul li {
            color: #808291;
            font-size: 18px;
            margin-bottom: 5px;
            list-style: none;
        }

        .pricing-section .pricing-card .pricing-feature ul li i {
            color: #fe832e;
            margin-right: 10px;
        }

        .pricing-section .pricing-card .pricing-feature ul :last-child {
            margin-bottom: 0;
        }

        .pricing-section .pricing-card.price-card-two i {
            z-index: 1;
        }

        .pricing-section .pricing-card.price-card-two::before {
            height: 250px;
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 0 70%);
            clip-path: polygon(0 0, 100% 0, 100% 70%, 0 70%);
        }

        .pricing-section .pricing-card.price-card-two::after {
            position: absolute;
            content: "";
            width: 50px;
            top: 150px;
            left: 0;
            right: 0;
            margin: auto;
            border-left: 90px solid transparent;
            border-right: 90px solid transparent;
            border-top: 100px solid #fe6714;
            z-index: 0;
        }

        .pricing-section .pricing-card.price-card-three::before {
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 65%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 65%);
        }

        /* Price CSS End */
        /**-------------- Home Page Two CSS End --------------**/
        /**-------------- About Page CSS Start --------------**/
        .card-container {
            padding-bottom: 60px;
            position: relative;
        }

        .about-subtitle {
            margin-bottom: 0;
            font-size: 60px;
            line-height: 70px;
            font-weight: 400;
            color: #F3ECDC;
            font-family: 'Kugile';
            text-align: center;
        }

        .gallery-titile {
            margin-bottom: 0;
            font-size: 40px;
            line-height: 50px;
            font-weight: 400;
            color: #183A2C;
            font-family: 'Kugile';
            text-align: center;
            padding-bottom: 50px;
        }


        .gallery-content {
            margin-bottom: 0;
            font-size: 18px;
            line-height: 28px;
            font-weight: 400;
            color: #000000;
            font-family: 'Gilroy-light', sans-serif;
            text-align: center;
        }

        .contact-subheading {
            margin-bottom: 0;
            font-size: 60px;
            line-height: 70px;
            font-weight: 600;
            color: #183A2C;
            font-family: Vendura;
            text-align: center;
            padding-bottom: 0px;
        }

        .about-content {
            margin-bottom: 0;
            font-size: 18px;
            line-height: 28px;
            font-weight: 400;
            color: #F3ECDC;
            font-family: 'Gilroy-light', sans-serif;
            text-align: left;
            padding-top: 30px;
            padding-bottom: 70px;
        }

        .about-style-three .row {
            justify-content: center;
        }

        .about-style-three {
            padding-bottom: 100px;
            padding-top: 120px;
        }

        .about-icon {
            display: flex;
            justify-content: center;
            padding-bottom: 40px;
            padding-top: 30px;
        }


        .about-title {
            height: 350px;

        }

        .about-title .title-text h2 {
            color: #FFFFFF;
            font-size: 38px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .about-title .title-text ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .about-title .title-text ul li {
            font-size: 18px;
            color: #FFFFFF;
            display: inline-block;
            position: relative;
            margin: 0 10px;
        }

        .about-title .title-text ul li::before {
            position: absolute;
            content: "";
            width: 5px;
            height: 5px;
            background: #FFFFFF;
            top: 15px;
            right: -15px;
            border-radius: 10px;
        }

        .about-title .title-text ul li a {
            color: #FFFFFF;
        }

        .about-title .title-text ul li a:hover {
            color: #fb7a00;
        }

        .about-title .title-text ul li i {
            font-size: 14px;
        }

        .about-title .title-text ul li:last-child::before {
            display: none;
        }

        /* About Title CSS End */
        /* Theory CSS Start */
        .theory-style-two {
            margin-top: 75px;
            margin-bottom: -130px;
            z-index: 1;
            position: relative;
        }

        .theory-style-two .theory-area {
            box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.14);
        }

        .theory-style-two .theory-area .theory-img {
            bottom: 0;
        }

        /* Theory CSS End */
        /* Video CSS Start */
        .video-style-three {
            padding-top: 340px;
        }

        /* Video CSS End */
        /**-------------- About Page CSS End --------------**/
        /**-------------- Portfolio Page CSS Start --------------**/
        .project-content {
            margin-bottom: 0;
            font-size: 18px;
            line-height: 28px;
            font-weight: 400;
            color: #F3ECDC;
            font-family: 'Gilroy-light', sans-serif;
            text-align: center;
            padding-top: 30px;

        }

        .project-main-title {
            margin-bottom: 0;
            font-size: 32px;
            line-height: 42px;
            font-weight: 600;
            color: #F2E7C7;
            font-family: 'Gilroy-light', sans-serif;
            text-align: center;
            padding-bottom: 30px;
        }

        #gallery-section-1 {
            margin-bottom: 50px;
        }

        #gallery-section-2 {
            margin-bottom: 50px;
        }

        #gallery-section-3 {
            margin-bottom: 50px;
        }

        #gallery-section-4 {
            margin-bottom: 80px;
        }

        .portfolio-title {
            height: 400px;

        }

        .portfolio-title .title-text h2 {
            color: #FFFFFF;
            font-size: 38px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .portfolio-title .title-text ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .portfolio-title .title-text ul li {
            font-size: 18px;
            color: #FFFFFF;
            display: inline-block;
            position: relative;
            margin: 0 10px;
        }

        .portfolio-title .title-text ul li::before {
            position: absolute;
            content: "";
            width: 5px;
            height: 5px;
            background: #FFFFFF;
            top: 15px;
            right: -15px;
            border-radius: 10px;
        }

        .portfolio-title .title-text ul li a {
            color: #FFFFFF;
        }

        .portfolio-title .title-text ul li a:hover {
            color: #fb7a00;
        }

        .portfolio-title .title-text ul li i {
            font-size: 14px;
        }

        .portfolio-title .title-text ul li:last-child::before {
            display: none;
        }

        /**-------------- Portfolio Page CSS End --------------**/
        /**-------------- Blog Page CSS Start --------------**/
        .blog-title {
            height: 400px;

        }

        .blog-title .title-text h2 {
            color: #FFFFFF;
            font-size: 38px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .blog-title .title-text ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .blog-title .title-text ul li {
            font-size: 18px;
            color: #FFFFFF;
            display: inline-block;
            position: relative;
            margin: 0 10px;
        }

        .blog-title .title-text ul li::before {
            position: absolute;
            content: "";
            width: 5px;
            height: 5px;
            background: #FFFFFF;
            top: 15px;
            right: -15px;
            border-radius: 10px;
        }

        .blog-title .title-text ul li a {
            color: #FFFFFF;
        }

        .blog-title .title-text ul li a:hover {
            color: #fb7a00;
        }

        .blog-title .title-text ul li i {
            font-size: 14px;
        }

        .blog-title .title-text ul li:last-child::before {
            display: none;
        }

        /**-------------- Blog Page CSS End --------------**/
        /**-------------- Blog Details Page CSS Start --------------**/
        .blog-details-area .blog-description .article-image {
            margin-bottom: 35px;
            position: relative;
        }

        .blog-details-area .blog-description .article-image .blog-date {
            position: absolute;
            background: #fe6219;
            width: 55px;
            text-align: center;
            top: 25px;
            left: 25px;
            padding: 6px;
        }

        .blog-details-area .blog-description .article-image .blog-date span {
            color: #FFFFFF;
            display: inline-block;
            line-height: 25px;
        }

        .blog-details-area .blog-description .article-info {
            margin-bottom: 25px;
            position: relative;
        }

        .blog-details-area .blog-description .article-info ul {
            margin: 0;
            padding-left: 0;
        }

        .blog-details-area .blog-description .article-info ul li {
            font-size: 14px;
            color: #ff7b01;
            display: inline-block;
            margin-right: 5px;
            font-weight: 700;
        }

        .blog-details-area .blog-description .article-info ul li i {
            margin-right: 5px;
        }

        .blog-details-area .blog-description .article-title {
            font-size: 32px;
            color: #111111;
            font-weight: 600;
            margin-bottom: 25px;
        }

        .blog-details-area .blog-description p {
            font-family: "Poppins", sans-serif;
            margin-bottom: 10px;
        }

        .blog-details-area .blog-description .article-bottom-img {
            margin-bottom: 20px;
            margin-top: 10px;
            width: 100%;
        }

        .blog-details-area .blog-description .article-meta {
            position: relative;
            padding-top: 15px;
            margin-bottom: 30px;
        }

        .blog-details-area .blog-description .article-meta::before {
            position: absolute;
            content: "";
            background: #ebebeb;
            width: 50%;
            height: 1px;
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

        .blog-details-area .blog-description .article-meta ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .blog-details-area .blog-description .article-meta ul li {
            display: inline-block;
            font-size: 14px;
            margin-right: 15px;
            color: #808291;
        }

        .blog-details-area .blog-description .article-meta ul li i {
            margin-right: 5px;
        }

        .blog-details-area .blog-description .blog-nav {
            display: flex;
            margin-bottom: 40px;
            background: #ddd;
            padding: 20px;
            margin-top: 20px;
            border-radius: 5px;
        }

        .blog-details-area .blog-description .blog-nav .prev-btn,
        .blog-details-area .blog-description .blog-nav .next-btn {
            width: 50%;
        }

        .blog-details-area .blog-description .blog-nav .prev-btn a,
        .blog-details-area .blog-description .blog-nav .next-btn a {
            color: #3f3f3f;
            border: 1px solid #fb7a00;
            border-radius: 5px;
            padding: 8px 20px;
            font-family: "Poppins", sans-serif;
            display: inline-block;
            background: #FFFFFF;
        }

        .blog-details-area .blog-description .blog-nav .prev-btn a:hover,
        .blog-details-area .blog-description .blog-nav .next-btn a:hover {
            background: #fb7a00;
            color: #FFFFFF;
        }

        .blog-details-area .blog-description .blog-comment {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            padding: 30px;
            margin-bottom: 30px;
            border-radius: 5px;
        }

        .blog-details-area .blog-description .blog-comment h3 {
            font-size: 22px;
            font-weight: 600;
            color: #333333;
            margin-bottom: 25px;
        }

        .blog-details-area .blog-description .blog-comment .form-control {
            height: 60px;
            padding-left: 20px;
            border: 1px solid #fe6219;
            width: 100%;
            border-radius: 0;
            background: #fcf6f6;
            margin-bottom: 30px;
            border-radius: 5px;
        }

        .blog-details-area .blog-description .blog-comment .message-field {
            padding-top: 20px;
            padding-left: 20px;
            border: 1px solid #fe6219;
            width: 100%;
            background: #fcf6f6;
            border-radius: 5px;
        }

        .blog-details-area .blog-description .blog-comment .message-field:focus {
            outline: 0;
        }

        .blog-details-area .blog-description .blog-comment ::-moz-placeholder {
            font-size: 14px;
            color: #a07373;
            font-family: "Poppins", sans-serif;
        }

        .blog-details-area .blog-description .blog-comment ::placeholder {
            font-size: 14px;
            color: #a07373;
            font-family: "Poppins", sans-serif;
        }

        .blog-details-area .blog-description .blog-comment .default-btn {
            font-size: 16px;
            font-family: "Poppins", sans-serif;
            font-weight: 600;
            background: #ff7c00;
            color: #FFFFFF;
            padding: 15px 40px;
            margin-top: 10px;
            border: 1px solid transparent;
            transition: 0.5s;
        }

        .blog-details-area .blog-description .blog-comment .default-btn:hover {
            background: #FFFFFF;
            border: 1px dashed #ff7c00;
            color: #ff7c00;
        }

        .blog-details-area .blog-search {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            padding: 20px;
            margin-bottom: 30px;
        }

        .blog-details-area .blog-search form {
            position: relative;
        }

        .blog-details-area .blog-search form input {
            border: 1px solid #fe6a12;
            padding: 10px 20px;
            width: 100%;
        }

        .blog-details-area .blog-search form input:focus {
            outline: 0;
        }

        .blog-details-area .blog-search form ::-moz-placeholder {
            font-size: 16px;
            font-family: "Poppins", sans-serif;
            color: #333333;
        }

        .blog-details-area .blog-search form ::placeholder {
            font-size: 16px;
            font-family: "Poppins", sans-serif;
            color: #333333;
        }

        .blog-details-area .blog-search form button {
            position: absolute;
            background: #fe6318;
            text-align: center;
            right: 0;
            top: 0;
            width: 50px;
            height: 100%;
            font-size: 18px;
            transition: 0.5S;
        }

        .blog-details-area .blog-search form button:hover {
            background: #333333;
        }

        .blog-details-area .blog-search form button i {
            color: #FFFFFF;
        }

        .blog-details-area .recent-blog {
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            margin-bottom: 30px;
        }

        .blog-details-area .recent-blog h3 {
            font-weight: 600;
            margin-bottom: 20px;
        }

        .blog-details-area .recent-blog .recent-post {
            position: relative;
            margin-bottom: 20px;
            border-bottom: 1px dashed #dddddd;
            padding-bottom: 20px;
        }

        .blog-details-area .recent-blog .recent-post img {
            position: absolute;
            top: 0;
            left: 0;
            width: 90px;
            height: 90px;
            border-radius: 5px;
        }

        .blog-details-area .recent-blog .recent-post h3 {
            margin-bottom: 0;
        }

        .blog-details-area .recent-blog .recent-post h3 a {
            color: #333333;
            font-size: 14px;
            padding-left: 110px;
            margin-bottom: 10px;
            padding-top: 8px;
            display: inline-block;
            line-height: 18px;
        }

        .blog-details-area .recent-blog .recent-post h3 a:hover {
            color: #ff7209;
        }

        .blog-details-area .recent-blog .recent-post ul {
            padding-left: 110px;
            margin-bottom: 0;
        }

        .blog-details-area .recent-blog .recent-post ul li {
            display: inline-block;
            color: #ff7209;
            font-size: 14px;
            font-family: "Poppins", sans-serif;
            margin-right: 10px;
        }

        .blog-details-area .recent-blog .recent-post ul li i {
            font-size: 14p;
        }

        .blog-details-area .recent-blog .recent-post:last-child {
            border-bottom: 0;
            padding-bottom: 0;
            margin-bottom: 0;
        }

        .blog-details-area .blog-category {
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            margin-bottom: 30px;
        }

        .blog-details-area .blog-category h3 {
            font-weight: 600;
            margin-bottom: 20px;
        }

        .blog-details-area .blog-category ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .blog-details-area .blog-category ul li {
            line-height: 1;
            list-style: none;
        }

        .blog-details-area .blog-category ul li a {
            padding: 15px 20px;
            display: block;
            border-left: 2px solid #ff7209;
            position: relative;
            border-bottom: 1px dashed #dddddd;
            font-size: 18px;
            font-weight: 600;
            color: #333333;
            margin-bottom: 5px;
        }

        .blog-details-area .blog-category ul li a i {
            position: absolute;
            top: 12px;
            right: 0px;
            font-size: 25px;
        }

        .blog-details-area .blog-category ul li a:hover {
            background: #fe6219;
            color: #FFFFFF;
        }

        .blog-details-area .photo-gallery {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            margin-bottom: 30px;
        }

        .blog-details-area .photo-gallery h3 {
            font-weight: 600;
            margin-bottom: 20px;
            padding-left: 20px;
            padding-top: 20px;
        }

        .blog-details-area .photo-gallery a img {
            padding-left: 20px;
            margin-bottom: 20px;
            max-width: 95px;
        }

        .blog-details-area .tags {
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            margin-bottom: 30px;
        }

        .blog-details-area .tags h3 {
            font-weight: 600;
            margin-bottom: 20px;
        }

        .blog-details-area .tags a {
            background: #e5e5e5;
            color: #333333;
            padding: 8px 16px;
            margin-bottom: 15px;
            display: inline-block;
            font-family: "Poppins", sans-serif;
            border-radius: 10px;
            border: 1px dashed #333333;
            width: 100px;
            text-align: center;
        }

        .blog-details-area .tags a:hover {
            background: #fe6219;
            color: #FFFFFF;
        }

        /**-------------- Blog Details Page CSS End --------------**/
        /**-------------- Contact Page CSS Start --------------**/
        /* Contact Title Start */

        #contact-section-area {
            padding-top: 60px;
            padding-bottom: 60px;
            /* background: #F6F2F2; */
            background: #C2B285;
            background: linear-gradient(52deg, rgba(194, 178, 133, 1) 0%, rgba(255, 247, 222, 1) 50%, rgba(243, 225, 173, 1) 100%);
        }

        .contact-section {
            padding-top: 80px;
            padding-bottom: 100px;
            background: #F6F2F2;
        }

        .contact-title {

            padding-top: 100px;
            padding-bottom: 200px;
        }

        .contact-title .title-text h2 {
            color: #FFFFFF;
            font-size: 38px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .contact-title .title-text ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .contact-title .title-text ul li {
            font-size: 18px;
            color: #FFFFFF;
            display: inline-block;
            position: relative;
            margin: 0 10px;
        }

        .contact-title .title-text ul li::before {
            position: absolute;
            content: "";
            width: 5px;
            height: 5px;
            background: #FFFFFF;
            top: 15px;
            right: -15px;
            border-radius: 10px;
        }

        .contact-title .title-text ul li a {
            color: #FFFFFF;
        }

        .contact-title .title-text ul li a:hover {
            color: #fb7a00;
        }

        .contact-title .title-text ul li i {
            font-size: 14px;
        }

        .contact-title .title-text ul li:last-child::before {
            display: none;
        }

        /* Contact Title Start */
        /* Contact Section Start */
        .contact-area .contact-box {
            margin-top: -100px;
            background: #fff;
            padding: 60px 45px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
        }

        .contact-area-details {
            display: flex;
            justify-content: center;
            background: #0E3A29;
            align-items: center;
        }

        /* Default images */
        .contact-img.hover {
            display: none;
        }

        .contact-card:hover .contact-img.normal {
            display: none;
        }

        .contact-card:hover .contact-img.hover {
            display: inline-block;
        }

        /* Card hover background */
        .contact-area-details:hover {
            background: #F2E7C7;
            transition: background 0.3s ease;
        }

        .contact-area .contact-box .contact-card:hover h3 {
            color: #183A2C;
            font-weight: 400;
            font-size: 22px;
            line-height: 32px;
            padding-top: 20px;
            font-family: 'Gilroy-Light', sans-serif;
        }

        .contact-area .contact-box .contact-card:hover ul li {
            color: #183A2C;
            font-size: 18px;
            list-style: none;
            line-height: 28px;
            font-family: 'Gilroy-Light', sans-serif;
        }

        .contact-area .contact-box .contact-card {
            border: none;
            position: relative;
            padding: 20px;
            text-align: center;
        }

        .contact-area .contact-box .contact-card i {
            width: 50px;
            height: 50px;
            border-radius: 50px;
            border: 1px solid #ff7b01;
            display: inline-block;
            color: #fb7a00;
            text-align: center;
            line-height: 50px;
            font-size: 20px;
            position: absolute;
            top: 37px;
            left: 25px;
        }

        .contact-area .contact-box .contact-card h3 {
            font-weight: 400;
            color: #FFFFFF;
            font-size: 22px;
            line-height: 32px;
            padding-top: 20px;
            font-family: 'Gilroy-Light', sans-serif;
        }

        .contact-area .contact-box .contact-card ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .contact-area .contact-box .contact-card ul li {
            color: #C5C5C5;
            font-size: 18px;
            list-style: none;
            line-height: 28px;

            font-family: 'Gilroy-Light', sans-serif;
        }

        .contact-container {
            width: 1600px;
        }

        .map {
            line-height: 1;
            height: 500px;
            margin-bottom: -120px;
        }

        .map iframe {
            width: 100%;
            height: 500px;
            border: 0;
        }

        /* Contact Section End */
        /* Footer Area Start */
        .footer-style-three {
            -webkit-clip-path: none;
            clip-path: none;
        }

        /* Footer Area End */
        /**-------------- Contact Page CSS End --------------**/
        /**-------------- Service Page CSS Start --------------**/
        .service-title {
            height: 400px;

        }

        .service-title .title-text h2 {
            color: #FFFFFF;
            font-size: 38px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .service-title .title-text ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .service-title .title-text ul li {
            font-size: 18px;
            color: #FFFFFF;
            display: inline-block;
            position: relative;
            margin: 0 10px;
        }

        .service-title .title-text ul li::before {
            position: absolute;
            content: "";
            width: 5px;
            height: 5px;
            background: #FFFFFF;
            top: 15px;
            right: -15px;
            border-radius: 10px;
        }

        .service-title .title-text ul li a {
            color: #FFFFFF;
        }

        .service-title .title-text ul li a:hover {
            color: #fb7a00;
        }

        .service-title .title-text ul li i {
            font-size: 14px;
        }

        .service-title .title-text ul li:last-child::before {
            display: none;
        }

        .service-style-three .service-card {
            text-align: center;
            padding: 0px;
            margin-bottom: 0px;
            position: relative;
            background-color: transparent;
            box-shadow: none;
        }

        .about-style-three .about-card {
            text-align: center;
            padding: 30px 20px;
            margin-bottom: 30px;
            transition: 0.5s;
            position: relative;
            background: #0F3325;
            height: 590px;
        }

        /* .service-style-three .service-card:hover {
            margin-top: -10px;
            background: #C4A33B;
        } */

        .service-style-three .service-card:hover i {
            animation: none;
            border: 1px dashed #C4A33B;
            color: #C4A33B;
        }

        .service-style-three .service-card i {
            font-size: 35px;
            width: 90px;
            height: 90px;
            display: inline-block;
            text-align: center;
            line-height: 90px;
            border-radius: 46% 54% 68% 32%/55% 48% 52% 45%;
            margin-bottom: 25px;
            animation: icon-animation 5s ease-in-out infinite;
            border: 1px dashed;
            transition: 0.5s;
        }

        .service-style-three .service-card h3 {
            font-weight: 600;
            margin-bottom: 10px;
        }


        /**-------------- Serice Page CSS End --------------**/
        /**-------------- Portfolio Page Two CSS Start --------------**/
        .portfolio-style-two .portfolio-menu {
            margin-bottom: 50px;
        }

        .portfolio-style-two .portfolio-menu ul li {
            cursor: pointer;
            padding: 10px 20px;
            list-style-type: none;
            display: inline-block;
            border: 1px solid #fb7a00;
            transition: 0.5s;
        }

        .portfolio-style-two .portfolio-menu ul li:hover {
            background: #fb7a00;
            color: #FFFFFF;
        }

        .portfolio-style-two .portfolio-menu ul .mixitup-control-active {
            color: #FFFFFF;
            background: #fb7a00;
        }

        /**-------------- Portfolio Page Two CSS End --------------**/
        /**-------------- Pricing Page CSS Start --------------**/
        .pricing-title {
            height: 400px;

        }

        .pricing-title .title-text h2 {
            color: #FFFFFF;
            font-size: 38px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .pricing-title .title-text ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .pricing-title .title-text ul li {
            font-size: 18px;
            color: #FFFFFF;
            display: inline-block;
            position: relative;
            margin: 0 10px;
        }

        .pricing-title .title-text ul li::before {
            position: absolute;
            content: "";
            width: 5px;
            height: 5px;
            background: #FFFFFF;
            top: 15px;
            right: -15px;
            border-radius: 10px;
        }

        .pricing-title .title-text ul li a {
            color: #FFFFFF;
        }

        .pricing-title .title-text ul li a:hover {
            color: #fb7a00;
        }

        .pricing-title .title-text ul li i {
            font-size: 14px;
        }

        .pricing-title .title-text ul li:last-child::before {
            display: none;
        }

        /**-------------- Pricing Page CSS End --------------**/
        /**-------------- 404 Page CSS Start --------------**/
        .error-title {
            height: 400px;

        }

        .error-title .title-text h2 {
            color: #FFFFFF;
            font-size: 38px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .error-title .title-text ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .error-title .title-text ul li {
            font-size: 18px;
            color: #FFFFFF;
            display: inline-block;
            position: relative;
            margin: 0 10px;
        }

        .error-title .title-text ul li::before {
            position: absolute;
            content: "";
            width: 5px;
            height: 5px;
            background: #FFFFFF;
            top: 15px;
            right: -15px;
            border-radius: 10px;
        }

        .error-title .title-text ul li a {
            color: #FFFFFF;
        }

        .error-title .title-text ul li a:hover {
            color: #fb7a00;
        }

        .error-title .title-text ul li i {
            font-size: 14px;
        }

        .error-title .title-text ul li:last-child::before {
            display: none;
        }

        .error-section .error-img {
            margin-bottom: 50px;
        }

        .error-section .error-img img {
            width: 100%;
        }

        /**-------------- 404 Page CSS End --------------**/
        /**-------------- Team Page CSS Start --------------**/
        .team-title {
            height: 400px;

        }

        .team-title .title-text h2 {
            color: #FFFFFF;
            font-size: 38px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .team-title .title-text ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .team-title .title-text ul li {
            font-size: 18px;
            color: #FFFFFF;
            display: inline-block;
            position: relative;
            margin: 0 10px;
        }

        .team-title .title-text ul li::before {
            position: absolute;
            content: "";
            width: 5px;
            height: 5px;
            background: #FFFFFF;
            top: 15px;
            right: -15px;
            border-radius: 10px;
        }

        .team-title .title-text ul li a {
            color: #FFFFFF;
        }

        .team-title .title-text ul li a:hover {
            color: #fb7a00;
        }

        .team-title .title-text ul li i {
            font-size: 14px;
        }

        .team-title .title-text ul li:last-child::before {
            display: none;
        }

        .footer-style-two {
            padding-top: 100px;
            -webkit-clip-path: none;
            clip-path: none;
        }

        /**-------------- Team Page CSS End --------------**/
        /**-------------- Team Page Two CSS Start --------------**/
        .team-style-two .team-card {
            margin-bottom: 30px;
        }

        .team-style-two .team-card .team-img {
            position: relative;
        }

        .team-style-two .team-card .team-img:hover .team-text {
            background: rgba(0, 0, 0, 0.5);
            transform: scale(1);
        }

        .team-style-two .team-card .team-img img {
            width: 100%;
        }

        .team-style-two .team-card .team-text {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            right: 0;
            margin: auto;
            top: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            color: #FFFFFF;
            transform: scale(0);
        }

        .team-style-two .team-card .team-text h3 {
            font-size: 25px;
            color: #FFFFFF;
        }

        .team-style-two .team-card .team-text:hover {
            background: rgba(0, 0, 0, 0.5);
        }

        /**-------------- Team Page Two CSS End --------------**/
        /**-------------- Service Page Details CSS Start --------------**/
        .service-style-four .service-details-area .service-details-img {
            margin-bottom: 40px;
        }

        .service-style-four .service-details-area .service-details-img img {
            width: 100%;
        }

        .service-style-four .service-details-area h3 {
            position: relative;
            padding-left: 0;
            margin-bottom: 15px;
            font-size: 30px;
        }

        .service-style-four .service-details-area p {
            margin-bottom: 15px;
        }

        .service-style-four .service-details-area .mb-35 {
            margin-bottom: 35px;
        }

        .service-style-four .service-details-area .service-btm-img {
            margin: 10px 0 20px;
        }

        .service-style-four .blog-search {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            padding: 20px;
            margin-bottom: 30px;
        }

        .service-style-four .blog-search form {
            position: relative;
        }

        .service-style-four .blog-search form input {
            border: 1px solid #fe6a12;
            padding: 10px 20px;
            width: 100%;
        }

        .service-style-four .blog-search form input:focus {
            outline: 0;
        }

        .service-style-four .blog-search form ::-moz-placeholder {
            font-size: 16px;
            font-family: "Poppins", sans-serif;
            color: #333333;
        }

        .service-style-four .blog-search form ::placeholder {
            font-size: 16px;
            font-family: "Poppins", sans-serif;
            color: #333333;
        }

        .service-style-four .blog-search form button {
            position: absolute;
            background: #fe6318;
            text-align: center;
            right: 0;
            top: 0;
            width: 50px;
            height: 100%;
            font-size: 18px;
            transition: 0.5S;
        }

        .service-style-four .blog-search form button:hover {
            background: #333333;
        }

        .service-style-four .blog-search form button i {
            color: #FFFFFF;
        }

        .service-style-four .service-category {
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            margin-bottom: 30px;
        }

        .service-style-four .service-category h3 {
            font-weight: 600;
            margin-bottom: 20px;
        }

        .service-style-four .service-category ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .service-style-four .service-category ul li {
            line-height: 1;
            list-style: none;
        }

        .service-style-four .service-category ul li a {
            padding: 15px 20px;
            display: block;
            border-left: 2px solid #ff7209;
            position: relative;
            border-bottom: 1px dashed #dddddd;
            font-size: 18px;
            font-weight: 600;
            color: #333333;
            margin-bottom: 5px;
        }

        .service-style-four .service-category ul li a i {
            position: absolute;
            top: 12px;
            right: 0px;
            font-size: 25px;
        }

        .service-style-four .service-category ul li a:hover {
            background: #fe6219;
            color: #FFFFFF;
        }

        /**-------------- Service Page Details CSS End --------------**/
        /**-------------- FAQ Page CSS Start --------------**/
        .faq-title {
            height: 400px;

        }

        .faq-title .title-text h2 {
            color: #FFFFFF;
            font-size: 38px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .faq-title .title-text ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .faq-title .title-text ul li {
            font-size: 18px;
            color: #FFFFFF;
            display: inline-block;
            position: relative;
            margin: 0 10px;
        }

        .faq-title .title-text ul li::before {
            position: absolute;
            content: "";
            width: 5px;
            height: 5px;
            background: #FFFFFF;
            top: 15px;
            right: -15px;
            border-radius: 10px;
        }

        .faq-title .title-text ul li a {
            color: #FFFFFF;
        }

        .faq-title .title-text ul li a:hover {
            color: #fb7a00;
        }

        .faq-title .title-text ul li i {
            font-size: 14px;
        }

        .faq-title .title-text ul li:last-child::before {
            display: none;
        }

        .faq-area h2 {
            margin-left: 20px;
            padding-right: 20px;
            padding-bottom: 15px;
            margin-bottom: 50px;
            font-size: 32px;
            font-weight: 600;
            border-bottom: 2px dashed #886a03;
        }

        .faq-area .topic {
            padding: 20px;
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .faq-area .topic h3 {
            color: #333333;
        }

        .faq-area .open {
            cursor: pointer;
            display: inline-block;
            padding: 0px;
            height: 60px;
        }

        .faq-area .open:hover {
            opacity: 0.7;
        }

        .faq-area .expanded {
            background-color: #f5f5f5;
            transition: all 0.3s ease-in-out;
        }

        .faq-area .question {
            padding-top: 20px;
            padding-right: 40px;
            padding-bottom: 20px;
            font-size: 18px;
            font-weight: 500;
            color: #526ee4;
            padding-left: 40px;
        }

        .faq-area .answer {
            font-size: 16px;
            line-height: 26px;
            display: none;
            margin-bottom: 30px;
            text-align: justify;
            padding-left: 40px;
            padding-right: 20px;
            padding-bottom: 20px;
        }

        .faq-area .faq-t {
            transform: rotate(-45deg);
            display: inline-block;
            position: relative;
            top: -55px;
            left: 5px;
            width: 10px;
            height: 10px;
            background: transparent;
            border-left: 2px solid #ccc;
            border-bottom: 2px solid #ccc;
            transition: all 0.3s ease-in-out;
        }

        .faq-area .faq-o {
            top: -50px;
            transform: rotate(-224deg);
        }

        /**-------------- FAQ Page CSS End --------------**/
        /**-------------- Privacy Page CSS Start --------------**/
        .privacy-title {
            height: 400px;

        }

        .privacy-title .title-text h2 {
            color: #FFFFFF;
            font-size: 38px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .privacy-title .title-text ul {
            padding-left: 0;
            margin-bottom: 0;
        }

        .privacy-title .title-text ul li {
            font-size: 18px;
            color: #FFFFFF;
            display: inline-block;
            position: relative;
            margin: 0 10px;
        }

        .privacy-title .title-text ul li::before {
            position: absolute;
            content: "";
            width: 5px;
            height: 5px;
            background: #FFFFFF;
            top: 15px;
            right: -15px;
            border-radius: 10px;
        }

        .privacy-title .title-text ul li a {
            color: #FFFFFF;
        }

        .privacy-title .title-text ul li a:hover {
            color: #fb7a00;
        }

        .privacy-title .title-text ul li i {
            font-size: 14px;
        }

        .privacy-title .title-text ul li:last-child::before {
            display: none;
        }

        .privacy-section {
            padding-bottom: 60px;
        }

        .privacy-section .privacy-text {
            margin-bottom: 15px;
        }

        .privacy-section .privacy-text h3 {
            font-size: 20px;
            font-family: "Poppins", sans-serif;
            color: #0f2137;
            text-transform: capitalize;
            margin-bottom: 10px;
            display: inline-block;
        }

        .privacy-section .privacy-text p {
            margin-bottom: 0;
        }

        .privacy-section ul li {
            margin-top: 10px;
            list-style: circle;
            color: #111111;
        }

        /**-------------- Privacy Page CSS End --------------**/
        /**-------------- Back to Top CSS Start --------------**/
        /**-------------- Back to Top Page CSS End --------------**/
        /**-------------- Pre Loader CSS Start --------------**/
        .loader-content {
            background: #FFFFFF;
            height: 100%;
            width: 100%;
            position: fixed;
            z-index: 99999999;
            left: 0;
            top: 0;
            text-align: center;
        }

        .lds-ripple {
            display: inline-block;
            position: relative;
            width: 80px;
            height: 80px;
        }

        .lds-ripple div {
            position: absolute;
            border: 4px solid red;
            opacity: 1;
            border-radius: 50%;
            animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
        }

        .lds-ripple div:nth-child(2) {
            animation-delay: -0.5s;
        }

        @keyframes lds-ripple {
            0% {
                top: 36px;
                left: 36px;
                width: 0;
                height: 0;
                opacity: 1;
            }

            100% {
                top: 0px;
                left: 0px;
                width: 72px;
                height: 72px;
                opacity: 0;
            }
        }

        /**-------------- Pre Loader CSS End --------------**/
        /* Magnific Popup */
        .mfp-fade.mfp-bg {
            opacity: 0;
            transition: all 0.15s ease-out;
        }

        .mfp-fade.mfp-bg.mfp-ready {
            opacity: 0.8;
        }

        .mfp-fade.mfp-bg.mfp-removing {
            opacity: 0;
        }

        .mfp-fade.mfp-wrap .mfp-content {
            opacity: 0;
            transition: all 0.15s ease-out;
        }

        .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
            opacity: 1;
        }

        .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
            opacity: 0;
        }

        .form-left {
            display: none;
        }

        /* Animation CSS */
        @keyframes icon-animation {
            0% {
                border-radius: 46% 54% 68% 32%/55% 48% 52% 45%;
            }

            50% {
                border-radius: 66% 34% 41% 59%/51% 34% 66% 49%;
            }

            100% {
                border-radius: 46% 54% 68% 32%/55% 48% 52% 45%;
            }
        }

        @keyframes wrep {
            0% {
                border-radius: 55% 45% 38% 62%/52% 57% 43% 48%;
            }

            35% {
                border-radius: 67% 33% 39% 61%/48% 63% 37% 52%;
            }

            70% {
                border-radius: 40% 60% 62% 38%/32% 41% 59% 68%;
            }

            100% {
                border-radius: 55% 45% 38% 62%/52% 57% 43% 48%;
            }
        }

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

            50% {
                transform: translateX(20px);
            }

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

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

            50% {
                transform: translateY(-15px);
            }

            10% {
                transform: translateY(0px);
            }
        }

        /* play button animation */
        @keyframes pulse {
            from {
                transform: scale(1);
                filter: opacity(0.9);
            }

            to {
                transform: scale(2);
                filter: opacity(0);
            }
        }

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


        /* new css */

        .img-banner-area {
            display: flex;
            justify-content: center;
            position: relative;
        }

        .img-banner {
            position: absolute;
            top: -350px;
        }

        .switch-box {
            display: none;
        }


        .project-bg-right {
            position: absolute;
            right: 0;
            bottom: 0
        }

        .project-bg-left {
            position: absolute;
            left: 0;
            top: 0;

        }

        .footer-bg-right {
            position: absolute;
            right: 0;

        }

        .footer-bg-left {
            position: absolute;
            left: 0;

        }




        .project-section {
            padding: 80px 0;
            background: #183A2C;
            background: linear-gradient(9deg, rgba(24, 58, 44, 1) 0%, rgba(40, 87, 74, 1) 50%, rgba(24, 58, 44, 1) 100%);
        }

        .carousel-container {
            max-width: 1000px;
            margin: auto;
            overflow: hidden;
            position: relative;
        }

        .carousel-track {
            display: flex;
            transition: transform 0.5s ease;

        }

        .card {
            flex: 0 0 33.3333%;
            padding: 0px;
            box-sizing: border-box;
            border: none;
            background: transparent;
        }

        .card-inner {

            padding: 0px;
            border-radius: 10px;
            text-align: center;
        }

        .nav-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            background: white;
            color: black;
            border: none;
            border-radius: 50%;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
            font-size: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10;
            transition: background 0.3s;
        }

        .nav-btn.left {
            left: 150px;
        }

        .nav-btn.right {
            right: 150px;
        }

        .project-title h3 {
            font-size: 45px;
            line-height: 55px;
            font-weight: 400;
            font-family: 'Gilroy-Light', sans-serif;
            color: #173A00;
            padding-bottom: 10px;
        }

        .project-title span {
            font-size: 70px;
            line-height: 80px;
            font-weight: 600;
            margin-bottom: 30px;
            font-family: Vendura;
            font-style: italic;
            color: #173A00;
            text-transform: lowercase;
        }

        .project-title p {
            font-size: 18px;
            line-height: 28px;
            font-weight: 400;
            margin-bottom: 30px;
            font-family: 'Gilroy-medium', sans-serif;
            color: #000000;
            text-align: left;
            padding-top: 20px;
        }

        .projct-img {
            box-shadow: 2.31px 3.46px 7.73px rgba(0, 0, 0, 0.25);
            filter: drop-shadow(2.31px 3.46px 7.73px rgba(0, 0, 0, 0.25));
            border-radius: 10px;
        }

        .project-text {
            padding: 10px 0px 0 34px;
        }

        .project-text h3 {
            font-size: 20px;
            line-height: 30px;
            font-weight: 600;
            font-family: 'Gilroy', sans-serif;
            color: #FFFFFF;
            text-align: left;
            padding-top: 20px;
        }

        .project-text p {
            font-size: 14px;
            line-height: 24px;
            font-weight: 400;
            font-family: 'Gilroy', sans-serif;
            color: #FFFFFF;
            text-align: left;
            padding-right: 20px;
        }

        .project-text span {
            font-size: 18px;
            line-height: 24px;
            font-weight: 700;
            font-family: 'Gilroy', sans-serif;
            color: #588157;
        }

        .project-text span:hover {
            font-size: 18px;
            line-height: 24px;
            font-weight: 900;
            font-family: 'Gilroy-bold', sans-serif;
            color: #588157;
        }


        .project-btn .default-btn {
            font-size: 20px;
            font-weight: 400;
            color: #FFFFFF;
            background: #588157;
            padding: 4px 30px;
            position: relative;
            display: inline-block;
            border-radius: 10px;
        }

        .project-btn .default-btn:hover {
            font-size: 20px;
            font-weight: 400;
            color: #588157;
            background: white;
            padding: 4px 30px;
            position: relative;
            display: inline-block;
            border-radius: 10px;
            border: 1px solid #588157
        }


        .gallery-btn .default-btn {
            font-size: 26px;
            font-weight: 400;
            color: #FFFFFF;
            background: transparent;
            padding: 4px 30px;
            position: relative;
            display: inline-block;
            border-radius: 40px;
        }

        .gallery-btn .default-btn:hover {
            font-size: 26px;
            font-weight: 400;
            color: #FFFFFF;
            background: #F2E7C733;
            padding: 4px 30px;
            position: relative;
            display: inline-block;
            border-radius: 40px;
            border: 1px solid #F2E7C733;
        }


        .cta-img {
            padding: 0;
            margin: 0;
            width: 100%;
        }

        .cta-image-area {
            position: relative;
            z-index: 9;
        }



        .cta-section {
            padding: 0;
            margin: 0;
            width: 100%;
        }

        .project-btn {
            display: flex;
            justify-content: center;
            padding-top: 60px;
        }

        .gallery-section {
            padding-top: 80px;
            padding-bottom: 50px;
            background: #C2B285;
            background: linear-gradient(24deg, rgba(194, 178, 133, 1) 0%, rgba(255, 247, 222, 1) 50%, rgba(243, 225, 173, 1) 100%);
        }

        .gallery {
            display: flex;
            gap: 10px;
            overflow: hidden;
            height: 400px;
            /* fixed height to prevent layout reflow glitches */
        }

        .gallery-item {
            flex: 1 1 150px;
            max-width: 150px;
            overflow: hidden;
            cursor: pointer;
            transition: flex-grow 0.4s ease, max-width 0.4s ease;
            position: relative;
            z-index: 1;
        }

        .gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.4s ease;
        }

        /* Default expanded first item when not hovering */
        .gallery:not(:hover) .gallery-item:first-child {
            flex-grow: 3;
            max-width: 600px;
            z-index: 10;
        }

        .gallery:not(:hover) .gallery-item:first-child img {
            transform: scale(1.05);
        }

        /* On gallery hover, all reset */
        .gallery:hover .gallery-item {
            flex-grow: 1;
            max-width: 150px;
            z-index: 1;
        }

        .gallery:hover .gallery-item:hover {
            flex-grow: 3;
            max-width: 600px;
            z-index: 10;
        }

        .gallery:hover .gallery-item:hover img {
            transform: scale(1.05);
        }

        /* Optional overlay effect */
        .gallery-item::after {
            content: '';
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.2);
            transition: background 0.3s;
            pointer-events: none;
        }

        .gallery-item:hover::after,
        .gallery-item.active::after {
            background: rgba(0, 0, 0, 0);
        }


        .gallery-section-area {
            width: 1300px;
        }

        .text-danger {
            color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
            font-size: 14px;
            padding-top: 20px;
        }

        .contact-section .contact-form .form-group .list-unstyled {
            color: red;
            margin-top: 10px;
            position: absolute;
            bottom: -44px;
            padding-top: 10px;
            font-size: 14px;
        }

        .gallery-section-area h2 {
            font-size: 80px;
            line-height: 90px;
            font-weight: 400;
            font-family: 'Vendura';
            color: #FFFFFF;
            text-align: center;
            padding-bottom: 20px;
            text-transform: uppercase;
        }

        .gallery-section-area p {
            font-size: 20px;
            line-height: 30px;
            font-weight: 400;
            font-family: 'Gilroy', sans-serif;
            color: #605F5F;
            text-align: center;
            padding-top: 50px;
            padding-bottom: 20px;
        }

        .gallery-btn {
            display: flex;
            justify-content: center;
            padding-top: 80px;

        }

        .project-area1 {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 60px;
        }

        .project-area {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 20px;
        }


        .cta-btn .default-btn {
            font-size: 15px;
            font-weight: 600;
            color: #588157;
            background: #FFFFFF;
            padding: 14px 40px;
            position: relative;
            display: inline-block;
            border-radius: 30px;
            font-family: 'Gilroy', sans-serif;
            text-transform: uppercase;
            letter-spacing: 2.4px;
        }

        .newsletter-area:hover .cta-btn .default-btn {
            font-size: 15px;
            font-weight: 600;
            color: white;
            background: #588157;
            padding: 14px 40px;
            position: relative;
            display: inline-block;
            border-radius: 30px;
            font-family: 'Gilroy', sans-serif;
            text-transform: uppercase;
            letter-spacing: 2.4px;
            border: 1px solid #588157;
            transition: all 0.3s ease;
        }

        .cta-btn {
            display: flex;
            justify-content: center;
        }



        .testimonial-heading span {
            font-size: 70px;
            line-height: 80px;
            font-weight: 600;
            margin-bottom: 30px;
            font-family: Vendura;
            font-style: italic;
            color: #163900;

        }

        .testimonial-heading h3 {
            text-align: left;
            font-size: 70px;
            line-height: 80px;
            font-weight: 400;
            color: #163900;
            font-family: 'Gilroy-medium', sans-serif;
            padding-bottom: 10px;
        }

        .testimonial-heading p {
            text-align: left;
            font-size: 18px;
            line-height: 28px;
            font-weight: 400;
            color: #000000;
            font-family: 'Gilroy-light', sans-serif;
            padding-bottom: 10px;
        }

        .testimonial-heading {
            font-family: 'Gilroy', sans-serif;
            font-size: 18px;
            line-height: 28px;
            font-weight: 400;
            text-align: left;
        }

        .quote-icon {
            font-size: 150px;
            color: rgba(255, 255, 255, 0.05);
            line-height: 1;
        }



        .testimonial-text {
            font-size: 20px;
            line-height: 30px;
            font-weight: 400;
            font-family: 'Gilroy-medium', sans-serif;
            text-align: left;
            color: #000000;
            padding: 30px 0px 60px;
        }

        .carousel-control-next,
        .carousel-control-prev {
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: 1;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            width: 15%;
            padding: 0;
            color: #fff;
            text-align: center;
            background: 0 0;
            border: 0;
            opacity: .5;
            transition: opacity .15s ease;
        }

        .testimonial-quoteimg {
            text-align: left;
        }

        .carousel-control-next {
            right: -200px;
        }

        .carousel-control-prev {
            left: -200px;
        }

        .carousel-indicators [data-bs-target] {
            background-color: #fff;
            opacity: 0.4;
        }

        .carousel-indicators .active {
            background-color: #e6c15e;
            opacity: 1;
        }

        .carousel-indicators {
            position: absolute;
            right: 0;
            bottom: -50px;
            left: 0;
            z-index: 2;
            display: flex;
            justify-content: center;
            padding: 0;
            margin-right: 15%;
            margin-bottom: 1rem;
            margin-left: 15%;
        }

        .cta-header-section {
            display: flex;
            justify-content: center;
        }


        .carousel-item h2 {
            font-family: Vendura;
            font-size: 28px;
            font-weight: 600;
            line-height: 38px;
            text-align: left;
            color: #C2A03C;
            padding-top: 30px;
        }

        .carousel-item p {
            font-family: 'Gilroy-light', sans-serif;
            font-size: 20px;
            font-weight: 400;
            line-height: 35px;
            text-align: left;
            color: #000000;
            padding: 0;
            margin: 0;
        }


        .carousel-indicators [data-bs-target] {
            box-sizing: content-box;
            flex: 0 1 auto;
            width: 10px;
            height: 10px;
            padding: 0;
            margin-right: 3px;
            margin-left: 3px;
            text-indent: -999px;
            cursor: pointer;
            background-color: #FFFAF3;
            background-clip: padding-box;
            opacity: .5;
            transition: opacity .6s ease;
            border-radius: 100px;
            border-top: 0px solid transparent;
            border-bottom: 0px solid transparent;
        }

        .carousel-indicators .active {
            background-color: #FFFAF3;
            opacity: 1;
        }

        .testimonial-section .container {
            width: 1140px;
        }

        .testimonial-heading {
            padding-bottom: 30px;
        }

        .contact-section .container {
            width: 1600px;
            padding: 20px 0px 30px;
        }

        .name-fields {
            display: flex;
            gap: 10px;
        }

        .contact-section {
            padding-top: 80px;
            padding-bottom: 100px;
        }

        .contact-details {
            padding: 100px 60px 0;
        }

        .brand-section {
            padding-top: 40px;
            padding-bottom: 40px;
            background-color: #183A2C;
        }



        .contact-info-column {
            display: flex;
        }

        .adress-area {
            display: flex;
        }


        .contact-info p {
            margin: 0;
            line-height: 1.8;
        }

        .contact-info i {
            margin-right: 8px;
            color: #fff;

        }

        .contact-maintitle {
            font-family: 'Gilroy-light', sans-serif;
            font-weight: 400;
            font-size: 20px;
            line-height: 30px;
            color: #ffffff;
            padding: 10px 0;
        }

        .main-heading h3 {
            font-family: 'Gilroy-Bold', sans-serif;
            font-weight: 600;
            font-size: 40px;
            line-height: 50px;
            color: #FFFFFF;
            padding-bottom: 30px;

        }

        .main-heading h2 {
            font-family: 'Vendura';
            font-weight: 600;
            font-size: 40px;
            line-height: 50px;
            color: #FFFFFF;

        }


        .contact-details-title {
            font-family: 'Gilroy-Bold', sans-serif;
            font-weight: 600;
            font-size: 18px;
            line-height: 28px;
            color: #F3F3F3;
            padding: 10px 0;
        }

        .contact-info-title {
            font-family: 'Gilroy', sans-serif;
            font-weight: 300;
            font-size: 16px;
            line-height: 26px;
            color: #FFFFFF;
            padding-bottom: 20px
        }

        .contact-info-column p {
            font-family: 'Gilroy', sans-serif;
            font-weight: 400;
            font-size: 10px;
            line-height: 20px;
            color: #B9B9B9;
            padding: 0px 0;
        }

        .contact-info p {
            font-family: 'Gilroy-light', sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 26px;
            color: #FFFFFF;
        }

        .contact-subtitle {
            font-family: 'Gilroy-Bold', sans-serif;
            font-weight: 700;
            font-size: 18px;
            line-height: 28px;
            color: #F2E7C7;
            padding: 0px 0;
        }

        .contact-subtitle p {
            font-family: 'Gilroy', sans-serif;
            font-weight: 400;
            font-size: 10px;
            line-height: 20px;
            color: #B9B9B9;
            padding: 10px 0;
        }

        .form-control {
            font-family: 'Gilroy', sans-serif;
            display: block;
            width: 100%;
            padding: .375rem .75rem;
            font-size: 16px;
            font-weight: 400;
            line-height: 26px;
            color: #717171;
            background: transparent;
            border: none;
            border-bottom: 1px solid #747474;
            /* color: black; */
            border-radius: 0;
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            display: block;
            width: 100%;
            padding: .375rem .75rem;
            font-size: 14px;
            font-weight: 400;
            line-height: 24px;
            color: #717171;
            background: #F8F8F8;
            border: none;
        }

        hr {
            width: 80%;
            text-align: center;
            padding-bottom: 20px;
            margin: auto;

            color: #BFD2F8;
        }

        .footer-area .container {
            width: 1140px;
        }

        .footer-area-section {
            padding-top: 50px;
        }

        .footer-area-section-one {
            margin-left: -40px;
            padding-top: 50px;
        }

        .newsletter-form {

            position: relative;
            width: 100%;
            max-width: 400px;
        }

        .newsletter-form input.form-control {
            width: 100%;
            padding-right: 40px;
            /* space for the icon */
            padding-left: 15px;
            height: 45px;
            border: none;
            background-color: #E4C151;
            border-radius: 5px;
        }

        .newsletter-form img {
            position: absolute;
            right: 12px;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            pointer-events: none;
        }

        #carouselTrack {
            display: flex;
            transition: transform 0.3s ease;
        }

        /* Default: desktop - show 3 cards */
        #carouselTrack>* {
            flex: 0 0 calc(100% / 3);
        }

        .contact-details {
            background: #183A2C;
            border-radius: 0px 40px 40px 0px;
        }

        .form-bg {
            position: absolute;
            bottom: 0;
            right: 150px;
        }

        .address-content {
            padding-right: 30px;
        }


        .arrow {
            width: 60px;

        }

        .container .gallery-section-area .row {
            justify-content: center;
        }

        .form-area {
            padding: 0;
        }

        .footer-area .copyright-area ul li::before {
            position: absolute;
            content: "";
            background: transparent;
            width: 5px;
            height: 5px;
            border-radius: 10px;
            right: -15px;
            top: 6px;
            list-style: none;
        }

        .footer-area .copyright-area p {
            color: #FFFFFF;
            margin-bottom: 0;
            text-align: left;
        }

        .footer-area .copyright-area ul {
            margin-bottom: 0;
            text-align: right;
        }

        .carousel-item {
            position: relative;
            display: none;
            float: left;
            width: 100%;
            margin-right: -100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transition: transform .2s ease-in-out;
        }

        .banner-text {
            padding-top: 250px;
        }

        .main-banner {
            margin-top: -172px;
            padding-bottom: 400px;
        }

        .navbar-area .main-nav {
            position: relative;
            background: transparent;
            padding-top: 10px;
            padding-bottom: 0px;
        }

        .navbar-area.sticky-top {
            animation: 0.5s ease-in-out fadeInDown;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            background: #588157;
        }

        .banner-slide {
            height: 100vh;
            background-size: cover;
            background-position: center;
        }

        .custom-caption {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            display: flex;
            align-items: center;
        }

        .banner-text {
            color: #fff;
        }

        .header-area .container {
            background: #588157;
            padding: 15px 80px;
            border-radius: 0px 0px 30px 30px;
            position: relative;
            z-index: 9;
        }

        .service-title {
            height: auto;
            border-bottom: 5px solid #C4A33B;
            padding-bottom: 60px;
            margin-top: 0;
        }

        .about-title {
            height: 600px;
            ;
            margin-top: -170px;
            border-bottom: 5px solid #C4A33B;
        }

        .about-title-text h2 {
            margin-bottom: 0;
            font-size: 60px;
            line-height: 70px;
            font-weight: 400;
            color: #F3ECDC;
            font-family: 'Kugile';
            text-align: center;
            padding: 280px 300px 0;
        }


        .service-style-three h2 {
            margin-bottom: 0;
            font-size: 60px;
            line-height: 70px;
            font-weight: 400;
            color: #F3ECDC;
            font-family: 'Kugile';
            text-align: center;
        }

        .main-content p {
            margin-bottom: 0;
            font-size: 20px;
            line-height: 30px;
            font-weight: 400;
            color: #F3ECDC;
            font-family: 'Gilroy-light', sans-serif;
            text-align: left;
            padding-top: 0px;

        }

        .main-content {
            padding-bottom: 100px;
        }

        .service-style-three .row {
            justify-content: center;
        }

        .service-style-three {
            padding-bottom: 150px;
        }

        .service-image {
            border-radius: 12px;
        }

        .service-card h3 {
            font-size: 36px;
            line-height: 46px;
            font-weight: 600;
            color: #F2E7C7;
            font-family: 'Kugile';
            text-align: left;
            padding-bottom: 20px;
        }


        .service-card .service-card-content {
            font-size: 16px;
            line-height: 26px;
            font-weight: 400;
            color: #F4F4F4;
            font-family: 'Gilroy-light', sans-serif;
            padding: 0;
        }

        .design-section {
            padding: 60px 20px;
        }

        .section-title {
            font-family: 'Kugile', serif;
            font-size: 32px;
            color: #f0e8da;
            margin-bottom: 20px;
        }

        ul {
            padding-left: 0;
        }

        .service-description {
            font-family: 'Gilroy-light', sans-serif;
            font-size: 16px;
            line-height: 26px;
            color: #F4F4F4;
            text-align: left;
            list-style: none;
        }

        .vertical-divider {
            width: 1px;
            height: 220px;
            background-color: #3e5e4e;
        }

        .vertical-divider1 {
            width: 1px;
            height: 244px;
            background-color: #3e5e4e;
        }

        .vertical-divider2 {
            width: 1px;
            height: 274px;
            background-color: #3e5e4e;
        }

        .vertical-divider3 {
            width: 1px;
            height: 366px;
            background-color: #3e5e4e;
        }

        .vertical-divider4 {
            width: 1px;
            height: 244px;
            background-color: #3e5e4e;
        }

        .vertical-divider5 {
            width: 1px;
            height: 246px;
            background-color: #3e5e4e;
        }

        .vertical-divider6 {
            width: 1px;
            height: 272px;
            background-color: #3e5e4e;
        }

        .vertical-divider7 {
            width: 1px;
            height: 262px;
            background-color: #3e5e4e;
        }

        .bottom-line {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 20px;
        }

        .bottom-line .line {
            flex: 1;
            max-width: 34%;
            height: 1px;
            background-color: #3e5e4e;
        }


        .service-card1,
        .service-card2,
        .service-card3,
        .service-card4,
        .service-card5,
        .service-card6,
        .service-card7 {
            padding-top: 50px;
            padding-bottom: 30px;
        }

        #card-content {
            font-size: 20px;
            line-height: 30px;
            font-weight: 100;
            color: #FFFFFF;
            font-family: 'Gilroy-light', sans-serif;
            text-align: center;
        }

        #service-section-area .newsletter-area {
            padding: 100px;

            z-index: 1;

        }

        #service-section-area .newsletter-area h2 {
            font-size: 40px;
            font-weight: 600;
            color: #FFFFFF;
            line-height: 50px;
            padding-bottom: 40px;
                font-family: 'Kugile';
        }

        #service-section-area {
            position: relative;
            padding-top: 80px;
        }

        .project-section-area {
            width: 1140px;
        }

        .gallery-section-1 .row {
            background-color: #0F3325;
        }

        .projects-area {
            background: #0F3325;
            padding: 30px;
        }

        .about-content {
            margin-bottom: 0;
            font-size: 18px;
            line-height: 28px;
            font-weight: 400;
            color: #F3ECDC;
            font-family: 'Gilroy-light', sans-serif;
            text-align: left;
            padding-top: 20px;
            padding-bottom: 0px;
        }

        .card-container .row {
            justify-content: center;
        }

        .contact-img {
            width: 47px;
        }

        .mail {
            width: 47px;
        }

        .location {
            width: 47px;
        }


        /* Tablet: show 2 cards */
        @media (max-width: 991px) {
            #carouselTrack>* {
                flex: 0 0 calc(100% / 2);
            }
        }

        /* Mobile: show 1 card */
        @media (max-width: 575px) {
            #carouselTrack>* {
                flex: 0 0 100%;
            }
        }

        @media (max-width: 375px) {
            .header-area .container {
                background: #588157;
                padding: 12px 10px !important;
                border-radius: 0px 0px 30px 30px;
                position: relative;
                z-index: 9;
            }

            .header-area .header-left-text ul li {
                display: inline-block;
                color: #565659;
                font-size: 8px;
                font-family: "Poppins", sans-serif;
                font-weight: 500;
                margin-right: 7px;
                line-height: 1;
            }

            .header-area .header-right .header-social ul li a i {
                width: 8px;
                height: 25px;
                line-height: 23px;
                color: #FFFFFF;
                font-size: 12px;
                text-align: center;
                display: inline-block;
                transition: 0.5s;
                border: 1px solid transparent;
            }

            .main-banner .banner-text h1 {
                font-size: 35px !important;
                margin-bottom: 10px !important;
                line-height: 35px;
            }

            .main-banner {
                margin-top: 0px !important;
                height: 62vh !important;
            }

            .banner-slide {
                /* margin-bottom: -200px; */
                height: 80vh !important;
                background-size: cover;
                background-position: center;
            }
        }


        /* respsonive */

        @media (max-width: 768px) {
            .about-section {
                padding-top: 150px !important;
                text-align: center;
            }

            .project-container {
                width: auto;
            }


            .about-container-area {
                width: auto;
            }

            .contact-area .contact-box .contact-card {
                margin-bottom: 0px !important;
            }

            .contact-area .contact-box .contact-card {
                border: none;
                position: relative;
                padding: 20px;
                text-align: center;
            }

            .contact-area .contact-box .contact-card ul li {
                color: #C5C5C5;
                font-size: 16px;
                list-style: none;
                line-height: 32px;
                font-family: 'Gilroy-Light', sans-serif;
            }

            .contact-area .contact-box .contact-card h3 {
                font-weight: 400;
                color: #FFFFFF;
                font-size: 18px;
                line-height: 28px;
                padding-top: 20px;
                font-family: 'Gilroy-Light', sans-serif;
            }

            .contact-area .contact-box {
                margin-top: 0;
                padding: 60px 45px;
                box-shadow: none;
                justify-content: center;
                background: transparent;
                gap: 31px;
            }

            .phone {
                width: 30px;
            }

            .mail {
                width: 30px;
            }

            .location {
                width: 30px;
            }

            .testimonial-quote {
                width: 50px;
            }

            .carousel-item h2 {
                font-family: Vendura;
                font-size: 20px;
                font-weight: 600;
                line-height: 30px;
                text-align: left;
                color: #C2A03C;
                padding-top: 30px;
            }

            .carousel-item p {
                font-family: 'Gilroy-light', sans-serif;
                font-size: 18px;
                font-weight: 400;
                line-height: 28px;
                text-align: left;
                color: #000000;
                padding: 0;
                margin: 0;
            }

            .about-card h3 {
                font-size: 22px;
                line-height: 32px;
            }

            .about-title {
                height: auto;
                border-bottom: 5px solid #C4A33B;
                padding-bottom: 60px;
                margin-top: 0;
            }

            #card-content {
                font-size: 16px;
                line-height: 26px;

            }

            .service-style-three p {
                margin-bottom: 0;
                font-size: 16px;
                line-height: 26px;
                padding-top: 30px;
                padding-bottom: 40px;
                padding-left: 20px;
                padding-right: 20px;
            }

            .service-style-three h2 {
                line-height: 40px;
                font-size: 30px;
            }

            .footer-bg-left {
                display: none;
            }

            .footer-bg-right {
                display: none;
            }

            .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,
            .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
            .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
            .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active,
            .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus,
            .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
            .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a,
            .main-nav nav .navbar-nav .nav-item a.active,
            .main-nav nav .navbar-nav .nav-item a:focus,
            .main-nav nav .navbar-nav .nav-item a:hover,
            .main-nav nav .navbar-nav .nav-item:hover a,
            .mobile-nav.mean-container .mean-nav ul li a.active {
                color: white;
            }

            .navbar-area .mobile-nav .logo {
                position: absolute;
                top: 12px;
                left: 15px;
                z-index: 99999;
                max-width: 80px !important;
            }

            .gallery-section-area {
                padding-left: 0 !important;
                width: auto;
                padding-top: 40px !important;
                padding-right: 0 !important;
            }

            .mean-container .mean-nav ul li a {
                display: block;
                float: left;
                width: 90%;
                padding: 11px 20px;
                margin: 0;
                text-align: left;
                color: white;
                border-top: none !important;
                text-decoration: none;
                border: none !important;
            }

            .testimonial-section .container {
                width: auto;
            }

            .contact-section .container {
                width: auto;
            }

            .contact-row {
                margin: 0;
            }

            .footer-area .container {
                width: auto;
            }

            .header-area {
                display: block !important;
            }

            header-area .container {
                padding: 10px 0px;
                position: relative;
            }

            .header-area .header-left-text ul li {
                font-size: 10px;
                line-height: 20px;
            }

            .header-area .container {
                background: #588157;
                padding: 15px 10px;
                border-radius: 0px 0px 30px 30px;
                position: relative;
            }

            .navbar-area .mean-container .mean-bar {
                background-color: transparent !important;
                padding-top: 50px !important;
                padding-bottom: 20px !important;
            }

            .main-banner .banner-text h1 {
                font-size: 35px !important;
                margin-bottom: 10px !important;
                padding-top: 60px;
                line-height: 40px;
            }

            .main-banner .banner-text span {
                font-size: 30px;
                line-height: 40px;
                font-weight: 400;
                font-family: Vendura;
                color: #F3ECDC;
                text-align: center;
                padding-bottom: 40px;
                padding-top: 10px;
                font-style: italic;
            }

            .main-banner .banner-text h2 {
                font-size: 35px;
                line-height: 40px;
                font-weight: 400;
                font-family: 'Vendura';
                color: #F3ECDC;
                text-align: center;
                padding-bottom: 30px;
                padding-top: 0px;
            }

            .phone-button .default-btn {
                font-size: 12px;
                font-weight: 400;
                color: #2B2B2B;
                background: #F6F1E6;
                padding: 15px 30px;
                position: relative;
                display: inline-block;
            }

            .gtn-button .default-btn {
                font-size: 12px;
                font-weight: 400;
                color: #F6F1E6;
                background: transparent;
                padding: 14px 30px;
                position: relative;
                display: inline-block;
                border: 1px solid #F6F1E6;
            }

            .main-banner .banner-text {
                text-align: center;
                padding-top: 56px !important;
                padding-bottom: 0 !important;
            }

            .banner-content {
                padding-top: 50px;
            }

            .navbar-area .mean-container .mean-bar {
                background-color: transparent;
            }

            .banner-content p {
                color: #EEEEEE;
                border-left: 4px solid;
                padding-left: 20px;
                font-weight: 400;
                font-size: 16px !important;
                line-height: 26px !important;
                font-family: 'Gilroy-Light', sans-serif;
            }

            .navbar-area .mean-container .mean-bar {
                padding: 0;
                position: inherit;
                background: #588157;
                padding-top: 10px;
                padding-bottom: 10px;
            }

            .navbar-area.sticky-top {
                animation: 0.5s ease-in-out fadeInDown;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
                background: #588157;
            }

            .header-left-text ul,
            .header-right ul {
                padding-left: 0;
            }

            .header-left-text ul li,
            .header-right ul li {
                display: inline-block;
                margin-right: 10px;
            }

            .header-area .header-left-text ul {
                padding-left: 0;
                margin-bottom: 0;
                display: flex;
            }

            .header-area .header-left-text ul li {
                display: inline-block;
                color: #565659;
                font-size: 15px;
                font-family: "Poppins", sans-serif;
                font-weight: 500;
                margin-right: 00px;
                line-height: 1;
            }

            .header-area .header-right .header-social ul li {
                display: inline-block;
                line-height: 1;
                margin-left: 0px;
            }


            .header-area {
                display: none;
            }

            .header-area .container {
                background: #588157;
                padding: 15px 10px !important;
                border-radius: 0px 0px 30px 30px;
                position: relative;
                z-index: 9;
            }

            .header-area .header-left-text ul li {
                display: inline-block;
                color: #565659;
                font-size: 10px;
                font-family: "Poppins", sans-serif;
                font-weight: 500;
                margin-right: 7px;
                line-height: 1;
            }

            .header-area .header-right .header-social ul li a i {
                width: 14px;
                height: 25px;
                line-height: 23px;
                color: #FFFFFF;
                font-size: 14px;
                text-align: center;
                display: inline-block;
                transition: 0.5s;
                border: 1px solid transparent;
            }

            .mean-container .mean-nav ul li {
                position: inherit;
                float: left;
                width: 100%;
                background: #588157;
                /* margin-top: -9900px; */
            }


            .banner-slide {
                /* margin-bottom: -200px; */
                height: 70vh !important;
                background-size: cover;
                background-position: center;
            }

            .header-area .container {
                background: #588157;
                padding: 15px 10px;
                border-radius: 0px 0px 30px 30px;
                position: relative !important;
                z-index: 9 !important;
            }

            .custom-caption {
                position: absolute;
                top: 0px;
                bottom: 0px;
                left: 0;
                right: 0;
                display: flex;
                align-items: center;
            }

            .main-banner .banner-text {
                text-align: center;
                padding-top: 115px;
                padding-bottom: 75px;
                margin-top: 150px !important;
            }

            .main-banner {
                margin-top: -144px !important;
                padding-bottom: 110px;
            }

            .img-banner {
                position: absolute;
                top: -80px;
            }

            .img-banner-area {
                display: flex;
                justify-content: center;
                position: relative;
                margin: 0 30px;
            }

            .carousel-inner {
                position: absolute;
                width: 100%;
                overflow: hidden;
                margin-top: -118px;
            }

            .section-title h2 {
                font-size: 22px !important;
                line-height: 30px;
                font-weight: 600;
                margin-bottom: 30px;
                font-family: 'Gilroy-Bold', sans-serif;
                color: #C3A23B;
                padding-top: 30px;
            }

            .abt-btn .default-btn {
                font-size: 14px;
                line-height: 24px;
                font-weight: 700;
                color: #000000;
                background: transparent;
                padding: 4px 30px;
                position: relative;
                display: inline-block;
                border-radius: 10px;
                text-transform: uppercase;
            }

            .about-section .about-text p {
                color: #000000;
                margin-bottom: 45px;
                font-family: 'Gilroy-medium', sans-serif;
                font-size: 18px;
                line-height: 28px;
                font-weight: 400;
                text-align: left;
                padding: 0 10px;
            }

            .abt-btn {
                padding-bottom: 30px;
            }

            .project-section {
                background: #183A2C;
                background: linear-gradient(9deg, rgba(24, 58, 44, 1) 0%, rgba(40, 87, 74, 1) 50%, rgba(24, 58, 44, 1) 100%);
                padding-top: 40px;
                padding-bottom: 0px;

            }

            .project-title h3 {
                font-size: 30px;
                line-height: 40px;
                font-weight: 400;
                font-family: 'Gilroy-Light', sans-serif;
                padding-bottom: 0px;
                text-align: center;
            }

            .project-title span {
                font-size: 30px;
                line-height: 40px;
                font-weight: 600;
                margin-bottom: 30px;
                font-family: Vendura;
                font-style: italic;
                color: #173A00;
                text-transform: lowercase;
            }

            .carousel-content h3 {
                margin-bottom: 20px;
                font-size: 20px !important;
                color: #000000;
                line-height: 30px !important;
                border-bottom: 1px solid #C4A33B;
                padding-bottom: 20px;
                font-family: 'Gilroy-bold', sans-serif;
                font-weight: 600;
            }



            .carousel-content p {
                color: black;
                margin-bottom: 30px;
                font-size: 16px !important;
                line-height: 26px;
                font-family: 'Gilroy-medium', sans-serif;
                font-weight: 400;
                text-align: left;
            }



            .project-title h2 {
                font-size: 30px;
                line-height: 40px;
                font-weight: 400;
                margin-bottom: 20px;
                font-family: 'Kugile', sans-serif;
                color: #F2E7C7;
            }

            .project-title p {
                font-size: 16px;
                line-height: 30px;
                font-weight: 400;
                margin-bottom: 30px;
                font-family: 'Gilroy', sans-serif;
                color: #FFFFFF;
            }

            .nav-btn.right {
                right: 8px;
            }

            .nav-btn.left {
                left: 5px;
            }

            .project-text {
                padding: 10px 0px 0 80px;
            }

            .nav-btn {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                width: 40px;
                height: 40px;

            }

            .gallery-section-area h2 {
                font-size: 30px;
                line-height: 30px;
                font-weight: 400;
                font-family: 'Kugile';
                color: #FFFFFF;
                text-align: center;
                padding-bottom: 10px;
            }

            .full-length-video {
                height: 20vh;
            }

            .img-about {
                display: flex;
                justify-content: center;
                margin-left: 140px;
                margin-right: 140px;
            }


            .portfolio-hover {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                padding: 8px !important;
                background: #161515F2;
                color: #fff;
                transform: translateY(100%);
                transition: transform 0.5s ease-in-out;
                display: flex;
                align-items: center;
                justify-content: space-between;
                font-size: 12px !important;
            }

            .newsletter-section .container {
                padding: 0;
            }

            .newsletter-section .newsletter-area h2 {
                font-size: 14px !important;
                margin-bottom: 18px !important;
                line-height: 24px !important;
            }

            .cta-btn .default-btn {
                font-size: 10px !important;
                font-weight: 600;
                color: #FFFFFF;
                background: #588157;
                padding: 6px 21px !important;
                position: relative;
                display: inline-block;
                border-radius: 30px;
                font-family: 'Gilroy', sans-serif;
                text-transform: uppercase;
                letter-spacing: 1.4px;
            }

            .newsletter-section .newsletter-area h2 {
                font-size: 40px;
                font-weight: 400;
                color: #FFFFFF;
                line-height: 60px;
                padding-bottom: 0px !important;
                font-family: 'Kugile', sans-serif;
                padding-left: 0px !important;
                padding-right: 0px !important;
            }

            .gallery-section {
                padding-top: 40px;
                padding-bottom: 10px;
                margin-top: -80px;
            }

            .gallery-btn {
                display: flex;
                justify-content: center;
                padding-top: 10px !important;
            }

            .testimonial-section {
                background: #F2E7C7;
                padding-top: 40px;
                padding-bottom: 20%;
                padding-left: 20px;
                padding-right: 20px;
            }

            .newsletter-form input.form-control {
                width: 100%;
                padding-right: 40px;
                padding-left: 15px;
                height: 30px;
                border: none;
                background-color: #E4C151;
                border-radius: 5px;
                font-size: 10px;
            }

            .newsletter-form .telegram-icon {
                position: absolute;
                right: 20px;
                top: 50%;
                transform: translateY(-50%);
                color: #4A4A4A;
                font-size: 14px;
                pointer-events: none;
            }


            .project-area1 {
                display: flex;
                align-items: center;
                justify-content: center;
                padding-top: 0px;
            }

            .project-area {
                display: flex;
                align-items: center;
                justify-content: center;
                padding-top: 10px;
            }

            .testimonial-heading h3 {
                font-size: 20px !important;
                line-height: 30px;
                font-weight: 600;
                font-family: 'Gilroy-Bold', sans-serif;
                padding-bottom: 10px;
            }

            .testimonial-heading h2 {
                font-weight: 600;
                margin-bottom: 0;
                font-size: 32px;
                line-height: 42px;
                font-weight: 400;
                color: #C4A33B;
                font-family: 'Kugile';
            }

            .testimonial-heading span {
                font-size: 20px;
                line-height: 30px;
                font-weight: 470;
                margin-bottom: 30px;
                font-family: Vendura;
                font-style: italic;
                color: #000000;
            }

            .gallery-btn .default-btn {
                font-size: 16px;
                font-weight: 400;
                color: #FFFFFF;
                background: transparent;
                padding: 4px 30px;
                position: relative;
                display: inline-block;
                border-radius: 10px;
                line-height: 26px;
            }

            .carousel-indicators {
                position: absolute;
                right: 0;
                bottom: -690px;
                left: 0;
            }

            .text-start {
                text-align: center !important;
                padding-bottom: 40px;
            }

            .testimonial-heading {
                padding-bottom: 140px;
            }

            .testimonial-text {
                font-size: 16px;
                line-height: 28px;
                font-weight: 200;
                font-family: 'Gilroy', sans-serif;
                text-align: left;
                color: #000000;
                padding-bottom: 0;
            }

            .testimonial-quoteimg {
                text-align: center;
            }

            .carousel-control-next,
            .carousel-control-prev {
                position: absolute;
                top: 760px;
                bottom: 0px;
                z-index: 1;
                display: flex;
                align-items: flex-end;
                justify-content: center;
                width: 15%;
                padding: 0;
                color: #fff;
                text-align: center;
                background: 0 0;
                border: 0;
                opacity: 2;
                transition: opacity .15s ease;
            }

            .carousel-control-prev {
                left: 100px;
            }

            .carousel-control-next {
                right: 100px;
            }

            .contact-details {
                background: #183A2C;
                background: #183A2C;
                border-radius: 0px 0px 0px 0px;
            }

            .form-bg {
                display: none;
            }

            .form-left {
                display: block;
                position: absolute;
                right: 0;
                top: 0;
            }

            .gallery-container {
                max-width: 500px;
                margin: auto;
            }

            .main-image {
                width: 100%;
                border-radius: 8px;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            }

            .thumbnail-row {
                display: flex;
                justify-content: space-between;
                margin-top: 10px;
                gap: 10px;
            }

            .thumbnail-row img {
                width: 100%;
                cursor: pointer;
                border-radius: 6px;
                border: 2px solid transparent;
                transition: border 0.3s;
            }

            .thumbnail-row div {
                flex: 1;
            }

            .thumbnail-row img:hover {
                border: 2px solid #007bff;
            }

            .contact-heading {
                color: #183A2C;
                font-size: 30px;
                line-height: 40px;
                font-weight: 400;
                font-family: 'Kugile';
                padding-bottom: 20px;
            }

            .main-heading {
                font-family: Vendura;
                font-weight: 600;
                font-size: 24px;
                line-height: 38px;
                color: #F2E7C7;
                padding: 10px 0;
                text-align: left;
            }


            .contact-details {
                padding-left: 20px;
                padding-top: 30px;
                padding-bottom: 30px;
                padding-right: 0px;
            }

            .main-heading h2 {
                font-family: 'Vendura';
                font-weight: 600;
                font-size: 20px;
                line-height: 30px;
                color: #FFFFFF;
            }

            .contact-subtitle {
                font-family: 'Gilroy-Bold', sans-serif;
                font-weight: 700;
                font-size: 18px;
                line-height: 28px;
                color: #F2E7C7;
                padding: 10px 0;
                text-align: left;
            }

            .contact-info p {
                font-family: 'Gilroy-light', sans-serif;
                font-weight: 400;
                font-size: 16px;
                line-height: 26px;
                color: #FFFFFF;
                text-align: left;
            }

            .contact-section .contact-form {
                padding: 70px;
                background: #F6F2F2;
                position: relative;
                border-radius: 0px 0px 0px 0px;
            }

            .form-area {
                padding-left: 0px !important;
                padding-right: 0px !important;
            }

            .contact-section {
                padding-top: 60px;
                padding-bottom: 60px;
            }

            .contact-info-title {
                font-family: 'Gilroy-light', sans-serif;
                font-weight: 400;
                font-size: 14px;
                line-height: 24px;
                color: #FFFFFF;
                padding-top: 0px;
                text-align: left;
            }

            .gallery-row {
                margin: 0;
            }

            .contact-details-mobile {

                gap: 10px;
            }

            .contact-section .contact-form .contact-text {
                padding-bottom: 0px;
            }

            .contact-section .contact-form {
                padding: 20px !important;
            }

            .main-heading h3 {
                font-family: 'Gilroy-Bold', sans-serif;
                font-weight: 600;
                font-size: 20px;
                line-height: 30px;
                color: #FFFFFF;
                padding-bottom: 0px;
            }

            .link-area {
                margin-top: 60px;
            }

            .footer-area .footer-widget h3 {
                color: #FFFFFF;
                font-size: 14px;
                font-weight: 600;
                margin-bottom: 0px!important;
                display: inline-block;
                position: relative;
                padding-bottom: 5px;
                font-family: 'Gilroy-bold', sans-serif;
                line-height: 24px;
            }

            .footer-area .main-section {
                padding-bottom: 10px;
            }

            .footer-area .copyright-area {
                padding: 0px 0 10px;
            }

            hr {
                width: 90%;
                text-align: center;
                padding-bottom: 0px;
                margin: auto;
                color: #BFD2F8;
            }

            .footer-area .copyright-area p {
                text-align: center !important;
                margin-bottom: 10px;
                line-height: 22px;
                font-size: 12px;
            }

            .footer-area .footer-widget {
                margin-bottom: 0px !important;
            }

            .footer-area .footer-widget ul :last-child {
                margin-bottom: 0;
                line-height: 24px;
                font-size: 12px;
                font-family: 'Gilroy-bold', sans-serif;
                font-weight: 400;
            }

            .about-title-text h2 {
                margin-bottom: 0;
                font-size: 32px;
                line-height: 42px;
                font-weight: 400;
                color: #F3ECDC;
                font-family: 'Kugile';
                text-align: center;
                padding: 0;
            }

            .d-table {
                width: 100%;
                height: 50%;
            }

            .about-subtitle {
                font-size: 30px;
                line-height: 40px
            }

            .about-content {
                font-size: 18px;
                line-height: 30px;
                font-weight: 400;
                margin-bottom: 0px;
                font-family: 'Gilroy', sans-serif;
                color: #FFFFFF;
                padding: 20px 20px 0px;
            }

            .contact-img {
                width: 30px;
            }

            .card-container .row {
                justify-content: center;
                gap: 60px;
            }

            .about-icon {
                display: flex;
                justify-content: center;
                padding-bottom: 10px;
            }

            .gallery-titile {
                margin-bottom: 0;
                font-size: 30px;
                line-height: 40px;
                font-weight: 400;
                color: #183A2C;
                font-family: 'Kugile';
                text-align: center;
                padding-bottom: 40px;
            }

            .about-style-three {
                padding-bottom: 60px;

            }

            .newsletter-section .newsletter-area {
                margin-bottom: 50px;
                padding: 30px;
                text-align: center;
                margin: 0;
            }

            #service-section-area .newsletter-area {
                padding: 40px 40px 30px;
                z-index: 1;
            }

            #service-section-area {
                position: relative;
                padding-top: 40px;
                padding-bottom: 80px;
            }

            .footer-area-section {
                padding-top: 0px;
            }

            .footer-area-section-one {
                margin-left: -40px;
                padding-top: 0px;
                padding-left: 60px;
            }

            .about-style-three .about-card {
                text-align: center;
                padding: 30px 20px;
                margin-bottom: 30px;
                transition: 0.5s;
                position: relative;
                background: #0F3325;
                height: 620px;
            }

            .project-section-area {
                width: auto;
            }

            .project-main-title {
                font-size: 20px;
                line-height: 30px;
            }

            .project-content {
                font-size: 16px;
                line-height: 26px;
            }


            .service-style-three {
                padding-bottom: 0px;
            }

            .contact-subheading {
                margin-bottom: 0;
                font-size: 30px;
                line-height: 40px;
            }

            .service-card h3 {
                font-size: 36px;
                line-height: 36px;
                font-weight: 600;
                color: #F2E7C7;
                font-family: 'Kugile';
                text-align: center;
                padding-bottom: 10px;
                padding-top: 20px;
            }

            .main-content {
                padding-bottom: 0px;
            }

            ul {
                padding-left: 0;

                padding-top: 10px;

            }

            .contact-container {
                width: auto;
                padding: 20px 0px 0px;
            }

            #contact-section-area {
                padding-top: 20px;
            }

            #project-section p {
                color: black;
                padding-bottom: 20px;
                font-family: 'Gilroy-Light', sans-serif;
                font-size: 18px;
                line-height: 30px;
                font-weight: 400;
                text-align: center;
            }

            .contact-section .contact-form .default-btn {
                color: #FFFFFF;
                border-radius: 20px;
                padding: 10px 20px;
                margin-top: 20px;
                z-index: 0;
                position: relative;
                transition: 0.5s;
                font-size: 18px;
                line-height: 30px;
                background: #17392B;
                margin-bottom: 10px;
                font-weight: 600;
                font-family: 'Gilroy-bold', sans-serif;
                width: 100%;
            }
        }




        .mobile-show,
        .mobile-none,
        .laptop-show,
        .laptop-none {
            display: none !important;
        }

        @media (max-width: 768px) {
            .mobile-show {
                display: block !important;
            }

            .mobile-none {
                display: none !important;
            }
        }

        @media (min-width: 1024px) {
            .laptop-show {
                display: block !important;
            }

            .laptop-none {
                display: none !important;
            }
        }