/**
 *
 * ---------------------------------------------------------------------------
 *
 * Template Name: Gardening Master - Gardening and Landscaping HTML5 Responsive Template 
 * Template URL: http://lovesome.biz/tf-template/garden
 * Author : urosd
 * Version : 1.0
 *
 * --------------------------------------------------------------------------- 
 *
 */

/*  ==================================
*   Table of Contents 
*    ==================================
*	1. Global Area
*   2. Header Area 
*   3. Slider Area
*   4. Analyze Wraper Area 
*   5. About Us Area
*   6. Assessment Area
*   7. Service Area
*   8. Gallery Area
*   9. Project Area
*   10. Team Area
*   11. Price Area
*   12. Client Area
*   13. Blog Area
*   14. Footer Area
*   15. Contact Us Part
*	================================== */

/*  ================================
        Global Area
    ================================ */

    html,
    body {
      /* min-width: fit-content; */
      /* margin: 0;
        padding: 0; */
        overflow-x: hidden;
    }
    
    body {
      color: #555;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.7;
      overflow-x: hidden;
      letter-spacing: 1px;
      font-family: "Open Sans", sans-serif;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      margin: 0;
      color: #222222;
      font-weight: 700;
      line-height: 1.3;
      text-transform: capitalize;
      font-family: "Raleway", sans-serif;
    }
    
    a {
      text-decoration: none;
      transition: all 0.5s;
    }
    
    a:hover,
    a:focus {
      outline: none;
      text-decoration: none;
    }
    
    a:focus {
      color: #fff;
    }
    
    ul,
    li,
    a {
      margin: 0;
      padding: 0;
    }
    
    img {
      max-width: 100%;
    }
    
    button:focus,
    input:focus {
      outline: none;
    }
    
    :-webkit-input-placeholder {
      color: inherit;
    }
    
    .section-padding {
      padding: 60px 0;
    }
    
    p {
      margin: 0 0 15px;
    }
    
    .mt {
      margin-top: 20px;
    }
    
    /***** ----- preloader part start ----- *****/
    
    .preloader {
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 9999;
      background-color: #fff;
    }
    
    .spinner {
      width: 40px;
      height: 40px;
      position: relative;
      margin: 0 auto;
      top: 50%;
      margin-top: -20px;
    }
    
    .double-bounce1,
    .double-bounce2 {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: #6cbe03;
      opacity: 0.6;
      position: absolute;
      top: 0;
      left: 0;
      animation: sk-bounce 2s infinite ease-in-out;
    }
    
    .double-bounce2 {
      animation-delay: -1s;
    }
    
    @keyframes sk-bounce {
      0%,
      100% {
        transform: scale(0);
      }
      50% {
        transform: scale(1);
      }
    }
    
    /***** ----- preloader part end ----- *****/
    
    /***** button part star *****/
    
    .garden-btn {
      width: 160px;
      height: 50px;
      display: inline-block;
      color: #fff;
      border-radius: 30px;
      text-transform: capitalize;
      background-color: #000000;
      font-weight: 600;
      text-align: center;
      line-height: 50px;
      position: relative;
      overflow: hidden;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      border: 1px solid;
    }
    
    .garden-btn:hover {
      color: #ffffff;
    }
    
    .move-eff span {
      z-index: 2;
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
    }
    
    .move-eff::before {
      content: "";
      position: absolute;
      top: 50px;
      left: -5px;
      width: 0;
      height: 0;
      border-left: 100px solid transparent;
      border-right: 100px solid transparent;
      border-bottom: 190px solid rgba(255, 255, 255, 0.25);
      z-index: 1;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }
    
    .move-eff::after {
      content: "";
      position: absolute;
      top: 50px;
      left: -5px;
      width: 0;
      height: 0;
      border-left: 100px solid transparent;
      border-right: 100px solid transparent;
      border-bottom: 190px solid rgba(255, 255, 255, 0.25);
      z-index: 1;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }
    
    .move-eff::after {
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s;
    }
    
    .move-eff:hover::before {
      opacity: 1;
      -webkit-transform: translate(0px, -190px);
      transform: translate(0px, -190px);
    }
    
    .move-eff:hover::after {
      opacity: 1;
      -webkit-transform: translate(0px, -150px);
      transform: translate(0px, -150px);
    }
    
    /***** button part end *****/
    
    /***** section title part star *****/
    
    .section-title {
      padding-bottom: 60px;
    }
    
    .section-title h2 {
      font-size: 45px;
      color: #1a1a1a;
      position: relative;
      display: inline-block;
      padding-bottom: 10px;
      text-transform: capitalize;
    }
    
    .section-title h2::before {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      content: "";
      border: 2px solid #6cbe03;
      width: 50%;
    }
    
    .section-title h2::after {
      position: absolute;
      bottom: -10px;
      left: 0;
      content: "";
      border: 2px solid #6cbe03;
      width: 50%;
    }
    
    .section-title h2 span {
      color: #6cbe03;
    }
    
    .section-title p {
      padding-top: 40px;
      color: #323232;
      margin: 0;
    }
    
    .light-title h2,
    .light-title p {
      color: #fff;
    }
    
    /***** section title part end *****/
    
    /***** page title  *****/
    
    .page-title-area {
      background: url("../img/custom/newbread.jpg") no-repeat scroll center top /
        cover;
      padding: 70px 0;
      position: relative;
      top: 65px;
    }
    
    .page-title-area::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: "";
      background-color: rgba(0, 0, 0, 0.5);
    }
    
    .page-title {
      color: #fff;
      font-weight: 800;
      text-transform: uppercase;
      font-size: 18px;
    }
    
    .page-title .title h2 {
      color: #fff;
      margin-bottom: 10px;
    }
    
    .page-title i.fa {
      margin: 0 3px;
    }
    
    .breadcrumb {
      background-color: transparent;
      padding: 0;
      margin: 0;
    }
    
    .breadcrumb > li {
      font-size: 16px;
      text-transform: capitalize;
    }
    
    ul.breadcrumb li a {
      color: #fff;
      font-size: 16px;
    }
    
    .breadcrumb > .active {
      color: #6cbe03;
    }
    
    /***** Scroll top  *****/
    
    #scrollUp {
      bottom: 56px;
      right: 50px;
      z-index: 999 !important;
    }
    
    #scrollUp i.fa {
      color: #fff;
      width: 40px;
      height: 40px;
      line-height: 35px;
      font-size: 20px;
      text-align: center;
      border-radius: 50%;
      background-color: #6cbe03;
    }
    
    /*  ================================
            Header Area 
        ================================ */
    
    .top-header-area {
      background-color: #252525;
      color: #fff;
      padding: 20px 0;
    }
    
    .slogan p {
      margin: 0;
      text-transform: capitalize;
      font-size: 13px;
      color: white;
    }
    
    .top-header-info i.fa {
      color: #6cbe03;
      margin-right: 5px;
    }
    
    .top-header-info a {
      color: #fff;
      font-size: 13px;
      padding-right: 25px;
    }
    
    .top-header-info a:last-child {
      padding: 0;
    }
    
    .garden-logo {
      padding: 0px 14px;
      /* filter: drop-shadow(0px 0px 2px #705b0e); */
    }
    
    .garden-logo img {
      width: 23%;
      position: absolute;
      z-index: -1;
      /* left: -100px; */
      top: 4px;
      border-radius: 10px;
    }
    
    /***** menu part *****/
    
    .menu-area {
      background-color: #ffffff;
      position: relative;
      z-index: 999 !important;
    }
    
    .menu-area::after {
      background: #6cbe03;
      position: absolute;
      top: 0;
      right: 0;
      width: 50%;
      height: 100%;
      content: "";
    }
    
    .main-menu {
      text-align: right;
      position: relative;
      z-index: 1;
      background: #6cbe03;
      padding-right: 20px;
    }
    
    .main-menu::before {
      background: #252525;
      position: absolute;
      top: 0;
      left: -23px;
      width: 7%;
      height: 100%;
      content: "";
      -webkit-transform: skewX(30deg);
    }
    
    .main-menu ul {
      display: inline-flex;
      list-style: outside none none;
    }
    
    .main-menu ul li {
      display: inline-block;
      position: relative;
    }
    
    ul li a.menu-active {
      color: #1a1a1a !important;
    }
    
    .main-menu ul li a {
      color: #fff;
      display: block;
      font-weight: 600;
      padding: 29px 8px;
      text-transform: uppercase;
      transition: all 0.5s ease 0s;
    }
    
    .main-menu ul li a i.fa {
      margin: 0;
      padding: 0 0 0 5px;
    }
    
    .main-menu ul li a:hover {
      color: #1a1a1a;
    }
    
    .main-menu ul li ul.drop-menu {
      display: block;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 150%;
      transition: all 0.5s ease 0s;
      visibility: hidden;
      z-index: 999;
      border-bottom: 3px solid #6cbe03;
    }
    
    .main-menu ul li ul.drop-menu li {
      display: block;
      width: 250px;
    }
    
    .main-menu ul li ul.drop-menu li a {
      background-color: rgba(0, 0, 0, 0.9);
      color: #fff !important;
      padding: 10px;
      text-align: left;
      text-transform: capitalize;
      width: 100%;
    }
    
    .main-menu ul li ul li a:hover,
    .main-menu ul li ul.drop-menu li a.menu-active {
      background-color: #6cbe03;
    }
    
    .main-menu ul li:hover .drop-menu {
      top: 100%;
      opacity: 1;
      visibility: visible;
    }
    
    .responsive-menu-wrap {
      display: none;
    }
    
    /***** search part *****/
    
    .search-box {
      position: absolute;
      right: 0;
      top: 28%;
    }
    
    .search-box::after {
      color: #fff;
      content: "";
      font-family: fontawesome;
      padding: 5px 15px;
      position: absolute;
      right: 0;
      top: 0;
      transition: all 0.5s ease 0s;
      z-index: 1;
      margin-right: 15px;
      font-size: 16px;
    }
    
    .search-box form {
      position: relative;
      z-index: 9;
    }
    
    .search-box input[type="search"] {
      background-color: transparent;
      border: 1px solid #fff;
      cursor: pointer;
      height: 35px;
      padding-left: 15px;
      position: absolute;
      right: 0;
      text-indent: -9999px;
      transition: all 0.2s ease 0s;
      width: 45px;
      margin-right: 15px;
      box-shadow: none;
      outline: none;
    }
    
    .search-box input[type="search"]:focus {
      border: 1px solid #ddd;
      text-indent: 0;
      width: 200px;
      background: #fff;
      cursor: text;
    }
    
    /*  ================================
            Slider Area
        ================================ */
    
    .slider-area {
      background-color: #272727;
    }
    
    .slider-wraper.owl-carousel {
      z-index: inherit !important;
    }
    
    .slider-bg-1 {
      background: url("../img/slider/agarwood111.jpg") no-repeat scroll center
        center / cover;
    }
    
    .slider-bg-2 {
      background: url("../img/slider/agarwood222.jpg") no-repeat scroll center
        center / cover;
    }
    
    .slider-bg-3 {
      background: url("../img/slider/agarwood333.jpg") no-repeat scroll center
        center / cover;
    }
    
    /* .slider-bg-4 {
        background: url('../img/slider/04.html') no-repeat scroll center center / cover;
    } */
    
    .slider-table {
      display: table;
      height: 100vh;
      width: 100%;
    }
    
    .slider-table-cell {
      display: table-cell;
      vertical-align: middle;
      position: relative;
    }
    
    .slider-table-cell::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: "";
      background-color: rgba(0, 0, 0, 0.5);
    }
    
    .slider-info h2 {
      font-size: 50px;
      position: relative;
      display: block;
      margin-bottom: 30px;
      text-transform: capitalize;
      color: #fff;
      animation-duration: 2s !important;
    }
    
    .slider-info .garden-btn {
      margin-right: 10px;
    }
    
    .slider-wraper .owl-nav div,
    .gallery .owl-nav div {
      background-color: rgba(109, 191, 3, 0.62);
      color: #fff;
      height: 50px;
      font-size: 30px;
      line-height: 50px;
      position: absolute;
      text-align: center;
      top: 50%;
      transform: translateY(-50%);
      width: 50px;
      transition: all 0.5s ease 0s;
      border-radius: 50%;
    }
    
    .slider-wraper div.owl-prev {
      left: auto;
      left: 5%;
    }
    
    .slider-wraper div.owl-next {
      left: auto;
      right: 5%;
    }
    
    /*  ================================
            Analyze Wraper Area
        ================================ */
    
    .analyze-wraper-area {
      margin-top: 10px;
      padding-bottom: 80px;
    }
    
    .analyze-img {
      display: inline-block;
      overflow: hidden;
      border-radius: 50%;
    }
    
    .analyze-img a {
      position: relative;
      display: inline-block;
      border-radius: 50%;
    }
    
    /* .analyze-img a::before,
    .single-gallery a::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        content: "";
        background-color: rgba(109, 191, 3, 0.60);
        border-radius: 50%;
        z-index: 1;
        opacity: 0;
        transition: all 0.5s ease 0s;
        border: 5px solid #fff;
    } */
    
    .single-analyze:hover .analyze-img a::before {
      opacity: 1;
    }
    
    /* .analyze-img a::after,
    .single-gallery a::after {
        background-color: #1a1a1a;
        border-radius: 50%;
        bottom: 0;
        color: #6cbe03;
        content: "";
        font-family: fontawesome;
        font-size: 18px;
        height: 60px;
        left: 0;
        line-height: 60px;
        margin: auto;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        transform: scale(3);
        transition: all 0.5s ease 0s;
        width: 60px;
        opacity: 0;
        z-index: 2;
    } */
    
    .single-analyze:hover .analyze-img a::after,
    .single-gallery:hover.single-gallery a::after {
      transform: scale(1);
      opacity: 1;
    }
    
    .analyze-img a img {
      width: 150px;
      max-width: 100%;
      height: auto;
      /* border: 5px solid #0c0c0c; */
      border-radius: 50%;
      position: relative;
      transform: scale(1);
      transition: all 1s ease 0s;
    }
    
    .single-analyze:hover .analyze-img img {
      transform: scale(1.5);
    }
    
    .single-analyze h2 {
      font-size: 24px;
      color: #6cbe03;
      margin: 20px 0 20px 0;
      text-transform: capitalize;
    }
    
    .single-analyze p {
      text-align: left;
      margin-bottom: 0;
    }
    
    /*  ================================
            About Area
        ================================ */
    
    .about-area {
      background-color: #f6f6f6;
    }
    
    .about-info {
      overflow: hidden;
      padding: 20px 0 0;
    }
    
    .single-about-info {
      margin-bottom: 30px;
      overflow: hidden;
    }
    
    .single-about-info i.fa {
      font-size: 24px;
      width: 50px;
      height: 50px;
      line-height: 50px;
      border-radius: 50%;
      text-align: center;
      color: #fff;
      background-color: #6cbe03;
    }
    
    .single-about-info h3 {
      margin: 10px 0;
      font-size: 22px;
      color: #6cbe03;
    }
    
    .single-about-info p {
      margin-top: 10px;
      text-align: justify;
      color: black;
      
    }
    
    /*  ================================
            Assessment Area
        ================================ */
    
    .single-assessment {
      border: 3px solid #6cbe03;
      position: relative;
      padding: 50px 20px;
      transition: all 0.5s ease 0s;
    }
    
    .single-assessment i.fa {
      font-size: 50px;
      color: #000000;
      transition: all 0.5s ease 0s;
    }
    
    .single-assessment a h3 {
      font-size: 20px;
      margin: 20px 0;
      font-weight: 700;
      text-transform: capitalize;
      transition: all 0.5s ease 0s;
    }
    
    .single-assessment a h3:hover {
      color: #6cbe03;
    }
    
    .assessment-area p {
      color: black;
    }
    .single-assessment a.garden-btn {
      position: absolute;
      bottom: -26px;
      left: 0;
      right: 0;
      margin: auto;
    }
    
    /*  ================================
            Service Area
        ================================ */
    
    .service-area {
      background-color: #f6f6f6;
    }
    
    .single-service-info {
      transition: all 150ms linear 0s;
      padding: 10px;
      margin: 10px;
      /* text-align: center; */
      position: relative;
      box-shadow: 0 0 10px #0000007d;
      min-height: 100px;
      border-radius: 15px 15px;
      background-color: black;
      height: 115px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .single-service-info:before {
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 0px;
      background-color: #6cbe03;
      transition: all 1s ease;
      border-radius: 15px 15px;
    }
    
    .single-service-info:hover:before {
      height: 100%;
    }
    
    .single-service-info h3 a {
      color: #6cbe03;
      font-size: 15px;
      transition: all 0.5s ease 0s;
      position: relative;
    }
    
    .single-service-info i.fa {
      color: #6cbe03;
      font-size: 40px;
      margin: 10px 0 15px;
      transition: all 0.5s ease 0s;
      position: relative;
    }
    
    .single-service-info p {
      transition: all 0.5s ease 0s;
      position: relative;
    }
    
    .single-service-info:hover.single-service-info h3 a,
    .single-service-info:hover.single-service-info i.fa,
    .single-service-info:hover.single-service-info p {
      color: #fff;
    }
    
    /***** single service *****/
    
    .single-service-area {
      background-color: #f6f6f6;
    }
    
    .single-service-contant h3 {
      color: #272727;
      margin: 30px 0 10px;
    }
    
    .single-service-contant blockquote {
      font-size: 16px;
      border-left: 5px solid #6cbe03;
      margin: 0 30px 30px;
      padding: 0 16px;
    }
    
    blockquote p {
      padding-bottom: 0;
    }
    
    .service-link {
      margin: 30px 0;
    }
    
    .service-link a i.fa {
      padding-right: 10px;
      font-size: 16px;
      color: #6cbe03;
      transition: all 0.5s ease 0s;
    }
    
    .service-link a i.fa:hover {
      color: #272727;
    }
    
    .service-list ul {
      list-style: outside none none;
    }
    
    .service-list ul li {
      display: block;
    }
    
    .service-list ul li a {
      color: #777;
      display: block;
      padding: 10px 35px;
      margin: 0;
      transition: all 0.5s ease 0s;
    }
    
    .service-list ul li a:hover {
      background-color: #6cbe03;
      color: #fff;
    }
    
    .single-pro-content p:last-child {
      margin: 0;
    }
    
    /*  ================================
            Gallery Area
        ================================ */
    
    .gallery .owl-nav {
      display: block !important;
    }
    
    .gallery .owl-nav div {
      background-color: rgba(0, 0, 0, 0.7);
    }
    
    .gallery div.owl-prev {
      left: auto;
      left: -75px;
    }
    
    .gallery div.owl-next {
      left: auto;
      right: -75px;
    }
    
    .single-gallery a {
      position: relative;
      display: block;
     
    }
    
    .single-gallery a::before {
      border: 0;
      border-radius: inherit;
      transform: scaleX(0);
    }
    
    .single-gallery:hover.single-gallery a::before {
      transform: scaleX(1);
      opacity: 1;
    }
    
    .single-gallery img {
      width: 100%;
    }
    
    .gallery-style-two {
      /* background-color: #f6f6f6; */
    }
    
    .gallery-style-two .single-gallery {
      margin-bottom: 30px;
    }
    
    .gallery-three {
      overflow: hidden;
    }
    
    .gallery-three .single-gallery {
      width: 25%;
      float: left;
    }
    
    /*  ================================
            Project Area
        ================================ */
    
    .progress-area {
      background: rgba(0, 0, 0, 0) url("../img/project-bg.jpg") no-repeat scroll 0 0 /
        cover;
      position: relative;
      padding: 50px 0;
    }
    
    .progress-area:before {
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.7);
      content: "";
      width: 100%;
      height: 100%;
      opacity: 0.9;
    }
    
    .single-progress-dec {
      color: #fff;
    }
    
    .single-progress-dec i.fa {
      font-size: 36px;
      display: block;
      color: #6cbe03;
    }
    
    .single-progress-dec > span {
      font-size: 30px;
      font-weight: 600;
      display: inline-block;
      margin: 10px 0;
    }
    
    .single-progress-dec h3 {
      color: #fff;
      font-size: 16px;
      font-weight: 800;
      text-transform: uppercase;
    }
    
    /*  ================================
            Team Area
        ================================ */
    
    .team-area {
      background-color: #f1f1f154;
    }
    
    .single-member {
      position: relative;
      overflow: hidden;
    }
    
    .single-member img {
      width: 100%;
    }
    
    .member-title {
      padding: 10px 15px;
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: #e0bf2e;
      transition: all 1s ease 0s;
      opacity: 1;
    }
    
    .member-title h2 {
      font-size: 16px;
      color: #fff;
      margin-bottom: 5px;
    }
    
    .member-title h3 {
      font-size: 13px;
      color: #fff;
    }
    
    .single-member:hover .member-title {
      /* opacity: 1; */
    }
    
    .social-overlay {
      position: absolute;
      top: 0;
      right: 0;
    }
    
    .social-overlay ul {
      list-style: none;
    }
    
    .social-overlay ul li a i.fa {
      width: 35px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      background-color: #6cbe03;
      color: #fff;
      transition: 0.5s;
      transform: translate(36px);
    }
    
    .single-member:hover .social-overlay ul li a i.fa {
      -webkit-transform: translate(0);
      -moz-transform: translate(0);
      -ms-transform: translate(0);
      -o-transform: translate(0);
      transform: translate(0);
    }
    
    .social-overlay ul li a i.fa:hover {
      background-color: #1f1f1f;
      border-radius: 50%;
    }
    
    .social-overlay ul li:nth-child(1) a i.fa {
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
    }
    
    .social-overlay ul li:nth-child(2) a i.fa {
      -webkit-transition-delay: 0.1s;
      -moz-transition-delay: 0.1s;
      -ms-transition-delay: 0.1s;
      -o-transition-delay: 0.1s;
      transition-delay: 0.1s;
    }
    
    .social-overlay ul li:nth-child(3) a i.fa {
      -webkit-transition-delay: 0.2s;
      -moz-transition-delay: 0.2s;
      -ms-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      transition-delay: 0.2s;
    }
    
    .social-overlay ul li:nth-child(4) a i.fa {
      -webkit-transition-delay: 0.3s;
      -moz-transition-delay: 0.3s;
      -ms-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      transition-delay: 0.3s;
    }
    
    .ep .single-member {
      margin: 40px 40px 50px 40px;
      border: 15px solid rgb(255, 255, 255);
        box-shadow: 0 0 10px #cbcbcb;
      
    }
    
    /*  ================================
            Price Area
        ================================ */
    
    .single-price {
      text-align: center;
      padding-bottom: 30px;
      border: 1px solid #ccc;
      margin-top: 20px;
    }
    
    .recommend {
      position: relative;
      padding-top: 50px;
      margin-top: -30px;
      background-color: #3b3c40;
      overflow: hidden;
    }
    
    .recommend::after {
      position: absolute;
      top: 30px;
      left: -70px;
      width: 100%;
      height: 40px;
      line-height: 40px;
      color: #fff;
      background-color: #6cbe03;
      z-index: 9;
      content: "we recommend";
      text-transform: capitalize;
      transform: rotate(-39deg);
    }
    
    .price-top {
      height: 150px;
      background-color: #3b3c40;
      text-align: center;
      position: relative;
    }
    
    .price-top h3 {
      color: #fff;
      font-size: 20px;
      margin: 20px 0;
      text-transform: capitalize;
      display: inline-block;
    }
    
    .price-count-info {
      height: 150px;
      width: 150px;
      border-radius: 50%;
      background-color: #fff;
      margin: 0 auto;
      position: relative;
    }
    
    .price-count {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 130px;
      width: 130px;
      border-radius: 50%;
      background-color: #fff;
      color: #6cbe03;
      font-weight: 700;
      padding: 30px 0;
      box-shadow: 1px 1px 10px rgba(68, 68, 68, 0.6);
    }
    
    .price-count i {
      display: block;
      font-size: 36px;
      font-weight: 700;
      line-height: 1;
      margin-bottom: 5px;
    }
    
    .price-list {
      margin: 70px 0 30px;
      list-style: none;
    }
    
    .price-list li {
      padding: 10px;
    }
    
    .price-list li:nth-child(2),
    .price-list li:nth-child(4) {
      background-color: #f5f5f5;
    }
    
    .recommend ul li {
      color: #fff;
    }
    
    .recommend .price-count-info {
      background-color: #4b4c4e;
    }
    
    .recommend ul li:nth-child(2),
    .recommend ul li:nth-child(4) {
      background-color: #45494c;
    }
    
    /*  ================================
            Client Area
        ================================ */
    
    .client-area {
      background: rgba(0, 0, 0, 0) url("../img/custom/testimonial/testi_back.jpg")
        no-repeat fixed 0 0 / cover;
      position: relative;
      margin-bottom: 40px;
      margin-top: 50px;
    }
    
    .client-area:before {
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.7);
      content: "";
      width: 100%;
      height: 100%;
      opacity: 0.9;
    }
    
    .single-client-info {
      color: #fff;
      position: relative;
      background-color: #00000085;
      padding: 30px;
      float: left;
      margin-top: 60px;
      min-height: 240px;
      border-radius: 10px;
    }
    
    .single-client-info img {
      position: absolute;
      width: 110px !important;
      top: -22%;
      left: 50%;
      transform: translate(-50%, 0);
      border-radius: 50%;
      border: 3px solid #fff;
    }
    
    .single-client-info h3 {
      /* display: inline-block; */
      color: #fff;
      font-size: 20px;
      /* float: left; */
      margin-top: 45px;
      text-align: center;
    }
    
    .single-client-info .rate {
      float: right;
    }
    
    .single-client-info .rate i.fa {
      color: #fec42d;
    }
    
    .single-client-info p {
      float: left;
      margin: 20px 0;
      text-align: center;
    }
    
    .single-client-info .social-link {
      float: left;
      text-align: center;
      width: 100%;
    }
    
    .single-client-info .social-link a i.fa {
      color: #fff;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border-radius: 50%;
      transition: all 0.5s ease 0s;
      margin-right: 5px;
    }
    
    .single-client-info .social-link a i.fa:hover,
    .single-client-info .social-link a.active i.fa {
      background-color: #fff;
      color: #6cbe03;
    }
    
    .client-wraper .owl-nav {
      position: absolute;
      display: flex;
      top: 0;
      left: 50%;
      transform: translate(-50%);
      color: #fff;
    }
    
    .client-wraper .owl-nav div {
      width: 30px;
      height: 25px;
      line-height: 25px;
      text-align: center;
      border-right: 2px solid #6cbe03;
    }
    
    .client-wraper .owl-nav div.owl-next {
      border: 0 none;
    }
    
    /*  ================================
            Blog Area
        ================================ */
    
    .news-img {
      position: relative;
      overflow: hidden;
    }
    
    .blog-area .news-info {
      margin-bottom: 50px;
    }
    
    .news-img img {
      width: 100%;
      transform: scale(1);
      transition: all 0.5s ease 0s;
      height: 350px;
    }
    
    .news-info:hover .news-img img {
      transform: scale(1.5);
    }
    
    .news-img:before {
      /* background-color: rgba(0, 0, 0, 0.7); */
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      transform: scale(0);
      transition: all 0.5s ease 0s;
      width: 100%;
      z-index: 1;
    }
    
    .post-meta {
      margin-bottom: 15px;
    }
    
    .post-meta li {
      color: #666666;
      display: inline-block;
      font-size: 13px;
      line-height: 20px;
      margin-right: 5px;
    }
    
    .post-meta li a {
      color: #666666;
    }
    
    .post-meta li .fa {
      padding-right: 3px;
      color: #6cbe03;
    }
    
    .news-content {
      padding: 20px 5px;
      margin-bottom: 20px;
      transition: 0.5s;
      box-shadow: 0px 2px 10px #80808069;
    }
    
    .news-info:hover .news-content {
      box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    }
    
    .news-content h2 {
      color: #252525;
      font-size: 20px;
      font-weight: 900;
      margin-bottom: 10px;
      transition: all 0.5s ease 0s;
      text-align: center;
    }
    
    .news-content h2:hover {
      color: #6cbe03;
    }
    
    .news-content a {
      margin: 0;
    }
    
    .news-content a.garden-btn {
      margin-top: 15px;
    }
    
    .post-date {
      height: 100%;
      left: 0;
      position: absolute;
      text-align: center;
      top: 0;
      transition: all 1s ease 0s;
      width: 100%;
      z-index: 2;
    }
    
    .post-date-info {
      background-color: #6cbe03;
      color: #fff;
      font-weight: 600;
      left: 0;
      padding: 5px 10px;
      position: absolute;
      text-transform: uppercase;
      top: 50%;
      transform: translate(0, -50%);
      transition: 0.5s;
      opacity: 0;
    }
    
    .post-date-info span {
      display: block;
      font-size: 22px;
      font-weight: 700;
    }
    
    .news-info:hover .post-date-info {
      opacity: 1;
    }
    
    .news-info:hover .news-img:before {
      transform: scale(1);
    }
    
    .latest-blog .news-info {
      margin-bottom: 50px;
    }
    
    .nav-links .page-numbers {
      margin-right: 10px;
      font-weight: 700;
      color: #1a1a1a;
    }
    
    .pagination {
      width: 100%;
      text-align: center;
    }
    
    .current {
      color: #6cbe03 !important;
    }
    
    .blog-slide .owl-nav div {
      background-color: #6cbe03;
      color: #fff;
      height: 40px;
      font-size: 22px;
      line-height: 40px;
      position: absolute;
      text-align: center;
      top: 50%;
      transform: translateY(-50%);
      width: 40px;
      border-radius: 50%;
      transition: all 0.5s ease 0s;
    }
    
    .blog-slide div.owl-prev {
      left: auto;
      left: -5%;
    }
    
    .blog-slide div.owl-next {
      left: auto;
      right: -5%;
    }
    
    /****** single blog *****/
    
    .single-blog-content img {
      width: 100%;
    }
    
    .single-blog-content h2 {
      color: #272727;
      font-size: 20px;
      font-weight: 600;
      margin: 30px 0 10px;
    }
    
    .blog-get-info {
      display: block;
      font-weight: 700;
      margin-bottom: 10px;
    }
    
    .blog-get-info i.fa {
      color: #6cbe03;
      font-size: 16px;
      margin-right: 5px;
    }
    
    .blog-get-info span {
      color: #6cbe03;
      font-size: 16px;
      font-weight: 700;
      margin-right: 10px;
    }
    
    .blog-comment-wraper {
      background-color: #fff;
      padding: 30px;
      margin-top: 30px;
      float: left;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),
        0 0 2px rgba(0, 0, 0, 0.1) inset;
      -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),
        0 0 2px rgba(0, 0, 0, 0.1) inset;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 2px rgba(0, 0, 0, 0.1) inset;
    }
    
    .blog-comment-wraper h3 {
      border-bottom: 1px solid #6cbe03;
      color: #6cbe03;
      font-size: 22px;
      font-weight: 600;
      margin-bottom: 40px;
      padding: 0 0 10px;
    }
    
    .comment-author {
      float: left;
      width: 15%;
    }
    
    .comment-author h4 {
      color: #272727;
      font-size: 14px;
      padding: 10px 0 0;
    }
    
    .reply-commnet-content .comment-author h4,
    .comment-content i.fa {
      color: #6cbe03;
    }
    
    .comment-content {
      float: right;
      margin: 0 0 30px;
      padding: 0 20px;
      width: 85%;
    }
    
    .comment-content p {
      margin: 15px 0;
    }
    
    .comment-content a {
      color: #6cbe03;
      float: right;
      font-weight: 700;
    }
    
    .comment-content a i.fa {
      margin-left: 5px;
      color: #6cbe03;
    }
    
    .reply-commnet-content {
      overflow: hidden;
      padding-left: 110px;
      width: 100%;
    }
    
    .comment-content span {
      font-size: 16px;
      font-weight: 600;
      margin-left: 5px;
      margin-right: 15px;
      text-transform: capitalize;
    }
    
    h3.comment-heading {
      color: #4c4c4c;
      display: inline-block;
      font-size: 30px;
      font-weight: 400;
      margin: 40px 0 20px;
      text-transform: uppercase;
    }
    
    .comment-form {
      overflow: hidden;
    }
    
    .comment-input-form {
      float: left;
      overflow: hidden;
      padding-right: 20px;
      width: 50%;
    }
    
    .comment-input-form:nth-child(2) {
      padding-right: 0;
    }
    
    .comment-input-form input {
      border: 1px solid #ccc;
      color: #777;
      height: 50px;
      padding: 0 20px;
      width: 100%;
    }
    
    .comment-textarea {
      float: left;
      width: 100%;
    }
    
    .comment-textarea textarea {
      border: 1px solid #ccc;
      color: #777;
      font-weight: 400;
      height: 200px;
      letter-spacing: 0;
      margin: 20px 0 0;
      padding: 20px;
      width: 100%;
    }
    
    .post-button {
      border: 0;
      float: right;
      margin-top: 30px;
    }
    
    /****** sidebar *****/
    
    aside {
      margin-bottom: 20px;
      border: 1px solid #6cbe03;
      padding: 0 20px 20px;
    }
    
    .widget-title {
      background-color: #6cbe03;
      color: #fff;
      display: block;
      font-size: 16px;
      padding: 16px;
      margin-bottom: 25px;
    }
    
    .sidebar-widget ul {
      list-style: outside none none;
    }
    
    .sidebar-widget a {
      color: #272727;
      display: inline-block;
      font-weight: 600;
      margin-bottom: 30px;
      transition: all 0.5s ease 0s;
      width: 100%;
    }
    
    .widget-active {
      background-color: #6cbe03;
      color: #fff !important;
    }
    
    .sidebar-widget a i.fa {
      color: #6cbe03;
      margin-right: 10px;
    }
    
    .sidebar-widget a:hover {
      opacity: 0.6;
    }
    
    .post {
      overflow: hidden;
      transition: all 0.5s ease 0s;
    }
    
    .post-img {
      float: left;
      width: 30%;
      padding-top: 5px;
    }
    
    .post-info {
      float: right;
      padding-left: 19px;
      width: 70%;
    }
    
    .post-info h3 {
      color: #272727;
      font-size: 12px;
      text-transform: uppercase;
    }
    
    .post-info p {
      color: #777;
      font-weight: 400;
      margin: 5px 0 0;
      font-size: 13px;
    }
    
    .post-info p span {
      display: block;
      font-size: 13px;
      text-align: right;
      color: #6cbe03;
      font-weight: 700;
      margin-top: 5px;
    }
    
    .keywords span {
      border: 1px solid #ccc;
      display: inline-block;
      margin-bottom: 10px;
      padding: 10px;
      transition: 0.5s;
    }
    
    .keywords span:hover {
      background-color: #6cbe03;
      color: #fff;
    }
    
    .widget-padding {
      background-color: #f3f2f2;
      margin-bottom: 30px;
      padding: 20px 25px 30px;
    }
    
    span.widget-title {
      color: #1a1a1a;
      display: block;
      font-size: 16px;
      margin-bottom: 25px;
      text-transform: uppercase;
    }
    
    .widget-search form {
      display: block;
      position: relative;
    }
    
    .widget-search input {
      background-color: #f3f2f2;
      border: 1px solid #1a1a1a;
      color: #1a1a1a;
      font-size: 16px;
      height: 30px;
      padding: 10px;
      width: 93%;
    }
    
    .widget-search .sub_search {
      background-color: transparent;
      border: 0 none;
      color: #c3c3c3;
      font-size: 20px;
      position: absolute;
      right: 3%;
      top: 50%;
      transform: translate(0px, -50%);
    }
    
    .widget-category ul {
      list-style: outside none none;
    }
    
    .widget-category a {
      color: #1a1a1a;
      display: inline-block;
      padding: 10px;
      transition: all 0.5s ease 0s;
      width: 100%;
    }
    
    .category-active a {
      background-color: #6cbe03;
      color: #fff;
    }
    
    .widget-category ul li a:hover {
      background-color: #6cbe03;
      color: #fff;
    }
    
    .sidebar-widget ul li a:hover.sidebar-widget a span {
      color: #1a1a1a !important;
    }
    
    /*  ================================
            Footer Area
        ================================ */
    
    .footer-area {
      background-color: #252525;
    }
    
    .footer-widget h2 {
      color: #fff;
      text-transform: uppercase;
      position: relative;
      font-size: 22px;
      margin-bottom: 30px;
      padding-bottom: 10px;
    }
    
    .footer-widget h2::before {
      position: absolute;
      bottom: 0;
      left: 0;
      content: "";
      width: 20%;
      border: 1px solid #6cbe03;
    }
    
    .footer-widget p {
      color: #fff;
      text-align: justify;
    }
    
    .footer-widget a.garden-btn {
      margin-top: 15px;
    }
    
    .footer-widget ul {
      margin: 0;
      padding: 0;
    }
    
    .footer-widget ul li {
      list-style: none;
      position: relative;
      padding-left: 26px;
      margin-bottom: 10px;
      color: #fff;
    }
    
    .footer-widget ul li::before {
      position: absolute;
      left: 0;
      content: "\f054";
      font-family: fontawesome;
      color: #6cbe03;
    }
    
    .footer-widget ul li a {
      color: #fff;
      transition: 0.5s;
    }
    
    .footer-widget ul li a:hover {
      color: #6cbe03;
    }
    
    .footer-blog {
      overflow: hidden;
      margin-bottom: 20px;
    }
    #footer-top {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    
    .blog-img {
      width: 30%;
      float: left;
    }
    
    .blog-info {
      width: 70%;
      float: left;
      padding-left: 10px;
    }
    
    .blog-info p {
      color: #fff;
      font-size: 13px;
      margin-bottom: 5px;
    }
    
    .blog-info span {
      color: #fff;
    }
    
    .con-info ul {
      margin-bottom: 30px;
    }
    
    .con-info ul li {
      margin-bottom: 10px;
      padding-left: 26px;
      position: relative;
      color: #fff;
    }
    
    .con-info ul li a {
      color: #fff;
    }
    
    .con-info ul li::before {
      display: none;
    }
    
    .con-info h3 {
      font-size: 25px;
      margin-bottom: 20px;
      text-align: center;
    }
    
    .con-info ul li i.fa {
      color: black;
      left: 0;
      position: absolute;
      top: 5px;
    }
    
    .subscribe-box {
      overflow: hidden;
      margin-top: 30px;
    }
    
    .subscribe-box input {
      background-color: transparent;
      border: 1px solid #fff;
      color: #fff;
      float: left;
      padding: 0 20px;
      width: 70%;
      height: 38px;
    }
    
    .subscribe-box .garden-btn {
      border-radius: 0;
      border: 0;
      float: right;
      height: 38px;
      line-height: 0;
      margin: 0;
      padding: 0;
      width: 28%;
    }
    
    .social {
      text-align: right;
    }
    
    .social ul li {
      list-style: none;
      display: inline-block;
    }
    
    .social ul li a i.fa {
      height: 30px;
      width: 30px;
      line-height: 30px;
      text-align: center;
      border-radius: 50%;
      transition: all 0.5s ease 0s;
      margin-right: 5px;
      color: #6cbe03;
    }
    
    .social ul li a.active i.fa,
    .social ul li a i.fa:hover {
      background-color: #fff;
      color: #6cbe03;
    }
    
    .copyright-info {
      padding: 25px 0;
      overflow: hidden;
      background-color: #333333;
    }
    
    .copy-right p {
      color: #fff;
      margin: 0;
      text-transform: capitalize;
    }
    
    .copy-right p span,
    .copy-right p a {
      color: #6cbe03;
      font-weight: 900;
    }
    
    /*  ================================
            Contact Us Part
        ================================ */
    
    .social-link-area {
      padding: 40px 0;
    }
    
    .social-link-area {
      background-color: #272727;
    }
    
    .contact-info-content img {
      height: auto;
      width: 100%;
    }
    
    h3.contact-title {
      font-size: 18px;
      font-weight: 600;
      margin: 33px 0 10px;
      text-transform: uppercase;
      color: #1a1a1a;
    }
    
    .contact-text-link {
      color: #777;
      display: block;
    }
    
    .con-info {
      /* margin-top: 20px; */
    }
    
    .con-info ul {
      margin: 0;
      padding: 32px 20px;
      /* background: linear-gradient(111.4deg, rgb(108 190 3) 18.4%, rgb(0, 232, 237) 100.2%);; */
      background: #e7e7e7d9;
      line-height: 30px;
      font-size: 14px;
    }
    
    .con-info ul li {
      color: black;
      list-style: none;
      font-weight: 600;
      line-height: 25px;
    }
    
    .con-info ul li a {
      color: black;
      display: inline-block;
    }
    
    .con-info ul li:last-child {
      margin: 0;
    }
    
    .form-content {
      margin-bottom: 20px;
    
      border-radius: 5px;
    }
    
    .form-content input {
      height: 50px;
    }
    
    textarea {
      height: 145px !important;
      margin: 0 0 20px;
      padding: 20px 10px !important;
    }
    
    .sent-button {
      padding: 10px 40px !important;
      margin: 0;
    }
    
    .contact-form button.garden-btn {
      border: 0;
    }
    
    .form-control:focus {
      border-color: #ccc;
      box-shadow: none;
    }
    
    .thank-you-message {
      padding: 20px 15px 0;
    }
    
    p.success {
      color: green;
    }
    
    p.error {
      color: red;
    }
    
    #map {
      width: 100%;
      height: 350px;
      margin-bottom: 30px;
    }
    
    .subscription-success {
      color: #fff;
      float: left;
      margin: 10px 0 0;
      width: 100%;
    }
    
    .subscription-label.error {
      margin-top: 10px;
    }
    
    .subscription-label.error a {
      color: #fff;
    }
    
    /* Contact area start */
    
    .contact-info::after {
      /* color:#252525;
        background-color: #222222;
        content: 'aa';
        display: block;
        height: 1px;
        font-size: 0.5px; */
    }
    
    /* Contact area end */
    
    /* Footer Warning start */
    
    #footer-warning {
      margin-top: 20px;
      color: white;
      background: #00000063;
      padding: 20px;
      border-radius: 20px;
    }
    #footer-warning-icon {
      margin-top: 10px;
    }
    #footer-top {
      padding: 60px 0 15px;
    }
    
    /* Footer Warning end */
    
    /* Custom css start */
    
    .breadcrump {
      background: url("../img/custom/bread23.jpg");
      height: 200px;
      /* opacity: 0.93; */
    }
    .bread-text {
      padding-top: 70px;
      /* color: white; */
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .bread-text h2,
    p,
    a {
      color: white;
    }
    .about {
      margin-top: 50px;
      margin-bottom: 50px;
    }
    .about-second h3 {
      margin-bottom: 20px;
      color: white;
    }
    .about-first img {
      border-radius: 15px;
      /* height: 300px;
        width: 300px; */
      box-shadow: 2px 2px 8px black;
      
    }
    .about-second p {
      font-size: 15px;
      line-height: 30px;
      text-align: justify;
      font-weight: 600;
      color: white;
    }
    .about-first-row {
      /* display: flex;
        align-items: center; */
      /* background: linear-gradient(264deg, #00c724 0%, #12b834 16%, #19aa40 33%, #1b9c49 50%, #1a8e50 66%, #168056 83%, #0c735c 100%); */
      padding: 25px;
      padding: 25px;
      border-radius: 20px;
    }
    
    /* Story start */
    
    .story {
      margin-bottom: 50px;
    }
    
    .story h2 {
      margin-bottom: 20px;
    }
    
    .story p {
      color: black;
      text-align: justify;
    }
    /* Story end */
    
    /* Director start */
    
    .director {
      padding: 20px 0;
      margin-bottom: 50px;
      /* background: url('../img/custom/about-page/director.jpg'); */
      /* background: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);; */
    }
    .director-row {
       /* background: linear-gradient(264deg, #00c724 0%, #12b834 16%, #19aa40 33%, #1b9c49 50%, #1a8e50 66%, #168056 83%, #0c735c 100%); */
      padding: 20px;
      border-radius: 20px;
      background-image: url("../img/custom/about-page/about-bg3.jpg");
    }
    .director-first img {
      border-radius: 20px;
      box-shadow: 2px 2px 8px black;
    }
    .director-second p {
      text-align: justify;
      line-height: 28px;
      font-weight: 700;
    }
    .director-row {
      display: flex;
      align-items: center;
    }
    
    .form-control {
      /* background: #eeeeee7d; */
      /* box-shadow: 5px 5px 10px black; */
    }
    
    .form-control::placeholder {
      color: #36454f;
      font-size: 14px;
    }
    
    /* Director end */
    
    /* Gallery Start */
    
    .modal {
      display: none;
      position: fixed;
      z-index: 99999;
      padding-top: 100px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: #0000007d;
    }
    
    /* Modal Content */
    .modal-content {
      position: relative;
      background-color: #000000 !important;
      margin: auto;
      padding: 0;
      width: 90%;
      max-width: 1200px;
    }
    
    /* The Close Button */
    .close {
      color: #ffffff;
      position: absolute;
      top: 10px;
      right: 25px;
      font-size: 35px;
      font-weight: bold;
    }
    
    .close:hover,
    .close:focus {
      color: #fff;
      text-decoration: none;
      cursor: pointer;
    }
    
    .mySlides {
      display: none;
      text-align: center;
      padding: 30px 0px;
    }
    
    .cursor {
      cursor: pointer;
      z-index: 1;
    }
    
    /* Next & previous buttons */
    .prev,
    .next {
      cursor: pointer;
      position: absolute;
      top: 50%;
      width: auto;
      padding: 16px;
      margin-top: -50px;
      color: white;
      font-weight: bold;
      font-size: 20px;
      transition: 0.6s ease;
      border-radius: 0 3px 3px 0;
      user-select: none;
      -webkit-user-select: none;
    }
    
    /* Position the "next button" to the right */
    .next {
      right: 0;
      border-radius: 3px 0 0 3px;
    }
    
    /* On hover, add a black background color with a little bit see-through */
    .prev:hover,
    .next:hover {
      background-color: rgba(0, 0, 0, 0.8);
    }
    
    /* Number text (1/3 etc) */
    .numbertext {
      color: #f2f2f2;
      font-size: 12px;
      padding: 8px 12px;
      position: absolute;
      top: 0;
    }
    
    img {
      /* margin-bottom: -4px; */
    }
    
    .caption-container {
      text-align: center;
      /* background-color: black; */
      padding: 2px 16px;
      color: white;
    }
    
    .demo {
      opacity: 0.6;
    }
    
    .active,
    .demo:hover {
      opacity: 1;
    }
    
    img.hover-shadow {
      transition: 0.3s;
    }
    
    .hover-shadow:hover {
      /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    }
    a:not([href]):not([tabindex]) {
      color: white;
      text-decoration: none;
    }
    .modal {
      background-color: #000000;
      padding-top: 10px;
    }
    .ser {
      margin-bottom: 10px;
      padding: 20px;
    }
    
    .kin {
      box-shadow: 0px 0px 5px #c8c8c7;
      padding: 5px;
    }
    .gal {
      width: 50%;
    }
    .sers {
      margin: 50px 0px 100px;
    }
    
    /* Gallery End */
    
    /* Technique start */
    
    .technique {
      display: inline-block;
      width: 100%;
      margin-top: 100px;
      margin-bottom: 50px;
    }
    .technique-inner-div h3 {
      margin-bottom: 20px;
      color: rgb(41, 41, 41) !important;
      text-align: center;
    }
    .technique-inner-div ul li {
      color: rgb(41, 41, 41) !important;
      font-weight: 600;
    }
    .technique-inner-div p {
      color: rgb(41, 41, 41) !important;
      text-align: justify;
      font-weight: 600;
    }
    .technique-container {
      /* background: linear-gradient(
        111.4deg,
        rgb(108 190 3) 18.4%,
        rgb(0, 232, 237) 100.2%
      ); */
      
      padding: 20px;
      border-radius: 20px;
      /* border: 1px solid black; */
    }
    .technique-container ul li {
      /* background: greenyellow; */
      /* padding-left: 20px; */
      list-style-type: none;
      padding-bottom: 5px;
    }
    #scope {
      /* padding-top: 20px; */
      margin-top: 100px;
      margin-bottom: 50px;
      /* background-color: yellow; */
    }
    #scope .container {
      /* background: #6cbe03; */
      padding-top: 10px;
      border-radius: 20px;
    }
    #scope h2 {
      margin-bottom: 10px;
    }
    .scopetwo {
      margin-bottom: 50px;
    }
    .scopetwo .container {
      background: linear-gradient(276deg, rgba(120,215,67,1) 0%, rgba(146,229,77,0.7735883782223827) 27%, rgba(0,212,255,0.4962774538526348) 100%);
      padding: 20px;
      border-radius: 20px;
    }
    .scopetwoimage {
      height: 300px;
      width: 300px;
      border-radius: 20px;
      box-shadow: 0 0 15px black;
    }
    .scopetwo .row {
      display: flex;
      align-items: center;
    }
    .scope-para {
      font-size: 16px;
      line-height: 40px;
    }
    .scopethree {
      margin-bottom: 50px;
    }
    .scopethree h2 {
      margin-bottom: 20px;
    }
    .scopethree h3 {
      margin-bottom: 10px;
      font-size: 20px;
    }
    .scopethree p {
      text-align: justify;
    }
    .scope-cols {
      height: 260px;
      box-shadow: 1px 1px 5px gray;
      padding: 50px 20px 20px 20px;
      background: linear-gradient(180deg, rgba(124,90,90,0.7427760532924107) 0%, rgba(211,233,148,0.5214875378862482) 100%);
      margin: 20px 48px;
        text-align: center;
    }
    /* Technique end */
    
    .move-eff:hover p {
      color: rgb(255, 255, 255);
    }
    
    .contact-bg {
      position: absolute;
      left: 0;
      z-index: -1;
      top: 700%;
    }
    
    .contact-area {
      margin-top: 35px;
    }
    
    .contact-page-padding {
      padding: 150px 0 0 0;
    }
    
    .map {
      margin-top: 0px;
    }
    
    .footer-widget {
      margin-left: -15px;
    }
    
    .address-wid1 h2 {
      left: 50px;
    }
    
    .text-center p {
      color: #6cbe03;
    }
    
    .single-analyze {
      box-shadow: 2px 2px 5px grey;
      border-radius: 10px;
      padding: 20px;
      border-radius: 10px;
      background: linear-gradient(89deg, #f6f2f2, #ffffff);
      box-shadow: 20px 20px 60px #ececec, -20px -20px 60px #ffffff;
    }
    
    .partner-padding {
      padding-bottom: 0px;
      height: 420px;
    }
    
    .videos {
      margin: 5% 0 4% 0;
    }
    
    .media-padding {
      padding-bottom: 10px;
    }
    
    .about-bg {
        position: absolute;
        
    }
    
    .about-first {
      border: 20px solid white;
      background-color: white;
      border-radius: 20px;
    }
    
    .director-first {
        border: 20px solid white;
        background-color: white;
        border-radius: 20px;
    }
    
    .team-stroke {
      position: absolute;
      left: 58%;
      top: 78%;
      z-index: -1;
      transform: rotate(143deg) scale(1.38);
    }
    
    .team-stroke2 {
        position: absolute;
        left: 4%;
        top: 140%;
        z-index: -1;
        transform: rotate(323deg) scale(1.5);
    }
    
    .team-stroke3 {
      position: absolute;
      left: 56%;
      top: 317%;
      z-index: -1;
      transform: rotate(213deg) scale(1.43);
    }
    
    .about-mem {
        margin: 100px 20px 30px 20px;
        border: 15px solid rgb(255, 255, 255);
        box-shadow: 0 0 10px #cbcbcb;
        background-color: white;
    }
    
    .about-mem p {
        color: black;
    }
    
    .single-gallery img {
      transition: 0.7s all ease-in-out;
    }
    
    .single-gallery:hover img {
        transform: scale(1.08);
        
    }
    
    .mem-container {
      display: flex;
      flex-direction: row;
      width: 100%;
      height: 300px;
      /* border: 1px solid black; */
      /* background-color: rgb(245, 245, 245); */
      margin: 20px 0;
      padding: 10px 10px 10px 50px;
    }
    
    .single-member-main {
      position: relative;
      overflow: hidden;
      width: 25%;
      top: -8px;
    
    }
    
    .single-member-main img {
      margin: 20px;
      width: 88%;
      flex: 0 0 30%;
      border: 15px solid white;
      box-shadow: 0 0 10px #cbcbcb;
    }
    
    .member-title-main {
      padding: 10px 15px;
      position: absolute;
      bottom: 16px;
      left: 20px;
      background-color: #eec71b;
      transition: all 1s ease 0s;
      opacity: 1;
    }
    
    .member-title-main h2 {
      font-size: 16px;
      color: #fff;
      margin-bottom: 5px;
    }
    
    .member-title-main h3 {
      font-size: 13px;
      color: #fff;
    }
    
    .about-main {
      flex: 0 0 75%;
      /* border: 1px solid black; */
      height: 90px;
      margin-top: 6%;
      padding: 10px;
      /* background-color: #000000a3; */
      background-image: url(../img/custom/team/about-main.jpg);
      position: absolute;
      left: 380px;
      padding-left: 50px;
      padding-right: 50px;
      width: 50%;
      height: 130px;
      /* clip-path: polygon(25% 0%, 100% 0%, 77% 100%, 0% 100%); */
      transition: 0.7s all ease-in-out;
      
      
    }
    
    .about-main:hover {
      transform: skewX(-10deg) scale(1.1);
      /* clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); */
      left: 35%;
      
    }
    
    
    .about-main p {
      color:#ffffff;
      text-align: justify;
    }
    
    .main-mem {
      display: flex;
      flex-direction: column;
      z-index: 100;
    
    }
    
    .md {
      padding-top: 15px;
    }
    
    .ceo {
      padding-top: 25px;
    } 
    
    .gallery-bg {
      position: absolute;
      transform: scale(1.8) rotate(185deg);
      left: 11%;
      top: 121%;
      z-index: -100;
      opacity: 0.45;
    }
    
    .gallery-bg2 {
      position: absolute;
        transform: scale(1.8) rotate(8deg);
        left: 54%;
        top: 178%;
        z-index: -100;
        opacity: 0.45;
    }
    
    .lb-image img {
      width: 500px;
      height: 500px;
    
      /* width: auto;
      height: auto; */
    }
    
    
    
    
    .scope-bg {
      position: absolute;
      z-index: -99999;
      top: 20%;
      transform: scale(1.1);
    }
    
    .cont1, .cont2, .cont4 {
      display: inline-block;
      width: 50%;
      margin: 0 0 0 50px;
    }
    
    .technique-inner-div {
      /* border: 1px solid black; */
      padding: 20px 15px 5px 15px;
      /* border-radius: 10px; */
      background-color: #ddffb2;
    }
    
    .tech-content {
      /* border: 1px solid black; */
      /* border-radius: 10px; */
      /* margin: 10px 0 0 0; */
      padding: 10px;
    }
    
    .tech-content ul li {
      color: black;
    }
    
    .fa-dot-circle-o {
      color: #6e99ff;
    }
    
    .tech-cont-img {
      float: right;
      margin-right: 75px;
      margin-top: 20px;
      padding: 10px;
      /* background-image: url(../img/custom/tech/tech-img-bg.png) */
      
    
    }
    
    .gallery-img a {
      margin-left: 20px;
      padding: 20px;
      box-shadow: 0 0 10px rgb(74 73 73);
      background-image: url("../img/custom/gallery-page/gallerybg.jpg");
    }
    
    .contact-row-margin {
      margin-bottom: 65px;
    }
    
    .contact-bg1 {
      position: absolute;
        left: 215px;
        top: 250px;
        z-index: -999;
        opacity: 0.7;
    }
    
    .contact-msg {
      height: 120px !important;
      margin: 0 0 20px;
      padding: 20px 10px !important;
    }
    
    .home-contact {
      margin-bottom: 45px;
    }
    
    .contact-page {
      box-shadow: 2px 2px 6px #00000038;
    }
    
    .lightbox .lb-image {
      width: 500px !important;
      height: 500px !important;
    }
    
    .lb-outerContainer {
      width: 500px !important;
      height: 500px !important;
    }
    
    .sticky-wrapper {
      height: 0px !important;
    }
    
    #sticky-wrapper {
      height: 0px !important;
    }
    
    .custom-page-padding {
      padding: 120px 0 0 0;
    }
    
    .owl-carousel .owl-stage-outer {
      width: 100%;
    }
    
    .lb-data .lb-caption {
      display: none !important;
    }
    
  .news-content p {
    text-align: center;
    color:black;
    margin-bottom: 0px;
  }
  .pet {
    background-color: black;
    text-align: center;
    padding: 15px 0px;
    margin-top: 40px;
    border-radius: 10px;
  }
  .pet a {
    font-size: 20px;
  }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* ----------------- */
    /* Mobile Responsive */
    /* ----------------- */
    
    @media (min-width: 360px) and (max-width: 421px) {
      .gallery div.owl-next {
        right: 0px;
    }
    
    .gallery div.owl-prev {
      left: 0px;
    }
    
    #scrollUp {
      bottom: 15px !important;
      right: 10px !important;
    }
    
    .garden-logo {
      position: relative !important;
      z-index: 8 !important;
      width: 100% !important;
      height: 65px !important;
      left: 4px !important;
      padding: 0px 31px !important;
    }
    
    .garden-logo img {
      top: 10px;
    }
    
    .contact-bg {
      display: none;
    }
    
    .home-video-margin-bottom {
      margin-bottom: 30px;
    }
    
    .about-img img {
      height: 350px;
      width: 280px;
    }
    
    .about-bg {
      transform: scaleY(6.8);
      top: 445% !important;
    }
    
    .about-first {
      margin-bottom: 35px;
    }
    
    .director-row {
      display: block;
    }
    
    .director-first {
      margin-bottom: 35px;
    }
    
    .team-stroke {
      display: none;
    }
    
    .team-stroke2 {
      display: none;
    }
    
    .team-stroke3 {
      display: none;
    }
    
    /* .md {
      visibility: collapse;
    }
    
    .ceo {
      visibility: collapse;
    }
    
    .member-title-main {
      display: none;
    } */
    
    .cont1, .cont2, .cont4 {
      width: 100%;
        margin: 0px;
    }
    
    .tech-cont-img {
      margin-right: 0px;
      margin-top: 0px;
    }
    
    .scopetwo .row {
      display: block;
    }
    
    #scope {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    
    .scopetwoimage {
      width: 320px;
    }
    
    .scope-img-margin-bottom {
      margin-bottom: 35px;
    }
    
    .scope-para {
      font-size: 12px;
      line-height: 20px;
      margin-top: 15px;
      text-align: justify;
    }
    
    .scope-h3 {
      font-size: 20px;
    }
    
    .scope-bg {
      transform: scaleY(1.2);
    }
    
    .contact-form-area {
      margin-top: 35px;
    }
    
    .about-second h3 {
      font-size: 20px;
    }
    
    .about-second p {
      font-size: 12px;
      line-height: 20px;
    }
    
    .director-second p {
      line-height: 20px;
      font-size: 12px;
    }
    
    .lightbox .lb-image {
      width: 300px !important;
      height: 300px !important;
    }
    
    .lb-outerContainer {
      width: 300px !important;
      height: 300px !important;
    }
    
    .gallery-bg {
     display: none;
    }
    
    .gallery-bg2 {
      display: none;
    }
    
    .gallery-img a {
      margin-left: 0px;
    }
    
    .footer-widget {
      margin-left: 0px;
    }
    
    .top-header-info a {
      margin: 5px 0 !important;
      font-size: 12px;
      padding-right: 0px;
    }
    
    .header-fb {
      display: inline;
      float: left;
      margin-left: 150px;
    }
    
    .header-yt {
      display: inline;
        float: left;
        margin-left: 10px;
    }
    
    .keypoint-padding {
      padding-bottom: 30px;
    }
    
    .contact-home-padding {
      padding-bottom: 30px;
    }
    
    .technique {
      margin-top: 50px;
      margin-bottom: 0px;
    }
    
    .first-technique {
      margin-top: -60px;
    }
    
    .last-container {
      margin-bottom: 50px;
    }
    
    .top-header-area {
        padding: 4px 0;
    }
    
    .slogan {
      display: none;
    }
    
    .header-fb {
      display: none !important;
    }
    


    
    .header-yt {
      display: none !important;
    }
    
    #scope .container {
      padding-top: 0px;
      margin-top: -18px;
    }
    
    .md {
      top: 148%;
      left: 9px;
      padding-left: 10px;
      padding-right: 10px;
      width: 95%;
      height: auto;
    }
    
    .ceo {
      top: 238%;
      left: 9px;
      padding-left: 10px;
      padding-right: 10px;
      width: 95%;
      height: auto;
    }
    
    .single-member-main {
      width: 100%;
    }
    
    .single-member-main img {
      margin: 0px;
    }
    
    .mem-container {
      display: block;
      margin: 30px 20px 20px;
      padding: 10px 20px 10px 20px;
    }
    
    .md-container {
      margin-bottom: 150px;
    }
    
    .ceo-container {
      margin-bottom: 200px;
    }
    
    .member-title-main {
      bottom: 14.5px;
      left: 14px;
    }
    
    .single-member-main img {
      border: 15px solid #cbcbcb3d;
    }
    
    .md-margin {
      margin-bottom: 20px;
      margin-left: 20px;
      font-size: 22px;
    }
    
    .exec-margin {
      margin-bottom: 20px;
      margin-left: 20px;
      font-size: 22px;
    }
    
    .technique-inner-div h3 {
      font-size: 20px;
    }
    
    .single-client-info {
      padding: 40px 10px 10px 10px !important;
    }
    
    .address-wid1 h2 {
      left: 0px;
    }
    
    .page-title-area {
      z-index: -1;
      padding: 130px 0 10px 0;
      position: relative;
      top: -57px;
    }
    
    .page-title .title h2 {
      margin-top: 10px !important;
      margin-bottom: 0 !important;
    }
    
    #scope h2 {
      font-size: 22px;
    }
    
    .scopethree h2 {
      font-size: 22px;
    }
    
    .custom-page-padding {
      padding: 30px 0 0 0;
      margin-top: -55px;
    }
    
    .contact-page-padding {
      padding: 0px 0 0 0;
      margin-top: -35px;
    }
    
    .contact-page-heading {
      padding-bottom: 25px;
    }
    
    .contact-bg1 {
      left: -78px;
      top: 30px;
      z-index: -20;
      opacity: 0.3;
      width: 80%;
    }
    
    .con-info ul li {
      line-height: 20px;
      font-size: 12px;
    }
    
    .contact-row-margin {
      margin-bottom: 0px;
    }
    
    .owl-carousel .owl-stage-outer {
      height: 300px;
    }
    
    .about-padding-mobile {
      padding: 40px 0;
    }
    
    .blog-slide div.owl-prev {
      left: 35% !important;
      top: 170px !important;
    }
    
    .blog-slide div.owl-next {
      right: 35% !important;
      top: 170px !important;
    }
    
    .section-padding {
      padding: 30px 0 30px;
    }
    
    .padding-bottom-contact-home {
      padding: 30px 0 0px !important;
    }
    
    }
    
    /* ----------------- */
    
    /* Custom css end */